Upload 2 new, 10 modified files from chat-switchboard-v0.7.4.zip

src/css/styles.css

@@ -1288,6 +1288,121 @@ button { font-family: var(--font); cursor: pointer; }
     display: flex; gap: 8px; margin-top: 12px;
 }
 
+/* ── Sidebar Search ──────────────────────── */
+
+.sidebar-search {
+    display: flex; align-items: center; gap: 8px;
+    padding: 6px 10px; margin: 4px 6px;
+    background: var(--bg); border: 1px solid var(--border);
+    border-radius: var(--radius); transition: border-color var(--transition);
+}
+.sidebar-search:focus-within { border-color: var(--accent); }
+.sidebar-search svg { color: var(--text-3); flex-shrink: 0; }
+.sidebar-search input {
+    flex: 1; background: none; border: none; color: var(--text);
+    font-size: 12px; font-family: var(--font); outline: none;
+    min-width: 0;
+}
+.sidebar-search input::placeholder { color: var(--text-3); }
+.sidebar-search-clear {
+    background: none; border: none; color: var(--text-3); cursor: pointer;
+    font-size: 11px; padding: 2px 4px; border-radius: 4px;
+    transition: color var(--transition); display: none;
+}
+.sidebar-search-clear:hover { color: var(--text); }
+.sidebar-search.has-value .sidebar-search-clear { display: block; }
+.sidebar.collapsed .sidebar-search { display: none; }
+
+.sidebar-search-empty {
+    color: var(--text-3); font-size: 12px; text-align: center;
+    padding: 1.5rem 0.5rem;
+}
+
+/* ── Command Palette ─────────────────────── */
+
+.cmd-palette-overlay {
+    position: fixed; inset: 0; background: rgba(0,0,0,0.5);
+    display: none; align-items: flex-start; justify-content: center;
+    z-index: 2000; backdrop-filter: blur(4px);
+    padding-top: min(20vh, 160px);
+}
+.cmd-palette-overlay.active { display: flex; }
+
+.cmd-palette {
+    background: var(--bg-surface); border: 1px solid var(--border-light);
+    border-radius: var(--radius-lg); width: 90%; max-width: 480px;
+    box-shadow: 0 16px 64px rgba(0,0,0,0.6);
+    animation: modal-in 0.12s ease;
+    overflow: hidden;
+}
+
+.cmd-input-wrap {
+    display: flex; align-items: center; gap: 10px;
+    padding: 12px 16px; border-bottom: 1px solid var(--border);
+}
+.cmd-input-wrap svg { color: var(--text-3); flex-shrink: 0; }
+.cmd-input-wrap input {
+    flex: 1; background: none; border: none; color: var(--text);
+    font-size: 15px; font-family: var(--font); outline: none;
+}
+.cmd-input-wrap input::placeholder { color: var(--text-3); }
+.cmd-kbd {
+    font-size: 10px; font-family: var(--mono); color: var(--text-3);
+    background: var(--bg); border: 1px solid var(--border);
+    border-radius: 4px; padding: 2px 6px; flex-shrink: 0;
+}
+
+.cmd-results {
+    max-height: 320px; overflow-y: auto;
+    padding: 4px;
+}
+
+.cmd-item {
+    display: flex; align-items: center; gap: 10px;
+    padding: 8px 12px; border-radius: var(--radius);
+    cursor: pointer; font-size: 13px; color: var(--text-2);
+    transition: background 60ms ease, color 60ms ease;
+}
+.cmd-item:hover, .cmd-item.active {
+    background: var(--accent-dim); color: var(--text);
+}
+.cmd-item svg { flex-shrink: 0; color: var(--text-3); }
+.cmd-item.active svg { color: var(--accent); }
+.cmd-item-label { flex: 1; }
+.cmd-item-hint {
+    font-size: 11px; color: var(--text-3); flex-shrink: 0;
+}
+.cmd-item.active .cmd-item-hint { color: var(--accent); }
+.cmd-group-label {
+    font-size: 10px; font-weight: 600; color: var(--text-3);
+    padding: 8px 12px 4px; text-transform: uppercase; letter-spacing: 0.5px;
+}
+
+.cmd-footer {
+    display: flex; align-items: center; gap: 16px;
+    padding: 8px 16px; border-top: 1px solid var(--border);
+    font-size: 11px; color: var(--text-3);
+}
+.cmd-footer kbd {
+    font-size: 10px; font-family: var(--mono);
+    background: var(--bg); border: 1px solid var(--border);
+    border-radius: 3px; padding: 1px 4px;
+}
+
+/* ── PWA Install Banner ──────────────────── */
+
+.pwa-install-banner {
+    position: fixed; bottom: 16px; left: 50%; transform: translateX(-50%);
+    background: var(--bg-raised); border: 1px solid var(--border-light);
+    border-radius: var(--radius-lg); padding: 10px 16px;
+    display: flex; align-items: center; gap: 12px;
+    box-shadow: 0 8px 32px rgba(0,0,0,0.5); z-index: 3000;
+    font-size: 13px; color: var(--text-2);
+    animation: pwa-banner-in 0.3s ease;
+    max-width: 90vw;
+}
+@keyframes pwa-banner-in { from { opacity: 0; transform: translateX(-50%) translateY(20px); } }
+
 /* ── Responsive ──────────────────────────── */
 
 .mobile-menu-btn {