@bongos/core 1.24.47 → 1.24.49

package/modules/hall-ui/public/market-watch-item.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Market Watch item — {{worldName}}</title>
   <meta name="description" content="One tracked competitor, partner or topic: its card, its scores over time and its sourced case file.">
-  <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
+  <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
@@ -74,7 +74,7 @@
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
-<script src="/builders/shell.js?v=2026-11-06-sidebar"></script>
+<script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/hall-kit.js"></script>
 <script src="/builders/market-watch-lib.js"></script>

package/modules/hall-ui/public/market-watch-rules.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Market Watch rules — {{worldName}}</title>
   <meta name="description" content="How the weekly market watch works, step by step, in plain words: what it searches, what it reads, who it watches, how it scores and what it writes. Propose a change with a reason.">
-  <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
+  <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
@@ -43,7 +43,7 @@
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
-<script src="/builders/shell.js?v=2026-11-06-sidebar"></script>
+<script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/hall-kit.js"></script>

package/modules/hall-ui/public/market-watch.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Market Watch — {{worldName}}</title>
   <meta name="description" content="The project's scouts on its competitors, partners and topics: the landscape, the next sweep, the budget left and this week's reports.">
-  <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
+  <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
@@ -188,7 +188,7 @@
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
-<script src="/builders/shell.js?v=2026-11-06-sidebar"></script>
+<script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/hall-kit.js"></script>
 <script src="/builders/market-watch-lib.js"></script>

package/modules/hall-ui/public/modules.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Modules — {{worldName}}</title>
   <meta name="description" content="Browse the Cloud Bongos module catalog: what the core ships, who built each module and where it came from, what this instance runs, and how to submit one upstream.">
-  <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
+  <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
@@ -128,7 +128,7 @@
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
-<script src="/builders/shell.js?v=2026-11-06-sidebar"></script>
+<script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/brand-apply.js"></script>

package/modules/hall-ui/public/money.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Money — {{worldName}}</title>
   <meta name="description" content="Where this project's money went, the treasury so far, and what each hosted project costs, on one page for the people who steer the project.">
-  <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
+  <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="/builders/style.css?v=2026-09-23-changelist1">
@@ -82,7 +82,7 @@
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
-<script src="/builders/shell.js?v=2026-11-06-sidebar"></script>
+<script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/hall-kit.js"></script>

package/modules/hall-ui/public/my-agents.css

