Glass box — Mission control — your whole life, honestly

“Mission control — your whole life, honestly” as the tree the packer truly builds — every node at its real size, what resolved shown solid, what is missing shown as a ghost that names how to fill it.

mode · full23 nodesdepth 2zero ghosts

row · 12

headerspan 12–12 · growsserves where

row · 12

run-titlespan 12–12 · growsserves where↳ person.label

row · 12

meta-linespan 12–12 · growsserves where

row · 12

lossless-chromespan 12–12 · growsserves where↳ mission.coverage

row · 12

herospan 12–12 · growsserves where

row · 12

narrative-herospan 12–12 · growsserves where, pending, dreams↳ mission.center

row · 4+8

paneloverriddenspan 4–4 · growsserves dreams

row · 4 · natural

act-buttonspan 3–4 · fitserves dreams↳ a fixed descriptor label (no engine read)

row · 4 · natural

cta-linkspan 2–4 · fitserves dreams↳ a fixed descriptor label (no engine read)

kpi-rowoverriddenspan 8–8 · growsserves where

row · 4+4+4

kpispan 3–6 · growsserves where↳ mission.center.whereAmI.goalsOpen as int

kpispan 3–6 · growsserves where↳ mission.center.whereAmI.arrivals as int

kpispan 3–6 · growsserves where↳ mission.center.whereAmI.availableMinor as usd

row · 12

panelspan 12–12 · growsserves pending

row · 12

day-rowsspan 12–12 · growsserves pending↳ mission.center.deciding

row · 12

drift-readingspan 12–12 · growsserves pending↳ mission.center.drift

row · 12

day-rowsspan 12–12 · growsserves pending↳ mission.center.coming

row · 12

panelspan 12–12 · growsserves areas

row · 12

area-cardsspan 12–12 · growsserves areas↳ mission.cards

row · 8+4

paneloverriddenspan 8–8 · growsserves dreams

row · 12

dream-shelfspan 12–12 · growsserves dreams↳ mission.shelf

paneloverriddenspan 4–4 · growsserves where

row · 12

coverage-floorspan 12–12 · growsserves where↳ mission.coverage

template · briefingskin · real4 decisions

a calm morning briefing — one sentence, then three glances, then the territory, then the frontier

1wherewhere am I — honestly, with nothing about me left uncounted?
2pendingwhat's coming, what needs deciding — and is anything drifting?
3dreamswhat have I spoken and not yet committed?
4areashow is each area of my life — including what the engine can't yet do?

This surface was generated from a DECLARED brief, not a prompt: a page-type, a one-line thesis, and the decisions it exists to answer. Every node below traces back to one of these decisions — no uncaused pixels.

run-titlemc-namesolid · leaf

serves decision: where
reads (source data): person.label
why this block: a full-width block on its own row — the layout default (no narrower size declared for this kind)

importancefrom reading orderderived
span (min…max)12…12derived
growfills to complete a rowderived
resolvessolid · leaf tierderived
depth in the tree2derived

Every value here DERIVES from the type default and reading order — nothing is pinned. Override any of them and the tree re-packs.

Tweak a node’s min-span and the row re-packs live: the content shares the row and the control tucks beside it (12 , 4 → 8+4). This is a PREVIEW — it emits a descriptor patch to apply through the anti-drift pipeline, and writes nothing.

12 , 48+4re-packed

Edit spec/manifest/ui.yaml → screen “gb-demo” → node “gb-demo-content”: set spanMin=6. Then run: npm run gen && npm run gate. The anti-drift machine re-pins the golden — this preview writes nothing.

actuates nothingpropose-first — a preview, never a hot write

zero missingZero ghosts — every requirement on this surface resolved to a registered block. Nothing is missing.

solida node that resolved to a registered block — it rendersghostan unresolved requirement — the assembler fail-closes here; it names how to fill itderiveda packing value that comes from the type default + reading orderoverriddena packing value pinned explicitly on this node (the declared escape hatch)

how this screen was generated · debugThe layout glass-box — see any surface as its assembly tree

Intent

surface · layout-glassboxtemplate · briefingskin · realshell · app

