bluemsi/connectai
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

chore: version up to 2.80.36 and package with UI/UX refinement

Browse Source
This commit is contained in:
g1nation
2026-05-12 23:41:18 +09:00
parent f6b27a125b
commit e0af15767a
15 changed files with 390 additions and 149 deletions
Download Patch File Download Diff File Expand all files Collapse all files
media/sidebar.css
+111
View File
@@ -755,6 +755,7 @@
.ready-bar .rb-seg.ok { color: var(--success); }
.ready-bar .rb-seg.bad { color: var(--error); }
.ready-bar .rb-seg.rb-dim, .ready-bar .rb-dim { color: var(--border-bright); }
.ready-bar .rb-seg.rb-warn { color: var(--warning); font-weight: 600; }
.ready-bar .rb-sep { color: var(--border); margin: 0 1px; }
.ready-bar .rb-link { color: var(--accent); cursor: pointer; }
.ready-bar .rb-link:hover { text-decoration: underline; }
@@ -826,3 +827,113 @@
}
.lesson-candidate-box .lc-rec { border-color: var(--warning); color: var(--warning); }
.lesson-candidate-box button:hover { border-color: var(--border-bright); }
/* ════════════════════════════════════════════════════════════════
Compact header: top-bar dropdowns + Context Bar + Records line
(collapse the old "select bomb" into role-grouped popovers)
════════════════════════════════════════════════════════════════ */
/* compact toggle chips kept visible in the top bar (Trace / Web) */
.toggle-chip { font-size: 10.5px; padding: 0 8px; }
/* a trigger + popover menu (Tools ▾ / Edit ▾ / Records ▾) */
.hdr-dropdown { position: relative; display: inline-flex; }
.hdr-menu {
position: absolute;
top: calc(100% + 5px);
right: 0;
display: none;
flex-direction: column;
gap: 2px;
min-width: 190px;
max-width: calc(100vw - 16px);
padding: 5px;
background: var(--surface);
border: 1px solid var(--border-bright);
border-radius: 9px;
box-shadow: 0 10px 30px rgba(0,0,0,0.35);
z-index: 300;
}
.hdr-menu.open { display: flex; }
.hdr-menu-wide { width: min(330px, calc(100vw - 16px)); }
.hdr-menu-label {
font-size: 9.5px;
font-weight: 700;
text-transform: uppercase;
letter-spacing: .04em;
color: var(--text-dim);
padding: 5px 8px 2px;
}
.hdr-menu-label:first-child { padding-top: 2px; }
.hdr-menu-item {
display: block;
width: 100%;
text-align: left;
padding: 6px 9px;
background: transparent;
border: none;
border-radius: 6px;
color: var(--text-primary);
font-size: 12px;
cursor: pointer;
white-space: nowrap;
}
.hdr-menu-item:hover { background: var(--control-bg-hover); color: var(--text-bright); }
.hdr-menu .toggle-item::after { content: ' · 꺼짐'; color: var(--text-dim); font-size: 10px; }
.hdr-menu .toggle-item.active { color: var(--accent); }
.hdr-menu .toggle-item.active::after { content: ' · 켜짐'; color: var(--accent); }
.hdr-menu .control-row { margin: 0 4px 2px; }
.hdr-menu .select-wrap { margin: 0 4px 2px; }
/* Context Bar — "what knowledge context this answer uses" */
.context-bar {
display: flex;
align-items: center;
gap: 8px;
padding: 5px 12px;
background: var(--bg-secondary);
border-bottom: 1px solid var(--border);
font-size: 11px;
min-width: 0;
}
.context-summary {
flex: 1;
min-width: 0;
display: flex;
align-items: center;
gap: 5px;
overflow-x: auto;
scrollbar-width: none;
white-space: nowrap;
color: var(--text-dim);
}
.context-summary::-webkit-scrollbar { display: none; }
.context-summary .cb-key { color: var(--text-dim); }
.context-summary .cb-val { color: var(--text-bright); font-weight: 600; }
.context-summary .cb-sep { color: var(--border); }
.context-edit-dd { flex-shrink: 0; }
/* Records line — auto-records status + collapsed record picker */
.records-line {
display: flex;
align-items: center;
gap: 6px;
padding: 4px 12px;
background: var(--bg-secondary);
border-bottom: 1px solid var(--border);
font-size: 10.5px;
color: var(--text-dim);
min-width: 0;
}
.records-line .rl-summary {
flex: 1;
min-width: 0;
display: flex;
align-items: center;
gap: 6px;
overflow: hidden;
white-space: nowrap;
text-overflow: ellipsis;
}
.records-line .rl-latest { color: var(--border-bright); overflow: hidden; text-overflow: ellipsis; }
.records-line .hdr-dropdown { flex-shrink: 0; }