@bongos/core 1.24.27 → 1.24.29

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

@@ -1,6 +1,6 @@
 /* settings.css — what Settings has and the rest of the panel family does not
    (task 1003308, goal 1000081; the archetype is panel.css). The grouped layout
-   behind the section rail, the group head, the token ladder, the voices grid,
+   behind the section rail, the group head, the token ladder,
    the volume line and the image-key banner. Every colour is a `var()` of the
    world's tier; the one literal pair is the Discord mark, named below.
 
@@ -98,31 +98,7 @@
 .sessions-row__agent { display: inline; margin-left: 8px; }
 .sessions-row__when { display: block; }
 
-/* ---- Voices (per-skill model picker) ------------------------------------- */
-.voices-wrap { margin-top: var(--sp-sm); overflow-x: auto; }
-table.voices { width: 100%; border-collapse: collapse; text-align: left; font-size: 14px; color: var(--ink); }
-table.voices th, table.voices td {
-  padding: var(--sp-xs) var(--sp-xs) var(--sp-xs) 0;
-  vertical-align: middle;
-  border-top: var(--line) solid var(--rule-soft);
-}
-table.voices thead th {
-  padding-top: 0;
-  border-top: 0;
-  border-bottom: var(--line) solid var(--rule);
-  font-family: var(--label-face);
-  font-size: var(--label-size);
-  font-weight: 400;
-  letter-spacing: var(--label-space);
-  text-transform: var(--label-case);
-  color: var(--ink-faint);
-  white-space: nowrap;
-}
-.voices__skill { white-space: nowrap; }
-.voices__skill code { font-family: var(--font-mono); font-size: 12.5px; color: var(--ink-soft); }
-.voices__default { margin-left: 0; font-family: var(--font-body); font-size: 14px; letter-spacing: 0; text-transform: none; color: var(--ink-soft); }
-td.voices__choice { width: 1%; white-space: nowrap; }
-select.voices__select { min-width: 140px; }
+/* ---- empty and error lines (the per-skill voices table left with task 1005044) -- */
 .voices-empty, .craft-empty { padding: var(--sp-xs) 0; font-size: 13.5px; color: var(--ink-faint); }
 
 /* ---- Sounds: the volume line ------------------------------------------- */
