shiyue/cc-web
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

feat: add MCP session visibility toggle and rebuild release

Browse Source
This commit is contained in:
shiyue
2026-08-26 17:12:45 +08:00
parent f15bc92d1e
commit e62a545569
13 changed files with 564 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

50
public/style.css
View File

@@ -1252,11 +1252,13 @@ body.session-loading-active {
color: var(--text-primary);
outline: none;
}
.advanced-search-open {
.advanced-search-open,
.mcp-session-visibility-toggle {
appearance: none;
width: 34px;
height: 34px;
flex: 0 0 34px;
flex-basis: 34px;
display: inline-flex;
align-items: center;
justify-content: center;
@@ -1277,6 +1279,29 @@ body.session-loading-active {
transform 0.16s ease,
box-shadow 0.16s ease;
}
.mcp-session-visibility-toggle svg {
width: 17px;
height: 17px;
fill: none;
stroke: currentColor;
stroke-width: 1.8;
stroke-linecap: round;
stroke-linejoin: round;
}
.mcp-session-visibility-slash {
opacity: 0;
transition: opacity 0.16s ease;
}
.mcp-session-visibility-toggle[aria-pressed='true'] {
background: var(--accent-light);
border-color: rgba(192, 85, 58, 0.34);
color: var(--accent);
}
.mcp-session-visibility-toggle[aria-pressed='true'] .mcp-session-visibility-slash {
opacity: 1;
}
.mcp-session-visibility-toggle:hover,
.mcp-session-visibility-toggle:focus-visible,
.advanced-search-open:hover,
.advanced-search-open:focus-visible {
background: var(--accent-light);
@@ -1285,6 +1310,7 @@ body.session-loading-active {
outline: none;
box-shadow: 0 0 0 3px rgba(192, 85, 58, 0.1);
}
.mcp-session-visibility-toggle:active,
.advanced-search-open:active {
transform: translateY(1px);
}
@@ -2137,7 +2163,7 @@ body.session-loading-active {
html[data-theme='cinder'],
html[data-theme='gilded'],
html[data-theme='wasteland']
) .advanced-search-open {
) :is(.advanced-search-open, .mcp-session-visibility-toggle) {
background: var(--dark-panel-soft);
border-color: var(--theme-card-border);
color: var(--text-secondary);
@@ -2149,14 +2175,14 @@ body.session-loading-active {
html[data-theme='cinder'],
html[data-theme='gilded'],
html[data-theme='wasteland']
) .advanced-search-open:hover,
) :is(.advanced-search-open, .mcp-session-visibility-toggle):hover,
:is(
html[data-theme='carbon'],
html[data-theme='nocturne'],
html[data-theme='cinder'],
html[data-theme='gilded'],
html[data-theme='wasteland']
) .advanced-search-open:focus-visible {
) :is(.advanced-search-open, .mcp-session-visibility-toggle):focus-visible {
background: var(--accent-light);
border-color: var(--theme-card-hover-border);
color: var(--accent);
@@ -2192,6 +2218,15 @@ html[data-theme='wasteland'] .advanced-search-open {
clip-path: var(--wasteland-cut);
}
html[data-theme='wasteland'] .mcp-session-visibility-toggle {
width: 36px;
height: 36px;
flex-basis: 36px;
border-color: var(--wasteland-line);
border-radius: 0;
clip-path: var(--wasteland-cut);
}
html[data-theme='wasteland'] .advanced-search-panel {
--advanced-search-bg: #151715;
--advanced-search-line: var(--wasteland-line);
@@ -2309,6 +2344,7 @@ html[data-theme='wasteland'] .advanced-search-panel {
@media (prefers-reduced-motion: reduce) {
.advanced-search-open,
.mcp-session-visibility-toggle,
.advanced-search-close,
.advanced-search-submit,
.advanced-search-pill {
@@ -9502,6 +9538,12 @@ html[data-theme='wasteland'] .session-search-row .advanced-search-open {
flex-basis: 36px;
}
html[data-theme='wasteland'] .session-search-row .mcp-session-visibility-toggle {
width: 36px;
height: 36px;
flex-basis: 36px;
}
html[data-theme='wasteland'] .session-search::after {
inset: 0;
background-image: url('assets/themes/wasteland/frames/search.png');