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

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; }