@bongos/core 1.24.26 → 1.24.28

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

@@ -231,7 +231,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-30-market-watch"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></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

@@ -219,7 +219,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-30-market-watch"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></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. -->

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

@@ -1038,54 +1038,134 @@ html[data-theme="dark"] .gplate__light { display: none; }
   line-height: 1;
   cursor: pointer;
 }
-/* Core-update banner (task 1004045) — rendered by shell.js when this instance is
-   behind the newest published core. Deliberately the accent, not the warning
-   colour the denial notice uses: being a release behind is news, not a fault. */
-.core-update-notice {
-  display: flex;
-  align-items: baseline;
-  gap: 12px;
-  padding: 10px 22px;
-  font-size: 13px;
-  color: var(--accent);
-  background: var(--accent-weak, var(--warn-weak));
-  border-bottom: 1px solid var(--rule-soft);
+/* ---------- the Update pill and its card (task 1005041, update-pill.js) ----------
+   The owner: the full-width update banners were "way too obstructing"; it should feel
+   like the Claude app's "restart to update". So the news is a quiet pill in the top bar
+   (the Link GitHub chip's shape, one step louder: the accent dot), and everything else
+   lives in a small card under it. The same card carries the one-time "Bongos is updated"
+   note (core-move-notice.js), pinned to the same corner. */
+.upd-pill {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  min-height: 28px;
+  min-width: 28px;
+  padding: 0 11px 0 9px;
+  border: 1px solid var(--rule);
+  border-radius: var(--radius-pill);
+  background: var(--bg-card);
+  color: var(--ink);
+  font: inherit;
+  font-size: 12px;
+  font-weight: 500;
+  line-height: 1;
+  white-space: nowrap;
+  flex-shrink: 0;
+  cursor: pointer;
 }
-.core-update-notice__action {
-  margin-left: auto;
-  font-weight: 600;
-  color: inherit;
+.upd-pill:hover { border-color: var(--ink-faint); }
+.upd-pill:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+.upd-pill__dot { width: 7px; height: 7px; border-radius: 50%; background: var(--accent); flex-shrink: 0; }
+.upd-pill[data-face="held"] .upd-pill__dot { background: var(--ink-faint); }
+.upd-pill[data-face="done"] { background: var(--accent); border-color: var(--accent); color: var(--accent-on); }
+.upd-pill[data-face="done"] .upd-pill__dot { background: var(--accent-on); }
+.upd-pill[data-face="done"]:hover { background: var(--accent-lift); border-color: var(--accent-lift); }
+/* The running face turns a ring. The Kill Switch stops it, and the label still says
+   "Updating…", so the rest frame is the whole message. */
+.upd-pill__spin {
+  width: 10px; height: 10px;
+  border: 1.5px solid var(--rule);
+  border-top-color: var(--accent);
+  border-radius: 50%;
+  flex-shrink: 0;
+  animation: upd-turn 0.9s linear infinite;
 }
-/* The banner on /deploy itself: it still announces the release, but points at the
-   control instead of linking to the page the reader is already on (task 1004145). */
-.core-update-notice__hint {
-  margin-left: auto;
-  color: var(--ink-soft);
+@keyframes upd-turn { to { transform: rotate(360deg); } }
+
+.upd-card {
+  position: fixed;
+  top: 64px;
+  right: 16px;
+  z-index: calc(var(--z-sidebar) + 5);
+  width: min(360px, calc(100vw - 32px));
+  max-height: calc(100vh - 96px);
+  overflow-y: auto;
+  padding: 16px 18px 18px;
+  border: 1px solid var(--rule-soft);
+  border-radius: var(--radius);
+  background: var(--bg-card);
+  color: var(--ink);
+  box-shadow: var(--shadow-pop);
+  font-size: 13px;
+  line-height: 1.5;
 }
-.core-update-notice__close {
-  min-width: 24px;
-  min-height: 24px;
+.upd-card[hidden] { display: none; }
+.upd-card p { margin: 0 0 8px; }
+.upd-card__h { margin: 0 32px 8px 0; font-size: 15px; font-weight: 600; line-height: 1.3; }
+.upd-card__close {
+  position: absolute;
+  top: 10px; right: 10px;
+  width: 28px; height: 28px;
   border: 0;
+  border-radius: var(--radius-pill);
   background: none;
-  color: inherit;
-  font-size: 16px;
+  color: var(--ink-soft);
+  font-size: 18px;
   line-height: 1;
   cursor: pointer;
 }
-/* With no action link the close button still sits hard right. */
-.core-update-notice__action + .core-update-notice__close { margin-left: 0; }
-.core-update-notice > span + .core-update-notice__close { margin-left: auto; }
-/* "Upgraded to core X on <date>" and what changed (task 1004731): the same strip, with the
-   release-note lines under the sentence in the body ink; it wraps on a phone. */
-.core-move-notice { flex-wrap: wrap; }
-.core-move-notice__body { flex: 1 1 20rem; min-width: 0; }
-.core-move-notice__list {
-  margin: 4px 0 0;
-  padding-left: 1.15rem;
-  max-width: var(--measure, 68ch);
-  color: var(--ink-soft);
+.upd-card__close:hover { background: var(--glass-strong); color: var(--ink); }
+.upd-card__list { margin: 0 0 10px; padding-left: 1.1rem; color: var(--ink-soft); }
+.upd-card__list li + li { margin-top: 4px; }
+.upd-card__note { color: var(--ink-soft); }
+.upd-card__ver { color: var(--ink-faint); font-size: 12px; }
+.upd-card__err { color: var(--danger); }
+.upd-ver { font-family: var(--font-mono); font-size: 12px; }
+.upd-card__actions { display: flex; flex-wrap: wrap; gap: 8px; margin-top: 12px; }
+.upd-btn {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  min-height: 36px;
+  padding: 0 14px;
+  border: 1px solid var(--glass-edge);
+  border-radius: var(--radius-pill);
+  background: transparent;
+  color: var(--ink);
+  font: inherit;
+  font-size: 13px;
+  text-decoration: none;
+  cursor: pointer;
 }
-.core-move-notice__list li + li { margin-top: 2px; }
+.upd-btn:hover { background: var(--glass-strong); text-decoration: none; }
+.upd-btn:focus-visible, .upd-card__close:focus-visible { outline: 2px solid var(--accent); outline-offset: 2px; }
+.upd-btn--go { background: var(--accent); border-color: var(--accent); color: var(--accent-on); font-weight: 500; }
+.upd-btn--go:hover { background: var(--accent-lift); border-color: var(--accent-lift); }
+.upd-btn:disabled { opacity: 1; color: var(--ink-faint); background: var(--glass); border-color: var(--glass-edge); cursor: default; }
+/* An indeterminate bar: how long an upgrade takes is not known here, so it never fills. */
+.upd-track { position: relative; height: 4px; margin: 4px 0 10px; border-radius: 2px; background: var(--glass-strong); overflow: hidden; }
+.upd-track span {
+  position: absolute; top: 0; bottom: 0; left: 0;
+  width: 40%;
+  border-radius: 2px;
+  background: var(--accent);
+  animation: upd-slide 1.6s ease-in-out infinite;
+}
+@keyframes upd-slide { 0% { transform: translateX(-100%); } 100% { transform: translateX(250%); } }
+/* The one-time note sits under the top bar's right end too, on every page that loads it. */
+.upd-card--note { top: 64px; }
+@media (max-width: 640px) {
+  .upd-card { right: 16px; left: 16px; width: auto; }
+}
+/* The hub's handoff window (deploy-handoff.js): a small popup with nothing in it but the card.
+   The shell still runs (it signs the viewer in), so its chrome is hidden, not removed. */
+html[data-handoff="on"] .app-sidebar,
+html[data-handoff="on"] .app-topbar,
+html[data-handoff="on"] .app-foot,
+html[data-handoff="on"] .upd-pill,
+html[data-handoff="on"] .core-move-notice { display: none; }
+html[data-handoff="on"] .app-content { padding: 0; }
+.upd-card--handoff { position: static; width: auto; max-width: 420px; max-height: none; margin: 24px auto; box-shadow: none; }
 .topbar-menu {
   display: none;
   align-items: center;

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

@@ -59,7 +59,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-30-market-watch"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></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-detail.js still owns the #/idea/N and #/blocker/N deep-link overlay

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

@@ -141,7 +141,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-30-market-watch"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></script>
 <script src="/builders/palette.js" defer></script>
 
 <script src="/builders/idea-objects.js?v=2026-09-27-split"></script>

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

@@ -145,7 +145,7 @@
 <script src="/builders/dom-utils.js?v=2026-10-25-escape"></script>
 <script src="/builders/shell-trail.js?v=2026-10-08-city-tab"></script>
 <script src="/builders/craft-mode.js?v=2026-10-30-market-watch"></script>
-<script src="/builders/shell.js?v=2026-10-30-github-chip"></script>
+<script src="/builders/shell.js?v=2026-11-03-update-pill"></script>
 <script src="/builders/palette.js" defer></script>
 <script src="/builders/brand-holes.js?v=2026-09-29-aqfix"></script>
 <script src="/builders/tweak-editor-lib.js?v=2026-09-29-tw27"></script>