@@ -260,32 +260,10 @@ html[data-theme="dark"] body[data-page="my-agents"] {
 .ma-know .prow__hint { margin: 4px 0 0; max-width: var(--measure); font-size: 13px; line-height: 1.5; color: var(--ink-soft); }
 .ma-know .prow__actions { display: flex; flex-wrap: wrap; justify-content: flex-end; gap: 6px; }
 .ma-know .speciality-create__h { margin: 4px 0 0; font-size: 14px; font-weight: 500; color: var(--ink); }
-.ma-know .btn,
-.ma-know .pbtn {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  min-height: 30px;
-  min-width: 30px;
-  padding: 0 14px;
-  border: var(--line) solid var(--rule);
-  border-radius: var(--radius-pill);
-  background: none;
-  color: var(--ink-soft);
-  font: inherit;
-  font-size: 13px;
-  font-weight: 400;
-  text-transform: lowercase;
-  white-space: nowrap;
-  cursor: pointer;
-}
-.ma-know .btn:hover:not(:disabled),
-.ma-know .pbtn:hover:not(:disabled) { background: none; color: var(--ink); border-color: var(--ink-faint); }
-.ma-know .btn:disabled,
-.ma-know .pbtn:disabled { background: none; color: var(--ink-faint); border-color: var(--rule-soft); cursor: default; }
+/* the row's buttons are the shared ghost at the row size (controls.css, task
+   1005084): speciality-tools.js writes btn--sm on them */
 /* the walkthrough's answer you gave, and its one commit, read as a chosen chip */
-.ma-know .pbtn[aria-pressed="true"],
-.ma-know .pbtn--save:not(:disabled) { background: var(--glass-strong); color: var(--ink); border-color: var(--ink-soft); }
+.ma-know .pbtn[aria-pressed="true"] { background: var(--glass-strong); color: var(--ink); border-color: var(--ink-soft); }
 /* the 24px floor, drawn in ink: the create form's "for sale" box and the skill picker */
 .ma-know input[type="checkbox"] { width: 24px; height: 24px; margin: 0; flex: none; accent-color: var(--ink); cursor: pointer; }
 .ma-know .speciality-field > span { color: var(--ink-soft); }

package/modules/hall-ui/public/my-agents.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>My agents — {{worldName}}</title>
   <meta name="description" content="How your own Claude works for you: how it talks, how far it wanders and which models run.">
-  <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
+  <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
@@ -84,7 +84,7 @@
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
-<script src="/builders/shell.js?v=2026-11-06-sidebar"></script>
+<script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/gov-living.js?v=2026-10-10-real1"></script>

package/modules/hall-ui/public/oversight.css

@@ -249,23 +249,9 @@ a.fact-chip:hover { color: var(--accent-ink); border-color: var(--accent-ink); t
   text-transform: var(--label-case);
   color: var(--ink-faint);
 }
-/* The shell styles text and search inputs; a number input (the builder id) would
-   otherwise render at the browser's 21px and fail the 24px floor, so the field
-   restates the shell's hairline pill for every control it holds. */
-.ov-field input, .ov-field select, .ov-field textarea {
-  width: 100%;
-  box-sizing: border-box;
-  min-height: 30px;
-  padding: 5px 12px;
-  font-family: var(--font-body);
-  font-size: 14px;
-  color: var(--ink);
-  background: none;
-  border: var(--line) solid var(--rule);
-  border-radius: var(--radius-pill);
-}
-.ov-field textarea { border-radius: var(--radius-sm); }
-.ov-field input:hover, .ov-field select:hover, .ov-field textarea:hover { border-color: var(--ink-faint); }
+/* The field is the shared one (controls.css, task 1005084) — it covers the
+   number input (the builder id) too; the form only stretches it to the row. */
+.ov-field input, .ov-field select, .ov-field textarea { width: 100%; box-sizing: border-box; }
 .ov-field input::placeholder, .ov-field textarea::placeholder { color: var(--ink-faint); }
 /* The one line under the row. A max-width here would cap the flex basis and let
    the line ride beside the button, so the line takes the full row instead. */

package/modules/hall-ui/public/panel.css

@@ -109,42 +109,8 @@
 .craft-actions .settings-status { margin: 0; }
 
 /* ---- the controls: every one clears 24px on both axes ------------------- */
-/* the family button: a glass pill, 38px, quiet by default. `--save` is the
-   accent door — the panel's one primary act — and takes --accent-on, the dark
-   ink for the salmon; white on it fails AA and DESIGN.md bans it. */
-.pbtn,
-.settings-btn, .sessions-row__end, .event-sound-preview {
-  display: inline-flex;
-  align-items: center;
-  justify-content: center;
-  gap: 8px;
-  min-height: 38px;
-  min-width: 38px;
-  padding: 0 15px;
-  border: var(--line) solid var(--glass-edge);
-  border-radius: var(--radius-pill);
-  background: var(--glass);
-  color: var(--ink);
-  font: inherit;
-  font-size: 14px;
-  line-height: 1.2;
-  white-space: nowrap;
-  text-decoration: none;
-  cursor: pointer;
-  transition: background 200ms cubic-bezier(.2,.7,.3,1), border-color 200ms cubic-bezier(.2,.7,.3,1), color 200ms cubic-bezier(.2,.7,.3,1);
-}
-.pbtn:hover:not(:disabled), .settings-btn:hover:not(:disabled), .sessions-row__end:hover:not(:disabled),
-.event-sound-preview:hover:not(:disabled) { background: var(--glass-strong); color: var(--ink); text-decoration: none; }
-.pbtn:disabled, .settings-btn:disabled, .sessions-row__end:disabled,
-.pbtn[aria-disabled="true"], .settings-btn[aria-disabled="true"] { color: var(--ink-faint); background: var(--glass); cursor: default; }
-.pbtn--quiet, .settings-btn--quiet, .sessions-row__end, .event-sound-preview { background: transparent; }
-.pbtn--save,
-.craft-save { background: var(--accent); border-color: var(--accent); color: var(--accent-on); font-weight: 500; }
-.pbtn--save:hover:not(:disabled), .craft-save:hover:not(:disabled) { background: var(--accent-lift); border-color: var(--accent-lift); color: var(--accent-on); }
-.craft-save:disabled, .pbtn--save:disabled { background: var(--glass); border-color: var(--glass-edge); color: var(--ink-faint); }
-/* the shell's `.craft-save` was a bordered box; it is the family's save button
-   now, so it carries the pill's own box model too */
-button.craft-save { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; min-width: 38px; padding: 0 15px; border-radius: var(--radius-pill); font: inherit; font-size: 14px; cursor: pointer; }
+/* the family button (.pbtn / .settings-btn, ghost; --save the accent door) is
+   the hall's shared button, default size (controls.css, task 1005084). */
 
 /* the field: label above, input and its button on one line */
 .field-label,
@@ -160,28 +126,20 @@ button.craft-save { display: inline-flex; align-items: center; justify-content:
 .field,
 .display-name-row, .artkey-entry-row, .join { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-xs); margin-top: 0; }
 .field .field-label { flex: 1 1 100%; margin-top: 0; }
+/* the input is the shared field (controls.css, task 1005084); the family only
+   sizes it on the row */
 .pinput,
 .display-name-input, .artkey-input, .join input, .join-note {
   flex: 1 1 260px;
   max-width: 420px;
-  min-height: 38px;
-  padding: 0 16px;
-  font: inherit;
-  font-size: 15px;
-  color: var(--ink);
-  background: var(--glass);
-  border: var(--line) solid var(--glass-edge);
-  border-radius: var(--radius-pill);
-  transition: border-color 200ms cubic-bezier(.2,.7,.3,1);
 }
 .pinput::placeholder, .display-name-input::placeholder, .artkey-input::placeholder, .join input::placeholder, .join-note::placeholder { color: var(--ink-faint); }
-.pinput:hover, .display-name-input:hover, .artkey-input:hover, .join input:hover, .join-note:hover { border-color: var(--rule); }
 .pinput[aria-invalid="true"], .display-name-input[aria-invalid="true"] { border-color: var(--danger); }
 /* a secret is typed in the mono face so a pasted key reads as what it is */
 .artkey-input { font-family: var(--font-mono); font-size: 13.5px; }
+/* the select is the shared field too (controls.css) */
 .psel,
-.event-sound-select, .voices__select { min-height: 38px; padding: 0 var(--sp-xs); font: inherit; font-size: 14px; color: var(--ink); background: var(--glass); border: var(--line) solid var(--glass-edge); border-radius: var(--radius-pill); cursor: pointer; }
-.psel:hover, .event-sound-select:hover, .voices__select:hover { border-color: var(--rule); }
+.event-sound-select, .voices__select { cursor: pointer; }
 .prange,
 .sound-volume input[type="range"] { flex: 1 1 200px; max-width: 260px; height: 38px; margin: 0; accent-color: var(--accent); cursor: pointer; }
 .pradio { width: 24px; height: 24px; flex: none; margin: 0; accent-color: var(--accent); cursor: pointer; }

package/modules/hall-ui/public/primer.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Primer — {{worldName}}</title>
   <meta name="description" content="The guide a new builder reads on day one. What {{productName}} is, how the build system works, the claim-to-ship lifecycle, the rank ladder, {{currency}} and karma, and how versions organise the work, each with its diagram.">
-  <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
+  <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
@@ -113,7 +113,7 @@
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
-<script src="/builders/shell.js?v=2026-11-06-sidebar"></script>
+<script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- the shared markdown reader (window.OTBMdReader) — primer.js renders through

package/modules/hall-ui/public/profile.html

@@ -11,7 +11,7 @@
        an href, so an empty value cannot degrade into a same-host URL claiming
        to be the hub. -->
   <meta name="hub-origin" content="{{hubOrigin}}">
-  <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
+  <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
@@ -249,7 +249,7 @@
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
-<script src="/builders/shell.js?v=2026-11-06-sidebar"></script>
+<script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- task 1004727: the ONE karma vote control every task/idea list renders -->

package/modules/hall-ui/public/project-settings.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Project settings — {{worldName}}</title>
   <meta name="description" content="The fundamentals of this project in one place — how tasks ship, how many tweak rounds a month, the stale timer, the category set, how credits are calculated, why credits are not equity, and whether a credit-weighted pool can pay out.">
-  <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
+  <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
@@ -77,7 +77,7 @@
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
-<script src="/builders/shell.js?v=2026-11-06-sidebar"></script>
+<script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/hall-kit.js"></script>

package/modules/hall-ui/public/roster.html

@@ -5,7 +5,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Builders — {{worldName}}</title>
   <meta name="description" content="Who builds on this project: the roster, ranked by work shipped, with rank, credits, karma and tokens — and, for a government seat, active claims and standing.">
-  <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
+  <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
@@ -59,7 +59,7 @@
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
-<script src="/builders/shell.js?v=2026-11-06-sidebar"></script>
+<script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- the branding pack's currency label, loaded BEFORE roster.js. -->

package/modules/hall-ui/public/settings.html

@@ -8,7 +8,7 @@
   <!-- the hub's origin, stamped server-side (task 1004259): the Profile and
        privacy row links to its account page. Empty on an instance with no hub. -->
   <meta name="hub-origin" content="{{hubOrigin}}">
-  <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
+  <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
@@ -394,7 +394,7 @@
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
-<script src="/builders/shell.js?v=2026-11-06-sidebar"></script>
+<script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
 <!-- shared component kit (window.OTBKit) — section rail (task 2166). -->

package/modules/hall-ui/public/shell.js

@@ -508,7 +508,7 @@
         // platform validated it as an https image address before it was pushed.
         (brand.theme && brand.theme.logo
           ? '<img class="brand-mark__logo" src="' + esc(brand.theme.logo) + '" alt="" width="24" height="24" decoding="async">'
-          : '<svg class="brand-mark__mark" viewBox="0 0 200 200" aria-hidden="true"><path class="mr" d="M137 31 A78 78 0 1 0 170 66" fill="none" stroke="#17181a" stroke-width="15" stroke-linecap="round"/><circle class="mp" cx="100" cy="100" r="55" fill="#17181a"/><circle cx="156" cy="46" r="12" fill="#fb9569"/></svg>') +
+          : '<svg class="brand-mark__mark" viewBox="0 0 200 200" aria-hidden="true"><use href="/modules/ui-design/public/brand/mark.svg#mark"/></svg>') +
         '<span class="brand-mark__name" id="brand-name"></span></a></div>' +
       '<nav class="app-sidebar__nav" aria-label="Primary">' + groups + '</nav>' +
       '<div class="app-sidebar__foot">' +

