From 6e6f5192189f089ab0978ff8ac2aa4460df86e03 Mon Sep 17 00:00:00 2001
From: Alexander <alexander@awideweb.com>
Date: Wed, 17 Jun 2026 05:08:47 -0400
Subject: [PATCH 1/2] Fix responsive dashboard slot list

---
 ui/src/dash/overhaul.css  | 81 +++++++++++++++++++++++++++++++++++++++
 ui/src/dash/slot-list.jsx | 48 ++++++++++++-----------
 2 files changed, 106 insertions(+), 23 deletions(-)

diff --git a/ui/src/dash/overhaul.css b/ui/src/dash/overhaul.css
index 7548ce77..9e5f66a3 100644
--- a/ui/src/dash/overhaul.css
+++ b/ui/src/dash/overhaul.css
@@ -144,6 +144,12 @@
   gap: 0 8px;
   padding: 0 14px;
   min-height: 0;
+  min-width: 0;
+}
+
+.sh > *,
+.sr > * {
+  min-width: 0;
 }
 
 /* ── Header row ────────────────────────────────────────────────────────────── */
@@ -224,6 +230,11 @@
   white-space: nowrap;
   overflow: hidden;
   text-overflow: ellipsis;
+  min-width: 0;
+}
+
+.sl-detail-row {
+  display: contents;
 }
 
 /* ── Device chips ──────────────────────────────────────────────────────────── */
@@ -295,6 +306,7 @@
   align-items: flex-end;
   gap: 1px;
   font-family: var(--jbm);
+  min-width: 0;
 }
 
 .sl-ml {
@@ -503,6 +515,75 @@
   }
 }
 
