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

Changeset 0.21.6 (#92)

Browse Source
This commit is contained in:
xcaliber
2026-03-01 23:16:25 +00:00
parent aadba77887
commit 3423738286
17 changed files with 1210 additions and 74 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
src/css/editor-mode.css
View File

@@ -22,14 +22,48 @@
display: flex; align-items: center;
}
.editor-hdr-btn:hover { background: var(--hover); color: var(--text-primary); }
.editor-hdr-label { font-size: 12px; margin-left: 3px; }
.editor-hdr-sep { width: 1px; height: 16px; background: var(--border); margin: 0 2px; }
/* Chat toggle */
.editor-chat-toggle.active { color: var(--accent); }
/* Export dropdown */
.editor-export-wrap { position: relative; }
.editor-export-menu {
display: none; position: absolute; right: 0; top: 100%;
background: var(--bg-primary); border: 1px solid var(--border);
border-radius: 6px; padding: 4px 0; z-index: 100;
box-shadow: 0 4px 16px rgba(0,0,0,0.2); min-width: 160px;
}
.editor-export-menu.open { display: block; }
.editor-export-item {
display: block; width: 100%; padding: 6px 12px; font-size: 13px;
background: none; border: none; text-align: left; cursor: pointer;
color: var(--text-primary);
}
.editor-export-item:hover { background: var(--hover); }
/* ── File Tree (sidebar-content region) ──── */
.editor-file-tree {
flex: 1; overflow-y: auto; overflow-x: hidden;
padding: 4px 0; font-size: 13px;
user-select: none;
font-size: 13px; user-select: none;
display: flex; flex-direction: column;
}
.editor-tree-header {
display: flex; align-items: center; justify-content: space-between;
padding: 6px 8px; flex-shrink: 0;
border-bottom: 1px solid var(--border);
}
.editor-tree-title { font-size: 11px; font-weight: 600; text-transform: uppercase; color: var(--text-tertiary); letter-spacing: 0.5px; }
.editor-tree-add {
background: none; border: none; color: var(--text-tertiary);
cursor: pointer; padding: 2px; border-radius: 4px;
display: flex; align-items: center;
}
.editor-tree-add:hover { background: var(--hover); color: var(--accent); }
.editor-tree-content { flex: 1; overflow-y: auto; padding: 4px 0; }
.editor-tree-row {
display: flex; align-items: center; gap: 4px;
padding: 3px 8px; cursor: pointer;
@@ -43,6 +77,21 @@
.editor-tree-icon { flex-shrink: 0; font-size: 14px; line-height: 1; }
.editor-tree-name { overflow: hidden; text-overflow: ellipsis; }
/* Git status indicators (v0.21.6) */
.editor-tree-row.git-modified .editor-tree-name { color: var(--warning, #e5a50a); }
.editor-tree-row.git-added .editor-tree-name { color: var(--success, #22c55e); }
.editor-tree-row.git-untracked .editor-tree-name { color: var(--text-tertiary); font-style: italic; }
.editor-tree-row.git-deleted .editor-tree-name { color: var(--error, #ef4444); text-decoration: line-through; }
.editor-tree-row.git-modified::after,
.editor-tree-row.git-added::after,
.editor-tree-row.git-untracked::after {
font-size: 10px; margin-left: auto; padding-right: 4px; flex-shrink: 0;
color: var(--text-tertiary);
}
.editor-tree-row.git-modified::after { content: 'M'; color: var(--warning, #e5a50a); }
.editor-tree-row.git-added::after { content: 'A'; color: var(--success, #22c55e); }
.editor-tree-row.git-untracked::after { content: 'U'; }
.editor-tree-loading, .editor-tree-empty, .editor-tree-error {
padding: 16px; text-align: center; color: var(--text-tertiary); font-size: 12px;
}
@@ -156,9 +205,15 @@
}
/* Inherit chat message styles when embedded */
.editor-chat-messages .messages { height: auto; overflow: visible; }
.editor-chat-input { flex-shrink: 0; }
/* Inherit input-area styles */
.editor-chat-input .input-area { border-top: 1px solid var(--border); }
.editor-chat-input { flex-shrink: 0; max-height: 140px; overflow: hidden; }
/* Inherit input-area styles — constrain for narrow pane */
.editor-chat-input .input-area { border-top: 1px solid var(--border); padding: 0 8px 8px; }
.editor-chat-input .input-wrap { max-width: none; }
.editor-chat-input .input-wrap textarea,
.editor-chat-input #messageInputWrap .cm-editor { max-height: 80px; padding: 8px; font-size: 13px; }
.editor-chat-input .input-meta { min-height: 0; padding: 2px 4px 0; }
.editor-chat-input .input-toolbar { gap: 2px; }
.editor-chat-input .input-toolbar button { padding: 4px; }
/* ── Status Bar (footer) ─────────────────── */
@@ -171,9 +226,12 @@
background: var(--bg-secondary);
}
.editor-status-sep { opacity: 0.3; }
.editor-status-right { margin-left: auto; }
.editor-status-right { margin-left: auto; display: flex; gap: 8px; }
.editor-status-branch { font-size: 11px; }
.editor-status-file { max-width: 300px; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.editor-status-save { font-size: 11px; }
.editor-status-save.unsaved { color: var(--warning, #e5a50a); }
.editor-status-words { font-size: 11px; }
/* ── Context Menu ────────────────────────── */

69
src/css/styles.css
View File

@@ -916,6 +916,7 @@ a:hover { text-decoration: underline; }
/* ── Input Area ──────────────────────────── */
.input-area { padding: 0 1rem 1rem; flex-shrink: 0; }
.input-area:empty { padding: 0; min-height: 0; }
/* Token counter below input */
.input-meta { display: flex; justify-content: space-between; align-items: center; padding: 2px 12px 0; min-height: 18px; }
@@ -1762,15 +1763,39 @@ select option { background: var(--bg-surface); color: var(--text); }
flex-shrink: 0;
}
.mode-btn {
display: flex; align-items: center; justify-content: center;
width: 32px; height: 32px; border: none;
display: flex; align-items: center; gap: 6px;
padding: 4px 10px; height: 28px; border: none;
border-radius: var(--radius); background: none;
color: var(--text-3); cursor: pointer;
color: var(--text-3); cursor: pointer; font-size: 12px;
transition: background var(--transition), color var(--transition);
white-space: nowrap;
}
.mode-btn svg { flex-shrink: 0; }
.mode-btn-label { font-weight: 500; }
.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; }
.sidebar.collapsed .mode-btn-label { display: none; }
.sidebar.collapsed .mode-btn { padding: 4px; width: 28px; justify-content: center; }
/* ── Sidebar Tabs (v0.21.6) ──────────── */
.sidebar-tabs {
display: flex; padding: 0 8px; gap: 0;
border-bottom: 1px solid var(--border);
flex-shrink: 0;
}
.sidebar-tab {
flex: 1; padding: 6px 0; font-size: 12px; font-weight: 500;
background: none; border: none; border-bottom: 2px solid transparent;
color: var(--text-3); cursor: pointer;
transition: color 0.15s, border-color 0.15s;
}
.sidebar-tab:hover { color: var(--text-2); }
.sidebar-tab.active { color: var(--accent); border-bottom-color: var(--accent); }
.sidebar.collapsed .sidebar-tabs { display: none; }
.sidebar-tab-panel { flex: 1; overflow-y: auto; min-height: 0; display: flex; flex-direction: column; }
.sidebar-files-panel { padding: 0; }
/* ── REPL Console (v0.21.3) ────────────── */
@@ -2599,3 +2624,41 @@ select option { background: var(--bg-surface); color: var(--text); }
.project-show-archived:hover { color: var(--text-2); }
.project-group.archived { opacity: 0.5; }
.project-group.archived .project-header { font-style: italic; }
/* ── Router Workspace Picker (v0.21.6) ──── */
.router-picker-overlay {
position: fixed; inset: 0; z-index: 9999;
background: rgba(0,0,0,0.5); backdrop-filter: blur(2px);
display: flex; align-items: center; justify-content: center;
}
.router-picker {
background: var(--bg-primary, #1a1a2e); color: var(--text, #e0e0e0);
border: 1px solid var(--border, #333); border-radius: 12px;
padding: 24px; min-width: 320px; max-width: 440px;
box-shadow: 0 8px 32px rgba(0,0,0,0.4);
}
.router-picker h3 { margin: 0 0 4px; font-size: 16px; font-weight: 600; }
.router-picker p { margin: 0 0 16px; font-size: 13px; color: var(--text-2, #999); }
.router-picker-list {
display: flex; flex-direction: column; gap: 4px;
max-height: 280px; overflow-y: auto; margin-bottom: 16px;
}
.router-picker-empty {
padding: 24px; text-align: center; color: var(--text-3, #666); font-size: 13px;
}
.router-picker-item {
display: flex; align-items: center; gap: 10px;
padding: 10px 12px; border: 1px solid var(--border, #333);
border-radius: 8px; background: none; color: var(--text, #e0e0e0);
cursor: pointer; font-size: 14px; text-align: left;
transition: background 0.15s, border-color 0.15s;
}
.router-picker-item:hover {
background: var(--hover, rgba(255,255,255,0.05));
border-color: var(--accent, #6366f1);
}
.router-picker-icon { font-size: 18px; flex-shrink: 0; }
.router-picker-actions {
display: flex; gap: 8px; justify-content: flex-end;
}