package/modules/hall-ui/public/speciality-tools.js

@@ -159,9 +159,9 @@
       ${guessed}
       ${was ? '<p class="prow__hint">You have this one on at the moment.</p>' : ''}
       <div class="speciality-actions skill-walk__actions">
-        ${i > 0 ? '<button type="button" class="pbtn pbtn--quiet" data-walk="back">Back</button>' : ''}
-        <button type="button" class="pbtn" data-walk="off" aria-pressed="${decided === false}">Leave it off</button>
-        <button type="button" class="pbtn" data-walk="on" aria-pressed="${decided === true}">Turn it on</button>
+        ${i > 0 ? '<button type="button" class="pbtn pbtn--quiet btn--sm" data-walk="back">Back</button>' : ''}
+        <button type="button" class="pbtn btn--sm" data-walk="off" aria-pressed="${decided === false}">Leave it off</button>
+        <button type="button" class="pbtn btn--sm" data-walk="on" aria-pressed="${decided === true}">Turn it on</button>
       </div>`;
   }
 
@@ -181,8 +181,8 @@
       </ul>
       ${gone.length ? `<p class="prow__hint">Also offered, but no longer on this project, so it cannot be turned on: ${gone.map((k) => `<code>${escapeHtml(k.name)}</code>`).join(', ')}.</p>` : ''}
       <div class="speciality-actions skill-walk__actions">
-        <button type="button" class="pbtn pbtn--quiet" data-walk="restart">Go through them again</button>
-        <button type="button" class="pbtn pbtn--save" data-walk="save" ${w.saving ? 'disabled' : ''}>Save my choices</button>
+        <button type="button" class="pbtn pbtn--quiet btn--sm" data-walk="restart">Go through them again</button>
+        <button type="button" class="pbtn pbtn--save btn--sm" data-walk="save" ${w.saving ? 'disabled' : ''}>Save my choices</button>
       </div>`;
   }
 
