switchboard/core
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Releases 9 Wiki Activity

Changeset 0.23.2 (#155)

Browse Source
This commit is contained in:
xcaliber
2026-03-06 23:17:03 +00:00
parent 4c6555cb06
commit 2dc4514a57
36 changed files with 2784 additions and 192 deletions
Download Patch File Download Diff File Expand all files Collapse all files

5
src/css/channel-models.css
View File

@@ -191,6 +191,11 @@
border-radius: 4px;
font-size: 0.92em;
}
/* v0.23.2: User mention pill — teal to distinguish from AI mentions */
.mention-pill.mention-user {
color: #2dd4bf;
background: rgba(45,212,191,0.12);
}
/* ── Model Attribution (multi-model messages) ─ */

52
src/css/chat.css
View File

@@ -32,6 +32,48 @@
display: inline-flex; align-items: center; gap: 4px;
}
/* v0.23.2: Channel context banner */
.channel-context-banner {
padding: 6px 16px;
font-size: 12px;
color: var(--text-3);
background: var(--bg-raised);
border-bottom: 1px solid var(--border);
display: flex;
align-items: center;
gap: 8px;
flex-shrink: 0;
}
.channel-context-banner .ctx-mode {
font-family: var(--mono);
font-size: 11px;
padding: 1px 6px;
border-radius: 3px;
background: var(--bg-surface);
color: var(--text-2);
}
.channel-context-banner .ctx-mode-btn {
cursor: pointer; border: 1px solid var(--border);
transition: background 0.15s;
}
.channel-context-banner .ctx-mode-btn:hover {
background: var(--bg-hover); color: var(--text);
}
.channel-context-banner .ctx-topic {
color: var(--text-2); font-size: 12px;
}
.channel-context-banner .ctx-hint {
color: var(--text-3);
font-style: italic;
}
.ctx-participants-btn {
margin-left: auto;
background: none; border: 1px solid var(--border); border-radius: 4px;
color: var(--text-2); font-size: 11px; padding: 2px 8px; cursor: pointer;
}
.ctx-participants-btn:hover { background: var(--bg-hover); color: var(--text); }
.hover-bg:hover { background: var(--bg-hover); }
/* Message container (scrollable) */
.msg-container {
flex: 1; overflow-y: auto; scroll-behavior: smooth;
@@ -171,6 +213,16 @@
.message.user .msg-avatar { background: var(--accent-dim); }
.message.assistant .msg-avatar { background: var(--bg-raised); }
/* Other human's messages — left-aligned like assistant, teal accent */
.message.other-user .msg-body {
background: var(--bg-surface);
border: 1px solid var(--border);
border-radius: 16px 16px 16px 4px;
padding: 10px 14px;
}
.message.other-user .msg-role { color: #2dd4bf; }
.message.other-user .msg-avatar { background: rgba(45,212,191,0.12); color: #2dd4bf; }
.msg-body { flex: 1; min-width: 0; }
.msg-head { display: flex; align-items: center; gap: 8px; margin-bottom: 4px; }
.msg-role { font-size: 13px; font-weight: 600; }

21
src/css/surfaces.css
View File

@@ -705,6 +705,14 @@
.sb-channel-item.active { background: var(--bg-raised); color: var(--text); }
.sidebar.collapsed .sb-channel-item { justify-content: center; padding: 5px 0; margin: 0 6px; }
.sb-ch-menu {
visibility: hidden; background: none; border: none; color: var(--text-3); cursor: pointer;
font-size: 14px; padding: 0 4px; line-height: 1; border-radius: 3px; margin-left: auto;
}
.sb-ch-menu:hover { color: var(--text); background: var(--bg-hover); }
.sb-channel-item:hover .sb-ch-menu { visibility: visible; }
.sidebar.collapsed .sb-ch-menu { display: none; }
.sb-ch-icon { color: var(--text-3); flex-shrink: 0; display: flex; }
.sb-ch-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sidebar.collapsed .sb-ch-name { display: none; }
@@ -731,14 +739,15 @@
/* ── Chats section folder items ── */
.sb-folder-group { margin-bottom: 1px; }
.sb-folder-group.drag-over .sb-folder-header { background: var(--accent-dim); }
.sb-folder-name { flex: 1; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sb-folder-menu {
display: none; background: none; border: none; cursor: pointer;
visibility: hidden; background: none; border: none; cursor: pointer;
color: var(--text-3); font-size: 14px; padding: 0 2px; line-height: 1;
flex-shrink: 0; border-radius: 3px;
}
.sb-folder-menu:hover { color: var(--text); background: var(--bg-hover); }
.sb-folder-header:hover .sb-folder-menu { display: block; }
.sb-folder-header:hover .sb-folder-menu { visibility: visible; }
.sb-folder-empty { padding: 4px 14px 6px 28px; font-size: 11px; color: var(--text-3); font-style: italic; }
.sb-folder-header {
@@ -756,7 +765,13 @@
}
.sb-folder-header:hover { background: var(--bg-hover); color: var(--text-2); }
.sb-folder-arrow { margin-left: auto; font-size: 9px; }
.sb-folder-arrow { font-size: 9px; flex-shrink: 0; width: 12px; text-align: center; }
/* v0.23.2: Drop zone for chats section */
#sbBodyChats.drag-over { outline: 2px dashed var(--accent); outline-offset: -2px; border-radius: 4px; }
.sb-unfiled-zone { min-height: 30px; border-radius: 4px; margin-top: 2px; }
.sb-unfiled-zone.drag-over { outline: 2px dashed var(--accent); outline-offset: -2px; }
.sb-unfiled-hint { padding: 6px 14px; font-size: 11px; color: var(--text-3); font-style: italic; }
/* Indented chat items inside folders */
.chat-item.indented { padding-left: 28px; }