See any surface as the tree it truly is — page to rows to blocks to atoms — every node at its real size; resolved shown solid, missing shown as a ghost that names how to fill it; tweak span or importance and watch it re-pack.

Decisions this screen answers

1causewhat brief was this surface generated from — and what does each node read?
2shapewhat is this surface's true structure?
3missingwhat did not resolve — and how do I fill it?
4tweakwhat does this node derive, and what happens if I override it?
5actcan I propose a change — and walk away, recording nothing?

Layout — how the packer placed the top-level blocks

row 112header
row 212hero
row 312panel
row 412panel
row 512panel
row 612panel
row 712panel
row 812panel

A row is packed largest-first into a curated arity (12 · 8+4 · 6+6 · 4+4+4 …). A single 12 is a full-width block; a natural row is a fit-content control that refuses to inflate.

The blocks — what each serves, reads, and why

headergb-headersection

serveswhat is this surface's true structure?

sizespan 12–12 · grows to fill · ambient · chrome

why blockambient chrome — a full-width band that orients, never competing with the hero for salience

run-titlegb-nameleaf

serveswhat is this surface's true structure?

readslayoutGlassbox.label → Glass box — Mission control — your whole life, honestly

sizespan 12–12 · grows to fill · support

why blocka full-width block on its own row — the layout default

herogb-herosection

serveswhat is this surface's true structure?

sizespan 12–12 · grows to fill · hero · opening

why blockthe page’s one thesis — its own full-width row at the top, answering the first decision before anything else renders

plain-cardgb-ledeleaf

serveswhat is this surface's true structure?

readslayoutGlassbox.lede → (object)

sizespan 12–12 · grows to fill · support

why blocka full-width block on its own row — the layout default

tree-diagramgb-treeleaf

serveswhat is this surface's true structure?

readslayoutGlassbox.tree → (object)

sizespan 12–12 · grows to fill · support

why blocka full-width block on its own row — the layout default

panelgb-brief-panelsection

serveswhat brief was this surface generated from — and what does each node read?

sizespan 12–12 · grows to fill · support · readings

why blocka support-rank reading — a full-width block by default, paired to a co-panel only when a span is declared

screen-briefgb-briefleaf

serveswhat brief was this surface generated from — and what does each node read?

readslayoutGlassbox.brief → (object)

sizespan 12–12 · grows to fill · support

why blocka full-width block on its own row — the layout default

panelgb-inspector-panelsection

serveswhat does this node derive, and what happens if I override it? · what brief was this surface generated from — and what does each node read?

sizespan 12–12 · grows to fill · support · readings

why blocka support-rank reading — a full-width block by default, paired to a co-panel only when a span is declared

node-inspectorgb-inspectorleaf

serveswhat does this node derive, and what happens if I override it? · what brief was this surface generated from — and what does each node read?

readslayoutGlassbox.inspector → (object)

sizespan 12–12 · grows to fill · support

why blocka full-width block on its own row — the layout default

panelgb-override-panelsection

serveswhat does this node derive, and what happens if I override it?

sizespan 12–12 · grows to fill · support · readings

why blocka support-rank reading — a full-width block by default, paired to a co-panel only when a span is declared

override-panelgb-overrideleaf

serveswhat does this node derive, and what happens if I override it?

readslayoutGlassbox.override → (object)

sizespan 12–12 · grows to fill · support

why blocka full-width block on its own row — the layout default

panelgb-gaps-panelsection

serveswhat did not resolve — and how do I fill it?

sizespan 12–12 · grows to fill · support · territory

why blocka support-rank reading — a full-width block by default, paired to a co-panel only when a span is declared

gaps-summarygb-gapsleaf

serveswhat did not resolve — and how do I fill it?

readslayoutGlassbox.gaps → (object)

sizespan 12–12 · grows to fill · support

why blocka full-width block on its own row — the layout default

panelgb-acts-panelsection

servescan I propose a change — and walk away, recording nothing?

sizespan 12–12 · grows to fill · ambient · frontier

why blocka support-rank reading — a full-width block by default, paired to a co-panel only when a span is declared

act-buttongb-confirmleaf

servescan I propose a change — and walk away, recording nothing?

readsfixed label (no engine read) → Propose this patch

