@bongos/core 1.19.484 → 1.19.486

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

@@ -0,0 +1,333 @@
+/* panel.css — the PANEL archetype: a titled panel that holds a form, read top
+   to bottom (task 1003308, goal 1000081). Shared by settings, profile, pair,
+   and not-ready — the pages where the builder reads a label, a
+   sentence of consequence, and then acts on ONE control.
+
+   THE ARCHETYPE is v3 "the glass hall", the owner's pick from the composition
+   round — docs/design/hall-direction-v2.md §6, mock
+   docs/design/mocks/hall/settings/v3.html. Reading order inside a panel: the
+   panel's name, one lede of purpose, then ROWS — each a label, a description in
+   the soft ink, and the control on the right — or a FIELD, its label above it
+   in the label voice, the input and its button on one line, the status line
+   under it, and a note in the faint ink at the foot saying when the change
+   applies. The panel is the shell's `.scroll`; v3 has exactly three card levels
+   and a fourth would be a design decision, not a local override.
+
+   WHAT IS SHARED and what is not: the row, the switch, the field, the chip
+   control, the status/hint/note voices and the sign-in gate are the family's.
+   The section rail and the token ladder are settings' (settings.css); the
+   identity band and the shelf are the profile's (profile.css); the device card
+   is pair's (pair.css).
+
+   THE NAMES the page scripts already write (`.sound-row`, `.sessions-row`,
+   `.settings-btn`, `.craft-chip` …) are aliased onto the family's rules here
+   rather than renamed in three JS files: a class name is not what was wrong
+   with these pages — the six divergent hand-rolled rows were.
+
+   Everything below spends the world's real token names. No compat alias
+   (--surface / --surface-2 / --border / --border-strong / --accent-weak /
+   --accent-text) appears here — they exist for pages nobody has re-skinned, so
+   spending one is legal CSS that quietly opts this sheet back out of the world.
+   `--line` is a WIDTH; the hairline's colour is --rule / --rule-soft. */
+
+/* ---- the page head ------------------------------------------------------ */
+/* The family takes the reading room's VOICE — the page's own name, lowercase in
+   the display face — because on a settings page the document IS the page: the
+   builder came to read their own record and change one line of it. The room's
+   top air is a reading room's; a form page starts at the content edge. */
+.page-head--room.page-head--panel { padding-top: 0; }
+.page-head--room.page-head--panel .page-head__sub { margin-top: var(--sp-sm); }
+
+/* ---- the panel's voices ------------------------------------------------- */
+.panel-lede,
+.scroll > .panel-lede { margin: 0 0 var(--sp-sm); max-width: var(--measure); font-size: 14.5px; color: var(--ink-soft); }
+.panel-note,
+.section-note { margin: var(--sp-sm) 0 0; max-width: var(--measure); font-size: 13px; color: var(--ink-faint); }
+.panel-note:empty, .section-note:empty { display: none; }
+.panel-hint,
+.settings-card__hint { font-size: 13px; color: var(--ink-faint); }
+.panel-status,
+.settings-status,
+.pair-status { margin: var(--sp-xs) 0 0; min-height: 1.2em; font-size: 13.5px; color: var(--ink-soft); }
+.panel-status--ok, .settings-card__ok, .pair-status--ok { color: var(--ok); }
+.panel-status--danger, .pair-status--err { color: var(--danger); }
+.panel-status:empty, .settings-status:empty { margin-top: 0; min-height: 0; }
+/* a prose link in any of the four voices is a control and owes the 24px floor */
+.panel-lede a, .panel-note a, .panel-hint a, .panel-status a, .settings-card__hint a, .section-note a {
+  display: inline-block;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 3px 4px;
+  margin: 0 -4px;
+  color: var(--accent-ink);
+}
+
+/* ---- the row: label, description, control ------------------------------ */
+.prows,
+.sound-rows, .event-sound-rows, .sessions-list, #cross-project-rows, #privacy-rows { display: flex; flex-direction: column; margin-top: var(--sp-sm); }
+.prow,
+.sound-row, .event-sound-row, .sessions-row {
+  display: flex;
+  align-items: center;
+  gap: var(--sp-sm);
+  padding: var(--sp-sm) 0;
+  border-top: var(--line) solid var(--rule-soft);
+}
+.prow__main,
+.sound-row__text, .event-sound-row__text, .sessions-row__main { flex: 1 1 auto; min-width: 0; }
+.prow__label,
+.sound-row__label, .event-sound-row__label, .sessions-row__main > strong { display: block; margin: 0; font-size: 14.5px; font-weight: 500; color: var(--ink); }
+.prow__desc,
+.sound-row__desc, .event-sound-row__desc, .sessions-row__agent, .sessions-row__when { display: block; margin: 2px 0 0; font-size: 13.5px; color: var(--ink-soft); }
+.prow__ctl,
+.event-sound-row__controls { display: flex; align-items: center; justify-content: flex-end; flex: none; flex-wrap: wrap; gap: var(--sp-hair); }
+/* the default note on a row label — "· default for your rank" — is a fact, so it
+   takes the label voice beside the label rather than the label's own weight */
+.prow__tag,
+.voices__default { margin-left: 8px; font-family: var(--label-face); font-size: 10.5px; font-weight: 400; letter-spacing: var(--label-space); text-transform: var(--label-case); color: var(--ink-faint); }
+/* a pick row: the whole row is the radio's label */
+.prow--pick { cursor: pointer; }
+.prow--pick .prow__main { display: block; }
+.prow--pick .prow__label, .prow--pick .prow__desc { display: block; }
+.prow--pick[aria-disabled="true"] { cursor: default; }
+.prow--pick[aria-disabled="true"] .prow__label { color: var(--ink-soft); }
+
+/* the action row at a panel's foot: buttons and their status on one line */
+.row-end,
+.settings-card, .craft-actions, .artkey-actions { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-xs); margin-top: var(--sp-sm); }
+.row-end .panel-status, .row-end .settings-status,
+.craft-actions .settings-status { margin: 0; }
+
+/* ---- the controls: every one clears 24px on both axes ------------------- */
+/* the family button: a glass pill, 38px, quiet by default. `--save` is the
+   accent door — the panel's one primary act — and takes --accent-on, the dark
+   ink for the salmon; white on it fails AA and DESIGN.md bans it. */
+.pbtn,
+.settings-btn, .sessions-row__end, .event-sound-preview, .pair-approve {
+  display: inline-flex;
+  align-items: center;
+  justify-content: center;
+  gap: 8px;
+  min-height: 38px;
+  min-width: 38px;
+  padding: 0 15px;
+  border: var(--line) solid var(--glass-edge);
+  border-radius: var(--radius-pill);
+  background: var(--glass);
+  color: var(--ink);
+  font: inherit;
+  font-size: 14px;
+  line-height: 1.2;
+  white-space: nowrap;
+  text-decoration: none;
+  cursor: pointer;
+  transition: background 200ms cubic-bezier(.2,.7,.3,1), border-color 200ms cubic-bezier(.2,.7,.3,1), color 200ms cubic-bezier(.2,.7,.3,1);
+}
+.pbtn:hover:not(:disabled), .settings-btn:hover:not(:disabled), .sessions-row__end:hover:not(:disabled),
+.event-sound-preview:hover:not(:disabled), .pair-approve:hover:not(:disabled) { background: var(--glass-strong); color: var(--ink); text-decoration: none; }
+.pbtn:disabled, .settings-btn:disabled, .sessions-row__end:disabled, .pair-approve:disabled,
+.pbtn[aria-disabled="true"], .settings-btn[aria-disabled="true"] { color: var(--ink-faint); background: var(--glass); cursor: default; }
+.pbtn--quiet, .settings-btn--quiet, .sessions-row__end, .event-sound-preview { background: transparent; }
+.pbtn--save,
+.craft-save, .pair-approve { background: var(--accent); border-color: var(--accent); color: var(--accent-on); font-weight: 500; }
+.pbtn--save:hover:not(:disabled), .craft-save:hover:not(:disabled), .pair-approve:hover:not(:disabled) { background: var(--accent-lift); border-color: var(--accent-lift); color: var(--accent-on); }
+.craft-save:disabled, .pbtn--save:disabled, .pair-approve:disabled { background: var(--glass); border-color: var(--glass-edge); color: var(--ink-faint); }
+/* the shell's `.craft-save` was a bordered box; it is the family's save button
+   now, so it carries the pill's own box model too */
+button.craft-save { display: inline-flex; align-items: center; justify-content: center; min-height: 38px; min-width: 38px; padding: 0 15px; border-radius: var(--radius-pill); font: inherit; font-size: 14px; cursor: pointer; }
+
+/* the field: label above, input and its button on one line */
+.field-label,
+.join-note-label {
+  display: block;
+  margin: var(--sp-sm) 0 var(--sp-hair);
+  font-family: var(--label-face);
+  font-size: var(--label-size);
+  letter-spacing: var(--label-space);
+  text-transform: var(--label-case);
+  color: var(--ink-faint);
+}
+.field,
+.display-name-row, .artkey-entry-row, .join { display: flex; flex-wrap: wrap; align-items: center; gap: var(--sp-xs); margin-top: 0; }
+.field .field-label { flex: 1 1 100%; margin-top: 0; }
+.pinput,
+.display-name-input, .artkey-input, .join input, .join-note {
+  flex: 1 1 260px;
+  max-width: 420px;
+  min-height: 38px;
+  padding: 0 16px;
+  font: inherit;
+  font-size: 15px;
+  color: var(--ink);
+  background: var(--glass);
+  border: var(--line) solid var(--glass-edge);
+  border-radius: var(--radius-pill);
+  transition: border-color 200ms cubic-bezier(.2,.7,.3,1);
+}
+.pinput::placeholder, .display-name-input::placeholder, .artkey-input::placeholder, .join input::placeholder, .join-note::placeholder { color: var(--ink-faint); }
+.pinput:hover, .display-name-input:hover, .artkey-input:hover, .join input:hover, .join-note:hover { border-color: var(--rule); }
+.pinput[aria-invalid="true"], .display-name-input[aria-invalid="true"] { border-color: var(--danger); }
+/* a secret is typed in the mono face so a pasted key reads as what it is */
+.artkey-input { font-family: var(--font-mono); font-size: 13.5px; }
+.psel,
+.event-sound-select, .voices__select { min-height: 38px; padding: 0 var(--sp-xs); font: inherit; font-size: 14px; color: var(--ink); background: var(--glass); border: var(--line) solid var(--glass-edge); border-radius: var(--radius-pill); cursor: pointer; }
+.psel:hover, .event-sound-select:hover, .voices__select:hover { border-color: var(--rule); }
+.prange,
+.sound-volume input[type="range"] { flex: 1 1 200px; max-width: 260px; height: 38px; margin: 0; accent-color: var(--accent); cursor: pointer; }
+.pradio { width: 24px; height: 24px; flex: none; margin: 0; accent-color: var(--accent); cursor: pointer; }
+.pradio:disabled { cursor: default; opacity: .55; }
+
+/* the switch: a 46x38 button whose drawn track is 44x24 — the target clears
+   the floor, the drawing stays the world's small shape. State is aria-checked;
+   the page scripts still read data-on, which they wrote. */
+.sw,
+.sound-toggle {
+  position: relative;
+  display: inline-flex;
+  align-items: center;
+  width: 46px;
+  min-width: 46px;
+  height: 38px;
+  flex: none;
+  padding: 0;
+  margin: 0;
+  border: 0;
+  background: none;
+  font-size: 0;
+  color: transparent;
+  cursor: pointer;
+}
+.sw__track {
+  width: 44px;
+  height: 24px;
+  border-radius: var(--radius-pill);
+  background: var(--glass-strong);
+  border: 1px solid var(--rule);
+  transition: background 240ms cubic-bezier(.2,.7,.3,1), border-color 240ms cubic-bezier(.2,.7,.3,1);
+}
+.sw__knob {
+  position: absolute;
+  left: 5px;
+  width: 16px;
+  height: 16px;
+  border-radius: var(--radius-pill);
+  background: var(--ink-faint);
+  transition: transform 260ms cubic-bezier(.2,.7,.3,1), background 240ms cubic-bezier(.2,.7,.3,1);
+}
+.sw[aria-checked="true"] .sw__track, .sound-toggle[aria-checked="true"] .sw__track { background: var(--accent-tint); border-color: var(--accent); }
+.sw[aria-checked="true"] .sw__knob, .sound-toggle[aria-checked="true"] .sw__knob { transform: translateX(20px); background: var(--accent); }
+.sw:disabled, .sound-toggle:disabled { cursor: default; opacity: .55; }
+@media (prefers-reduced-motion: reduce) {
+  .sw__track, .sw__knob, .pbtn, .settings-btn, .pinput { transition: none; }
+}
+
+/* the chip control: a checkbox in a pill. The box is a 24px target drawing a
+   14px square — the 13x13 native box was the smallest control in the hall. */
+.chips,
+.craft-chips { display: flex; flex-wrap: wrap; gap: var(--sp-hair); margin-top: var(--sp-sm); }
+.chip-ctl,
+.craft-chip {
+  display: inline-flex;
+  align-items: center;
+  gap: 6px;
+  min-height: 38px;
+  padding: 0 14px 0 8px;
+  border: var(--line) solid var(--glass-edge);
+  border-radius: var(--radius-pill);
+  background: var(--glass);
+  color: var(--ink-soft);
+  font-size: 14px;
+  text-transform: lowercase;
+  cursor: pointer;
+  user-select: none;
+}
+.chip-ctl:has(input:checked), .craft-chip[data-on="1"] { color: var(--ink); border-color: var(--rule); }
+.chip-ctl input, .craft-pref {
+  appearance: none;
+  -webkit-appearance: none;
+  position: relative;
+  width: 24px;
+  height: 24px;
+  margin: 0;
+  flex: none;
+  cursor: pointer;
+}
+.chip-ctl input::before, .craft-pref::before {
+  content: "";
+  position: absolute;
+  inset: 5px;
+  width: 14px;
+  height: 14px;
+  border: var(--line) solid var(--ink-faint);
+  border-radius: 4px;
+  background: transparent;
+}
+.chip-ctl input:checked::before, .craft-pref:checked::before { background: var(--accent); border-color: var(--accent); }
+.chip-ctl input:checked::after, .craft-pref:checked::after {
+  content: "";
+  position: absolute;
+  left: 9px;
+  top: 6px;
+  width: 4px;
+  height: 8px;
+  border: solid var(--accent-on);
+  border-width: 0 2px 2px 0;
+  transform: rotate(45deg);
+}
+
+/* ---- the status pill on a row --------------------------------------------- */
+/* the fixed status vocabulary in the label voice — the shell's .fact-pill; the
+   sessions badge is the same pill under the name settings-sessions.js writes */
+.sessions-row__badge {
+  display: inline-flex;
+  align-items: center;
+  min-height: 24px;
+  padding: 0 11px;
+  margin-left: 8px;
+  border: var(--line) solid currentColor;
+  border-radius: var(--radius-pill);
+  font-family: var(--label-face);
+  font-size: 10.5px;
+  font-weight: 400;
+  letter-spacing: var(--label-space);
+  text-transform: var(--label-case);
+  color: var(--info);
+  white-space: nowrap;
+  vertical-align: middle;
+}
+
+/* ---- the banner: one line of consequence, warn or ok ---------------------- */
+.pbanner {
+  margin: 0 0 var(--sp-sm);
+  padding: var(--sp-xs) var(--sp-sm);
+  font-size: 14px;
+  line-height: 1.45;
+  color: var(--ink);
+  background: var(--warn-weak);
+  border-left: 2px solid var(--warn);
+  border-radius: var(--radius-sm);
+}
+.pbanner--ok { background: var(--ok-weak); border-left-color: var(--ok); }
+.pbanner strong { font-weight: 500; }
+
+/* ---- the sign-in gate ----------------------------------------------------- */
+/* Shown INSTEAD of the page when there is nobody to show it to. It is a panel
+   with the display voice, the honest sentence, and the one door. */
+.gate { border-top: var(--line) solid var(--glass-edge); }
+.gate__h { margin: 0; font-family: var(--font-display); font-weight: 300; font-size: clamp(22px, 2.1vw, 29px); line-height: 1.15; letter-spacing: -.03em; color: var(--ink); }
+.gate__lede { margin: var(--sp-xs) 0 var(--sp-sm); max-width: var(--measure); font-size: 15px; color: var(--ink-soft); }
+.gate .row-end { margin-top: 0; }
+
+/* ---- the skeleton --------------------------------------------------------- */
+/* --skeleton, never --bg-deep: that one collapses to pure black in dark */
+.pskel { display: block; background: var(--skeleton); border-radius: var(--radius-sm); }
+.pskel--row { height: 52px; margin-top: var(--sp-hair); }
+.pskel--h { height: 26px; width: min(240px, 60%); }
+
+/* ---- responsive ----------------------------------------------------------- */
+@media (max-width: 520px) {
+  .prow, .sound-row, .event-sound-row, .sessions-row { flex-direction: column; align-items: flex-start; gap: var(--sp-xs); }
+  .prow__ctl, .event-sound-row__controls { justify-content: flex-start; }
+  .prow--pick { flex-direction: row; align-items: flex-start; }
+  .pinput, .display-name-input, .artkey-input, .join input, .join-note { max-width: none; }
+}

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

