fix(website): Queen explorer cards in the address, skill labels, six-step ladder, lang toggle, phone core

[gHashTag]

Description

Five defects found by the live sweep of the Queen after #1002/#1008, fixed in
separate commits:

1. Embedded Explorers own their card in the Queen address. Seven Queen
   tabs frame an Explorer, and each kept its card only in the frame's hash: a
   reload opened the default, ?tab=specs&spec=… stayed on hello_world, a
   PROJECT chapter jump was lost, and a ladder link inside the agents frame
   navigated the frame under a rail that still said AGENTS. The address now
   names the card (skill=, cron=, agent=, function=, tool=, spec=,
   chapter=), a pick writes it with replace, and an outside hash change or
   Back moves the frame with location.replace.
2. Skill Explorer labels say what is counted: whether a skill declares a
   spec binding ("Unbound" / "Без привязки"), not "No spec".
3. One ladder of six steps wherever the site draws or names it:
   Specs → Skills → Crons → Agents → Tools → Functions.
4. The Queen language toggle writes ?lang=, so a reload keeps the language.
5. Shared core can be tapped on a phone (it measured 0x0 at 390px).

Closes #1013

Related Issue

#1013. Rebased onto #1011 (TRI tab); the one conflict was the shell's tab
write in Queen.tsx: it now builds from the live hash as TRI requires and
drops or writes the Explorer card as this branch requires. The last commit
keeps that write in the literal form qa/tri-screens-contract.mjs pins (the
first merge read the hash into a local and failed check:tri).

Changes Made

• src/lib/queenEmbed.ts, src/lib/queenFrame.ts (imports nothing, so the
  entry chunk grows by 1.1 kB), src/components/useQueenExplorerFrame.ts;
  QueenAgents.tsx, QueenSpecs.tsx, useHashParams.ts, main.tsx,
  SpecExplorer.tsx (follows a later ?spec= only inside a Queen frame).
• SkillExplorer.tsx label copy (en/ru), CronExplorer/SkillExplorer
LayerLadder, FunctionExplorer caption.
• scripts/agents-from-specs.mjs, scripts/docs-from-specs.mjs and the
  regenerated spec-skills.json, spec-crons.json, system-docs.json (each
  keeps its generatedAt; a separate commit first regenerates
  system-docs.json from the committed catalogs, which was stale on main).
• Queen.tsx toggleLang and the tab write; QueenUniverse.css phone head.
• qa/queen-embed-address-contract.mjs (npm run check:queen-embed),
  agents-spec and docs-spec contracts and the docs generator test.

🔥 TOXIC VERDICT

What Works

• Embed contract: 23 of 24 checks fail on the unmodified build, each for its
  own reason; 24 of 24 pass on this branch, before and after the rebase onto
  feat(website): TRI tab, the app at app.t27.ai inside the Queen #1011 (with the TRI contract 14 of 14 and the tabs probe 50 of 50).
• Each smaller fix has a before/after browser probe: labels, ladder (explorers
  and docs), ?lang= after toggle and reload, and Shared core 0x0 → 93x26 and
  tappable at 390x844.

What Doesn't Work / Limits

• The vendored t27 chapter still says "The five-layer system" next to the
  six-row table; that text lives in gHashTag/t27.
• A plain Queen tab visit now writes the Explorer's default card into the
  address once the frame loads.
• Shared core is 93x26 on a phone, under a 44px touch-target guideline.
• The embed contract takes 25-30 minutes on this machine and is not in CI.

Overall Assessment: APPROVE. Self-Score: 7/10.

🌳 TECH TREE Options

1. Change the t27 layers chapter upstream and re-vendor it. ★★★★☆
2. Put the embed contract in CI with a shorter matrix. ★★★☆☆
3. Grow phone head controls to 44px without breaking the one-screen layout. ★★☆☆☆

