@bongos/core 1.18.3 → 1.18.18

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

@@ -59,6 +59,12 @@
           <div class="view-zone" id="zone-home-main"></div>
         </section>
 
+        <!-- Standing (task 2174): the Profile band mounts straight into
+             #zone-standing; every other Standing widget declares a `group` and
+             lands in one of the four #standing-* rail sections builders.js
+             creates below it. The old #view-achievements hash view retired into
+             the Achievements group — shell.js aliases #achievements to it so
+             existing links keep working. -->
         <section class="view" id="view-standing" data-view-title="Standing" hidden>
           <div class="standing-layout">
             <nav class="section-rail" id="standing-rail" aria-label="Standing sections" hidden></nav>
@@ -66,10 +72,6 @@
           </div>
         </section>
 
-        <section class="view" id="view-achievements" data-view-title="Achievements" hidden>
-          <div class="view-zone" id="zone-achievements"></div>
-        </section>
-
         <section class="view" id="view-leaderboard" data-view-title="Leaderboard" hidden>
           <div class="view-zone" id="zone-leaderboard"></div>
         </section>
@@ -95,9 +97,14 @@
 <!-- The app shell (sidebar + top bar + view router). Dependency-free; loaded
      BEFORE builders.js so the chrome ids exist when events are wired. -->
 <script src="/builders/shell.js?v=2026-07-02-shell1" defer></script>
+<!-- jump palette (Ctrl/Cmd-K). Optional by design: without it the shell's slot stays hidden. -->
+<script src="/builders/palette.js" defer></script>
 <!-- #807: shared dev-box management panel — loaded BEFORE builders.js so the
      OTBBoxPanel global is defined when the welcome panel mounts it. -->
 <script src="/builders/box-panel.js?v=2026-06-14-domutils" defer></script>
+<!-- task 2166: the shared component kit (window.OTBKit) — pager/ledger/rail.
+     Loaded BEFORE hall-widgets.js, whose skeletons call OTBKit.pagerBarHtml(). -->
+<script src="/builders/hall-kit.js" defer></script>
 <!-- BV1.R75: the CORE hall widgets register into window.OTB's hall-widget registry.
      Loaded BEFORE builders.js so the registry is populated when builders.js stamps
      the registered <section>s into the views. A module's own hall-widget client

package/modules/hall-ui/public/instances-panel.js

@@ -185,9 +185,12 @@
     load();
   }
 
+  // summary: true (task 2177) — a module-contributed home-main card must be
+  // row-capped with no pager/filter. This one lists the builder's instances and
+  // links out to the full surface, which is exactly the summary shape.
   window.OTB.contributeHallWidget({
     id: 'instances-scroll', label: 'Projects', order: 33,
-    module: 'provisioning', view: 'home', zone: 'home-main',
+    module: 'provisioning', view: 'home', zone: 'home-main', summary: true,
     labelledby: 'instances-h', mount,
   });
 })();

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

