@bongos/core 1.19.420 → 1.19.422

package/public-landing/assets/cosmos.css

@@ -377,22 +377,6 @@ h1{font-family:var(--font-display);font-weight:700;font-size:clamp(24px,3.4vw,32
 .chip.calm .cdot{background:var(--ink-faint);}
 @keyframes chipPulse{0%,100%{box-shadow:0 0 0 0 color-mix(in srgb,var(--accent) 35%,transparent)}50%{box-shadow:0 0 0 5px transparent}}
 
-/* ── the orb: the gate's project sphere, docked onto a card. Glow follows
-   verification — warm when verified live, amber-dim when stale, ashen when
-   it failed its check, ghosted when torn down. Born for the dark sky; on
-   light cards the inset ring keeps it grounded. ── */
-.orb{flex:0 0 54px;width:54px;height:54px;border-radius:50%;position:relative;overflow:visible;border:none;padding:0;
-  background:radial-gradient(120% 120% at 50% 50%, var(--acc,#fb923c), color-mix(in srgb, var(--acc,#fb923c) 55%, #1b2b52) 100%);
-  box-shadow:0 0 0 1.5px rgba(255,255,255,.35) inset, 0 6px 18px rgba(20,16,40,.28), 0 0 26px var(--glow, rgba(251,146,60,.5));}
-.orb::after{content:'';position:absolute;inset:0;border-radius:50%;pointer-events:none;
-  background:radial-gradient(38% 34% at 34% 28%, rgba(255,255,255,.9), rgba(255,255,255,0) 60%);}
-.orb.dim{filter:saturate(.55) brightness(.92);--glow:rgba(217,119,6,.35);}
-.orb.ashen{filter:saturate(.3) brightness(.78);--glow:rgba(220,38,38,.22);}
-.orb.ghost{opacity:.4;box-shadow:0 0 0 1.5px rgba(255,255,255,.25) inset;filter:saturate(.2);}
-/* only the LINKED orb is clickable: orbFor() emits a <span class="orb"> for
-   every non-navigable state, and index.html's .conItem .orb takes cursor:inherit
-   from the <a> it sits inside — so .orb.ghost's cursor reset is redundant. */
-a.orb{cursor:pointer;}
 
 /* ── project cards ── */
 .projects{list-style:none;display:flex;flex-direction:column;gap:18px;}
@@ -919,17 +903,30 @@ p.sec-p{font-size:var(--fs-lede);font-weight:500;color:var(--ink-soft);line-heig
 .tbl td.right{text-align:right;}
 /* Nothing in an action or status cell may wrap: "Manage →" breaking after the
    space and the chip's recency dropping to a second line both read as a broken
-   control rather than a tight column. Those two cells claim their width and the
-   name cell absorbs the slack. */
+   control rather than a tight column. */
 .tbl .btn,.tbl .chip{white-space:nowrap;}
-.tbl .colStatus{width:1%;white-space:nowrap;}
-.tbl .colGo{width:1%;white-space:nowrap;padding-left:8px;}
-.tbl .colName{width:auto;}
-.tbl .colType{width:1%;white-space:nowrap;}
+.tbl .colStatus,.tbl .colGo,.tbl .colType{white-space:nowrap;}
+.tbl .colGo{padding-left:8px;}
+/* ── FIXED tracks (task 1003348; the owner: "the columns don't look aligned").
+   An auto table sized every column by its content, so the status column hugged
+   its widest chip and the headers drifted off their cells. table-layout:fixed
+   takes the widths from the header row — one set of tracks for every row, each
+   column edge one vertical line — and the name column absorbs the slack. The
+   Project header sits over the NAME (past the 10px dot and its 12px gap), and a
+   right-aligned column's header is right-aligned too. Below the table's minimum
+   the wrap scrolls (#sub-table-body), never the page. ── */
+.tbl{table-layout:fixed;min-width:860px;}
+.tbl th.colName{padding-left:22px;}
+.tbl th.right{text-align:right;}
+.tbl th.colType{width:88px;}
+.tbl th.colBuilders{width:96px;}
+.tbl th.colTags{width:168px;}
+.tbl th.colStatus{width:224px;}
+.tbl th.colGo{width:112px;}
 /* the declared-type tag (task 1002772) — its own vocabulary: not the relationship
    .pill, not the liveness .chip. Two different facts never wear the same chrome. */
 .typeTag{font-family:var(--font-mono);font-size:10.5px;font-weight:500;color:var(--ink-soft);border:1px solid var(--rule);border-radius:999px;padding:2px 9px;white-space:nowrap;}
-@media (max-width:780px){.tbl .colTags,.tbl .colType{display:none;}}
+@media (max-width:780px){.tbl .colTags,.tbl .colType{display:none;}.tbl{min-width:600px;}}
 @media (max-width:900px){
   .tblMast{gap:16px;padding:22px 0 20px;}
   .tblTitle{font-size:clamp(28px,7.4vw,34px);}
@@ -1081,7 +1078,6 @@ p.sec-p{font-size:var(--fs-lede);font-weight:500;color:var(--ink-soft);line-heig
 .rowHall{display:inline-flex;align-items:center;justify-content:center;width:28px;height:28px;margin-left:10px;
   vertical-align:middle;color:var(--accent-deep);border-radius:var(--radius-pill);}
 .rowHall:hover{background:var(--glass);}
-.tbl .colGo{white-space:nowrap;}
 @media (max-width:640px){
   .projCard h3{font-size:26px;padding:0 20px;}
   .projCard .cardTag,.projCard .cardRel,.projCard .cardFaces,.projCard .cardFigs,.projCard .cardMeta,
@@ -1152,8 +1148,6 @@ p.sec-p{font-size:var(--fs-lede);font-weight:500;color:var(--ink-soft);line-heig
 @media (max-width:640px){
   .projHead{gap:8px;}
   .actions{flex-direction:column;align-items:stretch;}
-  .proj{flex-direction:column;}
-  .orb{width:44px;height:44px;flex-basis:44px;}
   .mineBar .search .count{display:none;} /* the "All 16" pill already carries the number */
 }
 /* the carried surfaces: only the hit-area floors the world asks for (direction
@@ -1162,7 +1156,233 @@ p.sec-p{font-size:var(--fs-lede);font-weight:500;color:var(--ink-soft);line-heig
    on a phone instead of pushing the page sideways */
 #sub-table-body{overflow-x:auto;}
 .tbl th button{min-height:24px;display:inline-flex;align-items:center;}
+.tbl a.ptitle{display:inline-flex;align-items:center;min-height:24px;}
 .foot a,.finePrint a{display:inline-block;padding:3px 0;min-height:24px;}
+/* ═══════════════════════════════════════════════════════════════════════
+   YOUR PROJECTS + THE MANAGE PAGE, IN THE WORLD (task 1003345; direction
+   record §14, the owner's pick: v1 the ledger row). Both views keep the
+   markup the truth rules pin (renderCard / orbFor / stripMarkup, the manage
+   ids) and take the world's grammar by SCOPE: no card ground, hairlines for
+   structure, the project's own planet as the row's object, the strip drawn
+   as the lifecycle rail, the doors as hairline pills with the accent only on
+   the one that acts. One set of FIXED tracks across every row, so the list
+   reads as one ledger — the same column grammar the every-project table takes
+   in its `.tbl` rules (table-layout:fixed, the header row's widths; task
+   1003348, both halves pinned together in tests/projects_hub.mjs). Dark only
+   (ADR 0204); every colour a token; halos are outlines, never box-shadow.
+   ═══════════════════════════════════════════════════════════════════════ */
+#view-mine .wrap,#view-manage .wrap{max-width:1180px;}
+#view-mine .card,#view-manage .card{background:none;border-radius:0;box-shadow:none;padding:0;margin:0;}
+/* the view title in the display voice, lowercase; the lede stays one clause */
+#view-mine .hero,#view-manage .hero{padding-top:34px;padding-bottom:22px;}
+#view-mine .hero h1,#view-manage .hero h1{font-weight:300;font-size:clamp(28px,3.4vw,44px);letter-spacing:-.035em;line-height:1.04;text-transform:lowercase;color:var(--ink);text-shadow:none;}
+#view-mine .hero .lede,#view-manage .hero .lede{color:var(--ink-soft);font-weight:400;text-shadow:none;margin:8px 0 0;}
+#view-mine .hero .lede b,#view-manage .hero .lede b{color:var(--ink);font-weight:500;}
+#view-mine .finePrint,#view-manage .finePrint{font-weight:400;font-size:13.5px;line-height:1.5;}
+#view-mine .loading,#view-manage .loading{font-weight:400;}
+
+/* ── the planet, docked: the sky's object, relative instead of absolute; its
+   state reads on the object (ghost = torn down, ashen = failed its check,
+   dim = a stale probe), and only the live one is a link ── */
+#view-mine .worldOrb,#view-manage .worldOrb{position:relative;left:auto;top:auto;transform:none;display:block;cursor:default;opacity:1;pointer-events:auto;}
+#view-mine a.worldOrb,#view-manage a.worldOrb{cursor:pointer;}
+#view-mine .worldOrb .disc,#view-manage .worldOrb .disc{display:block;margin:0;}
+#view-mine span.worldOrb:hover .disc,#view-manage span.worldOrb:hover .disc{translate:none;}
+#view-mine .worldOrb.ghost,#view-manage .worldOrb.ghost{opacity:.4;filter:saturate(.2);}
+#view-mine .worldOrb.ashen,#view-manage .worldOrb.ashen{filter:saturate(.3) brightness(.78);}
+#view-mine .worldOrb.dim,#view-manage .worldOrb.dim{opacity:1;filter:saturate(.55) brightness(.92);}
+
+/* ── the search: one hairline field, the count in the label face; the
+   filters: hairline pills, the pressed one inverted to ink ── */
+#view-mine .mineBar{gap:18px;margin:0 0 8px;justify-content:space-between;}
+#view-mine .mineBar .search{max-width:520px;gap:12px;background:none;border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:10px 0;backdrop-filter:none;}
+#view-mine .mineBar .search:focus-within{box-shadow:none;border-bottom-color:var(--ink);}
+#view-mine .mineBar .search svg{width:18px;height:18px;stroke-width:1.6;}
+#view-mine .mineBar .search input{font-family:var(--font-body);font-size:15.5px;min-height:28px;padding:0;}
+#view-mine .mineBar .search .count{font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;}
+#view-mine .filters{gap:8px;}
+#view-mine .filters button{min-height:36px;padding:0 15px;gap:8px;font-family:var(--font-body);font-weight:400;font-size:14.5px;text-transform:lowercase;color:var(--ink-soft);background:none;border:1px solid var(--rule);}
+#view-mine .filters button:hover{border-color:var(--ink-faint);color:var(--ink);}
+#view-mine .filters button[aria-pressed="true"]{background:var(--ink);border-color:var(--ink);color:var(--bg);}
+#view-mine .filters .n{font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);font-weight:400;}
+#view-mine .mineEmpty{font-weight:400;color:var(--ink-soft);}
+#view-mine .linklike,#view-manage .linklike{font-weight:400;color:var(--ink-soft);}
+
+/* ── the ledger row: planet · name and chip · the facts · the rail · the
+   doors. The planet and the doors are fixed widths; the three middle tracks
+   share the rest by ratio with NO content minimum, so every row lays its
+   columns on the same lines (task 1003348). The body is its own grid on the
+   same four tracks, so renderCard's markup stands as pinned. ── */
+#view-mine .projects{gap:0;margin-top:8px;}
+#view-mine .proj{display:grid;grid-template-columns:72px minmax(0,1fr);gap:0 22px;align-items:center;padding:22px 0;border:0;border-top:1px solid var(--rule-soft);border-radius:0;background:none;}
+#view-mine .projects .proj:last-child{border-bottom:1px solid var(--rule-soft);}
+#view-mine .projBody{display:grid;grid-template-columns:minmax(0,1.1fr) minmax(0,1.3fr) minmax(0,1fr) 232px;grid-template-areas:"who facts rail doors" "who addr rail doors";gap:0 22px;align-items:center;min-width:0;}
+#view-mine .projHead{grid-area:who;display:grid;gap:8px;justify-items:start;align-content:center;}
+#view-mine .projMeta{grid-area:facts;align-self:end;}
+#view-mine .addr{grid-area:addr;align-self:start;}
+#view-mine .strip{grid-area:rail;}
+#view-mine .actions{grid-area:doors;}
+/* everything else on a card (a snag, a status line, the torn-down note, the
+   address fold) is a full row under the ledger line */
+#view-mine .projBody>.projMsg,#view-mine .projBody>.attachFold{grid-column:1/-1;}
+#view-mine .projMsg{min-height:0;margin:0;font-weight:400;}
+#view-mine .projMsg:not(:empty){margin-top:10px;}
+#view-mine .projMsg.err{margin-top:12px;}
+#view-mine .attachFold{margin-top:10px;}
+#view-mine .actions:has(.confirmRow){grid-area:auto;grid-column:1/-1;justify-content:flex-start;margin-top:12px;}
+/* the name in the body face; the chip beneath it, allowed to wrap */
+#view-mine .projName{font-family:var(--font-body);font-weight:500;font-size:17px;letter-spacing:-.015em;color:var(--ink);}
+#view-mine .proj.gone .projName{color:var(--ink-soft);}
+#view-mine .projHead .chip{white-space:normal;line-height:1.3;}
+/* the facts: label-face lines; the repo in mono with no plate */
+#view-mine .projMeta{display:grid;gap:5px;margin:0;font-family:var(--label-face);font-size:var(--label-size);font-weight:400;letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-faint);}
+#view-mine .projMeta>span+span::before{content:none;margin:0;}
+#view-mine .projMeta code,#view-mine .addr code{font-family:var(--font-mono);font-size:12.5px;letter-spacing:0;text-transform:none;color:var(--ink-soft);background:none;border-radius:0;padding:0;}
+/* the address: the honest clause in the body face */
+#view-mine .addr{margin:5px 0 0;font-size:13.5px;font-weight:400;line-height:1.45;color:var(--ink-soft);}
+#view-mine .addr .none{font-style:normal;color:var(--ink-faint);}
+/* every inline link on these views clears the 24px hit floor: a short link as a
+   box; the address clause's mono link may run long and must wrap inside the
+   prose, so it stays inline and takes the floor as vertical padding (an inline's
+   rect is its content box plus padding, never the line box) */
+#view-mine .projMsg a,#view-mine .attachNote a,#view-manage .ledger a,#view-manage .backRow a,#view-manage .mSec a{display:inline-block;padding:3px 0;min-height:24px;line-height:18px;font-weight:400;text-decoration:none;}
+#view-mine .addr{line-height:1.6;}
+#view-mine .addr a{display:inline;padding:4px 0;font-weight:400;text-decoration:none;}
+#view-mine .addr a,#view-manage .ledger a{font-family:var(--font-mono);font-size:12.5px;color:var(--ink-soft);}
+#view-mine .addr a:hover,#view-manage .ledger a:hover{color:var(--ink);text-decoration:underline;}
+#view-mine .projMsg a,#view-manage .mSec a{color:var(--ink);text-decoration:underline;}
+#view-mine .attachFold summary{display:inline-flex;align-items:center;min-height:24px;font-weight:400;font-size:13.5px;color:var(--ink-soft);}
+#view-mine .attachFold summary:hover,#view-mine .attachFold[open] summary{color:var(--ink);}
+
+/* ── the lifecycle rail (DESIGN.md): stripMarkup's markup, drawn as three
+   hairlines with a 7px dot and one lit step — no plate, no connector, no
+   pulse. Live keeps the world's green; a wind-down stays neutral. ── */
+#view-mine .strip,#view-manage .strip{border:0;border-radius:0;padding:0;background:none;margin:0;}
+#view-mine .strip .stages,#view-manage .strip .stages{display:grid;grid-template-columns:repeat(3,1fr);gap:0 10px;margin:0;}
+#view-mine .strip .stages li,#view-manage .strip .stages li{display:block;position:relative;border-top:1px solid var(--rule);padding:12px 0 0;}
+#view-mine .strip .stages li::before,#view-manage .strip .stages li::before{content:none;}
+#view-mine .strip .sdot,#view-manage .strip .sdot{position:absolute;top:-4px;left:0;width:7px;height:7px;border:1px solid var(--rule);border-radius:50%;background:var(--bg);display:block;}
+#view-mine .strip .sdot::after,#view-manage .strip .sdot::after{content:none;}
+#view-mine .strip .slbl,#view-manage .strip .slbl{display:block;font-family:var(--label-face);font-size:var(--label-size);font-weight:400;letter-spacing:var(--label-space);text-transform:uppercase;line-height:1.3;color:var(--ink-faint);}
+#view-mine .strip .stages li.done,#view-manage .strip .stages li.done{border-top-color:var(--ink-soft);}
+#view-mine .strip .stages li.done .sdot,#view-manage .strip .stages li.done .sdot{background:var(--ink-soft);border-color:var(--ink-soft);}
+#view-mine .strip .stages li.done .slbl,#view-manage .strip .stages li.done .slbl{color:var(--ink-soft);}
+#view-mine .strip .stages li.now,#view-manage .strip .stages li.now{border-top-color:var(--accent);}
+#view-mine .strip .stages li.now .sdot,#view-manage .strip .stages li.now .sdot{background:var(--accent);border-color:var(--accent);outline:4px solid color-mix(in srgb,var(--accent) 22%,transparent);}
+#view-mine .strip .stages li.now .slbl,#view-manage .strip .stages li.now .slbl{color:var(--ink);}
+#view-mine .strip.isLive .stages li.done,#view-manage .strip.isLive .stages li.done{border-top-color:var(--ok);}
+#view-mine .strip.isLive .stages li.done .sdot,#view-manage .strip.isLive .stages li.done .sdot{background:var(--ok);border-color:var(--ok);}
+#view-mine .strip.isLive .stages li.done .slbl,#view-manage .strip.isLive .stages li.done .slbl{color:var(--ok);}
+#view-mine .strip.flowDown .stages li.now,#view-manage .strip.flowDown .stages li.now{border-top-color:var(--ink-soft);}
+#view-mine .strip.flowDown .stages li.now .sdot,#view-manage .strip.flowDown .stages li.now .sdot{background:var(--ink-soft);border-color:var(--ink-soft);outline:none;}
+#view-mine .strip.flowDown .stages li.now .slbl,#view-manage .strip.flowDown .stages li.now .slbl{color:var(--ink-soft);}
+#view-mine .strip .pnote,#view-manage .strip .pnote{text-align:left;font-size:13px;font-weight:400;line-height:1.45;color:var(--ink-soft);margin:8px 0 0;min-height:0;}
+#view-mine .strip.isLive .pnote,#view-manage .strip.isLive .pnote{color:var(--ok);}
+
+/* ── the doors: hairline pills, lowercase; the accent only on the one that
+   acts (the plain .btn.small: try again, bring it back, restart, save); the
+   ender on the error ink; no lift, no shadow ── */
+#view-mine .actions,#view-manage .actions{gap:8px;margin:0;}
+#view-mine .actions{justify-content:flex-end;}
+#view-mine .btn,#view-manage .btn{min-height:44px;padding:0 22px;font-family:var(--font-body);font-weight:500;font-size:15px;text-transform:lowercase;white-space:nowrap;box-shadow:none;transition:border-color .15s ease,background .15s ease;}
+#view-mine .btn:hover,#view-manage .btn:hover{transform:none;box-shadow:none;}
+#view-mine .btn:active,#view-manage .btn:active{transform:none;}
+#view-mine .btn.small,#view-manage .btn.small{min-height:40px;padding:0 18px;font-weight:400;font-size:14.5px;color:var(--ink);background:none;border:1px solid var(--rule);}
+#view-mine .btn.small:hover,#view-manage .btn.small:hover{border-color:var(--ink-faint);color:var(--ink);}
+#view-mine .btn.small:not(.ghost):not(.danger),#view-manage .btn.small:not(.ghost):not(.danger){background:var(--accent);border-color:var(--accent);color:var(--accent-on);font-weight:500;}
+#view-mine .btn.small:not(.ghost):not(.danger):hover,#view-manage .btn.small:not(.ghost):not(.danger):hover{background:color-mix(in srgb,var(--accent) 88%,var(--ink));border-color:color-mix(in srgb,var(--accent) 88%,var(--ink));color:var(--accent-on);}
+#view-mine .btn.small.danger,#view-manage .btn.small.danger{border-color:color-mix(in srgb,var(--err) 45%,transparent);color:var(--err);}
+#view-mine .btn.small.danger:hover,#view-manage .btn.small.danger:hover{background:none;border-color:var(--err);color:var(--err);}
+#view-mine .btn.small:disabled,#view-manage .btn.small:disabled{background:none;border-color:var(--rule-soft);color:var(--ink-faint);}
+/* the fold's field and the ender's typed-back name: a hairline field */
+#view-mine .attach,#view-manage .attach{gap:10px 14px;margin-top:12px;align-items:center;}
+#view-mine .attach input[type=text],#view-manage .attach input[type=text]{min-width:220px;min-height:40px;font-family:var(--font-body);font-size:15.5px;font-weight:400;color:var(--ink);background:none;border:0;border-bottom:1px solid var(--rule);border-radius:0;padding:8px 0;}
+#view-mine .attach input[type=text]::placeholder,#view-manage .attach input[type=text]::placeholder{font-weight:400;}
+#view-mine .attach input[type=text]:focus,#view-manage .attach input[type=text]:focus{border-bottom-color:var(--ink);box-shadow:none;}
+#view-mine .confirmRow,#view-manage .confirmRow{font-weight:400;}
+#view-mine .confirmRow .plain,#view-manage .confirmRow .plain{font-weight:400;font-size:14.5px;line-height:1.5;}
+
+/* ── the empty state: a band of the Projects band's grammar, one door ── */
+#view-mine .empty{display:grid;gap:14px;justify-items:start;text-align:left;background:var(--bg-card);border:0;border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);border-radius:0;padding:58px var(--gutter) 62px;}
+#view-mine .empty h2{font-family:var(--font-display);font-weight:300;font-size:clamp(30px,4vw,48px);letter-spacing:-.035em;line-height:1.02;text-transform:lowercase;color:var(--ink);margin:0;max-width:16ch;}
+#view-mine .empty p{margin:0 0 8px;font-size:16px;font-weight:400;line-height:1.5;color:var(--ink-soft);max-width:52ch;}
+
+/* ── the manage page: the back link in the label face; the head with the
+   planet, the name in the display voice and its chip; the ledger of facts on
+   hairlines; the settings as hairline sections, the title and its clause
+   left, the choice as hairline cells right ── */
+#view-manage .backRow{margin:26px 0 0;font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;font-weight:400;}
+#view-manage .backRow a{color:var(--ink-faint);}
+#view-manage .backRow a:hover{color:var(--ink);}
+#view-manage .mHead{display:flex;align-items:center;gap:26px;padding-top:22px;padding-bottom:8px;}
+#view-manage .mHead .titleRow{display:flex;align-items:baseline;gap:16px;flex-wrap:wrap;}
+#view-manage #mOrb:empty{display:none;}
+#view-manage #mOrb .worldOrb{--orb-scale:1.5;}
+/* the page's clause belongs to a project that rendered — the signed-out and
+   not-found states keep the heading and drop the clause */
+#view-manage .mHead:has(~ #mMain[hidden]) .lede{display:none;}
+#view-manage .ledger{display:grid;grid-template-columns:172px 1fr;gap:0 22px;margin:14px 0 0;}
+#view-manage .ledger>*:not([hidden]){display:contents;}
+#view-manage .ledger .k,#view-manage .ledger .v{border-top:1px solid var(--rule-soft);padding:13px 0;min-width:0;}
+#view-manage .ledger .k{font-family:var(--label-face);font-size:var(--label-size);letter-spacing:var(--label-space);text-transform:uppercase;color:var(--ink-faint);padding-top:16px;}
+#view-manage .ledger .v{font-size:15px;line-height:1.5;color:var(--ink);overflow-wrap:anywhere;}
+#view-manage .ledger .v code{font-family:var(--font-mono);font-size:13.5px;color:var(--ink-soft);background:none;border-radius:0;padding:0;}
+#view-manage .ledger .v small{display:block;font-size:13px;color:var(--ink-soft);}
+#view-manage .ledger .v .none{color:var(--ink-faint);font-style:normal;}
+#view-manage .swDot{display:inline-block;width:11px;height:11px;border-radius:50%;background:var(--sw);border:1px solid var(--rule);vertical-align:-1px;margin-right:8px;}
+#view-manage #mStrip{max-width:520px;margin:22px 0 0;}
+#view-manage #mFacts .projMsg{font-weight:400;}
+#view-manage #mActs{justify-content:flex-start;margin-top:22px;}
+#view-manage #mFacts{padding-bottom:34px;}
+#view-manage .mSec{display:grid;grid-template-columns:minmax(200px,300px) 1fr;grid-template-rows:auto 1fr;gap:6px 40px;border-top:1px solid var(--rule);padding:30px 0 34px;}
+#view-manage .mSec h2{grid-column:1;grid-row:1;font-family:var(--font-display);font-weight:300;font-size:clamp(22px,2.4vw,28px);letter-spacing:-.03em;line-height:1.08;text-transform:lowercase;color:var(--ink);margin:0;}
+#view-manage .mSec>details{grid-column:1;grid-row:2;align-self:start;margin:0;max-width:34ch;color:var(--ink-faint);}
+#view-manage .mSec>details summary{cursor:pointer;display:inline-flex;align-items:center;min-height:24px;color:var(--ink-soft);}
+#view-manage .mSec>details summary:hover{color:var(--ink);}
+#view-manage .mSec>details p{margin-top:8px;}
+#view-manage .mSec>div{grid-column:2;grid-row:1/span 2;display:grid;gap:16px;align-content:start;min-width:0;}
+#view-manage .mSec .addr,#view-manage .mSec .plain{margin:0;font-size:15px;font-weight:400;line-height:1.5;color:var(--ink-soft);}
+#view-manage .mSec .addr b{color:var(--ink);font-weight:500;}
+#view-manage .mSec .finePrint{margin:0;}
+#view-manage .mSec .projMsg{margin:0;min-height:0;font-weight:400;}
+#view-manage .mSec .projMsg:not(:empty){margin-top:2px;}
+/* a choice: hairline-separated cells; the chosen one carries the dot and the ink */
+#view-manage [role="radiogroup"]{display:grid;grid-template-columns:repeat(auto-fit,minmax(200px,1fr));border-top:1px solid var(--rule);border-bottom:1px solid var(--rule);}
+#view-manage .visOpt{position:relative;display:block;margin:0;padding:16px 18px 18px;border:0;border-left:1px solid var(--rule-soft);border-radius:0;cursor:pointer;}
+#view-manage .visOpt:first-child{border-left:0;padding-left:0;}
+#view-manage .visOpt input{position:absolute;width:1px;height:1px;margin:0;overflow:hidden;clip-path:inset(50%);}
+#view-manage .visOpt>span{display:block;font-size:13px;line-height:1.45;color:var(--ink-faint);}
+#view-manage .visOpt b{display:flex;align-items:center;gap:10px;margin-bottom:6px;font-family:var(--font-body);font-weight:500;font-size:15px;color:var(--ink);}
+#view-manage .visOpt b::before{content:"";width:7px;height:7px;border-radius:50%;border:1px solid var(--rule);background:var(--bg);flex:none;}
+#view-manage .visOpt:has(input:checked) b::before{background:var(--accent);border-color:var(--accent);outline:4px solid color-mix(in srgb,var(--accent) 22%,transparent);}
+#view-manage .visOpt:focus-within{outline:2px solid var(--accent);outline-offset:3px;}
+#view-manage #mVisRuns b,#view-manage #mJoinRuns b{color:var(--ok);font-weight:500;}
+
+/* this block stays HERE, after the rules it narrows: a same-specificity mobile
+   override only wins by source order, so folding it into the hub's earlier
+   900px block would put every stack rule before the grid it undoes */
+@media (max-width:900px){
+  /* the row stacks: planet and name, then the facts, the rail and the doors —
+     the body dissolves into the row's grid (display:contents) so the planet
+     sits beside the name alone */
+  #view-mine .proj{grid-template-columns:56px minmax(0,1fr);gap:0 16px;padding:20px 0;}
+  #view-mine .proj .worldOrb{--orb-scale:.875;grid-column:1;grid-row:1;}
+  #view-mine .projBody{display:contents;}
+  #view-mine .projHead{grid-area:auto;grid-column:2;grid-row:1;}
+  #view-mine .projMeta,#view-mine .addr,#view-mine .strip,#view-mine .actions,#view-mine .projBody>.projMsg,#view-mine .projBody>.attachFold{grid-area:auto;grid-column:1/-1;}
+  #view-mine .projMeta{margin-top:14px;}
+  #view-mine .strip{margin-top:16px;}
+  #view-mine .actions{margin-top:16px;justify-content:flex-start;flex-direction:row;align-items:center;}
+  #view-manage .mHead{flex-wrap:wrap;gap:14px;}
+  #view-manage .ledger{grid-template-columns:1fr;}
+  #view-manage .ledger .k{padding-bottom:0;}
+  #view-manage .ledger .v{border-top:0;padding-top:6px;}
+  #view-manage .mSec{grid-template-columns:1fr;grid-template-rows:auto;gap:14px;}
+  #view-manage .mSec h2,#view-manage .mSec>details,#view-manage .mSec>div{grid-column:1;grid-row:auto;}
+  #view-manage [role="radiogroup"]{grid-template-columns:1fr;}
+  #view-manage .visOpt{border-left:0;padding-left:0;border-top:1px solid var(--rule-soft);}
+  #view-manage .visOpt:first-child{border-top:0;}
+}
 @media (prefers-reduced-motion:reduce){
   *,*::before,*::after{animation:none !important;transition:none !important;}
 }

package/public-landing/projects-empty.states.json

@@ -0,0 +1,49 @@
+{
+  "_": "The mine view with no projects (task 1003345): the same page, the same stub, one fixture aliased to the empty list. Rendered by name: node modules/ui-design/kit/render.js --states public-landing/projects-empty.states.json",
+  "page": "/projects",
+  "surface": "public-landing",
+  "modes": [
+    "dark"
+  ],
+  "modeQuery": false,
+  "stub": {
+    "fixtures": {
+      "provisioning-instances": "provisioning-instances-empty"
+    }
+  },
+  "ignoreRequests": [
+    "/api/(gds|bongos)/me$",
+    "/my-projects"
+  ],
+  "ignoreConsole": [
+    "/api/(gds|bongos)/me",
+    "\\b401\\b",
+    "Unauthorized"
+  ],
+  "ignoreControls": [
+    ".skip",
+    ".vh"
+  ],
+  "states": {
+    "in-mine-empty": {
+      "auth": true,
+      "url": "/projects?view=mine",
+      "expect": {
+        "visible": [
+          "#empty",
+          "#empty a[data-nav-to=\"new\"]"
+        ],
+        "hidden": [
+          "#mineBar",
+          "#qWrap"
+        ],
+        "count": [
+          [
+            "#projectsList .proj",
+            0
+          ]
+        ]
+      }
+    }
+  }
+}

package/public-landing/projects-floor.states.json

@@ -0,0 +1,63 @@
+{
+  "_": "The all-null floor card (task 1003301) on the hub's own catalog (task 1003345): the same page, the same stub, the catalog aliased to featured-hub.json — the landing's three plus Tidewater, a null row nobody owns. Demo, the landing catalog's floor row, is owned by the signed-in stub, and an owned orb's plain click opens its manage view, never its card. Rendered by name: node modules/ui-design/kit/render.js --states public-landing/projects-floor.states.json",
+  "page": "/projects",
+  "surface": "public-landing",
+  "modes": [
+    "dark"
+  ],
+  "modeQuery": false,
+  "stub": {
+    "fixtures": {
+      "featured": "featured-hub"
+    }
+  },
+  "ignoreRequests": [
+    "/api/(gds|bongos)/me$",
+    "/my-projects",
+    "/provisioning/instances/999",
+    "/provisioning/instances/101$",
+    "/api/gds/instance$"
+  ],
+  "ignoreConsole": [
+    "/api/(gds|bongos)/me",
+    "\\b401\\b",
+    "\\b404\\b",
+    "Unauthorized"
+  ],
+  "ignoreControls": [
+    ".skip",
+    ".vh"
+  ],
+  "states": {
+    "card-floor": {
+      "auth": true,
+      "actions": [
+        [
+          "dispatchClick",
+          "#orbField a.worldOrb[data-origin=\"https://tidewater.cloudbongos.com\"]"
+        ],
+        [
+          "wait",
+          600
+        ]
+      ],
+      "expect": {
+        "dialog": true,
+        "hidden": [
+          "#cardArt",
+          "#cardFaces",
+          "#cardFigs",
+          "#cardHall",
+          "#cardRel",
+          "#cardTypeL",
+          "#cardOwnerL"
+        ],
+        "visible": [
+          "#cardOpen",
+          "#cardRuns",
+          "#cardListed"
+        ]
+      }
+    }
+  }
+}