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
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
Binary file not shown.
-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 ─────────────────────────────────────── */
Binary file not shown.
Binary file not shown.
-8
View File
@@ -66,14 +66,6 @@ def test_css_mobile_tiers():
assert "session-tile--tier-idle" in css
def test_css_command_palette():
css = read_css()
assert ".command-palette__dialog" in css
assert ".command-palette__input" in css
assert ".palette-item" in css
assert ".palette-item--selected" in css
def test_css_bottom_sheet():
css = read_css()
assert ".bottom-sheet__panel" in css
+1 -10
View File
@@ -58,24 +58,16 @@ def test_html_required_views() -> None:
def test_html_expanded_view_elements() -> None:
"""id=back-btn, expanded-session-name, palette-trigger, reconnect-overlay."""
"""id=back-btn, expanded-session-name, reconnect-overlay."""
soup = _SOUP
for id_ in (
"back-btn",
"expanded-session-name",
"palette-trigger",
"reconnect-overlay",
):
assert soup.find(id=id_), f"Missing element with id='{id_}'"
def test_html_command_palette() -> None:
"""id=command-palette, palette-input, palette-list, palette-backdrop."""
soup = _SOUP
for id_ in ("command-palette", "palette-input", "palette-list", "palette-backdrop"):
assert soup.find(id=id_), f"Missing element with id='{id_}'"
def test_html_bottom_sheet() -> None:
"""id=bottom-sheet, sheet-list, sheet-backdrop, session-pill, session-pill-label, session-pill-bell."""
soup = _SOUP
@@ -240,7 +232,6 @@ def test_html_element_classes() -> None:
("session-pill", "session-pill", "needs position:fixed to float"),
("toast", "toast", "needs position:fixed and animation"),
("back-btn", "back-btn", "needs border and hover styles"),
("palette-trigger", "palette-trigger", "needs border and hover styles"),
(
"expanded-session-name",
"expanded-session-name",