diff --git a/frontend/packages/dashboard/src/common.css b/frontend/packages/dashboard/src/common.css
index 22c6fb37..73f35030 100644
--- a/frontend/packages/dashboard/src/common.css
+++ b/frontend/packages/dashboard/src/common.css
@@ -2,7 +2,6 @@
    Bundled in front of the page-specific rules via esbuild. */
 @import "@hive/shared/base.css";
 @import "@hive/shared/terminal.css";
-@import "@hive/shared/tabs.css";
 
 /* ─── global typography ─────────────────────────────────────────────
    Element-level rules shared across all three pages (index, flow,
diff --git a/frontend/packages/dashboard/src/logs.css b/frontend/packages/dashboard/src/logs.css
index ee797a8c..8105be9c 100644
--- a/frontend/packages/dashboard/src/logs.css
+++ b/frontend/packages/dashboard/src/logs.css
@@ -7,13 +7,29 @@ body.logs-shell {
   padding: 0;
 }
 
-/* Base tab styling now lives in @hive/shared/tabs.css (.hive-tab*). The
-   logs strip only adds a layout delta: fill the header row next to the
-   ← home back-link. */
 .logs-tabbar {
+  display: flex;
+  gap: 0.2em;
   flex: 1;
 }
 
+.logs-tab {
+  display: inline-flex;
+  align-items: center;
+  padding: 0.35em 0.9em;
+  border-radius: 4px;
+  color: var(--subtext0);
+  text-decoration: none;
+  font-size: 0.85em;
+  letter-spacing: 0.05em;
+  transition: background 100ms, color 100ms;
+}
+.logs-tab:hover { background: var(--border); color: var(--fg); }
+.logs-tab.logs-tab-active {
+  background: var(--border);
+  color: var(--purple);
+}
+
 .logs-main {
   padding: 1.2em 1.5em 2em;
 }
diff --git a/frontend/packages/dashboard/src/logs.html b/frontend/packages/dashboard/src/logs.html
index 60f0eaba..2f6af3dc 100644
--- a/frontend/packages/dashboard/src/logs.html
+++ b/frontend/packages/dashboard/src/logs.html
@@ -17,17 +17,17 @@
        points to the H0M3 hub (served at /), not the dashboard. -->
   <header class="logs-header">
     <a class="logs-back" href="/">← home</a>
-    <nav class="hive-tabbar logs-tabbar" id="logs-tabbar" role="tablist">
-      <a class="hive-tab" id="logs-tab-build" href="#build" role="tab"
-         aria-controls="logs-pane-build" data-tab="build">
+    <nav class="logs-tabbar" id="logs-tabbar" role="tablist">
+      <a class="logs-tab" id="logs-tab-build" href="#build" role="tab"
+         aria-controls="logs-pane-build" data-logs-tab="build">
         <span class="logs-tab-label">BUILD</span>
       </a>
-      <a class="hive-tab" id="logs-tab-agent" href="#agent" role="tab"
-         aria-controls="logs-pane-agent" data-tab="agent">
+      <a class="logs-tab" id="logs-tab-agent" href="#agent" role="tab"
+         aria-controls="logs-pane-agent" data-logs-tab="agent">
         <span class="logs-tab-label">AGENT</span>
       </a>
-      <a class="hive-tab" id="logs-tab-system" href="#system" role="tab"
-         aria-controls="logs-pane-system" data-tab="system">
+      <a class="logs-tab" id="logs-tab-system" href="#system" role="tab"
+         aria-controls="logs-pane-system" data-logs-tab="system">
         <span class="logs-tab-label">SYSTEM</span>
       </a>
     </nav>
@@ -39,7 +39,7 @@
          nixos-container invocations across all agents, with
          click-to-expand full stdout+stderr. Backed by
          GET /api/build-logs?limit=30. -->
-    <section class="logs-pane" id="logs-pane-build" data-tab-pane="build"
+    <section class="logs-pane" id="logs-pane-build"
              role="tabpanel" aria-labelledby="logs-tab-build">
       <div class="logs-toolbar">
         <button type="button" class="btn btn-restart" id="build-refresh">↻ refresh</button>
@@ -50,7 +50,7 @@
     <!-- AGENT: journald viewer for a specific agent container.
          Agent selector + unit filter + line count. Backed by
          GET /api/journal/{agent}?unit=<unit>&lines=N. -->
-    <section class="logs-pane" id="logs-pane-agent" data-tab-pane="agent"
+    <section class="logs-pane" id="logs-pane-agent"
              role="tabpanel" aria-labelledby="logs-tab-agent">
       <div class="logs-toolbar">
         <select id="agent-select" class="journal-unit"></select>