sizespan 3–4 · fit-content · support

why blockan act is a target (Fitts), not a banner — sized to its label, never a full-bleed bar

cta-linkgb-declineleaf

servescan I propose a change — and walk away, recording nothing?

readsfixed label (no engine read) → leave it as it is — nothing proposed, nothing recorded

sizespan 2–4 · fit-content · support

why blocka decline is quiet and equal-comfort — it never out-sizes the act it twins

panelgb-legend-panelsection

serveswhat is this surface's true structure?

sizespan 12–12 · grows to fill · ambient · frontier

why blocka support-rank reading — a full-width block by default, paired to a co-panel only when a span is declared

legendgb-legendleaf

serveswhat is this surface's true structure?

readslayoutGlassbox.legend → (object)

sizespan 12–12 · grows to fill · support

why blocka full-width block on its own row — the layout default

Empty / unresolved — what didn’t render with data

Every block resolved to a block and read data. Nothing empty, nothing unresolved.

Raw

Descriptor JSON — the recipe this screen was generated from

{
  "id": "layout-glassbox",
  "title": "The layout glass-box — see any surface as its assembly tree",
  "skin": "real",
  "template": "briefing",
  "parti": "See any surface as the tree it truly is — page to rows to blocks to atoms — every node at its real size; resolved shown solid, missing shown as a ghost that names how to fill it; tweak span or importance and watch it re-pack.",
  "shell": "app",
  "decisions": [
    {
      "id": "cause",
      "question": "what brief was this surface generated from — and what does each node read?"
    },
    {
      "id": "shape",
      "question": "what is this surface's true structure?"
    },
    {
      "id": "missing",
      "question": "what did not resolve — and how do I fill it?"
    },
    {
      "id": "tweak",
      "question": "what does this node derive, and what happens if I override it?"
    },
    {
      "id": "act",
      "question": "can I propose a change — and walk away, recording nothing?"
    }
  ],
  "sections": [
    {
      "id": "gb-header",
      "kind": "header",
      "zone": "chrome",
      "rank": "ambient",
      "serves": [
        "shape"
      ],
      "children": [
        {
          "id": "gb-name",
          "kind": "run-title",
          "serves": [
            "shape"
          ],
          "query": {
            "path": "layoutGlassbox.label"
          }
        }
      ],
      "title": "The layout glass-box"
    },
    {
      "id": "gb-hero",
      "kind": "hero",
      "zone": "opening",
      "rank": "hero",
      "serves": [
        "shape"
      ],
      "children": [
        {
          "id": "gb-lede",
          "kind": "plain-card",
          "serves": [
            "shape"
          ],
          "source": {
            "path": "layoutGlassbox.lede"
          }
        },
        {
          "id": "gb-tree",
          "kind": "tree-diagram",
          "serves": [
            "shape"
          ],
          "source": {
            "path": "layoutGlassbox.tree"
          }
        }
      ]
    },
    {
      "id": "gb-brief-panel",
      "kind": "panel",
      "zone": "readings",
      "rank": "support",
      "serves": [
        "cause"
      ],
      "children": [
        {
          "id": "gb-brief",
          "kind": "screen-brief",
          "serves": [
            "cause"
          ],
          "source": {
            "path": "layoutGlassbox.brief"
          }
        }
      ],
      "title": "The brief this surface was generated from",
      "caption": "Not a prompt — a declared brief: the page-type, the one-line thesis, and the decisions this surface exists to answer. Every node below traces back to one of them."
    },
    {
      "id": "gb-inspector-panel",
      "kind": "panel",
      "zone": "readings",
      "rank": "support",
      "serves": [
        "tweak",
        "cause"
      ],
      "children": [
        {
          "id": "gb-inspector",
          "kind": "node-inspector",
          "serves": [
            "tweak",
            "cause"
          ],
          "source": {
            "path": "layoutGlassbox.inspector"
          }
        }
      ],
      "title": "This node, up close",
      "caption": "Every value a node packs by — importance, span, grow — marked derived (from the type default and reading order) or overridden (pinned right here). Plus what it serves, what it reads, and why its block."
    },
    {
      "id": "gb-override-panel",
      "kind": "panel",
      "zone": "readings",
      "rank": "support",
      "emphasis": "inverted",
      "serves": [
        "tweak"
      ],
      "children": [
        {
          "id": "gb-override",
          "kind": "override-panel",
          "serves": [
            "tweak"
          ],
          "source": {
            "path": "layoutGlassbox.override"
          }
        }
      ],
      "title": "Tweak it, watch it re-pack",
      "caption": "Change a node's min-span and the row re-packs live; the glass-box hands you a descriptor patch to apply through the build. It writes nothing."
    },
    {
      "id": "gb-gaps-panel",
      "kind": "panel",
      "zone": "territory",
      "rank": "support",
      "serves": [
        "missing"
      ],
      "children": [
        {
          "id": "gb-gaps",
          "kind": "gaps-summary",
          "serves": [
            "missing"
          ],
          "source": {
            "path": "layoutGlassbox.gaps"
          }
        }
      ],
      "title": "What did not resolve",
      "caption": "Every requirement the packer could not resolve, told truthfully — each names how to fill it, never a silent one-off. A fully-resolved surface shows nothing here."
    },
    {
      "id": "gb-acts-panel",
      "kind": "panel",
      "zone": "frontier",
      "rank": "ambient",
      "serves": [
        "act"
      ],
      "children": [
        {
          "id": "gb-confirm",
          "kind": "act-button",
          "act": "propose-patch",
          "strength": "primary",
          "serves": [
            "act"
          ],
          "label": "Propose this patch",
          "hint": "A preview — the build applies it, this writes nothing."
        },
        {
          "id": "gb-decline",
          "kind": "cta-link",
          "href": "#gb-override-panel",
          "strength": "decline",
          "records": "nothing",
          "serves": [
            "act"
          ],
          "label": "leave it as it is — nothing proposed, nothing recorded"
        }
      ],
      "title": "Propose the patch — or walk away",
      "caption": "Proposing hands the descriptor patch to the gen+gate pipeline; it actuates nothing here. Doing nothing records nothing."
    },
    {
      "id": "gb-legend-panel",
      "kind": "panel",
      "zone": "frontier",
      "rank": "ambient",
      "serves": [
        "shape"
      ],
      "children": [
        {
          "id": "gb-legend",
          "kind": "legend",
          "serves": [
            "shape"
          ],
          "source": {
            "path": "layoutGlassbox.legend"
          }
        }
      ],
      "title": "How to read the tree",
      "caption": "Solid resolved, ghost missing; derived from the type default, overridden pinned here. The key to everything above."
    }
  ]
}