{
  "version": 1,
  "head_sha": "3db210c7fd819263ef483aac38517d3862f425ce",
  "summary": "Queen tabs that frame an Explorer now carry the selected card in the Queen address, the Skill Explorer labels name the spec binding they count, the site states one six-step ladder, the language toggle writes ?lang=, and Shared core is tappable on a phone.",
  "changes": [
    "apps/website/src/lib/queenEmbed.ts, src/lib/queenFrame.ts, src/components/useQueenExplorerFrame.ts and the Explorer pages: the card of each embedded Explorer is written to and read from the Queen address.",
    "apps/website/src/pages/SkillExplorer.tsx: label copy in en and ru names the declared spec binding.",
    "apps/website/scripts/agents-from-specs.mjs, scripts/docs-from-specs.mjs and regenerated public data: one six-step ladder in the catalogs, figure, table and copy.",
    "apps/website/src/pages/Queen.tsx: the language toggle writes ?lang= and the tab write builds from the live hash while dropping or writing the Explorer card.",
    "apps/website/src/pages/QueenUniverse.css: Shared core stays visible and tappable in the phone head.",
    "apps/website/qa/queen-embed-address-contract.mjs and updated agents-spec and docs-spec contracts."
  ],
  "tests": [
    {
      "command": "node qa/queen-embed-address-contract.mjs --origin=<local build of 429499e662>",
      "status": "failed",
      "result": "Control, expected to fail: 23 of 24 checks fail, every card check for its own reason; only no uncaught exceptions passes.",
      "evidence": "Session scratchpad embed-addr fix run on port 8751"
    },
    {
      "command": "node qa/queen-embed-address-contract.mjs --origin=<local build of the branch before rebase>",
      "status": "passed",
      "result": "24 of 24 checks pass.",
      "evidence": "Session scratchpad embed-addr fix run on port 8752"
    },
    {
      "command": "After rebasing onto #1011: node qa/queen-tri-contract.mjs --no-build; node qa/queen-embed-address-contract.mjs --origin=<local build>; PROBE_SKIP_FRAMES=1 node live-tabs-probe.mjs <local build>",
      "status": "passed",
      "result": "On the rebased build (index-CUMd8JcR.js): TRI contract 14 of 14, embed address contract 24 of 24, tabs probe 50 of 50 with the thirteenth tab; check:tri passes after the literal-form commit.",
      "evidence": "Session scratchpad ea-embed-contract.log and ea-tabs-probe.json from the rebased worktree"
    },
    {
      "command": "node repro/f2-skill-labels.mjs, f3-ladder.mjs, f4-lang.mjs, f5-phone.mjs on both builds",
      "status": "passed",
      "result": "Each fails on the unmodified build and passes on the branch: labels, six-step ladder in explorers and docs, ?lang= kept after toggle and reload, Shared core 93x26 and tappable.",
      "evidence": "Session scratchpad embed-addr repro logs"
    },
    {
      "command": "npm run typecheck:ratchet; eslint on changed files; check:docs; check:agents; check:explorer-languages; queen-language-contract; both generators --check",
      "status": "passed",
      "result": "179 type errors against a baseline of 179, no new eslint error, all contracts and generator checks pass.",
      "evidence": "Local runs in the fix/queen-embedded-explorers-address worktree"
    },
    {
      "command": "node qa/queen-viewport-contract.mjs --no-build on both builds",
      "status": "failed",
      "result": "Fails identically on the unmodified and the fixed build (the same 30 size and view combinations), so the failures predate this change.",
      "evidence": "Session scratchpad embed-addr viewport runs"
    }
  ],
  "limitations": [
    "The vendored t27 layers chapter still names five layers next to the six-row table until gHashTag/t27 changes it.",
    "A plain Queen tab visit writes the embedded Explorer's default card into the address after the frame loads.",
    "The embed contract is slow on this machine and not wired into CI; Shared core is below a 44px touch target on phones."
  ],
  "tags": [
    "Website",
    "Queen",
    "Routing"
  ],
  "blog": {
    "title": "Every card has an address",
    "summary": "Queen tabs that frame an Explorer now write the selected card into the game's address, and four smaller inconsistencies found in the same sweep are fixed.",
    "outline": [
      "The symptom: inside the Queen, a picked skill, spec or chapter lived only in the embedded frame, so a reload, Back or a shared link lost it.",
      "The contract: the frame reports each card to the Queen, the Queen writes it with replace, and an outside change moves the frame without adding history.",
      "The edge cases: refused ids fall back to the default, unknown ids keep the Explorer's own not-found card, and a bare tab adopts what is on screen.",
      "The small fixes: honest skill labels, one six-step ladder, a language toggle that updates the address, and a phone button that had shrunk to nothing.",
      "What remains: the upstream t27 chapter text, a slow contract outside CI, and a small phone touch target."
    ]
  }
}

🤖 Generated with Claude Code

[gHashTag]

Verified live on https://t27.ai after the publisher run ("Publish assets/index-CPB82kK5.js from trinity 10ce3d5"; the merge tree equals the reviewed branch tree, f37af003).

On index-CPB82kK5.js, headless Chrome against the live site:

• qa/queen-embed-address-contract.mjs --origin=https://t27.ai: 24 of 24 (deep links for all seven Explorer tabs, pick writes the address without a history entry, reload, outside hash, Back, language toggle with ?lang=, ladder and chip links switch the Queen tab, PROJECT chapters, refused and unknown ids, no uncaught exceptions).
• Queen tab probe: 50 of 50 (all thirteen tabs by click, key, outside hash, Back, reload).
• TRI tab probe: 11 of 11 (the TRI tab from feat(website): TRI tab, the app at app.t27.ai inside the Queen #1011 still works after this merge, including no Authorization from the frame with a fake tab session seeded).

The same embed contract failed 23 of 24 on a local build of 429499e before these changes.

Not verified live: Shared core on a real phone (measured at 390x844 in headless Chrome only); the vendored t27 chapter still says "five-layer".