@bongos/core 1.18.0 → 1.18.18

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

@@ -0,0 +1,117 @@
+/* atlas.css — Page-local styles for the Repo Atlas 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). */
+
+/* Repo Atlas — restyled onto the hall design system (task 1737, amending
+   ADR 0094's styling clause). The CHROME (card, toolbar, caption, legend,
+   popup, badges) rides the hall tokens, so it follows the instance pack and
+   dark mode like every other page. The SEMANTIC node/edge palette below
+   stays instance-independent — the 0094 invariant: a pack's colors must
+   never scramble the map's color-coded meaning. Non-semantic map values
+   (label ink/halo, ambient wash, hub glow, badge fills) are scoped vars the
+   renderer reads at draw time, with dark variants, so the scene adapts to
+   the theme without the pack touching the encoding. */
+.atlas-page{
+  /* semantic map palette — FIXED (never pack-driven), tuned for both themes */
+  --ab-sun:#6366f1; --ab-sky:#0ea5e9; --ab-coral:#f43f5e; --ab-paper:#b3a284;
+  --ab-good:#10b981; --ab-core:#f59e0b; --ab-db:#ef4444; --ab-ghost:#94a3b8; --ab-danger:#dc2626;
+  /* theme-dependent, non-semantic scene values (read by atlas.js) */
+  --ab-label-ink: var(--ink);
+  --ab-label-halo: var(--surface);
+  --ab-ambient: rgba(255,255,255,.5);
+  --ab-glow: #c7cdf7;
+  --ab-b-good-bg:#dcfce7; --ab-b-good-fg:#166534;
+  --ab-b-warn-bg:#fef3c7; --ab-b-warn-fg:#92400e;
+  --ab-b-danger-bg:#fee2e2; --ab-b-danger-fg:#991b1b;
+  --ab-b-info-bg:#e0f2fe; --ab-b-info-fg:#075985;
+  color:var(--ink);
+  border:1px solid var(--border); border-radius:var(--radius);
+  background:
+    radial-gradient(ellipse 70% 55% at 50% 46%, color-mix(in srgb, var(--accent) 4%, transparent), transparent 70%),
+    var(--surface);
+}
+html[data-theme="dark"] .atlas-page{
+  --ab-ambient: rgba(255,255,255,.03);
+  --ab-glow: #3b418c;
+  --ab-b-good-bg:#123227; --ab-b-good-fg:#5eead4;
+  --ab-b-warn-bg:#33260d; --ab-b-warn-fg:#fcd34d;
+  --ab-b-danger-bg:#371616; --ab-b-danger-fg:#fca5a5;
+  --ab-b-info-bg:#0f2740; --ab-b-info-fg:#7dd3fc;
+}
+@media (prefers-color-scheme: dark){
+  html:not([data-theme]) .atlas-page{
+    --ab-ambient: rgba(255,255,255,.03);
+    --ab-glow: #3b418c;
+    --ab-b-good-bg:#123227; --ab-b-good-fg:#5eead4;
+    --ab-b-warn-bg:#33260d; --ab-b-warn-fg:#fcd34d;
+    --ab-b-danger-bg:#371616; --ab-b-danger-fg:#fca5a5;
+    --ab-b-info-bg:#0f2740; --ab-b-info-fg:#7dd3fc;
+  }
+}
+.atlas-page *{box-sizing:border-box}
+.atlas-page button{font:inherit}
+
+.atlas-toolbar{display:flex; align-items:center; gap:12px 16px; flex-wrap:wrap; padding:16px 20px 0}
+.ab-chip{font-weight:600; font-size:10.5px; text-transform:uppercase; letter-spacing:.1em;
+  color:var(--accent-text); background:var(--accent-weak); border:1px solid color-mix(in srgb, var(--accent) 30%, transparent); padding:3px 9px; border-radius:999px}
+.ab-modes{display:inline-flex; gap:0; border:1px solid var(--border-strong); border-radius:var(--radius-sm); overflow:hidden}
+.ab-modes button{font-family:var(--font-body); font-weight:500; font-size:12.5px; cursor:pointer; border:0;
+  background:var(--surface); color:var(--ink-soft); padding:6px 14px; transition:background .15s, color .15s}
+.ab-modes button + button{border-left:1px solid var(--border-strong)}
+.ab-modes button.active{background:var(--accent-weak); color:var(--accent-text)}
+.ab-modes button:focus-visible{outline:2px solid var(--accent); outline-offset:-2px}
+
+.ab-caption{padding:13px 20px 0; margin:0; font-size:13px; line-height:1.5; color:var(--ink-soft); max-width:90ch}
+.ab-caption .sub{display:block; margin-top:3px; font-size:11.5px; color:var(--ink-faint)}
+
+.ab-scene{position:relative; width:100%; min-height:500px; padding:6px 0}
+.ab-scene svg{display:block; width:100%; height:auto}
+.ab-hint{position:absolute; left:20px; bottom:12px; font-size:11.5px; color:var(--ink-soft);
+  background:color-mix(in srgb, var(--surface) 75%, transparent); backdrop-filter:blur(4px); padding:5px 11px; border-radius:999px; border:1px solid var(--border)}
+.ab-empty{position:absolute; inset:0; display:none; align-items:center; justify-content:center; text-align:center; padding:40px}
+.ab-empty.show{display:flex}
+.ab-empty .card{background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:26px 30px; max-width:460px;
+  box-shadow:var(--shadow-pop)}
+.ab-empty h2{margin:0 0 8px; font-size:16px; font-weight:650}
+.ab-empty p{margin:0; font-size:13.5px; line-height:1.55; color:var(--ink-soft)}
+
+.ab-legend{display:flex; flex-wrap:wrap; gap:8px 18px; padding:12px 20px 6px; font-size:11.5px; color:var(--ink-soft)}
+.ab-legend .lg{display:flex; align-items:center; gap:7px}
+.ab-legend .sw{width:13px; height:13px; border-radius:4px}
+.ab-legend .ln{width:18px; border-top:3px solid}
+.ab-foot{padding:10px 20px 20px; font-size:11px; color:var(--ink-faint); font-variant-numeric:tabular-nums}
+
+.ab-popup{position:absolute; z-index:6; width:300px; max-width:88%; background:var(--surface);
+  border:1px solid var(--border); border-radius:var(--radius); padding:15px 16px; display:none;
+  box-shadow:var(--shadow-pop)}
+.ab-popup.show{display:block}
+.ab-popup-close{position:absolute; top:8px; right:11px; cursor:pointer; border:0; background:transparent;
+  font-size:20px; line-height:1; color:var(--ink-faint)}
+.ab-popup-close:hover{color:var(--ink)}
+.ab-ptitle{font-weight:650; font-size:15px; display:flex; align-items:center;
+  gap:8px; flex-wrap:wrap; line-height:1.25; padding-right:18px}
+.ab-ppath{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace; font-size:11.5px; color:var(--ink-soft); margin-top:4px; word-break:break-all}
+.ab-pdesc{font-size:12.8px; line-height:1.55; margin:11px 0 0; color:var(--ink-soft)}
+.ab-prow{margin-top:11px; font-size:10.5px; font-weight:600; color:var(--ink-faint); text-transform:uppercase; letter-spacing:.06em}
+.ab-chips{display:flex; flex-wrap:wrap; gap:6px; margin-top:6px}
+.ab-chip2{font-size:11px; font-weight:500; background:var(--surface-2); border:1px solid var(--border);
+  padding:4px 9px; border-radius:999px; font-variant-numeric:tabular-nums}
+.ab-badge{font-weight:600; font-size:10.5px; text-transform:uppercase; letter-spacing:.05em; padding:3px 8px; border-radius:999px}
+.ab-b-good{background:var(--ab-b-good-bg); color:var(--ab-b-good-fg)} .ab-b-warn{background:var(--ab-b-warn-bg); color:var(--ab-b-warn-fg)}
+.ab-b-danger{background:var(--ab-b-danger-bg); color:var(--ab-b-danger-fg)} .ab-b-info{background:var(--ab-b-info-bg); color:var(--ab-b-info-fg)}
+
+.ab-node{cursor:pointer; transition:opacity .18s}
+.ab-node text{font-family:var(--font-body); paint-order:stroke; stroke:var(--ab-label-halo); stroke-width:3px; stroke-linejoin:round; fill:var(--ab-label-ink)}
+.ab-node text.ab-sub{fill:var(--ink-faint)}
+.ab-node text.ab-badge-text{stroke:none; paint-order:normal}
+svg.focus .ab-node{opacity:.18}
+svg.focus .ab-node.lit{opacity:1}
+.ab-edge{fill:none; opacity:.18; transition:opacity .18s}
+svg.focus .ab-edge{opacity:.04}
+svg.focus .ab-edge.lit{opacity:1}
+.ab-edge.lit{filter:url(#abglow)}
+.ab-sun-glow{animation:abbreathe 5.5s ease-in-out infinite}
+@keyframes abbreathe{0%,100%{opacity:.4}50%{opacity:.8}}
+@media (prefers-reduced-motion: reduce){ .atlas-page *{transition:none!important; animation:none!important} }
+@media (max-width:560px){ .ab-modes{width:100%; display:flex} .ab-modes button{flex:1} }

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

@@ -10,120 +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>
-    /* Repo Atlas — restyled onto the hall design system (task 1737, amending
-       ADR 0094's styling clause). The CHROME (card, toolbar, caption, legend,
-       popup, badges) rides the hall tokens, so it follows the instance pack and
-       dark mode like every other page. The SEMANTIC node/edge palette below
-       stays instance-independent — the 0094 invariant: a pack's colors must
-       never scramble the map's color-coded meaning. Non-semantic map values
-       (label ink/halo, ambient wash, hub glow, badge fills) are scoped vars the
-       renderer reads at draw time, with dark variants, so the scene adapts to
-       the theme without the pack touching the encoding. */
-    .atlas-page{
-      /* semantic map palette — FIXED (never pack-driven), tuned for both themes */
-      --ab-sun:#6366f1; --ab-sky:#0ea5e9; --ab-coral:#f43f5e; --ab-paper:#b3a284;
-      --ab-good:#10b981; --ab-core:#f59e0b; --ab-db:#ef4444; --ab-ghost:#94a3b8; --ab-danger:#dc2626;
-      /* theme-dependent, non-semantic scene values (read by atlas.js) */
-      --ab-label-ink: var(--ink);
-      --ab-label-halo: var(--surface);
-      --ab-ambient: rgba(255,255,255,.5);
-      --ab-glow: #c7cdf7;
-      --ab-b-good-bg:#dcfce7; --ab-b-good-fg:#166534;
-      --ab-b-warn-bg:#fef3c7; --ab-b-warn-fg:#92400e;
-      --ab-b-danger-bg:#fee2e2; --ab-b-danger-fg:#991b1b;
-      --ab-b-info-bg:#e0f2fe; --ab-b-info-fg:#075985;
-      color:var(--ink);
-      border:1px solid var(--border); border-radius:var(--radius);
-      background:
-        radial-gradient(ellipse 70% 55% at 50% 46%, color-mix(in srgb, var(--accent) 4%, transparent), transparent 70%),
-        var(--surface);
-    }
-    html[data-theme="dark"] .atlas-page{
-      --ab-ambient: rgba(255,255,255,.03);
-      --ab-glow: #3b418c;
-      --ab-b-good-bg:#123227; --ab-b-good-fg:#5eead4;
-      --ab-b-warn-bg:#33260d; --ab-b-warn-fg:#fcd34d;
-      --ab-b-danger-bg:#371616; --ab-b-danger-fg:#fca5a5;
-      --ab-b-info-bg:#0f2740; --ab-b-info-fg:#7dd3fc;
-    }
-    @media (prefers-color-scheme: dark){
-      html:not([data-theme]) .atlas-page{
-        --ab-ambient: rgba(255,255,255,.03);
-        --ab-glow: #3b418c;
-        --ab-b-good-bg:#123227; --ab-b-good-fg:#5eead4;
-        --ab-b-warn-bg:#33260d; --ab-b-warn-fg:#fcd34d;
-        --ab-b-danger-bg:#371616; --ab-b-danger-fg:#fca5a5;
-        --ab-b-info-bg:#0f2740; --ab-b-info-fg:#7dd3fc;
-      }
-    }
-    .atlas-page *{box-sizing:border-box}
-    .atlas-page button{font:inherit}
-
-    .atlas-toolbar{display:flex; align-items:center; gap:12px 16px; flex-wrap:wrap; padding:16px 20px 0}
-    .ab-chip{font-weight:600; font-size:10.5px; text-transform:uppercase; letter-spacing:.1em;
-      color:var(--accent-text); background:var(--accent-weak); border:1px solid color-mix(in srgb, var(--accent) 30%, transparent); padding:3px 9px; border-radius:999px}
-    .ab-modes{display:inline-flex; gap:0; border:1px solid var(--border-strong); border-radius:var(--radius-sm); overflow:hidden}
-    .ab-modes button{font-family:var(--font-body); font-weight:500; font-size:12.5px; cursor:pointer; border:0;
-      background:var(--surface); color:var(--ink-soft); padding:6px 14px; transition:background .15s, color .15s}
-    .ab-modes button + button{border-left:1px solid var(--border-strong)}
-    .ab-modes button.active{background:var(--accent-weak); color:var(--accent-text)}
-    .ab-modes button:focus-visible{outline:2px solid var(--accent); outline-offset:-2px}
-
-    .ab-caption{padding:13px 20px 0; margin:0; font-size:13px; line-height:1.5; color:var(--ink-soft); max-width:90ch}
-    .ab-caption .sub{display:block; margin-top:3px; font-size:11.5px; color:var(--ink-faint)}
-
-    .ab-scene{position:relative; width:100%; min-height:500px; padding:6px 0}
-    .ab-scene svg{display:block; width:100%; height:auto}
-    .ab-hint{position:absolute; left:20px; bottom:12px; font-size:11.5px; color:var(--ink-soft);
-      background:color-mix(in srgb, var(--surface) 75%, transparent); backdrop-filter:blur(4px); padding:5px 11px; border-radius:999px; border:1px solid var(--border)}
-    .ab-empty{position:absolute; inset:0; display:none; align-items:center; justify-content:center; text-align:center; padding:40px}
-    .ab-empty.show{display:flex}
-    .ab-empty .card{background:var(--surface); border:1px solid var(--border); border-radius:var(--radius); padding:26px 30px; max-width:460px;
-      box-shadow:var(--shadow-pop)}
-    .ab-empty h2{margin:0 0 8px; font-size:16px; font-weight:650}
-    .ab-empty p{margin:0; font-size:13.5px; line-height:1.55; color:var(--ink-soft)}
-
-    .ab-legend{display:flex; flex-wrap:wrap; gap:8px 18px; padding:12px 20px 6px; font-size:11.5px; color:var(--ink-soft)}
-    .ab-legend .lg{display:flex; align-items:center; gap:7px}
-    .ab-legend .sw{width:13px; height:13px; border-radius:4px}
-    .ab-legend .ln{width:18px; border-top:3px solid}
-    .ab-foot{padding:10px 20px 20px; font-size:11px; color:var(--ink-faint); font-variant-numeric:tabular-nums}
-
-    .ab-popup{position:absolute; z-index:6; width:300px; max-width:88%; background:var(--surface);
-      border:1px solid var(--border); border-radius:var(--radius); padding:15px 16px; display:none;
-      box-shadow:var(--shadow-pop)}
-    .ab-popup.show{display:block}
-    .ab-popup-close{position:absolute; top:8px; right:11px; cursor:pointer; border:0; background:transparent;
-      font-size:20px; line-height:1; color:var(--ink-faint)}
-    .ab-popup-close:hover{color:var(--ink)}
-    .ab-ptitle{font-weight:650; font-size:15px; display:flex; align-items:center;
-      gap:8px; flex-wrap:wrap; line-height:1.25; padding-right:18px}
-    .ab-ppath{font-family:ui-monospace,"SF Mono",Menlo,Consolas,monospace; font-size:11.5px; color:var(--ink-soft); margin-top:4px; word-break:break-all}
-    .ab-pdesc{font-size:12.8px; line-height:1.55; margin:11px 0 0; color:var(--ink-soft)}
-    .ab-prow{margin-top:11px; font-size:10.5px; font-weight:600; color:var(--ink-faint); text-transform:uppercase; letter-spacing:.06em}
-    .ab-chips{display:flex; flex-wrap:wrap; gap:6px; margin-top:6px}
-    .ab-chip2{font-size:11px; font-weight:500; background:var(--surface-2); border:1px solid var(--border);
-      padding:4px 9px; border-radius:999px; font-variant-numeric:tabular-nums}
-    .ab-badge{font-weight:600; font-size:10.5px; text-transform:uppercase; letter-spacing:.05em; padding:3px 8px; border-radius:999px}
-    .ab-b-good{background:var(--ab-b-good-bg); color:var(--ab-b-good-fg)} .ab-b-warn{background:var(--ab-b-warn-bg); color:var(--ab-b-warn-fg)}
-    .ab-b-danger{background:var(--ab-b-danger-bg); color:var(--ab-b-danger-fg)} .ab-b-info{background:var(--ab-b-info-bg); color:var(--ab-b-info-fg)}
-
-    .ab-node{cursor:pointer; transition:opacity .18s}
-    .ab-node text{font-family:var(--font-body); paint-order:stroke; stroke:var(--ab-label-halo); stroke-width:3px; stroke-linejoin:round; fill:var(--ab-label-ink)}
-    .ab-node text.ab-sub{fill:var(--ink-faint)}
-    .ab-node text.ab-badge-text{stroke:none; paint-order:normal}
-    svg.focus .ab-node{opacity:.18}
-    svg.focus .ab-node.lit{opacity:1}
-    .ab-edge{fill:none; opacity:.18; transition:opacity .18s}
-    svg.focus .ab-edge{opacity:.04}
-    svg.focus .ab-edge.lit{opacity:1}
-    .ab-edge.lit{filter:url(#abglow)}
-    .ab-sun-glow{animation:abbreathe 5.5s ease-in-out infinite}
-    @keyframes abbreathe{0%,100%{opacity:.4}50%{opacity:.8}}
-    @media (prefers-reduced-motion: reduce){ .atlas-page *{transition:none!important; animation:none!important} }
-    @media (max-width:560px){ .ab-modes{width:100%; display:flex} .ab-modes button{flex:1} }
-  </style>
+  <link rel="stylesheet" href="/builders/atlas.css">
 </head>
 <body data-page="atlas" data-page-title="Repo Atlas">
 
@@ -175,6 +62,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/atlas.js?v=2026-06-27-r1" defer></script>
 </body>
 </html>

package/modules/hall-ui/public/brand-apply.js

@@ -73,13 +73,29 @@
     return opts && opts.caps ? capitalize(label) : label;
   }
 
+  // perTaskCredit() — does THIS instance actually pay the per-task estimate?
+  // Resolved server-side from economy's rewardPolicy and projected onto
+  // window.__BRANDING__.reward (ADR 0146); never re-derived here. Absent (an
+  // older server) ⇒ true, the paying default, so nothing changes for instances
+  // that predate the field.
+  function perTaskCredit() {
+    var r = brand && brand.reward;
+    return !r || r.perTaskCredit !== false;
+  }
+
   // task 1957 — a task's drachmae is an ESTIMATE (credits_reward, assigned at
-  // creation) until the task SETTLES. Credits only land at 'confirmed' and
-  // persist through 'shipped'; from that point the real payout is credits_awarded
-  // (the ledger sum the task API surfaces). These helpers centralize the
-  // "estimate vs actual" decision so every task surface renders it identically:
-  // unsettled → the estimate with a "<Currency> Est." label; settled → the actual
-  // ledger payout with a plain "<Currency>" label.
+  // creation) until the task SETTLES. Credits land at 'shipped' (ADR 0120 pays
+  // on land); from that point the real payout is credits_awarded (the ledger sum
+  // the task API surfaces). These helpers centralize the "estimate vs actual"
+  // decision so every task surface renders it identically: unsettled → the
+  // estimate with a "<Currency> Est." label; settled → the actual ledger payout
+  // with a plain "<Currency>" label.
+  //
+  // task 1002469 — on a cost-plus-only instance that second case is a LIE. The
+  // per-task estimate is never paid, so credits_awarded is 0 on every shipped
+  // task, taskCreditValue's zero-fallback hands back the estimate, and the plain
+  // label then presents that estimate as the actual payout. So the "Est."
+  // qualifier is never dropped when the instance doesn't pay per-task.
   function taskSettled(task) {
     var s = task && task.status;
     return s === 'confirmed' || s === 'shipped';
@@ -97,14 +113,26 @@
   }
   function taskCreditLabel(task, opts) {
     var base = currencyLabel(opts);
+    if (!perTaskCredit()) return base + ' Est.';
     return taskSettled(task) ? base : base + ' Est.';
   }
 
+  // The one-line explanation for a cost-plus-only instance, or '' on a paying
+  // one. Surfaces use it as a tooltip/footnote beside an estimate so the number
+  // is never read as a promise.
+  function rewardModeNote() {
+    if (perTaskCredit()) return '';
+    return 'This instance pays cost-plus only — the ' + currencyLabel()
+      + ' estimate is a guide, not a payout. Builders are paid real session cost + 20%.';
+  }
+
   window.OTBBranding = {
     currencyLabel: currencyLabel,
     taskSettled: taskSettled,
     taskCreditValue: taskCreditValue,
     taskCreditLabel: taskCreditLabel,
+    perTaskCredit: perTaskCredit,
+    rewardModeNote: rewardModeNote,
     applyCurrencyLabels: applyCurrencyLabels,
   };