@@ -0,0 +1,85 @@
+/* profile.css — what the builder's profile page has and the rest of the panel
+   family does not (task 1003308, goal 1000081; the archetype is panel.css). The
+   page everyone else reads: the identity band, the figures, the shelf, the
+   ledgers. The figures are the shell's glass band (.stat-row) and the ledgers
+   the shell's .ledger; this sheet owns the identity band and the shelf, both
+   drawn from docs/design/mocks/hall/settings/v3.html (the profile half).
+
+   The shell's .profile grid is shared with Home's Standing card, so the band
+   here is a MODIFIER (.profile--ident) rather than a second rule for the base
+   name; the shelf's .ach is scoped by this sheet loading on this page only. */
+
+/* ---- the identity band ---------------------------------------------------- */
+.profile--ident {
+  grid-template-columns: 56px minmax(0, 1fr) auto;
+  gap: var(--sp-sm);
+  align-items: center;
+}
+.profile--ident .profile__avatar {
+  width: 56px;
+  height: 56px;
+  border-radius: var(--radius-pill);
+  background: var(--skeleton);
+  border: 1px solid var(--rule);
+}
+.profile--ident .profile__name {
+  font-family: var(--font-display);
+  font-weight: 300;
+  font-size: clamp(22px, 2vw, 28px);
+  letter-spacing: -.03em;
+  line-height: 1.1;
+}
+.profile--ident .profile__handle { margin: 4px 0 0; font-family: var(--font-mono); font-size: 12.5px; color: var(--ink-faint); }
+.profile--ident .profile__stats { margin-top: 4px; font-size: 13px; }
+.profile--ident .profile__disciplines { margin-top: 4px; font-size: 13px; }
+.profile--ident .profile__credits-num { font-family: var(--font-display); font-weight: 300; font-size: clamp(26px, 2.4vw, 32px); letter-spacing: -.035em; line-height: 1; color: var(--ink); }
+.profile--ident .profile__credits-label,
+.profile--ident .profile__karma-label { font-family: var(--label-face); font-size: var(--label-size); font-weight: 400; letter-spacing: var(--label-space); text-transform: var(--label-case); color: var(--ink-faint); }
+.profile--ident .profile__karma-num { font-weight: 500; }
+.profile--ident .profile__placeholder { grid-column: 1 / -1; }
+
+/* ---- the shelf -------------------------------------------------------------
+   An achievement is a --bg-card tile on the ground (the section is bare, so a
+   tile is the panel and not a card in a card), a hairline on top, the mark as
+   its figure, the name at the row's weight and the day it was won in the soft
+   ink at the foot. */
+.ach-grid { grid-template-columns: repeat(auto-fill, minmax(215px, 1fr)); gap: var(--sp-sm); }
+.ach {
+  flex-direction: column;
+  gap: 5px;
+  padding: 18px;
+  background: var(--bg-card);
+  border: var(--line) solid var(--glass-edge);
+  border-top-color: var(--rule);
+  border-radius: var(--radius);
+}
+.ach__icon { font-size: 22px; line-height: 1; margin-bottom: 4px; }
+.ach__name { font-size: 14.5px; font-weight: 500; margin: 0; }
+.ach__desc { font-size: 13px; line-height: 1.4; color: var(--ink-soft); }
+.ach__bonus { margin: auto 0 0; padding-top: var(--sp-hair); font-size: 12.5px; font-weight: 400; color: var(--ink-soft); }
+.ach--locked { border-top-color: var(--rule-soft); }
+.ach--locked .ach__name, .ach--locked .ach__desc { color: var(--ink-faint); }
+
+/* ---- the ledgers ---------------------------------------------------------- */
+/* A title in a ledger cell is a door and owes the 24px floor on both axes; it
+   measured 18px tall on every populated render (thirteen links a page). The
+   prose-link recipe: inline-block buys the height, the padding buys the width,
+   the negative margin hands both back so the cell does not re-space. */
+#works-scroll .ledger td a,
+#activity-scroll .ledger td a,
+#xp-scroll a {
+  display: inline-block;
+  min-width: 24px;
+  min-height: 24px;
+  padding: 3px 4px;
+  margin: -3px -4px;
+  color: var(--accent-ink);
+}
+.profile-act__h { margin: var(--sp-md) 0 var(--sp-xs); font-size: 15px; font-weight: 500; color: var(--ink); }
+#activity-body > [id$="-panel"] + [id$="-panel"] { margin-top: var(--sp-md); }
+
+@media (max-width: 640px) {
+  .profile--ident { grid-template-columns: 48px minmax(0, 1fr); }
+  .profile--ident .profile__avatar { width: 48px; height: 48px; }
+  .profile--ident .profile__credits { grid-column: 2; align-items: flex-start; text-align: left; }
+}

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

