@bongos/core 1.25.25 → 1.25.27

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

@@ -89,8 +89,9 @@ html:has(body[data-page="city"]) { height: 100%; }
 .city-main { position: fixed; top: var(--topbar-h, 56px); left: var(--sidebar-w-rail, 64px); right: 0; bottom: 0; max-width: none; margin: 0; contain: layout paint; z-index: 1; }
 html[data-fullscreen="on"] .city-main { top: 0; left: 0; }
 /* tasks 1005148, 1005195 and 1005209: with the visor up (game mode), the door (now its line alone) rises clear of the
-   foot row, whose one button is centred too, even when the key hints wrap onto a second line. */
-html.visor-on .city-door { bottom: 224px; }
+   foot row, whose one button is centred too. Task 1005266: the hints are keys alone, so they no
+   longer wrap onto a second line, and the row sits --visor-drop lower (visor.css; 0 on a phone). */
+html.visor-on .city-door { bottom: calc(180px - var(--visor-drop, 0px)); }
 /* task 1005209 (ADR 0403): with the visor up the door's button and the archived links are the
    visor's (D on the glass, the rest in its Actions sheet), so the scene carries none of its own. */
 html.visor-on .city-start, html.visor-on .city-archived { display: none; }

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

@@ -940,7 +940,8 @@ html[data-theme="dark"] .brand-mark__mark { --mark-ink: #e2e1e4; }
      and the shell’s corner buttons, so the top arc, its notch and the place all step aside. The foot row keeps its three parts in one line and nothing leans: the sprite
      with the count over its word, the one accent button (its name may take two lines; its key is in the sheet), and of
      the key hints only Actions, as its dots (every other hint is a row in its sheet). */
-  :root[data-game="on"] { --visor-inset-bottom: 52px; --visor-foot-room: 112px; }
+  :root[data-game="on"] { --visor-inset-bottom: 52px; --visor-foot-room: 112px; --visor-arc-foot: 8px; }
+  html[data-game="on"].visor-on { --visor-drop: 0px; } /* task 1005266: a phone's foot row did not move */
   html[data-game="on"] .visor__place, html[data-game="on"] .visor__progress, html[data-game="on"] .visor__notch, html[data-game="on"] .visor__frame--top, html[data-game="on"] .visor__name { display: none; }
   html[data-game="on"] .visor__foot { grid-template-columns: auto minmax(0, 1fr) auto; column-gap: var(--ds-space-hair); }
   html[data-game="on"] .visor__me, html[data-game="on"] .visor__hints { transform: none; }

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

@@ -309,12 +309,14 @@ html[data-fullscreen="on"] .sky-stage .top { padding-right: 184px; }
    clear of the glass, as ADR 0399 §2.3 asks of a scene's pop-ups: the top row, the composer, the
    jump field and the two side panels step below the compass and the place line, and the foot and
    the tour rise above the visor's corner pills. Task 1005203 put the version's progress under
-   the place, so the top offsets grew by its 24px. Outside game mode nothing here applies. */
-html.visor-on .top { padding-top: calc(84px + env(safe-area-inset-top, 0px)); }
-html.visor-on .composer, html.visor-on .jump { top: calc(140px + env(safe-area-inset-top, 0px)); }
-html.visor-on .panel, html.visor-on .room { top: calc(204px + env(safe-area-inset-top, 0px)); bottom: calc(200px + env(safe-area-inset-bottom, 0px)); }
-html.visor-on .foot { padding-bottom: calc(132px + env(safe-area-inset-bottom, 0px)); }
-html.visor-on .tour, html.visor-on .start { bottom: calc(210px + env(safe-area-inset-bottom, 0px)); }
+   the place, so the top offsets grew by its 24px. Task 1005266 made the glass slimmer: the top
+   band is 40px shorter, and the foot row sits --visor-drop lower (visor.css; 0 on a phone, whose
+   row did not move). Outside game mode nothing here applies. */
+html.visor-on .top { padding-top: calc(44px + env(safe-area-inset-top, 0px)); }
+html.visor-on .composer, html.visor-on .jump { top: calc(100px + env(safe-area-inset-top, 0px)); }
+html.visor-on .panel, html.visor-on .room { top: calc(164px + env(safe-area-inset-top, 0px)); bottom: calc(200px - var(--visor-drop, 0px) + env(safe-area-inset-bottom, 0px)); }
+html.visor-on .foot { padding-bottom: calc(132px - var(--visor-drop, 0px) + env(safe-area-inset-bottom, 0px)); }
+html.visor-on .tour, html.visor-on .start { bottom: calc(210px - var(--visor-drop, 0px) + env(safe-area-inset-bottom, 0px)); }
 /* task 1005210 (ADR 0403): with the visor up the sky carries no control of its own. The top
    row's lens switch and pills are rows in the visor's Actions sheet; the composer and the jump
    field open from the visor ("Write a thought" on /, "Jump" on J) and close again when left

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

@@ -8,13 +8,22 @@
    hour's sky runs to every edge of the view, so the glass has no bands and no vignette). The
    marks carry themselves: every line is drawn over a wider stroke of the night, a key sits on a chip of
    the night, and the place, each hint and your credits stand on a small night plate. Colours, sizes and corners
-   are the hall tier's tokens; nothing here is typed in. Record: modules/hall-ui/records/visor.md. */
+   are the hall tier's tokens; nothing here is typed in. Record: modules/hall-ui/records/visor.md.
+   IT RESTS WHILE YOU LOOK AND WAKES SLIM WHEN YOU ACT (task 1005266, owner 2026-11-13: the glass
+   took a third of a laptop's height). Awake, the top arc is the version's progress in four
+   pieces, the place and the percentage share one small line, and the foot row is smaller and
+   sits lower. At rest (.visor--rest, set by visor.js on a desk with a pointer) only the arcs,
+   the sight and your picture stay. A phone is as it was (style.css's shared phone block). */
 .visor { display: none; }
+/* how far the foot row dropped (task 1005266), for a scene's own layers that sat above the old
+   row (thinking.css, city.css). A phone's row did not move, so the phone block sets it to 0. */
+html.visor-on { --visor-drop: 48px; }
 /* where the glass sits, so a scene's pop-up, and a window the glass opens, can keep clear of
    it (ADR 0399 §2.3). On the root, not the visor, because the options window is not inside
-   it. --visor-foot-room is the foot row's height with the hints wrapped onto a second line. */
+   it. --visor-foot-room is the foot row's height (task 1005266: the hints are keys alone, so
+   the row is one line), and --visor-arc-foot is where the foot arc sits under it. */
 html[data-game="on"] {
-  --visor-arc: 64px; --visor-inset-top: 88px; --visor-inset-bottom: 76px; --visor-foot-room: 100px;
+  --visor-arc: 44px; --visor-inset-top: 48px; --visor-inset-bottom: 36px; --visor-foot-room: 56px; --visor-arc-foot: 10px;
   --visor-inset-right: max(var(--ds-space-gutter-narrow), var(--helm-inset)); --visor-inset-left: var(--visor-inset-right);
 }
 html[data-game="on"] .visor:not([hidden]) {
@@ -41,43 +50,44 @@ html[data-game="on"] .visor:not([hidden]) {
    top arc, its notch and the place all sit inside the top inset, above where a scene starts its
    own top row; the foot arc runs under the foot row. */
 .visor__frame { position: absolute; left: 0; width: 100%; overflow: visible; }
-.visor__frame--top { top: calc(var(--visor-arc) - 50px); height: 42px; }
-.visor__frame--foot { bottom: calc(var(--visor-inset-bottom) - 44px); height: 18px; }
+.visor__frame--top { top: calc(var(--visor-arc) - 36px); height: 42px; }
+.visor__frame--foot { bottom: var(--visor-arc-foot); height: 18px; }
 .visor__frame path { vector-effect: non-scaling-stroke; }
 .visor__line { fill: none; stroke: var(--char, var(--ink-soft)); stroke-opacity: .7; stroke-width: var(--line-strong); }
 .visor__line--under { stroke: var(--bg); stroke-opacity: 1; stroke-width: 5px; }
 .visor__dot { fill: var(--char, var(--ink-soft)); stroke: var(--bg); stroke-width: var(--line-strong); }
 .visor__notch, .visor__sight { position: absolute; left: 50%; transform: translate(-50%, -50%); overflow: visible; }
-.visor__notch { top: calc(var(--visor-arc) - 36px); width: 12px; height: 9px; }
+.visor__notch { top: calc(var(--visor-arc) - 22px); width: 12px; height: 9px; }
+/* the top arc as the version's progress (task 1005266): the same curve in four pieces. A quarter
+   built is the soft ink, the quarter being built is the character's colour, the rest are faint.
+   At rest the one plain arc stands in for them. */
+.visor__seg--done { stroke: var(--ink-soft); stroke-opacity: 1; stroke-width: 3px; }
+.visor__seg--now { stroke-opacity: 1; stroke-width: 3px; }
+.visor__seg--todo { stroke: var(--ink-soft); stroke-opacity: .35; }
+.visor--rest .visor__seg, .visor:not(.visor--rest) .visor__frame--segs .visor__arc { display: none; }
 .visor__sight { top: 50%; width: 24px; height: 24px; }
 
 /* type over the scene stands on a small plate of the night, cut like everything pressable and
    sized to its words: the place, each key hint, and your name and credits. No band, no halo. */
 .visor__place, .visor__who, .visor__hint { background: var(--night-plate); clip-path: var(--cut-path-sm); }
 /* the name voice, for every name on the glass */
-.visor__place, .visor__name, .visor__unit, .visor__main, .visor__hint, .visor__key, .visor__sheet-title, .visor__cap {
+.visor__place, .visor__name, .visor__unit, .visor__main, .visor__hint, .visor__key, .visor__sheet-title, .visor__cap, .visor__hints::after {
   font-family: var(--name-face); font-weight: var(--name-weight); text-transform: var(--name-case);
 }
 
-/* the place, under the top arc */
+/* the place and the version's reading, one small line under the top arc (task 1005266) */
+.visor__top {
+  position: absolute; left: 50%; top: calc(var(--visor-arc) - 18px); transform: translateX(-50%);
+  display: flex; align-items: center; gap: var(--ds-space-hair); white-space: nowrap;
+}
 .visor__place {
-  position: absolute; left: 50%; top: calc(var(--visor-arc) - 26px); transform: translateX(-50%); margin: 0;
-  font-size: var(--ds-text-2xl); letter-spacing: var(--name-space-wide); line-height: 1.2;
-  color: var(--ink-soft); white-space: nowrap; padding: 0 var(--ds-space-xs);
+  margin: 0; font-size: var(--ds-text-xs); letter-spacing: var(--name-space); line-height: 1;
+  color: var(--ink); white-space: nowrap; padding: var(--ds-space-hair) var(--ds-space-xs);
 }
 
-/* the version's progress under the place (task 1005203): the kit's four segments, then the same
-   reading in words (a row of bars is never the only reading). Done quarters are ice, the quarter
-   being built is the accent, the rest are outlines; each segment wears an outline of the night so it
-   reads over a midday sky. It sits under the arc band, inside the top inset (--visor-inset-top). */
-.visor__progress {
-  position: absolute; left: 50%; top: calc(var(--visor-arc) + 6px); transform: translateX(-50%);
-  display: flex; align-items: center; gap: var(--ds-space-xs); white-space: nowrap;
-}
-.visor__segs { flex-wrap: nowrap; }
-.visor__segs .seg { border-color: var(--ink-soft); outline: var(--line-strong) solid var(--night-plate); }
-.visor__segs .seg--done { background: var(--ink-soft); border-color: transparent; }
-.visor__segs .seg--now { background: var(--accent); border-color: transparent; }
+/* the version's progress beside the place (task 1005203; task 1005266 moved the four segments
+   onto the top arc): the same reading in words, since a row of bars is never the only reading. */
+.visor__progress { display: flex; align-items: center; white-space: nowrap; }
 .visor__progress-words {
   margin: 0; font-family: var(--name-face); font-weight: var(--name-weight); text-transform: var(--name-case);
   font-size: var(--ds-text-xs); letter-spacing: var(--name-space); line-height: 1; color: var(--ink-soft);
@@ -93,6 +103,11 @@ html[data-game="on"] .visor:not([hidden]) {
     background: var(--smoke-sheen), var(--smoke); box-shadow: var(--smoke-edge);
     -webkit-backdrop-filter: var(--smoke-blur); backdrop-filter: var(--smoke-blur);
   }
+  /* a key's name (task 1005266) is a plate like the four above, so it is the same pane */
+  .visor__hints[data-name]::after {
+    background: var(--smoke-sheen), var(--smoke); box-shadow: var(--smoke-edge);
+    -webkit-backdrop-filter: var(--smoke-blur); backdrop-filter: var(--smoke-blur);
+  }
 }
 
 /* the foot row: you on the left, the one thing to press in the middle, the key hints on the
@@ -136,23 +151,23 @@ html[data-game="on"] .visor:not([hidden]) {
 .visor__card-open { font-size: var(--ds-text-sm); color: var(--accent-ink); }
 .visor__card-name, .visor__card-open, .visor__fact-k { font-family: var(--name-face); font-weight: var(--name-weight); text-transform: var(--name-case); letter-spacing: var(--name-space); }
 .visor__sprite {
-  flex: none; box-sizing: border-box; width: 56px; height: 56px; object-fit: cover; image-rendering: pixelated;
+  flex: none; box-sizing: border-box; width: 40px; height: 40px; object-fit: cover; image-rendering: pixelated;
   background: var(--bg-card); border: var(--line-strong) solid var(--char, var(--ink-soft)); clip-path: var(--cut-path-sm);
 }
 /* your name and credits stand in a box of the night, cut like the sprite beside it */
 .visor__who { display: flex; flex-direction: column; gap: 2px; padding: var(--ds-space-hair) var(--ds-space-xs); }
 .visor__name { font-size: var(--ds-text-xs); letter-spacing: var(--name-space); line-height: 1; color: var(--char, var(--ink-soft)); }
 .visor__credits { display: flex; align-items: baseline; gap: var(--ds-space-xs); white-space: nowrap; }
-.visor__num { font-family: var(--name-face); font-size: var(--ds-text-headline); font-weight: 400; line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums; }
-.visor__unit { font-size: var(--ds-text-md); letter-spacing: var(--name-space); color: var(--ink-soft); }
+.visor__num { font-family: var(--name-face); font-size: var(--ds-text-4xl); font-weight: 400; line-height: 1; color: var(--ink); font-variant-numeric: tabular-nums; }
+.visor__unit { font-size: var(--ds-text-2xs); letter-spacing: var(--name-space); color: var(--ink-soft); }
 
 /* the one accent button: the cut corner, the dark ink, the key that takes it */
 .visor__main {
   pointer-events: auto; box-sizing: border-box; justify-self: center;
   display: inline-flex; align-items: center; justify-content: space-between; gap: var(--ds-space-sm);
-  min-height: 56px; padding: var(--ds-space-hair) var(--ds-space-sm) var(--ds-space-hair) var(--ds-space-md);
+  min-height: 44px; padding: var(--ds-space-hair) var(--ds-space-xs) var(--ds-space-hair) var(--ds-space-sm);
   background: var(--accent); color: var(--accent-on); border: 0; border-radius: var(--press-radius); clip-path: var(--cut-path);
-  font-size: var(--ds-text-3xl); font-weight: var(--name-weight-lit); letter-spacing: var(--name-space-tight); line-height: 1.1;
+  font-size: var(--ds-text-xl); font-weight: var(--name-weight-lit); letter-spacing: var(--name-space-tight); line-height: 1.1;
   text-decoration: none; cursor: pointer; transition: background-color var(--ds-dur-fast) var(--ds-ease);
 }
 .visor__main:hover { background: var(--accent-lift); color: var(--accent-on); text-decoration: none; }
@@ -160,18 +175,30 @@ html[data-game="on"] .visor:not([hidden]) {
 /* the key hints: a key and a name, no box round the pair. The only other parts of the glass
    that take a pointer. */
 .visor__hints {
-  justify-self: end; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 0 var(--ds-space-md);
+  position: relative; justify-self: end; display: flex; flex-wrap: wrap; justify-content: flex-end; align-items: center; gap: 0 var(--ds-space-hair);
   transform: perspective(900px) rotateY(-16deg); transform-origin: right center;
 }
 .visor__hint {
   pointer-events: auto; box-sizing: border-box; display: inline-flex; align-items: center; gap: var(--ds-space-hair);
-  min-height: 44px; padding: 0 var(--ds-space-xs) 0 var(--ds-space-hair); border: 0; border-radius: var(--press-radius);
+  min-height: 44px; padding: 0 var(--ds-space-xs); border: 0; border-radius: var(--press-radius);
   color: var(--ink-soft); font-size: var(--ds-text-lg); letter-spacing: var(--name-space-tight); white-space: nowrap;
   text-decoration: none; cursor: pointer;
   transition: color var(--ds-dur-fast) var(--ds-ease);
 }
 .visor__hint:hover { color: var(--ink); text-decoration: none; }
 .visor__hint[hidden] { display: none; }
+/* a hint is its key alone (task 1005266). Its name stays in the page for a screen reader, and
+   when you point at the key or reach it with the keyboard the name stands on one small plate
+   above the row (visor.js nameHint sets data-name), so naming a key never moves another. The
+   place's own lead action keeps its words: they are the place's call to you (ADR 0403). */
+.visor__hint:not(.visor__hint--place) > span:not(.visor__dots) {
+  position: absolute; width: 1px; height: 1px; padding: 0; border: 0; overflow: hidden; clip-path: inset(50%); white-space: nowrap;
+}
+.visor__hints[data-name]::after {
+  content: attr(data-name); position: absolute; right: 0; bottom: calc(100% + var(--ds-space-hair)); pointer-events: none;
+  padding: var(--ds-space-hair) var(--ds-space-xs); background: var(--night-plate); clip-path: var(--cut-path-sm);
+  color: var(--ink); font-size: var(--ds-text-sm); letter-spacing: var(--name-space-tight); line-height: 1.2; white-space: nowrap;
+}
 /* Actions on a phone: three dots on the same chip of the night a key sits on (style.css shows it) */
 .visor__dots {
   display: none; box-sizing: content-box; width: 14px; height: 4px; padding: 10px 5px; border: var(--line-strong) solid currentColor;
@@ -219,7 +246,7 @@ html[data-game="on"] .visor:not([hidden]) {
    hairlines like the sheet, never wider than a short paragraph. The words are the scene's facts;
    the status dot is the hall's status vocabulary (--ok / --warn / --info), never a colour of its own. */
 .visor__focus {
-  position: absolute; left: 50%; bottom: calc(var(--visor-inset-bottom) + 72px); transform: translateX(-50%);
+  position: absolute; left: 50%; bottom: calc(var(--visor-inset-bottom) + 56px); transform: translateX(-50%);
   pointer-events: auto; box-sizing: border-box; width: min(20rem, calc(100vw - 2 * var(--ds-space-gutter-narrow)));
   padding: var(--ds-space-xs) var(--ds-space-sm) var(--ds-space-sm); background: var(--bg-card);
   border: 0 solid var(--rule); border-left-width: var(--line-strong); border-right-width: var(--line-strong);
@@ -241,6 +268,13 @@ html[data-game="on"] .visor:not([hidden]) {
 .visor__focus .visor__key { color: var(--ink-soft); background: none; }
 .visor__main--lead[aria-busy="true"] { cursor: progress; background: var(--accent-lift); }
 
+/* RESTING (task 1005266): while you look, pan and scroll, everything but the arcs, the sight and
+   your picture fades out; visor.js wakes it when you reach for the bottom of the view, press a
+   visor key or tab onto it. The parts stay in the page (a key press, a screen reader and the
+   keyboard still reach them), and nothing moves, so waking is a fade and never a jump. */
+.visor__top, .visor__notch, .visor__who, .visor__main, .visor__hints { transition: opacity var(--ds-dur-base) var(--ds-ease); }
+.visor--rest .visor__top, .visor--rest .visor__notch, .visor--rest .visor__who, .visor--rest .visor__main, .visor--rest .visor__hints { opacity: 0; }
+
 /* A WINDOW THE GLASS OPENS OPENS IN THE GLASS (task 1005253, ADR 0403; owner 2026-11-13). The
    options window and your profile (shell-game.js openOverlay, .opt-window) and the game menu
    (openMenu, .game-menu) are reached from the visor, so they never cover it: in game mode each

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

@@ -179,9 +179,87 @@
       }),
       keys: (Array.isArray(s.keys) ? s.keys : []).filter(function (k) { return k && k.label && k.key; }),
     };
+    // Arriving at a place shows the whole glass for a moment; a scene that only registers
+    // again (a toggle's row changed) does not.
+    if (scene.name !== arrived) { arrived = scene.name; wake(ARRIVE_FOR); }
     render();
   }
 
+  // ---------- resting and waking (task 1005266, owner 2026-11-13) ----------
+  // The glass took a third of a laptop's height, so while you look, pan and scroll it RESTS:
+  // only the arcs, the sight and your picture stay (visor.css .visor--rest). It WAKES when you
+  // reach for it: the pointer near the bottom of the view or on a control, a visor key, the
+  // keyboard's focus coming onto it, the scene picking something, and for a moment on
+  // arriving at a place. It stays awake while the sheet or a scene's card is open, while the
+  // pointer is still there and while the keyboard is on it; it rests the moment you press or
+  // wheel on the scene, and after a few idle seconds. Only on a desk with a pointer: a touch
+  // screen has nothing to reach with, so a phone or tablet keeps the whole glass.
+  var REST_AFTER = 3000, ARRIVE_FOR = 4000, REACH = 160;
+  var awake = true, reaching = false, restTimer = null, arrived = null, until = 0;
+  // The two questions are asked of the browser once; each list keeps its own answer current,
+  // so the pointer's every move reads two booleans and builds nothing.
+  var mqPointer = null, mqPhone = null;
+  function canRest() {
+    if (typeof window.matchMedia !== 'function') return false;
+    if (!mqPointer) { mqPointer = window.matchMedia('(hover: hover) and (pointer: fine)'); mqPhone = window.matchMedia('(max-width: 640px)'); }
+    return mqPointer.matches && !mqPhone.matches;
+  }
+  function keyboardOn() { return !!(root && document.activeElement && root.contains(document.activeElement)); }
+  // A window the glass opened (the options, your profile, the game menu; task 1005253) holds it too.
+  function windowUp() { var c = document.documentElement.classList; return !!(c && (c.contains('opt-window-open') || c.contains('game-menu-open'))); }
+  function held() { return !!sheet || !!focus || reaching || keyboardOn() || windowUp(); }
+  function resting() { return !awake && canRest(); }
+  function paintRest() { if (root && root.classList) root.classList.toggle('visor--rest', resting()); }
+  // Waking only moves the hour it may rest at; one clock is ever running, so a pointer
+  // crossing the bottom of the view repaints nothing and starts no timer of its own.
+  function wake(ms) {
+    var was = awake;
+    awake = true;
+    if (!was) paintRest();
+    if (typeof setTimeout !== 'function') return; // no clock (a test's bare page): it stays awake
+    until = Math.max(until, Date.now() + (ms || REST_AFTER));
+    if (restTimer == null) restTimer = setTimeout(settle, ms || REST_AFTER);
+  }
+  function settle() {
+    restTimer = null;
+    var left = until - Date.now();
+    if (held()) { restTimer = setTimeout(settle, REST_AFTER); return; }
+    if (left > 0) { restTimer = setTimeout(settle, left); return; }
+    awake = false;
+    paintRest();
+  }
+  // You went back to the world: rest at once, and hand the keyboard back with it.
+  function rest() {
+    if (sheet || focus) return;
+    clearTimeout(restTimer);
+    restTimer = null;
+    until = 0;
+    if (keyboardOn() && document.activeElement.blur) document.activeElement.blur();
+    awake = false;
+    reaching = false;
+    paintRest();
+  }
+  // A key hint is its key alone; pointing at one, or reaching it with the keyboard, names it
+  // on the one plate above the row (visor.css .visor__hints[data-name]). Only where there is a
+  // pointer to hover with: a tap must not leave a name standing.
+  function nameHint(e) {
+    var box = root && root.querySelector('.visor__hints');
+    if (!box) return;
+    var h = (e.type === 'mouseover' || e.type === 'focusin') && e.target && e.target.closest ? e.target.closest('.visor__hint:not(.visor__hint--place)') : null;
+    var label = h ? h.querySelector('span:not(.visor__dots)') : null;
+    var hover = typeof window.matchMedia === 'function' && window.matchMedia('(hover: hover)').matches;
+    if (label && hover) box.setAttribute('data-name', label.textContent);
+    else box.removeAttribute('data-name');
+  }
+  function onRoot(e) { return !!(root && e.target && e.target.nodeType === 1 && root.contains(e.target)); }
+  function onPointerMove(e) {
+    if (!shown() || e.buttons || e.pointerType === 'touch') return; // a drag is looking, not reaching
+    reaching = onRoot(e) || e.clientY >= window.innerHeight - REACH;
+    if (reaching) wake();
+  }
+  function onPointerDown(e) { if (!shown()) return; if (onRoot(e)) wake(); else rest(); }
+  function onWheel(e) { if (shown() && !onRoot(e)) rest(); }
+
   // ---------- the keys: one resolver, so no key ever means two things (task 1005248) ----------
   // Every key the visor shows or binds comes from here, and here hands each key out once.
   // A key in ACTIONS or a scene's registration is a RECOMMENDATION: when it is already taken
@@ -239,6 +317,7 @@
     }
     if (focus && !was) document.addEventListener('keydown', onFocusKey, true);
     if (!focus && was) document.removeEventListener('keydown', onFocusKey, true);
+    wake(); // the place has something for you; the card holds the glass awake while it is up
     render();
   }
   // Closed by the person (Escape or the close mark): the scene is told, so it unpicks.
@@ -288,8 +367,26 @@
   // The two arcs are each a 1000×100 box stretched across the stage (preserveAspectRatio
   // none), with non-scaling strokes so each stays one hairline at any size. The notch and the
   // sight are drawn at their own size, so neither is ever stretched.
+  // One piece of the top arc, from t0 to t1 along it (task 1005266): the same curve, cut.
+  var ARC = [[76, 100], [500, -100], [924, 100]];
+  function arcPiece(t0, t1) {
+    var at = function (t, i) { var u = 1 - t; return u * u * ARC[0][i] + 2 * u * t * ARC[1][i] + t * t * ARC[2][i]; };
+    var mid = function (i) { return (1 - t0) * ((1 - t1) * ARC[0][i] + t1 * ARC[1][i]) + t0 * ((1 - t1) * ARC[1][i] + t1 * ARC[2][i]); };
+    var n = function (v) { return String(Math.round(v * 10) / 10); };
+    return 'M' + n(at(t0, 0)) + ' ' + n(at(t0, 1)) + 'Q' + n(mid(0)) + ' ' + n(mid(1)) + ' ' + n(at(t1, 0)) + ' ' + n(at(t1, 1));
+  }
+  // The top arc is the version's progress while the glass is awake: four pieces, one per
+  // quarter, coloured by segStates (visor.css .visor__seg--*). With no version to read, and
+  // at rest, it is the one plain arc.
+  function arcSegs() {
+    if (!progress) return '';
+    return segStates(progress.pct).map(function (s, i) {
+      return twice('<path class="visor__line visor__seg visor__seg--' + s + '" d="' + arcPiece(i / 4 + 0.006, (i + 1) / 4 - 0.006) + '"/>');
+    }).join('');
+  }
   function frameSvg() {
-    return svgOpen('visor__frame visor__frame--top', '0 0 1000 100', true) + twice('<path class="visor__line" d="M76 100Q500 -100 924 100"/>') + '</svg>' +
+    return svgOpen('visor__frame visor__frame--top' + (progress ? ' visor__frame--segs' : ''), '0 0 1000 100', true) +
+        twice('<path class="visor__line visor__arc" d="M76 100Q500 -100 924 100"/>') + arcSegs() + '</svg>' +
       svgOpen('visor__frame visor__frame--foot', '0 0 1000 100', true) + twice('<path class="visor__line" d="M76 0Q500 200 924 0"/>') + '</svg>' +
       svgOpen('visor__notch', '0 0 12 9') + twice('<path class="visor__line" d="M0 0l6 9l6 -9"/>') + '</svg>' +
       svgOpen('visor__sight', '0 0 24 24') + twice('<circle class="visor__line" cx="12" cy="12" r="11"/>') + '<circle class="visor__dot" cx="12" cy="12" r="2"/></svg>';
@@ -320,8 +417,7 @@
     var sprite = C && typeof C.portraitSrc === 'function' ? C.portraitSrc(id) : (C && typeof C.spriteSrc === 'function' ? C.spriteSrc(id) : '');
     var n = credits();
     return frameSvg() +
-      (scene.place ? '<p class="visor__place">' + esc(scene.place) + '</p>' : '') +
-      progressHtml() +
+      '<div class="visor__top">' + (scene.place ? '<p class="visor__place">' + esc(scene.place) + '</p>' : '') + progressHtml() + '</div>' +
       focusHtml() +
       '<div class="visor__foot">' +
         '<a class="visor__me" data-visor-me href="' + esc(hallHref('/profile')) + '">' +
@@ -355,13 +451,12 @@
       '</span>' +
       '<span class="visor__card-open">Open your profile</span></span>';
   }
-  // The kit's segments (controls.css .seg), always beside the words that say the same thing.
+  // The version's reading in words, beside the place; the four segments are the top arc
+  // (arcSegs, task 1005266), so the bars are never the only reading.
   function progressHtml() {
     if (!progress) return '';
-    var segs = segStates(progress.pct).map(function (s) { return '<li class="seg' + (s === 'todo' ? '' : ' seg--' + s) + '"></li>'; }).join('');
     var said = progress.id + (progress.name ? ', ' + progress.name : '') + ': ' + progress.pct + '% built';
     return '<div class="visor__progress" data-visor-progress title="' + esc(said) + '">' +
-      '<ol class="segs visor__segs" aria-hidden="true">' + segs + '</ol>' +
       '<p class="visor__progress-words"><span class="sr-only">' + esc(said) + '</span>' +
       '<span aria-hidden="true">' + esc(progress.id) + ' · ' + progress.pct + '%</span></p></div>';
   }
@@ -397,8 +492,13 @@
       root.setAttribute('role', 'region');
       root.setAttribute('aria-label', 'Visor');
       root.addEventListener('click', onClick);
+      root.addEventListener('focusin', function (e) { wake(); nameHint(e); });
+      root.addEventListener('focusout', nameHint);
+      root.addEventListener('mouseover', nameHint);
+      root.addEventListener('mouseout', nameHint);
       document.body.appendChild(root);
     }
+    paintRest();
     var open = !!sheet;
     closeSheet(false);
     root.hidden = false;
@@ -475,6 +575,9 @@
   function onClick(e) {
     var t = e.target && e.target.closest ? e.target : null;
     if (!t) return;
+    // A press that lands on a control you could not see wakes the glass and does nothing else;
+    // your picture is drawn at rest, so it is exempt.
+    if (resting() && !t.closest('[data-visor-me]')) { e.preventDefault(); wake(); return; }
     if (t.closest('[data-visor-close]')) { closeSheet(true); return; }
     if (t.closest('[data-visor-unfocus]')) { dropFocus(); return; }
     if (t.closest('[data-visor-lead]')) { if (focus && focus.lead && !focus.lead.busy) { closeSheet(false); focus.lead.run(); } return; }
@@ -533,6 +636,7 @@
     var hit = keyFor(character(), e);
     if (!hit) return;
     e.preventDefault();
+    wake(); // a visor key is reaching for it
     if (hit === 'sheet') { if (sheet) closeSheet(true); else openSheet(); return; }
     closeSheet(false);
     run(hit);
@@ -540,6 +644,12 @@
 
   function start() {
     window.addEventListener('keydown', onKey);
+    // Resting and waking: all three listen in capture and are passive, so they see a press or
+    // a wheel a scene stops, and never slow or change one (ADR 0399 §2.1: the glass is not layout).
+    window.addEventListener('pointermove', onPointerMove, { capture: true, passive: true });
+    window.addEventListener('pointerdown', onPointerDown, { capture: true, passive: true });
+    window.addEventListener('wheel', onWheel, { capture: true, passive: true });
+    wake(ARRIVE_FOR);
     // A scene whose script ran before this file left its registration here.
     if (window.__visorScene && !scene) registerScene(window.__visorScene);
     // The character and the credits settle when /me answers (craft-mode.js), after this file.
@@ -560,6 +670,11 @@
     open: openSheet,
     close: function () { closeSheet(true); },
     isOpen: function () { return !!sheet; },
+    // resting and waking (task 1005266): a scene may wake the glass; the tests read and drive it
+    wake: wake,
+    rest: rest,
+    resting: resting,
+    arcPiece: arcPiece,
     // pure parts, for the tests
     ACTIONS: ACTIONS,
     actionsFor: actionsFor,

package/modules/hall-ui/records/visor.md

@@ -6,6 +6,20 @@ Covers: `visor.js` + `visor.css`, loaded on Home, `/city`, `/goal-map` and `/thi
 
 The visor is the control and the scene is the view: every main call to action in game mode is on the glass (the accent button, the key hints, the Actions sheet), and a scene carries none of its own. A scene that has something to do registers it with `OTBVisor.scene({ actions, keys })`. ADR 0403 §3 lists the scenes that do not keep it yet; the Governor City keeps it since task 1005209 the sky since task 1005210, and Home's gallery since task 1005211 (below).
 
+## It rests while you look and wakes slim when you act (task 1005266, owner 2026-11-13)
+
+The owner: the design and the theme are right, but the glass took too much of the view (231 of a laptop's 720px of height). He chose from a six-way mock-up (private page, linked on the task): rest by default, and a slimmer glass when you need commands. Where this section and an older one below disagree about a size or where a part sits, this section is current. No action, key, id or data source changed.
+
+- **Awake, it is slimmer.** The top arc is the version's progress: the same curve in four pieces (`arcSegs`, coloured by `segStates`: built is the soft ink, being built is the character's colour, the rest faint). The place and the reading in words share one small line under it (`.visor__top`); the separate row of bars is gone. The foot row is smaller and sits lower: picture 40px, button 44px, credits at `--ds-text-4xl`. Insets: `--visor-arc` 44px, `--visor-inset-top` 48px, `--visor-inset-bottom` 36px, and the foot arc at `--visor-arc-foot`.
+- **A key hint is its key alone.** Its name stays in the page for a screen reader; pointing at the key, or reaching it with the keyboard, shows the name on one plate above the row (`nameHint`, `.visor__hints[data-name]::after`), so naming a key never moves another. Tried first and dropped: widening the hint on hover, which moved the row under the pointer and lost the click. The place's lead action (`.visor__hint--place`) keeps its words: they are the place's call to you (ADR 0403).
+- **At rest** (`.visor--rest`) only the arcs (one plain top arc), the sight and your picture are drawn. The rest fades out and stays in the page, so a key, the keyboard and a screen reader still reach it. Nothing moves, so waking is a fade.
+- **It wakes** when the pointer is within 160px of the bottom of the view or on a control, on a visor key, when keyboard focus comes onto it, when a scene hands it a pick (`focus`), and for 4s on arriving at a place. **It stays awake** while the sheet or a pick's card is open, while the pointer is still there, and while the keyboard is on it. **It rests** at once on a press or a wheel on the scene (handing the keyboard back), and after 3s idle. A press that lands on a control you could not see only wakes it. A scene may call `OTBVisor.wake()`.
+- **Only on a desk with a pointer** (`(hover: hover) and (pointer: fine)`, wider than 640px). A phone or tablet has nothing to reach with and keeps the whole glass; a phone's layout is as it was.
+- **Scenes.** `html.visor-on` carries `--visor-drop` (48px; 0 on a phone): how far the foot row dropped. The sky's bottom offsets and the city's door subtract it; the sky's top offsets are 40px smaller.
+- **Not done:** the sky's start panel and the city's wordmark were placed for the old top band and were not re-laid; arrow-key panning does not rest the glass (the idle timer does).
+
+Tests: `tests/hall_visor.mjs` (rest, wake, the drag that is not a reach, the sheet holding it awake, the unseen control, the key's name, the arc's pieces, a phone).
+
 ## A window the glass opens opens in the glass (task 1005253, owner 2026-11-13)
 
 - **The bug.** The options window and your profile window (`shell-game.js` `openOverlay`, `.opt-window`), and the game menu (`openMenu`, `.game-menu`, task 1005250), are reached from the visor, yet they opened as a box over the whole screen and covered the visor itself: the arcs, the place, your credits, the accent button and the hints.

package/modules/ui-design/scripts/gen-design-reference.js

@@ -339,7 +339,9 @@ module.exports = { build, blockVars };
 
 if (require.main === module) {
   const next = build();
-  const current = fs.existsSync(OUT) ? fs.readFileSync(OUT, 'utf8') : '';
+  // task 1005296: compare content, not line endings. A `core.autocrlf=true` checkout reads
+  // brand.html back as CRLF while build() is LF, which read as stale forever.
+  const current = fs.existsSync(OUT) ? fs.readFileSync(OUT, 'utf8').replace(/\r\n/g, '\n') : '';
   if (process.argv.includes('--check')) {
     if (current === next) process.stdout.write('brand.html: current\n');
     else {

package/package-lock.json

@@ -1,12 +1,12 @@
 {
   "name": "@bongos/core",
-  "version": "1.25.25",
+  "version": "1.25.27",
   "lockfileVersion": 3,
   "requires": true,
   "packages": {
     "": {
       "name": "@bongos/core",
-      "version": "1.25.25",
+      "version": "1.25.27",
       "license": "AGPL-3.0-or-later",
       "dependencies": {
         "express": "^4.21.2",

package/package.json

@@ -1,6 +1,6 @@
 {
   "name": "@bongos/core",
-  "version": "1.25.25",
+  "version": "1.25.27",
   "description": "Cloud Bongos — the AI-first build platform core (GDS + platform surfaces + module system), installed as a versioned dependency (ADR 0108).",
   "license": "AGPL-3.0-or-later",
   "main": "src/platform-server.js",

package/release-notes.json

@@ -11918,5 +11918,21 @@
       "id": "1005283",
       "text": "Someone with no GitHub account can now start a project. The creation page explains why GitHub is needed and offers a 'Make one free with Google' link. GitHub's own sign-up page opens, they continue with their Google account, a"
     }
+  ],
+  "1.25.26": [
+    {
+      "id": "1005266",
+      "text": "In game mode the visor now steps out of the way while you look around and fades back in, slimmer than before, when you reach for a command."
+    }
+  ],
+  "1.25.27": [
+    {
+      "id": "1005296",
+      "text": "The pre-ship health check no longer wrongly says the brand page and logo files are out of date on Windows computers."
+    },
+    {
+      "id": "1005197",
+      "text": "A hall check that always failed on Windows computers now works there, so it can again spot a page loading its scripts in the wrong order."
+    }
   ]
 }

package/scripts/bongos/gen-brand.js

@@ -35,6 +35,7 @@ const path = require('node:path');
 const crypto = require('node:crypto');
 const { readMarkSource, markParts, markFile, faviconSvg } = require('../../src/brand-mark');
 const { escapeHtml } = require('../../src/html-escape');
+const { sameContent } = require('./gen-freshness'); // eol-insensitive freshness (CRLF checkouts, task 1005296)
 
 const ROOT = path.resolve(__dirname, '..', '..');
 
@@ -158,7 +159,7 @@ async function main() {
   for (const [name, text] of Object.entries(files)) {
     const file = path.join(dir, name);
     const cur = fs.existsSync(file) ? fs.readFileSync(file, 'utf8') : null;
-    if (cur === text) continue;
+    if (cur !== null && sameContent(cur, text)) continue;
     stale.push(name);
     if (!args.includes('--check')) fs.writeFileSync(file, text);
   }

package/src/module-api.js

@@ -81,7 +81,7 @@ const { sleep } = require('./sleep');
 // MAJOR (see allowBoxScope below): passes the request through untouched.
 function deprecatedNoopMiddleware(_req, _res, next) { next(); }
 
-const CORE_VERSION = '1.25.25'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
+const CORE_VERSION = '1.25.27'; // CI auto-patch carrier (ADR 0161); changelog: docs/module-api-changelog.md
 
 // A namespaced logger so a module's log lines are attributable + consistent.
 // Usage: const log = api.logger('discord'); log.info('mounted');

package/tests/brand_mark.mjs

@@ -95,7 +95,8 @@ test('the brand folder holds exactly what gen-brand.js writes from the source (l
   const { brandFiles, packColors } = require('../scripts/bongos/gen-brand.js');
   const files = brandFiles(read(BRAND_DIR, 'mark.svg'), packColors());
   for (const [name, text] of Object.entries(files)) {
-    assert.equal(read(BRAND_DIR, name), text, `${name} is stale — run node scripts/bongos/gen-brand.js`);
+    assert.equal(read(BRAND_DIR, name).replace(/\r\n/g, '\n'), text, // CRLF checkouts (task 1005296)
+`${name} is stale — run node scripts/bongos/gen-brand.js`);
   }
   const c = packColors();
   assert.match(files['mark-light.svg'], new RegExp(c.ink));

package/tests/design_counts_ratchet.mjs

@@ -99,6 +99,7 @@ const GENERATOR_SOURCES = [
   'modules/hall-ui/public/controls.css',
   'modules/hall-ui/public/dom-utils.js',
   'scripts/bongos/gen-brand.js',
+  'scripts/bongos/gen-freshness.js',
   'src/brand-mark.js',
   'src/html-escape.js',
   'DESIGN.md',
@@ -135,6 +136,26 @@ test('the freshness gate passes on a fresh tree and fails when the token sheet c
   }
 });
 
+// task 1005296: a `core.autocrlf=true` checkout (every default Windows clone) hands the
+// generators CRLF copies of brand.html and the logo SVGs, while they build LF. Freshness is
+// about content, so line endings alone must not read as stale — but a real edit still must.
+test('the freshness gate ignores CRLF line endings on the brand page and the logo set', () => {
+  const dir = copiedTree();
+  const toCrlf = (f) => fs.writeFileSync(f, fs.readFileSync(f, 'utf8').replace(/\r\n/g, '\n').replace(/\n/g, '\r\n'));
+  try {
+    const page = path.join(dir, 'modules/ui-design/public/brand.html');
+    const brand = path.join(dir, 'modules/ui-design/public/brand');
+    toCrlf(page);
+    for (const f of fs.readdirSync(brand).filter((n) => n.endsWith('.svg'))) toCrlf(path.join(brand, f));
+    assert.ok(fs.readFileSync(page, 'utf8').includes('\r\n'), 'the brand page should now carry CRLF');
+    assert.deepEqual(checkDesignGeneratorsFresh(dir), [], 'CRLF alone must not read as stale');
+    fs.appendFileSync(page, '<!-- hand edit -->\r\n');
+    assert.ok(checkDesignGeneratorsFresh(dir).some((x) => x.startsWith('modules/ui-design/public/brand.html')), 'a real edit must still read as stale');
+  } finally {
+    fs.rmSync(dir, { recursive: true, force: true });
+  }
+});
+
 // task 1005133: the logo set joins the gate. Editing the one source (mark.svg) without
 // running gen-brand.js fails it; so does a PNG whose source page moved (the pack's ground)
 // or a PNG swapped by hand — the PNGs are checked by hash, not just their pixel size.

package/tests/design_reference.mjs

@@ -48,7 +48,7 @@ function sources() {
 // ── 1. generated ─────────────────────────────────────────────────────────────
 
 test('the committed page is exactly what the generator writes', () => {
-  assert.equal(PAGE, gen.build(),
+  assert.equal(PAGE.replace(/\r\n/g, '\n'), gen.build(), // CRLF checkouts (task 1005296)
     'modules/ui-design/public/brand.html is stale or hand-edited: run node modules/ui-design/scripts/gen-design-reference.js');
 });