@bongos/core 1.19.1011 → 1.19.1013

package/tests/ideator_traceable_proof.mjs

@@ -43,7 +43,7 @@
 
 import { strict as assert } from 'node:assert';
 import { createRequire } from 'node:module';
-import { makeRunner, makeSqlAwareClient, bootThinkingPage, settle } from './helpers.mjs';
+import { makeRunner, makeSqlAwareClient, bootSkyPage, settle } from './helpers.mjs';
 
 process.env.NODE_ENV = 'test';
 
@@ -182,13 +182,22 @@ async function anHourLater(filed) {
   return { ideas, total: ideas.length, limit: 50, offset: 0 };
 }
 
-// Boots the REAL room over a REAL trail response and hands back the HTML a
-// reader is actually shown. No receipt is reachable from here: bootThinkingPage's
-// localStorage answers null, which is the "another device, an hour later"
-// condition this proof is about.
+// Boots the REAL room — since task 1004231 the sky's list drawer, one key away
+// — over a REAL trail response (the rows GET /sky/mine hands back whole) and
+// hands back the page with the drawer open, so `.rows()` is the HTML a reader
+// is actually shown. No receipt is reachable from here: bootSkyPage's
+// localStorage holds nothing of the filing, which is the "another device, an
+// hour later" condition this proof is about. The live goal is a well in the
+// sky because the routed filing minted a task in it — GET /sky's wells are the
+// goals carrying at least one task — which is what lets the row NAME it.
 async function room(page) {
-  const p = bootThinkingPage({ pages: [{ ...page, offset: 0 }], viewer: { id: FILER } });
-  for (let i = 0; i < 10; i += 1) await settle();
+  const p = bootSkyPage({
+    mine: { builder_id: FILER, ideas: page.ideas, total: page.total, cap: 1000, truncated: false },
+    sky: { goals: [{ goal_id: String(LIVE_GOAL.id), title: 'The live goal', subtitle: null, status: 'open', version_id: LIVE_GOAL.version_id, category: null, task_total: 1, task_done: 0, created_at: '2026-08-01T00:00:00.000Z', criteria: [], tasks: [{ id: '9001', title: THOUGHT, status: 'backlog', credits_reward: 0, created_on: '2026-09-01', idea_id: null }] }], edges: [], counts: {}, cache: {} },
+    viewer: { id: FILER, permissions: {} },
+  });
+  for (let i = 0; i < 30; i += 1) await settle();
+  p.key('l');
   return p;
 }
 