@@ -157,138 +133,8 @@ select.voices__select { min-width: 140px; }
 .settings-btn--discord { background: #5865F2; border-color: #4853c4; color: #ffffff; }
 .settings-btn--discord:hover:not(:disabled) { background: #4853c4; border-color: #4853c4; color: #ffffff; }
 
-/* Specialities panel (task 1003855, ADR 0296). A speciality is a named bundle of
-   knowledge and terms under a craft; this styles the list, the train form and the
-   create form. Tokens only — no literal colours, so light/dark follow the page. */
-.speciality-craft {
-  font-size: 0.78rem;
-  text-transform: lowercase;
-  opacity: 0.72;
-  margin-left: 0.4rem;
-}
-.speciality-badge {
-  font-size: 0.7rem;
-  padding: 0.05rem 0.4rem;
-  border-radius: 0.5rem;
-  margin-left: 0.4rem;
-  border: 1px solid currentColor;
-}
-.speciality-counts { opacity: 0.82; }
-.speciality-card { flex-wrap: wrap; }
-.speciality-train,
-.speciality-create {
-  flex-basis: 100%;
-  margin-top: 0.75rem;
-  padding-top: 0.75rem;
-  border-top: 1px solid var(--rule, rgba(128, 128, 128, 0.25));
-  display: flex;
-  flex-direction: column;
-  gap: 0.6rem;
-}
-.speciality-create__h { margin: 0; font-size: 0.95rem; }
-.speciality-field { display: flex; flex-direction: column; gap: 0.25rem; }
-.speciality-field > span { font-size: 0.85rem; }
-.speciality-field small { display: block; opacity: 0.7; font-weight: normal; }
-.speciality-field input[type='text'],
-.speciality-field select,
-.speciality-field textarea {
-  width: 100%;
-  box-sizing: border-box;
-}
-/* The checkbox row reads as one sentence, so it runs inline rather than stacked. */
-.speciality-field--check { flex-direction: row; align-items: flex-start; gap: 0.5rem; }
-.speciality-field--check input { margin-top: 0.2rem; }
-.speciality-actions { display: flex; gap: 0.5rem; }
-/* What a speciality OFFERS (task 1004404): the owner's pick-list of this
-   instance's skills, each with its plain line. Sixty-odd rows, so the list
-   scrolls inside its own box rather than pushing the form's buttons off-screen;
-   the reading lines keep the measure. */
-.speciality-field input[type='search'] { width: 100%; box-sizing: border-box; }
-.speciality-offer,
-.speciality-offer-box { flex-basis: 100%; display: flex; flex-direction: column; gap: 0.6rem; }
-.speciality-offer { margin-top: 0.75rem; padding-top: 0.75rem; border-top: 1px solid var(--rule); }
-.speciality-offer > *, .speciality-offer-box > * { max-width: var(--measure); }
-.speciality-offer-box > summary { cursor: pointer; font-size: 0.85rem; min-height: 24px; padding-block: 2px; box-sizing: border-box; }
-.speciality-offer-box > summary small { opacity: 0.7; }
-.speciality-offer__choices, #speciality-create-skills { display: flex; flex-direction: column; gap: 0.6rem; }
-.speciality-offer__list {
-  list-style: none;
-  margin: 0;
-  padding: 0 0.25rem 0 0;
-  display: flex;
-  flex-direction: column;
-  gap: 0.5rem;
-  max-height: 24rem;
-  overflow-y: auto;
-  overflow-x: hidden;
-}
-.speciality-offer__list li[hidden] { display: none; }
-.speciality-offer__list strong { font-family: var(--font-mono); font-weight: 600; }
-.speciality-offer__list .speciality-field--check > span { font-size: 0.85rem; line-height: 1.45; }
-/* The adopted contract, shown in full before "Use this" — another builder's prose
-   reaching your sessions is the one thing here that must never be folded away. */
-.speciality-contract { flex-basis: 100%; margin-top: 0.5rem; font-size: 0.85rem; }
-/* 24px tall: the panel was never revealed until task 1004073, so the kit had
-   never measured this toggle; it came back 21px. */
-.speciality-contract > summary { cursor: pointer; opacity: 0.85; min-height: 24px; padding-block: 2px; box-sizing: border-box; }
-.speciality-contract__body {
-  white-space: pre-wrap;
-  margin: 0.4rem 0 0;
-  padding: 0.5rem 0.65rem;
-  border-left: 2px solid var(--rule, rgba(128, 128, 128, 0.35));
-  border-radius: 0;
-  font-family: inherit;
-  opacity: 0.92;
-}
-/* The skills walkthrough (task 1004073, ADR 0310 §3): one offered skill at a
-   time, three answers as a definition list, then a decision. It sits inside the
-   card like the train form, so it inherits the card's ground in both modes. */
-.skill-walk {
-  flex-basis: 100%;
-  margin-top: 0.75rem;
-  padding-top: 0.75rem;
-  border-top: 1px solid var(--rule);
-  display: flex;
-  flex-direction: column;
-  gap: 0.6rem;
-}
-/* The measure caps the reading lines, never the section: a capped flex-basis
-   lets the section fit beside the card's actions instead of wrapping under them. */
-.skill-walk > * { max-width: var(--measure); }
-.skill-walk__progress { margin: 0; font-size: 0.8rem; color: var(--ink-soft); }
-.skill-walk__name { margin: 0; font-family: var(--font-mono); font-size: 1rem; color: var(--ink); }
-.skill-walk__facts { margin: 0; display: grid; gap: 0.2rem 0; }
-.skill-walk__facts dt { font-size: 0.8rem; color: var(--ink-soft); margin-top: 0.4rem; }
-.skill-walk__facts dt:first-child { margin-top: 0; }
-.skill-walk__facts dd { margin: 0; color: var(--ink); line-height: 1.5; }
-.skill-walk__note { font-size: 0.8rem; }
-/* "Leave it off" and "Turn it on" are the panel family's plain pill at EQUAL
-   weight: the default is off, so the page must not lean on the reader toward on.
-   Only "Save my choices" takes the accent. A decision already made reads through
-   aria-pressed when the person steps Back to it. */
-.skill-walk__actions { flex-wrap: wrap; }
-.skill-walk__actions .pbtn[aria-pressed="true"] { border-color: var(--ink-soft); }
-.skill-walk__recap { list-style: none; margin: 0; padding: 0; display: flex; flex-direction: column; gap: 0.5rem; }
-.skill-walk__recap li { display: flex; flex-wrap: wrap; align-items: baseline; gap: 0 0.4rem; }
-.skill-walk__recap .prow__hint { flex-basis: 100%; margin: 0; }
-.skill-walk__recap strong { font-family: var(--font-mono); font-weight: 600; }
-/* "Finish later" is a way out, not a choice about a skill, so it reads as a quiet
-   link below the decision rather than a third button beside it. */
-.skill-walk__later {
-  align-self: flex-start;
-  background: none;
-  border: 0;
-  padding: 0 0.25rem;
-  margin-inline-start: -0.25rem;
-  min-height: 24px;
-  font: inherit;
-  font-size: 0.8rem;
-  color: var(--ink-soft);
-  text-decoration: underline;
-  text-underline-offset: 3px;
-  cursor: pointer;
-}
-.skill-walk__later:hover { color: var(--ink); }
+/* The specialities panel's rules moved to speciality-tools.css (task 1005052);
+   only My agents links it since task 1005044. */
 
 /* ---- Software update (task 1004296) -------------------------------------- */
 /* A version is read digit by digit and compared against another, so it takes the mono

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

@@ -4,7 +4,7 @@
   <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, skill voices, and sounds.">
+  <meta name="description" content="Your preferences — connections, access keys, and sounds.">
   <!-- 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}}">
@@ -48,7 +48,7 @@
         <!-- 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#voices, …); only the active group's
+             links (/settings#cli, /settings#art-key, …); 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>
@@ -269,128 +269,19 @@
 
             <!-- ============ group: preferences ============ -->
 
-            <!-- INTERACTION PROFILE — how replies are pitched for you (task 2010,
-                 delivered in task 1002514). GET/PATCH /api/bongos/me/interaction.
-                 Several independent fields, each its own single-select; the resolved
-                 contract is injected into every session by the conductor hook. No
-                 rank gate — this is ergonomics, not authority. -->
-            <section class="scroll" id="interaction-scroll" aria-labelledby="interaction-h" data-group="preferences" hidden>
-              <h2 id="interaction-h" class="scroll__h">How Claude talks to you</h2>
+            <!-- AGENT SETTINGS MOVED (task 1005044) — How Claude talks to you, your
+                 specialities, Wandering and Rendering were edited here AND on My agents,
+                 on the same routes. They live on My agents only now; this line is where
+                 they were. Old deep links (#interaction, #wandering, #rendering, …) are
+                 sent there by settings-moved.js. -->
+            <section class="scroll" id="agents-moved-preferences" aria-labelledby="agents-moved-preferences-h" data-group="preferences">
+              <h2 id="agents-moved-preferences-h" class="scroll__h">Your agents</h2>
               <p class="scroll__lede">
-                How replies are pitched for you — the vocabulary assumed, how much
-                hand-holding local tooling gets, how long an answer runs, and how much
-                of the work behind it is narrated. These reach every session you start.
-                The defaults assume no software-engineering background; change any of
-                them and the rest stay as they are.
+                How Claude talks to you, wandering, session cards and your specialities are
+                set on <a href="/my-agents#talk">My agents</a>.
               </p>
-              <div class="prows" id="interaction-rows"></div>
-              <p class="settings-status" id="interaction-status" role="status" aria-live="polite"></p>
             </section>
 
-            <!-- SPECIALITIES — a named bundle of knowledge + terms UNDER a craft
-                 (task 1003855, ADR 0296). GET/POST /api/bongos/specialities,
-                 POST /specialities/:id/{adopt,abandon,documents}. No rank gate:
-                 a speciality is how an expert's knowledge enters the platform,
-                 and gating that by rank would mean only trusted builders could
-                 be experts. -->
-            <section class="scroll" id="specialities-scroll" aria-labelledby="specialities-h" data-group="preferences" hidden>
-              <h2 id="specialities-h" class="scroll__h">Your specialities</h2>
-              <p class="scroll__lede">
-                A role says how you work. A speciality says what you work on — and how you,
-                as someone who knows the subject, want to be engaged inside it. Whichever one
-                you are using reaches every session where you hold a claim in that role.
-                Train it by adding things you have written; it also picks things up on its own
-                as you work.
-              </p>
-              <div id="speciality-suggestions"></div>
-              <ul class="prows" id="specialities-rows"></ul>
-
-              <form id="speciality-create" class="speciality-create">
-                <h3 class="speciality-create__h">Create one</h3>
-                <label class="speciality-field">
-                  <span>Name</span>
-                  <input type="text" name="name" maxlength="80" required placeholder="Economics" />
-                </label>
-                <label class="speciality-field">
-                  <span>Role it sits under</span>
-                  <select name="discipline" required>
-                    <option value="">Pick one…</option>
-                    <option value="engineer">Engineer</option>
-                    <option value="ideator">Ideator</option>
-                    <option value="artist">Artist</option>
-                    <option value="ui">UI design</option>
-                  </select>
-                </label>
-                <label class="speciality-field">
-                  <span>Summary <small>(optional)</small></span>
-                  <input type="text" name="summary" maxlength="500" placeholder="Markets, incentives, and how to price them." />
-                </label>
-                <label class="speciality-field">
-                  <span>How Claude should engage you in it <small>(optional)</small></span>
-                  <textarea name="contract_md" rows="4" maxlength="4000" placeholder="Argue from mechanism, not vibes. Always name the assumption a number rests on."></textarea>
-                </label>
-                <label class="speciality-field">
-                  <span>Who can use it</span>
-                  <select name="visibility">
-                    <option value="private">Only me</option>
-                    <option value="project">Anyone in the owning project</option>
-                    <option value="public">Anyone on this instance</option>
-                  </select>
-                </label>
-                <label class="speciality-field speciality-field--check">
-                  <input type="checkbox" name="sellable" />
-                  <span>
-                    May be offered for sale later
-                    <small>Records your decision only — there is no marketplace yet, and nothing is listed anywhere.</small>
-                  </span>
-                </label>
-                <details id="speciality-create-offer" class="speciality-offer-box">
-                  <summary>Skills it offers <small>(optional)</small></summary>
-                  <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>
-                </div>
-              </form>
-
-              <p class="settings-status" id="specialities-status" role="status" aria-live="polite"></p>
-            </section>
-
-            <!-- WANDERING — how readily the agent opens off-task threads (task 1268).
-                 GET/PATCH /api/bongos/me/wandering. Rank sets the default + ceiling; the
-                 server clamps, so options above the rank cap render disabled. -->
-            <section class="scroll" id="wandering-scroll" aria-labelledby="wandering-h" data-group="preferences" hidden>
-              <h2 id="wandering-h" class="scroll__h">Wandering</h2>
-              <p class="scroll__lede">
-                How readily Claude opens a <em>new thread</em> of work — a tangent, an
-                investigation, an unprompted suggestion — instead of staying on your
-                claimed task. It never limits the work on the task itself. Your rank
-                sets the starting point; newcomers stay locked low.
-              </p>
-              <div class="prows" id="wander-rows" role="radiogroup" aria-labelledby="wandering-h"></div>
-              <p class="settings-status" id="wandering-status" role="status" aria-live="polite"></p>
-              <p class="section-note" id="wandering-note"></p>
-            </section>
-
-            <!-- RENDERING — how rich the session cards are (task 1279's toggle,
-                 a four-rung ladder since task 1002518). GET/PATCH
-                 /api/bongos/me/render; the rows are written by
-                 settings-render.js, not settings.js. The default rung is DERIVED
-                 from the builder's interaction profile, which is why the lede
-                 points at that panel rather than describing a fixed default. -->
-            <section class="scroll" id="render-scroll" aria-labelledby="render-h" data-group="preferences" hidden>
-              <h2 id="render-h" class="scroll__h">Rendering</h2>
-              <p class="scroll__lede">
-                How much your session cards — what <code>/builder-start</code>, claiming,
-                and shipping show — spend on explaining themselves. Richer cards say more
-                and cost more tokens; leaner ones carry the same facts for less. By default
-                this follows how Claude talks to you, so you can set it once in
-                <a href="#interaction">How Claude talks to you</a> and leave this alone.
-              </p>
-              <div class="sound-rows" id="render-rows"></div>
-              <p class="settings-status" id="render-status" role="status" aria-live="polite"></p>
-              <p class="section-note">Saves the moment you choose; applies from your next session.</p>
-            </section>
 
             <!-- MODULE INSTALL REPORTS — the opt-out for counting your store-module
                  installs in a module's Install and Reliability scores (task 1003793,
@@ -410,24 +301,13 @@
 
             <!-- ============ group: sound ============ -->
 
-            <!-- VOICES — per-skill model picker (GET/PATCH /me/skill-prefs). -->
-            <section class="scroll voices-scroll" id="voices-scroll" aria-labelledby="voices-h" data-group="sound" hidden>
-              <h2 id="voices-h" class="scroll__h">Skill voices</h2>
+            <!-- SKILL VOICES MOVED (task 1005044) — the per-skill model picker lives on
+                 My agents only now (Which models run → Per skill). -->
+            <section class="scroll" id="agents-moved-sound" aria-labelledby="agents-moved-sound-h" data-group="sound">
+              <h2 id="agents-moved-sound-h" class="scroll__h">Skill voices</h2>
               <p class="scroll__lede">
-                Each slash-command can run on a different model. The system has a
-                default for every skill; choose another to override it, or leave it
-                on Default.
+                Which model each skill runs on is set on <a href="/my-agents#skills">My agents</a>.
               </p>
-              <div class="voices-wrap">
-                <table class="voices" id="voices-table">
-                  <thead>
-                    <tr><th scope="col">Skill</th><th scope="col">Default</th><th scope="col">Your choice</th></tr>
-                  </thead>
-                  <tbody id="voices-body"></tbody>
-                </table>
-              </div>
-              <p class="settings-status" id="voices-status" role="status" aria-live="polite"></p>
-              <p class="section-note">Changes save the moment you pick. “Default” clears your override and falls back to the system's choice.</p>
             </section>
 
             <!-- SOUNDS OFF — every notification sound is switched off for now (task 1004554);
@@ -522,23 +402,15 @@
 <!-- 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/settings-law-locks.js?v=2026-10-17-laws"></script>
-<script src="/builders/settings.js?v=2026-10-17-laws"></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 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>
 <script src="/builders/settings-passkeys.js?v=2026-10-15-passkeys"></script>
 <script src="/builders/settings-age.js?v=2026-10-30-age"></script>
 <script src="/builders/settings-ai-keys.js?v=2026-10-28-ai-keys"></script>
-<!-- task 1002514: the interaction-profile panel ("How Claude talks to you"), on
-     the same precedent and for the same reason — settings.js is against the
-     1500-line ratchet, and this panel shares nothing with the rest of the page. -->
-<script src="/builders/settings-interaction.js?v=2026-10-17-laws"></script>
-<script src="/builders/settings-specialities.js?v=2026-09-17-specialities"></script>
-<!-- task 1002518: the card-richness ladder. Own file on the same precedent —
-     the panel grew from one switch to a rung picker with a derived default, and
-     settings.js is against the 1500-line ratchet. -->
-<script src="/builders/settings-render.js?v=2026-09-16-render-levels"></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>