` blocks
+in `dashboard.html`. Was its own S3TT1NGS page/tile (`/settings.html`)
+until mara moved it in here — a standalone page for one toggle didn't
+earn its own tile.
+
+**◇ browser notifications** — `🔔 enable notifications` button when
+permission ungranted; `🔕 mute / 🔔 unmute` toggle once granted
+(mute silences the dispatch without revoking the OS-level
+permission). On unsupported origins (non-secure context, or
+browsers without the `Notification` API) the controls hide and a
+single status line explains why. See `### Browser notifications`
+below for the dispatch model + the three signals the dashboard
+emits OS notifications on.
+
+The "expand tool output panels" toggle lives on the per-agent page's
+own settings popover (`SettingsMenu`, `@hive/shared/settings-menu.js`)
+instead — it's agent-terminal-only, unrelated to this section.
+
## C0R3 page (`/core.html`)
Passive / rare-interaction state. No longer a dashboard tab — it's a
@@ -595,32 +615,10 @@ the model id, longest match wins) mapping to
`{ input, output, cache_read, cache_write }` USD-per-million-token
prices. Models not covered fall back to hive-c0re's built-in estimate.
-## S3TT1NGS tab
-
-Operator-local preferences. State lives in the browser's
-`localStorage` — preferences do NOT sync between devices and
-do NOT survive a profile wipe. One section today (browser
-notifications); future preferences land here as sibling ``
-blocks in `settings.html`.
-
-**◇ browser notifications** — `🔔 enable notifications` button when
-permission ungranted; `🔕 mute / 🔔 unmute` toggle once granted
-(mute silences the dispatch without revoking the OS-level
-permission). On unsupported origins (non-secure context, or
-browsers without the `Notification` API) the controls hide and a
-single status line explains why. See `### Browser notifications`
-below for the dispatch model + the three signals the dashboard
-emits OS notifications on.
-
-The "expand tool output panels" toggle used to live here too; it
-moved into the per-agent page's own settings popover (`SettingsMenu`,
-`@hive/shared/settings-menu.js`) since it's agent-terminal-only and
-this tab is shared with swarm-ui — see that component's file comment.
-
-The FL0W page does NOT host this pane — settings live only on the
-dashboard's S3TT1NGS tab (reach it via the FL0W page's `← home`
+The FL0W page does NOT host the PR3F3R3NC3S pane — it lives only on the
+dashboard's Y3R C4LL tab (reach it via the FL0W page's `← home`
back-link → Dashboard). Notifications still fire on the FL0W page when
-they're enabled here, because `NOTIF.show()` in
+they're enabled there, because `NOTIF.show()` in
`common.js` depends on `Notification.permission` + the
`hyperhive.notify.muted` localStorage key, not on the buttons
existing in the page DOM.
@@ -1091,9 +1089,9 @@ Pure frontend (`Notification` API). Two signals trigger them:
- new pending approval (per id, delta on `/api/state`)
- new broker message sent `to: "operator"` (live via SSE)
-The toggle controls live in the `S3TT1NGS` tab (`#settings`); see
-that section above for the user-facing shape. Dispatch logic lives
-in `common.js::NOTIF`.
+The toggle controls live in the Y3R C4LL tab's ◆ PR3F3R3NC3S ◆
+section; see that section above for the user-facing shape. Dispatch
+logic lives in `common.js::NOTIF`.
First `/api/state` after page load seeds "seen" sets without
firing — only items that arrive while the page is open count.
diff --git a/docs/web-ui/shape.md b/docs/web-ui/shape.md
index 3a12b496..c1f3d409 100644
--- a/docs/web-ui/shape.md
+++ b/docs/web-ui/shape.md
@@ -20,7 +20,7 @@
CSS bundle per page (`colors.css` + `theme.css` + `common.css`,
loaded by every page, plus a page-specific bundle —
`dashboard.css` / `flow.css` / `logs.css` / `home.css` /
- `settings.css` / `stats.css` / `core.css` / `builds.css` /
+ `stats.css` / `core.css` / `builds.css` /
`credentials.css`); `common.css` inlines `@hive/shared`'s
`base.css` + `terminal.css` + `tabs.css` + `chrome.css` +
`pill.css` via esbuild's `@import` resolution.
diff --git a/frontend/packages/dashboard/build.mjs b/frontend/packages/dashboard/build.mjs
index f4e16c3b..d2844aa5 100644
--- a/frontend/packages/dashboard/build.mjs
+++ b/frontend/packages/dashboard/build.mjs
@@ -66,7 +66,7 @@ mkdirSync(staticDir(''), { recursive: true });
// follow-up once asset sizes warrant it). esbuild writes each entry
// to `static/.js` based on the entryPoint basename.
await build({
- entryPoints: [src('tabs.js'), src('flow.js'), src('logs.js'), src('home.js'), src('settings.js'), src('stats.js'), src('core.js'), src('builds.js'), src('credentials.js')],
+ entryPoints: [src('tabs.js'), src('flow.js'), src('logs.js'), src('home.js'), src('stats.js'), src('core.js'), src('builds.js'), src('credentials.js')],
outdir: staticDir(''),
bundle: true,
format: 'esm',
@@ -122,7 +122,7 @@ await build({
// so a swap replaces only it) + theme.css (the semantic derivation
// layer) + common.css (shared typography, badges, buttons, inbox, side
// panel) plus its own page-specific bundle.
-for (const entry of ['colors.css', 'theme.css', 'common.css', 'dashboard.css', 'flow.css', 'logs.css', 'home.css', 'settings.css', 'stats.css', 'core.css', 'builds.css', 'credentials.css']) {
+for (const entry of ['colors.css', 'theme.css', 'common.css', 'dashboard.css', 'flow.css', 'logs.css', 'home.css', 'stats.css', 'core.css', 'builds.css', 'credentials.css']) {
await build({
entryPoints: [src(entry)],
outfile: staticDir(entry),
@@ -132,7 +132,7 @@ for (const entry of ['colors.css', 'theme.css', 'common.css', 'dashboard.css', '
});
}
-for (const html of ['index.html', 'dashboard.html', 'flow.html', 'logs.html', 'settings.html', 'stats.html', 'core.html', 'builds.html', 'credentials.html']) {
+for (const html of ['index.html', 'dashboard.html', 'flow.html', 'logs.html', 'stats.html', 'core.html', 'builds.html', 'credentials.html']) {
copyFileSync(src(html), dist(html));
}
diff --git a/frontend/packages/dashboard/src/common.css b/frontend/packages/dashboard/src/common.css
index f3c5df99..a5db50a0 100644
--- a/frontend/packages/dashboard/src/common.css
+++ b/frontend/packages/dashboard/src/common.css
@@ -434,7 +434,7 @@ hive-side-panel .md td {
server-warnings banner, the footer) then spans edge-to-edge for free,
with no negative-margin breakout hacks. Only matches on pages that opt
in by adding the wrapper (dashboard.html, index.html); FL0W / L0GS /
- ST4TS / S3TT1NGS are full-bleed with their own `.-main` padding. */
+ ST4TS are full-bleed with their own `.-main` padding. */
.page-content { padding: 0 1.5em; }
/* ─── sticky top region ───────────────────────────────────────────────
diff --git a/frontend/packages/dashboard/src/dashboard.css b/frontend/packages/dashboard/src/dashboard.css
index 476663dd..49c880f3 100644
--- a/frontend/packages/dashboard/src/dashboard.css
+++ b/frontend/packages/dashboard/src/dashboard.css
@@ -461,8 +461,32 @@ hive-agent-menu {
`JobqRollup` Preact component (`.jqr-*` classes, imported above) —
mounted by swarm.js::initJobqRollup into #jobq-rollup-section. */
-/* .notif-row / .btn-notif moved to settings.css with the S3TT1NGS
- page. */
+/* Browser-notification toggle row, now living in the Y3R C4LL tab's
+ ◆ PR3F3R3NC3S ◆ section (was its own S3TT1NGS page/tile; mara: a
+ standalone page for one toggle didn't earn its own tile). Buttons
+ wired by NOTIF.bind() in common.js. */
+.notif-row {
+ display: flex;
+ gap: 0.5em;
+ align-items: center;
+ margin: 0.5em 0;
+ font-size: 0.85em;
+}
+.btn-notif {
+ font-family: inherit;
+ font-size: 0.85em;
+ background: transparent;
+ color: var(--cyan);
+ border: 1px solid var(--cyan);
+ padding: 0.2em 0.7em;
+ border-radius: 999px;
+ cursor: pointer;
+ text-shadow: 0 0 4px currentColor;
+}
+.btn-notif:hover {
+ background: color-mix(in srgb, var(--cyan) 10%, transparent);
+ box-shadow: 0 0 10px -2px currentColor;
+}
.pending-state {
color: var(--amber);
diff --git a/frontend/packages/dashboard/src/dashboard.html b/frontend/packages/dashboard/src/dashboard.html
index d8a6112f..990dc9c6 100644
--- a/frontend/packages/dashboard/src/dashboard.html
+++ b/frontend/packages/dashboard/src/dashboard.html
@@ -72,9 +72,6 @@
into the log viewer (an agent's logs, a build entry's log)
still live inside the relevant dashboard content. -->
-
@@ -129,6 +126,24 @@
+
+
+ ◆ PR3F3R3NC3S ◆
+ ══════════════════════════════════════════════════════════════
+
+ ◇ browser notifications
+
+
+
+
+
+
+
-
-
◆ PR3F3R3NC3S ◆
+══════════════════════════════════════════════════════════════
+
+ ◇ browser notifications
+ +
+
+
+
+
+
-
-