@@ -298,7 +298,7 @@
         <h4 class="speciality-create__h">What ${escapeHtml(s.name)} offers</h4>
         <div class="speciality-offer__choices">${state.offerChoices || '<p class="hall-loading hall-loading--inline" role="status">Loading this project’s skills…</p>'}</div>
         <div class="speciality-actions">
-          <button type="submit" class="btn" ${state.offerChoices ? '' : 'disabled'}>Save what it offers</button>
+          <button type="submit" class="btn btn--ghost btn--sm" ${state.offerChoices ? '' : 'disabled'}>Save what it offers</button>
         </div>
       </form>`;
   }
@@ -357,12 +357,12 @@
           </p>
         </div>
         <div class="prow__actions">
-          ${s.active && offered && !walking ? `<button type="button" class="btn btn--quiet" data-act="walk" data-id="${escapeHtml(String(s.id))}">Choose its skills</button>` : ''}
-          ${s.mine ? `<button type="button" class="btn btn--quiet" data-act="train" data-id="${escapeHtml(String(s.id))}">${open ? 'Close' : 'Train'}</button>` : ''}
-          ${s.mine ? `<button type="button" class="btn btn--quiet" data-act="offer" data-id="${escapeHtml(String(s.id))}" aria-expanded="${offering}">${offering ? 'Close' : 'Offered skills'}</button>` : ''}
+          ${s.active && offered && !walking ? `<button type="button" class="btn btn--ghost btn--sm" data-act="walk" data-id="${escapeHtml(String(s.id))}">Choose its skills</button>` : ''}
+          ${s.mine ? `<button type="button" class="btn btn--ghost btn--sm" data-act="train" data-id="${escapeHtml(String(s.id))}">${open ? 'Close' : 'Train'}</button>` : ''}
+          ${s.mine ? `<button type="button" class="btn btn--ghost btn--sm" data-act="offer" data-id="${escapeHtml(String(s.id))}" aria-expanded="${offering}">${offering ? 'Close' : 'Offered skills'}</button>` : ''}
           ${s.active
-            ? `<button type="button" class="btn btn--quiet" data-act="abandon" data-id="${escapeHtml(String(s.id))}">Stop using</button>`
-            : `<button type="button" class="btn" data-act="adopt" data-id="${escapeHtml(String(s.id))}" ${s.adoptable ? '' : 'disabled'}>Use this</button>`}
+            ? `<button type="button" class="btn btn--ghost btn--sm" data-act="abandon" data-id="${escapeHtml(String(s.id))}">Stop using</button>`
+            : `<button type="button" class="btn btn--ghost btn--sm" data-act="adopt" data-id="${escapeHtml(String(s.id))}" ${s.adoptable ? '' : 'disabled'}>Use this</button>`}
         </div>
         ${open ? trainHtml(s) : ''}
         ${offering ? offerFormHtml(s) : ''}
@@ -386,7 +386,7 @@
           <textarea name="body_md" rows="6" required placeholder="Paste or write it here."></textarea>
         </label>
         <div class="speciality-actions">
-          <button type="submit" class="btn">Add to what it knows</button>
+          <button type="submit" class="btn btn--ghost btn--sm">Add to what it knows</button>
         </div>
       </form>`;
   }
