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

Changeset 0.21.3 (#89)

Browse Source
This commit is contained in:
xcaliber
2026-03-01 18:20:01 +00:00
parent c5159538ce
commit bbbbe65bfa
10 changed files with 1098 additions and 23 deletions
Download Patch File Download Diff File Expand all files Collapse all files

80
src/css/styles.css
View File

@@ -1748,6 +1748,86 @@ select option { background: var(--bg-surface); color: var(--text); }
.debug-state-pre { max-height: none; margin: 0; }
.debug-footer { display: flex; align-items: center; }
/* ── Mode Selector (v0.21.3) ───────────── */
.mode-selector {
display: flex; gap: 2px; padding: 6px 8px;
border-bottom: 1px solid var(--border);
flex-shrink: 0;
}
.mode-btn {
display: flex; align-items: center; justify-content: center;
width: 32px; height: 32px; border: none;
border-radius: var(--radius); background: none;
color: var(--text-3); cursor: pointer;
transition: background var(--transition), color var(--transition);
}
.mode-btn:hover { background: var(--bg-hover); color: var(--text); }
.mode-btn.active { background: var(--bg-active); color: var(--accent); }
.sidebar.collapsed .mode-selector { justify-content: center; }
/* ── REPL Console (v0.21.3) ────────────── */
.repl-toolbar {
display: flex; gap: 0.5rem; padding: 6px 12px;
border-bottom: 1px solid var(--border); font-size: 11px;
}
.repl-output {
flex: 1; overflow-y: auto; padding: 6px;
font-family: var(--mono); font-size: 12px; line-height: 1.6;
}
.repl-input-wrap {
display: flex; align-items: flex-start; gap: 6px;
padding: 8px 12px; border-top: 1px solid var(--border);
background: var(--bg-raised);
}
.repl-prompt {
font-family: var(--mono); font-size: 12px; line-height: 1.6;
color: var(--accent); font-weight: bold;
flex-shrink: 0; padding-top: 2px;
}
.repl-input {
flex: 1; background: none; border: none; outline: none;
font-family: var(--mono); font-size: 12px; line-height: 1.6;
color: var(--text); resize: none; overflow: hidden;
min-height: 20px;
}
.repl-entry { padding: 2px 6px; }
.repl-entry-input pre { color: var(--text-2); margin: 0; white-space: pre-wrap; word-break: break-all; }
.repl-entry-result { color: var(--text); }
.repl-entry-error { color: var(--danger, #e55); }
.repl-entry-info { color: var(--text-3); font-size: 11px; }
.repl-error-msg { margin: 0; white-space: pre-wrap; font-weight: 500; }
.repl-error-stack { margin: 2px 0 0 0; color: var(--text-3); font-size: 11px; white-space: pre-wrap; }
.repl-stack-toggle {
background: none; border: none; color: var(--text-3);
cursor: pointer; font-size: 10px; font-family: var(--mono);
padding: 0; margin-top: 2px;
}
.repl-stack-toggle:hover { color: var(--text-2); }
.repl-elapsed { color: var(--text-3); font-size: 10px; margin-left: 8px; }
/* REPL value types */
.repl-null, .repl-undefined { color: var(--text-3); margin: 0; }
.repl-string { color: #98c379; margin: 0; white-space: pre-wrap; word-break: break-all; }
.repl-number { color: #d19a66; margin: 0; }
.repl-boolean { color: #56b6c2; margin: 0; }
.repl-function { color: #c678dd; margin: 0; font-style: italic; }
.repl-symbol { color: #e5c07b; margin: 0; }
.repl-dom { color: #61afef; margin: 0; }
.repl-object { color: var(--text); margin: 0; }
.repl-json { margin: 0; white-space: pre-wrap; word-break: break-all; color: var(--text); font-size: 11px; }
.repl-collapsible { display: inline; }
.repl-json-toggle {
background: none; border: none; color: var(--text-2);
cursor: pointer; font-family: var(--mono); font-size: 12px;
padding: 0;
}
.repl-json-toggle:hover { color: var(--accent); }
/* ── Sidebar Notes Button ───────────────── */
.sidebar-notes-btn {