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

Upload 4 new, 6 modified files from chat-switchboard-v0.5.1.zip

Browse Source
This commit is contained in:
xcaliber
2026-02-18 20:58:13 +00:00
parent 490fe5c6a3
commit 7075538702
8 changed files with 309 additions and 55 deletions
Download Patch File Download Diff File Expand all files Collapse all files

75
src/css/styles.css
View File

@@ -78,16 +78,71 @@ a { color: var(--accent); }
}
.message:hover .message-copy { opacity: 0.7; }
.message-text { font-size: 0.9rem; line-height: 1.6; word-wrap: break-word; }
/* ── Markdown Rendered Content ────────────── */
.message-text p { margin: 0.4em 0; }
.message-text p:first-child { margin-top: 0; }
.message-text p:last-child { margin-bottom: 0; }
.message-text pre {
background: var(--bg-tertiary); padding: 0.75rem; border-radius: var(--radius);
overflow-x: auto; margin: 0.5rem 0; position: relative; font-size: 0.8rem;
}
.message-text code { font-family: var(--mono); font-size: 0.85em; }
.message-text pre code { font-size: inherit; }
.message-text code { font-family: var(--mono); font-size: 0.85em; background: var(--bg-tertiary); padding: 0.15em 0.35em; border-radius: 3px; }
.message-text pre code { font-size: inherit; background: none; padding: 0; }
.copy-code-btn {
position: absolute; top: 4px; right: 4px; background: var(--bg-secondary);
border: 1px solid var(--border); color: var(--text-secondary); border-radius: 4px;
padding: 2px 8px; font-size: 0.7rem; cursor: pointer;
padding: 2px 8px; font-size: 0.7rem; cursor: pointer; opacity: 0; transition: opacity 0.15s;
}
.message-text pre:hover .copy-code-btn { opacity: 1; }
.copy-code-btn:hover { background: var(--border); color: var(--text); }
.message-text ul, .message-text ol { margin: 0.4em 0; padding-left: 1.5em; }
.message-text li { margin: 0.2em 0; }
.message-text li > p { margin: 0.2em 0; }
.message-text blockquote {
border-left: 3px solid var(--accent); padding: 0.25em 0.75em; margin: 0.4em 0;
color: var(--text-secondary); background: var(--bg-tertiary); border-radius: 0 4px 4px 0;
}
.message-text a { color: var(--accent); text-decoration: none; }
.message-text a:hover { text-decoration: underline; }
.message-text hr { border: none; border-top: 1px solid var(--border); margin: 0.75em 0; }
.message-text table { border-collapse: collapse; width: 100%; margin: 0.5em 0; font-size: 0.95em; }
.message-text th, .message-text td { border: 1px solid var(--border); padding: 0.35em 0.6em; text-align: left; }
.message-text th { background: var(--bg-tertiary); font-weight: 600; }
.message-text img { max-width: 100%; border-radius: 4px; }
.message-text h1, .message-text h2, .message-text h3,
.message-text h4, .message-text h5, .message-text h6 {
margin: 0.75em 0 0.35em; font-weight: 600;
}
.message-text h1 { font-size: 1.3em; }
.message-text h2 { font-size: 1.15em; }
.message-text h3 { font-size: 1.05em; }
/* ── Thinking Blocks ─────────────────────── */
.thinking-block {
border: 1px solid rgba(108, 159, 255, 0.15); border-radius: var(--radius);
margin: 0.5rem 0; background: rgba(108, 159, 255, 0.04);
}
.thinking-block summary {
padding: 0.4rem 0.75rem; cursor: pointer; font-size: 0.8rem;
color: var(--text-secondary); user-select: none;
}
.thinking-block summary:hover { color: var(--text); }
.thinking-block[open] summary { border-bottom: 1px solid rgba(108, 159, 255, 0.1); }
.thinking-content {
padding: 0.5rem 0.75rem; font-size: 0.8rem; color: var(--text-secondary);
max-height: 300px; overflow-y: auto; line-height: 1.5;
background: rgba(108, 159, 255, 0.02);
}
.empty-state { display: flex; flex-direction: column; align-items: center; justify-content: center; height: 100%; color: var(--text-secondary); }
@@ -96,20 +151,6 @@ a { color: var(--accent); }
.error-hint { color: var(--danger); font-size: 0.8rem; padding: 0.5rem; }
.loading { color: var(--text-secondary); font-size: 0.8rem; padding: 0.5rem; }
/* ── Thinking Blocks ─────────────────────── */
.thinking-block {
border: 1px solid var(--border); border-radius: var(--radius);
margin: 0.5rem 0; background: rgba(108, 159, 255, 0.05);
}
.thinking-block summary {
padding: 0.4rem 0.75rem; cursor: pointer; font-size: 0.8rem; color: var(--text-secondary);
}
.thinking-content {
padding: 0.5rem 0.75rem; font-size: 0.8rem; color: var(--text-secondary);
border-top: 1px solid var(--border); max-height: 300px; overflow-y: auto;
}
/* ── Input Area ──────────────────────────── */
.input-area {