@@ -213,15 +222,23 @@ await test('aimed: filing one line lands it as work, and the hall is told so at
 await test('aimed: AN HOUR LATER the room still names what it became, with no receipt in reach', async () => {
   const filed = await fileIt({ goalId: LIVE_GOAL.id });
   const page = await anHourLater(filed);
-  const rows = (await room(page)).rows();
+  const p = await room(page);
+  const rows = p.rows();
 
   assert.match(rows, /the filing receipt does not survive a reload/, 'the thought is on the page');
-  // "What became of it" — the task, by NAME and as a link. This is the answer
-  // the 2026-09-19 filing could not get.
-  assert.match(rows, new RegExp(`/task/${filed.captured.routed_task.id}\\b`),
-    'the row links the task the thought became');
+  // "What became of it" — the task, counted in the row and NAMED in the panel
+  // (the sky's drawer says "1 task"; its panel lists the descent by title, and
+  // the record is one door away). This is the answer the 2026-09-19 filing
+  // could not get.
+  assert.match(rows, /1 task/, 'the row says a task fell out of it');
   assert.doesNotMatch(rows, /nothing yet/,
     'a thought that became work is never drawn as one that caused none');
+  const i = p.S().ideas.find((x) => x.id === String(page.ideas[0].id));
+  p.SKY().pick({ kind: 'idea', ref: i }, false);
+  assert.match(p.panel(), /the descent — everything that fell out of it/);
+  assert.match(p.panel(), new RegExp(`<span class="st">backlog</span><span>${THOUGHT}`),
+    'the panel names the task the thought became, and its state');
+  assert.match(p.panel(), new RegExp(`href="/idea/${page.ideas[0].id}"`), 'and the record is a door away');
 });
 
 await test('aimed: the goal that caught it survives the hour — the room attributes it to the SAME well', async () => {
@@ -256,10 +273,15 @@ await test('floated: an hour later the room says nothing has claimed it — in t
   assert.equal(st.state, 'protostar', 'filed, not yet ignited');
   assert.equal(st.position, 'open-space', 'and nothing caught it');
 
-  const rows = (await room(page)).rows();
+  const p = await room(page);
+  const rows = p.rows();
   assert.match(rows, /the filing receipt does not survive a reload/, 'the thought is still on the page');
-  assert.match(rows, /nothing has claimed it/,
-    'the room says so in the reader\'s words, not by leaving the cell blank');
+  assert.match(rows, /· open space/, 'the row says it floats');
+  const i = p.S().ideas.find((x) => x.id === String(page.ideas[0].id));
+  assert.equal(p.SKY().positionWord(i), 'nothing has claimed it');
+  p.SKY().pick({ kind: 'idea', ref: i }, false);
+  assert.match(p.panel(), /nothing has claimed it/,
+    'the panel says so in the reader\'s words, not by leaving the fact blank');
 });
 
 // =========================================================================
@@ -275,41 +297,41 @@ await test('the two outcomes do not render alike — a caught thought and a floa
   const floatRows = (await room(await anHourLater(await fileIt({ goalId: null })))).rows();
 
   assert.notEqual(aimedRows, floatRows, 'the two rows are not the same HTML');
-  assert.match(aimedRows, /data-object="protostar"/, 'both are protostars — neither has been paid yet');
-  assert.match(floatRows, /data-object="protostar"/);
-  // …and the object column is what separates them, which is exactly the
-  // position axis idea-objects.js says is load-bearing for a protostar alone.
-  assert.doesNotMatch(aimedRows, /nothing has claimed it/,
+  assert.match(aimedRows, /class="mk protostar"/, 'both are protostars — neither has been paid yet');
+  assert.match(floatRows, /class="mk protostar"/);
+  // …and WHERE IT SITS is what separates them, which is exactly the position
+  // axis idea-objects.js says is load-bearing for a protostar alone: the caught
+  // one is in its well, the floating one in open space.
+  assert.match(aimedRows, /· in The live goal/, 'the caught thought names the well that caught it');
+  assert.doesNotMatch(aimedRows, /· open space/,
     'the caught thought must never be described as unclaimed');
-  assert.match(floatRows, /nothing has claimed it/);
+  assert.match(floatRows, /· open space/);
+  assert.doesNotMatch(floatRows, /· in The live goal/);
 });
 
 // =========================================================================
 // 4. HOW FAR THE CHAIN GETS BEFORE A GOAL IS NAMED — recorded, not assumed
 // =========================================================================
 
-await test('the room reaches the goal by LINK, not by name — pinned so the follow-up is visible', async () => {
-  // HONEST LIMIT OF THIS PROOF. The criterion asks that a person can answer
-  // "what happened to the thing I filed" unaided, and they can: the row names
-  // the task and links it, and the task record names its goal. What the room
-  // does NOT do is print the goal's own name, even though `state.wellGoalId`
-  // is resolved server-side and sits on the row it draws (idea-objects.js
-  // positionWord deliberately returns "has a home" / "waiting for a nod" and
-  // never the well's identity).
-  //
-  // That is a rendering gap, not a traceability one, so it is recorded here
-  // rather than fixed under a verify task (it is task 1004225) — and pinned, so that when the room
-  // does start naming the well this assertion fails and is deleted along with
-  // the follow-up it points at.
+await test('the room NAMES the well that caught it — the gap task 1004225 recorded is closed by the sky', async () => {
+  // The previous version of this case pinned the OPPOSITE: the old room printed
+  // the position ("has a home") and never the well's identity, and said so
+  // here so that the day the room started naming the well, the assertion would
+  // fail and be replaced. That day is task 1004231: the sky's drawer says
+  // "· in <the well>" on the row, and its panel's gravity fact links the goal.
   const filed = await fileIt({ goalId: LIVE_GOAL.id });
   const page = await anHourLater(filed);
-  const rows = (await room(page)).rows();
+  const p = await room(page);
+  const rows = p.rows();
 
   assert.ok(page.ideas[0].state.wellGoalId, 'the well IS resolved and delivered to the page');
-  assert.doesNotMatch(rows, new RegExp(`goal ${LIVE_GOAL.id}\\b`),
-    'and today the page does not print it — the goal is one link away, on the task');
-  assert.match(rows, /has a home|waiting for a nod/,
-    'what it prints instead is the position, which says a goal caught it without saying which');
+  assert.equal(String(page.ideas[0].state.wellGoalId), String(LIVE_GOAL.id));
+  assert.match(rows, /· in The live goal/, 'the row names the well by its title');
+  const i = p.S().ideas.find((x) => x.id === String(page.ideas[0].id));
+  p.SKY().pick({ kind: 'idea', ref: i }, false);
+  assert.match(p.panel(), new RegExp(`gravity</span><span class="v"><a href="#" data-goal="${LIVE_GOAL.id}">The live goal</a>`),
+    'and the panel makes the well a door');
+  assert.match(p.panel(), /waiting for a nod/, 'while still saying what its position means');
 });
 
 summary();

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

@@ -1,365 +0,0 @@
-/* sky.css — what THE SKY has that no other hall page has
-   (task 1004105 / BV2.R26, goal 1000095).
-
-   The composition is the shell's: `.page-head--board`, `.scroll` and
-   `.btn-ghost` come from style.css and are not restated here. What is left is
-   the four shapes only this page has — the well, its criterion rings, the
-   thought glyph in five objects, and the panel beside the field.
-
-   THE FIVE MARKS ARE THE ROOM'S, ONE SIZE UP. thinking.css draws the same five
-   objects at a fixed 9px because a table row has no room to say size in the
-   mark and says it in a bar instead. Here the mark IS the size channel, so the
-   geometry is parameterised by `--d` and everything else about it — filled /
-   haloed / orbited / hollow / hairline-edged — is deliberately the same
-   vocabulary. A reader who learned the five in the room must not have to learn
-   them again here, which is the same reason `idea-objects.js` is shared.
-
-   NO COLOUR THAT IS NOT A TOKEN. Every value below is one of the world's
-   fifteen or a color-mix of them, so the page inherits dark and light from the
-   pack rather than declaring either: there is not one mode-specific rule in
-   this sheet, which is why it needs no dark twin. `--line` is a WIDTH; a
-   hairline's colour is `--rule` / `--rule-soft`.
-
-   NO MOTION. Nothing here transitions or animates, so the sheet sits entirely
-   inside the Kill Switch rather than being excused by it. A field of a
-   person's own thinking that twinkles is a toy; this one is a measurement. */
-
-/* ---- the layout ----------------------------------------------------------
-   Field and panel side by side on a desk, stacked on a phone. The panel is
-   fixed-width because its job is to hold a sentence at a readable measure
-   whatever the field is doing beside it. */
-.sky-wrap {
-  display: grid;
-  grid-template-columns: minmax(0, 1fr) 320px;
-  gap: var(--sp-lg);
-  align-items: start;
-}
-
-/* ---- the wells -----------------------------------------------------------
-   One goal, one cell. The mock draws a single continuous starfield of absolute
-   coordinates; that reading survives 1280px and dies at 320, where four wells
-   overlap into one smear. `auto-fit` keeps one well per row on a phone and
-   four across on a desk with no second set of numbers. */
-.sky-field-grid {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(220px, 1fr));
-  gap: var(--sp-lg) var(--sp-md);
-  margin: 0 0 var(--sp-md);
-}
-.sky-well { min-width: 0; }
-.sky-well__h {
-  margin: 0;
-  font-family: var(--label-face);
-  font-size: var(--label-size);
-  letter-spacing: var(--label-space);
-  text-transform: var(--label-case);
-  font-weight: 400;
-  color: var(--ink-soft);
-}
-.sky-well__h a {
-  display: inline-block;
-  min-height: 24px;
-  padding: 3px 0;
-  line-height: 18px;
-  color: var(--ink-soft);
-  border-bottom: var(--line) solid var(--rule-soft);
-}
-.sky-well__h a:hover { color: var(--ink); border-bottom-color: var(--ink); text-decoration: none; }
-.sky-well__note {
-  margin: 2px 0 var(--sp-hair);
-  font-size: 12px;
-  color: var(--ink-faint);
-}
-
-/* The well itself. `--surface-2` and not a literal black: the direction's void
-   is the DARK mode of this pack, and a page that hard-coded it would be a hole
-   in a light instance. The recessed surface is the same shape in both. */
-.sky-field {
-  position: relative;
-  aspect-ratio: 1 / 1;
-  border-radius: 50%;
-  background: var(--surface-2);
-  /* The well's own edge. Faint, because the rings inside it are the thing
-     carrying meaning and an outer border competing with them would read as a
-     sixth criterion. */
-  box-shadow: inset 0 0 0 var(--line) var(--rule-soft);
-}
-
-/* ---- the criterion rings -------------------------------------------------
-   "A goal's criteria are the rings inside its well, closing as each is
-   satisfied." Closed is a solid hairline in `--ink-faint`; open is the softer
-   rule. `--ink-faint` and not `--rule` for the closed one is the finding the
-   room's remnant glyph recorded: at the hairline's weight `--rule` measures
-   under the 3:1 non-text floor on the dark ground, and a satisfied criterion is
-   exactly the thing that must read. */
-.sky-ring {
-  position: absolute;
-  left: 50%;
-  top: 50%;
-  width: var(--r);
-  height: var(--r);
-  transform: translate(-50%, -50%);
-  border-radius: 50%;
-  border: var(--line) dashed var(--rule-soft);
-}
-.sky-ring[data-closed="1"] { border-style: solid; border-color: var(--ink-faint); }
-
-/* ---- a thought -----------------------------------------------------------
-   The BUTTON is the 24px floor and the GLYPH is the drawing. They are two
-   elements on purpose: a 9px cold body is the right mark and a 9px hit target
-   is not a control, so the target is sized for a hand and the mark for the
-   truth. Centred on its point, so `left`/`top` mean the thought's position and
-   not the corner of its box. */
-.sky-body {
-  position: absolute;
-  transform: translate(-50%, -50%);
-  display: flex;
-  align-items: center;
-  justify-content: center;
-  width: 34px;
-  height: 34px;
-  padding: 0;
-  margin: 0;
-  border: 0;
-  border-radius: 50%;
-  background: transparent;
-  cursor: pointer;
-}
-/* The hover halo is mixed from the ACCENT and not from `--ink`: `--ink` is
-   #17181a in light and #ffffff in dark, so a flat wash of it over whatever is
-   behind turns white and LIFTS the field in dark instead of marking the target
-   (tests/hall_audit.mjs, "no rule washes a whole surface with a ground token" —
-   the same inversion .palette__scrim and .ov-modal-bg both had). The accent
-   does not flip, and a pressable thing warming under the pointer is the world's
-   own rule for what the accent is for. */
-.sky-body:hover { background: color-mix(in srgb, var(--accent) 14%, transparent); }
-.sky-body:focus-visible { outline: 2px solid var(--focus); outline-offset: 0; }
-.sky-body[data-picked="1"] { box-shadow: inset 0 0 0 var(--line) var(--accent); }
-
-/* ---- the five objects ----------------------------------------------------
-   THE MARK RESTATES THE WORD IN SHAPE. Every object differs from the others by
-   geometry — filled, haloed, orbited, hollow, hairline-edged — and not only by
-   tone, because a mark distinguished by colour alone tells a colour-blind
-   reader nothing. Same rule, same five shapes, as thinking.css.
-
-   `--lit` is the server's brightness. It rides the star's opacity and the
-   star's ALONE: the other four have no live share to show and dimming them
-   would invent one. A star whose brightness could not be READ arrives with
-   `--lit: 1` and says so in the panel's words. The 0.35 floor is a contrast
-   floor — below it the mark stops clearing 3:1 and a dim star becomes an absent
-   one, which is the wrong reading entirely. A star is never nothing. */
-.sky-glyph {
-  display: block;
-  flex: none;
-  box-sizing: border-box;
-  width: var(--d, 10px);
-  height: var(--d, 10px);
-  border-radius: 50%;
-  background: var(--ink-faint);
-}
-
-/* star — filled, accent, dimmed by its live share, sized by what it caused. */
-.sky-glyph[data-object="star"] {
-  background: var(--accent);
-  opacity: max(0.35, var(--lit, 1));
-}
-/* protostar — the halo: matter gathering, not yet burning. */
-.sky-glyph[data-object="protostar"] {
-  background: var(--ink-soft);
-  box-shadow: 0 0 0 4px color-mix(in srgb, var(--accent) 18%, transparent);
-}
-/* satellite — a small body with an orbit detached from it, so it reads as
-   something going round rather than as a thick edge. It is drawn beside the
-   thought it was folded into (sky.js `group`), because "it orbits that one now"
-   is a claim about position that the mark alone cannot make. */
-.sky-glyph[data-object="satellite"] {
-  background: var(--ink-soft);
-  /* `--ink-faint` and not the room's `--rule`: there the orbit sits against a
-     card at 6px across, here it is the thing that tells a reader this body
-     belongs to the one beside it, and at the hairline's weight on `--surface-2`
-     `--rule` measured under the 3:1 non-text floor. */
-  outline: var(--line) solid var(--ink-faint);
-  outline-offset: 4px;
-}
-/* remnant — the hollow ring, and the whole reason size and brightness are two
-   channels: a thought that caused a great deal of work the project then tore
-   out keeps every pixel of its diameter and loses all of its fill. LARGE AND
-   DEAD, never small. `--ink-faint` and not `--rule` for the 3:1 floor. */
-.sky-glyph[data-object="remnant"] {
-  background: transparent;
-  box-shadow: inset 0 0 0 1.5px var(--ink-faint);
-}
-/* cold body — a dark point with a hairline edge. It never ignited, so it has no
-   size at all, and the mark says that by being the one object with nothing
-   inside it and nothing around it. */
-.sky-glyph[data-object="cold-body"] {
-  background: var(--surface);
-  box-shadow: inset 0 0 0 var(--line) var(--ink-faint);
-}
-/* A size that could not be READ is drawn at the floor diameter and marked, so
-   the floor is never read as a measured zero. Dotted, the sheet's existing
-   "this is a footnote, not a warning" weight. */
-.sky-glyph[data-size="unknown"] { outline: var(--line) dotted var(--rule); outline-offset: 3px; }
-
-/* ---- the panel ----------------------------------------------------------- */
-.sky-panel {
-  border-left: var(--line) solid var(--rule-soft);
-  padding-left: var(--sp-md);
-  min-width: 0;
-}
-.sky-panel__head { display: flex; align-items: center; gap: 12px; min-height: 30px; }
-.sky-panel__object {
-  font-family: var(--label-face);
-  font-size: var(--label-size);
-  letter-spacing: var(--label-space);
-  text-transform: var(--label-case);
-  color: var(--ink-soft);
-}
-.sky-panel__title { margin: var(--sp-hair) 0 var(--sp-sm); font-size: 18px; line-height: 1.3; }
-.sky-panel__title a {
-  display: inline-block;
-  min-height: 24px;
-  padding: 2px 0;
-  color: var(--ink);
-  border-bottom: var(--line) solid var(--rule);
-}
-.sky-panel__title a:hover { border-bottom-color: var(--ink); text-decoration: none; }
-.sky-panel__pos { margin: var(--sp-sm) 0 0; font-size: 13px; color: var(--accent-ink); }
-.sky-panel__blurb { margin: var(--sp-hair) 0 var(--sp-md); font-size: 13px; color: var(--ink-faint); }
-.sky-panel__out { margin: 0; }
-.sky-pick { margin: 0; font-size: 13.5px; color: var(--ink-faint); max-width: var(--measure); }
-/* The shell's prose-link recipe, restated for this page's two prose voices
-   rather than added to `style.css`'s selector list: that sheet is linked with a
-   hand-written `?v=` on all 29 hall pages, so a one-selector addition there is a
-   29-file cache bump for a rule only this page needs. Measured at 81x18 by the
-   kit before this existed — a link in a line with no vertical rhythm of its own
-   renders at its line box and fails the 24px floor on the height; the padding
-   buys it back and the equal negative margin hands the space to the layout so
-   the sentence does not re-space. */
-.sky-pick a,
-.sky-empty a {
-  display: inline-block;
-  min-width: 24px;
-  min-height: 24px;
-  padding: 3px 4px;
-  margin: 0 -4px;
-  line-height: 18px;
-  text-align: center;
-}
-
-.sky-facts { display: grid; }
-.sky-fact {
-  display: flex;
-  align-items: baseline;
-  gap: 14px;
-  padding: 10px 0;
-  border-top: var(--line) solid var(--rule-soft);
-}
-.sky-fact:last-child { border-bottom: var(--line) solid var(--rule-soft); }
-.sky-fact__k {
-  flex: none;
-  font-family: var(--label-face);
-  font-size: var(--label-size);
-  letter-spacing: var(--label-space);
-  text-transform: var(--label-case);
-  color: var(--ink-faint);
-}
-.sky-fact__v {
-  margin-left: auto;
-  text-align: right;
-  font-size: 13.5px;
-  color: var(--ink-soft);
-  min-width: 0;
-  display: flex;
-  align-items: center;
-  justify-content: flex-end;
-  flex-wrap: wrap;
-  gap: 8px;
-}
-.sky-fact__v a {
-  display: inline-block;
-  min-height: 24px;
-  padding: 2px 0;
-  color: var(--ink-soft);
-  border-bottom: var(--line) solid var(--rule-soft);
-}
-.sky-fact__v a:hover { color: var(--ink); border-bottom-color: var(--ink); text-decoration: none; }
-.sky-quiet { color: var(--ink-faint); }
-.sky-brightword { font-size: 13px; color: var(--ink-soft); }
-/* Bar and word together, never the bar alone — and no bar at all when the share
-   could not be read (sky.js brightHtml), because a bar at zero and a bar nobody
-   could measure look identical and one of them is a claim. */
-.sky-bar {
-  display: block;
-  flex: none;
-  width: 56px;
-  height: 3px;
-  border-radius: 999px;
-  background:
-    linear-gradient(to right, var(--fill, var(--accent)) 0 var(--w, 0%), transparent var(--w, 0%) 100%),
-    var(--rule-soft);
-}
-.sky-bar[data-lit="out"] { --fill: var(--ink-faint); }
-.sky-hist {
-  font-size: 11.5px;
-  color: var(--ink-faint);
-  text-decoration: none;
-  border-bottom: var(--line) dotted var(--rule);
-  cursor: help;
-}
-
-/* ---- the legend ---------------------------------------------------------- */
-.sky-legend {
-  display: grid;
-  grid-template-columns: repeat(auto-fit, minmax(210px, 1fr));
-  gap: var(--sp-sm) var(--sp-md);
-  margin: var(--sp-md) 0 0;
-  padding-top: var(--sp-md);
-  border-top: var(--line) solid var(--rule-soft);
-}
-.sky-leg { display: flex; align-items: flex-start; gap: 11px; }
-.sky-leg .sky-glyph { margin-top: 4px; }
-.sky-leg__body { display: grid; gap: 4px; min-width: 0; }
-.sky-leg__name {
-  font-family: var(--label-face);
-  font-size: var(--label-size);
-  letter-spacing: var(--label-space);
-  text-transform: var(--label-case);
-  color: var(--ink-soft);
-}
-.sky-leg__what { font-size: 12.5px; line-height: 1.4; color: var(--ink-faint); }
-
-/* ---- notes + the empty state --------------------------------------------- */
-.sky-empty {
-  margin: 0;
-  padding: var(--sp-md) 0;
-  font-size: 14px;
-  color: var(--ink-soft);
-  max-width: var(--measure);
-}
-.sky-foot {
-  margin: var(--sp-md) 0 0;
-  font-size: 13px;
-  color: var(--ink-faint);
-  max-width: var(--measure);
-}
-
-/* ---- the phone -----------------------------------------------------------
-   The panel goes under the field and loses its rule-and-indent, because a
-   320px column has no width to give to a 22px gutter. Nothing below widens the
-   document: the page never scrolls sideways. */
-@media (max-width: 860px) {
-  .sky-wrap { grid-template-columns: minmax(0, 1fr); }
-  .sky-panel {
-    border-left: 0;
-    padding-left: 0;
-    border-top: var(--line) solid var(--rule-soft);
-    padding-top: var(--sp-md);
-  }
-}
-@media (max-width: 640px) {
-  /* One well to a row, and capped so a single well does not become a
-     full-width circle taller than the viewport. */
-  .sky-field-grid { grid-template-columns: minmax(0, 1fr); }
-  .sky-field { max-width: 300px; }
-}

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

@@ -1,79 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <meta name="viewport" content="width=device-width, initial-scale=1">
-  <title>Your sky — {{worldName}}</title>
-  <meta name="description" content="The ambient view of your own thinking: goals as gravity wells, criteria as the rings inside them, and every thought you filed drawn at the size of the work it caused.">
-  <link rel="icon" href="data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 32 32'><text x='16' y='24' font-size='24' text-anchor='middle' font-family='sans-serif'>⌂</text></svg>">
-  <link rel="preconnect" href="https://fonts.googleapis.com">
-  <link rel="preconnect" href="https://fonts.gstatic.com" crossorigin>
-  <link rel="stylesheet" href="/builders/style.css?v=2026-07-02-shell1">
-  <link rel="stylesheet" href="/builders/sky.css">
-</head>
-<!-- THE SKY (task 1004105 / BV2.R26). It is the ambient half of the ideator
-     surface and, by spec decision 11, NEVER the only path to anything it shows:
-     it takes no nav slot of its own and is reached from the room, which is the
-     page it is ambient ABOUT. That is deliberate rather than a saving — a third
-     ideator entry in the nav beside Ideas and Your thinking would make the
-     picture look load-bearing, and the direction's first refusal is that it is
-     not. The room links here; every thought here links back to its record. -->
-<body data-page="sky" data-page-title="Your sky">
-
-<div class="app">
-  <aside class="app-sidebar" id="app-sidebar" aria-label="Primary"></aside>
-  <div class="app-scrim" id="app-scrim" hidden></div>
-  <div class="app-body">
-    <header class="app-topbar" id="app-topbar"></header>
-    <div class="app-content">
-      <!-- The LABEL voice: a working surface takes the board's head, not the
-           reading room's (modules/hall-ui/CLAUDE.md, the two page-head voices).
-           The sky is a working surface even though it is the ambient one. -->
-      <div class="page-head page-head--board">
-        <h1 class="page-head__h">Your sky</h1>
-        <p class="page-head__sub" id="sky-sub">Drawing what you filed…</p>
-      </div>
-
-      <main id="hall-main">
-        <section class="scroll" id="sky-scroll" aria-labelledby="sky-h">
-          <h2 id="sky-h" class="scroll__h">Your thinking, as a map</h2>
-          <p class="scroll__lede">
-            Open goals are gravity wells and their criteria are the rings inside them,
-            closing as each is met. A thought sits in the well that caught it, drawn at
-            the size of the work it caused, lit by how much of that work is still alive.
-            Nothing here is only here — the same trail is a list in
-            <a href="/builders/thinking">your thinking</a>.
-          </p>
-
-          <div class="sky-wrap">
-            <!-- The field and the panel are both written by sky.js from ONE
-                 read, so nothing on this page can be a second copy of a number
-                 the server already computed. -->
-            <div id="sky-map" class="sky-field-grid"></div>
-            <aside id="sky-panel" class="sky-panel" role="status" aria-live="polite" aria-label="The picked thought"></aside>
-          </div>
-
-          <div id="sky-legend" class="sky-legend"></div>
-          <p class="sky-foot" id="sky-foot" hidden></p>
-        </section>
-      </main>
-
-      <footer class="app-foot" id="app-foot"></footer>
-    </div>
-  </div>
-</div>
-
-<div id="toast" class="toast" role="status" aria-live="polite" data-visible="0"></div>
-
-<script src="/builders/shell.js?v=2026-09-22-movefeedback1"></script>
-<script src="/builders/palette.js" defer></script>
-<script src="/builders/dom-utils.js?v=2026-06-23-contrib"></script>
-<!-- The SAME shared vocabulary the room loads, at the same version: the server
-     says which of the five objects a thought is, this file says what the object
-     is called and what sentence goes with it, and two surfaces reading two
-     copies is exactly how the sky ends up calling a thought "burned out" while
-     the room beside it says "declined". -->
-<script src="/builders/idea-objects.js?v=2026-09-20-r03"></script>
-<script src="/builders/sky.js?v=2026-09-20-r26"></script>
-</body>
-</html>