@@ -66,7 +66,7 @@
 
     <!-- SYSTEM: host-side service logs. Shows the hive-c0re daemon
          journal via GET /api/journal-host?unit=hive-c0re.service. -->
-    <section class="logs-pane" id="logs-pane-system" data-tab-pane="system"
+    <section class="logs-pane" id="logs-pane-system"
              role="tabpanel" aria-labelledby="logs-tab-system">
       <div class="logs-toolbar">
         <select id="system-unit-select" class="journal-unit">
diff --git a/frontend/packages/dashboard/src/logs.js b/frontend/packages/dashboard/src/logs.js
index 56ddd793..56b7004a 100644
--- a/frontend/packages/dashboard/src/logs.js
+++ b/frontend/packages/dashboard/src/logs.js
@@ -22,18 +22,37 @@
 import {
   $, el, fmtAgeSecs, openStream, initServerWarnings,
 } from './common.js';
-import { createTabStrip } from '@hive/shared/tabs.js';
 
 (() => {
   initServerWarnings();
 
   // ─── tab routing ──────────────────────────────────────────────────────
-  // The shared hash-routed tab strip (@hive/shared/tabs.js) handles the
-  // active toggle + aria-selected + pane visibility + the SYSTEM lazy
-  // fetch via onShow. Constructed in the init block below (after the
-  // fetch fns + element refs it depends on exist). `logTabs.active()`
-  // replaces the old `activeTab()`.
-  let logTabs;
+
+  const TABS = ['build', 'agent', 'system'];
+
+  function activeTab() {
+    const hash = location.hash.replace('#', '');
+    return TABS.includes(hash) ? hash : 'build';
+  }
+
+  function showTab(name) {
+    for (const t of TABS) {
+      const pane = document.getElementById('logs-pane-' + t);
+      const tab  = document.getElementById('logs-tab-' + t);
+      const active = t === name;
+      if (pane) pane.hidden = !active;
+      if (tab) {
+        tab.classList.toggle('logs-tab-active', active);
+        tab.setAttribute('aria-selected', String(active));
+      }
+    }
+  }
+
+  window.addEventListener('hashchange', () => {
+    const tab = activeTab();
+    showTab(tab);
+    if (tab === 'system') fetchSystem();
+  });
 
   // ─── helpers ──────────────────────────────────────────────────────────
 
@@ -233,7 +252,7 @@ import { createTabStrip } from '@hive/shared/tabs.js';
   {
     let buildRefreshTimer = null;
     const debouncedRefreshBuild = () => {
-      if (logTabs.active() !== 'build') return;
+      if (activeTab() !== 'build') return;
       if (buildRefreshTimer) clearTimeout(buildRefreshTimer);
       buildRefreshTimer = setTimeout(fetchBuild, 2000);
     };
@@ -370,15 +389,11 @@ import { createTabStrip } from '@hive/shared/tabs.js';
 
   // ─── init ─────────────────────────────────────────────────────────────
 
-  // Wire the shared tab strip now that fetchSystem + the element refs it
-  // needs are defined. Its initial show() paints the active pane and, if
-  // the deep-linked tab is SYSTEM, kicks off the lazy fetch via onShow.
-  logTabs = createTabStrip(document.getElementById('logs-tabbar'), {
-    defaultId: 'build',
-    onShow: (id) => { if (id === 'system') fetchSystem(); },
-  });
+  const tab = activeTab();
+  showTab(tab);
   loadAgentList();
   fetchBuild();
+  if (tab === 'system') fetchSystem();
 
   // Tick the last-fetched timestamps every 30s so "fetched 1m ago" stays
   // accurate without a manual refresh.
diff --git a/frontend/packages/shared/package.json b/frontend/packages/shared/package.json
index b2e22f27..1d9a7a1b 100644
--- a/frontend/packages/shared/package.json
+++ b/frontend/packages/shared/package.json
@@ -8,8 +8,6 @@
   "exports": {
     ".": "./src/index.js",
     "./terminal.js": "./src/terminal.js",
-    "./tabs.js": "./src/tabs.js",
-    "./tabs.css": "./src/tabs.css",
     "./colors.css": "./src/colors.css",
     "./theme.css": "./src/theme.css",
     "./base.css": "./src/base.css",
diff --git a/frontend/packages/shared/src/tabs.css b/frontend/packages/shared/src/tabs.css
deleted file mode 100644
index 7a63655e..00000000
--- a/frontend/packages/shared/src/tabs.css
+++ /dev/null
@@ -1,37 +0,0 @@
-/* Shared tab-strip chrome — the generic tab/sub-tab styling used across
-   the dashboard tabbar, the logs sub-tabs, and the agent stat-window
-   selector. Behaviour lives in `@hive/shared/tabs.js` (createTabStrip).
-
-   Colours come from the semantic theme layer (theme.css → colors.css),
-   so this inherits theme-swap safety for free. Call sites keep a thin
-   variant class for size/spacing deltas; richer affordances (count
-   pills, the dashboard's responsive overflow ⋮ menu) layer on top in the
-   per-page CSS. See docs/web-ui/css-vars.md. */
-
-.hive-tabbar {
-  display: flex;
-  gap: 0.2em;
-}
-
-.hive-tab {
-  display: inline-flex;
-  align-items: center;
-  padding: 0.35em 0.9em;
-  border-radius: 4px;
-  color: var(--subtext0);
-  text-decoration: none;
-  font-size: 0.85em;
-  letter-spacing: 0.05em;
-  cursor: pointer;
-  transition: background 100ms, color 100ms;
-}
-
-.hive-tab:hover {
-  background: var(--border);
-  color: var(--fg);
-}
-
-.hive-tab--active {
-  background: var(--border);
-  color: var(--purple);
-}
diff --git a/frontend/packages/shared/src/tabs.js b/frontend/packages/shared/src/tabs.js
deleted file mode 100644
index 5f1a0671..00000000
--- a/frontend/packages/shared/src/tabs.js
+++ /dev/null
@@ -1,71 +0,0 @@
-// Shared hash-routed tab strip — the generic behaviour behind the
-// dashboard tabbar, the logs sub-tabs, and the agent stat-window
-// selector. Pairs with `@hive/shared/tabs.css` (the .hive-tab* styles).
-//
-// Convention over configuration (no element-resolver callbacks):
-//   - Tab controls are the `[data-tab="<id>"]` elements inside the
-//     `tabbar` you pass in (any element — `<a>` or `<button>`; give
-//     them class `hive-tab`).
-//   - Panels are matched by `[data-tab-pane="<id>"]` anywhere in the
-//     document.
-//
-// Routing is always via `location.hash` so tabs are deep-linkable and
-// honour back/forward. A page may only host one strip (one hash); if a
-// second independent strip is ever needed we add a key prefix then.
-//
-// On show: toggles `.hive-tab--active` + `aria-selected` on each control
-// and `hidden` on each panel, then fires `onShow(id)` for per-tab
-// side-effects (lazy loads, etc.). See docs/web-ui/css-vars.md.
-
-/**
- * @param {Element|null} tabbar  container holding the `[data-tab]` controls
- * @param {{ defaultId?: string, onShow?: (id: string) => void }} [opts]
- * @returns {{ show: (id: string) => void, active: () => string|null }}
- */
-export function createTabStrip(tabbar, opts = {}) {
-  const { defaultId, onShow } = opts;
-  if (!tabbar) {
-    return { show() {}, active: () => null };
-  }
-  const tabs = Array.from(tabbar.querySelectorAll('[data-tab]'));
-  const ids = tabs.map((t) => t.getAttribute('data-tab'));
-  const fallback = defaultId && ids.includes(defaultId) ? defaultId : ids[0];
-
-  const paneFor = (id) => document.querySelector(`[data-tab-pane="${id}"]`);
-
-  const active = () => {
-    const hash = location.hash.replace(/^#/, '');
-    return ids.includes(hash) ? hash : fallback;
-  };
-
-  const show = (id) => {
-    const target = ids.includes(id) ? id : fallback;
-    for (const tab of tabs) {
-      const tid = tab.getAttribute('data-tab');
-      const on = tid === target;
-      tab.classList.toggle('hive-tab--active', on);
-      tab.setAttribute('aria-selected', String(on));
-      const pane = paneFor(tid);
-      if (pane) pane.hidden = !on;
-    }
-    if (typeof onShow === 'function') onShow(target);
-  };
-
-  // Drive every activation through the hash so deep-links + back/forward
-  // stay authoritative; the hashchange listener does the actual showing.
-  for (const tab of tabs) {
-    tab.addEventListener('click', (e) => {
-      e.preventDefault();
-      const id = tab.getAttribute('data-tab');
-      if (location.hash.replace(/^#/, '') === id) {
-        show(id); // same hash → no hashchange, re-show directly
-      } else {
-        location.hash = id;
-      }
-    });
-  }
-  window.addEventListener('hashchange', () => show(active()));
-
-  show(active()); // initial render from the current hash
-  return { show, active };
-}