@@ -423,7 +423,7 @@
           ${contractHtml(s)}
         </div>
         <div class="prow__actions">
-          <button type="button" class="btn" data-act="adopt" data-id="${escapeHtml(String(s.id))}">Use this</button>
+          <button type="button" class="btn btn--ghost btn--sm" data-act="adopt" data-id="${escapeHtml(String(s.id))}">Use this</button>
         </div>
       </li>`;
   }
@@ -655,7 +655,7 @@
                   <div id="speciality-create-skills"><p class="hall-loading hall-loading--inline" role="status">Loading this project’s skills…</p></div>
                 </details>
                 <div class="speciality-actions">
-                  <button type="submit" class="btn">Create speciality</button>
+                  <button type="submit" class="btn btn--ghost btn--sm">Create speciality</button>
                 </div>
               `;
   }

package/modules/hall-ui/public/street.html

@@ -231,7 +231,7 @@
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
-<script src="/builders/shell.js?v=2026-11-06-sidebar"></script>
+<script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/gov-living.js?v=2026-10-09-positions1"></script>
 <script src="/builders/gov-feeds.js?v=2026-10-09-living3"></script>

package/modules/hall-ui/public/studio.html

@@ -9,7 +9,7 @@
   <meta name="viewport" content="width=device-width, initial-scale=1">
   <title>Studio — {{worldName}}</title>
   <meta name="description" content="The studio: the artist's lofi home in Tweak Mode. Resume the page you hold, take the next one, approve what was applied, and see how far each surface has come.">
-  <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
+  <link rel="icon" href="/modules/ui-design/public/brand/favicon.svg" type="image/svg+xml">
   <link rel="preconnect" href="https://fonts.googleapis.com">
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
@@ -225,7 +225,7 @@
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
 <script src="/builders/shell-trail.js?v=2026-11-05-numbers"></script>
 <script src="/builders/craft-mode.js?v=2026-11-05-goals"></script>
-<script src="/builders/shell.js?v=2026-11-06-sidebar"></script>
+<script src="/builders/shell.js?v=2026-11-07-brand-mark"></script>
 <script src="/builders/palette.js" defer></script>
 <!-- The kit, for its ONE renderer: the full-size ship-time visual figure
      (task 1003829), which the older reviews still show. -->