refactor: remove command palette HTML and CSS

This commit is contained in:
Brian Krabach
2026-03-29 22:12:07 -07:00
parent 77eecd1d72
commit 80dc082df0
49 changed files with 4646 additions and 123 deletions
-7
View File
@@ -32,7 +32,6 @@
<button id="back-btn" class="back-btn" aria-label="Back">&#8592;</button>
<button id="sidebar-toggle-btn" class="sidebar-toggle-btn" aria-label="Toggle session list">&#9776;</button>
<span id="expanded-session-name" class="expanded-session-name"></span>
<button id="palette-trigger" class="palette-trigger" aria-label="Open command palette">&#8984;K</button>
</header>
<div class="view-body">
<div id="session-sidebar" class="session-sidebar">
@@ -47,13 +46,7 @@
<div id="reconnect-overlay" class="reconnect-overlay hidden" aria-live="polite">Reconnecting&hellip;</div>
</div>
<!-- ── Command palette ───────────────────────────────────────────────────── -->
<div id="command-palette" class="command-palette hidden" role="dialog" aria-modal="true" aria-label="Switch session">
<div class="command-palette__backdrop" id="palette-backdrop"></div>
<div class="command-palette__dialog">
<input id="palette-input" class="command-palette__input" type="text"
placeholder="Jump to session…" autocomplete="off" spellcheck="false">
<ul id="palette-list" class="command-palette__list" role="listbox" aria-label="Sessions"></ul>
</div>
</div>
-98
View File
@@ -353,15 +353,6 @@ body {
white-space: nowrap;
}
.palette-trigger {
background: none;
border: 1px solid var(--border);
border-radius: 4px;
color: var(--text-dim);
font-size: 12px;
padding: 4px 10px;
cursor: pointer;
}
.view-body {
display: flex;
@@ -687,95 +678,6 @@ body {
}
}
/* ============================================================
Command palette overlay (desktop session switching)
============================================================ */
.command-palette {
position: fixed;
inset: 0;
z-index: 200;
display: flex;
align-items: flex-start;
justify-content: center;
padding-top: 15vh;
}
.command-palette__backdrop {
position: absolute;
inset: 0;
background: var(--bg-overlay);
backdrop-filter: blur(2px);
}
.command-palette__dialog {
position: relative;
width: min(440px, 90vw);
background: var(--bg-header);
border: 1px solid var(--border);
border-radius: 8px;
overflow: hidden;
box-shadow: 0 16px 40px rgba(0, 0, 0, 0.5);
}
.command-palette__input {
width: 100%;
padding: 14px 16px;
background: transparent;
border: none;
border-bottom: 1px solid var(--border);
color: var(--text);
font-size: 14px;
font-family: var(--font-ui);
outline: none;
}
.command-palette__input::placeholder {
color: var(--text-dim);
}
.command-palette__list {
list-style: none;
max-height: 320px;
overflow-y: auto;
}
.palette-item {
display: flex;
align-items: center;
gap: 10px;
padding: 10px 16px;
cursor: pointer;
font-size: 13px;
color: var(--text-muted);
transition: background var(--t-fast);
}
.palette-item:hover,
.palette-item--selected {
background: var(--accent-dim);
color: var(--text);
}
.palette-item__index {
font-size: 11px;
color: var(--text-dim);
width: 16px;
}
.palette-item__name {
flex: 1;
}
.palette-item__bell {
color: var(--bell);
font-size: 11px;
}
.palette-item__time {
font-size: 11px;
color: var(--text-dim);
}
/* ─── Mobile Bottom Sheet ─────────────────────────────────────── */