+@media (max-width: 760px) {
+  .sl-table .sh {
+    display: none;
+  }
+
+  .sr {
+    grid-template-columns: 10px minmax(0, 1fr) 26px;
+    grid-template-rows: auto auto auto;
+    gap: 3px 8px;
+    height: auto;
+    min-height: 70px;
+    padding: 8px 10px;
+    align-items: center;
+  }
+
+  .sr .sl-dot-cell {
+    grid-column: 1;
+    grid-row: 1 / 4;
+    align-self: start;
+    padding-top: 4px;
+  }
+
+  .sr .snm {
+    grid-column: 2;
+    grid-row: 1;
+    max-width: 100%;
+  }
+
+  .sr .smodel {
+    grid-column: 2;
+    grid-row: 2;
+    max-width: min(100%, 15ch);
+    line-height: 1.2;
+  }
+
+  .sr .sl-detail-row {
+    grid-column: 2;
+    grid-row: 3;
+    display: flex;
+    flex-wrap: wrap;
+    align-items: center;
+    gap: 4px 10px;
+    min-width: 0;
+  }
+
+  .sr .sl-metric {
+    flex: 0 1 auto;
+    flex-direction: row;
+    align-items: baseline;
+    gap: 3px;
+  }
+
+  .sr .sl-ml {
+    font-size: 7.5px;
+  }
+
+  .sr .sl-mv,
+  .sr .sl-mv.sl-ctx {
+    font-size: 10px;
+  }
+
+  .sr .pinbtn {
+    grid-column: 3;
+    grid-row: 1 / 4;
+    opacity: 1;
+    align-self: center;
+  }
+}
+
 /* ─── Grid cell ──────────────────────────────────────────────────────────────── */
 .dash-cell {
   position: relative;
diff --git a/ui/src/dash/slot-list.jsx b/ui/src/dash/slot-list.jsx
index 9ffe12fb..eb62df90 100644
--- a/ui/src/dash/slot-list.jsx
+++ b/ui/src/dash/slot-list.jsx
@@ -143,33 +143,35 @@ function SlotRow({ s, pinned, onTogglePin }) {
         {s.model || '—'}
       </span>
 
-      {/* col 4: device chip (auto) */}
-      <DevChip s={s} />
-
-      {/* col 5: mem (58px) */}
-      <span className="sl-metric">
-        <span className="sl-ml">mem</span>
-        <span className="sl-mv">{mem || '—'}</span>
-      </span>
+      <span className="sl-detail-row">
+        {/* col 4: device chip (auto) */}
+        <DevChip s={s} />
+
+        {/* col 5: mem (58px) */}
+        <span className="sl-metric">
+          <span className="sl-ml">mem</span>
+          <span className="sl-mv">{mem || '—'}</span>
+        </span>
 
-      {/* col 6: tok/s (52px) */}
-      <span className="sl-metric">
-        <span className="sl-ml">tok/s</span>
-        <span className={'sl-mv' + (isServing && toks ? ' sl-acc' : ' sl-muted')}>
-          {toks || '—'}
+        {/* col 6: tok/s (52px) */}
+        <span className="sl-metric">
+          <span className="sl-ml">tok/s</span>
+          <span className={'sl-mv' + (isServing && toks ? ' sl-acc' : ' sl-muted')}>
+            {toks || '—'}
+          </span>
         </span>
-      </span>
 
-      {/* col 7: ttft (56px) */}
-      <span className="sl-metric">
-        <span className="sl-ml">ttft</span>
-        <span className={'sl-mv' + (ttft ? '' : ' sl-muted')}>{ttft || '—'}</span>
-      </span>
+        {/* col 7: ttft (56px) */}
+        <span className="sl-metric">
+          <span className="sl-ml">ttft</span>
+          <span className={'sl-mv' + (ttft ? '' : ' sl-muted')}>{ttft || '—'}</span>
+        </span>
 
-      {/* col 8: ctx (74px) */}
-      <span className="sl-metric">
-        <span className="sl-ml">ctx</span>
-        <span className={'sl-mv sl-ctx' + (ctx ? '' : ' sl-muted')}>{ctx || '—'}</span>
+        {/* col 8: ctx (74px) */}
+        <span className="sl-metric">
+          <span className="sl-ml">ctx</span>
+          <span className={'sl-mv sl-ctx' + (ctx ? '' : ' sl-muted')}>{ctx || '—'}</span>
+        </span>
       </span>
 
       {/* col 9: pin (26px) */}

From 809605a2adb7e49af5e03711f841f4d36e43ee83 Mon Sep 17 00:00:00 2001
From: Alexander <alexander@awideweb.com>
Date: Wed, 17 Jun 2026 07:13:24 -0400
Subject: [PATCH 2/2] Fix dashboard responsive chrome cleanup

---
 ui/src/dash/board/board.css                   |  52 +++++
 ui/src/dash/chrome.jsx                        | 142 +-----------
 ui/src/dash/command-palette.jsx               |   2 +-
 ui/src/dash/connections.css                   |  92 ++++++++
 ui/src/dash/dash-grid.jsx                     |  17 +-
 ui/src/dash/dashboard.jsx                     |   4 +-
 ui/src/dash/data.jsx                          |   6 +-
 ui/src/dash/extras.jsx                        |  40 ++--
 ui/src/dash/main.jsx                          |   7 -
 ui/src/dash/memory-overhaul.css               |  22 ++
 ui/src/dash/overhaul.css                      |  10 +-
 ui/src/dashboard.css                          | 178 ++++++++-------
 ui/src/main.tsx                               |   3 -
 ui/tests/e2e/specs/dashboard-v3.spec.ts       |   6 +-
 ui/tests/e2e/specs/memory-gate-v3.spec.ts     |  12 +-
 .../e2e/specs/sidebar-runtime-widget.spec.ts  | 212 ------------------
 ui/tests/e2e/specs/system-card-v3.spec.ts     |   2 +-
 ui/tests/e2e/specs/ui-sweep-a-v3.spec.ts      |  37 ++-
 18 files changed, 323 insertions(+), 521 deletions(-)
 delete mode 100644 ui/tests/e2e/specs/sidebar-runtime-widget.spec.ts

diff --git a/ui/src/dash/board/board.css b/ui/src/dash/board/board.css
index df9041d1..c8353276 100644
--- a/ui/src/dash/board/board.css
+++ b/ui/src/dash/board/board.css
@@ -402,3 +402,55 @@
 
 /* ─── Responsive ─────────────────────────────────────────────────────── */
 @media (max-width: 1100px) { .board .lane { width: 270px; } }
+
+@media (max-width: 720px) {
+  .board .board-top {
+    padding: 14px 16px 0;
+  }
+
+  .board .board-bar {
+    flex-wrap: wrap;
+    gap: 10px;
+    padding: 10px 12px;
+  }
+
+  .board .board-select {
+    flex: 1 1 100%;
+    min-width: 0;
+  }
+
+  .board .board-select .bs-btn {
+    width: 100%;
+    min-width: 0;
+  }
+
+  .board .board-select .bs-btn .nm {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+
+  .board .board-bar .bb-spacer {
+    flex: 1 1 auto;
+  }
+
+  .board .filterbar {
+    gap: 10px;
+  }
+
+  .board .flt,
+  .board .flt-search,
+  .board .flt-search .input {
+    width: 100%;
+  }
+
+  .board .flt-actions {
+    width: 100%;
+    flex-wrap: wrap;
+  }
+
+  .board .lanes-scroll {
+    padding: 4px 16px 0;
+  }
+}
diff --git a/ui/src/dash/chrome.jsx b/ui/src/dash/chrome.jsx
index 5d71421d..d247d76c 100644
--- a/ui/src/dash/chrome.jsx
+++ b/ui/src/dash/chrome.jsx
@@ -6,13 +6,11 @@
 
 import { useRuntimeRollup, useHealthSystem, failingChecks } from '@/api/hooks/useRuntime'
 import { useLogsStream } from '@/api/hooks/useLogs'
-import { useSlots, useEndpoints } from '@/api/hooks/useSlots'
+import { useSlots } from '@/api/hooks/useSlots'
 import { useModels } from '@/api/hooks/useModels'
 import { useMemoryEnabled } from '@/api/hooks/useMemory'
 import { useUpdateState } from '@/api/hooks/useUpdates'
-import { useSidebarAgentRollup, useApprovalList, useApproveApproval, useDenyApproval } from '@/api/hooks/useAgents'
-import { useConfigUrls } from '@/api/hooks/useConfigUrls'
-import { useHardware } from '@/api/hooks/useHardware'
+import { useApprovalList, useApproveApproval, useDenyApproval } from '@/api/hooks/useAgents'
 import { useServicesHealth } from '@/api/hooks/useServicesHealth'
 
 const { useState: useStateC, useEffect: useEffectC } = React;
@@ -137,12 +135,7 @@ const Icons = {
 };
 
 // ─── TopBar ───
-function TopBar({ route, hostUptime = "14d 02:11", onBell, onCmdK, onMenu, menuOpen = false, approvals = 0 }) {
-  // Issue #333: hostname from live /api/hardware (useHardware hook) instead of
-  // the legacy HAL0_DATA seed. Fall back to a neutral "hal0" placeholder
-  // while the first response is in flight so the layout stays stable.
-  const hw = useHardware();
-  const hostName = hw.data?.name || "hal0";
+function TopBar({ route, onCmdK, onMenu, menuOpen = false }) {
   // Brand-bar version badge — live from /api/updates/state (hal0.current,
   // sourced from hal0.__version__) so it never goes stale; the static fallback
   // keeps it correct before the first response lands.
@@ -186,18 +179,9 @@ function TopBar({ route, hostUptime = "14d 02:11", onBell, onCmdK, onMenu, menuO
         <kbd>⌘B</kbd>
       </button>
       <button className="tb-cmdk" onClick={onCmdK}>
-        {Icons.search}<span>Command palette</span>
+        {Icons.zap}<span>Quick actions</span>
         <kbd>⌘K</kbd>
       </button>
-      <div className="tb-host">
-        <span className="host-dot" />
-        <b>{hostName}</b>
-        <span className="ut">· up {hostUptime}</span>
-      </div>
-      <button className="tb-bell" onClick={onBell} aria-label="Agent approvals">
-        {Icons.bell}
-        {approvals > 0 && <span className="badge num">{approvals}</span>}
-      </button>
       {/* Mobile-only nav launcher (hidden ≤720px sidebar is gone) → opens NavDrawer. */}
       <button
         className="tb-menu"
@@ -298,116 +282,6 @@ function Sidebar({ route, param, onGo }) {
         ))}
       </div>
       <div className="sb-spacer" />
-      {/*
-        Runtime widget (2026-06-05): the former three stacked status blocks
-        (SidebarAgentBlock / SidebarEndpointBlock / SidebarStatusBlock) are
-        consolidated into ONE card so hermes, hal0, the runtime and openwebui read
-        as a single runtime rollup. hermes + openwebui rows deep-link to their
-        own dashboards.
-      */}
-      <SidebarRuntimeWidget onGo={onGo} />
-    </div>
-  );
-}
-
-// ─── Runtime widget (consolidated status card) ───
-//
-// Single sidebar card that rolls up the four runtime surfaces that used to
-// live in three separate blocks:
-//   - hermes    — bundled agent health (useSidebarAgentRollup → /api/agents).
-//                 Row key deep-links to the standalone Hermes dashboard.
-//   - hal0      — the composite ``hal0`` /v1 upstream surfaced as a synthetic
-//                 entry on /api/slots (useEndpoints filters `_synthetic`);
-//                 NOT a lifecycle slot, so it's read-only here. Model count is
-//                 the chat figure (advertised_models) plus a non-chat modality
-//                 breakdown counted from the real slots by group.
-//   - runtime   — container-slot readiness (useRuntimeRollup → /api/slots).
-//   - openwebui — the external chat UI link from /api/config/urls.
-//                 Row key deep-links to the OpenWebUI app.
-//
-// hermes + openwebui link targets are NOT hardcoded — useConfigUrls() reads
-// GET /api/config/urls, where the backend derives the reachable host from the
-// request (so links work on localhost / LAN IP / hal0.local / a custom
-// reverse-proxy domain) and honours the HAL0_{OPENWEBUI,HERMES}_PUBLIC_URL
-// env overrides.
-function SidebarRuntimeWidget({ onGo }) {
-  const agent     = useSidebarAgentRollup();
-  const endpoints = useEndpoints().data || [];
-  const slots     = useSlots().data     || [];
-  const urls      = useConfigUrls();
-
-  // hermes web dashboard link — only when the backend advertises a public
-  // URL (loopback-only otherwise, so no host:port fallback exists).
-  const hermesUrl      = urls.data?.hermes || "";
-  const hermesLinkable = urls.data?.hermes_enabled === true && !!hermesUrl;
-
-  // ── hal0 endpoint ── the synthetic composite upstream (first/only one).
-  const ep        = endpoints[0];
-  const chatCount = ep?.advertised_models ?? 0;
-  const embedCount = slots.filter(s => s.group === "embed").length;
-  const voiceCount = slots.filter(s => s.group === "voice").length;
-  const imgCount   = slots.filter(s => s.group === "img").length;
-  const extraParts = [];
-  if (embedCount > 0) extraParts.push(`${embedCount} embed`);
-  if (voiceCount > 0) extraParts.push(`${voiceCount} voice`);
-  if (imgCount   > 0) extraParts.push(`${imgCount} img`);
-  const modelsTitle = [`${chatCount} chat`, ...extraParts].join(" · ");
-
-  // ── openwebui ── /api/config/urls is link discovery only. Health lives in
-  // the footer runtime chip, driven by /api/services/health.
-  const owuiUrl      = urls.data?.openwebui || "";
-  const owuiLinkable = !!owuiUrl;
-
-  return (
-    <div className="sb-status sb-runtime" data-testid="sidebar-runtime-widget">
-      <div className="sb-runtime-h">Runtime</div>
-
-      {/* hermes — deep-links to the Hermes dashboard when one is published */}
-      <div className="row" data-testid="runtime-row-hermes">
-        {hermesLinkable ? (
-          <a
-            className="k rt-link"
-            href={hermesUrl}
-            target="_blank"
-            rel="noopener noreferrer"
-            title="Open the Hermes dashboard"
-          >hermes ↗</a>
-        ) : (
-          <span className="k">hermes</span>
-        )}
-        <span className="v">{agent.installed ? "agent" : "not installed"}</span>
-      </div>
-
-      {/* hal0 — composite /v1 endpoint (read-only) + model count */}
-      <div className="row" data-testid="runtime-row-hal0" title={modelsTitle || ep?._synthetic_reason || ""}>
-        <span className="k">hal0</span>
-        <span className="v">
-          <b>{chatCount}</b>
-          <span className="rt-model-label"> models</span>
-          {extraParts.length > 0 && (
-            <span className="rt-extra"> + {extraParts.join(" · ")}</span>
-          )}
-        </span>
-      </div>
-
-      {/* openwebui — deep-links to the external chat UI when a URL is known */}
-      <div className="row" data-testid="runtime-row-openwebui">
-        {owuiLinkable ? (
-          <a
-            className="k rt-link"
-            href={owuiUrl}
-            target="_blank"
-            rel="noopener noreferrer"
-            title="Open the OpenWebUI chat"
-          >openwebui ↗</a>
-        ) : (
-          <span className="k">openwebui</span>
-        )}
-        <span className="v">chat</span>
-      </div>
-
-      <div className="ln" />
-      <div className="nudge" onClick={() => onGo && onGo("logs")}>View runtime logs →</div>
     </div>
   );
 }
@@ -788,9 +662,8 @@ if (typeof document !== "undefined" && !document.getElementById("hal0-modal-css"
 // ─── Bottom tab bar (mobile <720px) ───
 // ─── NavDrawer (mobile) ───
 // Slide-in drawer that replaces the (display:none) desktop sidebar at
-// ≤720px. Mirrors the sidebar: the command-palette launcher (folded in
-// from the topbar on mobile), the full nav (useNavItems), and the runtime
-// status widget. Opened from the topbar hamburger; closed via backdrop,
+// ≤720px. Mirrors the sidebar: the quick-actions launcher (folded in
+// from the topbar on mobile) and the full nav (useNavItems). Opened from the topbar hamburger; closed via backdrop,
 // the X, Esc, or navigating.
 function NavDrawer({ open, route, param, onGo, onClose, onCmdK }) {
   const items = useNavItems();
@@ -814,7 +687,7 @@ function NavDrawer({ open, route, param, onGo, onClose, onCmdK }) {
           </button>
         </div>
         <button className="nav-drawer-cmdk" onClick={onCmdK}>
-          {Icons.search}<span>Command palette</span><kbd>⌘K</kbd>
+          {Icons.zap}<span>Quick actions</span><kbd>⌘K</kbd>
         </button>
         <div className="sb-list">
           {items.map(it => (
@@ -842,7 +715,6 @@ function NavDrawer({ open, route, param, onGo, onClose, onCmdK }) {
           ))}
         </div>
         <div className="sb-spacer" />
-        <SidebarRuntimeWidget onGo={onGo} />
         </>)}
       </aside>
     </>
diff --git a/ui/src/dash/command-palette.jsx b/ui/src/dash/command-palette.jsx
index cdbd3a36..6c0bfa8a 100644
--- a/ui/src/dash/command-palette.jsx
+++ b/ui/src/dash/command-palette.jsx
@@ -147,7 +147,7 @@ function CommandPaletteInner({ onClose }) {
 
   return (
     <div className="cp-backdrop" onMouseDown={(e) => { if (e.target.classList.contains("cp-backdrop")) onClose(); }}>
-      <div className="cp-shell" role="dialog" aria-label="Command palette">
+      <div className="cp-shell" role="dialog" aria-label="Quick actions">
         <div className="cp-input-row">
           <span className="cp-input-ic">{Icons.search}</span>
           <input
diff --git a/ui/src/dash/connections.css b/ui/src/dash/connections.css
index 0e5ccea4..1b44cf6b 100644
--- a/ui/src/dash/connections.css
+++ b/ui/src/dash/connections.css
@@ -206,6 +206,98 @@
 /* loading / empty rows inside a pane body */
 .conn .cn-empty { padding: 18px 14px; font-family: var(--jbm); font-size: 11.5px; color: var(--fg-4); text-align: center; }
 
+@media (max-width: 720px) {
+  .conn-eyebrow {
+    flex-wrap: wrap;
+    gap: 6px 10px;
+  }
+
+  .cpane-h {
+    flex-wrap: wrap;
+    gap: 10px;
+    padding: 12px 14px;
+  }
+
+  .cpane-titles {
+    flex: 1 1 calc(100% - 48px);
+  }
+
+  .cpane-title,
+  .cpane-sub {
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+
+  .cpane-h .grow {
+    display: none;
+  }
+
+  .cpane-h .cpill,
+  .cpane-h .cbtn {
+    flex: 0 1 auto;
+  }
+
+  .cpane-h .caret {
+    margin-left: auto;
+  }
+
+  .ep-head {
+    display: none;
+  }
+
+  .eprow-main {
+    grid-template-columns: 9px minmax(0, 1fr) auto auto 24px;
+    grid-template-rows: auto auto auto;
+    gap: 4px 10px;
+    padding: 10px 12px;
+  }
+
+  .eprow-main .ep-dot {
+    grid-column: 1;
+    grid-row: 1 / 4;
+    align-self: start;
+    margin-top: 4px;
+  }
+
+  .eprow-main .ep-name {
+    grid-column: 2 / 5;
+    grid-row: 1;
+  }
+
+  .eprow-main .ep-model {
+    grid-column: 2 / 5;
+    grid-row: 2;
+  }
+
+  .eprow-main .ep-dev {
+    grid-column: 2;
+    grid-row: 3;
+    text-align: left;
+  }
+
+  .eprow-main .ep-port {
+    grid-column: 3;
+    grid-row: 3;
+    justify-self: end;
+  }
+
+  .eprow-main .ep-tps {
+    grid-column: 4;
+    grid-row: 3;
+    justify-self: end;
+  }
+
+  .eprow-main .ep-caret {
+    grid-column: 5;
+    grid-row: 1 / 4;
+    align-self: center;
+  }
+
+  .ep-cols {
+    grid-template-columns: 1fr;
+  }
+}
+
 /* ════════════════════════════════════════════════════════════════
    MCP — quick-links + expandable server panes with tools
    ════════════════════════════════════════════════════════════════ */
diff --git a/ui/src/dash/dash-grid.jsx b/ui/src/dash/dash-grid.jsx
index 089ab7ea..ae6016ef 100644
--- a/ui/src/dash/dash-grid.jsx
+++ b/ui/src/dash/dash-grid.jsx
@@ -586,14 +586,6 @@ function DashboardOverhaulView({ editing: editingProp, onToggleEdit }) {
   const slots = slotsQuery.data ?? [];
   const hw    = hwQuery.data ?? null;
 
-  // Live host identity for the hero greeting (handoff: "Welcome back, halo.
-  // system steady on <host>"). Prefer the live stats node, fall back to the
-  // HAL0_DATA seed host name so the hero never shows a bare "on ".
-  const hostName =
-    hw?.host?.node ||
-    (typeof window !== 'undefined' && window.HAL0_DATA?.host?.name) ||
-    null;
-
   // Reconcile raw layout with live slots
   const rawLayout = layoutQuery.data;
   const layout = useMemo(() => {
@@ -630,16 +622,9 @@ function DashboardOverhaulView({ editing: editingProp, onToggleEdit }) {
     // padding from the app shell); every route view uses it. Keep it so the
     // overhaul board inherits the same chrome as the old DashboardView.
     <div className="view dash-overhaul-view">
-      {/* Hero strip — handoff copy: "Welcome back, halo. system steady on
-          <host>". `hero-strip` class kept alongside `dash-hero` so shell +
-          existing hero specs still target it. */}
       <div className="dash-hero hero-strip">
-        <span className="dash-hero-greeting">
-          Welcome back, halo. system steady{hostName ? ` on ` : ''}
-          {hostName ? <span className="mono">{hostName}</span> : ''}
-        </span>
-        <span className="dash-hero-spacer" />
         <span className="dash-hero-meta mono">{heroMeta}</span>
+        <span className="dash-hero-spacer" />
         <button
           className={'dash-customize-btn' + (editing ? ' active' : '')}
           onClick={toggleEdit}
diff --git a/ui/src/dash/dashboard.jsx b/ui/src/dash/dashboard.jsx
index d6417a98..93bb2dce 100644
--- a/ui/src/dash/dashboard.jsx
+++ b/ui/src/dash/dashboard.jsx
@@ -124,8 +124,7 @@ function SystemCard() {
     ? (H.npu.present ? joinDot(H.npu.name || "XDNA", H.npu.driver) : "absent")
     : "—";
 
-  // Runtime health row removed (2026-06-05) — runtime status now lives solely
-  // in the sidebar Runtime widget; the System card is hardware identity only.
+  // Runtime health row removed — runtime status now lives in the footer.
   return (
     <div className="side-card sys-card">
       <div className="side-card-h">
@@ -272,7 +271,6 @@ function DashboardView({ slots: _slotsProp, onGo, showHero, onDismissHero }) {
       {showHero && (
         <div className="hero-strip" style={{marginBottom: 16}}>
           <div className="greet">
-            <span className="dim">system steady on </span>
             <span className="mono" style={{color: "var(--fg-2)"}}>{hostName}</span>
           </div>
           <div className="spacer" />
diff --git a/ui/src/dash/data.jsx b/ui/src/dash/data.jsx
index f4ac4429..1030e38a 100644
--- a/ui/src/dash/data.jsx
+++ b/ui/src/dash/data.jsx
@@ -50,9 +50,9 @@ const HAL0_DATA = {
 
   slots: [
     {
-      // Synthetic composite /v1 upstream — surfaced by useEndpoints() in the
-      // sidebar Runtime widget (hal0 row) and filtered OUT of the slot grid by
-      // useSlots(). Mirrors slots.py → _synthesize_slots_from_upstreams.
+      // Synthetic composite /v1 upstream — surfaced by useEndpoints() and
+      // filtered OUT of the slot grid by useSlots(). Mirrors slots.py →
+      // _synthesize_slots_from_upstreams.
       name: "hal0",
       _synthetic: true,
       _synthetic_reason: "Composite /v1 endpoint that fronts every chat model — not a lifecycle slot.",
diff --git a/ui/src/dash/extras.jsx b/ui/src/dash/extras.jsx
index 164093c6..c167db4b 100644
--- a/ui/src/dash/extras.jsx
+++ b/ui/src/dash/extras.jsx
@@ -238,12 +238,12 @@ function LogLine({ e, search }) {
     ? highlightSearch(e.msg, search)
     : e.msg;
   return (
-    <div style={{padding: "2px 16px", display: "grid", gridTemplateColumns: "100px 78px 60px 80px 1fr", gap: 12, borderLeft: e.level === "warn" ? "2px solid var(--warn)" : e.level === "error" ? "2px solid var(--err)" : "2px solid transparent"}}>
-      <span style={{color: "var(--fg-5)"}}>{e.ts}</span>
-      <span style={{color: "var(--accent)"}}>{e.source}</span>
-      <span style={{color: e.level === "ok" ? "var(--ok)" : e.level === "warn" ? "var(--warn)" : e.level === "error" ? "var(--err)" : "var(--fg-3)"}}>{e.level}</span>
-      <span style={{color: e.slot ? "var(--fg-2)" : "var(--fg-5)"}}>{e.slot || "—"}</span>
-      <span style={{color: "var(--fg-2)"}}>{msg}</span>
+    <div className={"log-row log-" + (e.level || "info")}>
+      <span className="log-ts">{e.ts}</span>
+      <span className="log-source">{e.source}</span>
+      <span className="log-level">{e.level}</span>
+      <span className={"log-slot" + (e.slot ? "" : " empty")}>{e.slot || "—"}</span>
+      <span className="log-msg">{msg}</span>
     </div>
   );
 }
@@ -255,25 +255,25 @@ function LogGroup({ group, search }) {
   return (
     <>
       <div
-        style={{padding: "2px 16px", display: "grid", gridTemplateColumns: "100px 78px 60px 80px 1fr", gap: 12, borderLeft: "2px solid var(--warn)", cursor: "pointer", background: open ? "rgba(232,185,78,0.05)" : "transparent"}}
+        className={"log-row log-warn log-group-row" + (open ? " open" : "")}
         onClick={() => setOpen(o => !o)}
       >
-        <span style={{color: "var(--fg-5)"}}>{head.ts}</span>
-        <span style={{color: "var(--dev-vulkan)"}}>{head.source}</span>
-        <span style={{color: "var(--warn)"}}>{head.level}</span>
-        <span style={{color: "var(--fg-2)"}}>{head.slot || "—"}</span>
-        <span style={{color: "var(--fg-2)", display: "flex", alignItems: "center", gap: 8}}>
-          {open ? "▾" : "▸"} <b style={{color: "var(--fg)", fontWeight: 500}}>{head.msg}</b>
-          <span style={{color: "var(--fg-4)", fontSize: 10, marginLeft: 4}}>+ {rest} more · request {group.id}</span>
+        <span className="log-ts">{head.ts}</span>
+        <span className="log-source">{head.source}</span>
+        <span className="log-level">{head.level}</span>
+        <span className="log-slot">{head.slot || "—"}</span>
+        <span className="log-msg log-group-msg">
+          {open ? "▾" : "▸"} <b>{head.msg}</b>
+          <span className="log-group-meta">+ {rest} more · request {group.id}</span>
         </span>
       </div>
       {open && group.items.slice(1).map((ln, i) => (
-        <div key={i} style={{padding: "2px 16px 2px 32px", display: "grid", gridTemplateColumns: "84px 78px 60px 80px 1fr", gap: 12, color: "var(--fg-3)", borderLeft: "2px solid rgba(232,185,78,0.4)", background: "rgba(232,185,78,0.03)"}}>
-          <span style={{color: "var(--fg-5)"}}>{ln.ts}</span>
-          <span style={{color: "var(--dev-vulkan)"}}>{ln.source}</span>
-          <span style={{color: "var(--warn)"}}>{ln.level}</span>
-          <span>{ln.slot || "—"}</span>
-          <span>{ln.msg}</span>
+        <div key={i} className="log-row log-warn log-group-child">
+          <span className="log-ts">{ln.ts}</span>
+          <span className="log-source">{ln.source}</span>
+          <span className="log-level">{ln.level}</span>
+          <span className="log-slot">{ln.slot || "—"}</span>
+          <span className="log-msg">{ln.msg}</span>
         </div>
       ))}
     </>
diff --git a/ui/src/dash/main.jsx b/ui/src/dash/main.jsx
index 2507a76f..db8324f5 100644
--- a/ui/src/dash/main.jsx
+++ b/ui/src/dash/main.jsx
@@ -248,18 +248,11 @@ function App() {
   return (
     <>
       <div className="app">
-        {/* v0.3 PR-8: approvals are now sourced from the sidebar agent
-            rollup (PR-6 SidebarAgentBlock + live /api/agent/approvals
-            poll). The topbar bell stays as a launcher for the modal
-            view; its badge counter is suppressed until the live hook is
-            bridged here in PR-10 (it's already alive in the sidebar). */}
         <TopBar
           route={route}
-          onBell={() => setBellOpen(true)}
           onCmdK={() => setPaletteOpen(true)}
           onMenu={() => setNavOpen(true)}
           menuOpen={navOpen}
-          approvals={approvalItems.length}
         />
         <Sidebar route={route} param={param} onGo={go} />
         <div className="main">
diff --git a/ui/src/dash/memory-overhaul.css b/ui/src/dash/memory-overhaul.css
index 78f2d5b5..5f2e03fb 100644
--- a/ui/src/dash/memory-overhaul.css
+++ b/ui/src/dash/memory-overhaul.css
@@ -239,6 +239,28 @@
 .ag-ptr-ic { width: 52px; height: 52px; border-radius: var(--rad-lg); border: 1px solid var(--accent-line); background: var(--accent-soft); display: inline-flex; align-items: center; justify-content: center; color: var(--accent); }
 .ag-ptr-h { font-size: 15px; color: var(--fg); margin-bottom: 6px; }
 .ag-ptr-body p { font-size: 12.5px; color: var(--fg-3); line-height: 1.55; margin: 0 0 14px; max-width: 560px; }
+
+@media (max-width: 900px) {
+  .mo-top {
+    grid-template-columns: 1fr;
+  }
+}
+@media (max-width: 520px) {
+  .mo-grid {
+    grid-template-columns: 1fr;
+  }
+
+  .mo-bank-head {
+    gap: 8px;
+    align-items: flex-start;
+  }
+
+  .mo-bank-id {
+    min-width: 0;
+    overflow: hidden;
+    text-overflow: ellipsis;
+  }
+}
 .ag-ptr-body b { color: var(--fg-2); }
 .ag-ptr-actions { display: flex; gap: 8px; }
 .ag-ptr-stat { display: flex; flex-direction: column; gap: 8px; padding-left: 20px; border-left: 1px solid var(--line); }
diff --git a/ui/src/dash/overhaul.css b/ui/src/dash/overhaul.css
index 9e5f66a3..ca3511e9 100644
--- a/ui/src/dash/overhaul.css
+++ b/ui/src/dash/overhaul.css
@@ -433,17 +433,12 @@
   box-sizing: border-box;
 }
 
-/* ─── Hero strip ─────────────────────────────────────────────────────────────── */
+/* ─── Dashboard toolbar ─────────────────────────────────────────────────────── */
 .dash-hero {
   display: flex;
   align-items: center;
   gap: 12px;
-  padding: 4px 0 8px;
-}
-.dash-hero-greeting {
-  font-size: 13px;
-  color: var(--fg-2);
-  font-family: var(--geist, sans-serif);
+  padding: 0 0 4px;
 }
 .dash-hero-spacer { flex: 1; }
 .dash-hero-meta {
@@ -451,6 +446,7 @@
   font-size: 11px;
   color: var(--fg-4);
   letter-spacing: 0.02em;
+  min-width: 0;
 }
 
 /* ─── Customize / Done button ────────────────────────────────────────────────── */
diff --git a/ui/src/dashboard.css b/ui/src/dashboard.css
index 91501df9..9df449b3 100644
--- a/ui/src/dashboard.css
+++ b/ui/src/dashboard.css
@@ -212,64 +212,21 @@ a { color: inherit; text-decoration: none; }
 .tb-eyebrow .sep { color: var(--fg-5); }
 .tb-eyebrow .now { color: var(--fg); font-weight: 500; }
 .tb-spacer { flex: 1; }
-.tb-host {
-  display: inline-flex;
-  align-items: center;
-  gap: 8px;
-  padding: 5px 10px;
-  border: 1px solid var(--line);
-  border-radius: var(--rad);
-  font-family: var(--jbm);
-  font-size: 11px;
-  color: var(--fg-2);
-  cursor: pointer;
-}
-.tb-host:hover { border-color: var(--line-strong); }
-.tb-host .host-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--ok); box-shadow: 0 0 8px var(--ok); }
-.tb-host b { color: var(--fg); font-weight: 500; }
-.tb-host .ut { color: var(--fg-4); }
-.tb-bell {
-  width: 30px; height: 30px;
-  display: inline-flex; align-items: center; justify-content: center;
-  border: 1px solid var(--line);
-  border-radius: var(--rad);
-  background: transparent;
-  cursor: pointer;
-  color: var(--fg-2);
-  position: relative;
-}
-.tb-bell:hover { color: var(--fg); border-color: var(--line-strong); }
-.tb-bell .badge {
-  position: absolute;
-  top: -4px;
-  right: -4px;
-  background: var(--accent);
-  color: #0a0a0a;
-  font-family: var(--jbm);
-  font-size: 9px;
-  font-weight: 600;
-  min-width: 16px;
-  height: 16px;
-  border-radius: 999px;
-  padding: 0 4px;
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  border: 2px solid var(--bg);
-}
 .tb-cmdk {
   display: inline-flex;
   align-items: center;
   gap: 8px;
   padding: 5px 9px;
-  border: 1px solid var(--line);
+  border: 1px solid var(--accent-line);
   border-radius: var(--rad);
   font-family: var(--jbm);
   font-size: 11px;
-  color: var(--fg-3);
+  color: var(--fg-2);
+  background: color-mix(in srgb, var(--bg-2) 78%, var(--accent-soft));
   cursor: pointer;
 }
-.tb-cmdk:hover { color: var(--fg); border-color: var(--line-strong); }
+.tb-cmdk:hover { color: var(--fg); border-color: var(--accent-line); background: var(--accent-soft); }
+.tb-cmdk svg { color: var(--accent); }
 .tb-cmdk kbd {
   font-family: var(--jbm);
   font-size: 10px;
@@ -394,33 +351,6 @@ a { color: inherit; text-decoration: none; }
    layout but tightens vertical margin so the sidebar can host both
    blocks without scrolling on a 720-tall viewport. */
 
-/* Runtime widget (2026-06-05) — consolidated hermes/hal0/runtime/openwebui
-   rollup. Inherits the base .sb-status card chrome; these rules add the
-   section header, deep-link row keys, and the indented hal0 model sub-row. */
-.sb-runtime .sb-runtime-h {
-  color: var(--fg-4);
-  font-size: 9.5px;
-  letter-spacing: 0.08em;
-  text-transform: uppercase;
-  margin-bottom: 6px;
-}
-.sb-runtime .row { padding: 2.5px 0; }
-.sb-runtime .row.rt-sub { padding-top: 0; }
-.sb-runtime .row.rt-sub .k { padding-left: 10px; opacity: 0.8; }
-.sb-runtime .rt-extra { color: var(--fg-4); font-size: 0.85em; margin-left: 4px; }
-.sb-runtime a.rt-link {
-  color: var(--fg-4);
-  text-decoration: none;
-  cursor: pointer;
-  transition: color 0.12s ease;
-}
-.sb-runtime a.rt-link:hover { color: var(--accent); }
-.sb-runtime a.rt-link:focus-visible {
-  outline: 1px solid var(--accent);
-  outline-offset: 2px;
-  border-radius: 2px;
-}
-
 /* ─── Footer ────────────────────────────────────────────────────── */
 .footer {
   grid-area: footer;
@@ -856,12 +786,14 @@ a { color: inherit; text-decoration: none; }
 /* Slots-page tabs — underline style, matching the Agent page's tab bar
    (Inference · Image Gen · Endpoints · Profiles). Borderless buttons with an
    accent bottom-border when active, over a single hairline rule. */
-.slot-tabs { display: flex; gap: 0; border-bottom: 1px solid var(--line); margin-bottom: 18px; }
+.slot-tabs { display: flex; gap: 0; border-bottom: 1px solid var(--line); margin-bottom: 18px; overflow-x: auto; overflow-y: hidden; scrollbar-width: none; }
+.slot-tabs::-webkit-scrollbar { display: none; }
 .slot-tab {
   display: inline-flex; align-items: center; gap: 8px; padding: 10px 16px;
   background: transparent; border: none; border-bottom: 2px solid transparent;
   font-family: var(--jbm); font-size: 12.5px; font-weight: 500; color: var(--fg-3);
   cursor: pointer; transition: color 0.12s ease, border-color 0.12s ease;
+  flex: 0 0 auto;
 }
 .slot-tab:hover { color: var(--fg); }
 .slot-tab.on,
@@ -874,6 +806,52 @@ a { color: inherit; text-decoration: none; }
 .slot-tab .slot-tab-dot { width: 6px; height: 6px; border-radius: 50%; background: var(--fg-5); }
 .slot-tab .slot-tab-dot.live { background: var(--comfy); box-shadow: 0 0 8px var(--comfy); }
 
+/* Logs page rows */
+.log-row {
+  padding: 2px 16px;
+  display: grid;
+  grid-template-columns: 100px 78px 60px 80px minmax(0, 1fr);
+  gap: 12px;
+  border-left: 2px solid transparent;
+}
+.log-row.log-warn { border-left-color: var(--warn); }
+.log-row.log-error { border-left-color: var(--err); }
+.log-ts { color: var(--fg-5); }
+.log-source { color: var(--accent); }
+.log-level { color: var(--fg-3); }
+.log-ok .log-level { color: var(--ok); }
+.log-warn .log-level { color: var(--warn); }
+.log-error .log-level { color: var(--err); }
+.log-slot { color: var(--fg-2); }
+.log-slot.empty { color: var(--fg-5); }
+.log-msg {
+  color: var(--fg-2);
+  min-width: 0;
+  overflow-wrap: anywhere;
+}
+.log-group-row { cursor: pointer; }
+.log-group-row.open { background: rgba(232,185,78,0.05); }
+.log-group-child {
+  padding-left: 32px;
+  color: var(--fg-3);
+  border-left-color: rgba(232,185,78,0.4);
+  background: rgba(232,185,78,0.03);
+}
+.log-group-msg {
+  display: flex;
+  align-items: center;
+  gap: 8px;
+}
+.log-group-msg b {
+  color: var(--fg);
+  font-weight: 500;
+}
+.log-group-meta {
+  color: var(--fg-4);
+  font-size: 10px;
+  margin-left: 4px;
+}
+
 /* Main 50/50 row — Memory map | Throughput (home-redesign 2026-06-05).
    Both halves are .side-card so they read as a matched pair. */
 .dash-5050 {
@@ -1873,13 +1851,28 @@ select.npu-sel {
   .models-layout { grid-template-columns: 1fr; }
   .mdl-filters { position: static; }
 }
+@media (max-width: 900px) {
+  .vh {
+    flex-wrap: wrap;
+    align-items: flex-start;
+    gap: 10px;
+  }
+  .vh .vh-spacer {
+    display: none;
+  }
+  .vh h1 {
+    margin-right: auto;
+  }
+  .vh .btn {
+    flex: 0 1 auto;
+  }
+}
 @media (max-width: 720px) {
   :root { --sidebar-w: 0px; }
   .sidebar { display: none; }
   .view { padding: 16px 16px 80px; }
   .view-banners { padding: 14px 16px 0; }
   .tb-brand { width: auto; }
-  .tb-host .ut { display: none; }
   .tb-cmdk { display: none; }   /* command palette folded into the nav drawer on mobile */
   .topbar .tb-menu { display: flex; }
   .tb-eyebrow { display: none; }
@@ -1904,6 +1897,33 @@ select.npu-sel {
   .topbar { padding: 0 12px; gap: 10px; }
   .footer { display: none; }
   .app { grid-template-columns: 1fr; grid-template-rows: var(--topbar-h) 1fr; grid-template-areas: "topbar" "main"; }
+  .log-row {
+    grid-template-columns: 74px 52px 44px minmax(0, 1fr);
+    grid-template-rows: auto auto;
+    gap: 1px 8px;
+    padding: 5px 10px;
+  }
+  .log-slot {
+    grid-column: 4;
+    grid-row: 1;
+    overflow: hidden;
+    text-overflow: ellipsis;
+    white-space: nowrap;
+  }
+  .log-msg {
+    grid-column: 1 / -1;
+    grid-row: 2;
+  }
+  .log-group-child {
+    padding-left: 20px;
+  }
+  .log-group-msg {
+    display: block;
+  }
+  .log-group-meta {
+    display: block;
+    margin: 2px 0 0;
+  }
 }
 
 /* Container image-pull indeterminate progress bar (issue #659).
@@ -2070,10 +2090,6 @@ select.npu-sel {
   border-radius: 4px;
   padding: 1px 5px;
 }
-/* The 1080px breakpoint hides .sb-status globally (desktop sidebar rail
-   collapse); re-show it inside the drawer where the rail is full-width. */
-.nav-drawer .sb-status { display: block; }
-
 /* ─── Toast ────────────────────────────────────────────────────── */
 .hal0-toast {
   position: fixed;
diff --git a/ui/src/main.tsx b/ui/src/main.tsx
index 11b6a362..2c540ccc 100644
--- a/ui/src/main.tsx
+++ b/ui/src/main.tsx
@@ -37,9 +37,6 @@ import './dash/overhaul.css'
 
 import './dash/data.jsx'
 import './dash/tweaks-panel.jsx'
-// 2026-06-05: the standalone SidebarAgentBlock (+ its window hook bridge) is
-// retired — its agent health folded into the consolidated Runtime widget in
-// chrome.jsx, which imports useSidebarAgentRollup directly via ES modules.
 import './dash/chrome.jsx'
 import './dash/primitives.jsx'
 import './dash/cards-shell.jsx'
diff --git a/ui/tests/e2e/specs/dashboard-v3.spec.ts b/ui/tests/e2e/specs/dashboard-v3.spec.ts
index bfb8cbee..a83ae8df 100644
--- a/ui/tests/e2e/specs/dashboard-v3.spec.ts
+++ b/ui/tests/e2e/specs/dashboard-v3.spec.ts
@@ -28,10 +28,12 @@ test.describe('Dashboard v3 (/)', () => {
     await expect(page.locator('.sb-row.active .lbl')).toHaveText('Overview')
   })
 
-  test('topbar exposes brand + command-palette button + bell', async ({ page }) => {
+  test('topbar exposes brand + quick actions without stale host/bell chrome', async ({ page }) => {
     await page.goto('/')
     await expect(page.locator('.tb-brand')).toBeVisible()
     await expect(page.locator('.tb-cmdk')).toBeVisible()
-    await expect(page.locator('.tb-bell')).toBeVisible()
+    await expect(page.locator('.tb-cmdk')).toContainText('Quick actions')
+    await expect(page.locator('.tb-host')).toHaveCount(0)
+    await expect(page.locator('.tb-bell')).toHaveCount(0)
   })
 })
diff --git a/ui/tests/e2e/specs/memory-gate-v3.spec.ts b/ui/tests/e2e/specs/memory-gate-v3.spec.ts
index 8f25e9a4..a43d007e 100644
--- a/ui/tests/e2e/specs/memory-gate-v3.spec.ts
+++ b/ui/tests/e2e/specs/memory-gate-v3.spec.ts
@@ -15,12 +15,10 @@
  *     (nav-memory absent); the MCP sub-link stays
  *   - the Agent page renders an MCP-only tab bar (the Memory tab is hidden),
  *     and a deep link to #memory falls back to the MCP tab
- *   - the sidebar Runtime widget carries no dead-end "Memory →" link
- *     (the widget consolidated the old SidebarAgentBlock; its agent row now
- *     deep-links to the Hermes dashboard, never the gated Memory route)
+ *   - the removed sidebar Runtime widget does not reappear under the gate
  *
  * The ON state is covered by the default mock (memory_enabled: true) across
- * agent-view-v3 / memory-graph-v3 / sidebar-runtime-widget.
+ * agent-view-v3 / memory-graph-v3.
  */
 import { test, expect, json } from '../fixtures/apiMock'
 
@@ -62,12 +60,10 @@ test.describe('memory gate OFF (HAL0_MEMORY_ENABLED unset)', () => {
     await expect(page.locator('[data-testid="mem-engine-card"]')).toHaveCount(0)
   })
 
-  test('Runtime widget renders with no dead-end Memory link', async ({ page }) => {
+  test('removed Runtime widget does not reappear', async ({ page }) => {
     await page.goto('/#dashboard')
     await expect(page.locator('.sb-list')).toBeVisible({ timeout: FIVE_S })
-    // The consolidated Runtime widget still renders under the memory gate...
-    await expect(page.locator('[data-testid="sidebar-runtime-widget"]')).toBeVisible()
-    // ...and never offers the old dead-end "Memory →" CTA into the gated route.
+    await expect(page.locator('[data-testid="sidebar-runtime-widget"]')).toHaveCount(0)
     await expect(page.locator('[data-testid="sidebar-agent-open-memory"]')).toHaveCount(0)
   })
 })
diff --git a/ui/tests/e2e/specs/sidebar-runtime-widget.spec.ts b/ui/tests/e2e/specs/sidebar-runtime-widget.spec.ts
deleted file mode 100644
index 93e51de8..00000000
--- a/ui/tests/e2e/specs/sidebar-runtime-widget.spec.ts
+++ /dev/null
@@ -1,212 +0,0 @@
-/**
- * sidebar-runtime-widget — consolidated runtime rollup (2026-06-05).
- *
- * The three former stacked sidebar blocks (SidebarAgentBlock /
- * SidebarEndpointBlock / SidebarStatusBlock) are merged into ONE card so
- * hermes, hal0, runtime and openwebui read as a single runtime rollup:
- *
- *   - hermes    — bundled agent health (/api/agents). Row key deep-links to
- *                 the Hermes dashboard ONLY when /api/config/urls advertises
- *                 one (hermes_enabled); otherwise it's plain text (the dash
- *                 binds loopback-only, so there's no host:port fallback).
- *   - hal0      — the composite /v1 endpoint (synthetic /api/slots entry,
- *                 served from HAL0_DATA in forced-mock) + model count.
- *   - openwebui — external chat UI link derived from /api/config/urls.
- *
- * Health indicators live in the footer runtime chip: slot readiness from
- * useRuntimeRollup plus service dots from /api/services/health.
- *
- * Mock seams: /api/agents and /api/config/urls are NOT in the forced-mock
- * allowlist, so page.route drives them. /api/slots IS allowlisted, so the
- * hal0 + runtime rows render from HAL0_DATA (data.jsx).
- */
-import { test, expect, json } from '../fixtures/apiMock'
-
-const FIVE_S = 5_500
-
-const HERMES_URL = 'https://hermes.example.com'
-const OPENWEBUI_URL = 'http://hal0.local:3001'
-
-const AGENTS_RUNNING = {
-  agents: [{ name: 'hermes', installed_at: '2026-05-25T12:00:00Z', status: 'installed' }],
-  count: 1,
-}
-const AGENTS_EMPTY = { agents: [], count: 0 }
-
-// Both services advertised + reachable (LAN-direct / public-URL deploy).
-const URLS_ALL = {
-  api: 'http://hal0.local:8080',
-  openwebui: OPENWEBUI_URL,
-  openwebui_enabled: true,
-  hermes: HERMES_URL,
-  hermes_enabled: true,
-}
-// Neither service reachably linkable (stock install: OWUI down, no hermes URL).
-const URLS_NONE = {
-  api: 'http://hal0.local:8080',
-  openwebui: '',
-  openwebui_enabled: false,
-  hermes: '',
-  hermes_enabled: false,
-}
-const SERVICES_HEALTH_UP = {
-  services: [
-    { id: 'comfyui', name: 'ComfyUI', up: false, detail: 'unreachable', url: null, stat: null },
-    { id: 'hermes', name: 'Hermes', up: true, detail: 'systemd unit active', url: null, stat: null },
-    {
-      id: 'openwebui',
-      name: 'OpenWebUI',
-      up: true,
-      detail: 'reachable — /health ok',
-      url: null,
-      stat: null,
-    },
-    { id: 'n8n', name: 'n8n', up: false, detail: 'unmonitored', url: null, stat: null },
-  ],
-}
-const SERVICES_HEALTH_DOWN = {
-  services: [
-    { id: 'comfyui', name: 'ComfyUI', up: false, detail: 'unreachable', url: null, stat: null },
-    {
-      id: 'hermes',
-      name: 'Hermes',
-      up: false,
-      detail: 'systemd unit inactive or absent',
-      url: null,
-      stat: null,
-    },
-    {
-      id: 'openwebui',
-      name: 'OpenWebUI',
-      up: false,
-      detail: 'unreachable (ConnectError)',
-      url: null,
-      stat: null,
-    },
-    { id: 'n8n', name: 'n8n', up: false, detail: 'unmonitored', url: null, stat: null },
-  ],
-}
-
-test.describe('Sidebar Runtime widget — populated', () => {
-  test.beforeEach(async ({ page }) => {
-    await page.route('**/api/agents', (route) => json(route, AGENTS_RUNNING))
-    await page.route('**/api/config/urls', (route) => json(route, URLS_ALL))
-    await page.route('**/api/services/health', (route) => json(route, SERVICES_HEALTH_UP))
-  })
-
-  test('renders one widget with hermes / hal0 / runtime / openwebui rows', async ({ page }) => {
-    await page.goto('/')
-    const widget = page.locator('[data-testid="sidebar-runtime-widget"]')
-    await expect(widget).toBeVisible({ timeout: FIVE_S })
-    await expect(widget.locator('.sb-runtime-h')).toHaveText('Runtime')
-    await expect(page.locator('[data-testid="runtime-row-hermes"]')).toBeVisible()
-    await expect(page.locator('[data-testid="runtime-row-hal0"]')).toBeVisible()
-    await expect(page.locator('[data-testid="runtime-row-openwebui"]')).toBeVisible()
-    // The old standalone block is gone.
-    await expect(page.locator('[data-testid="sidebar-agent-block"]')).toHaveCount(0)
-  })
-
-  test('hermes row deep-links to the backend-advertised dashboard', async ({
-    page,
-  }) => {
-    await page.goto('/')
-    const row = page.locator('[data-testid="runtime-row-hermes"]')
-    await expect(row).toBeVisible({ timeout: FIVE_S })
-    const link = row.locator('a.rt-link')
-    await expect(link).toContainText('hermes')
-    await expect(link).toHaveAttribute('href', HERMES_URL)
-    await expect(link).toHaveAttribute('target', '_blank')
-    await expect(row.locator('.v')).toContainText('agent')
-    await expect(row.locator('.v .dot')).toHaveCount(0)
-  })
-
-  test('openwebui row deep-links to the backend-advertised URL', async ({
-    page,
-  }) => {
-    await page.goto('/')
-    const row = page.locator('[data-testid="runtime-row-openwebui"]')
-    await expect(row).toBeVisible({ timeout: FIVE_S })
-    const link = row.locator('a.rt-link')
-    await expect(link).toContainText('openwebui')
-    await expect(link).toHaveAttribute('href', OPENWEBUI_URL)
-    await expect(link).toHaveAttribute('target', '_blank')
-    await expect(row.locator('.v')).toContainText('chat')
-    await expect(row.locator('.v .dot')).toHaveCount(0)
-  })
-
-  test('hal0 row shows the advertised model count', async ({ page }) => {
-    await page.goto('/')
-    const row = page.locator('[data-testid="runtime-row-hal0"]')
-    await expect(row).toBeVisible({ timeout: FIVE_S })
-    // model count reflects HAL0_DATA's synthetic endpoint (2 chat).
-    await expect(row.locator('.v b')).toHaveText('2')
-  })
-
-  test('footer ribbon shows runtimes + services health groups', async ({ page }) => {
-    await page.goto('/')
-    // HAL0_DATA seeds 8 enabled slots (legacy is disabled); all are ready.
-    const runtimes = page.locator('[data-testid="foot-health-runtimes"]')
-    await expect(runtimes.locator('.lbl .v')).toContainText('8 / 8 ready', { timeout: FIVE_S })
-    await expect(runtimes.locator('.pip.ok')).toHaveCount(8)
-    // services group — one LED pip per backing service, all up here.
-    const services = page.locator('[data-testid="foot-health-services"]')
-    await expect(services.locator('.lbl .v')).toContainText('3 / 3 ready')
-    await expect(services.locator('.pip.ok')).toHaveCount(3)
-  })
-})
-
-test.describe('Sidebar Runtime widget — no advertised service links', () => {
-  test.beforeEach(async ({ page }) => {
-    await page.route('**/api/agents', (route) => json(route, AGENTS_RUNNING))
-    await page.route('**/api/config/urls', (route) => json(route, URLS_NONE))
-    await page.route('**/api/services/health', (route) => json(route, SERVICES_HEALTH_UP))
-  })
-
-  test('hermes row stays plain text when no dashboard URL is advertised', async ({ page }) => {
-    await page.goto('/')
-    const row = page.locator('[data-testid="runtime-row-hermes"]')
-    await expect(row).toBeVisible({ timeout: FIVE_S })
-    // No anchor — just the bare key — while health still renders.
-    await expect(row.locator('a.rt-link')).toHaveCount(0)
-    await expect(row.locator('.k')).toHaveText('hermes')
-    await expect(row.locator('.v')).toContainText('agent')
-  })
-
-  test('openwebui health can be up even when no link is advertised', async ({ page }) => {
-    await page.goto('/')
-    const row = page.locator('[data-testid="runtime-row-openwebui"]')
-    await expect(row.locator('.v')).toContainText('chat', { timeout: FIVE_S })
-    await expect(row.locator('a.rt-link')).toHaveCount(0)
-    await expect(row.locator('.k')).toHaveText('openwebui')
-    // footer services pip still reads the openwebui health as up.
-    const services = page.locator('[data-testid="foot-health-services"]')
-    await expect(services.locator('.pip[aria-label="openwebui: up"]')).toHaveCount(1)
-  })
-})
-
-test.describe('Sidebar Runtime widget — hermes tone mapping', () => {
-  test('service health renders a down (red) hermes dot', async ({ page }) => {
-    await page.route('**/api/agents', (route) =>
-      json(route, {
-        agents: [{ name: 'hermes', installed_at: '2026-05-25T12:00:00Z', status: 'broken' }],
-        count: 1,
-      }),
-    )
-    await page.route('**/api/config/urls', (route) => json(route, URLS_ALL))
-    await page.route('**/api/services/health', (route) => json(route, SERVICES_HEALTH_DOWN))
-    await page.goto('/')
-    const pip = page.locator('[data-testid="foot-health-services"] .pip[aria-label^="hermes:"]')
-    await expect(pip).toHaveClass(/\berr\b/, { timeout: FIVE_S })
-  })
-
-  test('no agent installed renders sidebar copy without a health dot', async ({ page }) => {
-    await page.route('**/api/agents', (route) => json(route, AGENTS_EMPTY))
-    await page.route('**/api/config/urls', (route) => json(route, URLS_ALL))
-    await page.route('**/api/services/health', (route) => json(route, SERVICES_HEALTH_UP))
-    await page.goto('/')
-    const v = page.locator('[data-testid="runtime-row-hermes"] .v')
-    await expect(v).toContainText('not installed', { timeout: FIVE_S })
-    // The widget itself still renders (hermes never hides the whole card).
-    await expect(page.locator('[data-testid="sidebar-runtime-widget"]')).toBeVisible()
-  })
-})
diff --git a/ui/tests/e2e/specs/system-card-v3.spec.ts b/ui/tests/e2e/specs/system-card-v3.spec.ts
index cb54f894..dbaa8945 100644
--- a/ui/tests/e2e/specs/system-card-v3.spec.ts
+++ b/ui/tests/e2e/specs/system-card-v3.spec.ts
@@ -82,7 +82,7 @@ test.describe.skip('System card (dashboard sidebar)', () => {
   test('runtime health row is no longer present in the System card', async ({ page }) => {
     await page.goto('/#dashboard')
     const card = page.locator('.sys-card')
-    // Removed 2026-06-05 — folded into the sidebar Runtime widget instead.
+    // Runtime health lives in the footer, not the System card.
     await expect(card.locator('.sys-row .k', { hasText: 'runtime' })).toHaveCount(0)
     await expect(card.locator('.sys-health')).toHaveCount(0)
   })
diff --git a/ui/tests/e2e/specs/ui-sweep-a-v3.spec.ts b/ui/tests/e2e/specs/ui-sweep-a-v3.spec.ts
index c059dc35..bfb83045 100644
--- a/ui/tests/e2e/specs/ui-sweep-a-v3.spec.ts
+++ b/ui/tests/e2e/specs/ui-sweep-a-v3.spec.ts
@@ -26,6 +26,12 @@ import { test, expect, json } from '../fixtures/apiMock'
 
 const FIVE_S = 5_500
 
+async function openApprovals(page: any) {
+  await page.evaluate(() => {
+    window.dispatchEvent(new CustomEvent('hal0:open-approvals'))
+  })
+}
+
 // ─── 1. AddSecretModal: real save ──────────────────────────────────────────
 
 test.describe('AddSecretModal — real save', () => {
@@ -146,10 +152,7 @@ test.describe('ApprovalModal live wiring', () => {
     )
     await page.goto('/#dashboard')
 
-    // Open the bell modal
-    const bell = page.locator('[aria-label="Agent approvals"]')
-    await bell.waitFor({ state: 'visible', timeout: FIVE_S })
-    await bell.click()
+    await openApprovals(page)
 
     await expect(page.locator('.approval-card')).toHaveCount(1, { timeout: FIVE_S })
     await expect(page.locator('.approval-card')).toContainText('fs_write')
@@ -161,9 +164,7 @@ test.describe('ApprovalModal live wiring', () => {
       json(route, { approvals: [] })
     )
     await page.goto('/#dashboard')
-    const bell = page.locator('[aria-label="Agent approvals"]')
-    await bell.waitFor({ state: 'visible', timeout: FIVE_S })
-    await bell.click()
+    await openApprovals(page)
     await expect(page.locator('[data-testid="approvals-empty"]')).toBeVisible({ timeout: FIVE_S })
   })
 
@@ -178,9 +179,7 @@ test.describe('ApprovalModal live wiring', () => {
     })
 
     await page.goto('/#dashboard')
-    const bell = page.locator('[aria-label="Agent approvals"]')
-    await bell.waitFor({ state: 'visible', timeout: FIVE_S })
-    await bell.click()
+    await openApprovals(page)
     await expect(page.locator('.approval-card')).toBeVisible({ timeout: FIVE_S })
 
     await page.locator('.approval-card button:has-text("Approve")').click()
@@ -199,9 +198,7 @@ test.describe('ApprovalModal live wiring', () => {
     })
 
     await page.goto('/#dashboard')
-    const bell = page.locator('[aria-label="Agent approvals"]')
-    await bell.waitFor({ state: 'visible', timeout: FIVE_S })
-    await bell.click()
+    await openApprovals(page)
     await expect(page.locator('.approval-card')).toBeVisible({ timeout: FIVE_S })
 
     await page.locator('.approval-card .btn.danger').first().click()
@@ -215,19 +212,15 @@ test.describe('ApprovalModal live wiring', () => {
 //        pointer card (design §7). Those tests were deleted; the memory
 //        surface is covered by memory-view/-tools/-graph specs instead.
 
-// ─── 7. Dashboard: no hardcoded "halo" username ─────────────────────────
+// ─── 7. Dashboard: compact operational toolbar ───────────────────────────
 
 test.describe('Dashboard hero strip', () => {
-  // dashboard-overhaul (feat/dashboard-overhaul): the handoff hero copy is
-  // explicitly "Welcome back, halo. system steady on <host>" — the design
-  // mandates the greeting the old anti-hardcoded-username guard removed. The
-  // design handoff is the law for this surface, so the assertion is inverted:
-  // the greeting + the live host phrasing must both be present.
-  test('renders the handoff hero greeting + live host phrasing', async ({ page }) => {
+  test('renders status metadata without the old greeting copy', async ({ page }) => {
     await page.goto('/#dashboard')
     await expect(page.locator('.hero-strip')).toBeVisible({ timeout: FIVE_S })
-    await expect(page.locator('.hero-strip')).toContainText('Welcome back, halo')
-    await expect(page.locator('.hero-strip')).toContainText('system steady on')
+    await expect(page.locator('.hero-strip')).not.toContainText('Welcome back, halo')
+    await expect(page.locator('.hero-strip')).not.toContainText('system steady on')
+    await expect(page.getByRole('button', { name: /customize/i })).toBeVisible()
   })
 })