@@ -0,0 +1,63 @@
+/* modules.css — Page-local styles for the Modules page.
+   Lifted verbatim out of the page's inline <style> block (task 1002176);
+   the ?v= cache-bust is stamped automatically from this file's content hash
+   at boot (src/asset-version.js). */
+
+/* Page-local styles for Modules, layered on the shared design tokens
+   (style.css) — same pattern as settings.html's page-local block. */
+.mod-grid {
+  display: grid;
+  grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
+  gap: 14px;
+  margin-top: 10px;
+}
+.mod-card {
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm);
+  background: var(--surface);
+  padding: 14px 16px;
+}
+.mod-card__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
+.mod-card__title { font-weight: 650; font-size: 14.5px; color: var(--ink); }
+.mod-card__key { font-size: 12px; color: var(--ink-faint); font-family: ui-monospace, "SF Mono", Menlo, monospace; }
+.mod-card__desc { font-size: 13px; color: var(--ink-soft); margin: 8px 0; }
+.mod-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
+.mod-chip {
+  font-size: 11.5px;
+  color: var(--ink-soft);
+  background: var(--surface-2);
+  border: 1px solid var(--border);
+  border-radius: 999px;
+  padding: 3px 10px;
+}
+.mod-chip--core { color: var(--info); border-color: color-mix(in srgb, var(--info) 45%, var(--border)); }
+.mod-chip--own { color: var(--accent-text); border-color: color-mix(in srgb, var(--accent) 45%, var(--border)); }
+.mod-card__actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; }
+button.mod-toggle {
+  font-family: var(--font-body);
+  font-size: 12.5px;
+  font-weight: 600;
+  padding: 5px 16px;
+  min-width: 78px;
+  border-radius: 999px;
+  border: 1px solid var(--border-strong);
+  background: var(--surface);
+  color: var(--ink-soft);
+  cursor: pointer;
+}
+button.mod-toggle[data-on="1"] { background: var(--accent); border-color: var(--accent); color: #fff; }
+button.mod-toggle:disabled { opacity: 0.5; cursor: default; }
+button.mod-submit {
+  font-family: var(--font-body);
+  font-size: 12px;
+  font-weight: 600;
+  padding: 5px 12px;
+  border-radius: var(--radius-sm);
+  border: 1px solid var(--border-strong);
+  background: transparent;
+  color: var(--ink-soft);
+  cursor: pointer;
+}
+button.mod-submit:disabled { opacity: 0.45; cursor: not-allowed; }
+.mod-empty { color: var(--ink-faint); font-style: italic; font-size: 13px; padding: 10px 0; }
+.mod-note { font-size: 12px; color: var(--ink-faint); margin-top: 4px; }

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

@@ -10,66 +10,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
-  <style>
-    /* Page-local styles for Modules, layered on the shared design tokens
-       (style.css) — same pattern as settings.html's page-local block. */
-    .mod-grid {
-      display: grid;
-      grid-template-columns: repeat(auto-fill, minmax(280px, 1fr));
-      gap: 14px;
-      margin-top: 10px;
-    }
-    .mod-card {
-      border: 1px solid var(--border);
-      border-radius: var(--radius-sm);
-      background: var(--surface);
-      padding: 14px 16px;
-    }
-    .mod-card__head { display: flex; align-items: center; justify-content: space-between; gap: 10px; }
-    .mod-card__title { font-weight: 650; font-size: 14.5px; color: var(--ink); }
-    .mod-card__key { font-size: 12px; color: var(--ink-faint); font-family: ui-monospace, "SF Mono", Menlo, monospace; }
-    .mod-card__desc { font-size: 13px; color: var(--ink-soft); margin: 8px 0; }
-    .mod-chips { display: flex; flex-wrap: wrap; gap: 6px; margin: 8px 0; }
-    .mod-chip {
-      font-size: 11.5px;
-      color: var(--ink-soft);
-      background: var(--surface-2);
-      border: 1px solid var(--border);
-      border-radius: 999px;
-      padding: 3px 10px;
-    }
-    .mod-chip--core { color: var(--info); border-color: color-mix(in srgb, var(--info) 45%, var(--border)); }
-    .mod-chip--own { color: var(--accent-text); border-color: color-mix(in srgb, var(--accent) 45%, var(--border)); }
-    .mod-card__actions { display: flex; align-items: center; justify-content: space-between; gap: 10px; margin-top: 10px; }
-    button.mod-toggle {
-      font-family: var(--font-body);
-      font-size: 12.5px;
-      font-weight: 600;
-      padding: 5px 16px;
-      min-width: 78px;
-      border-radius: 999px;
-      border: 1px solid var(--border-strong);
-      background: var(--surface);
-      color: var(--ink-soft);
-      cursor: pointer;
-    }
-    button.mod-toggle[data-on="1"] { background: var(--accent); border-color: var(--accent); color: #fff; }
-    button.mod-toggle:disabled { opacity: 0.5; cursor: default; }
-    button.mod-submit {
-      font-family: var(--font-body);
-      font-size: 12px;
-      font-weight: 600;
-      padding: 5px 12px;
-      border-radius: var(--radius-sm);
-      border: 1px solid var(--border-strong);
-      background: transparent;
-      color: var(--ink-soft);
-      cursor: pointer;
-    }
-    button.mod-submit:disabled { opacity: 0.45; cursor: not-allowed; }
-    .mod-empty { color: var(--ink-faint); font-style: italic; font-size: 13px; padding: 10px 0; }
-    .mod-note { font-size: 12px; color: var(--ink-faint); margin-top: 4px; }
-  </style>
+  <link rel="stylesheet" href="/builders/modules.css">
 </head>
 <body data-page="modules" data-page-title="Modules">
 
@@ -113,6 +54,8 @@
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
 <script src="/builders/shell.js?v=2026-07-02-shell1"></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/dom-utils.js?v=2026-06-23-contrib"></script>
 <script src="/builders/modules.js?v=2026-07-03-modtab"></script>
 </body>

package/modules/hall-ui/public/new-project-wizard.js

@@ -1,4 +1,4 @@
-// new-project-wizard.js — the "Start a project" hall widget (provisioning module,
+// new-project-wizard.js — the "Start a project" flow (provisioning module,
 // ADR 0111 / BONGOS-V1 goal 35, task 1983).
 //
 // The most ACCESSIBLE form of the canonical onboarding runbook (the /new-project skill,
@@ -9,8 +9,12 @@
 // four irreducibly-human steps UI-first (create the repo, the OAuth app + secret, first
 // sign-in) with the exact pinned values, and points at the Instances panel for status.
 //
-// GATED on the provisioning module (module:'provisioning'), like instances-panel.js —
-// contributeHallWidget drops it entirely when the module is off (ADR 0062 §4).
+// NOT a hall widget — it registers nothing with contributeHallWidget and owns no
+// zone. It exposes window.OTBNewProject, which instances-panel.js's header button
+// opens as a modal; that panel carries the provisioning gate + the home-main budget
+// for both. (Correcting a stale header, task 2177: this file used to describe itself
+// as a registered widget, which is why the "wizard" in that task's acceptance list
+// could not be found in the registry.)
 (function () {
   'use strict';
   if (!window.OTB || typeof window.OTB.contributeHallWidget !== 'function') return;

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

@@ -44,5 +44,7 @@
 <div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
 
 <script src="/builders/shell.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>
 </body>
 </html>

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

@@ -0,0 +1,73 @@
+/* pair.css — Page-local styles for the dev-box Pair page.
+   Lifted verbatim out of the page's inline <style> block (task 1002176);
+   the ?v= cache-bust is stamped automatically from this file's content hash
+   at boot (src/asset-version.js). */
+
+/* Page-local styles for the pairing approve page (#904) — built on the
+   shared design-system tokens in style.css. */
+#pair-scroll { max-width: 640px; }
+
+.pair-device {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  background: var(--surface-2);
+  border: 1px solid var(--border);
+  border-radius: var(--radius-sm);
+  padding: 14px 16px;
+  margin: 14px 0 18px;
+}
+.pair-device__glyph {
+  font-size: 1.7rem;
+  line-height: 1;
+}
+.pair-device__name {
+  font-family: var(--font-display);
+  font-size: 14px;
+  font-weight: 600;
+  color: var(--ink);
+}
+.pair-device__meta {
+  font-family: var(--font-body);
+  font-size: 13px;
+  color: var(--ink-soft);
+}
+.pair-code {
+  font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
+  font-size: 12.5px;
+  letter-spacing: 0.08em;
+  color: var(--ink-soft);
+}
+.pair-actions {
+  display: flex;
+  align-items: center;
+  gap: 14px;
+  flex-wrap: wrap;
+}
+.pair-approve {
+  font-family: var(--font-body);
+  font-size: 13.5px;
+  font-weight: 600;
+  padding: 10px 22px;
+  background: var(--accent);
+  color: #fff;
+  border: 1px solid var(--accent);
+  border-radius: var(--radius-sm);
+  cursor: pointer;
+}
+.pair-approve:hover:not(:disabled) { background: var(--accent-deep); border-color: var(--accent-deep); }
+.pair-approve:disabled { opacity: 0.55; cursor: default; }
+.pair-status {
+  font-family: var(--font-body);
+  font-size: 13.5px;
+  color: var(--ink-soft);
+  min-height: 1.2em;
+}
+.pair-status--ok { color: var(--ok); font-weight: 600; }
+.pair-status--err { color: var(--danger); }
+.pair-note {
+  font-family: var(--font-body);
+  font-size: 13px;
+  color: var(--ink-faint);
+  margin-top: 16px;
+}

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

@@ -10,76 +10,7 @@
   <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
   <link href="https://fonts.googleapis.com/css2?family=Inter:wght@400;500;600;700&display=swap" rel="stylesheet">
   <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
-  <style>
-    /* Page-local styles for the pairing approve page (#904) — built on the
-       shared design-system tokens in style.css. */
-    #pair-scroll { max-width: 640px; }
-
-    .pair-device {
-      display: flex;
-      align-items: center;
-      gap: 14px;
-      background: var(--surface-2);
-      border: 1px solid var(--border);
-      border-radius: var(--radius-sm);
-      padding: 14px 16px;
-      margin: 14px 0 18px;
-    }
-    .pair-device__glyph {
-      font-size: 1.7rem;
-      line-height: 1;
-    }
-    .pair-device__name {
-      font-family: var(--font-display);
-      font-size: 14px;
-      font-weight: 600;
-      color: var(--ink);
-    }
-    .pair-device__meta {
-      font-family: var(--font-body);
-      font-size: 13px;
-      color: var(--ink-soft);
-    }
-    .pair-code {
-      font-family: ui-monospace, SFMono-Regular, Menlo, Consolas, monospace;
-      font-size: 12.5px;
-      letter-spacing: 0.08em;
-      color: var(--ink-soft);
-    }
-    .pair-actions {
-      display: flex;
-      align-items: center;
-      gap: 14px;
-      flex-wrap: wrap;
-    }
-    .pair-approve {
-      font-family: var(--font-body);
-      font-size: 13.5px;
-      font-weight: 600;
-      padding: 10px 22px;
-      background: var(--accent);
-      color: #fff;
-      border: 1px solid var(--accent);
-      border-radius: var(--radius-sm);
-      cursor: pointer;
-    }
-    .pair-approve:hover:not(:disabled) { background: var(--accent-deep); border-color: var(--accent-deep); }
-    .pair-approve:disabled { opacity: 0.55; cursor: default; }
-    .pair-status {
-      font-family: var(--font-body);
-      font-size: 13.5px;
-      color: var(--ink-soft);
-      min-height: 1.2em;
-    }
-    .pair-status--ok { color: var(--ok); font-weight: 600; }
-    .pair-status--err { color: var(--danger); }
-    .pair-note {
-      font-family: var(--font-body);
-      font-size: 13px;
-      color: var(--ink-faint);
-      margin-top: 16px;
-    }
-  </style>
+  <link rel="stylesheet" href="/builders/pair.css">
 </head>
 <body data-page="pair" data-page-title="Device pairing">
 
@@ -112,6 +43,8 @@
 
 <!-- App shell (sidebar/topbar/footer) — dependency-free, loads FIRST. -->
 <script src="/builders/shell.js?v=2026-07-02-shell1"></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 frontend toolkit (window.OTB) — loaded before pair.js, which pulls from it. -->
 <script src="/builders/dom-utils.js?v=2026-06-14-domutils"></script>
 <script src="/builders/pair.js?v=2026-06-14-domutils"></script>