@@ -14,6 +14,9 @@
   <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">
+  <!-- The PANEL archetype (task 1003308) before the page's own sheet. -->
+  <link rel="stylesheet" href="/builders/panel.css">
+  <link rel="stylesheet" href="/builders/profile.css">
 </head>
 <body data-page="profile" data-page-title="Profile">
 
@@ -23,7 +26,11 @@
   <div class="app-body">
     <header class="app-topbar" id="app-topbar"></header>
     <div class="app-content">
-      <div class="page-head">
+      <!-- The page's ONE h1 (one-header-main-h1), in the family's voice; the
+           sub-line is profile.js's — "<name> — <rank> · N works shipped". -->
+      <div class="page-head page-head--room page-head--panel">
+        <p class="page-head__eyebrow">the page everyone else reads</p>
+        <h1 id="profile-h1" class="page-head__h">profile</h1>
         <p class="page-head__sub" id="profile-sub">Loading profile…</p>
       </div>
 
@@ -31,7 +38,7 @@
         <!-- Standing — avatar, name, rank badge, member-since. Filled by profile.js. -->
         <section class="scroll" id="standing-scroll" aria-labelledby="standing-h">
           <h2 id="standing-h" class="sr-only">Standing</h2>
-          <div class="profile" id="profile-head">
+          <div class="profile profile--ident" id="profile-head">
             <div class="profile__placeholder">…</div>
           </div>
         </section>
