@bongos/core 1.24.78 → 1.24.80

package/modules/hall-ui/public/profile-roles.js

@@ -30,7 +30,7 @@
 (function () {
   'use strict';
 
-  const CRAFT_WORD = Object.freeze({ engineer: 'Engineer', artist: 'Artist', ideator: 'Ideator' });
+  const CRAFT_WORD = Object.freeze({ artisan: 'Artisan', artist: 'Artist' });
   const DASH = '—';
 
   function count(n) {
@@ -44,7 +44,7 @@
   // existed reads as the engineer it always rendered.
   function craftsOf(roles) {
     const shown = roles && Array.isArray(roles.shown) ? roles.shown.filter((c) => CRAFT_WORD[c]) : [];
-    return shown.length ? shown : ['engineer'];
+    return shown.length ? shown : ['artisan'];
   }
 
   function makeNum(fmt) {
@@ -78,39 +78,43 @@
     const main = crafts[0];
     const shipped = Number(d.shipped_count) || 0;
     const artist = (roles && roles.artist) || {};
-    const ideator = (roles && roles.ideator) || {};
+    const ideator = (roles && roles.artist) || {};
     const achievements = Array.isArray(d.achievements) ? d.achievements.length : 0;
     const credits = { n: num(count(Number(builder.total_credits))), w: cur, lead: true };
     const weekGain = (n) => (count(n) == null ? DASH : `+${fmt(n)}`);
 
     // The tally: the person's total, then the two numbers their main craft leads with.
     const LEAD = {
-      engineer: () => [{ n: num(shipped), w: plural(shipped, 'work shipped', 'works shipped') },
+      artisan: () => [{ n: num(shipped), w: plural(shipped, 'work shipped', 'works shipped') },
         { n: num(count(Number(builder.karma))), w: 'karma' }],
-      artist: () => [{ n: num(artist.pages_approved), w: plural(artist.pages_approved, 'page approved', 'pages approved') },
-        { n: weekGain(artist.this_week), w: 'this week' }],
-      ideator: () => [{ n: num(ideator.filed), w: plural(ideator.filed, 'thought filed', 'thoughts filed') },
-        { n: num(ideator.ignited), w: 'ignited' }],
+      // The artist craft holds the old ideator's work too (task 1005141), so its
+      // lead is one number from each half: pages approved, thoughts filed.
+      // An artist with ideas and no approved page leads with the ideas, so the
+      // first thing a visitor reads is never a zero that is not their work. (An
+      // UNKNOWN page count still leads with its dash: that is a fact about the instance.)
+      artist: () => (count(artist.pages_approved) === 0 && count(artist.filed) > 0
+        ? [{ n: num(artist.filed), w: plural(artist.filed, 'thought filed', 'thoughts filed') },
+          { n: num(artist.ignited), w: 'ignited' }]
+        : [{ n: num(artist.pages_approved), w: plural(artist.pages_approved, 'page approved', 'pages approved') },
+          { n: num(artist.filed), w: plural(artist.filed, 'thought filed', 'thoughts filed') }]),
     };
 
     // The main craft's full set of tiles.
     const surfacesWord = (n) => (count(n) == null ? '' : `${fmt(n)} ${plural(n, 'surface', 'surfaces')}`);
     const MAIN = {
-      engineer: () => [
+      artisan: () => [
         { n: num(shipped), w: plural(shipped, 'work shipped', 'works shipped') },
         { n: num(count(Number(builder.total_credits))), w: cur, f: 'all kinds, see below' },
         { n: num(count(Number(builder.karma))), w: 'karma' },
         { n: num(achievements), w: plural(achievements, 'achievement', 'achievements'), f: 'earned' },
       ],
-      artist: () => [
-        { n: num(artist.pages_approved), w: plural(artist.pages_approved, 'page approved', 'pages approved'), f: surfacesWord(artist.surfaces_touched) },
-        { n: num(artist.credits), w: `${cur} from pages` },
-        { n: weekGain(artist.this_week), w: 'this week' },
-      ],
-      ideator: () => {
+      artist: () => {
         const size = ideator.size || {};
         const ratified = count(ideator.ratified);
         return [
+          { n: num(artist.pages_approved), w: plural(artist.pages_approved, 'page approved', 'pages approved'), f: surfacesWord(artist.surfaces_touched) },
+          { n: weekGain(artist.this_week), w: 'this week' },
+          { n: num(artist.credits), w: cur, f: 'pages and ideas' },
           { n: num(ideator.filed), w: plural(ideator.filed, 'thought filed', 'thoughts filed') },
           { n: num(ideator.ignited), w: 'ignited', f: 'became work' },
           { n: num(ideator.full_ideas), w: plural(ideator.full_ideas, 'Full Idea', 'Full Ideas'), f: ratified == null ? '' : `${fmt(ratified)} ratified by the board` },
@@ -128,16 +132,16 @@
     // Each OTHER craft a person has earned in gets its one headline tile, after
     // the main craft's, in the order the server put them.
     const SECOND = {
-      engineer: () => ({ n: num(shipped), w: plural(shipped, 'work shipped', 'works shipped') }),
-      artist: () => ({ n: num(artist.pages_approved), w: plural(artist.pages_approved, 'page approved', 'pages approved'), f: surfacesWord(artist.surfaces_touched) }),
-      ideator: () => ({ n: num(ideator.filed), w: plural(ideator.filed, 'thought filed', 'thoughts filed'), f: count(ideator.ignited) == null ? '' : `${fmt(ideator.ignited)} ignited` }),
+      artisan: () => ({ n: num(shipped), w: plural(shipped, 'work shipped', 'works shipped') }),
+      artist: () => ({ n: num(artist.pages_approved), w: plural(artist.pages_approved, 'page approved', 'pages approved'),
+        f: count(artist.filed) == null ? surfacesWord(artist.surfaces_touched) : `${fmt(artist.filed)} ${plural(artist.filed, 'thought', 'thoughts')} filed` }),
     };
 
     const tiles = MAIN[main]().concat(crafts.slice(1).map((c) => SECOND[c]()));
     // Karma is on every profile (the owner, 2026-10-01, reviewing this build:
     // "karma for artists and ideators is definitely key"). The engineer's set
     // already carries it; every other main craft ends with it.
-    if (main !== 'engineer') tiles.push({ n: num(count(Number(builder.karma))), w: 'karma' });
+    if (main !== 'artisan') tiles.push({ n: num(count(Number(builder.karma))), w: 'karma' });
 
     // The artist leads with the studio's "N of M tweaked", one row per surface.
     const surfaces = main === 'artist' && Array.isArray(artist.surfaces)

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

@@ -223,7 +223,7 @@
    the day each thought was filed (the approved mock's .trail and .m-*). Size is
    a mark's diameter and brightness a star's opacity; the words are the sky's.
    A mark and its ledger row light together (.is-hot), the sky's rule. */
-#activity-ideator-panel {
+#activity-ideas-panel {
   --pt-soft: color-mix(in srgb, var(--ink) 52%, transparent);
   --pt-faint: color-mix(in srgb, var(--ink) 22%, transparent);
   --pt-cold: color-mix(in srgb, var(--ink) 8%, var(--bg-card));

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

@@ -14,7 +14,7 @@
   <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">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-10-options">
   <!-- The PANEL archetype (task 1003308) before the page's own sheet. -->
   <link rel="stylesheet" href="/builders/panel.css">
   <link rel="stylesheet" href="/builders/hall-ask.css">
@@ -57,9 +57,9 @@
             </section>
 
             <!-- By the numbers — led by the person's own craft (task 1004434):
-                 works shipped for an engineer, pages approved and the per-surface
+                 works shipped for an artisan, pages approved and the per-surface
                  "N of M tweaked" for an artist, thoughts, size and what is still
-                 alive for an ideator. profile-roles.js says what; profile.js draws. -->
+                 alive for an artist's ideas. profile-roles.js says what; profile.js draws. -->
             <section class="scroll" id="numbers-scroll" aria-labelledby="numbers-h" data-group="overview">
               <h2 id="numbers-h" class="scroll__h">By the numbers</h2>
               <div id="numbers-body">
@@ -142,7 +142,7 @@
                 <!-- One tab per role the person has (task 1004435): their main role
                      and every other role that has earned credits, as the header's
                      chips are. Each tab is its craft's own record. -->
-                <div id="activity-engineer-panel" hidden>
+                <div id="activity-artisan-panel" hidden>
                   <div id="activity-tasks-panel">
                     <h3 class="profile-act__h">Works completed</h3>
                     <div id="activity-tasks"></div>
@@ -154,22 +154,23 @@
                   </div>
                 </div>
 
-                <!-- The ideator's trail: the room's public trail (the sky's five
-                     states, size and brightness), every drawn thought also a row.
-                     It folds in the old "Ideas filed" list. -->
-                <div id="activity-ideator-panel" hidden>
-                  <p class="scroll__lede" id="trail-lede"></p>
-                  <div class="pt-trail" id="trail-figure"></div>
-                  <div id="trail-legend"></div>
-                  <div id="activity-ideas"></div>
-                  <p class="pt-foot" id="trail-foot" hidden></p>
-                </div>
-
                 <!-- The artist's approved pages, each with a small before/after. -->
                 <div id="activity-artist-panel" hidden>
                   <p class="scroll__lede" id="pages-lede"></p>
                   <ul class="pgs" id="activity-pages"></ul>
                   <div id="pages-more"></div>
+
+                  <!-- The artist's ideas: the ideator's trail before the two crafts
+                       folded (task 1005141) — the room's public trail (the sky's five
+                       states, size and brightness), every drawn thought also a row. -->
+                  <div id="activity-ideas-panel">
+                    <h3 class="profile-act__h">Ideas</h3>
+                    <p class="scroll__lede" id="trail-lede"></p>
+                    <div class="pt-trail" id="trail-figure"></div>
+                    <div id="trail-legend"></div>
+                    <div id="activity-ideas"></div>
+                    <p class="pt-foot" id="trail-foot" hidden></p>
+                  </div>
                 </div>
               </div>
             </section>
@@ -247,10 +248,10 @@
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-09-game-mode"></script>
+<script src="/builders/shell-game.js?v=2026-11-10-options"></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-09-game-mode"></script>
+<script src="/builders/craft-mode.js?v=2026-11-10-visor"></script>
+<script src="/builders/shell.js?v=2026-11-10-character"></script>
 <script src="/builders/hall-dialog.js"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>

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

@@ -338,13 +338,14 @@
   function xpCraftTiles(crafts) {
     if (!crafts || typeof crafts !== 'object') return '';
     const out = [];
+    // One artist block since the ideator folded in (task 1005141): its pages
+    // half, then its ideas half.
     const artist = crafts.artist;
-    if (artist && typeof artist === 'object') out.push(tile('Pages approved', xpCount(artist.pages_approved), 'as an artist'));
-    const ideator = crafts.ideator;
-    if (ideator && typeof ideator === 'object') {
-      out.push(tile('Thoughts filed', xpCount(ideator.filed), 'as an ideator'));
-      const ratified = Number.isInteger(ideator.ratified) ? `${fmtNum(ideator.ratified)} ratified by the board` : '';
-      out.push(tile('Full Ideas', xpCount(ideator.full_ideas), ratified));
+    if (artist && typeof artist === 'object') {
+      out.push(tile('Pages approved', xpCount(artist.pages_approved), 'as an artist'));
+      out.push(tile('Thoughts filed', xpCount(artist.filed), 'as an artist'));
+      const ratified = Number.isInteger(artist.ratified) ? `${fmtNum(artist.ratified)} ratified by the board` : '';
+      out.push(tile('Full Ideas', xpCount(artist.full_ideas), ratified));
     }
     return out.length ? `<div class="stat-row stat-row--craft">${out.join('')}</div>` : '';
   }
@@ -431,11 +432,11 @@
   // record, never "tasks that happen to carry its label":
   //   engineer  the works they completed and the goals they created, every
   //             craft of task included (most of the corpus is 'unclassified',
-  //             and a filter to 'engineer' would read as "you did less")
+  //             and a filter to 'artisan' would read as "you did less")
   //   artist    the pages they rewrote in Tweak Mode that were approved
   //   ideator   the room's public trail: every thought they filed, in the sky's
   //             five states, drawn and listed (the old idea trail, folded in)
-  const ROLE_TAB_WORD = { engineer: 'Engineer', artist: 'Artist', ideator: 'Ideator' };
+  const ROLE_TAB_WORD = { artisan: 'Artisan', artist: 'Artist' };
 
   // Every href below goes through BOTH encodings, and it needs both: the ids are
   // DB integers today, but encodeURIComponent leaves a literal `'` alone, so on
@@ -670,7 +671,7 @@
       },
     });
 
-    // ---- the ideator: the room's public trail (task 1004435) ----------------
+    // ---- the artist: the room's public trail (task 1004435) ----------------
     // ONE read of up to the route's cap, drawn whole and listed under the
     // drawing, so every mark has its row and every row its mark (the sky's
     // accessibility rule). The ledger pages that list in the browser; past the
@@ -692,7 +693,7 @@
       trailLoaded = true;
       const first = String(ownerName || 'This builder').split(' ')[0];
       const lede = $('#trail-lede');
-      if (lede) lede.textContent = crafts.thoughtsLede(first, mainRole === 'ideator');
+      if (lede) lede.textContent = crafts.thoughtsLede(first, mainRole === 'artist');
       try {
         const res = await api.request('GET', `${API}/inbox/by-builder/${encodeURIComponent(builderId)}?limit=${TRAIL_CAP}&offset=0`);
         if (!res.ok) throw new Error(`idea trail → ${res.status}`);
@@ -795,15 +796,16 @@
     // ---- the tabs ---------------------------------------------------------------
     // One panel per role tab, so makeTabs' own panel toggle does the showing; a
     // tab's record loads the first time it is opened.
-    const shownRoles = (roleTabs && roleTabs.length ? roleTabs : ['engineer']).filter((c) => ROLE_TAB_WORD[c]);
+    const shownRoles = (roleTabs && roleTabs.length ? roleTabs : ['artisan']).filter((c) => ROLE_TAB_WORD[c]);
     const loaded = new Set();
     function load(id) {
-      if (id === 'engineer') {
+      if (id === 'artisan') {
         [tasks, goals].forEach((l) => { if (l) { l.reset(); l.load(); } });
-      } else if (id === 'ideator') {
+      } else if (id === 'artist') {
+        // One tab since the ideator folded into the artist (task 1005141): the
+        // approved pages, then the ideas trail under them.
+        if (!loaded.has(id)) loadPages(false);
         loadTrail();
-      } else if (id === 'artist' && !loaded.has(id)) {
-        loadPages(false);
       }
       loaded.add(id);
     }
@@ -824,7 +826,7 @@
     const section = $('#activity-scroll');
     const placeholder = $('#activity-placeholder');
     if (!section) return;
-    const PANELS = ['activity-engineer-panel', 'activity-artist-panel', 'activity-ideator-panel'];
+    const PANELS = ['activity-artisan-panel', 'activity-artist-panel'];
     if (!signedIn) {
       // Owner decision (a), 2026-09-30: "no one should be able to open up the
       // hood of data without being signed in." The identity band, the tally and
@@ -964,9 +966,8 @@
       main: view.crafts[0].craft,
       roles: view.crafts.map((c) => c.craft),
       counts: {
-        engineer: Number(data.shipped_count) || 0,
+        artisan: Number(data.shipped_count) || 0,
         artist: r.artist && Number.isFinite(r.artist.pages_approved) ? r.artist.pages_approved : null,
-        ideator: r.ideator && Number.isFinite(r.ideator.filed) ? r.ideator.filed : null,
       },
     });
     // Connections (section 6, task 1002296) — a separate hub-only script that

package/modules/hall-ui/public/profile.states.json

@@ -110,8 +110,8 @@
         ]
       }
     },
-    "activity-ideator": {
-      "_": "The ideator's Activity tab (task 1004435): the room's public trail, every mark also a row. Fixtures builders__2002__profile + inbox__by-builder__2002.",
+    "activity-artist-ideas": {
+      "_": "The Artist tab of a builder whose artist work is ideas (task 1004435; one Artist tab since task 1005141): the room's public trail, every mark also a row. Fixtures builders__2002__profile + inbox__by-builder__2002.",
       "auth": true,
       "url": "/profile?id=2002#activity",
       "actions": [
@@ -164,8 +164,8 @@
         ]
       }
     },
-    "ideator": {
-      "_": "An ideator who has never shipped a task (task 1004434): thoughts filed, ignited, Full Ideas, total size with its historical-estimate mark, and what is still alive. Fixture builders__2002__profile. Since task 1004436 the earnings figure draws for them too, every credit from an idea stream, from builders__2002__earnings beside an empty builders__2002__activity.",
+    "artist-ideas": {
+      "_": "An artist with ideas and no approved page (task 1004434; the ideator folded into the artist in task 1005141): the header leads with thoughts filed, then ignited, Full Ideas, total size with its historical-estimate mark, and what is still alive. Fixture builders__2002__profile. Since task 1004436 the earnings figure draws for them too, every credit from an idea stream, from builders__2002__earnings beside an empty builders__2002__activity.",
       "auth": true,
       "url": "/profile?id=2002",
       "actions": [

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

@@ -8,7 +8,7 @@
   <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">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-10-options">
   <link rel="stylesheet" href="/builders/oversight.css">
   <link rel="stylesheet" href="/builders/project-settings.css?v=2026-11-02-outflow">
 </head>
@@ -75,10 +75,10 @@
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-09-game-mode"></script>
+<script src="/builders/shell-game.js?v=2026-11-10-options"></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-09-game-mode"></script>
+<script src="/builders/craft-mode.js?v=2026-11-10-visor"></script>
+<script src="/builders/shell.js?v=2026-11-10-character"></script>
 <script src="/builders/hall-dialog.js"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>

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

@@ -8,7 +8,7 @@
   <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">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-10-options">
   <!-- task 1003441: the identity cell (avatar, name, login). It was shared with
        the cross-project /people page until task 1003444 deleted it. -->
   <link rel="stylesheet" href="/builders/roster.css">
@@ -57,10 +57,10 @@
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page script runs. -->
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-09-game-mode"></script>
+<script src="/builders/shell-game.js?v=2026-11-10-options"></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-09-game-mode"></script>
+<script src="/builders/craft-mode.js?v=2026-11-10-visor"></script>
+<script src="/builders/shell.js?v=2026-11-10-character"></script>
 <script src="/builders/hall-dialog.js"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>

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

@@ -114,9 +114,9 @@
   // split. Owner decision (b): a column naming them AND the role toggle above,
   // which ranks by the credits earned in that craft. The figure a role ranks by
   // is in the row (ADR 0255: a public list is ordered only by what it publishes).
-  var CRAFTS = ['engineer', 'artist', 'ideator'];
-  var CRAFT_WORD = { engineer: 'Engineer', artist: 'Artist', ideator: 'Ideator' };
-  var ROLE_CHIPS = [['', 'Everyone'], ['engineer', 'Engineers'], ['artist', 'Artists'], ['ideator', 'Ideators']];
+  var CRAFTS = ['artisan', 'artist'];
+  var CRAFT_WORD = { artisan: 'Artisan', artist: 'Artist' };
+  var ROLE_CHIPS = [['', 'Everyone'], ['artisan', 'Artisans'], ['artist', 'Artists']];
   function shownOf(b) { return (b.roles && Array.isArray(b.roles.shown)) ? b.roles.shown : []; }
   function craftCredits(b, craft) {
     var by = b.roles && b.roles.credits_by_craft;

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

@@ -28,12 +28,31 @@
 .settings-groups[data-active="update"] > [data-group="update"],
 .settings-groups[data-active="extensions"] > [data-group="extensions"] { display: block; }
 .settings-groups > [data-group][hidden] { display: none !important; }
+/* A screen opened in the menu's frame (options-menu.js): one shows at a time. */
+.settings-groups > .opt-embed.opt-embed--on { display: block; }
 .settings-groups .scroll { margin: 0 0 var(--sp-sm); }
 .settings-groups .scroll__lede { font-size: 14.5px; }
 /* the rail's items at the mock's height: the shell's 28px rows are Standing's
    density, and a settings group is a destination, not a scroll-spy stop */
-#settings-rail .rail-link { min-height: 38px; padding: 0 14px; font-size: 14.5px; text-transform: none; border-radius: var(--radius-pill); }
-#settings-rail .rail-link--active::before { left: 0; top: 7px; bottom: 7px; }
+/* ---- the options menu rail (task 1005144, ADR 0401) ------------------------
+   A search box over a vertical list of groups. Sticky beside the open screen, so
+   the menu stays in reach while a long screen scrolls. */
+.opt-rail { position: sticky; top: 72px; display: flex; flex-direction: column; gap: 2px; max-height: calc(100vh - 96px); overflow-y: auto; }
+html[data-fullscreen="on"] .opt-rail { top: 24px; max-height: calc(100vh - 48px); }
+.opt-search { display: block; margin: 0 0 var(--sp-xs); }
+.opt-search input { width: 100%; min-height: 38px; padding: 0 14px; border-radius: var(--radius-pill); border: var(--line) solid var(--glass-edge); background: var(--glass); color: var(--ink); font: inherit; font-size: var(--ds-text-md); }
+.opt-search input:focus-visible { outline: 2px solid var(--accent); outline-offset: 1px; }
+.opt-head { margin: var(--sp-sm) 0 2px; padding: 0 14px; font-family: var(--label-face); font-size: var(--label-size); letter-spacing: var(--label-space); text-transform: var(--label-case); color: var(--ink-faint); }
+.opt-link { position: relative; display: flex; flex-direction: column; justify-content: center; min-height: 38px; padding: 4px 14px; border-radius: var(--radius-pill); color: var(--ink-soft); font-size: var(--ds-text-md); text-decoration: none; }
+.opt-link:hover { color: var(--ink); background: var(--glass); }
+.opt-link:focus-visible { outline: 2px solid var(--accent); outline-offset: -2px; }
+.opt-link--active { color: var(--ink); background: var(--glass); }
+.opt-link--active::before { content: ""; position: absolute; left: 0; top: 9px; bottom: 9px; width: 3px; border-radius: var(--radius-pill); background: var(--accent); }
+.opt-link__where { font-size: var(--ds-text-xs); color: var(--ink-faint); }
+.opt-none { margin: var(--sp-xs) 0; padding: 0 14px; font-size: var(--ds-text-sm-plus); color: var(--ink-soft); }
+/* The frame fills the column to the bottom of the window; the screen in it scrolls itself. */
+.opt-embed__frame { display: block; width: 100%; height: calc(100vh - 96px); min-height: 480px; border: 0; border-radius: var(--radius); background: transparent; }
+html[data-fullscreen="on"] .opt-embed__frame { height: calc(100vh - 48px); }
 
 /* the group head: the group's name in the display voice over a hairline, with
    its own address in the mono face beside it (a machine's word keeps its case) */
@@ -50,9 +69,10 @@
 .grp__eyebrow { font-family: var(--font-mono); font-size: 11px; letter-spacing: 0; text-transform: none; color: var(--ink-faint); }
 
 @media (max-width: 860px) {
-  /* Collapse to one column; the shared .section-rail ≤768px rules turn the
-     rail into a horizontal chip strip just under the top bar. */
+  /* Collapse to one column: the menu sits above the open screen, no longer sticky. */
   .settings-layout { grid-template-columns: minmax(0, 1fr); gap: var(--sp-md); }
+  .opt-rail { position: static; max-height: none; }
+  .opt-embed__frame { height: 80vh; }
 }
 @media (max-width: 520px) {
   .grp__head { flex-direction: column; align-items: flex-start; gap: 4px; }

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

@@ -3,15 +3,15 @@
 <head>
   <meta charset="utf-8">
   <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Settings — {{worldName}}</title>
-  <meta name="description" content="Your preferences — connections, access keys, and sounds.">
+  <title>Options — {{worldName}}</title>
+  <meta name="description" content="Every setting in one menu: your account, your agents, keys and sound, and the project's own settings, modules and permissions.">
   <!-- 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="/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">
+  <link rel="stylesheet" href="/builders/style.css?v=2026-11-10-options">
   <!-- The PANEL archetype (task 1003308): the row, the switch, the field, the
        chip control and the family's voices, shared with profile and pair.
        settings.css then holds only what this page
@@ -21,7 +21,7 @@
   <!-- task 1005094: the device cards and their Run button in Your Autobongos runner. -->
   <link rel="stylesheet" href="/builders/runner-button.css">
 </head>
-<body data-page="settings" data-page-title="Settings">
+<body data-page="settings" data-page-title="Options">
 
 <div class="app">
   <aside class="app-sidebar" id="app-sidebar" aria-label="Primary"></aside>
@@ -33,7 +33,7 @@
            room voice, because here the document is the page. The sub-line is
            settings.js's — "Your preferences, <name>." and the two failure states. -->
       <div class="page-head page-head--room page-head--panel">
-        <h1 id="settings-h1" class="page-head__h">settings</h1>
+        <h1 id="settings-h1" class="page-head__h">options</h1>
         <p class="page-head__sub" id="settings-sub">Loading your preferences…</p>
       </div>
 
@@ -47,13 +47,15 @@
           <div class="row-end"><a class="pbtn pbtn--save" href="/api/bongos/auth/web/start">Sign in</a></div>
         </section>
 
-        <!-- Grouped layout (task 1723 → kit, task 2172): the sections sit in six
-             groups behind a left sub-nav rail built by OTBKit.makeSectionRail
-             (switch mode). settings.js wires the rail + per-panel anchor deep
-             links (/settings#cli, /settings#art-key, …); only the active group's
-             sections display. -->
+        <!-- The ONE options menu (task 1005144, ADR 0401; before it task 1723 → 2172):
+             the rail is a search box over every setting, grouped. Settings' own
+             sections sit in groups here; the screens that used to be pages (My
+             agents, Project settings, Modules, Permissions, Market Watch) open in a
+             frame that options-menu.js appends to #settings-groups. Per-panel
+             anchors (/settings#cli, /settings#art-key, …) still land; only the
+             active group's sections display. -->
         <div class="settings-layout" id="settings-layout">
-          <nav class="section-rail" id="settings-rail" aria-label="Settings sections"></nav>
+          <nav class="opt-rail" id="settings-rail" aria-label="Options"></nav>
 
           <div class="settings-groups" id="settings-groups" data-active="account">
             <!-- task 1005043: the panel loader, until settings.js has read who is viewing (hideLayout). -->
@@ -403,10 +405,10 @@
 <!-- The app shell (sidebar + top bar). Dependency-free; loaded FIRST so the
      chrome exists before the page scripts run. -->
 <script src="/builders/dom-utils.js?v=2026-11-05-numbers"></script>
-<script src="/builders/shell-game.js?v=2026-11-09-game-mode"></script>
+<script src="/builders/shell-game.js?v=2026-11-10-options"></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-09-game-mode"></script>
+<script src="/builders/craft-mode.js?v=2026-11-10-visor"></script>
+<script src="/builders/shell.js?v=2026-11-10-character"></script>
 <script src="/builders/hall-dialog.js"></script>
 <!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
 <script src="/builders/palette.js" defer></script>
@@ -414,10 +416,12 @@
 <script src="/builders/hall-kit.js"></script>
 <!-- shared record overlay (#/idea|blocker/N) — every hall page carries it; this
      page was the one gap (task 2172). -->
-<script src="/builders/task-detail.js?v=2026-07-03-taskdetail"></script>
+<script src="/builders/task-detail.js?v=2026-11-10-options"></script>
 <!-- task 1005044: the old deep links to the agent settings that moved to My agents -->
 <script src="/builders/settings-moved.js?v=2026-11-03-moved"></script>
-<script src="/builders/settings.js?v=2026-11-03-moved"></script>
+<!-- task 1005144: the ONE options menu — the rail, its search, and the screens it opens in a frame. -->
+<script src="/builders/options-menu.js?v=2026-11-10-options"></script>
+<script src="/builders/settings.js?v=2026-11-10-options"></script>
 <!-- task 1003341: the Active sessions panel. Its own file rather than more of
      settings.js, which sits close to the 1500-line size ratchet. -->
 <script src="/builders/settings-sessions.js?v=2026-08-29-sessions"></script>
@@ -426,7 +430,7 @@
 <script src="/builders/settings-ai-keys.js?v=2026-10-28-ai-keys"></script>
 <!-- task 1004296: Settings → Software update. Own file on the same precedent. -->
 <!-- the Update pill's flow, which the panel's Update button runs in place (task 1005041) -->
-<script src="/builders/update-pill.js?v=2026-11-03-pill"></script>
+<script src="/builders/update-pill.js?v=2026-11-10-options"></script>
 <script src="/builders/settings-software-update.js?v=2026-11-03-pill"></script>
 <!-- task 1004501: Settings → Your Autobongos runner. Own file on the same precedent. -->
 <!-- task 1005094: what a device's Run button says (pure; loaded before the panel). -->