Engine page — the data this screen read (1 top-level keys)

layoutGlassbox: object{9}

{
  "layoutGlassbox": {
    "label": "Glass box — Mission control — your whole life, honestly",
    "lede": {
      "plain": "“Mission control — your whole life, honestly” as the tree the packer truly builds — every node at its real size, what resolved shown solid, what is missing shown as a ghost that names how to fill it."
    },
    "brief": {
      "plain": "This surface was generated from a DECLARED brief, not a prompt: a page-type, a one-line thesis, and the decisions it exists to answer. Every node below traces back to one of these decisions — no uncaused pixels.",
      "template": "briefing",
      "skin": "real",
      "parti": "a calm morning briefing — one sentence, then three glances, then the territory, then the frontier",
      "decisions": [
        {
          "id": "where",
          "question": "where am I — honestly, with nothing about me left uncounted?"
        },
        {
          "id": "pending",
          "question": "what's coming, what needs deciding — and is anything drifting?"
        },
        {
          "id": "dreams",
          "question": "what have I spoken and not yet committed?"
        },
        {
          "id": "areas",
          "question": "how is each area of my life — including what the engine can't yet do?"
        }
      ]
    },
    "tree": {
      "surface": "mission-control",
      "title": "Mission control — your whole life, honestly",
      "brief": {
        "template": "briefing",
        "parti": "a calm morning briefing — one sentence, then three glances, then the territory, then the frontier",
        "skin": "real",
        "decisions": [
          {
            "id": "where",
            "question": "where am I — honestly, with nothing about me left uncounted?"
          },
          {
            "id": "pending",
            "question": "what's coming, what needs deciding — and is anything drifting?"
          },
          {
            "id": "dreams",
            "question": "what have I spoken and not yet committed?"
          },
          {
            "id": "areas",
            "question": "how is each area of my life — including what the engine can't yet do?"
          }
        ]
      },
      "mode": "full",
      "rows": [
        {
          "kind": "full",
          "arity": "12",
          "columns": [
            {
              "id": "mc-header",
              "kind": "header",
              "depth": 1,
              "resolved": true,
              "tier": "section",
              "span": {
                "min": 12,
                "max": 12,
                "grow": true
              },
              "importance": null,
              "mode": null,
              "provenance": {
                "spanMin": "derived",
                "spanMax": "derived",
                "grow": "derived",
                "importance": "derived"
              },
              "overridden": false,
              "serves": [
                "where"
              ],
              "binding": null,
              "rationale": "ambient chrome — a full-width band that orients, never competing with the hero for salience",
              "rows": [
                {
                  "kind": "full",
                  "arity": "12",
                  "columns": [
                    {
                      "id": "mc-name",
                      "kind": "run-title",
                      "depth": 2,
                      "resolved": true,
                      "tier": "leaf",
                      "span": {
                        "min": 12,
                        "max": 12,
                        "grow": true
                      },
                      "importance": null,
                      "mode": null,
                      "provenance": {
                        "spanMin": "derived",
                        "spanMax": "derived",
                        "grow": "derived",
                        "importance": "derived"
                      },
                      "overridden": false,
                      "serves": [
                        "where"
                      ],
                      "binding": "person.label",
                      "rationale": "a full-width block on its own row — the layout default (no narrower size declared for this kind)",
                      "rows": [],
                      "leaf": true
                    }
                  ]
                },
                {
                  "kind": "full",
                  "arity": "12",
                  "columns": [
                    {
                      "id": "mc-meta",
                      "kind": "meta-line",
                      "depth": 2,
                      "resolved": true,
                      "tier": "leaf",
                      "span": {
                        "min": 12,
                        "max": 12,
                        "grow": true
                      },
                      "importance": null,
                      "mode": null,
                      "provenance": {
                        "spanMin": "derived",
                        "spanMax": "derived",
                        "grow": "derived",
                        "importance": "derived"
                      },
                      "overridden": false,
                      "serves": [
                        "where"
                      ],
                      "binding": null,
                      "rationale": "a full-width block on its own row — the layout default (no narrower size declared for this kind)",
                      "rows": [],
                      "leaf": true
                    }
                  ]
                },
                {
                  "kind": "full",
                  "arity": "12",
                  "columns": [
                    {
                      "id": "mc-counted",
                      "kind": "lossless-chrome",
                      "depth": 2,
                      "resolved": true,
                      "tier": "leaf",
                      "span": {
                        "min": 12,
                        "max": 12,
                        "grow": true
                      },
                      "importance": null,
                      "mode": null,
                      "provenance": {
                        "spanMin": "derived",
                        "spanMax": "derived",
                        "grow": "derived",
                        "importance": "derived"
                      },
                      "overridden": false,
                      "serves": [
                        "where"
                      ],
                      "binding": "mission.coverage",
                      "rationale": "a full-width block on its own row — the layout default (no narrower size declared for this kind)",
                      "rows": [],
                      "leaf": true
                    }
                  ]
                }
              ],
              "leaf": false
            }
          ]
        },
        {
          "kind": "hero",
          "arity": "12",
          "columns": [
            {
              "id": "mc-opening",
              "kind": "hero",
              "depth": 1,
              "resolved": true,
              "tier": "section",
              "span": {
                "min": 12,
                "max": 12,
                "grow": true
              },
              "importance": null,
              "mode": null,
              "provenance": {
                "spanMin": "derived",
                "spanMax": "derived",
                "grow": "derived",
                "importance": "derived"
              },
              "overridden": false,
              "serves": [
                "where"
              ],
              "binding": null,
              "rationale": "the page’s one thesis — its own full-width row at the top, answering the first decision before anything else renders",
              "rows": [
                {
  
… truncated (24191 more chars)