@@ -92,19 +99,19 @@
             <div class="profile__placeholder" id="activity-placeholder">…</div>
 
             <div id="activity-tasks-panel" hidden>
-              <h3 class="scroll__h">Works completed</h3>
+              <h3 class="profile-act__h">Works completed</h3>
               <div id="activity-tasks"></div>
             </div>
 
             <div id="activity-goals-panel" hidden>
-              <h3 class="scroll__h">Goals created</h3>
+              <h3 class="profile-act__h">Goals created</h3>
               <div id="activity-goals"></div>
             </div>
 
             <!-- The idea trail. Revealed only in the craft views where filing an
                  idea is the work being shown (all + ideator) — see profile.js. -->
             <div id="activity-ideas-panel" hidden>
-              <h3 class="scroll__h">Ideas filed, and what became of them</h3>
+              <h3 class="profile-act__h">Ideas filed, and what became of them</h3>
               <p class="scroll__lede">Every idea this builder captured — promoted, discarded, merged, or still open.</p>
               <div id="activity-ideas"></div>
             </div>

package/modules/hall-ui/public/profile.states.json

@@ -0,0 +1,15 @@
+{
+  "_": "The hall's PROFILE page through modules/ui-design/kit/render.js (task 1003308). The identity band, the shelf and the three activity ledgers only exist once a profile has LOADED, so the floors run against the hall-preview harness (see settings.states.json for the two commands; pass --base-in/--base-out at it). `out` is a real state here rather than a redirect: a signed-out visitor with no ?id= gets the empty state, not a bounce — under the harness's --fixture-me the /me read still answers, so `out` renders the own profile there and the empty state only under the kit's own stub.",
+  "page": "/profile",
+  "surface": "hall-ui",
+  "stub": { "prefix": "/builders/" },
+  "modeQuery": false,
+  "ignoreRequests": ["/api/(gds|bongos)/"],
+  "ignoreConsole": ["/api/(gds|bongos)/", "\b401\b", "\b404\b", "Unauthorized", "Not Found", "load failed"],
+  "states": {
+    "own": { "auth": true, "actions": [["wait", 900]], "expect": { "visible": ["#profile-h1", "#profile-head", "#numbers-body", "#works-table", "#activity-tabs"] } },
+    "other": { "auth": true, "url": "/profile?id=1000025", "actions": [["wait", 900]], "expect": { "visible": ["#profile-head", "#ach-grid"] } },
+    "out": { "auth": false, "actions": [["wait", 600]], "expect": { "visible": ["#profile-h1", "#profile-head"] } }
+  },
+  "reducedMotion": { "auth": true, "actions": [["wait", 900]] }
+}