diff --git a/.agents/README.md b/.agents/README.md
index 64895b2..1610959 100644
--- a/.agents/README.md
+++ b/.agents/README.md
@@ -11,6 +11,7 @@ Source of truth for AI agent configuration. Cursor consumes via symlinks in `.cu
 | Tier 1 / 2 / 3 attachment modes   | [rules/agents-tier-system.md](rules/agents-tier-system.md)            |
 | Layers tier/pairing deltas        | [skills/writing-agents-config](skills/writing-agents-config/SKILL.md) |
 | Authoring new rules/skills (meta) | [`writing-great-skills`](skills/writing-great-skills/SKILL.md)        |
+| Product north-star (tenets)       | [`product-tenets`](skills/product-tenets/SKILL.md)                    |
 | Past corrections                  | [`lessons.md`](lessons.md)                                            |
 | What exists on disk right now     | `ls .agents/rules` · `ls .agents/skills`                              |
 
diff --git a/.agents/lessons.md b/.agents/lessons.md
index 8938868..70eae2c 100644
--- a/.agents/lessons.md
+++ b/.agents/lessons.md
@@ -20,3 +20,9 @@ alwaysApply: true
 - npm trusted publishing (OIDC) needs npm ≥ 11.5.1 + Node ≥ 22.14; oven-sh/setup-bun leaves npm 10.x in PATH, so a release job running `changeset publish`/`npm publish` must also run actions/setup-node (Node 24 → npm 11) or OIDC isn't detected → ENEEDAUTH.
 - Don't pin a GitHub action to a moving major tag's commit SHA (e.g. setup-node@<v6-tag-commit>) — the tag moves and orphans/GCs the commit → "unable to find version"; pin to an immutable release-tag commit or use the moving @vN tag.
 - Subagent model choice: use `composer-2.5-fast` for fast implementation, `glm-5.2-high` for deeper exploration/design/debate; mix or run both for hard findings.
+- Format `apps/docs` non-content files at `printWidth: 80` — oxfmt uses **nearest-config-wins per file**, so the nested `apps/docs/.oxfmtrc.json` (ignore-only → default printWidth 100) shadows root `.oxfmtrc.json` (80) for every `apps/docs/*` file regardless of CLI scope; fix by adding `"printWidth": 80` to `apps/docs/.oxfmtrc.json` (or `-c .oxfmtrc.json --disable-nested-config`). `content/**` stays excluded by the nested ignore so writes won't collapse `:::note` callouts.
+- The layers repo has tracked `.oxlintrc.json` + root `.oxfmtrc.json` (since the initial commit) with real plugins/rules/ignorePatterns (`.oxlintrc.json` ignores `**/*.svelte` and `**/*.vue`); merge additions into them — never overwrite/replace. Verify tracked lint/format configs via `git ls-files '*.oxlintrc*' '*oxfmt*'` before touching (3 tracked today: `.oxlintrc.json`, `.oxfmtrc.json`, `apps/docs/.oxfmtrc.json`); the "no oxlint config" explore report was wrong.
+- A blume version bump needs `rm -rf .blume .blume-verify` (or a dev-server restart) before trusting build/preview output — `blume build --isolated` always regenerates the runtime, but incremental `writeIfChanged` skips, `ensureDepsLink` no-ops, `blume preview` serving an existing build, and `.blume/.astro` caches can persist stale output and silently mask new markdown/transformer features (e.g. 1.0.4 `blume:table-wrap`), reading as a false upstream regression.
+- Blume `<Component>`/islands **hard-cap** live-render at React/Vue/Svelte (+Astro static) — pilot-confirmed in Blume 1.0.4 (`FRAMEWORK_BY_EXT` maps jsx/tsx→react, no solid/preact; generated `astro.config.mjs` only wires react/vue/svelte; no integration hook). Installing `@astrojs/solid-js`/`preact` is inert; `.tsx` always routes to the React renderer (Preact hooks crash, Solid renders broken via React). Non-React recipes are permanently code-only; Vue preview needs `@astrojs/vue` + the `vue.vue` SFC compile fix. (Astro officially also supports Preact/SolidJS/Alpine/Lit; Angular/Qwik community — Blume exposes a strict subset.) [components](https://useblume.dev/docs/content/components), [astro frameworks](https://docs.astro.build/en/guides/framework-components/#official-front-end-framework-integrations).
+- Recipes are `?raw`-imported, so `blume build` never typechecks them — gate with `bun run typecheck:recipes` in `apps/docs` (per-framework `tsconfig.recipes-*.json` + `tsconfig.solid.json`/`tsconfig.preact.json` via `vue-tsc`/`svelte-check`/`tsc`; wired into CI as root `typecheck`). (Supersedes the old solid/preact-no-`export default` + `vue.vue` SFC-compile bullet — both fixed; gate is live and green.)
+- Recipe files keep their framework-native extension (`vue.vue`, `svelte-runes.svelte`, `angular.ts`) — renaming a Vue SFC to `vue.ts` makes oxlint parse `<template>` as TS and fail (`Expected '>' but found 'Identifier'`) while `?raw` + `blume build` stay green. Gate recipes with `bun run typecheck:recipes` (CI: root `typecheck`); `lint:ci` only covers `.ts`/`.tsx` — `.vue`/`.svelte` are oxlint-ignored.
diff --git a/.agents/skills/docs-governance/LIFECYCLE.md b/.agents/skills/docs-governance/LIFECYCLE.md
index b42823e..d56a690 100644
--- a/.agents/skills/docs-governance/LIFECYCLE.md
+++ b/.agents/skills/docs-governance/LIFECYCLE.md
@@ -81,3 +81,9 @@ Preserve cited anchors / rule numbers; if renumbering is unavoidable, update eve
 - **Adopted** → lift the decision-of-record into `architecture.md` or a rule/skill; delete the research file unless its comparison framework is reusable.
 - **Rejected** → add `Status: Rejected (YYYY-MM-DD) — <one-line reason>` at the top. Keep. The rejection rationale saves the next agent from re-litigating.
 - **Open** → stays in `research/` with no status header.
+
+## README surfaces
+
+**The `apps/docs` docs site (built with Blume) is the canonical public documentation** for concepts, API, guides, examples, and adapter detail. Package `README.md` files and the repo root `README.md` are **npm/repo landings only**: package name, brand one-liner, experimental disclaimer (verbatim per docs-voice), install command, peer dependency, one idiomatic taste snippet, and links to the docs site — they **must not** restate API tables, when-to-use matrices, lifecycle explanations, or feature lists. Maintainer-facing depth stays in `docs/architecture.md`, `docs/glossary.md`, and the docs site `/reference/*`. On API changes, update the docs site first (`update-docs`); READMEs change only when install/peers/package name change.
+
+PR checklist: docs site updated for behavior/API; READMEs touched only for install/taste/links.
diff --git a/.agents/skills/docs-governance/SKILL.md b/.agents/skills/docs-governance/SKILL.md
index 427be3d..1131115 100644
--- a/.agents/skills/docs-governance/SKILL.md
+++ b/.agents/skills/docs-governance/SKILL.md
@@ -9,7 +9,7 @@ Repo-wide Tier B surface (cross-cutting reference + lifecycle substrate). This i
 
 ## Quick rules
 
-Full blueprint: [LIFECYCLE.md](./LIFECYCLE.md) — the shared spine (§1–6: lifecycle types → cross-reference preservation) + Closing states (plans / audits / research). This is a small library — no per-feature `docs/` subtrees, no ownership tables.
+Full blueprint: [LIFECYCLE.md](./LIFECYCLE.md) — the shared spine (§1–6: lifecycle types → cross-reference preservation), README surfaces (the `apps/docs` docs site is canonical; package + root READMEs are npm landings only), + Closing states (plans / audits / research). This is a small library — no per-feature `docs/` subtrees, no ownership tables.
 
 ## Reference
 
diff --git a/.agents/skills/docs-voice/SKILL.md b/.agents/skills/docs-voice/SKILL.md
new file mode 100644
index 0000000..36adf09
--- /dev/null
+++ b/.agents/skills/docs-voice/SKILL.md
@@ -0,0 +1,69 @@
+---
+name: docs-voice
+description: Voice, tone, and format for the public Layers docs (`apps/docs`, built with Blume). Use when authoring or editing apps/docs prose — landing, guides, concepts, adapters, reference — or deciding headline grammar, benefit framing, the experimental disclaimer wording, or overlay-vs-layer usage.
+---
+
+# Docs voice — Layers docs (`apps/docs`, built with Blume)
+
+Keep landing, guides, concepts, adapters, and reference reading like one voice.
+
+## Voice in one line
+
+Senior-dev to senior-dev: concrete, API-literate, dry, honest about scope. No
+hype. The differentiators are radical honesty (say what's planned / diverges /
+was rejected) and the "when **not** to use it" anti-sell — keep both.
+
+## Do
+
+- **Lead with the pain, then the mechanism.** "Stop prop-drilling `isOpen`…" →
+  then "open a layer from anywhere and `await` a typed result."
+- **Concrete before abstract.** Name modals / drawers / toasts / confirms before
+  the coinage "layer" / "overlay".
+- **Section headers by page type.** Marketing = period-terminated benefit
+  sentence ("Every adapter, the same API."); guides = action verb ("Configure
+  serial scope"); reference = precise noun; concepts = model noun + consequence.
+- **Card titles = the outcome; card bodies = the API.**
+- **One idea per sentence in leads.** Short claim first, then expand.
+- **Keep `// ^? type` twoslash hints and live demos** — proof, not decoration.
+- **State experimental status once per surface, one wording** (see Canonical
+  patterns).
+- **Sidebar icons: all-or-none per sibling list.** Blume does not reserve an
+  icon column — sparse `sidebar.icon` jaggeds labels and fakes hierarchy.
+  Leaf icons only where every peer has a natural glyph (adapter/integration
+  brand SVGs). Guides, Concepts, Examples, Reference leaves: none. Section
+  `meta.ts` icons and tab icons stay. Nested brand groups (e.g. Svelte): icon
+  on the group only — don't repeat the same SVG on indented children.
+- **Adapter list order:** core/vanilla → react → preact → solid → angular →
+  vue → svelte (runes → store). Every multi-adapter listing.
+
+## Don't
+
+- Don't open a page with a 60+ word sentence.
+- Don't restate the frontmatter `description` in the first body sentence — the
+  docs site renders `description` as the page subtitle, so an echoing opener
+  duplicates content. Open with a concrete scenario/pain instead.
+- Don't title cards with bare feature nouns ("Named stacks") when the outcome is
+  the hook.
+- Don't manufacture social proof, download counts, "trusted by", or maturity
+  adjectives ("production-grade", "battle-tested", "world-class") at v0.1.0 —
+  live demos, source, and the changelog are the proof.
+- Don't call the core accessible / portal-aware / UI-complete — consumers own
+  rendering, focus, portals, and a11y. Say "state coordination, not UI ownership".
+- Don't hype ("blazing-fast", "revolutionary").
+- Don't oscillate "layer" (the API unit) and "overlay" (the category) — see
+  `apps/docs/content/concepts/glossary.mdx`.
+- Don't invent Lucide icons for prose nav leaves to "fill out" a section —
+  strip to none instead of decorating half the list.
+
+## Canonical patterns (use verbatim)
+
+- **Experimental disclaimer** (banner / pill / callout / stability page): "Experimental — the API may change between minor releases. Pin your version."
+- **Pre-1.0 semver:** breaking changes are expected and ship in **minor releases** (`0.1` → `0.2`), **not majors**.
+- **Brand one-liner** (memorable beat, not hype): "Modals are just async functions you forgot to `await`."
+- **Overlay vs layer:** "overlay" = the UI category; "layer" = Layers' unit / API term.
+
+## Verify
+
+`content/**` MDX is excluded from oxfmt; `.astro` is not oxfmt-managed. Build
+green before commit ([`verify-after-each-step`](../../rules/verify-after-each-step.md),
+[`update-docs`](../update-docs/SKILL.md)).
diff --git a/.agents/skills/product-tenets/SKILL.md b/.agents/skills/product-tenets/SKILL.md
new file mode 100644
index 0000000..f75f3f5
--- /dev/null
+++ b/.agents/skills/product-tenets/SKILL.md
@@ -0,0 +1,46 @@
+---
+name: product-tenets
+description: The product north-star — four tenets (open & agnostic, composable primitives, production-grade, predictable & type-safe) distilled from TanStack's ethos/tenets. Use when making a design, API, or architecture decision, evaluating a trade-off, justifying a feature, or writing/reviewing a docs/plans entry.
+---
+
+# Product tenets (north-star)
+
+Distilled from [TanStack's ethos](https://tanstack.com/ethos) and [product tenets](https://tanstack.com/tenets) — a great inspiration whose work we respect and learn from. These four tenets are the design north-star for `@stainless-code/layers`; reach for them whenever a decision needs justifying. Adopted and adapted to a single-package, zero-dep-core, adapter-layered client library.
+
+## 1. Open, independent, technology-agnostic
+
+A provider-agnostic core; integrations layered on top as optional adapters — never the foundation. Swapping a framework is feasible without rewriting business logic; framework-specific behavior is cordoned off in `packages/<framework>/`.
+
+- Rules out: framework-biased APIs or peer deps in `packages/core/src/` (the zero-dep gate); "all-in on X framework" assumptions; lock-in that forces a rewrite.
+- Layers shape: one package, subpath exports per framework, optional peers, `itImportsOnlyFromCore` seam test.
+
+## 2. Composable, platform-aligned primitives
+
+Focused, composable building blocks that embrace the web platform rather than hiding it. Adoptable one piece at a time — no rewrites, no hard coupling. Escape hatches by design: always possible to drop down a level.
+
+- Rules out: designs requiring full rewrites or "all-in" commitments; heavy global singletons; abstractions that hide platform capabilities without escape routes.
+- Layers shape: `LayerStack`/`LayerClient` primitives; `StackOutlet` is convenience, not required (`useStackHandles` for headless); standard-schema validation stays a spec, not a dep.
+
+## 3. Pragmatic, production-grade quality
+
+Designed around real-world workloads, edge cases, and long-lived apps — not happy-path demos. Features are not done until we'd run them in our own revenue-critical apps. Performance and scale are requirements, not nice-to-haves.
+
+- Rules out: demo-only features; magic that's impossible to debug; changes that optimize for benchmarks over real-world reliability.
+- Layers shape: no-op update skip + stable snapshot refs; sync flush by default (documented `notifyManager.batch` for burst-coalescing); branded errors + `is*` guards.
+
+## 4. Predictable, explicit, type-safe behavior
+
+Minimal magic, maximum clarity. State, side effects, and data flow understandable from code, not hidden behavior. Type safety guides correct use without drowning users in generics. Evolve carefully with clear migration paths.
+
+- Rules out: hidden global state or surprising side effects; API churn without migration; type signatures technically correct but unusable in practice.
+- Layers shape: opaque `DataTag` keys with `ResponseOf`/`ErrorOf` inference; `OmitKeyof` key-checked omits; `Register`-driven `DefaultLayerError`; pre-release — no breaking-change constraints, prefer the cleanest correct design.
+
+## Using the tenets
+
+When a proposal conflicts with a tenet, explicitly address why and how the conflict is justified (a `docs/plans/` entry for new surface, inline for a line-level change). Maintainers use these as a PR checklist; partners may not bias core toward a platform.
+
+## Reference
+
+- [TanStack ethos](https://tanstack.com/ethos) · [TanStack product tenets](https://tanstack.com/tenets) — inspiration, with respect.
+- [`architecture-priming`](../../rules/architecture-priming.md) — STOP signals for structurally significant changes.
+- [`improve-codebase-architecture`](../improve-codebase-architecture/SKILL.md) · [`docs/architecture.md`](../../docs/architecture.md)
diff --git a/.agents/skills/update-docs/SKILL.md b/.agents/skills/update-docs/SKILL.md
new file mode 100644
index 0000000..c2f2817
--- /dev/null
+++ b/.agents/skills/update-docs/SKILL.md
@@ -0,0 +1,36 @@
+---
+name: update-docs
+description: Keep apps/docs in sync with merged product changes. On each run, audit recently merged PRs against docs content, update only drifted pages, verify with blume build, and open or update a blume/* PR — or report a clean no-op.
+---
+
+# Update docs — sync apps/docs with merged PRs
+
+Upstream workflow: [`npx skills add haydenbleasel/blume --skill blume-update-docs`](https://github.com/haydenbleasel/blume). This local skill encodes it for scheduled agents in this repo.
+
+## When to use
+
+- **Scheduled** — weekly (or similar) run to catch docs drift from merged PRs.
+- **On demand** — after a batch of merged PRs that may have changed public API surfaces, adapter hooks, or Blume config.
+
+## Workflow
+
+1. **Collect merged PRs** in the lookback window (default **7 days**): `git log --since="7 days ago" --merges --first-parent` and `gh pr list --state merged --search "merged:>$DATE"`. _Done: every merged PR in the window listed with title, number, and surfaces touched._
+2. **Drop feature-flagged work** — skip PRs/commits touching flag-gated code; never document unreleased surfaces. _Done: flag-gated PRs removed from the list._
+3. **Map changed surfaces to docs pages** — trace diffs in `packages/core/src`, `packages/*/src` exports, `blume.config.ts`, and CLI to the pages that document them (`content/reference/core-api.mdx`, `content/reference/adapter-hooks.mdx`, `content/adapters/**`, `content/guides/**`, plus related examples/recipes when behavior changed). _Done: every changed public surface mapped to zero or more docs pages._
+4. **Edit only drifted facts** — signatures, option tables, behavior descriptions. Use `<AutoTypeTable>` where types changed (regenerates from source); do not rewrite stable prose. _Done: every drifted fact updated; no stable prose touched._
+5. **Verify** — `bun run docs:validate -- --strict && bun run docs:check -- --isolated && bun run docs:build`; fix until green. **Do not commit if any fail.** Per [`verify-after-each-step`](../../rules/verify-after-each-step.md). _Done: all three green._
+6. **Open or update a PR** on branch `blume/sync-docs-<date>` with a summary of what drifted and the fixes. Follow commit/PR conventions; never `--no-verify` ([`no-bypass-hooks`](../../rules/no-bypass-hooks.md)). _Done: PR open with drift summary, or step 7 applies._
+7. **Clean no-op** — if nothing drifted, report the PRs checked and surfaces audited; **do not open a PR.** _Done: report lists every PR checked and every surface audited._
+
+## Boundaries
+
+- **Only `apps/docs/`** — never edit `docs/` (maintainer-only plans/research); docs-only PRs, never library source.
+- **Minimal diffs** — drifted facts only; no cosmetic rewrites, unrelated refactors, or removing source comments in touched files ([`authoring-discipline`](../../rules/authoring-discipline.md)).
+- **No PR on a clean no-op; no commit on a failing build.**
+
+## Reference
+
+- Verify loop: [`verify-after-each-step`](../../rules/verify-after-each-step.md) · [`harden-pr`](../harden-pr/SKILL.md) (lite before commit, full before merge)
+- Authoring: [`authoring-discipline`](../../rules/authoring-discipline.md)
+- Voice/tone/format for the public site (headline grammar, disclaimer wording, do/don't): [`docs-voice`](../docs-voice/SKILL.md)
+- Docs site scope: [`docs-governance`](../docs-governance/SKILL.md) (governs `docs/`; this skill governs `apps/docs/` sync only)
diff --git a/.cursor/skills/docs-voice b/.cursor/skills/docs-voice
new file mode 120000
index 0000000..a5a7397
--- /dev/null
+++ b/.cursor/skills/docs-voice
@@ -0,0 +1 @@
+../../.agents/skills/docs-voice
\ No newline at end of file
diff --git a/.cursor/skills/product-tenets b/.cursor/skills/product-tenets
new file mode 120000
index 0000000..07b8f76
--- /dev/null
+++ b/.cursor/skills/product-tenets
@@ -0,0 +1 @@
+../../.agents/skills/product-tenets
\ No newline at end of file
diff --git a/.cursor/skills/update-docs b/.cursor/skills/update-docs
new file mode 120000
index 0000000..7459411
--- /dev/null
+++ b/.cursor/skills/update-docs
@@ -0,0 +1 @@
+../../.agents/skills/update-docs
\ No newline at end of file
diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index 88a2814..0989dd8 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -189,22 +189,35 @@ jobs:
       - name: Run size limit
         run: bun run size
 
-  docs-api:
-    name: 📚 API docs
+  docs:
+    name: 📖 Docs site (Blume)
     needs: skip-ci
     if: needs['skip-ci'].outputs.skip != 'true'
     runs-on: ubuntu-latest
+    # Token for github-releases changelog — avoids BLUME_SOURCE_OFFLINE under --strict.
+    env:
+      GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
     steps:
       - name: Checkout
         uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7
         with:
           persist-credentials: false
-
+          fetch-depth: 0
       - name: Setup
         uses: ./.github/actions/setup
-
-      - name: Generate API docs (fails on broken {@link} / not-exported)
+      # Islands import published package entrypoints (`dist/`); build before Blume.
+      - name: Build packages
+        run: bun run build
+      - name: Generate API reference (Markdown)
         run: bun run docs:api
+      # Site content graph (lychee excludes apps/docs). No --external (offline).
+      - name: Validate docs links
+        run: bun run docs:validate -- --strict
+      # Astro/pages/islands — recipes already gated by root typecheck:recipes.
+      - name: Typecheck docs site
+        run: bun run docs:check -- --isolated
+      - name: Build docs site
+        run: bun run docs:build
 
   links:
     name: 🔗 Doc links
@@ -285,7 +298,7 @@ jobs:
         build,
         check-pack,
         size,
-        docs-api,
+        docs,
         links,
         audit,
         deps,
@@ -304,7 +317,7 @@ jobs:
             needs.build.result != 'success' ||
             needs['check-pack'].result != 'success' ||
             needs.size.result != 'success' ||
-            needs['docs-api'].result != 'success' ||
+            needs.docs.result != 'success' ||
             needs.links.result != 'success' ||
             needs.audit.result != 'success' ||
             needs.deps.result != 'success'
diff --git a/.github/workflows/deploy-docs.yml b/.github/workflows/deploy-docs.yml
new file mode 100644
index 0000000..51deb91
--- /dev/null
+++ b/.github/workflows/deploy-docs.yml
@@ -0,0 +1,61 @@
+name: Deploy docs
+
+# Manual dispatch for now. Once the /layers FTP account + repository secrets
+# (FTP_HOST, FTP_USERNAME, FTP_PASSWORD) are configured, enable auto-deploy on
+# main by uncommenting the `push` block below.
+on:
+  workflow_dispatch:
+  # push:
+  #   branches: [main]
+  #   paths:
+  #     - apps/docs/**
+  #     - .github/workflows/deploy-docs.yml
+
+permissions:
+  contents: read
+
+# Don't overlap production deploys; let the queued one finish.
+concurrency:
+  group: deploy-docs-${{ github.ref }}
+  cancel-in-progress: false
+
+jobs:
+  deploy:
+    name: 🚀 Build & Deploy docs (FTP)
+    runs-on: ubuntu-latest
+    steps:
+      - name: Checkout
+        uses: actions/checkout@9c091bb21b7c1c1d1991bb908d89e4e9dddfe3e0 # v7
+        with:
+          persist-credentials: false
+          # Full history: lastModified (sitemap <lastmod>) uses `git log` per file.
+          fetch-depth: 0
+
+      - name: Setup Bun
+        uses: ./.github/actions/setup
+
+      - name: Build docs site
+        env:
+          # Populates the /changelog github-releases source and avoids unauthenticated
+          # GitHub API rate limits in CI.
+          GITHUB_TOKEN: ${{ secrets.GITHUB_TOKEN }}
+        run: bun run docs:build
+
+      # The FTP account is scoped to the /layers subfolder only, so its root IS
+      # /layers — upload dist/ contents there. If the account root is the web
+      # root instead, set server-dir to ./layers/.
+      - name: Upload to /layers via FTP
+        uses: SamKirkland/FTP-Deploy-Action@v4.4.0
+        with:
+          server: ${{ secrets.FTP_HOST }}
+          username: ${{ secrets.FTP_USERNAME }}
+          password: ${{ secrets.FTP_PASSWORD }}
+          protocol: ftps
+          port: 21
+          security: strict
+          local-dir: ./apps/docs/dist/
+          server-dir: ./
+          exclude: |
+            **/.git*
+            **/.git*/**
+            **/node_modules/**
diff --git a/.gitignore b/.gitignore
index 76bd3d2..0845079 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,7 +1,6 @@
 node_modules/
 .DS_Store
 dist/
-docs/api/
 coverage/
 *.tgz
 *.log
diff --git a/.oxlintrc.json b/.oxlintrc.json
index 13361c7..5b3c60a 100644
--- a/.oxlintrc.json
+++ b/.oxlintrc.json
@@ -5,7 +5,8 @@
     "coverage",
     "dist",
     "node_modules",
-    "**/*.svelte"
+    "**/*.svelte",
+    "**/*.vue"
   ],
   "plugins": ["eslint", "typescript", "unicorn", "oxc", "import"],
   "rules": {
diff --git a/.sherifrc.json b/.sherifrc.json
new file mode 100644
index 0000000..3c2a863
--- /dev/null
+++ b/.sherifrc.json
@@ -0,0 +1 @@
+{ "ignoredWorkspaces": ["apps/docs"] }
diff --git a/AGENTS.md b/AGENTS.md
index 5e02f02..7087d14 100644
--- a/AGENTS.md
+++ b/AGENTS.md
@@ -13,6 +13,6 @@ Canonical read order: [`.agents/README.md`](.agents/README.md) (START HERE).
 | Architecture     | [`.agents/rules/architecture-priming.md`](.agents/rules/architecture-priming.md)       |
 | Lessons          | [`.agents/lessons.md`](.agents/lessons.md)                                             |
 
-Intent (not always-on): `docs-governance`, `docs-lifecycle-sweep`, `grilling`, `grill-me`, `grill-with-docs`, `teach`, `ask-agents`, `improve-codebase-architecture`, `domain-modeling`, `agents-tier-system`, `authoring-discipline`, `verify-after-each-step`, `writing-agents-config`, `harden-pr`, `diagnosing-bugs`, `tdd`, `pr-comment-fact-check`, `codemap`, `writing-great-skills` — see `.agents/README.md`.
+Intent (not always-on): `docs-governance`, `docs-lifecycle-sweep`, `grilling`, `grill-me`, `grill-with-docs`, `teach`, `ask-agents`, `improve-codebase-architecture`, `domain-modeling`, `agents-tier-system`, `authoring-discipline`, `verify-after-each-step`, `writing-agents-config`, `harden-pr`, `diagnosing-bugs`, `tdd`, `pr-comment-fact-check`, `codemap`, `writing-great-skills`, `product-tenets` — see `.agents/README.md`.
 
 Human Day-1: [README](README.md) Getting Started · [`.github/CONTRIBUTING.md`](.github/CONTRIBUTING.md).
diff --git a/README.md b/README.md
index 71432d2..293c73a 100644
--- a/README.md
+++ b/README.md
@@ -1,46 +1,31 @@
-# @stainless-code/layers
+# Layers
 
-Headless manager for modal/dialog/drawer/popover/toast UI — **open any layer from anywhere** and manage it as an ordered, named stack. A UI-agnostic core (works with any UI library or framework) + per-adapter packages: declare a layer once, then invoke it imperatively from components, effects, route guards, or plain code. Optionally `await` a typed result. No prop-drilling, no lifted `isOpen`, no callback threading.
+<!-- TODO: once the docs site (https://stainless-code.com/layers) is deployed, swap this src to https://stainless-code.com/layers/logo.svg for a stable, self-owned URL. -->
+<p align="center">
+  <img src="https://raw.githubusercontent.com/stainless-code/layers/main/apps/docs/public/logo.svg" alt="Layers" height="48" />
+</p>
 
-> **Status:** experimental — a zero-dep core + React, Preact, Vue, Solid, Angular, and Svelte adapters at ergonomic parity (Angular/Svelte render imperatively/via primitives — see [architecture](docs/architecture.md#adapter-ergonomics)). API may shift.
+Modals are just async functions you forgot to `await`.
 
-This is the monorepo — one adapter package per library or framework. Pick yours below.
+Headless layer/stack manager — modals, dialogs, drawers, popovers, toasts are **layers in named stacks**. Open any layer from anywhere and `await` a typed result. A zero-dependency core plus React, Preact, Solid, Angular, Vue, and Svelte adapters. State coordination, not UI ownership: Layers owns ordering, keys, transitions, blockers, and the `await client.open(...)` contract; you own rendering, focus, portals, and a11y.
 
-## Packages
-
-| Library / framework  | Package                                              | Peer            | Install                                  |
-| -------------------- | ---------------------------------------------------- | --------------- | ---------------------------------------- |
-| _core (UI-agnostic)_ | [`@stainless-code/layers`](packages/core)            | —               | `bun add @stainless-code/layers`         |
-| React                | [`@stainless-code/react-layers`](packages/react)     | `react`         | `bun add @stainless-code/react-layers`   |
-| Preact               | [`@stainless-code/preact-layers`](packages/preact)   | `preact`        | `bun add @stainless-code/preact-layers`  |
-| Svelte               | [`@stainless-code/svelte-layers`](packages/svelte)   | `svelte`        | `bun add @stainless-code/svelte-layers`  |
-| Vue                  | [`@stainless-code/vue-layers`](packages/vue)         | `vue`           | `bun add @stainless-code/vue-layers`     |
-| Solid                | [`@stainless-code/solid-layers`](packages/solid)     | `solid-js`      | `bun add @stainless-code/solid-layers`   |
-| Angular              | [`@stainless-code/angular-layers`](packages/angular) | `@angular/core` | `bun add @stainless-code/angular-layers` |
-
-Install only the adapter for your library or framework — the core (`@stainless-code/layers`) comes along as a dependency and is re-exported, so you import both adapter APIs (`StackProvider`, `useStack`, …) and core APIs (`LayerClient`, `layerOptions`, `LayerState`, …) from the one package. Each adapter lists the library or framework as a **required peer dependency** (the `Peer` column) — you almost always already have it in your app, so nothing extra to install. Svelte ships two entries: `@stainless-code/svelte-layers` (runes, 5.7+) and `@stainless-code/svelte-layers/store` (stores / pre-runes, 3+).
+> Experimental — the API may change between minor releases. Pin your version. ([Stability & versioning](https://stainless-code.com/layers/concepts/stability))
 
-Each package's README has the full per-adapter guide; the [core README](packages/core) covers the UI-agnostic engine.
+Full docs: [stainless-code.com/layers](https://stainless-code.com/layers).
 
-## When to use it
-
-Overlay UI is cross-cutting, but component models push its state to be local — so you end up prop-drilling `isOpen`, lifting state, threading `onConfirm`/`onCancel`, duplicating modal boilerplate, and hand-rolling z-order and one-at-a-time logic. `layers` moves overlay state into a headless client you invoke imperatively: declare a layer once, open it from anywhere.
+## Packages
 
-Awaiting a result is **optional** — `void client.open({ ...toast, payload })` is a complete fire-and-forget call; the typed response is a bonus axis, not a requirement.
+| Package                                              | Peer            | Install                                  |
+| ---------------------------------------------------- | --------------- | ---------------------------------------- |
+| [`@stainless-code/layers`](packages/core)            | —               | `bun add @stainless-code/layers`         |
+| [`@stainless-code/react-layers`](packages/react)     | `react`         | `bun add @stainless-code/react-layers`   |
+| [`@stainless-code/preact-layers`](packages/preact)   | `preact`        | `bun add @stainless-code/preact-layers`  |
+| [`@stainless-code/solid-layers`](packages/solid)     | `solid-js`      | `bun add @stainless-code/solid-layers`   |
+| [`@stainless-code/angular-layers`](packages/angular) | `@angular/core` | `bun add @stainless-code/angular-layers` |
+| [`@stainless-code/vue-layers`](packages/vue)         | `vue`           | `bun add @stainless-code/vue-layers`     |
+| [`@stainless-code/svelte-layers`](packages/svelte)   | `svelte`        | `bun add @stainless-code/svelte-layers`  |
 
-| Use case                                                                                                                                      | What it involves                                         | Fit                               |
-| --------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------- | --------------------------------- |
-| Confirm/prompt that returns a value                                                                                                           | `await open` + `DataTag` response inference              | Ideal                             |
-| Open an overlay from non-UI code (route guard, event bus, effect, util)                                                                       | global `LayerClient.open`                                | Ideal (incl. fire-and-forget)     |
-| Toast / snackbar / progress — one instance, updated live                                                                                      | `upsert` + `update`                                      | Ideal                             |
-| One-at-a-time / sequential flows (onboarding, queued confirms)                                                                                | serial `scope` + `getQueuedSnapshot`                     | Ideal                             |
-| Stacked or nested overlays (drawer → sub-dialog)                                                                                              | layer groups (`useLayerGroup` / `createLayerGroup`)      | Ideal                             |
-| Enter/exit animated overlays                                                                                                                  | `transition` + `enteringDelay`/`exitingDelay` `settle()` | Ideal                             |
-| Guard dismissal ("discard unsaved changes?")                                                                                                  | blockers (`addBlocker`, `dismissing`, `dismissAll`)      | Ideal                             |
-| Validate an untrusted payload at open                                                                                                         | `validate` (Standard Schema or a function)               | Nice-to-have                      |
-| One overlay system across React/Vue/Svelte/Solid/Preact/Angular                                                                               | UI-agnostic core + adapters                              | Ideal                             |
-| A single, always-local overlay opened from one component — no return, stacking, queue, animation, or guard, and no wish for a global registry | —                                                        | Skip → plain controlled component |
-| Static/inline content with no overlay semantics; full-page navigation                                                                         | —                                                        | Skip → plain markup / a router    |
+Install only the adapter for your framework — it pulls the core in transitively and re-exports it, so adapter APIs (`StackProvider`, `useStack`, …) and core APIs (`LayerClient`, `layerOptions`, …) both come from the one package. Each adapter lists its framework as a required peer. Svelte ships two entries: `@stainless-code/svelte-layers` (runes, 5.7+) and `@stainless-code/svelte-layers/store` (stores, 3+).
 
 ## Taste (React)
 
@@ -53,7 +38,6 @@ import {
   type LayerComponentProps,
 } from "@stainless-code/react-layers";
 
-// 1. Declare a layer. Name the contract once — payload in, response out.
 type ConfirmPayload = { title: string };
 type ConfirmResponse = boolean;
 
@@ -76,7 +60,6 @@ const confirm = layerOptions<ConfirmPayload, ConfirmResponse>({
   component: ConfirmDialog,
 });
 
-// 2. Mount an outlet.
 function App() {
   return (
     <StackProvider>
@@ -85,55 +68,27 @@ function App() {
   );
 }
 
-// 3. Call & await.
 function useRemove() {
   const c = useLayer(confirm);
   return async () => {
     const ok = await c.open({ title: "Remove?" });
     //    ^? boolean
-    if (ok) {
-      /* … */
-    }
   };
 }
 ```
 
-Low-level alternative — spread identity into the bag-form `client.open`:
-
-```tsx
-import { useLayerClient } from "@stainless-code/react-layers";
-
-const client = useLayerClient();
-await client.open({ ...confirm, payload: { title: "Remove?" } });
-```
+## Docs
 
-**Both payload and response are optional.** The response type `R` defaults to `void` (fire-and-forget), and `payload` is omittable whenever the layer needs no input — when `P` is `void`/`unknown`, or you type it `… | undefined`:
-
-```tsx
-// No response type, no payload — declare it, then just open it.
-const about = layerOptions({
-  stack: "modal",
-  key: ["about"],
-  component: About,
-});
-
-client.open(about); // fire-and-forget; the layer dismisses itself via call.dismiss()
-```
+- [Getting started](https://stainless-code.com/layers/guides/getting-started)
+- [When to use Layers](https://stainless-code.com/layers/concepts/when-to-use)
+- [Concepts](https://stainless-code.com/layers/concepts)
+- [Adapters](https://stainless-code.com/layers/adapters)
+- [Reference](https://stainless-code.com/layers/reference)
+- [Changelog](https://stainless-code.com/layers/changelog)
 
 ## Concepts
 
-- Headless `LayerClient` → named `LayerStack`s → `Layer`s; each adapter subscribes via `useSyncExternalStore` (or the library or framework equivalent) + a selector.
-- **`useLayer(options)`** — wired handle (drive + observe). **`useLayerState`** / **`useLayerQueuedState`** / **`useQueuedStack`** — observe-only. Core **`createLayer(options, client)`** for non-UI clients. See [glossary](docs/glossary.md).
-- `layerOptions<P, R>()` / `layerKey<R>()` carry the response type end-to-end (via `DataTag`) so `await open(...)` infers it — no explicit generic.
-- Optional `validate` (a [Standard Schema](https://standardschema.dev) or a sync `(input) => output` fn) parses untrusted `payload` at `open`; failure rejects with `PayloadValidationError` (narrow via `isPayloadValidationError`). Validated handles: `open` = schema **input**, `state`/`current` = **output** ([glossary](docs/glossary.md)).
-- App-wide error type via `Register` module augmentation (`DefaultLayerError`, `Error` by default).
-- Ergonomic wrappers on every adapter — `useLayerGroup`, `useMutationFlow`, `createStackHook` (Angular/Svelte render differently; see [adapter ergonomics](docs/architecture.md#adapter-ergonomics)).
-- Named stacks; `upsert` for singletons; `update` for live payload patches; `scope: { strategy: 'serial' }` queues (`getQueuedSnapshot`).
-- `transition` axis (`entering` | `settled` | `exiting`) + `enteringDelay`/`exitingDelay` timers and `call.settle()` for enter/exit animations.
-- Blockers (`call.addBlocker` / `stack.addBlocker`) gate user-intent dismissal; `dismissing` flag; `dismissAll` modes; `{ force: true }` bypass.
-- Batched notifications (`notifyManager`) coalesce rapid push/pop into one render.
-
-See [`docs/architecture.md`](docs/architecture.md) for the full model.
+- **`useLayer(options)`** — wired handle (drive + observe). **`useLayerState`** / **`useLayerQueuedState`** / **`useQueuedStack`** — observe-only. Core **`createLayer(options, client)`** for headless callers. See [Concepts](https://stainless-code.com/layers/concepts).
 
 ## Develop
 
@@ -142,11 +97,10 @@ This is a [bun workspaces](https://bun.sh/docs/install/workspaces) monorepo; roo
 ```bash
 bun install
 bun run check          # build (core-first) + format + lint + test + test:dom + typecheck
-bun run test           # bun:test unit suites (packages/*/src)
-bun run test:dom       # vitest + jsdom — per-adapter DOM suites (packages/*/tests-dom)
-bun run typecheck
-bun run size
-bun run check:deps     # sherif — workspace dependency lint
 ```
 
-See [`.github/CONTRIBUTING.md`](.github/CONTRIBUTING.md) to contribute.
+See [`.github/CONTRIBUTING.md`](.github/CONTRIBUTING.md) to contribute and [`AGENTS.md`](AGENTS.md) for agent instructions.
+
+## License
+
+MIT.
diff --git a/apps/docs/.gitignore b/apps/docs/.gitignore
new file mode 100644
index 0000000..0559553
--- /dev/null
+++ b/apps/docs/.gitignore
@@ -0,0 +1,10 @@
+# Blume generated runtime, isolated verify output, and build output
+.blume/
+.blume-verify/
+dist/
+
+# TypeDoc-generated API reference (meta.ts stays tracked)
+content/reference/api/**/*.mdx
+content/reference/api/**/*.md
+!content/reference/api/meta.ts
+!content/reference/api/index.mdx
diff --git a/apps/docs/.oxfmtrc.json b/apps/docs/.oxfmtrc.json
new file mode 100644
index 0000000..748e4e3
--- /dev/null
+++ b/apps/docs/.oxfmtrc.json
@@ -0,0 +1,9 @@
+{
+  "$schema": "../.././node_modules/oxfmt/configuration_schema.json",
+  "sortImports": {},
+  "sortPackageJson": {
+    "sortScripts": true
+  },
+  "ignorePatterns": ["content/**", ".blume/**", "dist/**", ".blume-verify/**"],
+  "printWidth": 80
+}
diff --git a/apps/docs/blume.config.ts b/apps/docs/blume.config.ts
new file mode 100644
index 0000000..10d6bcf
--- /dev/null
+++ b/apps/docs/blume.config.ts
@@ -0,0 +1,118 @@
+import { defineConfig } from "blume";
+
+export default defineConfig({
+  title: "Layers",
+  description:
+    "Headless modal/dialog/drawer/popover/toast manager — open any layer from anywhere. Zero-dep core + React, Preact, Solid, Angular, Vue, and Svelte adapters.",
+
+  logo: { image: "/logo.svg", text: "Layers" },
+
+  banner: {
+    content:
+      "Experimental — the API may change between minor releases. Pin your version.",
+    link: { text: "Stability & versioning", href: "/concepts/stability" },
+    dismissible: true,
+    id: "experimental-2026",
+  },
+
+  github: {
+    owner: "stainless-code",
+    repo: "layers",
+    branch: "main",
+    dir: "apps/docs",
+  },
+
+  lastModified: true,
+
+  content: {
+    sources: [
+      { type: "filesystem", root: "content" },
+      {
+        type: "github-releases",
+        prefix: "changelog",
+        owner: "stainless-code",
+        repo: "layers",
+        limit: 100,
+      },
+    ],
+  },
+
+  navigation: {
+    tabs: [
+      { label: "Guides", path: "/guides", icon: "book-open" },
+      { label: "Examples", path: "/examples", icon: "rocket" },
+      {
+        label: "Integrations",
+        path: "/integrations",
+        icon: "blocks",
+      },
+      { label: "Concepts", path: "/concepts", icon: "layers" },
+      { label: "Adapters", path: "/adapters", icon: "plug" },
+      { label: "Reference", path: "/reference", icon: "code" },
+    ],
+    featured: [
+      { label: "Changelog", href: "/changelog", icon: "sparkles" },
+      {
+        label: "GitHub",
+        href: "https://github.com/stainless-code/layers",
+        icon: "github",
+      },
+    ],
+    sidebar: { display: "flat" },
+  },
+
+  theme: { accent: "teal", radius: "md", mode: "system" },
+  search: { provider: "orama" },
+
+  markdown: {
+    code: { icons: true },
+    codeBlocks: { theme: { light: "github-light", dark: "github-dark" } },
+  },
+
+  toc: { minHeadingLevel: 2, maxHeadingLevel: 3 },
+
+  export: { epub: true, pdf: true },
+
+  ai: {
+    llmsTxt: true,
+    markdownComponents: {
+      HeroDemo: () =>
+        "_Live hero demo: interactive confirm, toast, serial queue, and nested-confirm scenarios running the real React adapter. See the page for the rendered demo._",
+      ConfirmDialogExample: () =>
+        "_Live demo: open a confirm dialog from anywhere and await a typed boolean result. See the page for the rendered demo and full source._",
+      ToastExample: () =>
+        "_Live demo: fire-and-forget toast that auto-dismisses. See the page for the rendered demo and full source._",
+      ProgressExample: () =>
+        "_Live demo: progress overlay with live payload updates. See the page for the rendered demo and full source._",
+      DrawerExample: () =>
+        "_Live demo: slide-over drawer that awaits a boolean result. See the page for the rendered demo and full source._",
+      NestedConfirmExample: () =>
+        "_Live demo: a parent dialog opening a child confirm via a layer group. See the page for the rendered demo and full source._",
+      SerialOnboardingExample: () =>
+        "_Live demo: a serial-scope onboarding queue (one active layer at a time). See the page for the rendered demo and full source._",
+      RouteGuardExample: () =>
+        "_Live demo: a module-level LayerClient opening a layer from non-UI code. See the page for the rendered demo and full source._",
+      AnimatedEnterExitExample: () =>
+        "_Live demo: enter/exit CSS transitions driven by the transition axis and call.settle(). See the page for the rendered demo and full source._",
+      AsyncLoadFnExample: () =>
+        "_Live demo: a layer that loads its data via loadFn — pending spinner, then resolved profile. See the page for the rendered demo and full source._",
+      BlockersForceExample: () =>
+        "_Live demo: a dirty-form blocker that vetoes dismissal, with a discard-confirm child and a force-close bypass. See the page for the rendered demo and full source._",
+    },
+  },
+
+  seo: {
+    og: { enabled: true },
+    rss: { enabled: true, types: ["changelog"] },
+    sitemap: true,
+    robots: true,
+    structuredData: true,
+    agentReadability: true,
+  },
+
+  deployment: {
+    output: "static",
+    site: "https://stainless-code.com",
+    base: "/layers",
+  },
+});
diff --git a/apps/docs/components.ts b/apps/docs/components.ts
new file mode 100644
index 0000000..c8434c3
--- /dev/null
+++ b/apps/docs/components.ts
@@ -0,0 +1,21 @@
+import { defineComponents } from "blume";
+
+import Pagination from "./components/blume/Pagination.astro";
+import Search from "./components/blume/Search.astro";
+import RecipeCodeBlock from "./components/RecipeCodeBlock.astro";
+
+export default defineComponents({
+  mdx: {
+    // Cap long recipe code blocks with an inner vertical scroll (copy button
+    // stays fixed — the <pre> is static, only the <code> scrolls). Wide
+    // markdown tables are wrapped natively by blume's `blume:table-wrap` hast
+    // plugin (`.blume-table-scroll`), so no table override is needed here.
+    CodeBlock: RecipeCodeBlock,
+  },
+  layout: {
+    // Use the theme radius token (rounded-blume) instead of the built-in pills
+    // (rounded-full) — softer corners that match the table/install cards.
+    Pagination,
+    Search,
+  },
+});
diff --git a/apps/docs/components/RecipeCodeBlock.astro b/apps/docs/components/RecipeCodeBlock.astro
new file mode 100644
index 0000000..191eca1
--- /dev/null
+++ b/apps/docs/components/RecipeCodeBlock.astro
@@ -0,0 +1,26 @@
+---
+// Wraps the built-in <CodeBlock> so long recipe code scrolls in place (vertical
+// max-height on the inner <code>, not the <pre>) — the <pre> stays static so
+// Blume's absolute copy button + header don't drift. Short blocks are unaffected.
+import CodeBlock from "blume/components/content/CodeBlock.astro";
+
+interface Props {
+  code: string;
+  lang?: string;
+  icons?: boolean;
+  title?: string;
+}
+
+const { code, lang, icons, title } = Astro.props;
+---
+
+<div class="recipe-code">
+  <CodeBlock code={code} lang={lang} icons={icons} title={title} />
+</div>
+
+<style is:global>
+  .recipe-code pre.astro-code code {
+    max-height: 28rem;
+    overflow-y: auto;
+  }
+</style>
diff --git a/apps/docs/components/blume/Footer.astro b/apps/docs/components/blume/Footer.astro
new file mode 100644
index 0000000..3f7fb67
--- /dev/null
+++ b/apps/docs/components/blume/Footer.astro
@@ -0,0 +1,160 @@
+---
+import data from "blume:data";
+import { contentHref } from "blume/components/content/base-href.ts";
+import { EN_UI } from "blume/core/i18n-ui.ts";
+import type { UIStrings } from "blume/core/i18n-ui.ts";
+import type { Navigation } from "blume/core/types.ts";
+import Logo from "blume/components/layout/Logo.astro";
+
+interface Props {
+  site: { title: string; description?: string };
+  navigation: Navigation;
+  ui: UIStrings;
+}
+
+const { site, navigation, ui } = Astro.props;
+
+// `layout.Footer` is wired by RootLayout, which does not forward `logo` — pull
+// the resolved brand mark from the generated data module so the footer stays in
+// sync with the header logo.
+const logo = data.config.logo;
+const repoUrl = navigation.repoUrl;
+const year = new Date().getFullYear();
+
+// Merge over the English defaults so a label missing from a translation still
+// renders instead of coming out blank — the PageActions pattern.
+const strings = { ...EN_UI, ...ui };
+
+// Grouped, intentional columns (not derived from the flat `navigation.tabs`
+// list, which renders as an accidental wrapping grid). Marketing footers own
+// their grouping; base-path-correct links come from `contentHref`.
+const groups: { label: string; links: { href: string; label: string; external?: boolean }[] }[] = [
+  {
+    label: "Docs",
+    links: [
+      { href: contentHref("/guides/getting-started"), label: "Getting started" },
+      { href: contentHref("/guides"), label: "Guides" },
+      { href: contentHref("/concepts"), label: "Concepts" },
+      { href: contentHref("/examples"), label: "Examples" },
+      { href: contentHref("/integrations"), label: "Integrations" },
+    ],
+  },
+  {
+    label: "Adapters",
+    links: [
+      { href: contentHref("/adapters/react"), label: "React" },
+      { href: contentHref("/adapters/preact"), label: "Preact" },
+      { href: contentHref("/adapters/solid"), label: "Solid" },
+      { href: contentHref("/adapters/angular"), label: "Angular" },
+      { href: contentHref("/adapters/vue"), label: "Vue" },
+      { href: contentHref("/adapters/svelte/runes"), label: "Svelte" },
+    ],
+  },
+  {
+    label: "Reference",
+    links: [
+      { href: contentHref("/reference/core-api"), label: "Core API" },
+      { href: contentHref("/reference/adapter-hooks"), label: "Adapter hooks" },
+      { href: contentHref("/reference/roadmap"), label: "Roadmap" },
+      { href: contentHref("/reference/migration"), label: "Migration" },
+      { href: contentHref("/reference/api"), label: "API reference" },
+    ],
+  },
+  {
+    label: "Project",
+    links: [
+      { href: contentHref("/changelog"), label: "Changelog" },
+      { href: contentHref("/concepts/stability"), label: "Stability & versioning" },
+    ],
+  },
+];
+---
+
+<footer class="border-border border-t">
+  <div class="mx-auto max-w-[1400px] px-6 py-16 sm:py-20">
+    <div class="grid gap-12 lg:grid-cols-[1.4fr_3fr] lg:gap-16">
+      <div class="lg:w-72 lg:shrink-0">
+        <Logo logo={logo} site={site} />
+        <p
+          class="mt-4 max-w-xs text-balance text-muted-foreground text-sm leading-relaxed"
+        >
+          Modals are just async functions you forgot to <code>await</code>.
+        </p>
+        <p class="mt-4 text-muted-foreground text-xs leading-relaxed">
+          Experimental — the API may change between minor releases. Pin your
+          version.{" "}
+          <a
+            class="font-medium text-foreground underline-offset-4 transition-colors hover:text-accent hover:underline"
+            href={contentHref("/concepts/stability")}
+            >Stability &amp; versioning</a
+          >
+        </p>
+        {
+          repoUrl && (
+            <a
+              class="mt-6 inline-flex items-center gap-1.5 rounded-blume border border-border px-3 py-1.5 text-muted-foreground text-sm transition-colors hover:border-foreground hover:text-foreground"
+              href={repoUrl}
+              rel="noreferrer"
+              target="_blank"
+            >
+              <svg
+                class="size-4"
+                fill="currentColor"
+                height="16"
+                viewBox="0 0 24 24"
+                width="16"
+              >
+                <path d="M12 .5C5.37.5 0 5.78 0 12.29c0 5.2 3.44 9.6 8.2 11.16.6.1.82-.25.82-.56v-2c-3.34.71-4.04-1.58-4.04-1.58-.55-1.36-1.33-1.73-1.33-1.73-1.09-.73.08-.72.08-.72 1.2.08 1.84 1.21 1.84 1.21 1.07 1.8 2.8 1.28 3.49.98.1-.76.42-1.28.76-1.58-2.67-.3-5.47-1.3-5.47-5.79 0-1.28.47-2.32 1.24-3.14-.13-.3-.54-1.52.12-3.17 0 0 1.01-.32 3.3 1.2a11.6 11.6 0 0 1 6.01 0c2.29-1.52 3.3-1.2 3.3-1.2.66 1.65.25 2.87.12 3.17.77.82 1.23 1.86 1.23 3.14 0 4.5-2.8 5.48-5.48 5.77.43.36.81 1.08.81 2.18v3.23c0 .31.21.67.82.56A12.3 12.3 0 0 0 24 12.29C24 5.78 18.63.5 12 .5z" />
+              </svg>
+              GitHub
+            </a>
+          )
+        }
+      </div>
+
+      <nav
+        aria-label={strings.nav.navigation}
+        class="grid grid-cols-2 gap-x-8 gap-y-10 sm:grid-cols-4"
+      >
+        {
+          groups.map((group) => (
+            <div>
+              <h2 class="font-semibold text-foreground text-xs tracking-wider uppercase">
+                {group.label}
+              </h2>
+              <ul class="mt-4 space-y-3">
+                {group.links.map((link) => (
+                  <li>
+                    <a
+                      class="text-muted-foreground text-sm transition-colors hover:text-foreground"
+                      href={link.href}
+                    >
+                      {link.label}
+                    </a>
+                  </li>
+                ))}
+              </ul>
+            </div>
+          ))
+        }
+      </nav>
+    </div>
+
+    <div
+      class="mt-16 flex flex-col gap-4 border-border border-t pt-8 sm:flex-row sm:items-center sm:justify-between"
+    >
+      <p class="text-muted-foreground text-xs">
+        © {year} Layers · MIT
+      </p>
+      <p
+        class="inline-flex items-center gap-2 text-muted-foreground text-xs"
+      >
+        <span
+          class="inline-block size-1.5 rounded-full bg-accent"
+          aria-hidden="true"
+        />
+        Experimental — the API may change between minor releases.
+      </p>
+    </div>
+  </div>
+</footer>
diff --git a/apps/docs/components/blume/Pagination.astro b/apps/docs/components/blume/Pagination.astro
new file mode 100644
index 0000000..0203bd0
--- /dev/null
+++ b/apps/docs/components/blume/Pagination.astro
@@ -0,0 +1,63 @@
+---
+import { withBase } from "blume/components/islands/base-path.ts";
+import { EN_UI } from "blume/core/i18n-ui.ts";
+import type { UIStrings } from "blume/core/i18n-ui.ts";
+import type { FlatPage } from "blume/components/layout/nav-utils.ts";
+import Icon from "blume/components/Icon.astro";
+
+interface Props {
+  /** Previous page in reading order, or `null` at the start. */
+  prev: FlatPage | null;
+  /** Next page in reading order, or `null` at the end. */
+  next: FlatPage | null;
+  /** Localized page-level strings (`previous`, `next`, the landmark label). */
+  strings: UIStrings["page"];
+}
+
+const { prev, next, strings } = Astro.props;
+
+// Merge over the English defaults so a label missing from a translation (or
+// from a not-yet-regenerated snapshot) still renders instead of coming out
+// blank — the PageActions pattern.
+const s = { ...EN_UI.page, ...strings };
+---
+
+{
+  (prev || next) && (
+    <nav
+      aria-label={s.pagination}
+      class="mx-auto mt-12 flex max-w-[42rem] justify-between gap-4 border-border border-t pt-6 max-md:flex-col"
+    >
+      {prev ? (
+        <a
+          class="flex max-w-[48%] flex-1 items-center gap-2 rounded-blume border border-border px-4 py-3 text-foreground transition-colors hover:border-foreground max-md:max-w-full"
+          href={withBase(prev.route)}
+        >
+          <Icon class="rtl:-scale-x-100" name="arrow-left" size={16} />
+          <span>
+            <span class="block text-muted-foreground text-xs max-md:hidden">
+              {s.previous}
+            </span>
+            <span class="block font-medium">{prev.label}</span>
+          </span>
+        </a>
+      ) : (
+        <span />
+      )}
+      {next && (
+        <a
+          class="ms-auto flex max-w-[48%] flex-1 items-center justify-end gap-2 rounded-blume border border-border px-4 py-3 text-end text-foreground transition-colors hover:border-foreground max-md:max-w-full"
+          href={withBase(next.route)}
+        >
+          <span>
+            <span class="block text-muted-foreground text-xs max-md:hidden">
+              {s.next}
+            </span>
+            <span class="block font-medium">{next.label}</span>
+          </span>
+          <Icon class="rtl:-scale-x-100" name="arrow-right" size={16} />
+        </a>
+      )}
+    </nav>
+  )
+}
diff --git a/apps/docs/components/blume/Search.astro b/apps/docs/components/blume/Search.astro
new file mode 100644
index 0000000..c44b67a
--- /dev/null
+++ b/apps/docs/components/blume/Search.astro
@@ -0,0 +1,712 @@
+---
+import { EN_UI } from "blume/core/i18n-ui.ts";
+import type { UIStrings } from "blume/core/i18n-ui.ts";
+import Icon from "blume/components/Icon.astro";
+import { CURATED_POPULAR } from "../curated-popular.ts";
+
+// The provider-specific loader is generated per project into `blume:search-client`
+// (an alias to `.blume/src/generated/search-client.ts`), so this component is
+// provider-agnostic: it lazy-imports that module on first open and uses the
+// `SearchFn` it returns. Only the configured provider's SDK is bundled.
+
+interface Props {
+  askEnabled?: boolean;
+  strings?: UIStrings["search"];
+  /** Active locale to filter results to; omitted disables locale filtering. */
+  locale?: string;
+}
+
+const { askEnabled = false, strings, locale } = Astro.props;
+// Merge over the English baseline per key (rather than `strings ?? …`) so a
+// partial — or empty `{}` — strings object still resolves every label to a
+// default, matching the pattern PageActions uses for its own dictionary.
+const s = { ...EN_UI.search, popular: "Start here", ...strings };
+
+// Curated empty-state links — not the first six sidebar entries.
+const popular = CURATED_POPULAR.map(({ route, label }) => ({ route, label }));
+
+const kbd = "rounded border border-border bg-muted px-1 py-0.5 font-mono";
+---
+
+<blume-search
+  class="contents"
+  data-ask={askEnabled ? "" : undefined}
+  data-i18n-all={s.all}
+  data-i18n-ask={s.askAi}
+  data-i18n-ask-hint={s.askAiHint}
+  data-i18n-dev={s.devOnly}
+  data-i18n-empty={s.noResults}
+  data-i18n-error={s.error}
+  data-i18n-popular={s.popular}
+  data-i18n-results={s.results}
+  data-locale={locale || undefined}
+>
+  <button
+    aria-label={s.button}
+    class="inline-flex h-9 cursor-pointer items-center gap-2 rounded-full border border-border bg-background px-3 text-muted-foreground text-sm transition-colors hover:border-foreground hover:text-foreground sm:min-w-48"
+    data-blume-search-open
+    type="button"
+  >
+    <Icon name="search" size={16} />
+    <span class="flex-1 text-start max-sm:hidden">{s.button}</span>
+    <kbd class="font-mono text-[0.7rem] max-sm:hidden" data-blume-search-kbd
+      >⌘K</kbd
+    >
+  </button>
+
+  <dialog
+    aria-label={s.label}
+    class="mx-auto mt-[8vh] mb-auto h-[min(480px,90dvh)] w-[min(62.5rem,94vw)] flex-col overflow-hidden rounded-blume border border-border bg-background/80 p-0 text-foreground shadow-2xl outline-none backdrop-blur-xl backdrop:bg-black/30 open:flex sm:mt-auto"
+    data-blume-search-dialog
+  >
+    <div
+      class="flex items-center gap-2.5 border-border border-b px-4 py-3 text-muted-foreground"
+    >
+      <Icon name="search" size={18} />
+      <input
+        aria-label={s.label}
+        autocomplete="off"
+        class="flex-1 border-0 bg-transparent text-foreground text-sm pointer-coarse:text-base focus:outline-none [&::-webkit-search-cancel-button]:appearance-none"
+        data-blume-search-input
+        placeholder={s.placeholder}
+        type="search"
+      />
+      <kbd class={`${kbd} text-[0.7rem]`}>Esc</kbd>
+    </div>
+    <div
+      class="grid min-h-0 flex-1 md:grid-cols-[22rem_minmax(0,1fr)]"
+      data-blume-search-grid
+    >
+      <div class="flex min-h-0 flex-col md:border-border md:border-e">
+        <div
+          class="flex flex-wrap gap-1.5 border-border border-b px-3 py-2"
+          data-blume-search-filters
+          hidden
+        >
+        </div>
+        <div
+          class="min-h-0 flex-1 overflow-y-auto p-2"
+          data-blume-search-results
+        >
+        </div>
+        <p
+          class="m-0 px-4 py-6 text-center text-muted-foreground text-sm"
+          data-blume-search-message
+          hidden
+        >
+        </p>
+      </div>
+      <div
+        class="hidden min-h-0 overflow-y-auto p-5 md:block"
+        data-blume-search-preview
+      >
+      </div>
+    </div>
+    <div
+      class="flex items-center justify-between gap-3 border-border border-t px-3 py-2 text-muted-foreground text-xs"
+    >
+      {
+        locale ? (
+          <label class="flex cursor-pointer select-none items-center gap-1.5">
+            <input
+              class="size-3.5 accent-accent"
+              data-blume-search-all-locales
+              type="checkbox"
+            />
+            {s.allLanguages}
+          </label>
+        ) : (
+          <span />
+        )
+      }
+      <div class="flex items-center gap-3">
+        <span class="flex items-center gap-1">
+          <kbd class={`${kbd} text-[0.65rem]`}>↑</kbd>
+          <kbd class={`${kbd} text-[0.65rem]`}>↓</kbd>
+          {s.navigate}
+        </span>
+        <span class="flex items-center gap-1">
+          <kbd class={`${kbd} text-[0.65rem]`}>↵</kbd>
+          {s.open}
+        </span>
+        <span class="flex items-center gap-1 max-md:hidden">
+          <kbd class={`${kbd} text-[0.65rem]`} data-blume-search-preview-kbd
+            >⌘J</kbd
+          >
+          {s.preview}
+        </span>
+      </div>
+    </div>
+  </dialog>
+
+  <script
+    data-blume-search-popular
+    is:inline
+    set:html={JSON.stringify(popular).replaceAll("<", "\\u003c")}
+    type="application/json"
+  />
+
+  <script>
+    import { chromeIcons as icons } from "blume/theme/chrome-icons.ts";
+    import { prefixBase } from "blume/components/islands/base-path.ts";
+    import {
+      escapeHtml,
+      highlight,
+      matchSnippet,
+    } from "blume/components/layout/search/types.ts";
+    import type { SearchFn, SearchHit } from "blume/components/layout/search/types.ts";
+
+    interface Selectable {
+      el: HTMLElement;
+      hit?: SearchHit;
+      kind: "ask" | "link";
+      url?: string;
+    }
+
+    interface PopularPage {
+      label: string;
+      route: string;
+    }
+
+    const GRID_COLS = "md:grid-cols-[22rem_minmax(0,1fr)]";
+    const ROW_CLASS =
+      "flex w-full cursor-pointer items-start gap-2.5 rounded-blume border border-transparent px-2.5 py-2 text-start text-inherit transition-colors hover:no-underline";
+    // A transparent border sits on every row so selecting one only recolors it
+    // (to the theme border) — no 1px layout shift as the cursor moves.
+    const ROW_ON = ["bg-muted", "border-border"];
+    const ROW_OFF = ["border-transparent"];
+    const MARK =
+      "[&_mark]:rounded-sm [&_mark]:bg-accent/25 [&_mark]:text-inherit";
+    const PILL_BASE =
+      "inline-flex cursor-pointer items-center gap-1.5 rounded-full border px-2.5 py-1 font-medium text-xs transition-colors";
+    const PILL_ON = "border-transparent bg-foreground text-background";
+    const PILL_OFF = "border-border text-muted-foreground hover:text-foreground";
+
+    const svg = (name: string, size = 16): string =>
+      `<svg xmlns="http://www.w3.org/2000/svg" width="${size}" height="${size}" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="2" stroke-linecap="round" stroke-linejoin="round" aria-hidden="true">${icons[name] ?? ""}</svg>`;
+
+    class BlumeSearch extends HTMLElement {
+      dialog!: HTMLDialogElement;
+      input!: HTMLInputElement;
+      grid!: HTMLElement;
+      filters!: HTMLElement;
+      results!: HTMLElement;
+      message!: HTMLElement;
+      preview!: HTMLElement;
+      searchFn: SearchFn | null = null;
+      loaded = false;
+      loadFailed = false;
+      /** First-open client/index load still in flight. */
+      loading = false;
+      askEnabled = false;
+      popular: PopularPage[] = [];
+      selectables: Selectable[] = [];
+      selectedIndex = -1;
+      activeSection: string | null = null;
+      renderGeneration = 0;
+      previewOn = true;
+      devOnlyMsg = "Search is available in the production build.";
+      noResultsMsg = "No results found.";
+      errorMsg = "Something went wrong. Please try again.";
+      askMsg = "Ask AI";
+      askHintMsg = "Get an instant answer from AI";
+      allMsg = "All";
+      popularMsg = "Popular";
+      resultsMsg = "Results";
+      // The active locale to filter to (null when i18n is off), and whether the
+      // reader has opted to search across every language instead.
+      locale: string | null = null;
+      allLocales = false;
+
+      connectedCallback() {
+        this.devOnlyMsg =
+          this.getAttribute("data-i18n-dev") || this.devOnlyMsg;
+        this.noResultsMsg =
+          this.getAttribute("data-i18n-empty") || this.noResultsMsg;
+        this.errorMsg = this.getAttribute("data-i18n-error") || this.errorMsg;
+        this.askMsg = this.getAttribute("data-i18n-ask") || this.askMsg;
+        this.askHintMsg =
+          this.getAttribute("data-i18n-ask-hint") || this.askHintMsg;
+        this.allMsg = this.getAttribute("data-i18n-all") || this.allMsg;
+        this.popularMsg =
+          this.getAttribute("data-i18n-popular") || this.popularMsg;
+        this.resultsMsg =
+          this.getAttribute("data-i18n-results") || this.resultsMsg;
+        this.locale = this.getAttribute("data-locale");
+        this.dialog = this.querySelector("[data-blume-search-dialog]")!;
+        this.input = this.querySelector("[data-blume-search-input]")!;
+        this.grid = this.querySelector("[data-blume-search-grid]")!;
+        this.filters = this.querySelector("[data-blume-search-filters]")!;
+        this.results = this.querySelector("[data-blume-search-results]")!;
+        this.message = this.querySelector("[data-blume-search-message]")!;
+        this.preview = this.querySelector("[data-blume-search-preview]")!;
+        this.askEnabled = this.hasAttribute("data-ask");
+
+        const popularScript = this.querySelector(
+          "[data-blume-search-popular]"
+        );
+        try {
+          this.popular = JSON.parse(popularScript?.textContent || "[]");
+        } catch {
+          this.popular = [];
+        }
+
+        this.previewOn =
+          localStorage.getItem("blume-search-preview") !== "0";
+        this.applyPreviewState();
+
+        // Per-language filtering: default to the active locale, with an opt-in
+        // toggle to search every language. The choice is remembered.
+        const allToggle = this.querySelector<HTMLInputElement>(
+          "[data-blume-search-all-locales]"
+        );
+        if (allToggle) {
+          this.allLocales =
+            localStorage.getItem("blume-search-all-locales") === "1";
+          allToggle.checked = this.allLocales;
+          allToggle.addEventListener("change", () => {
+            this.allLocales = allToggle.checked;
+            localStorage.setItem(
+              "blume-search-all-locales",
+              this.allLocales ? "1" : "0"
+            );
+            this.render();
+          });
+        }
+
+        // The handlers accept both ⌘ and Ctrl chords; show the right modifier
+        // per platform on the button hint and the footer's preview hint.
+        const isApple = /mac|iphone|ipad|ipod/iu.test(navigator.platform);
+        const hint = this.querySelector("[data-blume-search-kbd]");
+        if (hint) {
+          hint.textContent = isApple ? "⌘K" : "Ctrl K";
+        }
+        const previewHint = this.querySelector(
+          "[data-blume-search-preview-kbd]"
+        );
+        if (previewHint) {
+          previewHint.textContent = isApple ? "⌘J" : "Ctrl J";
+        }
+
+        this.querySelector("[data-blume-search-open]")?.addEventListener(
+          "click",
+          () => this.open()
+        );
+
+        document.addEventListener("keydown", (event) => {
+          if (
+            (event.key === "k" || event.key === "K") &&
+            (event.metaKey || event.ctrlKey)
+          ) {
+            // ⌘K toggles, mirroring the Ask AI panel's ⌘I: pressing it with
+            // the dialog open must close it, not re-showModal an open dialog
+            // (an InvalidStateError on older engines).
+            event.preventDefault();
+            if (this.dialog.open) {
+              this.dialog.close();
+            } else {
+              this.open();
+            }
+          } else if (event.key === "/" && !this.isField(event.target)) {
+            // "/" stays open-only; the field guard keeps it inert while
+            // typing (including in the search input itself).
+            event.preventDefault();
+            this.open();
+          }
+        });
+
+        this.input.addEventListener("input", () => this.render());
+        this.dialog.addEventListener("keydown", (event) =>
+          this.onKeydown(event)
+        );
+        this.dialog.addEventListener("click", (event) => {
+          if (event.target === this.dialog) {
+            this.dialog.close();
+          }
+        });
+      }
+
+      isField(target: EventTarget | null): boolean {
+        const el = target as HTMLElement | null;
+        return Boolean(
+          el &&
+            (el.tagName === "INPUT" ||
+              el.tagName === "TEXTAREA" ||
+              el.isContentEditable)
+        );
+      }
+
+      async open() {
+        // Re-entrant opens (e.g. the open button while already shown) must
+        // not call showModal on an open dialog.
+        if (this.dialog.open) {
+          return;
+        }
+        this.dialog.showModal();
+        this.input.focus();
+        this.input.select();
+        if (!this.loaded) {
+          this.loading = true;
+          try {
+            const { createSearch } = await import("blume:search-client");
+            this.searchFn = await createSearch();
+            // Only latch on success — a transient failure (flaky network
+            // fetching the index) must retry on the next open, not disable
+            // search until a full page reload.
+            this.loaded = true;
+            this.loadFailed = false;
+          } catch {
+            this.searchFn = null;
+            // In dev a client can be missing by design (Pagefind's bundle
+            // only exists in the production build) — that's the "dev only"
+            // hint. The same failure in production is a real error.
+            this.loadFailed = !import.meta.env.DEV;
+          } finally {
+            this.loading = false;
+          }
+        }
+        this.render();
+      }
+
+      onKeydown(event: KeyboardEvent) {
+        if (event.key === "ArrowDown") {
+          event.preventDefault();
+          this.move(1);
+        } else if (event.key === "ArrowUp") {
+          event.preventDefault();
+          this.move(-1);
+        } else if (event.key === "Enter" && !event.isComposing) {
+          // `isComposing` guards IME input: Enter confirming a CJK conversion
+          // must commit the text, not activate the selected result.
+          const item = this.selectables[this.selectedIndex];
+          if (item) {
+            event.preventDefault();
+            this.activate(item);
+          }
+        } else if (
+          (event.key === "j" || event.key === "J") &&
+          (event.metaKey || event.ctrlKey)
+        ) {
+          event.preventDefault();
+          this.togglePreview();
+        }
+      }
+
+      setMessage(text: string) {
+        this.message.textContent = text;
+        this.message.hidden = !text;
+      }
+
+      async render() {
+        const query = this.input.value.trim();
+        this.renderGeneration += 1;
+        const generation = this.renderGeneration;
+        this.selectables = [];
+        this.selectedIndex = -1;
+        this.results.replaceChildren();
+        this.setMessage("");
+
+        if (!query) {
+          this.renderFilters([]);
+          this.renderEmpty();
+          this.finishRender();
+          return;
+        }
+
+        if (!this.searchFn) {
+          this.renderFilters([]);
+          this.clearPreview();
+          if (this.loading) {
+            // Typing while the first-open load (client import + index fetch)
+            // is still in flight: the dev-only hint would be wrong in
+            // production and the error message premature. Show a neutral
+            // placeholder; `open()` re-renders once the load settles.
+            this.setMessage("…");
+          } else {
+            this.setMessage(this.loadFailed ? this.errorMsg : this.devOnlyMsg);
+          }
+          return;
+        }
+
+        const localeFilter =
+          this.locale && !this.allLocales ? this.locale : undefined;
+        let result: Awaited<ReturnType<SearchFn>>;
+        try {
+          result = await this.searchFn(query, {
+            locale: localeFilter,
+            section: this.activeSection ?? undefined,
+          });
+        } catch {
+          // A hosted provider can reject (network error, outage); the results
+          // list is already cleared, so show a message instead of a blank pane.
+          if (generation === this.renderGeneration) {
+            this.renderFilters([]);
+            this.clearPreview();
+            this.setMessage(this.errorMsg);
+          }
+          return;
+        }
+        // Any newer render — a keystroke, a section pill, a locale toggle —
+        // supersedes this one mid-await, even for the same query text;
+        // appending the stale hits would duplicate rows and desync selection.
+        if (generation !== this.renderGeneration) {
+          return;
+        }
+
+        // A section picked for an earlier query can be missing from the new
+        // pool — and when the pool has fewer than two sections the pills that
+        // would clear it are hidden too, so the stale filter would silently
+        // empty the results. Drop it and search again unfiltered.
+        if (
+          this.activeSection &&
+          !result.sections.some((s) => s.label === this.activeSection)
+        ) {
+          this.activeSection = null;
+          this.render();
+          return;
+        }
+
+        this.renderFilters(result.sections);
+
+        if (this.askEnabled) {
+          const group = this.addGroup(this.askMsg);
+          const ask = this.createAskRow(query);
+          group.appendChild(ask.el);
+          this.selectables.push(ask);
+        }
+
+        if (result.hits.length > 0) {
+          const group = this.addGroup(this.resultsMsg);
+          for (const hit of result.hits) {
+            const item = this.createHitRow(hit, query);
+            group.appendChild(item.el);
+            this.selectables.push(item);
+          }
+        } else if (!this.askEnabled) {
+          this.setMessage(this.noResultsMsg);
+        }
+
+        this.finishRender();
+      }
+
+      renderEmpty() {
+        if (this.askEnabled) {
+          const group = this.addGroup(this.askMsg);
+          const ask = this.createAskRow("");
+          group.appendChild(ask.el);
+          this.selectables.push(ask);
+        }
+        if (this.popular.length > 0) {
+          const group = this.addGroup(this.popularMsg);
+          for (const page of this.popular) {
+            const item = this.createLinkRow(page.route, page.label);
+            group.appendChild(item.el);
+            this.selectables.push(item);
+          }
+        }
+      }
+
+      renderFilters(sections: { count: number; label: string }[]) {
+        if (sections.length < 2) {
+          this.filters.hidden = true;
+          this.filters.replaceChildren();
+          return;
+        }
+        this.filters.hidden = false;
+        this.filters.replaceChildren();
+        const total = sections.reduce((sum, s) => sum + s.count, 0);
+        this.filters.appendChild(this.createPill(this.allMsg, total, null));
+        for (const section of sections) {
+          this.filters.appendChild(
+            this.createPill(section.label, section.count, section.label)
+          );
+        }
+      }
+
+      createPill(label: string, count: number, value: string | null) {
+        const button = document.createElement("button");
+        button.type = "button";
+        const active = this.activeSection === value;
+        button.className = `${PILL_BASE} ${active ? PILL_ON : PILL_OFF}`;
+        button.innerHTML = `${escapeHtml(label)} <span class="opacity-60">${count}</span>`;
+        button.addEventListener("click", () => {
+          this.activeSection = value;
+          this.render();
+          this.input.focus();
+        });
+        return button;
+      }
+
+      addGroup(label: string): HTMLElement {
+        const header = document.createElement("p");
+        header.className =
+          "m-0 px-2.5 pt-3 pb-1 font-normal text-muted-foreground text-xs";
+        header.textContent = label;
+        const container = document.createElement("div");
+        this.results.append(header, container);
+        return container;
+      }
+
+      createAskRow(query: string): Selectable {
+        const el = document.createElement("button");
+        el.type = "button";
+        el.className = `${ROW_CLASS} ${MARK}`;
+        const title = query
+          ? `${escapeHtml(this.askMsg)}: <span class="text-muted-foreground">“${escapeHtml(query)}”</span>`
+          : escapeHtml(this.askMsg);
+        el.innerHTML = `
+          <span class="mt-0.5 shrink-0 text-accent">${svg("sparkles")}</span>
+          <span class="flex-1">
+            <span class="block truncate font-normal text-foreground text-sm">${title}</span>
+            <span class="block truncate text-muted-foreground text-sm">${escapeHtml(this.askHintMsg)}</span>
+          </span>`;
+        const item: Selectable = { el, kind: "ask" };
+        this.bindRow(item);
+        return item;
+      }
+
+      createHitRow(hit: SearchHit, query: string): Selectable {
+        const el = document.createElement("a");
+        // Index URLs are base-less logical routes; prefix the deployment base so
+        // clicking a result lands on the page's real served URL.
+        const href = prefixBase(import.meta.env.BASE_URL, hit.url);
+        el.href = href;
+        el.className = `${ROW_CLASS} ${MARK}`;
+        // `line-clamp-2` already sets `display`, so no `block` here (it would
+        // override the clamp and let the excerpt run to full height).
+        const excerpt = hit.excerpt
+          ? `<span class="mt-0.5 line-clamp-2 text-muted-foreground text-xs">${hit.excerpt}</span>`
+          : "";
+        el.innerHTML = `
+          <span class="mt-0.5 shrink-0 text-muted-foreground">${svg("file")}</span>
+          <span class="flex-1">
+            <span class="block truncate font-normal text-foreground text-sm">${hit.title}</span>
+            ${excerpt}
+          </span>`;
+        const item: Selectable = { el, hit, kind: "link", url: href };
+        this.bindRow(item);
+        return item;
+      }
+
+      createLinkRow(url: string, label: string): Selectable {
+        const el = document.createElement("a");
+        const href = prefixBase(import.meta.env.BASE_URL, url);
+        el.href = href;
+        el.className = ROW_CLASS;
+        el.innerHTML = `
+          <span class="mt-0.5 shrink-0 text-muted-foreground">${svg("file")}</span>
+          <span class="flex-1">
+            <span class="block truncate font-normal text-foreground text-sm">${escapeHtml(label)}</span>
+          </span>`;
+        const item: Selectable = { el, kind: "link", url: href };
+        this.bindRow(item);
+        return item;
+      }
+
+      bindRow(item: Selectable) {
+        item.el.addEventListener("mouseenter", () => {
+          this.selectIndex(this.selectables.indexOf(item));
+        });
+        if (item.kind === "ask") {
+          item.el.addEventListener("click", (event) => {
+            event.preventDefault();
+            this.activate(item);
+          });
+        }
+      }
+
+      finishRender() {
+        if (this.selectables.length > 0) {
+          this.selectIndex(0);
+        } else {
+          this.clearPreview();
+        }
+      }
+
+      selectIndex(index: number) {
+        if (index < 0 || index >= this.selectables.length) {
+          return;
+        }
+        const current = this.selectables[this.selectedIndex];
+        if (current) {
+          current.el.classList.remove(...ROW_ON);
+          current.el.classList.add(...ROW_OFF);
+        }
+        this.selectedIndex = index;
+        const next = this.selectables[index];
+        next.el.classList.remove(...ROW_OFF);
+        next.el.classList.add(...ROW_ON);
+        next.el.scrollIntoView({ block: "nearest" });
+        this.updatePreview();
+      }
+
+      move(delta: number) {
+        if (this.selectables.length === 0) {
+          return;
+        }
+        const max = this.selectables.length - 1;
+        const next = Math.min(max, Math.max(0, this.selectedIndex + delta));
+        this.selectIndex(next);
+      }
+
+      activate(item: Selectable) {
+        if (item.kind === "ask") {
+          const query = this.input.value.trim();
+          this.dialog.close();
+          window.dispatchEvent(
+            new CustomEvent("blume:open-ask-ai", { detail: { query } })
+          );
+        } else if (item.url) {
+          window.location.href = item.url;
+        }
+      }
+
+      clearPreview() {
+        this.preview.replaceChildren();
+      }
+
+      updatePreview() {
+        if (!this.previewOn) {
+          return;
+        }
+        const item = this.selectables[this.selectedIndex];
+        if (!item || item.kind !== "link" || !item.hit) {
+          this.clearPreview();
+          return;
+        }
+        const hit = item.hit;
+        const query = this.input.value.trim();
+        const body = hit.content
+          ? highlight(matchSnippet(hit.content, query, 600), query)
+          : (hit.excerpt ?? "");
+        this.preview.innerHTML = `
+          <h3 class="m-0 mb-3 font-medium text-foreground text-lg ${MARK}">${hit.title}</h3>
+          <div class="text-muted-foreground text-sm leading-relaxed ${MARK}">${body}</div>`;
+      }
+
+      togglePreview() {
+        this.previewOn = !this.previewOn;
+        localStorage.setItem(
+          "blume-search-preview",
+          this.previewOn ? "1" : "0"
+        );
+        this.applyPreviewState();
+        this.updatePreview();
+      }
+
+      applyPreviewState() {
+        if (this.previewOn) {
+          this.grid.classList.add(GRID_COLS);
+          this.preview.classList.add("md:block");
+        } else {
+          this.grid.classList.remove(GRID_COLS);
+          this.preview.classList.remove("md:block");
+        }
+      }
+    }
+
+    if (!customElements.get("blume-search")) {
+      customElements.define("blume-search", BlumeSearch);
+    }
+  </script>
+</blume-search>
diff --git a/apps/docs/components/curated-popular.ts b/apps/docs/components/curated-popular.ts
new file mode 100644
index 0000000..54ad68a
--- /dev/null
+++ b/apps/docs/components/curated-popular.ts
@@ -0,0 +1,9 @@
+/** Site-wide Cmd+K / 404 destinations — not derived from sidebar order. */
+export const CURATED_POPULAR = [
+  { route: "/guides/getting-started", label: "Getting started" },
+  { route: "/guides/install", label: "Install" },
+  { route: "/guides/awaiting-results", label: "Awaiting results" },
+  { route: "/concepts/when-to-use", label: "When to use Layers" },
+  { route: "/examples/confirm-dialog", label: "Confirm dialog" },
+  { route: "/concepts/stability", label: "Stability & versioning" },
+] as const;
diff --git a/apps/docs/content/adapters/angular.mdx b/apps/docs/content/adapters/angular.mdx
new file mode 100644
index 0000000..f0afb8d
--- /dev/null
+++ b/apps/docs/content/adapters/angular.mdx
@@ -0,0 +1,142 @@
+---
+title: Angular
+description: Angular adapter — provideLayerClient, signals, and imperative renderStack.
+search:
+  tags: ["adapter", "angular"]
+sidebar:
+  icon: /icons/angular.svg
+---
+
+`@stainless-code/angular-layers` bridges stacks into Angular signals, rendered imperatively via `renderStack(vcr)`. The core is re-exported.
+
+:::tip
+Angular builds compiler-free (tsdown, no framework compiler). Stack rendering is **intentional imperative design** — `renderStack(vcr)` instead of a shipped `StackOutlet` component. This is not a parity gap; see the [parity matrix](/adapters).
+:::
+
+## Install
+
+```package-install
+npm i @stainless-code/angular-layers
+```
+
+**Peer:** `@angular/core` >=17.0.0
+
+## Client
+
+Register `LAYER_CLIENT` with `provideLayerClient()` in your app config or component providers. Inject with `useLayerClient()`:
+
+```ts
+import { provideLayerClient, useLayerClient } from "@stainless-code/angular-layers";
+
+export const appConfig = {
+  providers: [provideLayerClient()],
+};
+```
+
+## Render a stack
+
+There is no `StackOutlet`. Call `renderStack(vcr)` inside an injection context — it imperatively creates components in a `ViewContainerRef`, keyed by layer `id` so state changes update inputs via `setInput` without recreating instances:
+
+```ts
+import { Component, ViewContainerRef, inject } from "@angular/core";
+import { renderStack } from "@stainless-code/angular-layers";
+
+@Component({
+  selector: "app-root",
+  template: `<ng-container #outlet />`,
+})
+export class AppComponent {
+  private vcr = inject(ViewContainerRef);
+
+  constructor() {
+    renderStack(this.vcr, "confirm");
+  }
+}
+```
+
+`useStack({ stack, select })` returns a readonly `Signal` — the idiomatic equivalent of `StackSubscribe`.
+
+## Confirm dialog
+
+```ts
+import { Component, ViewContainerRef, inject } from "@angular/core";
+import {
+  layerOptions,
+  provideLayerClient,
+  renderStack,
+  useLayerClient,
+  type LayerComponentProps,
+} from "@stainless-code/angular-layers";
+
+type ConfirmPayload = { title: string };
+type ConfirmResponse = boolean;
+
+@Component({
+  selector: "confirm-dialog",
+  template: `
+    <div role="dialog">
+      <h2>{{ payload.title }}</h2>
+      <button (click)="call.end(true)">Yes</button>
+      <button (click)="call.end(false)">No</button>
+    </div>
+  `,
+})
+class ConfirmDialogComponent {
+  call!: LayerComponentProps<ConfirmPayload, ConfirmResponse>["call"];
+  payload!: ConfirmPayload;
+}
+
+const confirm = layerOptions<ConfirmPayload, ConfirmResponse>({
+  stack: "confirm",
+  key: ["confirm", "remove"],
+  component: ConfirmDialogComponent,
+});
+
+@Component({
+  selector: "app-root",
+  providers: [provideLayerClient()],
+  template: `<button (click)="remove()">Remove</button><ng-container #outlet />`,
+})
+export class AppComponent {
+  private client = useLayerClient();
+  private vcr = inject(ViewContainerRef);
+
+  constructor() {
+    renderStack(this.vcr, "confirm");
+  }
+
+  async remove() {
+    await this.client.open({ ...confirm, payload: { title: "Remove item?" } });
+  }
+}
+```
+
+## Primitives
+
+Options bag plus optional trailing `LayerClient`. **Drive** with `injectLayer(options)` (`useLayer` alias); **observe** with `injectLayerState({ key, … })`. Angular-idiomatic aliases: `injectStack`, `injectQueuedStack`, `injectLayerQueuedState`. Must run in an injection context.
+
+| Export | Role |
+| ------ | ---- |
+| `LAYER_CLIENT` | `InjectionToken<LayerClient>` |
+| `provideLayerClient(client?)` | `FactoryProvider` for `LAYER_CLIENT` |
+| `useLayerClient()` | Inject the app client |
+| `useStack({ stack?, select?, compare? }, client?)` | Readonly `Signal<T>` of the selected stack slice |
+| `useQueuedStack({ stack?, select?, compare? }, client?)` | Queued snapshot signal |
+| `injectLayer(options, client?)` | **Drive** — wired handle signals + `open()` / `dismiss()` + reactive `state` / `queued` / `top` |
+| `injectLayerState({ key, stack?, select?, compare? }, client?)` | **Observe** — `Signal<LayerState[]>` for mounted same-key layers |
+| `injectLayerQueuedState({ key, stack?, select?, compare? }, client?)` | **Observe** — queued same-key layers |
+
+## Ergonomic APIs
+
+| Export | Role |
+| ------ | ---- |
+| `useStackHandles(stackId?, rootProps?)` | `{ states: Signal, getCall }` for headless rendering |
+| `renderStack(vcr, stackId?, rootProps?)` | Imperative outlet — **the Angular rendering surface** |
+| `useMutationFlow(call)` | `pending` is a `Signal<boolean>`; `run(fn).orEnd(response)` |
+| `useLayerGroup(call, options?)` | Child stack with `renderInto(vcr)` instead of `Outlet` |
+| `createStackHook(config?)` | `{ provideClient, useAppStack, renderInto }` — no `AppHost`/`AppLayer` |
+
+## Learn more
+
+- [Lifecycle](/concepts/lifecycle) · [Identity & types](/concepts/identity-and-types)
+- [Adapter parity](/adapters)
diff --git a/apps/docs/content/adapters/core.mdx b/apps/docs/content/adapters/core.mdx
new file mode 100644
index 0000000..6d1d771
--- /dev/null
+++ b/apps/docs/content/adapters/core.mdx
@@ -0,0 +1,100 @@
+---
+title: Core
+description: UI-agnostic engine — LayerClient, LayerStack, layerOptions, and headless stack observation.
+search:
+  tags: ["adapter", "core"]
+sidebar:
+  icon: /icons/vanilla.svg
+---
+
+`@stainless-code/layers` is the zero-dependency engine. App developers usually install a [framework adapter](/adapters) instead — it pulls the core in transitively and re-exports it. Reach for the core directly when building an adapter, or driving stack state in a headless, non-UI context.
+
+## Install
+
+```package-install
+npm i @stainless-code/layers
+```
+
+## Engine surface
+
+| Export | Role |
+| ------ | ---- |
+| `<Tooltip tip="App-wide coordinator for named layer stacks.">LayerClient</Tooltip>` | App-wide orchestrator — `open()`, `getStack()`, `ensureStack()`, `subscribeStacks()`, `dismissAll()` |
+| `LayerStack` | One named surface — `getSnapshot()`, `subscribe()`, `dismiss()`, `dismissAll()`, `addBlocker()`, `settle()`, `cancelQueued()` |
+| `layerOptions()` | Brand a reusable layer definition; `key` carries a `DataTag` for response inference |
+| `layerKey()` | Brand a key alone: `layerKey<R>()(key)` |
+| `DataTag`, `InferDataTagResponse`, `ResponseOf`, `ErrorOf` | Compile-time key branding helpers |
+| `createCallContext()` | Build the imperative `call` handle (`end`, `dismiss`, `update`, `settle`, `addBlocker`, …) |
+| `createLayer()` | Wire `layerOptions` + `LayerClient` → headless `LayerHandle` / `ValidatedLayerHandle` |
+| `createLayerGroup()` | Child stack scoped to a parent layer's lifetime |
+| `notifyManager` | `{ batch, batchCalls }` — coalesce notifications inside a tick |
+| `Register` | Module augmentation interface for app-wide `DefaultLayerError` |
+
+The core also exports `Layer`, `Subscribable`, `ControlledPromise`, `PayloadValidationError`, `isPayloadValidationError`, `hashKey`, `keySignature`, `childStackId`, and the full type surface (`LayerState`, `LayerPhase`, `LayerCallContext`, `StackOptions`, …). See [Core API](/reference/core-api).
+
+## Headless quick start
+
+Declare once, observe the stack, wire `call` in your renderer:
+
+```ts
+import {
+  LayerClient,
+  layerOptions,
+  createCallContext,
+} from "@stainless-code/layers";
+
+type ConfirmPayload = { title: string };
+type ConfirmResponse = boolean;
+
+const client = new LayerClient();
+const confirm = layerOptions<ConfirmPayload, ConfirmResponse>({
+  stack: "confirm",
+  key: ["confirm", "remove"],
+});
+
+const stack = client.getStack("confirm");
+stack.subscribe(() => {
+  for (const state of stack.getSnapshot()) {
+    const layer = stack.getLayer(state.id)!;
+    const call = createCallContext(stack, layer, state);
+    // render state + call in your UI; call.end(response) resolves the caller's await
+  }
+});
+
+const ok = await client.open({
+  ...confirm,
+  payload: { title: "Remove item?" },
+});
+```
+
+Or bind the declaration once with `createLayer` — payload-only `open`, plus `stack`/`client`/`current` escapes:
+
+```ts
+import { createLayer } from "@stainless-code/layers";
+
+const c = createLayer(confirm, client);
+const ok = await c.open({ title: "Remove item?" });
+//    ^? boolean
+```
+
+`createLayer` has no reactive fields — adapters add `state`/`queued`/`top` via `useLayer` (see [Adapter hooks](/reference/adapter-hooks)).
+
+## App-wide error typing
+
+Augment `Register` once to set `DefaultLayerError`:
+
+```ts
+declare module "@stainless-code/layers" {
+  interface Register {
+    defaultError: AppError;
+  }
+}
+```
+
+## When to use the core directly
+
+- Building a new framework adapter
+- Headless scripts, tests, or non-UI hosts
+- Custom renderers that don't map to an existing adapter
+
+For lifecycle, blockers, transitions, and stacking rules, see [Concepts](/concepts). For adapter-specific bindings, pick a page from the [parity matrix](/adapters).
diff --git a/apps/docs/content/adapters/index.mdx b/apps/docs/content/adapters/index.mdx
new file mode 100644
index 0000000..cf89f11
--- /dev/null
+++ b/apps/docs/content/adapters/index.mdx
@@ -0,0 +1,94 @@
+---
+title: Adapters
+description: One framework, one page — per-adapter guides and parity matrix.
+search:
+  tags: ["adapter"]
+---
+
+import Card from "blume/components/content/Card.astro";
+import CardGroup from "blume/components/content/CardGroup.astro";
+
+Pick a framework binding — same engine, native reactivity. The [core](/adapters/core) stays UI-free; see [Overview](/concepts/overview) for the model.
+
+## Adapter ergonomics
+
+Same primitives on every adapter: client context, `useStack`, **drive** handles, **observe** hooks. Engine parity; wrappers (`StackOutlet`, `createStackHook`, …) are sugar and diverge by design. React/Preact/Solid/Angular/Vue re-export the full core; Svelte re-exports selectively. Angular and Svelte ship compiler-free — imperative / primitive render, no shipped host components.
+
+| Capability                                             | React | Preact | Solid | Angular | Vue | Svelte (runes) | Svelte (store) |
+| ------------------------------------------------------ | :---: | :----: | :---: | :-----: | :-: | :------------: | :------------: |
+| Primitives + core re-export                            |  ✅   |   ✅   |  ✅   |   ✅    | ✅  |       ✅       |       ✅       |
+| Drive: `useLayer` / `injectLayer` / `createLayer`      |  ✅   |   ✅   |  ✅   |   ✅    | ✅  |       ✅       |       ✅       |
+| Observe: `useLayerState` / `injectLayerState` / `createLayerState` |  ✅   |   ✅   |  ✅   |   ✅    | ✅  |       ✅       |       ✅       |
+| `StackOutlet` (built-in host)                          |  ✅   |   ✅   |  ✅   |   ✅¹   | ✅  |       —⁴       |       —⁴       |
+| `StackSubscribe` (render-prop / scoped slot)           |  ✅   |   ✅   |  ✅   |   —²    | ✅  |       —⁴       |       —⁴       |
+| `useStackHandles` (headless `{ states, getCall }`)     |  ✅   |   ✅   |  ✅   |   ✅    | ✅  |       —⁵       |       —⁵       |
+| `useMutationFlow` (async-action helper)                |  ✅   |   ✅   |  ✅   |   ✅    | ✅  |       ✅       |       ✅       |
+| `useLayerGroup` (nested-stack hook)                    |  ✅   |   ✅   |  ✅   |   ✅³   | ✅  |      ✅⁶       |      ✅⁶       |
+| `createStackHook` (`useAppStack`/`AppHost`/`AppLayer`) |  ✅   |   ✅   |  ✅   |   ✅³   | ✅  |       —⁴       |       —⁴       |
+
+¹ Angular ships `renderStack(vcr)` — a compiler-free imperative outlet (`ViewContainerRef.createComponent` + `setInput`, id-keyed so state changes update inputs without recreating components). ² Angular has no `StackSubscribe`; `useStack({ stack, select })` as a signal is the idiomatic equivalent. ³ Angular's `useLayerGroup`/`createStackHook` expose `renderInto(vcr)` instead of an `Outlet` component; `createStackHook` returns `{ provideClient, useAppStack, renderInto }` (no `AppHost`/`AppLayer`). ⁴ Svelte ships no `.svelte` components: render with `{#each useStack({ stack }).current as s}` + `callFor(s)` (runes) / `{#each $stack}` + `callFor(client, stackId, s)` (store) in your own markup. ⁵ Svelte's `useStack({ stack })` already returns the headless pair — `.current` (states) + `callFor`. ⁶ Svelte's `useLayerGroup` exposes the child `stack` (`SvelteStack` / `Readable`) instead of an `Outlet`.
+
+Name map: Angular `injectLayer` (`useLayer` alias); Svelte `createLayer` / `createLayerState`; Solid also aliases `createLayerState`. Full signatures: [Adapter hooks](/reference/adapter-hooks).
+
+## Adapter pages
+
+<CardGroup cols={4}>
+  <Card
+    title="Core"
+    icon="/icons/vanilla.svg"
+    href="/adapters/core"
+    description="@stainless-code/layers (UI-agnostic engine)"
+    arrow
+  />
+  <Card
+    title="React"
+    icon="/icons/react.svg"
+    href="/adapters/react"
+    description="@stainless-code/react-layers"
+    arrow
+  />
+  <Card
+    title="Preact"
+    icon="/icons/preact.svg"
+    href="/adapters/preact"
+    description="@stainless-code/preact-layers"
+    arrow
+  />
+  <Card
+    title="Solid"
+    icon="/icons/solid.svg"
+    href="/adapters/solid"
+    description="@stainless-code/solid-layers"
+    arrow
+  />
+  <Card
+    title="Angular"
+    icon="/icons/angular.svg"
+    href="/adapters/angular"
+    description="@stainless-code/angular-layers"
+    arrow
+  />
+  <Card
+    title="Vue"
+    icon="/icons/vue.svg"
+    href="/adapters/vue"
+    description="@stainless-code/vue-layers"
+    arrow
+  />
+  <Card
+    title="Svelte (runes)"
+    icon="/icons/svelte.svg"
+    href="/adapters/svelte/runes"
+    description="@stainless-code/svelte-layers (Svelte 5.7+)"
+    arrow
+  />
+  <Card
+    title="Svelte (store)"
+    icon="/icons/svelte.svg"
+    href="/adapters/svelte/store"
+    description="@stainless-code/svelte-layers/store (Svelte 3+)"
+    arrow
+  />
+</CardGroup>
+
+For lifecycle, blockers, and type inference, see [Concepts](/concepts). For a full walkthrough, see [Getting started](/guides/getting-started).
diff --git a/apps/docs/content/adapters/meta.ts b/apps/docs/content/adapters/meta.ts
new file mode 100644
index 0000000..97d3f36
--- /dev/null
+++ b/apps/docs/content/adapters/meta.ts
@@ -0,0 +1,7 @@
+import { defineMeta } from "blume";
+
+export default defineMeta({
+  title: "Adapters",
+  icon: "plug",
+  pages: ["core", "react", "preact", "solid", "angular", "vue", "svelte"],
+});
diff --git a/apps/docs/content/adapters/preact.mdx b/apps/docs/content/adapters/preact.mdx
new file mode 100644
index 0000000..3e3b663
--- /dev/null
+++ b/apps/docs/content/adapters/preact.mdx
@@ -0,0 +1,100 @@
+---
+title: Preact
+description: Preact adapter — same API surface as React, built with preact/compat.
+search:
+  tags: ["adapter", "preact"]
+sidebar:
+  icon: /icons/preact.svg
+---
+
+`@stainless-code/preact-layers` mirrors the [React adapter](/adapters/react) API. The core is re-exported; every export name matches React except the package and peer.
+
+## Install
+
+```package-install
+npm i @stainless-code/preact-layers
+```
+
+**Peer:** `preact` >=10.19.0 (`useSyncExternalStore` via `preact/compat`)
+
+## Delta from React
+
+| Topic | Preact |
+| ----- | ------ |
+| Package | `@stainless-code/preact-layers` |
+| Peer | `preact` (not `react`) |
+| JSX runtime | Built with `h` — no `react/jsx-runtime` dependency |
+| API names | Identical — `StackProvider`, `useLayerClient`, `useStack`, `useLayer`, `useLayerState`, `StackOutlet`, `StackSubscribe`, `useStackHandles`, `useMutationFlow`, `useLayerGroup`, `createStackHook` |
+
+## Client
+
+```tsx
+import { StackProvider, StackOutlet } from "@stainless-code/preact-layers";
+
+function App() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="confirm" />
+    </StackProvider>
+  );
+}
+```
+
+## Confirm dialog
+
+```tsx
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayerClient,
+  type LayerComponentProps,
+} from "@stainless-code/preact-layers";
+
+type ConfirmPayload = { title: string };
+type ConfirmResponse = boolean;
+
+function ConfirmDialog({
+  call,
+  payload,
+}: LayerComponentProps<ConfirmPayload, ConfirmResponse>) {
+  return (
+    <div role="dialog">
+      <h2>{payload.title}</h2>
+      <button onClick={() => void call.end(true)}>Yes</button>
+      <button onClick={() => void call.end(false)}>No</button>
+    </div>
+  );
+}
+
+const confirm = layerOptions<ConfirmPayload, ConfirmResponse>({
+  stack: "confirm",
+  key: ["confirm", "remove"],
+  component: ConfirmDialog,
+});
+
+function RemoveButton() {
+  const client = useLayerClient();
+  return (
+    <button
+      onClick={() =>
+        void client.open({ ...confirm, payload: { title: "Remove item?" } })
+      }
+    >
+      Remove
+    </button>
+  );
+}
+```
+
+## Primitives
+
+Same options-bag contract as [React](/adapters/react) — `useStack({ stack, select, compare })`, `useLayer(options)` to drive, `useLayerState({ key, stack, … })` to observe.
+
+## Ergonomic APIs
+
+Same as React — see [React](/adapters/react) for `useStackHandles`, `StackSubscribe`, `useMutationFlow`, `useLayerGroup`, and `createStackHook`.
+
+## Learn more
+
+- [Adapter parity](/adapters) · [Getting started](/guides/getting-started)
diff --git a/apps/docs/content/adapters/react.mdx b/apps/docs/content/adapters/react.mdx
new file mode 100644
index 0000000..fc50eac
--- /dev/null
+++ b/apps/docs/content/adapters/react.mdx
@@ -0,0 +1,115 @@
+---
+title: React
+description: React adapter — StackProvider, useStack, StackOutlet, and ergonomic stack helpers.
+search:
+  tags: ["adapter", "react"]
+sidebar:
+  icon: /icons/react.svg
+---
+
+`@stainless-code/react-layers` binds stack snapshots to React via `useSyncExternalStore`. The core is re-exported — import everything from one package.
+
+## Install
+
+```package-install
+npm i @stainless-code/react-layers
+```
+
+**Peer:** `react` ^18.0.0 || ^19.0.0
+
+## Client
+
+Wrap your tree with `StackProvider` (creates a `LayerClient` when omitted). Read it anywhere with `useLayerClient`:
+
+```tsx
+import { StackProvider, useLayerClient } from "@stainless-code/react-layers";
+
+function App() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="confirm" />
+    </StackProvider>
+  );
+}
+```
+
+## Render a stack
+
+`StackOutlet` maps the active snapshot to each layer's registered `component`. For custom rendering, use `useStackHandles` or `StackSubscribe`.
+
+## Confirm dialog
+
+Same pattern across adapters — declare, mount, open:
+
+```tsx
+import {
+  layerOptions,
+  StackOutlet,
+  StackProvider,
+  useLayerClient,
+  type LayerComponentProps,
+} from "@stainless-code/react-layers";
+
+type ConfirmPayload = { title: string };
+type ConfirmResponse = boolean;
+
+function ConfirmDialog({
+  call,
+  payload,
+}: LayerComponentProps<ConfirmPayload, ConfirmResponse>) {
+  return (
+    <div role="dialog">
+      <h2>{payload.title}</h2>
+      <button onClick={() => void call.end(true)}>Yes</button>
+      <button onClick={() => void call.end(false)}>No</button>
+    </div>
+  );
+}
+
+const confirm = layerOptions<ConfirmPayload, ConfirmResponse>({
+  stack: "confirm",
+  key: ["confirm", "remove"],
+  component: ConfirmDialog,
+});
+
+function RemoveButton() {
+  const client = useLayerClient();
+  return (
+    <button
+      onClick={() =>
+        void client.open({ ...confirm, payload: { title: "Remove item?" } })
+      }
+    >
+      Remove
+    </button>
+  );
+}
+```
+
+## Primitives
+
+Stack hooks take an options bag plus optional trailing `LayerClient`. **Drive** hooks bind a layer definition and expose `open()` / `dismiss()`; **observe** hooks read matching states only.
+
+| Export | Role |
+| ------ | ---- |
+| `useStack({ stack?, select?, compare? }, client?)` | Subscribe to a stack slice via `useSyncExternalStore` |
+| `useQueuedStack({ stack?, select?, compare? }, client?)` | Queued snapshot slice |
+| `useLayer(options, client?)` | **Drive** — wired handle with `open()`, `dismiss()`, plus reactive `state` / `queued` / `top` |
+| `useLayerState({ key, stack?, select?, compare? }, client?)` | **Observe** — mounted layers matching `key` (`LayerState[]`) |
+| `useLayerQueuedState({ key, stack?, select?, compare? }, client?)` | **Observe** — queued layers matching `key` |
+
+## Ergonomic APIs
+
+| Export | Role |
+| ------ | ---- |
+| `useStackHandles(stack?, rootProps?)` | Headless `{ states, getCall }` for custom renderers |
+| `StackSubscribe` | Render-prop subscription with selector isolation |
+| `useMutationFlow(call)` | Async-action helper — `run(fn).orEnd(response)` |
+| `useLayerGroup(call, options?)` | Child stack with `open`, `dismissAll`, `states`, `Outlet`, `stackId` |
+| `createStackHook(config?)` | Factory returning `StackProvider`, `useAppStack`, `AppHost`, `AppLayer` |
+
+## Learn more
+
+- [Lifecycle](/concepts/lifecycle) · [Blockers](/concepts/blockers) · [Identity & types](/concepts/identity-and-types)
+- [Getting started](/guides/getting-started) (React walkthrough)
+- [Adapter parity](/adapters) — compare with other frameworks
diff --git a/apps/docs/content/adapters/solid.mdx b/apps/docs/content/adapters/solid.mdx
new file mode 100644
index 0000000..24fa869
--- /dev/null
+++ b/apps/docs/content/adapters/solid.mdx
@@ -0,0 +1,132 @@
+---
+title: Solid
+description: Solid adapter — LayerClientContext, signal accessors, StackOutlet.
+search:
+  tags: ["adapter", "solid"]
+sidebar:
+  icon: /icons/solid.svg
+---
+
+`@stainless-code/solid-layers` bridges stacks into Solid signals via `from`. The core is re-exported.
+
+## Install
+
+```package-install
+npm i @stainless-code/solid-layers
+```
+
+**Peer:** `solid-js` >=1.6.0
+
+## Client
+
+Provide a `LayerClient` through `LayerClientContext`. Read it with `useLayerClient()`:
+
+```tsx
+import {
+  LayerClientContext,
+  LayerClient,
+  StackOutlet,
+  useLayerClient,
+} from "@stainless-code/solid-layers";
+
+const client = new LayerClient();
+
+function App() {
+  return (
+    <LayerClientContext.Provider value={client}>
+      <StackOutlet stack="confirm" />
+    </LayerClientContext.Provider>
+  );
+}
+```
+
+`createStackHook` also returns a bound `StackProvider` when you want a single-stack factory.
+
+## Render a stack
+
+`StackOutlet` renders registered components with keyed `Dynamic` updates. For render-prop subscriptions, use `StackSubscribe`.
+
+## Confirm dialog
+
+```tsx
+import {
+  layerOptions,
+  LayerClientContext,
+  LayerClient,
+  StackOutlet,
+  useLayerClient,
+  type LayerComponentProps,
+} from "@stainless-code/solid-layers";
+
+type ConfirmPayload = { title: string };
+type ConfirmResponse = boolean;
+
+function ConfirmDialog(props: LayerComponentProps<ConfirmPayload, ConfirmResponse>) {
+  return (
+    <div role="dialog">
+      <h2>{props.payload.title}</h2>
+      <button onClick={() => void props.call.end(true)}>Yes</button>
+      <button onClick={() => void props.call.end(false)}>No</button>
+    </div>
+  );
+}
+
+const confirm = layerOptions<ConfirmPayload, ConfirmResponse>({
+  stack: "confirm",
+  key: ["confirm", "remove"],
+  component: ConfirmDialog,
+});
+
+const client = new LayerClient();
+
+function RemoveButton() {
+  const c = useLayerClient();
+  return (
+    <button
+      onClick={() =>
+        void c.open({ ...confirm, payload: { title: "Remove item?" } })
+      }
+    >
+      Remove
+    </button>
+  );
+}
+
+function App() {
+  return (
+    <LayerClientContext.Provider value={client}>
+      <StackOutlet stack="confirm" />
+      <RemoveButton />
+    </LayerClientContext.Provider>
+  );
+}
+```
+
+## Primitives
+
+Options bag plus optional trailing `LayerClient`. **Drive** with `useLayer(options)`; **observe** with `useLayerState({ key, … })`. Solid-idiomatic aliases: `createStack`, `createQueuedStack`, `createLayerState`, `createLayerQueuedState`.
+
+| Export | Role |
+| ------ | ---- |
+| `useStack({ stack?, select?, compare? }, client?)` | `Accessor<T>` of the selected stack slice |
+| `useQueuedStack({ stack?, select?, compare? }, client?)` | Queued snapshot accessor |
+| `useLayer(options, client?)` | **Drive** — wired handle accessors + `open()` / `dismiss()` + reactive `state` / `queued` / `top` |
+| `useLayerState({ key, stack?, select?, compare? }, client?)` | **Observe** — `Accessor<LayerState[]>` for mounted same-key layers |
+| `useLayerQueuedState({ key, stack?, select?, compare? }, client?)` | **Observe** — queued same-key layers |
+
+Read accessors with `()` — e.g. `useStack({ stack: "confirm" })()`.
+
+## Ergonomic APIs
+
+| Export | Role |
+| ------ | ---- |
+| `useStackHandles(stack?, rootProps?)` | `{ states: Accessor, getCall }` for headless rendering |
+| `StackSubscribe` | Render-prop with `Accessor<T>` child argument |
+| `useMutationFlow(call)` | `pending` is an `Accessor<boolean>`; `run(fn).orEnd(response)` |
+| `useLayerGroup(call, options?)` | Child stack with `Outlet` component |
+| `createStackHook(config?)` | `StackProvider`, `useAppStack`, `AppHost`, `AppLayer` |
+
+## Learn more
+
+- [Lifecycle](/concepts/lifecycle) · [Identity & types](/concepts/identity-and-types)
+- [Adapter parity](/adapters)
diff --git a/apps/docs/content/adapters/svelte/meta.ts b/apps/docs/content/adapters/svelte/meta.ts
new file mode 100644
index 0000000..0ab7658
--- /dev/null
+++ b/apps/docs/content/adapters/svelte/meta.ts
@@ -0,0 +1,7 @@
+import { defineMeta } from "blume";
+
+export default defineMeta({
+  title: "Svelte",
+  icon: "/icons/svelte.svg",
+  pages: ["runes", "store"],
+});
diff --git a/apps/docs/content/adapters/svelte/runes.mdx b/apps/docs/content/adapters/svelte/runes.mdx
new file mode 100644
index 0000000..e6b0a0b
--- /dev/null
+++ b/apps/docs/content/adapters/svelte/runes.mdx
@@ -0,0 +1,130 @@
+---
+title: Svelte (runes)
+description: Svelte 5.7+ runes adapter — setLayerClient, useStack().current, callFor.
+search:
+  tags: ["adapter", "svelte"]
+sidebar:
+  badge: "5.7+"
+---
+
+`@stainless-code/svelte-layers` (package root) binds stacks to Svelte 5 runes via `createSubscriber`. Most core symbols are re-exported. Core's headless `createLayer` is `createLayerHandle`; the wired handle is `createLayer`.
+
+:::tip
+Svelte builds compiler-free (tsdown, no `.svelte` components shipped). Render with `{#each useStack().current as s}` + `stack.callFor(s)` in your own markup — **intentional primitive design**, not a parity gap. See the [parity matrix](/adapters).
+:::
+
+## Install
+
+```package-install
+npm i @stainless-code/svelte-layers
+```
+
+**Peer:** `svelte` >=3.0.0 (runes entry requires **Svelte 5.7+** for `createSubscriber`)
+
+For Svelte 3–4 or store-based projects, use [Svelte (store)](/adapters/svelte/store).
+
+## Client
+
+Call `setLayerClient()` in a parent component (creates a `LayerClient` when omitted). Descendants read it with `useLayerClient()`:
+
+```svelte
+<script>
+  import { setLayerClient } from "@stainless-code/svelte-layers";
+
+  setLayerClient();
+</script>
+```
+
+:::note
+Import client/stack APIs from **one** entry only. Mixing this package with `@stainless-code/svelte-layers/store` in the same tree breaks context (separate client Symbols per entry).
+:::
+
+## Render a stack
+
+`useStack({ stack })` returns a `SvelteStack` with `.current` (the selected snapshot) and `.callFor(state)` (the call context). No `StackOutlet` — iterate in your markup:
+
+```svelte
+<script>
+  import { useStack } from "@stainless-code/svelte-layers";
+
+  const stack = useStack({ stack: "confirm" });
+</script>
+
+{#each stack.current as state (state.id)}
+  {@const call = stack.callFor(state)}
+  {#if call}
+    <Confirm {call} payload={state.payload} />
+  {/if}
+{/each}
+```
+
+`useStack({ stack }).current` + `callFor` is the headless equivalent of `useStackHandles` — no separate export.
+
+## Confirm dialog
+
+```svelte
+<script lang="ts">
+  import {
+    layerOptions,
+    setLayerClient,
+    useLayerClient,
+    useStack,
+  } from "@stainless-code/svelte-layers";
+
+  type ConfirmPayload = { title: string };
+  type ConfirmResponse = boolean;
+
+  setLayerClient();
+  const client = useLayerClient();
+  const confirmStack = useStack({ stack: "confirm" });
+
+  const confirm = layerOptions<ConfirmPayload, ConfirmResponse>({
+    stack: "confirm",
+    key: ["confirm", "remove"],
+  });
+
+  async function remove() {
+    await client.open({ ...confirm, payload: { title: "Remove item?" } });
+  }
+</script>
+
+{#each confirmStack.current as state (state.id)}
+  {@const call = confirmStack.callFor(state)}
+  {#if call}
+    <div role="dialog">
+      <h2>{state.payload.title}</h2>
+      <button onclick={() => void call.end(true)}>Yes</button>
+      <button onclick={() => void call.end(false)}>No</button>
+    </div>
+  {/if}
+{/each}
+
+<button onclick={remove}>Remove</button>
+```
+
+## Primitives
+
+Options bag plus optional trailing `LayerClient`. **Drive** with `createLayer(options)`; **observe** with `createLayerState({ key, … })`. Queued counterparts: `createQueuedStack`, `createLayerQueuedState`.
+
+| Export | Role |
+| ------ | ---- |
+| `setLayerClient(client?)` | Provide a `LayerClient` via Svelte context |
+| `useLayerClient()` | Read the nearest context client |
+| `useStack({ stack?, select?, compare? }, client?)` | `SvelteStack` with `.current` and `.callFor(state)` |
+| `createLayer(options, client?)` | **Drive** — wired handle + `open()` / `dismiss()` + reactive `state` / `queued` / `top` |
+| `createLayerState({ key, stack?, select?, compare? }, client?)` | **Observe** — `SvelteStack` whose `.current` is mounted same-key `LayerState[]` |
+| `createLayerQueuedState({ key, stack?, select?, compare? }, client?)` | **Observe** — queued same-key layers |
+
+## Ergonomic APIs
+
+| Export | Role |
+| ------ | ---- |
+| `useMutationFlow(call)` | `pending` getter (reactive via `createSubscriber`); `run(fn).orEnd(response)` |
+| `useLayerGroup(call, options?)` | Child stack — render `{#each group.stack.current}` + `group.stack.callFor(s)` |
+
+No `StackOutlet`, `StackSubscribe`, `useStackHandles`, or `createStackHook` — by design.
+
+## Learn more
+
+- [Svelte (store)](/adapters/svelte/store) — `Readable` stores for Svelte 3+
+- [Lifecycle](/concepts/lifecycle) · [Adapter parity](/adapters)
diff --git a/apps/docs/content/adapters/svelte/store.mdx b/apps/docs/content/adapters/svelte/store.mdx
new file mode 100644
index 0000000..da489d1
--- /dev/null
+++ b/apps/docs/content/adapters/svelte/store.mdx
@@ -0,0 +1,135 @@
+---
+title: Svelte (store)
+description: Svelte store adapter — Readable stacks, $stack, standalone callFor.
+search:
+  tags: ["adapter", "svelte"]
+sidebar:
+  badge: "3+"
+---
+
+`@stainless-code/svelte-layers/store` binds stacks to Svelte `readable` stores. Most core symbols are re-exported. Core's headless `createLayer` is `createLayerHandle`; the wired handle is `createLayer`. Use this entry for Svelte 3+ projects that prefer the store contract over runes.
+
+:::tip
+Like the [runes entry](/adapters/svelte/runes), this adapter ships no `.svelte` components — render with `{#each $stack}` + `callFor(client, stackId, s)` in your own markup. **Intentional compiler-free design**; see the [parity matrix](/adapters).
+:::
+
+## Install
+
+```package-install
+npm i @stainless-code/svelte-layers
+```
+
+Import from the `/store` subpath:
+
+```ts
+import { useStack, callFor } from "@stainless-code/svelte-layers/store";
+```
+
+**Peer:** `svelte` >=3.0.0
+
+For Svelte 5.7+ runes, see [Svelte (runes)](/adapters/svelte/runes).
+
+## Client
+
+`setLayerClient()` in a parent; `useLayerClient()` in descendants — same as the runes entry.
+
+:::note
+Import client/stack APIs from **one** entry only. Mixing `@stainless-code/svelte-layers` and `@stainless-code/svelte-layers/store` in the same tree breaks context (separate client Symbols per entry).
+:::
+
+## Render a stack
+
+`useStack({ stack })` returns a `Readable<T>`. Subscribe with `$stack` in components. Pair each state with the standalone `callFor(client, stackId, state)`:
+
+```svelte
+<script>
+  import {
+    callFor,
+    setLayerClient,
+    useLayerClient,
+    useStack,
+  } from "@stainless-code/svelte-layers/store";
+
+  setLayerClient();
+  const client = useLayerClient();
+  const stack = useStack({ stack: "confirm" });
+</script>
+
+{#each $stack as state (state.id)}
+  {@const call = callFor(client, "confirm", state)}
+  {#if call}
+    <Confirm {call} payload={state.payload} />
+  {/if}
+{/each}
+```
+
+## Confirm dialog
+
+```svelte
+<script lang="ts">
+  import {
+    callFor,
+    layerOptions,
+    setLayerClient,
+    useLayerClient,
+    useStack,
+  } from "@stainless-code/svelte-layers/store";
+
+  type ConfirmPayload = { title: string };
+  type ConfirmResponse = boolean;
+
+  setLayerClient();
+  const client = useLayerClient();
+  const confirmStack = useStack({ stack: "confirm" });
+
+  const confirm = layerOptions<ConfirmPayload, ConfirmResponse>({
+    stack: "confirm",
+    key: ["confirm", "remove"],
+  });
+
+  async function remove() {
+    await client.open({ ...confirm, payload: { title: "Remove item?" } });
+  }
+</script>
+
+{#each $confirmStack as state (state.id)}
+  {@const call = callFor(client, "confirm", state)}
+  {#if call}
+    <div role="dialog">
+      <h2>{state.payload.title}</h2>
+      <button onclick={() => void call.end(true)}>Yes</button>
+      <button onclick={() => void call.end(false)}>No</button>
+    </div>
+  {/if}
+{/each}
+
+<button onclick={remove}>Remove</button>
+```
+
+## Primitives
+
+Options bag plus optional trailing `LayerClient`. **Drive** with `createLayer(options)`; **observe** with `createLayerState({ key, … })`. Queued counterparts: `createQueuedStack`, `createLayerQueuedState`.
+
+| Export | Role |
+| ------ | ---- |
+| `setLayerClient(client?)` | Provide a `LayerClient` via Svelte context |
+| `useLayerClient()` | Read the nearest context client |
+| `useStack({ stack?, select?, compare? }, client?)` | `Readable<T>` of the selected stack slice |
+| `createLayer(options, client?)` | **Drive** — wired handle stores + `open()` / `dismiss()` + reactive `state` / `queued` / `top` |
+| `createLayerState({ key, stack?, select?, compare? }, client?)` | **Observe** — `Readable<LayerState[]>` for mounted same-key layers |
+| `createLayerQueuedState({ key, stack?, select?, compare? }, client?)` | **Observe** — queued same-key layers |
+| `callFor(client, stackId, state, rootProps?)` | Standalone call-context builder |
+
+## Ergonomic APIs
+
+| Export | Role |
+| ------ | ---- |
+| `useMutationFlow(call)` | `pending` is a `Readable<boolean>` — subscribe with `$pending` |
+| `useLayerGroup(call, options?)` | Child stack as `Readable<LayerState[]>` — render `{#each $group.stack}` + `callFor` |
+
+No `StackOutlet`, `StackSubscribe`, `useStackHandles`, or `createStackHook` — by design.
+
+## Learn more
+
+- [Svelte (runes)](/adapters/svelte/runes) — Svelte 5.7+ with `.current`
+- [Lifecycle](/concepts/lifecycle) · [Adapter parity](/adapters)
diff --git a/apps/docs/content/adapters/vue.mdx b/apps/docs/content/adapters/vue.mdx
new file mode 100644
index 0000000..e9205d9
--- /dev/null
+++ b/apps/docs/content/adapters/vue.mdx
@@ -0,0 +1,120 @@
+---
+title: Vue
+description: Vue adapter — provideLayerClient, composition API hooks, StackOutlet.
+search:
+  tags: ["adapter", "vue"]
+sidebar:
+  icon: /icons/vue.svg
+---
+
+`@stainless-code/vue-layers` bridges stacks into Vue 3 composition API refs. The core is re-exported.
+
+## Install
+
+```package-install
+npm i @stainless-code/vue-layers
+```
+
+**Peer:** `vue` >=3.3.0
+
+## Client
+
+Call `provideLayerClient()` in a parent `setup()` (creates a `LayerClient` when omitted). Descendants read it with `useLayerClient()`:
+
+```vue
+<script setup lang="ts">
+import { provideLayerClient, StackOutlet } from "@stainless-code/vue-layers";
+
+provideLayerClient();
+</script>
+
+<template>
+  <StackOutlet stack="confirm" />
+</template>
+```
+
+:::note
+Hooks must run inside `setup()` or an `effectScope()` so `onScopeDispose` can tear down stack subscriptions.
+:::
+
+## Render a stack
+
+`StackOutlet` renders registered `component` entries. For scoped-slot-style subscriptions, use `StackSubscribe` or `useStack({ stack, select })` directly in `setup()`.
+
+## Confirm dialog
+
+```vue
+<script setup lang="ts">
+import {
+  layerOptions,
+  provideLayerClient,
+  StackOutlet,
+  useLayerClient,
+  type LayerComponentProps,
+} from "@stainless-code/vue-layers";
+
+type ConfirmPayload = { title: string };
+type ConfirmResponse = boolean;
+
+const ConfirmDialog = defineComponent({
+  props: {
+    call: { type: Object, required: true },
+    payload: { type: Object, required: true },
+  },
+  setup(props: LayerComponentProps<ConfirmPayload, ConfirmResponse>) {
+    return () => (
+      <div role="dialog">
+        <h2>{props.payload.title}</h2>
+        <button onClick={() => void props.call.end(true)}>Yes</button>
+        <button onClick={() => void props.call.end(false)}>No</button>
+      </div>
+    );
+  },
+});
+
+const confirm = layerOptions<ConfirmPayload, ConfirmResponse>({
+  stack: "confirm",
+  key: ["confirm", "remove"],
+  component: ConfirmDialog,
+});
+
+provideLayerClient();
+const client = useLayerClient();
+
+async function remove() {
+  await client.open({ ...confirm, payload: { title: "Remove item?" } });
+}
+</script>
+
+<template>
+  <StackOutlet stack="confirm" />
+  <button @click="remove">Remove</button>
+</template>
+```
+
+## Primitives
+
+Options bag plus optional trailing `LayerClient`. **Drive** with `useLayer(options)`; **observe** with `useLayerState({ key, … })`.
+
+| Export | Role |
+| ------ | ---- |
+| `useStack({ stack?, select?, compare? }, client?)` | `Readonly<Ref<T>>` of the selected stack slice |
+| `useQueuedStack({ stack?, select?, compare? }, client?)` | Queued snapshot as `Readonly<Ref<T>>` |
+| `useLayer(options, client?)` | **Drive** — wired handle refs + `open()` / `dismiss()` + reactive `state` / `queued` / `top` |
+| `useLayerState({ key, stack?, select?, compare? }, client?)` | **Observe** — `Readonly<Ref<LayerState[]>>` for mounted same-key layers |
+| `useLayerQueuedState({ key, stack?, select?, compare? }, client?)` | **Observe** — queued same-key layers |
+
+## Ergonomic APIs
+
+| Export | Role |
+| ------ | ---- |
+| `useStackHandles(stack?, rootProps?)` | `{ states: Ref, getCall }` for headless rendering |
+| `StackSubscribe` | Scoped-slot subscription (`#default="{ value }"`) |
+| `useMutationFlow(call)` | `pending` is a `Ref<boolean>`; `run(fn).orEnd(response)` |
+| `useLayerGroup(call, options?)` | Child stack with `Outlet` component |
+| `createStackHook(config?)` | `StackProvider`, `useAppStack`, `AppHost`, `AppLayer` components |
+
+## Learn more
+
+- [Lifecycle](/concepts/lifecycle) · [Identity & types](/concepts/identity-and-types)
+- [Adapter parity](/adapters)
diff --git a/apps/docs/content/concepts/blockers.mdx b/apps/docs/content/concepts/blockers.mdx
new file mode 100644
index 0000000..957f24b
--- /dev/null
+++ b/apps/docs/content/concepts/blockers.mdx
@@ -0,0 +1,61 @@
+---
+title: Blockers
+description: Engine blocker model — instance and stack scope, dismissing, dismissAll modes, and force bypass.
+search:
+  tags: ["concept"]
+---
+
+**Blockers** are consumer predicates that gate **user-intent** engine dismissal — `end`/`dismiss` and stack `dismiss`/`dismissAll` — while never stranding teardown. Backdrop/Esc are UI wiring: they consult blockers only when you route them through those APIs. Invariant: **a blocker can delay a user closing a layer, never prevent the system from tearing it down.**
+
+## Registration
+
+Two scopes, one gate (`any` veto → blocked). Each returns a disposer; multiple blockers per scope (`Set`):
+
+```ts
+call.addBlocker(fn: () => boolean | Promise<boolean>): () => void;           // instance
+stack.addBlocker(fn: (layer: LayerState) => boolean | Promise<boolean>): () => void; // stack policy
+```
+
+`true` = allow; falsy = veto. Instance scope matches the instance-id model (dirty state lives on `call`). Stack scope covers app policy (selective by `layer`).
+
+## Async dismissal
+
+Predicates may be async; `dismiss` awaits them. A veto **rejects** the attempt (layer stays open; caller re-issues after confirming) rather than deferring the caller's `Promise<R>`. Confirm UI is the consumer's own layer — core never opens UI.
+
+```ts
+call.end(response, opts?: { force?: boolean }): Promise<boolean>;   // return = "did it dismiss?"
+call.dismiss(response, opts?: { force?: boolean }): Promise<boolean>;
+```
+
+Return value = "did it dismiss?". `{ force: true }` bypasses blockers. Repeat `end`/`dismiss` while `dismissing` dedupes to the in-flight promise; `force` wins immediately. Predicate throw/reject = veto (fail-closed; dev warning).
+
+## dismissing flag
+
+`LayerState.dismissing` is `true` while blockers are evaluated for a user-intent dismiss; back to `false` on veto or removal. Generic UI can disable the close button during async confirm. Veto is transient (via `Promise<boolean>`), not a persisted flag.
+
+Gate runs **before** exit transition: allowed → resolve promise, `phase: "dismissed"`, `transition: "exiting"`; vetoed → layer stays `active`.
+
+## dismissAll modes
+
+`stack.dismissAll(response, opts?: { mode? })` is async:
+
+| mode                      | behavior                                          |
+| ------------------------- | ------------------------------------------------- |
+| `"skipBlocked"` (default) | attempt each; close permitted, leave blocked open |
+| `"stopAtBlocked"`         | process in order; halt at first blocked           |
+| `"force"`                 | bypass all blockers                               |
+
+Default configurable via `StackOptions.dismissAllMode` / `LayerClientOptions.defaultStackOptions`. Precedence: per-call `mode` > stack default > `"skipBlocked"`.
+
+## What honors vs skips blockers
+
+| Path | Blockers |
+| ---- | -------- |
+| `end` / `dismiss` (user intent) | Honor |
+| `cancelQueued` (serial, never mounted) | Skip |
+| Component / group-hook unmount | Honor |
+| Layer-group cascade (`onLayerDismiss` → drain child stacks) | Force children — guard the parent instead |
+
+:::tip
+For adapter-level patterns — dirty-form guards, confirm dialogs, backdrop handling — see [Dismissal & blockers](/guides/dismissal-blockers).
+:::
diff --git a/apps/docs/content/concepts/comparison.mdx b/apps/docs/content/concepts/comparison.mdx
new file mode 100644
index 0000000..4c32eb9
--- /dev/null
+++ b/apps/docs/content/concepts/comparison.mdx
@@ -0,0 +1,172 @@
+---
+title: Comparison
+description: Where Layers fits among modal and overlay managers — by product category, not a flat feature scorecard.
+search:
+  tags: ["concept"]
+---
+
+A confirm dialog, a toast, a drawer — lots of libraries ship one. They are not all the same product. This page sorts them by **what they're trying to be**, then compares on the axes Layers targets.
+
+Experimental — the API may change between minor releases. Pin your version. See [Stability](/concepts/stability) for semver posture.
+
+## Four kinds of "modal library"
+
+| Category | Examples | Compare on |
+| --- | --- | --- |
+| Orchestration engine | Layers, react-call, ui-call, overlastic | Engine depth + typing + composability |
+| Registry / reducer manager | nice-modal-react, overlay-kit | React DX + adoption |
+| Batteries-included UI | @mantine/modals, vue-final-modal, react-dialog-flow | Integration depth — different category |
+| DOM primitive | Ark/Zag, @corvu/dialog, ui-primitives | Complementary — pair, don't compete |
+
+## What Layers targets (and what it delegates by design)
+
+Layers owns **state coordination, not UI ownership**. The matrix below scores engine axes only — typed <Tooltip tip="A branded key on layerOptions; open() infers payload and response types via DataTag.">await</Tooltip>, named stacks, serial queues, <Tooltip tip="A consumer predicate that gates dismissal; true allows, falsy or a thrown error vetoes.">blockers</Tooltip>, and the rest. Focus traps, portals, backdrop, and confirm chrome live in your component library.
+
+Two views: this matrix contrasts **one exemplar per category**; the [full spectrum](#across-the-whole-landscape) below scores **every audited library across all six frameworks**. Columns here are the libraries evaluators most often weigh against Layers — the React registry incumbents (`nice-modal`, `overlay-kit`), the closest React DX peer (`react-call`), the highest-adoption batteries-included manager (`@mantine/modals` — the category contrast), and the closest multi-framework peer (`overlastic`). Non-React peers like `kolirt/vue-modal`, `@gwn-sheet-stack`, and `dialog-fn` are in the full-spectrum tables.
+
+| Capability | Layers | react-call | nice-modal | overlay-kit | @mantine/modals | overlastic |
+| --- | :---: | :---: | :---: | :---: | :---: | :---: |
+| **Category** | Orchestration engine | Orchestration engine | Registry / reducer | Registry / reducer | Batteries-included UI | Orchestration engine |
+| Multi-framework | ✅ 6 | ❌ R | ❌ R | ❌ R | ❌ R | ✅ 4 |
+| Zero-dep core | ✅ | ✅ | ✅ | ✅ | ❌ | ✅ |
+| Typed await | ✅ DataTag | ✅ | 🟡 | 🟡 | ❌ | 🟡 |
+| Named stacks | ✅ | ❌ | ❌ | ❌ | ❌ | ❌ |
+| Serial queue + cancel | ✅ | ❌ | ❌ | ❌ | ❌ | ❌ |
+| Async blockers | ✅ | ❌ | ❌ | ❌ | ❌ | ❌ |
+| loadFn + abort + gc | ✅ | ❌ | ❌ | ❌ | ❌ | ❌ |
+| Payload validation | ✅ Std Schema | ❌ | ❌ | ❌ | ❌ | ❌ |
+| Nested groups | ✅ | ❌ | ❌ | ❌ | ❌ | ❌ |
+| Upsert / live-update | ✅ | ✅ | 🟡 | 🟡 | ✅ | 🟡 |
+| Transition axis | ✅ 3-state+settle | 🟡 exit delay | 🟡 delayVisible | 🟡 close/unmount | 🟡 | ❌ |
+| SSR subscribe-safe | ✅ | ✅ EMPTY_STACK | 🟡 | 🟡 | 🟡 | ❌ |
+
+Legend: ✅ full · 🟡 partial · ❌ none · (R) React-only. Cells are engine axes only — see the next section for what Layers deliberately leaves to your UI stack.
+
+## By design, not missing
+
+Focus containment, ARIA/dialog semantics, portals/top-layer, backdrop/Escape, scroll lock, z-order, a built-in confirm preset — Layers ships none of these in core. Your component library (Radix, React Aria, Base UI, Mantine, …) owns them; Layers orchestrates the state. See [Headless rendering](/guides/headless-rendering) and [Overview](/concepts/overview).
+
+## Across the whole landscape
+
+The matrix above contrasts one exemplar per category. The tables below are the full spectrum — every audited library a real evaluator weighs, across all six frameworks, scored on the engine axes Layers targets. One table per category (orchestration engines split into multi-framework and single-framework so no table is wider than the eye can scan). **Layers is the baseline column in every table — the only column green on every row.** `R/V/S/Solid/Ang` = React/Vue/Svelte/Solid/Angular; `Nfw` = N frameworks.
+
+**Multi-framework orchestration engines**
+
+| Capability | Layers | overlastic | ui-call | dialog-fn | @gwn-sheet-stack |
+| --- | :---: | :---: | :---: | :---: | :---: |
+| Multi-framework | ✅ 6 | ✅ 4 | ✅ 5 | 🟡 3 | 🟡 2 |
+| Zero-dep core | ✅ | ✅ core | ✅ | ✅ | ✅ |
+| Typed await | ✅ DataTag | 🟡 generic | 🟡 generic | 🟡 dismiss=undefined | ✅ `push<R>` |
+| Named stacks | ✅ | ❌ | ❌ | ❌ | ❌ |
+| Serial queue + cancel | ✅ | ❌ | ❌ | ❌ | ❌ |
+| Async blockers | ✅ | ❌ | ❌ | ❌ | ❌ |
+| loadFn + abort + gc | ✅ | ❌ | ❌ | ❌ | ❌ |
+| Payload validation | ✅ Std Schema | ❌ | ❌ | ❌ | ❌ |
+| Nested groups | ✅ | ❌ | ❌ | ❌ | ❌ |
+| Upsert / live-update | ✅ | 🟡 only | 🟡 singleton | 🟡 | 🟡 snapshot |
+
+**Single-framework orchestration engines**
+
+| Capability | Layers | react-call | jenesius-vue-modal | ngx-call | @angular-libs/dialog | @svelte-put/async-stack |
+| --- | :---: | :---: | :---: | :---: | :---: | :---: |
+| Multi-framework | ✅ 6 | ❌ React | ❌ Vue | ❌ Angular | ❌ Angular | ❌ Svelte |
+| Zero-dep core | ✅ | ✅ | — | ✅ | — | ✅ |
+| Typed await | ✅ DataTag | ✅ generic | 🟡 any | ✅ generic | ❌ | ✅ resolution |
+| Named stacks | ✅ | ❌ | ✅ NamespaceStore | ❌ | ❌ global list | ❌ single |
+| Serial queue + cancel | ✅ | ❌ | 🟡 close-guard | ❌ | ❌ | ❌ |
+| Async blockers | ✅ | ❌ | ❌ | ❌ | 🟡 beforeClose+plugin | 🟡 onResolve+cancel |
+| loadFn + abort + gc | ✅ | ❌ | ❌ | ❌ | ❌ | ❌ |
+| Payload validation | ✅ Std Schema | ❌ | ❌ | ❌ | ❌ | ❌ |
+| Nested groups | ✅ | ❌ | ❌ | ❌ | ❌ | ❌ |
+| Upsert / live-update | ✅ | ✅ | — | ✅ | — | — |
+
+**Registry / reducer managers**
+
+| Capability | Layers | nice-modal-react | overlay-kit | pushmodal | @ngneat/dialog |
+| --- | :---: | :---: | :---: | :---: | :---: |
+| Multi-framework | ✅ 6 | ❌ React | ❌ React | ❌ React | ❌ Angular |
+| Zero-dep core | ✅ | ✅ | ✅ | — | — |
+| Typed await | ✅ DataTag | 🟡 unknown | 🟡 generic | ❌ void | ✅ afterClosed$ |
+| Named stacks | ✅ | ❌ id-map | ❌ | ✅ LIFO | ❌ |
+| Serial queue + cancel | ✅ | ❌ | ❌ | ❌ | ❌ |
+| Async blockers | ✅ | ❌ | ❌ | ❌ | 🟡 beforeClose |
+| loadFn + abort + gc | ✅ | ❌ | ❌ | ❌ | ❌ |
+| Payload validation | ✅ Std Schema | ❌ | ❌ | ❌ | ❌ |
+| Nested groups | ✅ | ❌ | ❌ | ❌ | ❌ |
+| Upsert / live-update | ✅ | 🟡 | 🟡 | 🟡 replaceWith | — |
+
+**Batteries-included UI** (different product category — ships DOM/a11y)
+
+| Capability | Layers | @mantine/modals | vue-final-modal | svelte-promise-modals | kolirt/vue-modal |
+| --- | :---: | :---: | :---: | :---: | :---: |
+| Multi-framework | ✅ 6 | ❌ React | ❌ Vue | ❌ Svelte | ❌ Vue |
+| Zero-dep core | ✅ | ❌ @mantine/core | ❌ @vueuse+focus-trap | ❌ focus-trap+deepmerge | — |
+| Typed await | ✅ DataTag | ❌ string id | ❌ lifecycle strings | ✅ closeModal prop | ✅ awaitable |
+| Named stacks | ✅ | ❌ | ❌ | ❌ | ✅ grouped |
+| Serial queue + cancel | ✅ | ❌ | ❌ | ❌ | ❌ |
+| Async blockers | ✅ | ❌ | 🟡 beforeClose.stop() | ❌ | ✅ async guards |
+| loadFn + abort + gc | ✅ | ❌ | ❌ | ❌ | ❌ |
+| Payload validation | ✅ Std Schema | ❌ | ❌ | ❌ | ❌ |
+| Nested groups | ✅ | ❌ | ❌ | 🟡 child | ✅ |
+| Upsert / live-update | ✅ | ✅ updateModal | 🟡 patchOptions | ❌ | ✅ replace |
+
+**DOM primitive** (complementary — pair, don't compete)
+
+| Capability | Layers | @corvu/dialog | Ark / Zag |
+| --- | :---: | :---: | :---: |
+| Multi-framework | ✅ 6 | ❌ Solid | ✅ R/V/S/Solid |
+| Zero-dep core | ✅ | ✅ | ✅ |
+| Typed await | ✅ DataTag | ❌ no await | ❌ no await |
+| Named stacks | ✅ | ❌ | ❌ |
+| Serial queue + cancel | ✅ | ❌ | ❌ |
+| Async blockers | ✅ | ❌ | ❌ |
+| loadFn + abort + gc | ✅ | ❌ | ❌ |
+| Payload validation | ✅ Std Schema | ❌ | ❌ |
+| Nested groups | ✅ | ❌ | ❌ |
+
+Legend: ✅ full · 🟡 partial · ❌ none. Cells are engine axes only — focus traps, portals, ARIA, and backdrop are delegated to your UI stack (see [By design, not missing](#by-design-not-missing)). `kolirt/vue-modal` is the closest non-React analog: it matches Layers on grouped stacks, async guards, and nested groups, but ships Reka UI integration (batteries) and lacks the serial queue, `loadFn`/abort/`gc`, and Standard Schema validation. The long tail of dormant/abandoned footnote libraries (svelte-modals, vue-modals, demodal, react-popup-manager, …) is covered in the internal landscape research; omitted here because they add no decision signal.
+
+## Adoption (market snapshot, not capability)
+
+:::note
+Stars and npm downloads measure adoption, not engine depth. Layers is v0.1.0 and pre-launch — adoption lag is not an engine verdict.
+
+Last verified: 2026-07-15
+:::
+
+| Library | Category | Stars | npm dl/mo | Note |
+| --- | --- | --- | --- | --- |
+| nice-modal-react | Registry / reducer | ~2.3k | ~1.1M | Incumbent registry (React) |
+| react-call | Orchestration engine | ~1.3k | ~160k | Closest React DX peer |
+| overlay-kit | Registry / reducer | ~0.7k | ~190k | Toss-backed reducer (React) |
+| react-modal-hook | Registry / reducer | ~0.25k | ~292k | Hook + portal host (React, migration pool) |
+| react-modal-promise | Registry / reducer | ~0.07k | ~187k | Promise primitive (React, migration pool) |
+| pushmodal | Registry / reducer | ~0.2k | ~10k | shadcn LIFO stack (React) |
+| @mantine/modals | Batteries-included UI | (in 31.4k★ monorepo) | — | Batteries-included (React) |
+| vue-final-modal | Batteries-included UI | ~1k | ~275k | Vue batteries-included (stalled since 2024-09) |
+| @corvu/dialog | DOM primitive | ~0.7k | ~38k | Solid DOM primitive (complementary) |
+| jenesius-vue-modal | Orchestration engine | ~160 | ~19k | Vue orchestration engine |
+| svelte-promise-modals | Batteries-included UI | ~34 | — | Svelte batteries-included |
+| Layers | Orchestration engine | ~1 | — | v0.1.0, pre-launch |
+
+Live demos, source, and the changelog are the proof — not a star count.
+
+## Per-framework peers — maintenance & status
+
+Capability for these is in the [table above](#across-the-whole-landscape); this section carries the human context the cells can't — who's still shipping, who stalled, who's gone.
+
+- **Vue** — `jenesius-vue-modal` active (Jun 2026); `kolirt/vue-modal` closest Vue analog (grouped stacks + async guards + nested groups, Reka UI integration); `vue-final-modal` stalled since 2024-09.
+- **Svelte** — `svelte-promise-modals` active (Jul 2026); `@svelte-put/async-stack` engine peer (pause/resume + progress recipe); `svelte-modals` dormant (Mar 2025).
+- **Solid** — `@corvu/dialog` active DOM primitive (pair with Layers, not compete); `solid-modal-manager` declarative registry.
+- **Angular** — `ngx-call` react-call port (low adoption); `@ngneat/dialog` source gone, still ~5.7k dl/wk — a vacuum; `@angular-libs/dialog` native `<dialog>` + plugin lifecycle (created 2026-05).
+- **Multi-framework** — `@gwn-sheet-stack` tier-1 architectural peer (headless core + FSM + router adapters, 2fw, pre-1.0); `overlastic` 4fw partial engine (DOM-mount); `dialog-fn` 3fw cleanest core+adapter split; `ui-call` 5fw, abandoned Feb 2026.
+
+## When not to choose Layers
+
+- **Turnkey modal UX, zero wiring** → `@mantine/modals` or `vue-final-modal` ship the UI and a11y for you.
+- **A single local dialog, no return value, no stacking** → a plain controlled component is simpler. See [When to use Layers](/concepts/when-to-use).
+- **You need a focus-trap / dialog primitive, not orchestration** → Ark/Zag or `@corvu/dialog`.
+
+## Migrating from one of these
+
+See [Migration](/reference/migration) for breaking-change policy; per-library migration recipes (nice-modal, react-call, overlay-kit, @mantine/modals, …) land as the adapter guides grow.
diff --git a/apps/docs/content/concepts/glossary.mdx b/apps/docs/content/concepts/glossary.mdx
new file mode 100644
index 0000000..97436c5
--- /dev/null
+++ b/apps/docs/content/concepts/glossary.mdx
@@ -0,0 +1,63 @@
+---
+title: Glossary
+description: Ubiquitous language for Layers.
+search:
+  tags: ["concept"]
+---
+
+From `LayerClient` down to `keySignature` — every term in code, docs, and issues maps to one definition here. Keep them stable.
+
+<Accordion>
+  <AccordionItem title="Core entities" defaultOpen>
+    - **Overlay** — the UI *category* Layers manages: any transient surface stacked above the page — modal, dialog, drawer, popover, toast, sheet. "Overlay" names the problem space; a **Layer** is how Layers represents one instance of it. Prefer "overlay" for the concept, "layer" for the API unit.
+    - **Layer** — Layers' *unit* for a single overlay instance: one frame in a stack (a modal, dialog, drawer, popover, toast, etc.). Owned by a `LayerStack`; carries a `key`, `payload`, optional `data` (from `loadFn`), a `phase`, and a caller-facing `promise`.
+    - **Stack** (`LayerStack`) — ordered collection of active layers for one surface (`"confirm"`, `"drawer"`, `"toast"`). Identified by `id`; subscribed via `subscribe`/`getSnapshot` (mountable layers) and `getQueuedSnapshot` (serial-waiting layers).
+    - **Client** (`LayerClient`) — app-wide orchestrator owning named stacks; `open()` returns a typed `Promise<Response>`.
+    - **Key** — the **logical** identity of a layer (`find`/`upsert`/`gcTime` operate on `keySignature(key)`); multiple live layers may share a key in a `parallel` stack.
+    - **Instance id** (`LayerState.id`) — the **physical**, unique id of one `Layer` instance (`` `${hashKey(key)}#n` ``); used for rendering keys and instance lookup/removal (`getLayer`, `#remove`).
+    - **Call context** (`LayerCallContext`) — imperative handle handed to a layer component: `end`/`dismiss` (async — resolve the caller's `await`; return `Promise<boolean>`), `addBlocker`, `update` (patch payload live), `setRunning` (drives `actionStatus`), `settle` (drives `transition`), `ended`, `index`, `stackSize`, `root`, `stackId`, `layerId`. Built by `createCallContext`.
+    - **Layer group** — a child stack owned by a parent layer and tied to its lifetime: created via `createLayerGroup` / adapter `useLayerGroup`; when the parent dismisses, the group's stack auto-drains. Same `LayerClient`, no second client.
+    - **Child stack** — the stack a layer group opens onto; id derived from the parent's `stackId` + `layerId` via `childStackId` (`` `${parentStackId}~${parentLayerId}~${name}` ``).
+  </AccordionItem>
+  <AccordionItem title="Lifecycle & transitions">
+    - **Phase** — resolution lifecycle axis: `pending` → `active` → `dismissed`; or `queued` (serial-waiting, not mounted); or `error`. Does **not** include `exiting` — animation is on `transition`. Distinct from `actionStatus` and `transition`.
+    - **Transition** — animation axis (`entering` | `settled` | `exiting`), orthogonal to `phase` (like `actionStatus`). `dismissed + exiting` = playing exit anim; `dismissed + settled` = cached/done.
+    - **Entering** — `transition: "entering"` while a layer mounts/opens; may coincide with `phase: "pending"` (loading) or `phase: "active"`.
+    - **Settled** — `transition: "settled"` when enter/exit animation is done (or instant, delay `0`).
+    - **settle** (`call.settle()`) — resolve the current transition early: `entering → settled` (clears enter timer; `phase` untouched); `exiting → remove` (clears exit timer); no-op if already `settled`. Completion is whichever of `{ delay elapsed, call.settle() }` fires first.
+    - **enteringDelay** — ms the enter transition runs before settling; `0` (default) = instant. `call.settle()` finishes early.
+    - **exitingDelay** — ms the exit transition runs before removal; `0` (default) = instant. `call.settle()` removes early.
+    - **Action status** — independent axis (`idle` | `running`) for in-layer mutations, separate from `phase` and `transition`.
+    - **open** — push a layer onto a stack; returns `Promise<R>` resolved by `dismiss`. The caller `await`s the user's decision.
+    - **dismiss** — async (`Promise<boolean>`): consult blockers (unless `{ force: true }`), then resolve the layer's promise with a response, flip `ended`, set `phase: "dismissed"` + `transition: "exiting"`, then remove after `exitingDelay` or `call.settle()` (whichever first). Return `true` if dismissed, `false` if vetoed.
+    - **cancelQueued** — resolve and remove a serial `queued` layer without mounting; skips blockers. Omit `{ id }` → FIFO head for the key; pass `{ id }` → exact queued instance.
+    - **dismissing** — `LayerState.dismissing`: `true` while a user-intent dismiss is consulting blockers; `false` on veto or removal. Use to disable close UI during async confirm.
+  </AccordionItem>
+  <AccordionItem title="Blocking & dismissal">
+    - **blocker** — consumer predicate gating user-intent dismissal; `true` = allow, falsy = veto. Instance (`call.addBlocker`) or stack (`stack.addBlocker`) scope; multiple allowed; async-capable; throw/reject = veto (fail-closed).
+    - **addBlocker** — register a blocker; returns a disposer. `call.addBlocker(fn)` — instance scope (`() => boolean | Promise<boolean>`). `stack.addBlocker(fn)` — stack policy (`(layer) => boolean | Promise<boolean>`).
+    - **dismiss mode** — `DismissAllMode` for `stack.dismissAll`: `"skipBlocked"` (default — close permitted, leave blocked open), `"stopAtBlocked"` (halt at first blocked), `"force"` (bypass blockers). Default per stack via `StackOptions.dismissAllMode`.
+  </AccordionItem>
+  <AccordionItem title="Scoping & caching">
+    - **upsert** — with `upsert: true` (or handle `.upsert`), reusing an active key updates its payload instead of stacking (singleton toasts/progress).
+    - **scope** — per-stack queueing on `StackOptions`: `scope: { strategy: "serial" | "parallel" }` (`parallel` when omitted); `serial` = one active layer at a time, `parallel` = stack freely.
+    - **gcTime** — keep dismissed layers in a cache so re-opening the same key restores `data` without re-running `loadFn`. One slot per key (last-dismissed-wins); evicted after `gcTime` with explicit teardown.
+    - **loadFn** — optional async load run on `open`; cancelable via `AbortController`; `pending` → `active` with `data` on success, `error` on throw.
+  </AccordionItem>
+  <AccordionItem title="Layer handles">
+    - **createLayer** — core factory: `options` + `client` → headless `LayerHandle` / `ValidatedLayerHandle` (layer ops + `stack`/`client`/`options`/`current` escapes; no reactive field).
+    - **LayerHandle** — return of plain `createLayer`. `open`/`upsert` take payload only; `dismiss` takes `{ id?, force? }`; `update` / `cancelQueued` take `{ id? }` (see **cancelQueued**).
+    - **ValidatedLayerHandle** — when `options.validate` is set: `open`/`upsert` = schema **input**; `current`/`update` = parsed **output**. Wired adapters also expose reactive `state`/`queued`/`top` as output.
+    - **useLayer** — adapter wired handle (`createLayer` + reactive `state`/`queued`/`top`). Svelte: `createLayer`; Angular: `injectLayer`.
+    - **useLayerState** / **useLayerQueuedState** / **useQueuedStack** — observe-only (mounted per-key / queued per-key / queued whole-stack); return `LayerState[]` (or framework wrappers). Renamed/added vs the old singular `useLayer(key, …)`.
+    - **current** — live-checked bound instance on a handle (`Layer | null`); correlation + explicit `{ id }` — not a hidden control default.
+    - **Drive vs observe** — **drive** = wired handle (`useLayer` / `injectLayer` / `createLayer`) for `open`/`upsert`/`dismiss`/`update`/`cancelQueued`; **observe** = `useLayerState` / `useLayerQueuedState` / `useQueuedStack` / `useStack` for reactive snapshots without control. Both paths are first-class; `client.open({ …layerOptions, payload })` remains valid.
+  </AccordionItem>
+  <AccordionItem title="Adapters & rendering">
+    - **Observer / selector** — adapters subscribe to `LayerStack.getSnapshot()` and project via a selector (React/Preact `useSyncExternalStore`, Solid `from`, Angular `signal`, Vue `shallowRef`, Svelte runes).
+    - **Options helper** (`layerOptions`) — identity function carrying `<P, R, E, D>` generics so `LayerClient.open` infers the response type end-to-end.
+    - **Outlet** — renders the active stack. React, Preact, and Solid ship `StackOutlet`; Angular exposes `renderStack(vcr)`; Vue ships `StackOutlet`; Svelte renders from `useStack().current` + `callFor`. See [adapter ergonomics](/adapters#adapter-ergonomics).
+    - **Stack handles** (`useStackHandles`) — headless `{ states, getCall }` for custom hosts (React/Preact/Solid/Angular/Vue; Svelte's `useStack()` already returns `.current` + `callFor`). `StackOutlet` is the registered-component convenience built on it where shipped.
+    - **Validator** (`validate`) — a Standard Schema or sync `(input) => output` fn that parses/validates a layer's `payload` at `open`; the layer stores the parsed output. Failure rejects `open` with a `PayloadValidationError`.
+  </AccordionItem>
+</Accordion>
diff --git a/apps/docs/content/concepts/identity-and-types.mdx b/apps/docs/content/concepts/identity-and-types.mdx
new file mode 100644
index 0000000..7758808
--- /dev/null
+++ b/apps/docs/content/concepts/identity-and-types.mdx
@@ -0,0 +1,99 @@
+---
+title: Identity & types
+description: Key vs instance id, DataTag response inference, layerKey, Register, and DefaultLayerError.
+search:
+  tags: ["concept"]
+---
+
+Two opens with the same `key` share **logical identity**; each still gets a unique instance id (**physical identity**). `DataTag` branding carries the response type through `await client.open(...)`, so no explicit generic is needed.
+
+## Key vs instance id
+
+| Concept | Role |
+| ------- | ---- |
+| **Key** | Logical identity. `find`, `upsert`, and `gcTime` operate on `keySignature(key)`. Multiple live layers may share a key in a `parallel` stack. |
+| **Instance id** (`LayerState.id`) | Physical, unique id of one `Layer` instance (`` `${hashKey(key)}#n` ``). Used for rendering keys and instance lookup/removal (`getLayer`, `#remove`). |
+
+:::note[`find` returns the topmost match]
+`LayerStack.find(key)` walks the stack and returns the **last** layer with that key signature — the topmost instance when several share a key in a `parallel` stack. Wired handles route `dismiss`/`update` without `{ id }` through this same lookup.
+:::
+
+## Wired handle path
+
+Besides `client.open({ …layerOptions, payload })`, bind a declaration with `createLayer(options, client)` (headless) or `useLayer(options)` (adapter). Payload-only `open`/`upsert` infer `R` from the same `DataTag` on `options.key`:
+
+```tsx
+import { useLayer } from "@stainless-code/react-layers";
+
+const confirmLayer = useLayer(confirm);
+const ok = await confirmLayer.open({ title: "Remove?" });
+//    ^? boolean
+```
+
+Pass `{ id: state.id }` on `dismiss`/`update`/`cancelQueued` when targeting a specific instance — `current` on the handle is the caller's last `open`, not an implicit default for stack ops.
+
+## DataTag — typed `await open`
+
+`layerOptions` brands its `key` with a `DataTag`, so `LayerClient.open` infers the response type with no explicit generic:
+
+```ts
+import { LayerClient, layerOptions } from "@stainless-code/layers";
+
+type ConfirmPayload = { title: string };
+type ConfirmResponse = boolean;
+
+const client = new LayerClient();
+
+const confirm = layerOptions<ConfirmPayload, ConfirmResponse>({
+  stack: "confirm",
+  key: ["confirm", "remove"],
+});
+
+const ok = await client.open({ ...confirm, payload: { title: "Remove?" } });
+//    ^? boolean
+```
+
+Brand a key alone when you don't need a full options object:
+
+```ts
+import { layerKey } from "@stainless-code/layers";
+
+const removeKey = layerKey<ConfirmResponse>()(["confirm", "remove"]);
+```
+
+Type helpers exported from core: `DataTag`, `InferDataTagResponse`, `InferDataTagError`, `ResponseOf`, `ErrorOf`.
+
+:::note
+There is **no** global key→response registry. Colocated `layerOptions` / `layerKey` is the single source of truth for each layer's contract.
+:::
+
+## Payload and response are optional
+
+The response type `R` defaults to `void` (fire-and-forget), and `payload` is omittable when the layer needs no input:
+
+```ts
+const about = layerOptions({
+  stack: "modal",
+  key: ["about"],
+});
+
+void client.open(about); // fire-and-forget
+```
+
+## Register and DefaultLayerError
+
+Augment `Register` once to set the app-wide error type:
+
+```ts
+declare module "@stainless-code/layers" {
+  interface Register {
+    defaultError: AppError;
+  }
+}
+```
+
+`DefaultLayerError` defaults to `Error` unless augmented. `open` returns `Promise<R>` — rejections are not typed on the promise (a TypeScript limitation); narrow at runtime with guards like `isPayloadValidationError`.
+
+## Payload validation
+
+Optional `validate` on `layerOptions` or `open` — a `StandardSchemaV1` schema or sync `Validator` fn (`(input) => output`, throws on invalid). Parsed synchronously at `open`; failure rejects with `PayloadValidationError` and mounts nothing. Input/output inference: `InferValidatorInput`, `InferValidatorOutput`.
diff --git a/apps/docs/content/concepts/index.mdx b/apps/docs/content/concepts/index.mdx
new file mode 100644
index 0000000..cfc02a8
--- /dev/null
+++ b/apps/docs/content/concepts/index.mdx
@@ -0,0 +1,18 @@
+---
+title: Concepts
+description: Engine model — stacks, lifecycle, blockers, and the core/adapter boundary.
+search:
+  tags: ["concept"]
+---
+
+A headless `LayerClient` owns named stacks of layers; adapters subscribe and render — **framework-free** at the core. Read these pages for the mental model before diving into adapter-specific APIs.
+
+- [Overview](/concepts/overview) — core + adapter boundary
+- [When to use](/concepts/when-to-use) — use-case matrix
+- [Lifecycle](/concepts/lifecycle) — phase, transition, actionStatus
+- [Stacks, scope & GC](/concepts/stacks-scope-gc) — named stacks, serial/parallel, gcTime, upsert, update
+- [Identity & types](/concepts/identity-and-types) — keys, instance ids, DataTag inference
+- [Blockers](/concepts/blockers) — engine-level dismissal guards
+- [Notifications](/concepts/notifications) — notifyManager batching
+- [Stability & versioning](/concepts/stability) — experimental status and semver
+- [Glossary](/concepts/glossary) — ubiquitous language
diff --git a/apps/docs/content/concepts/lifecycle.mdx b/apps/docs/content/concepts/lifecycle.mdx
new file mode 100644
index 0000000..52594f9
--- /dev/null
+++ b/apps/docs/content/concepts/lifecycle.mdx
@@ -0,0 +1,82 @@
+---
+title: Lifecycle
+description: Phase, transition, and actionStatus — the three independent axes of layer state.
+search:
+  tags: ["concept"]
+---
+
+Confusing `exiting` for a phase is the most common mental-model mistake — it's a `transition` value. Layer state actually spans **three independent axes**: `phase` (resolution), `transition` (animation), and `actionStatus` (in-layer mutations).
+
+## State flow
+
+```mermaid
+stateDiagram-v2
+    [*] --> pending: open (loadFn)
+    [*] --> active: open (no load)
+    pending --> active: loadFn resolves
+    pending --> error: loadFn throws
+    pending --> queued: serial scope (waiting)
+    queued --> pending: active dismissed (has loadFn)
+    queued --> active: active dismissed (no loadFn)
+    active --> dismissed: end / dismiss
+    dismissed --> removed: exitingDelay or settle()
+    removed --> cached: gcTime > 0, data set
+    cached --> active: re-open same key
+    error --> [*]
+    removed --> [*]: gcTime = 0
+```
+
+**Serial scope** adds `queued`: later opens wait behind an active layer and are not in `getSnapshot()` — use `getQueuedSnapshot()` to observe them.
+
+## The three axes
+
+```ts
+phase: "pending" | "queued" | "active" | "dismissed" | "error"; // resolution
+transition: "entering" | "settled" | "exiting"; // animation
+actionStatus: "idle" | "running"; // in-flight action
+```
+
+### Phase — resolution lifecycle
+
+| Phase | Meaning |
+| ----- | ------- |
+| `pending` | `loadFn` in flight (cancelable via `AbortController`). |
+| `queued` | Serial scope only: waiting behind an active layer; not in `getSnapshot()`; visible via `getQueuedSnapshot()`. |
+| `active` | Mounted; component receives `call`, `payload`, `data`, `error`, `phase`, `transition`, `actionStatus`, `dismissing`. |
+| `dismissed` | Caller's `await` resolved (`ended=true`); layer may still be mounted while `transition: "exiting"`. |
+| `error` | `loadFn` threw; the caller's `await` rejects. |
+
+After dismissal, the layer is removed from the stack snapshot. If `gcTime > 0` and the layer had `data !== undefined`, it is cached off-snapshot so re-opening the same <Tooltip tip="The logical identity of a layer; find/upsert/gcTime operate on its signature.">key</Tooltip> can restore `data` without re-running `loadFn`.
+
+### Transition — animation axis
+
+`"exiting"` is **not** a `phase` member. Enter/exit animation lives on `transition`. `phase: "dismissed"` means the promise resolved; `transition` disambiguates exit animation vs cached:
+
+<Panel title="Phase vs transition">
+Phase is whether the layer is resolved; transition is whether it's animating — they're independent axes, so `exiting` is a transition value, not a phase.
+</Panel>
+
+| moment                       | `phase`     | `transition` |
+| ---------------------------- | ----------- | ------------ |
+| opening, loading             | `pending`   | `entering`   |
+| opening, no load             | `active`    | `entering`   |
+| open & idle                  | `active`    | `settled`    |
+| dismissed, animating out     | `dismissed` | `exiting`    |
+| dismissed, cached (`gcTime`) | `dismissed` | `settled`    |
+| load threw                   | `error`     | `settled`    |
+
+Completion is **whichever fires first** of `{ delay elapsed, call.settle() }`:
+
+- `enteringDelay` — ms before `entering → settled` (default `0` = instant).
+- `exitingDelay` — ms before removal after dismiss (default `0` = instant).
+- `call.settle()` — imperative early finish: `entering → settled` (clears enter timer; `phase` untouched); `exiting → remove` (clears exit timer); no-op if already `settled`.
+
+Delay `0` (default) flips the axis synchronously — no transition frame observed. For fixed CSS transitions, set `enteringDelay`/`exitingDelay` and skip `settle()`. For springs or variable duration, use a generous cap delay and `onTransitionEnd`/`onRest → call.settle()`.
+
+### Action status — in-layer mutations
+
+`actionStatus` (`idle` | `running`) tracks async work inside a layer — for example a submit button calling `call.setRunning(true)` during a mutation. It is orthogonal to both `phase` and `transition`.
+
+:::warning[Blockers run before exit]
+User-intent dismissal consults <Tooltip tip="A consumer predicate that gates dismissal; true allows, falsy or a thrown error vetoes.">blockers</Tooltip> **before** the exit transition. Allowed → resolve promise, `phase: "dismissed"`, `transition: "exiting"`. Vetoed → layer stays `active`. See [Blockers](/concepts/blockers).
+:::
diff --git a/apps/docs/content/concepts/meta.ts b/apps/docs/content/concepts/meta.ts
new file mode 100644
index 0000000..05f75a5
--- /dev/null
+++ b/apps/docs/content/concepts/meta.ts
@@ -0,0 +1,18 @@
+import { defineMeta } from "blume";
+
+export default defineMeta({
+  title: "Concepts",
+  icon: "layers",
+  pages: [
+    "overview",
+    "when-to-use",
+    "comparison",
+    "lifecycle",
+    "stacks-scope-gc",
+    "identity-and-types",
+    "blockers",
+    "notifications",
+    "stability",
+    "glossary",
+  ],
+});
diff --git a/apps/docs/content/concepts/notifications.mdx b/apps/docs/content/concepts/notifications.mdx
new file mode 100644
index 0000000..1086bca
--- /dev/null
+++ b/apps/docs/content/concepts/notifications.mdx
@@ -0,0 +1,38 @@
+---
+title: Notifications
+description: How notifyManager batches rapid stack mutations into a single UI re-render.
+search:
+  tags: ["concept"]
+---
+
+Three opens in one tick should cost one re-render, not three. Stack mutations (`open`, `dismiss`, `update`, `settle`, `cancelQueued`, …) run inside `notifyManager.batch`. `Subscribable` wraps listeners in `batchCalls` — one flush per tick, one re-render.
+
+## How it works
+
+```ts
+// Inside the engine — mutations are batched automatically
+notifyManager.batch(() => {
+  // stack mutations for this tick
+});
+```
+
+The flush is **synchronous** — predictable, UI-agnostic, and requires no per-adapter scheduler. Adapters subscribe to `LayerStack.subscribe`; when the batch flushes, every listener fires once.
+
+## Coalescing your own calls
+
+To coalesce several independent calls in one tick into a single notification across every adapter, wrap them yourself:
+
+```ts
+import { notifyManager } from "@stainless-code/layers";
+
+notifyManager.batch(() => {
+  client.open(a);
+  client.open(b);
+});
+```
+
+Without the wrapper, each `open` would still batch its internal mutations, but two separate top-level `open` calls in the same synchronous block would each trigger a notification unless wrapped.
+
+:::note
+`notifyManager` exports `{ batch, batchCalls }`. `batchCalls` is what `Subscribable` uses at subscribe time to defer listener invocation until the current batch completes.
+:::
diff --git a/apps/docs/content/concepts/overview.mdx b/apps/docs/content/concepts/overview.mdx
new file mode 100644
index 0000000..542cc25
--- /dev/null
+++ b/apps/docs/content/concepts/overview.mdx
@@ -0,0 +1,53 @@
+---
+title: Overview
+description: Overlay state is cross-cutting; a zero-dep headless engine plus six framework adapters split it from UI rendering.
+search:
+  tags: ["concept"]
+---
+
+A confirm, toast, or drawer rarely stays where it started — prop-drilled `isOpen` and threaded callbacks don't scale. Layers moves that into a **headless client**: declare once, mount an outlet, `await client.open(...)` (or a wired handle) from any call site. Zero-dep core; thin adapters bind each framework's reactivity.
+
+## Engine model
+
+```
+LayerClient ──┬── LayerStack (named, ordered) ── Layer[]
+              └── LayerClientOptions.defaultStackOptions
+```
+
+1. **Declare** — `layerOptions<P, R>({ stack, key, ... })` brands the <Tooltip tip="The logical identity of a layer; find/upsert/gcTime operate on its signature.">key</Tooltip> with a `DataTag` so `open()` infers the response type.
+2. **Observe** — subscribe to a stack snapshot; adapters bind `LayerStack.subscribe` / `getSnapshot` to UI reactivity.
+3. **Call** — `await client.open({ ...options, payload })` or a wired handle's `open(payload)`; resolution happens when something calls `call.end(response)` or `call.dismiss(response)`.
+
+## Package boundary
+
+The seam is a **published package boundary** in a bun-workspaces monorepo: one zero-dep core package plus one adapter package per library or framework.
+
+### Core (`@stainless-code/layers`)
+
+Zero runtime dependencies; `sideEffects: false`.
+
+**Engine** — `LayerClient` (`ensureStack`, `getStackIds`, `subscribeStacks`) owns app-wide stacks; [`LayerStack`](/concepts/stacks-scope-gc) (`dismiss`, `dismissAll`, `settle`, `setRunning`, `cancelQueued`, `getQueuedSnapshot`) is one named, ordered stack; `Layer` is a single instance in that stack.
+
+**Declare & infer** — [`layerOptions`](/concepts/identity-and-types), [`layerKey`](/concepts/identity-and-types) / `DataTag` brand keys so `open()` infers payload and response types without explicit generics.
+
+**Lifecycle** — [`phase`](/concepts/lifecycle), [`transition`](/concepts/lifecycle), [`actionStatus`](/concepts/lifecycle) are three independent axes; [`createCallContext`](/concepts/lifecycle) is the per-layer handle (`end`, `dismiss`, `settle`, `setRunning`, `addBlocker`).
+
+**Stacks & scope** — [named stacks, serial/parallel scope, upsert, `gcTime`](/concepts/stacks-scope-gc); [`createLayerGroup`](/guides/nested-overlays) / `childStackId` for nested child stacks.
+
+**<Tooltip tip="A consumer predicate that gates dismissal; true allows, falsy or a thrown error vetoes.">Blockers</Tooltip>** — instance- and stack-scoped [`addBlocker`](/concepts/blockers) gate user-intent dismissal; `dismissAll` supports `skipBlocked` / `stopAtBlocked` / `force` modes.
+
+**Types & validation** — [`Register`](/concepts/identity-and-types) / [`DefaultLayerError`](/concepts/identity-and-types) for app-wide error typing; payload validation via `StandardSchemaV1`, `Validator`, `PayloadValidationError`, `isPayloadValidationError` ([payload validation](/guides/payload-validation)).
+
+**Internals** — [`Subscribable`](/concepts/notifications), [`notifyManager`](/concepts/notifications) (batched mutations → one re-render); `ControlledPromise` for awaitable open resolution; `hashKey`, `keySignature` utilities.
+
+### Adapters (`@stainless-code/<fw>-layers`)
+
+Each adapter peers its framework, depends on `@stainless-code/layers` (re-exported), and ships client context + `useStack` / wired-handle hooks plus a render surface (`StackOutlet` or the imperative/primitive equivalent — convenience, not required). Install one adapter package; core comes transitively. Svelte: `.` (runes, 5.7+) and `./store` (stores, 3+).
+
+## Subscription model
+
+Adapters subscribe to `LayerStack.getSnapshot()` and project via a selector. On React and Preact, `useStack({ stack, select, compare })` wraps `useSyncExternalStore(stack.subscribe, getSnapshot, getServerSnapshot)`. The snapshot is cached on `LayerStack` (stable ref between mutations); the hook memoizes selector output with `compare`-equality (default `Object.is`) so object/array selectors don't churn.
+
+:::note
+This page describes the framework-free engine. Per-adapter ergonomics (`StackOutlet`, `useLayerGroup`, `useMutationFlow`, and more) live in the [Adapters](/adapters) section.
+:::
diff --git a/apps/docs/content/concepts/stability.mdx b/apps/docs/content/concepts/stability.mdx
new file mode 100644
index 0000000..4959991
--- /dev/null
+++ b/apps/docs/content/concepts/stability.mdx
@@ -0,0 +1,26 @@
+---
+title: Stability & versioning
+description: Experimental status, semver posture, and adapter parity promise.
+search:
+  tags: ["concept"]
+---
+
+Experimental — the API may change between minor releases. Pin your version. <Badge variant="warning">Experimental</Badge>
+
+While the project is pre-1.0, treat semver as a signal, not a guarantee of zero breaking changes until 1.0.
+
+## What we ship
+
+- A **zero-dep core** (`@stainless-code/layers`) and **six framework adapters** with engine + primitive parity — React, Preact, Solid, Angular, Vue, and Svelte.
+- When the engine gains capability, every adapter moves together.
+- Angular and Svelte diverge by design at the rendering surface (compiler-free builds → imperative / primitive APIs, not shipped outlet components).
+
+## Versioning posture
+
+- Pin your version in production apps rather than floating on `latest`.
+- Breaking changes are expected before 1.0 and ship in minor releases (e.g. `0.1` → `0.2`), not majors.
+- Changelog entries and migration notes will accompany intentional breaks once the public docs site publishes release history.
+
+:::warning[Production use]
+If you depend on Layers today, lock the version in `package.json` and review release notes before upgrading. The site banner links here for the full stability story.
+:::
diff --git a/apps/docs/content/concepts/stacks-scope-gc.mdx b/apps/docs/content/concepts/stacks-scope-gc.mdx
new file mode 100644
index 0000000..e448c5f
--- /dev/null
+++ b/apps/docs/content/concepts/stacks-scope-gc.mdx
@@ -0,0 +1,61 @@
+---
+title: Stacks, scope & GC
+description: Named stacks, serial/parallel scope, gcTime, upsert, update, and queued snapshots.
+search:
+  tags: ["concept"]
+---
+
+A **named stack** (`LayerStack`) is an ordered collection of active layers for one surface — `"confirm"`, `"drawer"`, `"toast"`, and so on. `LayerClient.getStack(id)` returns an isolated stack; `open({ stack })` picks one.
+
+## Serial vs parallel scope
+
+Per-stack queueing is configured on `StackOptions`:
+
+```ts
+scope: { strategy: "serial" | "parallel" } // parallel when omitted
+```
+
+| Strategy | Behavior |
+| -------- | -------- |
+| `parallel` (default) | Layers stack freely; multiple `pending`/`active` layers at once. |
+| `serial` | Only one `pending`/`active` layer at a time; later opens queue as `phase: "queued"` (not in `getSnapshot()`). |
+
+Queued layers are visible via `getQueuedSnapshot()`. When the active layer dismisses, the next queued layer activates. `dismissAll` drains the queue, resolving queued callers without mounting them.
+
+:::tip
+Use serial scope for one-at-a-time flows — onboarding steps, queued confirms, or any surface that must not show two layers simultaneously.
+:::
+
+## upsert and update
+
+**`upsert`** — with `upsert: true` on `layerOptions` (or via handle `.upsert(payload)`), reusing an active key updates its payload instead of stacking. Ideal for singleton toasts, snackbars, or progress indicators.
+
+**`update`** — patch a mounted layer's payload (`stack.update(layer, patch)` or `call.update(patch)`). The stack API takes a **layer instance**; a handle's `.update(patch, { id? })` finds by key when `id` is omitted.
+
+## gcTime — dismissed-layer cache
+
+`gcTime` caches a dismissed layer only when it had `data !== undefined`, so re-opening the same key can restore `data` without re-running `loadFn`. No `data` → not cached.
+
+- **One slot per key signature** — last-dismissed-wins; a displaced cache entry is dropped (no extra teardown — the layer already dismissed).
+- A cached layer is off-`getSnapshot()` and unobserved; the timer runs while cached.
+- Re-open cancels the eviction timer.
+
+Configure per stack via `StackOptions.gcTime` or defaults on `LayerClientOptions.defaultStackOptions`.
+
+```ts
+const client = new LayerClient({
+  defaultStackOptions: {
+    confirm: { scope: { strategy: "serial" }, gcTime: 5_000 },
+  },
+});
+```
+
+## Observing stacks
+
+| Method | Returns |
+| ------ | ------- |
+| `getSnapshot()` | Mountable layers (`pending`/`active`/`dismissed`/`error` — not `queued`, not cached). |
+| `getQueuedSnapshot()` | Serial-waiting layers (`phase: "queued"`). |
+| `subscribe()` | Notifies on any stack mutation (batched via `notifyManager`). |
+
+Adapters bind `subscribe` + `getSnapshot` to UI reactivity. For custom hosts, `createCallContext(stack, layer, state)` builds the imperative `call` handle for each layer in the snapshot.
diff --git a/apps/docs/content/concepts/when-to-use.mdx b/apps/docs/content/concepts/when-to-use.mdx
new file mode 100644
index 0000000..f57d8a3
--- /dev/null
+++ b/apps/docs/content/concepts/when-to-use.mdx
@@ -0,0 +1,30 @@
+---
+title: When to use Layers
+description: Use-case matrix — when a headless layer stack fits, and when a plain component is simpler.
+search:
+  tags: ["concept"]
+---
+
+Overlay UI is cross-cutting, but component models push its state local. You end up prop-drilling `isOpen`, lifting state, threading `onConfirm`/`onCancel`, duplicating modal boilerplate, and hand-rolling z-order and one-at-a-time logic. Layers moves overlay state into a headless `LayerClient` you invoke imperatively: declare a layer once, open it from anywhere.
+
+Awaiting a result is **optional** — `void client.open({ ...toast, payload })` is a complete fire-and-forget call; the typed response is a bonus axis, not a requirement.
+
+| Use case                                                                                                                                      | What it involves                                         | Fit                               |
+| --------------------------------------------------------------------------------------------------------------------------------------------- | -------------------------------------------------------- | --------------------------------- |
+| Confirm/prompt that returns a value                                                                                                           | `await open` + `DataTag` response inference              | Ideal                             |
+| Open an overlay from non-UI code (route guard, event bus, effect, util)                                                                       | global `LayerClient.open`                                | Ideal (incl. fire-and-forget)     |
+| Toast / snackbar / progress — one instance, updated live                                                                                      | `upsert` + `update`                                      | Ideal                             |
+| One-at-a-time / sequential flows (onboarding, queued confirms)                                                                                | serial `scope` + `getQueuedSnapshot`                     | Ideal                             |
+| Stacked or nested overlays (drawer → sub-dialog)                                                                                              | layer groups (`useLayerGroup` / `createLayerGroup`)      | Ideal                             |
+| Enter/exit animated overlays                                                                                                                  | `transition` + `enteringDelay`/`exitingDelay` `settle()` | Ideal                             |
+| Guard dismissal ("discard unsaved changes?")                                                                                                  | <Tooltip tip="A consumer predicate that gates dismissal; true allows, falsy or a thrown error vetoes.">blockers</Tooltip> (`addBlocker`, `dismissing`, `dismissAll`)      | Ideal                             |
+| Validate an untrusted payload at open                                                                                                         | `validate` (Standard Schema or a function)               | Nice-to-have                      |
+| One overlay system across React/Preact/Solid/Angular/Vue/Svelte                                                                               | UI-agnostic core + adapters                              | Ideal                             |
+| A single, always-local overlay opened from one component — no return, stacking, queue, animation, or guard, and no wish for a global registry | —                                                        | Skip → plain controlled component |
+| Static/inline content with no overlay semantics; full-page navigation                                                                         | —                                                        | Skip → plain markup / a router    |
+
+Comparing Layers to other modal and overlay managers? See [Comparison](/concepts/comparison).
+
+:::tip
+The two **Skip** rows are intentional. Layers pays for itself when overlay state crosses component boundaries, stacks, queues, or needs a typed `await`. A single local dialog with no return value is simpler as a controlled component.
+:::
diff --git a/apps/docs/content/examples/animated-enter-exit.mdx b/apps/docs/content/examples/animated-enter-exit.mdx
new file mode 100644
index 0000000..f14987d
--- /dev/null
+++ b/apps/docs/content/examples/animated-enter-exit.mdx
@@ -0,0 +1,63 @@
+---
+title: "Animated enter/exit with `settle()`"
+description: Drive enter and exit CSS with the transition axis and call.settle.
+search:
+  tags: ["example"]
+---
+
+import animatedSrc from "../../recipes/animated-enter-exit/react.tsx?raw";
+import animatedWiringSrc from "../../recipes/animated-enter-exit/react.wiring.tsx?raw";
+import animatedPreactSrc from "../../recipes/animated-enter-exit/preact.tsx?raw";
+import animatedVueLayerSrc from "../../recipes/animated-enter-exit/vue.vue?raw";
+import animatedVueHostSrc from "../../recipes/animated-enter-exit/vue-host.vue?raw";
+import animatedSolidSrc from "../../recipes/animated-enter-exit/solid.tsx?raw";
+import animatedSvelteRunesSrc from "../../recipes/animated-enter-exit/svelte-runes.svelte?raw";
+import animatedSvelteStoreSrc from "../../recipes/animated-enter-exit/svelte-store.svelte?raw";
+import animatedAngularSrc from "../../recipes/animated-enter-exit/angular.ts?raw";
+
+Instant unmount cuts off CSS exit. Drive enter/exit with the `transition` prop and `call.settle()` — don't overload lifecycle phase.
+
+:::note[Live]
+This demo runs the real `@stainless-code/react-layers` in your browser (React).
+Other frameworks are code-complete below; integrations with React Aria and Base UI
+live under [Integrations](/integrations).
+:::
+
+<AnimatedEnterExitExample />
+
+## Layers wiring
+
+The transition axis is Layers' API: the `transition` prop, `call.settle()`, and `enteringDelay`/`exitingDelay` to cap enter/exit. The recipes below wrap it in a real animated dialog.
+
+<CodeBlock code={animatedWiringSrc} lang="tsx" />
+
+## Recipes
+
+One complete recipe per framework adapter (live demo above is React).
+
+<Tabs dropdown sync={false} hash={false}>
+  <Tab title="React"><CodeBlock code={animatedSrc} lang="tsx" /></Tab>
+  <Tab title="Preact"><CodeBlock code={animatedPreactSrc} lang="tsx" /></Tab>
+  <Tab title="Solid"><CodeBlock code={animatedSolidSrc} lang="tsx" /></Tab>
+  <Tab title="Angular"><CodeBlock code={animatedAngularSrc} lang="ts" /></Tab>
+  <Tab title="Vue"><CodeBlock code={animatedVueLayerSrc} lang="vue" title="AnimatedDialog.vue" /><CodeBlock code={animatedVueHostSrc} lang="vue" title="App.vue" /></Tab>
+  <Tab title="Svelte (runes)"><CodeBlock code={animatedSvelteRunesSrc} lang="svelte" /></Tab>
+  <Tab title="Svelte (store)"><CodeBlock code={animatedSvelteStoreSrc} lang="svelte" /></Tab>
+</Tabs>
+
+## Integrations
+
+<CardGroup cols={2}>
+  <Card title="Animated enter/exit + React Aria" href="/integrations/react-aria/animated-enter-exit" icon="/icons/react-aria.svg" arrow />
+  <Card title="Animated enter/exit + Base UI" href="/integrations/base-ui/animated-enter-exit" icon="/icons/base-ui.svg" arrow />
+</CardGroup>
+
+## Variations
+
+- **Instant dismiss** — zero delays; see [Confirm dialog](/examples/confirm-dialog)
+- **Transition axis** — phases vs transitions; see [Lifecycle](/concepts/lifecycle)
+
+## Learn more
+
+- [Animations](/guides/animations) — `transition`, delays, `call.settle()`
+- [Lifecycle](/concepts/lifecycle) — phase × transition model
diff --git a/apps/docs/content/examples/async-loadfn.mdx b/apps/docs/content/examples/async-loadfn.mdx
new file mode 100644
index 0000000..a1a1ffb
--- /dev/null
+++ b/apps/docs/content/examples/async-loadfn.mdx
@@ -0,0 +1,55 @@
+---
+title: Async dialog with loadFn
+description: Load a layer's data before it settles — pending phase, then active with data.
+search:
+  tags: ["example"]
+---
+
+import asyncSrc from "../../recipes/async-loadfn/react.tsx?raw";
+import asyncWiringSrc from "../../recipes/async-loadfn/react.wiring.tsx?raw";
+import asyncPreactSrc from "../../recipes/async-loadfn/preact.tsx?raw";
+import asyncVueLayerSrc from "../../recipes/async-loadfn/vue.vue?raw";
+import asyncVueHostSrc from "../../recipes/async-loadfn/vue-host.vue?raw";
+import asyncSolidSrc from "../../recipes/async-loadfn/solid.tsx?raw";
+import asyncSvelteRunesSrc from "../../recipes/async-loadfn/svelte-runes.svelte?raw";
+import asyncSvelteStoreSrc from "../../recipes/async-loadfn/svelte-store.svelte?raw";
+import asyncAngularSrc from "../../recipes/async-loadfn/angular.ts?raw";
+
+Open a profile dialog that needs remote data first. `loadFn` runs before mount; the component shows a spinner in `"pending"`, then renders `data` in `"active"` — no fetch `useEffect`.
+
+:::note[Live]
+This demo runs the real `@stainless-code/react-layers` in your browser (React).
+Other frameworks are code-complete below.
+:::
+
+<AsyncLoadFnExample />
+
+## Layers wiring
+
+`loadFn` resolves the data the layer needs; the engine mounts the component in `phase: "pending"`, then moves to `phase: "active"` with `state.data` when the promise settles. The recipes below wrap it in a real dialog.
+
+<CodeBlock code={asyncWiringSrc} lang="tsx" />
+
+## Recipes
+
+One complete recipe per framework adapter (live demo above is React).
+
+<Tabs dropdown sync={false} hash={false}>
+  <Tab title="React"><CodeBlock code={asyncSrc} lang="tsx" /></Tab>
+  <Tab title="Preact"><CodeBlock code={asyncPreactSrc} lang="tsx" /></Tab>
+  <Tab title="Solid"><CodeBlock code={asyncSolidSrc} lang="tsx" /></Tab>
+  <Tab title="Angular"><CodeBlock code={asyncAngularSrc} lang="ts" /></Tab>
+  <Tab title="Vue"><CodeBlock code={asyncVueLayerSrc} lang="vue" title="Profile.vue" /><CodeBlock code={asyncVueHostSrc} lang="vue" title="App.vue" /></Tab>
+  <Tab title="Svelte (runes)"><CodeBlock code={asyncSvelteRunesSrc} lang="svelte" /></Tab>
+  <Tab title="Svelte (store)"><CodeBlock code={asyncSvelteStoreSrc} lang="svelte" /></Tab>
+</Tabs>
+
+## Variations
+
+- **Live payload updates** — mutate payload while mounted; see [Progress](/examples/progress)
+- **Awaiting results** — typed promises from handle `open` or `client.open(...)`; see [Awaiting results](/guides/awaiting-results)
+
+## Learn more
+
+- [Awaiting results](/guides/awaiting-results) — `loadFn` and the pending-to-active lifecycle
+- [Overview](/concepts/overview) — phases and the layer lifecycle
diff --git a/apps/docs/content/examples/blockers-force.mdx b/apps/docs/content/examples/blockers-force.mdx
new file mode 100644
index 0000000..0dae81f
--- /dev/null
+++ b/apps/docs/content/examples/blockers-force.mdx
@@ -0,0 +1,56 @@
+---
+title: Blockers and force
+description: Veto dismissal with a blocker, then bypass it with force.
+search:
+  tags: ["example"]
+---
+
+import blockersSrc from "../../recipes/blockers-force/react.tsx?raw";
+import blockersWiringSrc from "../../recipes/blockers-force/react.wiring.tsx?raw";
+import blockersPreactSrc from "../../recipes/blockers-force/preact.tsx?raw";
+import blockersVueLayerSrc from "../../recipes/blockers-force/vue.vue?raw";
+import blockersVueChildSrc from "../../recipes/blockers-force/vue-discard.vue?raw";
+import blockersVueHostSrc from "../../recipes/blockers-force/vue-host.vue?raw";
+import blockersSolidSrc from "../../recipes/blockers-force/solid.tsx?raw";
+import blockersSvelteRunesSrc from "../../recipes/blockers-force/svelte-runes.svelte?raw";
+import blockersSvelteStoreSrc from "../../recipes/blockers-force/svelte-store.svelte?raw";
+import blockersAngularSrc from "../../recipes/blockers-force/angular.ts?raw";
+
+Dirty form — Close shouldn't nuke unsaved edits. `call.addBlocker` vetoes dismiss; a discard confirm via `useLayerGroup` asks first; `{ force: true }` bypasses when the user confirms.
+
+:::note[Live]
+This demo runs the real `@stainless-code/react-layers` in your browser (React).
+Other frameworks are code-complete below.
+:::
+
+<BlockersForceExample />
+
+## Layers wiring
+
+Register a blocker that returns `false` to veto dismissal; `force: true` overrides it. The discard confirm is a child layer opened via `useLayerGroup`. The recipes below wrap it in real dialogs.
+
+<CodeBlock code={blockersWiringSrc} lang="tsx" />
+
+## Recipes
+
+One complete recipe per framework adapter (live demo above is React).
+
+<Tabs dropdown sync={false} hash={false}>
+  <Tab title="React"><CodeBlock code={blockersSrc} lang="tsx" /></Tab>
+  <Tab title="Preact"><CodeBlock code={blockersPreactSrc} lang="tsx" /></Tab>
+  <Tab title="Solid"><CodeBlock code={blockersSolidSrc} lang="tsx" /></Tab>
+  <Tab title="Angular"><CodeBlock code={blockersAngularSrc} lang="ts" /></Tab>
+  <Tab title="Vue"><CodeBlock code={blockersVueLayerSrc} lang="vue" title="Edit.vue" /><CodeBlock code={blockersVueChildSrc} lang="vue" title="DiscardConfirm.vue" /><CodeBlock code={blockersVueHostSrc} lang="vue" title="App.vue" /></Tab>
+  <Tab title="Svelte (runes)"><CodeBlock code={blockersSvelteRunesSrc} lang="svelte" /></Tab>
+  <Tab title="Svelte (store)"><CodeBlock code={blockersSvelteStoreSrc} lang="svelte" /></Tab>
+</Tabs>
+
+## Variations
+
+- **Nested confirm** — a parent layer opening a child via a group; see [Nested confirm](/examples/nested-confirm)
+- **Dismissal blockers** — the guide behind this pattern; see [Dismissal blockers](/guides/dismissal-blockers)
+
+## Learn more
+
+- [Dismissal blockers](/guides/dismissal-blockers) — `addBlocker` and `force`
+- [Nested overlays](/guides/nested-overlays) — `useLayerGroup` child stacks
diff --git a/apps/docs/content/examples/confirm-dialog.mdx b/apps/docs/content/examples/confirm-dialog.mdx
new file mode 100644
index 0000000..c18d451
--- /dev/null
+++ b/apps/docs/content/examples/confirm-dialog.mdx
@@ -0,0 +1,64 @@
+---
+title: Confirm dialog with a typed result
+description: Open a confirm dialog from anywhere and await a typed boolean result.
+search:
+  tags: ["example"]
+---
+
+import confirmSrc from "../../recipes/confirm-dialog/react.tsx?raw";
+import confirmWiringSrc from "../../recipes/confirm-dialog/react.wiring.tsx?raw";
+import confirmPreactSrc from "../../recipes/confirm-dialog/preact.tsx?raw";
+import confirmVueLayerSrc from "../../recipes/confirm-dialog/vue.vue?raw";
+import confirmVueHostSrc from "../../recipes/confirm-dialog/vue-host.vue?raw";
+import confirmSolidSrc from "../../recipes/confirm-dialog/solid.tsx?raw";
+import confirmSvelteRunesSrc from "../../recipes/confirm-dialog/svelte-runes.svelte?raw";
+import confirmSvelteStoreSrc from "../../recipes/confirm-dialog/svelte-store.svelte?raw";
+import confirmAngularSrc from "../../recipes/confirm-dialog/angular.ts?raw";
+
+A delete button in a sidebar needs a yes/no. `useLayer(confirm)` + `await confirm.open({ title })` returns the typed boolean.
+
+:::note[Live]
+This demo runs the real `@stainless-code/react-layers` in your browser (React).
+Other frameworks are code-complete below; integrations with React Aria and Base UI
+live under [Integrations](/integrations).
+:::
+
+<ConfirmDialogExample />
+
+## Layers wiring
+
+Declare a typed layer, bind it with `useLayer(confirm)` (or `createLayer` headless), then `await confirm.open(payload)` for a typed boolean. The recipes below wrap this contract in a real dialog.
+
+<CodeBlock code={confirmWiringSrc} lang="tsx" />
+
+## Recipes
+
+One complete recipe per framework adapter (live demo above is React).
+
+<Tabs dropdown sync={false} hash={false}>
+  <Tab title="React"><CodeBlock code={confirmSrc} lang="tsx" /></Tab>
+  <Tab title="Preact"><CodeBlock code={confirmPreactSrc} lang="tsx" /></Tab>
+  <Tab title="Solid"><CodeBlock code={confirmSolidSrc} lang="tsx" /></Tab>
+  <Tab title="Angular"><CodeBlock code={confirmAngularSrc} lang="ts" /></Tab>
+  <Tab title="Vue"><CodeBlock code={confirmVueLayerSrc} lang="vue" title="ConfirmDialog.vue" /><CodeBlock code={confirmVueHostSrc} lang="vue" title="App.vue" /></Tab>
+  <Tab title="Svelte (runes)"><CodeBlock code={confirmSvelteRunesSrc} lang="svelte" /></Tab>
+  <Tab title="Svelte (store)"><CodeBlock code={confirmSvelteStoreSrc} lang="svelte" /></Tab>
+</Tabs>
+
+## Integrations
+
+<CardGroup cols={2}>
+  <Card title="Confirm dialog + React Aria" href="/integrations/react-aria/confirm-dialog" icon="/icons/react-aria.svg" arrow />
+  <Card title="Confirm dialog + Base UI" href="/integrations/base-ui/confirm-dialog" icon="/icons/base-ui.svg" arrow />
+</CardGroup>
+
+## Variations
+
+- **Fire-and-forget** — toast (no await); see Toast example
+- **Payload validation** — reject bad input before mount; see [Payload validation](/guides/payload-validation)
+- **Animated exit** — hold unmount until CSS finishes; see Animated enter/exit example
+
+## Learn more
+
+- [Getting started](/guides/getting-started) — declare, mount, open, await
+- [Identity and types](/concepts/identity-and-types) — keys, stacks, and typed contracts
diff --git a/apps/docs/content/examples/drawer.mdx b/apps/docs/content/examples/drawer.mdx
new file mode 100644
index 0000000..a5754aa
--- /dev/null
+++ b/apps/docs/content/examples/drawer.mdx
@@ -0,0 +1,63 @@
+---
+title: Drawer with slide-over panel
+description: Slide in a side panel and await a typed boolean result.
+search:
+  tags: ["example"]
+---
+
+import drawerSrc from "../../recipes/drawer/react.tsx?raw";
+import drawerWiringSrc from "../../recipes/drawer/react.wiring.tsx?raw";
+import drawerPreactSrc from "../../recipes/drawer/preact.tsx?raw";
+import drawerVueLayerSrc from "../../recipes/drawer/vue.vue?raw";
+import drawerVueHostSrc from "../../recipes/drawer/vue-host.vue?raw";
+import drawerSolidSrc from "../../recipes/drawer/solid.tsx?raw";
+import drawerSvelteRunesSrc from "../../recipes/drawer/svelte-runes.svelte?raw";
+import drawerSvelteStoreSrc from "../../recipes/drawer/svelte-store.svelte?raw";
+import drawerAngularSrc from "../../recipes/drawer/angular.ts?raw";
+
+A settings gear opens a slide-over panel. `useLayer(drawer)` + `await drawer.open({ title })` returns save or discard.
+
+:::note[Live]
+This demo runs the real `@stainless-code/react-layers` in your browser (React).
+Other frameworks are code-complete below; integrations with React Aria and Base UI
+live under [Integrations](/integrations).
+:::
+
+<DrawerExample />
+
+## Layers wiring
+
+Same contract as confirm — `useLayer(drawer)` + `await drawer.open(payload)` for save vs. cancel, as a slide-over. The recipes below wrap it in a real drawer.
+
+<CodeBlock code={drawerWiringSrc} lang="tsx" />
+
+## Recipes
+
+One complete recipe per framework adapter (live demo above is React).
+
+<Tabs dropdown sync={false} hash={false}>
+  <Tab title="React"><CodeBlock code={drawerSrc} lang="tsx" /></Tab>
+  <Tab title="Preact"><CodeBlock code={drawerPreactSrc} lang="tsx" /></Tab>
+  <Tab title="Solid"><CodeBlock code={drawerSolidSrc} lang="tsx" /></Tab>
+  <Tab title="Angular"><CodeBlock code={drawerAngularSrc} lang="ts" /></Tab>
+  <Tab title="Vue"><CodeBlock code={drawerVueLayerSrc} lang="vue" title="Drawer.vue" /><CodeBlock code={drawerVueHostSrc} lang="vue" title="App.vue" /></Tab>
+  <Tab title="Svelte (runes)"><CodeBlock code={drawerSvelteRunesSrc} lang="svelte" /></Tab>
+  <Tab title="Svelte (store)"><CodeBlock code={drawerSvelteStoreSrc} lang="svelte" /></Tab>
+</Tabs>
+
+## Integrations
+
+<CardGroup cols={2}>
+  <Card title="Drawer + React Aria" href="/integrations/react-aria/drawer" icon="/icons/react-aria.svg" arrow />
+  <Card title="Drawer + Base UI" href="/integrations/base-ui/drawer" icon="/icons/base-ui.svg" arrow />
+</CardGroup>
+
+## Variations
+
+- **Centered dialog** — same await pattern, different layout; see [Confirm dialog](/examples/confirm-dialog)
+- **First integration** — declare, mount, open; see [Getting started](/guides/getting-started)
+
+## Learn more
+
+- [Getting started](/guides/getting-started) — declare, mount, open, await
+- [Identity and types](/concepts/identity-and-types) — keys, stacks, and typed contracts
diff --git a/apps/docs/content/examples/index.mdx b/apps/docs/content/examples/index.mdx
new file mode 100644
index 0000000..21cbda3
--- /dev/null
+++ b/apps/docs/content/examples/index.mdx
@@ -0,0 +1,85 @@
+---
+title: Examples
+description: Live, runnable recipes using the real Layers library in your browser.
+search:
+  tags: ["example"]
+---
+
+:::note[Frameworks]
+The live demo on each page uses the React adapter. Each example has a **Recipes** tab group with all framework adapters. React Aria and Base UI compositions live under [Integrations](/integrations). See [Adapters](/adapters) for the per-framework API.
+:::
+
+Each demo runs the real library in your browser. Pick a recipe:
+
+<CardGroup cols={2}>
+  <Card
+    title="Confirm dialog with a typed result"
+    description="Open a confirm dialog from anywhere and await a typed boolean result."
+    icon="help-circle"
+    href="/examples/confirm-dialog"
+    arrow
+  />
+  <Card
+    title="Toast with auto-dismiss"
+    description="Fire a toast notification without awaiting a response."
+    icon="bell"
+    href="/examples/toast"
+    arrow
+  />
+  <Card
+    title="Progress with live updates"
+    description="Open a layer and live-update its payload while it stays mounted."
+    icon="loader"
+    href="/examples/progress"
+    arrow
+  />
+  <Card
+    title="Dialog with data loaded on open"
+    description="Declare a `loadFn` on layer options; the component reads `phase` and `data` — no fetch `useEffect` wiring."
+    icon="cloud-download"
+    href="/examples/async-loadfn"
+    arrow
+  />
+  <Card
+    title="Drawer with slide-over panel"
+    description="Slide in a side panel and await a typed boolean result."
+    icon="panel-right"
+    href="/examples/drawer"
+    arrow
+  />
+  <Card
+    title="Nested confirm via layer groups"
+    description="Open a child confirm inside a parent dialog via useLayerGroup."
+    icon="layers"
+    href="/examples/nested-confirm"
+    arrow
+  />
+  <Card
+    title="Unsaved changes that block dismissal"
+    description="Veto close with `call.addBlocker`; confirm discard via a child layer, or bypass with `{ force: true }`."
+    icon="shield-alert"
+    href="/examples/blockers-force"
+    arrow
+  />
+  <Card
+    title="Serial onboarding queue"
+    description="Queue onboarding steps one at a time with serial scope and getQueuedSnapshot."
+    icon="list-ordered"
+    href="/examples/serial-onboarding"
+    arrow
+  />
+  <Card
+    title="Route guard open from non-UI code"
+    description="Open a layer from non-UI code with a module-level LayerClient."
+    icon="shield"
+    href="/examples/route-guard-open"
+    arrow
+  />
+  <Card
+    title={"Animated enter/exit with `settle()`"}
+    description="Drive enter and exit CSS with the transition axis and call.settle."
+    icon="sparkles"
+    href="/examples/animated-enter-exit"
+    arrow
+  />
+</CardGroup>
diff --git a/apps/docs/content/examples/meta.ts b/apps/docs/content/examples/meta.ts
new file mode 100644
index 0000000..c871d4c
--- /dev/null
+++ b/apps/docs/content/examples/meta.ts
@@ -0,0 +1,18 @@
+import { defineMeta } from "blume";
+
+export default defineMeta({
+  title: "Examples",
+  icon: "rocket",
+  pages: [
+    "confirm-dialog",
+    "toast",
+    "progress",
+    "async-loadfn",
+    "drawer",
+    "nested-confirm",
+    "blockers-force",
+    "serial-onboarding",
+    "route-guard-open",
+    "animated-enter-exit",
+  ],
+});
diff --git a/apps/docs/content/examples/nested-confirm.mdx b/apps/docs/content/examples/nested-confirm.mdx
new file mode 100644
index 0000000..b62c1e2
--- /dev/null
+++ b/apps/docs/content/examples/nested-confirm.mdx
@@ -0,0 +1,65 @@
+---
+title: Nested confirm via layer groups
+description: Open a child confirm inside a parent dialog via useLayerGroup.
+search:
+  tags: ["example"]
+---
+
+import nestedSrc from "../../recipes/nested-confirm/react.tsx?raw";
+import nestedWiringSrc from "../../recipes/nested-confirm/react.wiring.tsx?raw";
+import nestedPreactSrc from "../../recipes/nested-confirm/preact.tsx?raw";
+import nestedVueSrc from "../../recipes/nested-confirm/vue.vue?raw";
+import nestedVueHostSrc from "../../recipes/nested-confirm/vue-host.vue?raw";
+import nestedVueChildSrc from "../../recipes/nested-confirm/vue-child.vue?raw";
+import nestedSolidSrc from "../../recipes/nested-confirm/solid.tsx?raw";
+import nestedSvelteRunesSrc from "../../recipes/nested-confirm/svelte-runes.svelte?raw";
+import nestedSvelteStoreSrc from "../../recipes/nested-confirm/svelte-store.svelte?raw";
+import nestedAngularSrc from "../../recipes/nested-confirm/angular.ts?raw";
+
+Delete inside an open parent dialog. `useLayer(parent)` opens the parent; `group.open` scopes the confirm to that stack and auto-drains when the parent dismisses.
+
+:::note[Live]
+This demo runs the real `@stainless-code/react-layers` in your browser (React).
+Other frameworks are code-complete below; integrations with React Aria and Base UI
+live under [Integrations](/integrations).
+:::
+
+<NestedConfirmExample />
+
+## Layers wiring
+
+Open the parent with a wired handle; scope the child to the parent's lifetime via `useLayerGroup` and `group.open`. Render `<group.Outlet />` where the child should appear. The recipes below wrap it in real nested dialogs.
+
+<CodeBlock code={nestedWiringSrc} lang="tsx" />
+
+## Recipes
+
+One complete recipe per framework adapter (live demo above is React).
+
+<Tabs dropdown sync={false} hash={false}>
+  <Tab title="React"><CodeBlock code={nestedSrc} lang="tsx" /></Tab>
+  <Tab title="Preact"><CodeBlock code={nestedPreactSrc} lang="tsx" /></Tab>
+  <Tab title="Solid"><CodeBlock code={nestedSolidSrc} lang="tsx" /></Tab>
+  <Tab title="Angular"><CodeBlock code={nestedAngularSrc} lang="ts" /></Tab>
+  <Tab title="Vue"><CodeBlock code={nestedVueSrc} lang="vue" title="ParentDialog.vue" /><CodeBlock code={nestedVueChildSrc} lang="vue" title="ChildConfirm.vue" /><CodeBlock code={nestedVueHostSrc} lang="vue" title="App.vue" /></Tab>
+  <Tab title="Svelte (runes)"><CodeBlock code={nestedSvelteRunesSrc} lang="svelte" /></Tab>
+  <Tab title="Svelte (store)"><CodeBlock code={nestedSvelteStoreSrc} lang="svelte" /></Tab>
+</Tabs>
+
+## Integrations
+
+<CardGroup cols={2}>
+  <Card title="Nested confirm + React Aria" href="/integrations/react-aria/nested-confirm" icon="/icons/react-aria.svg" arrow />
+  <Card title="Nested confirm + Base UI" href="/integrations/base-ui/nested-confirm" icon="/icons/base-ui.svg" arrow />
+</CardGroup>
+
+## Variations
+
+- **Standalone confirm** — no parent layer; see [Confirm dialog](/examples/confirm-dialog)
+- **Dismissal blockers** — guard closing a parent with open children; see [Dismissal blockers](/guides/dismissal-blockers)
+- **Slide-over parent** — same `useLayerGroup` pattern with a drawer as the parent layer
+
+## Learn more
+
+- [Nested overlays](/guides/nested-overlays) — child stacks, `Outlet`, and auto-drain
+- [Confirm dialog](/examples/confirm-dialog) — typed `await confirm.open(...)` basics
diff --git a/apps/docs/content/examples/progress.mdx b/apps/docs/content/examples/progress.mdx
new file mode 100644
index 0000000..fb9aa95
--- /dev/null
+++ b/apps/docs/content/examples/progress.mdx
@@ -0,0 +1,55 @@
+---
+title: Progress with live updates
+description: Open a layer and live-update its payload while it stays mounted.
+search:
+  tags: ["example"]
+---
+
+import progressSrc from "../../recipes/progress/react.tsx?raw";
+import progressWiringSrc from "../../recipes/progress/react.wiring.tsx?raw";
+import progressPreactSrc from "../../recipes/progress/preact.tsx?raw";
+import progressVueLayerSrc from "../../recipes/progress/vue.vue?raw";
+import progressVueHostSrc from "../../recipes/progress/vue-host.vue?raw";
+import progressSolidSrc from "../../recipes/progress/solid.tsx?raw";
+import progressSvelteRunesSrc from "../../recipes/progress/svelte-runes.svelte?raw";
+import progressSvelteStoreSrc from "../../recipes/progress/svelte-store.svelte?raw";
+import progressAngularSrc from "../../recipes/progress/angular.ts?raw";
+
+A file upload needs a live percent bar without remounting. `useLayer(progress)` opens once; `progressLayer.stack.update(layer, { percent })` pushes ticks while it stays mounted.
+
+:::note[Live]
+This demo runs the real `@stainless-code/react-layers` in your browser (React).
+Other frameworks are code-complete below.
+:::
+
+<ProgressExample />
+
+## Layers wiring
+
+Open once, then mutate via the handle's stack while mounted. The recipes below wrap it in a real progress bar.
+
+<CodeBlock code={progressWiringSrc} lang="tsx" />
+
+## Recipes
+
+One complete recipe per framework adapter (live demo above is React).
+
+<Tabs dropdown sync={false} hash={false}>
+  <Tab title="React"><CodeBlock code={progressSrc} lang="tsx" /></Tab>
+  <Tab title="Preact"><CodeBlock code={progressPreactSrc} lang="tsx" /></Tab>
+  <Tab title="Solid"><CodeBlock code={progressSolidSrc} lang="tsx" /></Tab>
+  <Tab title="Angular"><CodeBlock code={progressAngularSrc} lang="ts" /></Tab>
+  <Tab title="Vue"><CodeBlock code={progressVueLayerSrc} lang="vue" title="Progress.vue" /><CodeBlock code={progressVueHostSrc} lang="vue" title="App.vue" /></Tab>
+  <Tab title="Svelte (runes)"><CodeBlock code={progressSvelteRunesSrc} lang="svelte" /></Tab>
+  <Tab title="Svelte (store)"><CodeBlock code={progressSvelteStoreSrc} lang="svelte" /></Tab>
+</Tabs>
+
+## Variations
+
+- **Fire-and-forget** — no await, auto-dismiss; see [Toast](/examples/toast)
+- **Singleton upsert** — one active instance per key; see [Singletons](/guides/singletons)
+
+## Learn more
+
+- [Singletons](/guides/singletons) — `upsert` and keyed reuse
+- [Getting started](/guides/getting-started) — declare, mount, open, await
diff --git a/apps/docs/content/examples/route-guard-open.mdx b/apps/docs/content/examples/route-guard-open.mdx
new file mode 100644
index 0000000..ff45cad
--- /dev/null
+++ b/apps/docs/content/examples/route-guard-open.mdx
@@ -0,0 +1,56 @@
+---
+title: Route guard open from non-UI code
+description: Open a layer from non-UI code with a module-level LayerClient.
+search:
+  tags: ["example"]
+---
+
+import routeGuardSrc from "../../recipes/route-guard-open/react.tsx?raw";
+import routeGuardWiringSrc from "../../recipes/route-guard-open/react.wiring.tsx?raw";
+import routeGuardPreactSrc from "../../recipes/route-guard-open/preact.tsx?raw";
+import routeGuardVueLayerSrc from "../../recipes/route-guard-open/vue.vue?raw";
+import routeGuardVueHostSrc from "../../recipes/route-guard-open/vue-host.vue?raw";
+import routeGuardSolidSrc from "../../recipes/route-guard-open/solid.tsx?raw";
+import routeGuardSvelteRunesSrc from "../../recipes/route-guard-open/svelte-runes.svelte?raw";
+import routeGuardSvelteStoreSrc from "../../recipes/route-guard-open/svelte-store.svelte?raw";
+import routeGuardAngularSrc from "../../recipes/route-guard-open/angular.ts?raw";
+
+A route guard needs a typed leave/stay without React hooks. `createLayer(guard, client)` + `await guard.open({ destination })` — same client powers the UI.
+
+:::note[Live]
+This demo runs the real `@stainless-code/react-layers` in your browser (React).
+Other frameworks are code-complete below.
+:::
+
+<RouteGuardExample />
+
+## Layers wiring
+
+Open from non-UI code with `createLayer(guard, client)` — here a plain `async` route guard — and `await guard.open(payload)` for a typed boolean to decide whether to navigate. The recipes below wrap it in a real guard dialog.
+
+<CodeBlock code={routeGuardWiringSrc} lang="tsx" />
+
+## Recipes
+
+One complete recipe per framework adapter (live demo above is React).
+
+<Tabs dropdown sync={false} hash={false}>
+  <Tab title="React"><CodeBlock code={routeGuardSrc} lang="tsx" /></Tab>
+  <Tab title="Preact"><CodeBlock code={routeGuardPreactSrc} lang="tsx" /></Tab>
+  <Tab title="Solid"><CodeBlock code={routeGuardSolidSrc} lang="tsx" /></Tab>
+  <Tab title="Angular"><CodeBlock code={routeGuardAngularSrc} lang="ts" /></Tab>
+  <Tab title="Vue"><CodeBlock code={routeGuardVueLayerSrc} lang="vue" title="RouteGuard.vue" /><CodeBlock code={routeGuardVueHostSrc} lang="vue" title="App.vue" /></Tab>
+  <Tab title="Svelte (runes)"><CodeBlock code={routeGuardSvelteRunesSrc} lang="svelte" /></Tab>
+  <Tab title="Svelte (store)"><CodeBlock code={routeGuardSvelteStoreSrc} lang="svelte" /></Tab>
+</Tabs>
+
+## Variations
+
+- **Hook-based open** — `useLayer(confirm)` inside a component; see [Confirm dialog](/examples/confirm-dialog)
+- **Payload validation** — reject bad input before mount; see [Payload validation](/guides/payload-validation)
+- **Shared client** — pass one `LayerClient` across routes via `StackProvider`; see [Getting started](/guides/getting-started)
+
+## Learn more
+
+- [Awaiting results](/guides/awaiting-results) — typed promises from handle `open` or `client.open(...)`
+- [Overview](/concepts/overview) — imperative open from anywhere in the app
diff --git a/apps/docs/content/examples/serial-onboarding.mdx b/apps/docs/content/examples/serial-onboarding.mdx
new file mode 100644
index 0000000..a67f1ea
--- /dev/null
+++ b/apps/docs/content/examples/serial-onboarding.mdx
@@ -0,0 +1,56 @@
+---
+title: Serial onboarding queue
+description: Queue onboarding steps one at a time with serial scope and getQueuedSnapshot.
+search:
+  tags: ["example"]
+---
+
+import serialSrc from "../../recipes/serial-onboarding/react.tsx?raw";
+import serialWiringSrc from "../../recipes/serial-onboarding/react.wiring.tsx?raw";
+import serialPreactSrc from "../../recipes/serial-onboarding/preact.tsx?raw";
+import serialVueLayerSrc from "../../recipes/serial-onboarding/vue.vue?raw";
+import serialVueHostSrc from "../../recipes/serial-onboarding/vue-host.vue?raw";
+import serialSolidSrc from "../../recipes/serial-onboarding/solid.tsx?raw";
+import serialSvelteRunesSrc from "../../recipes/serial-onboarding/svelte-runes.svelte?raw";
+import serialSvelteStoreSrc from "../../recipes/serial-onboarding/svelte-store.svelte?raw";
+import serialAngularSrc from "../../recipes/serial-onboarding/angular.ts?raw";
+
+Three onboarding modals fired back-to-back — serial scope shows one, queues the rest. No orchestration code.
+
+:::note[Live]
+This demo runs the real `@stainless-code/react-layers` in your browser (React).
+Other frameworks are code-complete below.
+:::
+
+<SerialOnboardingExample />
+
+## Layers wiring
+
+A serial queue — configure a stack with `scope: { strategy: "serial" }`, then open several layers with distinct keys; they play one at a time. The recipes below wrap it in real onboarding steps.
+
+<CodeBlock code={serialWiringSrc} lang="tsx" />
+
+## Recipes
+
+One complete recipe per framework adapter (live demo above is React).
+
+<Tabs dropdown sync={false} hash={false}>
+  <Tab title="React"><CodeBlock code={serialSrc} lang="tsx" /></Tab>
+  <Tab title="Preact"><CodeBlock code={serialPreactSrc} lang="tsx" /></Tab>
+  <Tab title="Solid"><CodeBlock code={serialSolidSrc} lang="tsx" /></Tab>
+  <Tab title="Angular"><CodeBlock code={serialAngularSrc} lang="ts" /></Tab>
+  <Tab title="Vue"><CodeBlock code={serialVueLayerSrc} lang="vue" title="OnboardingStep.vue" /><CodeBlock code={serialVueHostSrc} lang="vue" title="App.vue" /></Tab>
+  <Tab title="Svelte (runes)"><CodeBlock code={serialSvelteRunesSrc} lang="svelte" /></Tab>
+  <Tab title="Svelte (store)"><CodeBlock code={serialSvelteStoreSrc} lang="svelte" /></Tab>
+</Tabs>
+
+## Variations
+
+- **Queued confirms** — show position in a confirm queue; see [Serial queues](/guides/serial-queues)
+- **Parallel stack** — default behavior mounts every open at once; see [Stacks, scope, and GC](/concepts/stacks-scope-gc)
+- **Fire-and-forget steps** — toast notifications instead of awaited steps; see Toast example
+
+## Learn more
+
+- [Serial queues](/guides/serial-queues) — `scope: { strategy: "serial" }` and `getQueuedSnapshot()`
+- [Stacks, scope, and GC](/concepts/stacks-scope-gc) — per-stack configuration and lifecycle
diff --git a/apps/docs/content/examples/toast.mdx b/apps/docs/content/examples/toast.mdx
new file mode 100644
index 0000000..8120dea
--- /dev/null
+++ b/apps/docs/content/examples/toast.mdx
@@ -0,0 +1,63 @@
+---
+title: Toast with auto-dismiss
+description: Fire a toast notification without awaiting a response.
+search:
+  tags: ["example"]
+---
+
+import toastSrc from "../../recipes/toast/react.tsx?raw";
+import toastWiringSrc from "../../recipes/toast/react.wiring.tsx?raw";
+import toastPreactSrc from "../../recipes/toast/preact.tsx?raw";
+import toastVueLayerSrc from "../../recipes/toast/vue.vue?raw";
+import toastVueHostSrc from "../../recipes/toast/vue-host.vue?raw";
+import toastSolidSrc from "../../recipes/toast/solid.tsx?raw";
+import toastSvelteRunesSrc from "../../recipes/toast/svelte-runes.svelte?raw";
+import toastSvelteStoreSrc from "../../recipes/toast/svelte-store.svelte?raw";
+import toastAngularSrc from "../../recipes/toast/angular.ts?raw";
+
+Save feedback shouldn't block the UI. `useLayer(toast)` + `void toast.open(...)` fires without `await` — recipes below wire a fixed-key handle.
+
+:::note[Live]
+This demo runs the real `@stainless-code/react-layers` in your browser (React).
+Concurrent toasts here use per-click `client.open` keys; recipes below use a fixed-key handle.
+Integrations with React Aria and Base UI live under [Integrations](/integrations).
+:::
+
+<ToastExample />
+
+## Layers wiring
+
+Fire-and-forget — `useLayer(toast)` + `void toast.open(payload)` with no `await`. The recipes below wrap it in a real toast.
+
+<CodeBlock code={toastWiringSrc} lang="tsx" />
+
+## Recipes
+
+One complete recipe per framework adapter (live demo above is React).
+
+<Tabs dropdown sync={false} hash={false}>
+  <Tab title="React"><CodeBlock code={toastSrc} lang="tsx" /></Tab>
+  <Tab title="Preact"><CodeBlock code={toastPreactSrc} lang="tsx" /></Tab>
+  <Tab title="Solid"><CodeBlock code={toastSolidSrc} lang="tsx" /></Tab>
+  <Tab title="Angular"><CodeBlock code={toastAngularSrc} lang="ts" /></Tab>
+  <Tab title="Vue"><CodeBlock code={toastVueLayerSrc} lang="vue" title="Toast.vue" /><CodeBlock code={toastVueHostSrc} lang="vue" title="App.vue" /></Tab>
+  <Tab title="Svelte (runes)"><CodeBlock code={toastSvelteRunesSrc} lang="svelte" /></Tab>
+  <Tab title="Svelte (store)"><CodeBlock code={toastSvelteStoreSrc} lang="svelte" /></Tab>
+</Tabs>
+
+## Integrations
+
+<CardGroup cols={2}>
+  <Card title="Toast + React Aria" href="/integrations/react-aria/toast" icon="/icons/react-aria.svg" arrow />
+  <Card title="Toast + Base UI" href="/integrations/base-ui/toast" icon="/icons/base-ui.svg" arrow />
+</CardGroup>
+
+## Variations
+
+- **Live payload updates** — animate progress while open; see [Progress](/examples/progress)
+- **Await a result** — typed `await confirm.open(...)` or `client.open(...)`; see [Awaiting results](/guides/awaiting-results)
+
+## Learn more
+
+- [Awaiting results](/guides/awaiting-results) — when to await vs fire-and-forget
+- [Lifecycle](/concepts/lifecycle) — phases, transitions, and dismissal
diff --git a/apps/docs/content/guides/animations.mdx b/apps/docs/content/guides/animations.mdx
new file mode 100644
index 0000000..33ec563
--- /dev/null
+++ b/apps/docs/content/guides/animations.mdx
@@ -0,0 +1,88 @@
+---
+title: Animations
+description: Drive enter and exit animations with transition, delays, and call.settle.
+search:
+  tags: ["guide"]
+---
+
+Animation is a third axis — orthogonal to `phase` and `actionStatus`. Layers expose `transition: "entering" | "settled" | "exiting"` so your component can apply CSS classes or motion libraries without overloading lifecycle phase.
+
+## Transition axis
+
+| Moment | `phase` | `transition` |
+| ------ | ------- | ------------ |
+| Opening, loading | `pending` | `settled` (default `enteringDelay: 0`); `entering` when `enteringDelay > 0` |
+| Open and idle | `active` | `settled` |
+| Dismissed, animating out | `dismissed` | `settled` then unmount (default `exitingDelay: 0`); `exiting` when `exitingDelay > 0` |
+| Dismissed, cached | `dismissed` | `settled` |
+
+Read `transition` in your layer component to toggle enter/exit styles:
+
+```tsx lineNumbers
+function Modal({ call, transition }: LayerComponentProps<void, void>) {
+  return (
+    <div
+      className={
+        transition === "entering" // [!code highlight]
+          ? "modal-enter"
+          : transition === "exiting"
+            ? "modal-exit"
+            : "modal-settled"
+      }
+    >
+      <button onClick={() => void call.dismiss()}>Close</button>
+    </div>
+  );
+}
+```
+
+## Fixed-duration CSS
+
+Set delays on the layer definition; the engine flips `transition` after the timer:
+
+```ts
+const modal = layerOptions({
+  stack: "modal",
+  key: ["settings"],
+  component: Settings,
+  enteringDelay: 200,
+  exitingDelay: 300,
+});
+```
+
+With `enteringDelay: 0` and `exitingDelay: 0` (defaults), transitions flip synchronously — no animation frame is observed.
+
+## Variable duration (springs, motion)
+
+Use a generous cap delay and call `call.settle()` when your animation completes:
+
+```tsx lineNumbers
+function SpringModal({ call, transition }: LayerComponentProps<void, void>) {
+  return (
+    <motion.div
+      initial={{ opacity: 0 }}
+      animate={{ opacity: 1 }}
+      exit={{ opacity: 0 }}
+      onAnimationComplete={() => {
+        if (transition === "entering" || transition === "exiting") {
+          call.settle(); // [!code highlight]
+        }
+      }}
+    >
+      {/* … */}
+    </motion.div>
+  );
+}
+```
+
+`call.settle()` completes whichever transition is active:
+
+- `entering → settled` (clears enter timer; `phase` untouched)
+- `exiting → remove` (clears exit timer and unmounts)
+
+Completion fires on **whichever comes first** — delay elapsed or `call.settle()`.
+
+## Edge cases
+
+- Blockers run **before** exit transition starts — a vetoed dismiss keeps `transition` at `settled`. See [Dismissal blockers](/guides/dismissal-blockers).
+- Layers are client-only today; when SSR hydration lands, initial `transition` must be `"settled"`. See [SSR](/guides/ssr).
diff --git a/apps/docs/content/guides/awaiting-results.mdx b/apps/docs/content/guides/awaiting-results.mdx
new file mode 100644
index 0000000..680d224
--- /dev/null
+++ b/apps/docs/content/guides/awaiting-results.mdx
@@ -0,0 +1,211 @@
+---
+title: Awaiting results
+description: Await typed responses from client.open, infer types via DataTag, or fire-and-forget with void.
+search:
+  tags: ["guide"]
+---
+
+Need a boolean back from a confirm? `await client.open(...)` returns `Promise<R>`, and the response type flows from your layer definition with no explicit generic. Awaiting is optional — fire-and-forget is equally first-class.
+
+## Typed await
+
+Brand the contract once with `layerOptions<P, R>()`. The `key` carries a `DataTag`, so `await client.open({ ...confirm, payload })` infers `R`:
+
+```tsx lineNumbers
+const confirm = layerOptions<ConfirmPayload, boolean>({
+  stack: "confirm",
+  key: ["confirm", "remove"],
+  component: ConfirmDialog,
+});
+
+const ok = await client.open({ ...confirm, payload: { title: "Remove?" } });
+//    ^? boolean
+```
+
+You can also brand a key alone with `layerKey<R>()(key)` when options are inlined at the call site. See [Identity and types](/concepts/identity-and-types) for how `DataTag` inference works.
+
+## Open from your framework
+
+`client.open({ …layerOptions, payload })` works everywhere. Adapters also ship a **wired handle** — `useLayer(options)` (Svelte: `createLayer`; Angular: `injectLayer`) — for payload-only `open` plus reactive `state`/`queued`/`top`:
+
+<Tabs>
+<Tab title="React" icon="/icons/react.svg">
+
+```tsx lineNumbers
+import { useLayer } from "@stainless-code/react-layers";
+
+function RemoveButton() {
+  const confirmLayer = useLayer(confirm);
+
+  async function handleRemove() {
+    const ok = await confirmLayer.open({ title: "Remove?" });
+    //    ^? boolean
+    if (ok) {
+      /* … */
+    }
+  }
+
+  return (
+    <button type="button" onClick={() => void handleRemove()}>
+      Remove
+    </button>
+  );
+}
+```
+
+</Tab>
+<Tab title="Preact" icon="/icons/preact.svg">
+
+```tsx lineNumbers
+import { useLayer } from "@stainless-code/preact-layers";
+
+function RemoveButton() {
+  const confirmLayer = useLayer(confirm);
+
+  async function handleRemove() {
+    const ok = await confirmLayer.open({ title: "Remove?" });
+    //    ^? boolean
+    if (ok) {
+      /* … */
+    }
+  }
+
+  return (
+    <button type="button" onClick={() => void handleRemove()}>
+      Remove
+    </button>
+  );
+}
+```
+
+</Tab>
+<Tab title="Solid" icon="/icons/solid.svg">
+
+```tsx lineNumbers
+import { useLayer } from "@stainless-code/solid-layers";
+
+function RemoveButton() {
+  const confirmLayer = useLayer(confirm);
+
+  async function handleRemove() {
+    const ok = await confirmLayer.open({ title: "Remove?" });
+    //    ^? boolean
+    if (ok) {
+      /* … */
+    }
+  }
+
+  return (
+    <button type="button" onClick={() => void handleRemove()}>
+      Remove
+    </button>
+  );
+}
+```
+
+</Tab>
+<Tab title="Angular" icon="/icons/angular.svg">
+
+```ts lineNumbers
+import { Component } from "@angular/core";
+import { injectLayer } from "@stainless-code/angular-layers";
+
+@Component({ /* … */ })
+class RemoveButton {
+  private confirmLayer = injectLayer(confirm);
+
+  async remove() {
+    const ok = await this.confirmLayer.open({ title: "Remove?" });
+    //    ^? boolean
+    if (ok) {
+      /* … */
+    }
+  }
+}
+```
+
+</Tab>
+<Tab title="Vue" icon="/icons/vue.svg">
+
+```vue lineNumbers
+<script setup lang="ts">
+import { useLayer } from "@stainless-code/vue-layers";
+
+const confirmLayer = useLayer(confirm);
+
+async function remove() {
+  const ok = await confirmLayer.open({ title: "Remove?" });
+  //    ^? boolean
+  if (ok) {
+    /* … */
+  }
+}
+</script>
+```
+
+</Tab>
+<Tab title="Svelte (runes)" icon="/icons/svelte.svg">
+
+```svelte lineNumbers
+<script lang="ts">
+  import { createLayer } from "@stainless-code/svelte-layers";
+
+  const confirmLayer = createLayer(confirm);
+
+  async function remove() {
+    const ok = await confirmLayer.open({ title: "Remove?" });
+    //    ^? boolean
+    if (ok) {
+      /* … */
+    }
+  }
+</script>
+```
+
+</Tab>
+<Tab title="Svelte (store)" icon="/icons/svelte.svg">
+
+```svelte lineNumbers
+<script lang="ts">
+  import { createLayer } from "@stainless-code/svelte-layers/store";
+
+  const confirmLayer = createLayer(confirm);
+
+  async function remove() {
+    const ok = await confirmLayer.open({ title: "Remove?" });
+    //    ^? boolean
+    if (ok) {
+      /* … */
+    }
+  }
+</script>
+```
+
+</Tab>
+</Tabs>
+
+## Fire-and-forget
+
+When a layer needs no return value, omit the response generic (defaults to `void`) and skip `await`:
+
+```tsx
+const about = layerOptions({
+  stack: "modal",
+  key: ["about"],
+  component: About,
+});
+
+void client.open(about);
+```
+
+The layer dismisses itself — typically via `call.dismiss()` inside the component. Use `void` to signal intentional fire-and-forget when your linter flags floating promises.
+
+:::tip
+Both payload and response are optional. A layer with `R = void` and no payload is a complete fire-and-forget surface.
+:::
+
+## Edge cases
+
+- **`loadFn` errors** reject the promise — see [Error handling](/guides/error-handling).
+- **Validation failures** reject with `PayloadValidationError` before mount — see [Payload validation](/guides/payload-validation).
+- **Serial stacks** queue later opens; the promise resolves only when the layer activates and ends — see [Serial queues](/guides/serial-queues).
diff --git a/apps/docs/content/guides/dismissal-blockers.mdx b/apps/docs/content/guides/dismissal-blockers.mdx
new file mode 100644
index 0000000..d9156b5
--- /dev/null
+++ b/apps/docs/content/guides/dismissal-blockers.mdx
@@ -0,0 +1,89 @@
+---
+title: Dismissal blockers
+description: Gate user-intent dismissal with addBlocker, dismissing, dismissAll modes, and force.
+search:
+  tags: ["guide"]
+---
+
+Blockers let you ask "discard unsaved changes?" before a layer closes. They gate engine dismissal paths — `call.end`/`call.dismiss` and `stack.dismiss`/`stack.dismissAll`. Backdrop clicks and Esc are not core events; wire them to `call.end`/`call.dismiss` if they should consult blockers. System teardown is never gated.
+
+See [Blockers](/concepts/blockers) for the full model.
+
+## Register blockers
+
+Two scopes, one gate — any veto blocks the attempt:
+
+```ts lineNumbers
+// instance scope — dirty state on this layer
+const dispose = call.addBlocker(() => { // [!code highlight]
+  if (isDirty) return false; // veto
+  return true; // allow
+});
+
+// stack scope — app-wide policy
+const disposeStack = stack.addBlocker((layer) => {
+  return !layer.payload.locked;
+});
+```
+
+Both return a disposer. Predicates may be async; `dismiss` awaits them.
+
+## Return value and force
+
+`call.end` and `call.dismiss` return `Promise<boolean>` — `true` if dismissed, `false` if vetoed:
+
+```tsx
+const didDismiss = await call.dismiss(undefined);
+if (!didDismiss) {
+  // show confirm UI — your own layer, not opened by core
+}
+```
+
+Bypass blockers with `{ force: true }`:
+
+```ts
+await call.end(response, { force: true });
+await call.dismiss(response, { force: true });
+```
+
+While blockers evaluate, `dismissing` is `true` on the layer state — disable close buttons during async confirm:
+
+```tsx lineNumbers
+function Editor({ call, dismissing }: LayerComponentProps<void, void>) {
+  return (
+    <button disabled={dismissing} onClick={() => void call.dismiss()}>
+      Close
+    </button>
+  );
+}
+```
+
+## dismissAll modes
+
+`stack.dismissAll(response, opts?)` is async:
+
+| Mode | Behavior |
+| ---- | -------- |
+| `"skipBlocked"` (default) | Attempt each; close permitted, leave blocked open |
+| `"stopAtBlocked"` | Process in order; halt at first blocked |
+| `"force"` | Bypass all blockers |
+
+```ts
+await stack.dismissAll(undefined, { mode: "stopAtBlocked" });
+```
+
+Default mode is configurable via `StackOptions.dismissAllMode` or `LayerClientOptions.defaultStackOptions`.
+
+## What blockers skip
+
+| Path | Blockers |
+| ---- | -------- |
+| `call.end` / `call.dismiss` | Honored |
+| `stack.dismiss` / `stack.dismissAll` | Honored |
+| `cancelQueued` (serial, never mounted) | Skipped |
+| Component/outlet unmount, route teardown | Skipped (force) |
+| Layer-group cascade on parent dismiss | Skipped (force) — guard the parent |
+
+:::danger
+Predicate throw/reject is treated as a veto (fail-closed). Confirm UI for async blockers is always your responsibility — core never opens UI on your behalf.
+:::
diff --git a/apps/docs/content/guides/error-handling.mdx b/apps/docs/content/guides/error-handling.mdx
new file mode 100644
index 0000000..79aa66d
--- /dev/null
+++ b/apps/docs/content/guides/error-handling.mdx
@@ -0,0 +1,88 @@
+---
+title: Error handling
+description: Handle Promise rejections from open, narrow with guards, and type loadFn errors via Register.
+search:
+  tags: ["guide"]
+---
+
+`client.open()` returns `Promise<R>` — the direct-`await` contract. Resolution types flow through `DataTag`; **rejections do not** (a TypeScript limitation). Narrow errors in `catch` with runtime guards.
+
+## What rejects
+
+The promise rejects when:
+
+1. **`loadFn` throws** — typed at runtime as the layer's error type `E`
+2. **`validate` fails** — `PayloadValidationError`
+
+Dismissal during `pending` resolves with the dismissal response (the in-flight `loadFn` is aborted via `AbortController`); it does not reject.
+
+```ts lineNumbers
+try {
+  const data = await client.open({ ...layer, payload });
+} catch (err) { // [!code highlight]
+  // err is unknown — narrow explicitly
+}
+```
+
+## Narrow validation errors
+
+```ts lineNumbers
+import { isPayloadValidationError } from "@stainless-code/layers";
+
+try {
+  await client.open({ ...prompt, payload: untrusted });
+} catch (err) {
+  if (isPayloadValidationError(err)) { // [!code highlight]
+    showFieldErrors(err.issues);
+    return;
+  }
+  throw err;
+}
+```
+
+## App-wide error type
+
+Augment `Register` once to set `DefaultLayerError` for every layer's `E` default:
+
+```ts
+declare module "@stainless-code/layers" {
+  interface Register {
+    defaultError: AppError;
+  }
+}
+```
+
+`DefaultLayerError` resolves to `Error` when unaugmented. Per-layer error types can still be set on `layerOptions<P, R, E>()`.
+
+## loadFn errors
+
+When a layer defines `loadFn`, a throw rejects the caller's `await`:
+
+```ts lineNumbers
+const detail = layerOptions<{ id: string }, Detail, ApiError>({
+  stack: "modal",
+  key: ["detail"],
+  component: DetailView,
+  async loadFn({ payload, signal }) {
+    const res = await fetch(`/api/${payload.id}`, { signal });
+    if (!res.ok) throw new ApiError(res.status);
+    return res.json();
+  },
+});
+
+try {
+  await client.open({ ...detail, payload: { id: "42" } });
+} catch (err) {
+  if (err instanceof ApiError) { // [!code highlight]
+    /* … */
+  }
+}
+```
+
+The loaded `data` is available on the layer state when `loadFn` succeeds; on error the layer enters `phase: "error"`.
+
+:::note
+A `Result`-returning `open` was deliberately rejected to preserve direct `await`. Narrow in `catch` instead.
+:::
+
+See [Payload validation](/guides/payload-validation) for `PayloadValidationError` and [Lifecycle](/concepts/lifecycle) for `phase: "error"`.
diff --git a/apps/docs/content/guides/getting-started.mdx b/apps/docs/content/guides/getting-started.mdx
new file mode 100644
index 0000000..bf1565d
--- /dev/null
+++ b/apps/docs/content/guides/getting-started.mdx
@@ -0,0 +1,125 @@
+---
+title: Getting started
+description: React quickstart — declare a layer, mount an outlet, open and await a typed result.
+search:
+  tags: ["guide"]
+---
+
+Stop threading `isOpen` through props — declare the contract once, mount an outlet, and open from any descendant. This guide uses **React**; other adapters: [Install](/guides/install).
+
+## Install
+
+```bash
+bun add @stainless-code/react-layers
+```
+
+The core (`@stainless-code/layers`) is pulled in automatically and re-exported from the adapter.
+
+## Declare
+
+Name the contract once — payload in, response out — with `layerOptions`:
+
+```tsx
+import {
+  layerOptions,
+  type LayerComponentProps,
+} from "@stainless-code/react-layers";
+
+type ConfirmPayload = { title: string };
+type ConfirmResponse = boolean;
+
+function ConfirmDialog({
+  call,
+  payload,
+}: LayerComponentProps<ConfirmPayload, ConfirmResponse>) {
+  return (
+    <div role="dialog">
+      <h2>{payload.title}</h2>
+      <button onClick={() => void call.end(true)}>Yes</button>
+      <button onClick={() => void call.end(false)}>No</button>
+    </div>
+  );
+}
+
+const confirm = layerOptions<ConfirmPayload, ConfirmResponse>({ // [!code highlight]
+  stack: "confirm",
+  key: ["confirm", "remove"],
+  component: ConfirmDialog,
+});
+```
+
+A typical layout keeps layer declarations in one folder so any component can import them:
+
+<FileTree>
+
+- src/
+  - layers/
+    - confirm.ts
+    - toast.ts
+  - App.tsx
+  - main.tsx
+
+</FileTree>
+
+## Mount
+
+Wrap your app with `StackProvider` and render active layers with `StackOutlet`:
+
+```tsx
+import { StackProvider, StackOutlet } from "@stainless-code/react-layers";
+
+function App() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="confirm" />
+    </StackProvider>
+  );
+}
+```
+
+## Open and await
+
+Call `client.open` from anywhere inside the provider — the response type is inferred:
+
+```tsx
+import { useLayerClient } from "@stainless-code/react-layers";
+
+function useRemove() {
+  const client = useLayerClient();
+  return async () => {
+    const ok = await client.open({ ...confirm, payload: { title: "Remove?" } }); // [!code highlight]
+    //    ^? boolean
+    if (ok) {
+      /* … */
+    }
+  };
+}
+```
+
+Or wire the declaration with `useLayer(options)` — same inference, payload-only `open`, plus reactive `state`/`queued`/`top` for UI:
+
+```tsx
+import { useLayer } from "@stainless-code/react-layers";
+
+function RemoveButton() {
+  const confirmLayer = useLayer(confirm);
+
+  async function handleRemove() {
+    const ok = await confirmLayer.open({ title: "Remove?" });
+    //    ^? boolean
+    if (ok) {
+      /* … */
+    }
+  }
+
+  return (
+    <button type="button" onClick={() => void handleRemove()}>
+      Remove
+    </button>
+  );
+}
+```
+
+See [Glossary](/concepts/glossary) for drive vs observe.
+
+> Optional payload and response — see [Awaiting results](/guides/awaiting-results#fire-and-forget).
diff --git a/apps/docs/content/guides/headless-rendering.mdx b/apps/docs/content/guides/headless-rendering.mdx
new file mode 100644
index 0000000..3861ce6
--- /dev/null
+++ b/apps/docs/content/guides/headless-rendering.mdx
@@ -0,0 +1,323 @@
+---
+title: Headless rendering
+description: Render stacks yourself with useStackHandles and StackSubscribe instead of StackOutlet.
+search:
+  tags: ["guide"]
+---
+
+`StackOutlet` maps a stack snapshot to registered components — the convenience path. When you need custom portals, per-layer switches, or non-component renderers, use the headless primitives.
+
+## useStackHandles
+
+Returns `{ states, getCall }` — everything `StackOutlet` uses internally:
+
+<Tabs>
+<Tab title="React" icon="/icons/react.svg">
+
+```tsx lineNumbers
+import { useStackHandles } from "@stainless-code/react-layers";
+
+function CustomHost() {
+  const { states, getCall } = useStackHandles("modal");
+  return (
+    <Portal>
+      {states.map((s) => {
+        const call = getCall(s);
+        return (
+          <MyModal
+            key={s.id}
+            call={call}
+            payload={s.payload}
+            transition={s.transition}
+          />
+        );
+      })}
+    </Portal>
+  );
+}
+```
+
+</Tab>
+<Tab title="Preact" icon="/icons/preact.svg">
+
+```tsx lineNumbers
+import { useStackHandles } from "@stainless-code/preact-layers";
+
+function CustomHost() {
+  const { states, getCall } = useStackHandles("modal");
+  return (
+    <Portal>
+      {states.map((s) => {
+        const call = getCall(s);
+        return (
+          <MyModal
+            key={s.id}
+            call={call}
+            payload={s.payload}
+            transition={s.transition}
+          />
+        );
+      })}
+    </Portal>
+  );
+}
+```
+
+</Tab>
+<Tab title="Solid" icon="/icons/solid.svg">
+
+```tsx lineNumbers
+import { For } from "solid-js";
+import { useStackHandles } from "@stainless-code/solid-layers";
+
+function CustomHost() {
+  const { states, getCall } = useStackHandles("modal");
+  return (
+    <Portal>
+      <For each={states()}>
+        {(s) => (
+          <MyModal
+            call={getCall(s)}
+            payload={s.payload}
+            transition={s.transition}
+          />
+        )}
+      </For>
+    </Portal>
+  );
+}
+```
+
+</Tab>
+<Tab title="Angular" icon="/icons/angular.svg">
+
+```ts lineNumbers
+import { Component } from "@angular/core";
+import { useStackHandles } from "@stainless-code/angular-layers";
+
+@Component({
+  template: `
+    @for (s of states(); track s.id) {
+      <my-modal
+        [call]="getCall(s)"
+        [payload]="s.payload"
+        [transition]="s.transition"
+      />
+    }
+  `,
+})
+class CustomHost {
+  private handles = useStackHandles("modal");
+  states = this.handles.states;
+  getCall = this.handles.getCall;
+}
+```
+
+</Tab>
+<Tab title="Vue" icon="/icons/vue.svg">
+
+```vue lineNumbers
+<script setup lang="ts">
+import { useStackHandles } from "@stainless-code/vue-layers";
+
+const { states, getCall } = useStackHandles("modal");
+</script>
+
+<template>
+  <Teleport to="body">
+    <MyModal
+      v-for="s in states"
+      :key="s.id"
+      :call="getCall(s)"
+      :payload="s.payload"
+      :transition="s.transition"
+    />
+  </Teleport>
+</template>
+```
+
+</Tab>
+<Tab title="Svelte (runes)" icon="/icons/svelte.svg">
+
+```svelte lineNumbers
+<script lang="ts">
+  import { useStack } from "@stainless-code/svelte-layers";
+
+  const stack = useStack({ stack: "modal" });
+</script>
+
+{#each stack.current as s (s.id)}
+  {@const call = stack.callFor(s)}
+  {#if call}<MyModal {call} payload={s.payload} transition={s.transition} />{/if}
+{/each}
+```
+
+`useStack().current` + `callFor` — no separate `useStackHandles` export.
+
+</Tab>
+<Tab title="Svelte (store)" icon="/icons/svelte.svg">
+
+```svelte lineNumbers
+<script lang="ts">
+  import { callFor, setLayerClient, useLayerClient, useStack } from "@stainless-code/svelte-layers/store";
+
+  setLayerClient();
+  const client = useLayerClient();
+  const stack = useStack({ stack: "modal" });
+</script>
+
+{#each $stack as s (s.id)}
+  {@const call = callFor(client, "modal", s)}
+  {#if call}<MyModal {call} payload={s.payload} transition={s.transition} />{/if}
+{/each}
+```
+
+Store entry subscribes via `$stack` + standalone `callFor(client, stackId, state)`.
+
+</Tab>
+</Tabs>
+
+`StackOutlet` deliberately has **no** `render` prop — headless is the escape hatch.
+
+## StackSubscribe
+
+Isolate a selector in JSX/template without pulling the full snapshot into your component:
+
+<Tabs>
+<Tab title="React" icon="/icons/react.svg">
+
+```tsx lineNumbers
+import { StackSubscribe } from "@stainless-code/react-layers";
+
+function OpenCount() {
+  return (
+    <StackSubscribe stack="modal" selector={(s) => s.length}>
+      {" "}
+      {(count) => <span>{count} open</span>}
+    </StackSubscribe>
+  );
+}
+```
+
+</Tab>
+<Tab title="Preact" icon="/icons/preact.svg">
+
+```tsx lineNumbers
+import { StackSubscribe } from "@stainless-code/preact-layers";
+
+function OpenCount() {
+  return (
+    <StackSubscribe stack="modal" selector={(s) => s.length}>
+      {" "}
+      {(count) => <span>{count} open</span>}
+    </StackSubscribe>
+  );
+}
+```
+
+
+</Tab>
+<Tab title="Solid" icon="/icons/solid.svg">
+
+```tsx lineNumbers
+import { StackSubscribe } from "@stainless-code/solid-layers";
+
+function OpenCount() {
+  return (
+    <StackSubscribe stack="modal" selector={(s) => s.length}>
+      {" "}
+      {(count) => <span>{count()} open</span>}
+    </StackSubscribe>
+  );
+}
+```
+
+</Tab>
+<Tab title="Angular" icon="/icons/angular.svg">
+
+```ts lineNumbers
+import { Component } from "@angular/core";
+import { useStack } from "@stainless-code/angular-layers";
+
+@Component({ template: `<span>{{ count() }} open</span>` })
+class OpenCount {
+  count = useStack({ stack: "modal", select: (s) => s.length });
+}
+```
+
+No `StackSubscribe` — `useStack({ stack, select })` as a signal is the equivalent.
+
+</Tab>
+<Tab title="Vue" icon="/icons/vue.svg">
+
+```vue lineNumbers
+<script setup lang="ts">
+import { StackSubscribe } from "@stainless-code/vue-layers";
+</script>
+
+<StackSubscribe
+  stack="modal"
+  :selector="(s) => s.length"
+>  <template #default="{ value }">{{ value }} open</template>
+</StackSubscribe>
+```
+
+</Tab>
+<Tab title="Svelte (runes)" icon="/icons/svelte.svg">
+
+```svelte lineNumbers
+<script lang="ts">
+  import { useStack } from "@stainless-code/svelte-layers";
+
+  const count = useStack({ stack: "modal", select: (s) => s.length });
+</script>
+
+<span>{count.current} open</span>
+```
+
+No `StackSubscribe` — `useStack({ stack, select })` with `.current` is the equivalent.
+
+</Tab>
+<Tab title="Svelte (store)" icon="/icons/svelte.svg">
+
+```svelte lineNumbers
+<script lang="ts">
+  import { useStack } from "@stainless-code/svelte-layers/store";
+
+  const count = useStack({ stack: "modal", select: (s) => s.length });
+</script>
+
+<span>{$count} open</span>
+```
+
+No `StackSubscribe` — subscribe to the selector `Readable` with `$count`.
+
+</Tab>
+</Tabs>
+
+For fully-typed selector output in Vue, prefer `useStack({ stack, select })` in `setup()`.
+
+## Adapter equivalents
+
+| Adapter        | Headless path                                | Built-in outlet           |
+| -------------- | -------------------------------------------- | ------------------------- |
+| React / Preact | `useStackHandles`, `StackSubscribe`          | `StackOutlet`             |
+| Solid / Vue    | `useStackHandles`, `StackSubscribe`          | `StackOutlet`             |
+| Angular        | `useStackHandles`, `renderStack(vcr)`        | `renderStack`             |
+| Svelte (runes) | `useStack().current` + `callFor`             | — (render in your markup) |
+| Svelte (store) | `$stack` + `callFor(client, stackId, state)` | —                         |
+
+:::tip
+Svelte's `useStack()` already returns the headless pair — `.current` for states and `callFor` for call contexts. No separate `useStackHandles` export.
+:::
+
+Angular has no `StackSubscribe`; `useStack({ stack, select })` as a signal is the idiomatic equivalent.
+
+## When to skip StackOutlet
+
+- Custom portal targets or z-index layering
+- Switching on `state.key` to pick arbitrary components (not the registered `component`)
+- Integrating with a design-system modal primitive that owns its own DOM
+- Angular and Svelte — imperative/primitive rendering by design
+
+Dev warning: `StackOutlet` logs when a layer has no `component` and renders nothing.
diff --git a/apps/docs/content/guides/index.mdx b/apps/docs/content/guides/index.mdx
new file mode 100644
index 0000000..8600d28
--- /dev/null
+++ b/apps/docs/content/guides/index.mdx
@@ -0,0 +1,41 @@
+---
+title: Guides
+description: Task-oriented recipes for building with Layers.
+search:
+  tags: ["guide"]
+---
+
+From your first `open` call through queues, nesting, animations, and SSR. Each guide is framework-agnostic where possible; parallel adapter syntax uses tabs.
+
+<Steps>
+<Step title="Start here">
+
+1. [Getting started](/guides/getting-started) — declare a layer, mount an outlet, open and await
+2. [Install](/guides/install) — packages and peer dependencies
+
+</Step>
+<Step title="Core patterns">
+
+3. [Awaiting results](/guides/awaiting-results) — `await open`, DataTag inference, fire-and-forget
+4. [Singletons](/guides/singletons) — `upsert` + `update` for toasts and progress
+5. [Serial queues](/guides/serial-queues) — `scope: serial`, `getQueuedSnapshot`
+6. [Nested overlays](/guides/nested-overlays) — layer groups, child stacks, inline outlets
+
+</Step>
+<Step title="Polish and safety">
+
+7. [Animations](/guides/animations) — `transition`, delays, `call.settle()`
+8. [Dismissal blockers](/guides/dismissal-blockers) — `addBlocker`, `dismissing`, `dismissAll` modes
+9. [Payload validation](/guides/payload-validation) — Standard Schema, `PayloadValidationError`
+10. [Error handling](/guides/error-handling) — promise rejections, `Register`, narrowing
+
+</Step>
+<Step title="Advanced">
+
+11. [Headless rendering](/guides/headless-rendering) — `useStackHandles`, `StackSubscribe`, custom hosts
+12. [SSR](/guides/ssr) — per-adapter server rendering posture
+
+</Step>
+</Steps>
+
+For the engine model and terminology, see [Concepts](/concepts/overview).
diff --git a/apps/docs/content/guides/install.mdx b/apps/docs/content/guides/install.mdx
new file mode 100644
index 0000000..5308833
--- /dev/null
+++ b/apps/docs/content/guides/install.mdx
@@ -0,0 +1,69 @@
+---
+title: Install
+description: npm package names, install commands, and peer dependencies for Layers.
+search:
+  tags: ["guide"]
+---
+
+Install **one adapter** for your framework. It depends on `@stainless-code/layers` and re-exports the core — import both adapter wiring and core APIs from that one package. Provider shape differs by adapter (`StackProvider` on React/Preact; `provideLayerClient` / `setLayerClient` / `LayerClientContext` elsewhere) plus `useLayerClient`.
+
+## Core (UI-agnostic)
+
+```package-install
+npm i @stainless-code/layers
+```
+
+Usually you install an adapter instead; the core comes along transitively.
+
+## React
+
+Peer: `react` (^18 or ^19)
+
+```package-install
+npm i @stainless-code/react-layers
+```
+
+## Preact
+
+Peer: `preact` (≥10.19)
+
+```package-install
+npm i @stainless-code/preact-layers
+```
+
+## Solid
+
+Peer: `solid-js` (≥1.6)
+
+```package-install
+npm i @stainless-code/solid-layers
+```
+
+## Angular
+
+Peer: `@angular/core` (≥17)
+
+```package-install
+npm i @stainless-code/angular-layers
+```
+
+## Vue
+
+Peer: `vue` (≥3.3)
+
+```package-install
+npm i @stainless-code/vue-layers
+```
+
+## Svelte
+
+Peer: `svelte` (≥3). Two package entries in one npm package:
+
+- `@stainless-code/svelte-layers` — runes API (Svelte 5.7+)
+- `@stainless-code/svelte-layers/store` — stores API (Svelte 3+)
+
+```package-install
+npm i @stainless-code/svelte-layers
+```
+
+For the stores entry, import from `@stainless-code/svelte-layers/store` after installing the same package.
diff --git a/apps/docs/content/guides/meta.ts b/apps/docs/content/guides/meta.ts
new file mode 100644
index 0000000..f3e7f2e
--- /dev/null
+++ b/apps/docs/content/guides/meta.ts
@@ -0,0 +1,20 @@
+import { defineMeta } from "blume";
+
+export default defineMeta({
+  title: "Guides",
+  icon: "book-open",
+  pages: [
+    "getting-started",
+    "install",
+    "awaiting-results",
+    "singletons",
+    "serial-queues",
+    "nested-overlays",
+    "animations",
+    "dismissal-blockers",
+    "payload-validation",
+    "error-handling",
+    "headless-rendering",
+    "ssr",
+  ],
+});
diff --git a/apps/docs/content/guides/nested-overlays.mdx b/apps/docs/content/guides/nested-overlays.mdx
new file mode 100644
index 0000000..a3628ca
--- /dev/null
+++ b/apps/docs/content/guides/nested-overlays.mdx
@@ -0,0 +1,189 @@
+---
+title: Nested overlays
+description: Child stacks scoped to a parent layer via useLayerGroup or createLayerGroup.
+search:
+  tags: ["guide"]
+---
+
+A drawer that opens a sub-dialog needs its own stack — but tied to the parent layer's lifetime. Layer groups create a child stack on the same `LayerClient`; when the parent dismisses, children drain automatically.
+
+## Core primitive
+
+`createLayerGroup(client, call, options?)` registers a child stack derived from the parent's `stackId` and instance `layerId`. Adapters wrap it as `useLayerGroup(call)`:
+
+```ts lineNumbers
+import { createLayerGroup } from "@stainless-code/layers";
+
+// headless / custom adapter
+const group = createLayerGroup(client, call);void group.open({ ...nestedConfirm, payload });
+group.dismissAll();
+group.dispose(); // usually automatic via adapter lifecycle
+```
+
+## Inline child outlet
+
+Render the child stack inside the parent layer's DOM. React, Preact, Solid, and Vue ship an `Outlet` component; Angular uses `renderInto`; Svelte exposes the child `stack` directly:
+
+<Tabs>
+<Tab title="React" icon="/icons/react.svg">
+
+```tsx lineNumbers
+import { useLayerGroup } from "@stainless-code/react-layers";
+
+function Drawer({ call }: LayerComponentProps<void, void>) {
+  const group = useLayerGroup(call);
+  return (
+    <div role="dialog">
+      <button onClick={() => void group.open({ ...nestedConfirm, payload })}>
+        Edit details
+      </button>
+      <group.Outlet />
+    </div>
+  );
+}
+```
+
+</Tab>
+<Tab title="Preact" icon="/icons/preact.svg">
+
+```tsx lineNumbers
+import { useLayerGroup } from "@stainless-code/preact-layers";
+
+function Drawer({ call }: LayerComponentProps<void, void>) {
+  const group = useLayerGroup(call);
+  return (
+    <div role="dialog">
+      <button onClick={() => void group.open({ ...nestedConfirm, payload })}>
+        Edit details
+      </button>
+      <group.Outlet />
+    </div>
+  );
+}
+```
+
+
+</Tab>
+<Tab title="Solid" icon="/icons/solid.svg">
+
+```tsx lineNumbers
+import { useLayerGroup } from "@stainless-code/solid-layers";
+
+function Drawer(props: LayerComponentProps<void, void>) {
+  const group = useLayerGroup(props.call);
+  return (
+    <div role="dialog">
+      <button onClick={() => void group.open({ ...nestedConfirm, payload })}>
+        Edit details
+      </button>
+      <group.Outlet />
+    </div>
+  );
+}
+```
+
+</Tab>
+<Tab title="Angular" icon="/icons/angular.svg">
+
+```ts lineNumbers
+import { useLayerGroup } from "@stainless-code/angular-layers";
+
+@Component({ /* … */ })
+class Drawer {
+  group = useLayerGroup(this.call);
+  openNested() {
+    void this.group.open({ ...nestedConfirm, payload });
+  }
+
+  constructor() {
+    const vcr = inject(ViewContainerRef);
+    this.group.renderInto(vcr); // child stack renders here
+  }
+}
+```
+
+</Tab>
+<Tab title="Vue" icon="/icons/vue.svg">
+
+```vue lineNumbers
+<script setup lang="ts">
+import { useLayerGroup } from "@stainless-code/vue-layers";
+import type { LayerComponentProps } from "@stainless-code/vue-layers";
+
+const { call } = defineProps<LayerComponentProps<void, void>>();
+const group = useLayerGroup(call);</script>
+
+<template>
+  <div role="dialog">
+    <button @click="() => void group.open({ ...nestedConfirm, payload })">
+      Edit details
+    </button>
+    <group.Outlet />
+  </div>
+</template>
+```
+
+</Tab>
+<Tab title="Svelte (runes)" icon="/icons/svelte.svg">
+
+```svelte lineNumbers
+<script lang="ts">
+  import { useLayerGroup } from "@stainless-code/svelte-layers";
+
+  let { call } = $props();
+  const group = useLayerGroup(call);</script>
+
+<div role="dialog">
+  <button onclick={() => void group.open({ ...nestedConfirm, payload })}>
+    Edit details
+  </button>
+  {#each group.stack.current as state (state.id)}
+    {@const nestedCall = group.stack.callFor(state)}
+    {#if nestedCall}<NestedConfirm call={nestedCall} />{/if}
+  {/each}
+</div>
+```
+
+</Tab>
+<Tab title="Svelte (store)" icon="/icons/svelte.svg">
+
+```svelte lineNumbers
+<script lang="ts">
+  import { callFor, useLayerClient, useLayerGroup } from "@stainless-code/svelte-layers/store";
+
+  let { call } = $props();
+  const client = useLayerClient();
+  const group = useLayerGroup(call);  const childStack = group.stack;
+</script>
+
+<div role="dialog">
+  <button onclick={() => void group.open({ ...nestedConfirm, payload })}>
+    Edit details
+  </button>
+  {#each $childStack as state (state.id)}
+    {@const nestedCall = callFor(client, group.stackId, state)}
+    {#if nestedCall}<NestedConfirm call={nestedCall} />{/if}
+  {/each}
+</div>
+```
+
+Store entry renders via `$childStack` + standalone `callFor` — same `group.open` call.
+
+</Tab>
+</Tabs>
+
+## What you get
+
+| Member | Role |
+| ------ | ---- |
+| `open` | Opens on the child stack (stack id pre-bound) |
+| `dismissAll` | Closes all child layers |
+| `states` / `stack` | Reactive snapshot of child layers |
+| `Outlet` / `renderInto` / `stack` | Render surface (adapter-specific) |
+| `stackId` | Derived id — `` `${parentStackId}~${parentLayerId}~${name}` `` |
+
+:::warning[Heads up]
+Child stacks cascade on parent dismiss — blockers on the parent are the right place to guard "close drawer with open sub-dialog?". Children are force-drained; see [Dismissal blockers](/guides/dismissal-blockers).
+:::
+
+No second `LayerClient`, no manual cleanup. See [Lifecycle](/concepts/lifecycle) for how dismissal propagates.
diff --git a/apps/docs/content/guides/payload-validation.mdx b/apps/docs/content/guides/payload-validation.mdx
new file mode 100644
index 0000000..9b7e412
--- /dev/null
+++ b/apps/docs/content/guides/payload-validation.mdx
@@ -0,0 +1,109 @@
+---
+title: Payload validation
+description: Parse untrusted payload at open with validate, Standard Schema, or a sync function.
+search:
+  tags: ["guide"]
+---
+
+A bad payload at `open` should reject before a component ever mounts. Pass `validate` on `layerOptions` or at `open` to parse untrusted input **synchronously**; failure rejects `open` with `PayloadValidationError` and mounts nothing.
+
+## Sync validator function
+
+A sync `(input) => output` function — throw on invalid:
+
+```ts lineNumbers
+const prompt = layerOptions<{ label: string }, string>({
+  stack: "prompt",
+  key: ["prompt", "rename"],
+  component: Prompt,
+  validate: (input: unknown) => { // [!code highlight]
+    const label =
+      typeof input === "object" && input !== null && "label" in input
+        ? (input as { label: unknown }).label
+        : undefined;
+    if (typeof label !== "string" || !label.trim()) {
+      throw new Error("Label required");
+    }
+    return { label: label.trim() };
+  },
+});
+
+// open's payload arg is the validator INPUT; the layer stores OUTPUT
+await client.open({ ...prompt, payload: { label: "  hello  " } });
+// layer sees { label: "hello" }
+```
+
+## Standard Schema
+
+Any library implementing [Standard Schema v1](https://standardschema.dev) works — Zod 4, Valibot, ArkType, etc.:
+
+```ts
+import * as z from "zod";
+
+const schema = z.object({ email: z.string().email() });
+
+await client.open({
+  ...invite,
+  payload: { email: "user@example.com" },
+  validate: schema,
+});
+```
+
+Core ships the `StandardSchemaV1` type interface — no schema-library dependency.
+
+## PayloadValidationError
+
+When validation fails, `open` rejects with `PayloadValidationError`:
+
+```ts
+import { isPayloadValidationError } from "@stainless-code/layers";
+
+try {
+  await client.open({ ...prompt, payload: untrusted });
+} catch (err) {
+  if (isPayloadValidationError(err)) {
+    for (const issue of err.issues) {
+      console.log(issue.message, issue.path);
+    }
+  }
+}
+```
+
+## Wired handle (`ValidatedLayerHandle`)
+
+When `validate` is on `layerOptions`, `createLayer` / `useLayer` return a `ValidatedLayerHandle` — `open`/`upsert` take schema **input**; `current` and `update` use parsed **output**:
+
+```tsx lineNumbers
+import { useLayer } from "@stainless-code/react-layers";
+
+const prompt = layerOptions<string, string>({
+  stack: "prompt",
+  key: ["prompt", "rename"],
+  component: Prompt,
+  validate: (input: unknown) => {
+    if (typeof input !== "string" || !input.trim()) throw new Error("Required");
+    return input.trim();
+  },
+});
+
+function RenameButton() {
+  const promptLayer = useLayer(prompt);
+
+  return (
+    <button onClick={() => void promptLayer.open("  hello  ")}>
+      Rename
+    </button>
+  );
+}
+// component payload: "hello" (output)
+```
+
+Headless hosts use `createLayer(prompt, client)` with the same input/output split.
+
+## Rules
+
+- Validation runs **synchronously** at `open` — async schemas throw at open time (`Async payload validation is not supported`).
+- `open`'s `payload` is schema **input**; the component sees schema **output**.
+- `upsert` re-validates — invalid input rejects and leaves the existing layer unchanged.
+
+Type helpers: `InferValidatorInput`, `InferValidatorOutput`, `ValidationIssue`. See [Error handling](/guides/error-handling) for narrowing rejections.
diff --git a/apps/docs/content/guides/serial-queues.mdx b/apps/docs/content/guides/serial-queues.mdx
new file mode 100644
index 0000000..f1e71d3
--- /dev/null
+++ b/apps/docs/content/guides/serial-queues.mdx
@@ -0,0 +1,104 @@
+---
+title: Serial queues
+description: One active layer at a time with scope serial, getQueuedSnapshot, and queued-confirm flows.
+search:
+  tags: ["guide"]
+---
+
+Onboarding steps, queued confirms, wizards — some surfaces must show one layer at a time. Set `scope: { strategy: "serial" }` on the stack so later opens wait as `queued` instead of mounting in parallel.
+
+## Configure serial scope
+
+Per-stack at client creation or per-open via stack defaults:
+
+```ts
+const client = new LayerClient({
+  defaultStackOptions: {
+    confirm: { scope: { strategy: "serial" } },
+  },
+});
+```
+
+Or inline when ensuring a stack:
+
+```ts
+client.ensureStack("onboarding", { scope: { strategy: "serial" } });
+```
+
+## Observe the queue
+
+Active layers appear in `getSnapshot()`. Waiting layers are `phase: "queued"` and visible only via `getQueuedSnapshot()`:
+
+```ts lineNumbers
+const stack = client.getStack("confirm");
+
+stack.subscribe(() => {
+  const active = stack.getSnapshot();
+  const queued = stack.getQueuedSnapshot(); // [!code highlight]
+  console.log({ active: active.length, queued: queued.length });
+});
+```
+
+Queued layers are not mounted — their components do not render until the active layer dismisses.
+
+## Onboarding flow
+
+```ts lineNumbers
+const steps = [
+  layerOptions({ stack: "onboarding", key: ["onboarding", 1], component: Step1 }),
+  layerOptions({ stack: "onboarding", key: ["onboarding", 2], component: Step2 }),
+  layerOptions({ stack: "onboarding", key: ["onboarding", 3], component: Step3 }),
+];
+
+for (const step of steps) {
+  void client.open(step); // [!code highlight]
+  // only one active; rest queue
+}
+```
+
+Each step's component calls `call.end()` when done; the next queued layer activates automatically.
+
+## Queued confirm
+
+Show queue position in UI by subscribing to both snapshots:
+
+```tsx lineNumbers
+function QueueIndicator() {
+  const client = useLayerClient();
+  const stack = client.getStack("confirm");
+  const [queued, setQueued] = useState(0);
+
+  useEffect(() => {
+    return stack.subscribe(() => {
+      setQueued(stack.getQueuedSnapshot().length); // [!code highlight]
+    });
+  }, [stack]);
+
+  if (queued === 0) return null;
+  return <span>{queued} waiting</span>;
+}
+```
+
+In adapters, observe queued layers with `useLayerQueuedState({ key, stack })` (per-key) or `useQueuedStack({ stack })` (whole stack) — both return `LayerState[]` for `phase: "queued"` rows. Svelte names these `createLayerQueuedState` / `createQueuedStack`. Wired handles expose the same slice as `.queued` (`useLayer` / `injectLayer` / `createLayer`).
+
+## Cancel a queued layer
+
+`cancelQueued` resolves and removes a `queued` layer without mounting — blockers do not apply. Omit `{ id }` to drop the FIFO head for that key; pass `{ id: state.id }` to target one queued instance:
+
+```ts lineNumbers
+const stack = client.getStack("confirm");
+
+// FIFO head for this key
+stack.cancelQueued(["confirm", "remove"], false);
+
+// exact queued row
+stack.cancelQueued(["confirm", "remove"], false, { id: queuedState.id }); // [!code highlight]
+```
+
+On a wired handle, `confirmLayer.cancelQueued(false)` is FIFO for the bound key; `confirmLayer.cancelQueued(false, { id })` targets one row.
+
+## Edge cases
+
+- **`dismissAll`** drains the queue — queued callers resolve without mounting.
+- **`cancelQueued`** — see above; also on `LayerHandle` / `useLayer(options)`.
+- Default scope is `"parallel"` — layers stack freely. See [Stacks, scope, and gcTime](/concepts/stacks-scope-gc).
diff --git a/apps/docs/content/guides/singletons.mdx b/apps/docs/content/guides/singletons.mdx
new file mode 100644
index 0000000..938bea7
--- /dev/null
+++ b/apps/docs/content/guides/singletons.mdx
@@ -0,0 +1,69 @@
+---
+title: Singletons
+description: One live instance per key with upsert and live payload updates via update.
+search:
+  tags: ["guide"]
+---
+
+Toasts, snackbars, and progress indicators share one surface: a single layer instance whose payload changes over time. Use `upsert` to reuse an existing key and `update` to patch the live payload.
+
+## Upsert on open
+
+Pass `upsert: true` when opening (or set it on `layerOptions`) so a second open with the same key merges into the existing layer instead of stacking a duplicate:
+
+```ts lineNumbers
+const toast = layerOptions<{ msg: string }>({
+  stack: "toast",
+  key: ["toast"],
+  component: Toast,
+  upsert: true, // [!code highlight]
+});
+
+void client.open({ ...toast, payload: { msg: "Saved" } });
+void client.open({ ...toast, payload: { msg: "Synced" } }); // same instance, payload merged
+```
+
+## Live updates
+
+Inside the layer, call `call.update(patch)` to patch payload without re-opening:
+
+```tsx lineNumbers
+function Toast({ call, payload }: LayerComponentProps<{ msg: string }>) {
+  return <div>{payload.msg}</div>;
+}
+
+// elsewhere, while the toast is active:
+const stack = client.getStack("toast");
+const layer = stack.find(["toast"]);
+if (layer) {
+  stack.update(layer, { msg: "Uploading… 42%" }); // [!code highlight]
+}
+```
+
+`call.update` is the same operation scoped to the active instance:
+
+```tsx lineNumbers
+function Progress({ call, payload }: LayerComponentProps<{ pct: number }>) {
+  useEffect(() => {
+    const id = setInterval(() => {
+      call.update({ pct: payload.pct + 1 }); // [!code highlight]
+    }, 100);
+    return () => clearInterval(id);
+  }, [call, payload.pct]);
+  return <progress value={payload.pct} max={100} />;
+}
+```
+
+## When to use
+
+| Pattern | API |
+| ------- | --- |
+| Replace content on repeat open | `upsert: true` on `open` |
+| Patch while mounted | `call.update(patch)` or `stack.update(layer, patch)` |
+| Dismiss the singleton | `call.dismiss()` or `stack.dismiss(layer)` |
+
+:::note
+`upsert` re-validates when `validate` is set — invalid input rejects `open` and leaves the existing layer unchanged.
+:::
+
+See [Stacks, scope, and gcTime](/concepts/stacks-scope-gc) for how key identity drives `find` and `upsert`.
diff --git a/apps/docs/content/guides/ssr.mdx b/apps/docs/content/guides/ssr.mdx
new file mode 100644
index 0000000..63c8a1e
--- /dev/null
+++ b/apps/docs/content/guides/ssr.mdx
@@ -0,0 +1,44 @@
+---
+title: SSR
+description: Per-adapter server rendering posture and client-only caveats.
+search:
+  tags: ["guide"]
+---
+
+Stacks are empty on the server and hydrate on the client — Layers is **client-only today**. Each adapter handles SSR differently; all avoid cross-request listener leaks.
+
+## Per-adapter posture
+
+| Adapter | SSR mechanism | Server snapshot |
+| ------- | ------------- | --------------- |
+| React | `useSyncExternalStore` + `getServerSnapshot` | `[]` — never subscribes on server |
+| Preact | Same via `preact/compat` | `[]` |
+| Solid | `from` owner cleanup on scope dispose | eager subscribe, cleaned up |
+| Angular | `effect` `onCleanup` on destroy | eager subscribe, cleaned up |
+| Vue | `onScopeDispose` tears down on SSR scope end | eager subscribe, cleaned up |
+| Svelte (runes) | `createSubscriber` is lazy — no subscription during string render | unread → no subscription |
+| Svelte (store) | `readable` starts idle; first subscriber re-reads | empty until client subscribes |
+
+## React / Preact
+
+`useStack` wires `getServerSnapshot` to return an empty snapshot. `useSyncExternalStore` **never invokes `subscribe` on the server** — the store is read once with no listener registered. This is the whole SSR-safety story for these adapters.
+
+## Solid / Angular / Vue
+
+These adapters subscribe eagerly but register teardown (`from` owner / `effect` `onCleanup` / `onScopeDispose`) that runs when the framework disposes the SSR render scope. A proactive `typeof window` guard was deliberately **not** added — it would break adapter unit tests in environments without `window`.
+
+## Svelte
+
+The runes entry's `createSubscriber` only starts the stack subscription when `.current` is read inside a reactive context — which does not happen during server string rendering.
+
+## Client-only caveats
+
+- Server HTML will **not** include open layers — mount `StackOutlet` (or your headless renderer) in client-hydrated subtrees.
+- Initial `transition` on hydration should be `"settled"` when SSR layer rendering lands.
+- On React/Preact, `getServerSnapshot` is `[]` passed through your selector (identity → `[]`, `useLayerState` default → `[]`, `s => s.length` → `0`).
+
+:::note
+Revisit proactive server guards only if a concrete SSR listener leak surfaces in production.
+:::
+
+See [Architecture](/concepts/overview) for the adapter ergonomics matrix.
diff --git a/apps/docs/content/integrations/base-ui/animated-enter-exit.mdx b/apps/docs/content/integrations/base-ui/animated-enter-exit.mdx
new file mode 100644
index 0000000..2f615b2
--- /dev/null
+++ b/apps/docs/content/integrations/base-ui/animated-enter-exit.mdx
@@ -0,0 +1,25 @@
+---
+title: Animated enter/exit + Base UI
+description: Compose Layers with Base UI for enter/exit CSS transitions.
+search:
+  tags: ["integration"]
+---
+
+import buSrc from "../../../recipes/animated-enter-exit/react.baseui.tsx?raw";
+
+Instant `call.end` cuts off CSS exit transitions — Layers must hold the mount until Base UI finishes. `useLayer(animated)` opens the dialog; resolve `call.end` in `onOpenChangeComplete(false)` after dismiss intent sets `open` false. See the [live demo](/examples/animated-enter-exit).
+
+## Recipe
+
+<CodeBlock code={buSrc} lang="tsx" />
+
+## Seam notes
+
+- Don't use Base UI's trigger wrappers — controlled overlay while mounted.
+- **Exit-animation crux:** don't `call.end` on dismiss intent or Layers unmounts before the exit anim plays. Base UI fix: `setOpen(false)` on dismiss intent, resolve `call.end(result)` in `onOpenChangeComplete(false)` (fires after Base UI's exit animation). Style with Base UI's starting/ending data attributes as needed.
+- Lib owns focus/portal/scroll-lock — don't double-apply Layers-side equivalents.
+
+## Learn more
+
+- [Animated enter/exit example](/examples/animated-enter-exit) — live demo and per-framework recipes
+- [Lifecycle](/concepts/lifecycle) — phases, transitions, and dismissal
diff --git a/apps/docs/content/integrations/base-ui/confirm-dialog.mdx b/apps/docs/content/integrations/base-ui/confirm-dialog.mdx
new file mode 100644
index 0000000..7d90759
--- /dev/null
+++ b/apps/docs/content/integrations/base-ui/confirm-dialog.mdx
@@ -0,0 +1,26 @@
+---
+title: Confirm dialog + Base UI
+description: Compose Layers with Base UI for a typed confirm result.
+search:
+  tags: ["integration"]
+---
+
+import buSrc from "../../../recipes/confirm-dialog/react.baseui.tsx?raw";
+
+Delete needs a typed yes/no without Base UI's `Dialog.Trigger`. `useLayer(confirm)` + `await confirm.open(payload)` mounts a controlled `Dialog`; `call.end` resolves the boolean. See the [live demo](/examples/confirm-dialog).
+
+## Recipe
+
+<CodeBlock code={buSrc} lang="tsx" />
+
+## Seam notes
+
+- Don't use Base UI's `Dialog.Trigger` — controlled `open` starts `true`.
+- **Exit-animation crux (Base UI):** on dismiss intent set pending result + `setOpen(false)`; resolve `call.end(result)` in `onOpenChangeComplete(false)` (fires AFTER Base UI's exit animation) so exit anim is never cut off.
+- Blockers: use Base UI's dismiss-disable (`disablePointerDismissal` / `eventDetails.cancel()`).
+- Lib owns portal/focus/scroll-lock — don't double-apply Layers-side equivalents.
+
+## Learn more
+
+- [Confirm dialog example](/examples/confirm-dialog) — live demo and per-framework recipes
+- [Lifecycle](/concepts/lifecycle) — phases, transitions, and dismissal
diff --git a/apps/docs/content/integrations/base-ui/drawer.mdx b/apps/docs/content/integrations/base-ui/drawer.mdx
new file mode 100644
index 0000000..88d8691
--- /dev/null
+++ b/apps/docs/content/integrations/base-ui/drawer.mdx
@@ -0,0 +1,25 @@
+---
+title: Drawer + Base UI
+description: Compose Layers with Base UI for a slide-over drawer.
+search:
+  tags: ["integration"]
+---
+
+import buSrc from "../../../recipes/drawer/react.baseui.tsx?raw";
+
+Settings belong in a slide-over, not a centered modal — no `Dialog.Trigger`. `useLayer(drawer)` + `await drawer.open({ title: "Settings" })` mounts `Drawer.Root`; `call.end` returns the typed boolean. See the [live demo](/examples/drawer).
+
+## Recipe
+
+<CodeBlock code={buSrc} lang="tsx" />
+
+## Seam notes
+
+- Don't use Base UI's `Dialog.Trigger` — controlled `open` starts `true`.
+- **Exit-animation crux** — on dismiss intent, set pending result and `setOpen(false)`; call `call.end(result)` in `onOpenChangeComplete(false)` after the exit animation completes so the slide-out is never cut off.
+- Base UI owns focus trap / portal / scroll-lock — don't double-apply Layers-side equivalents.
+
+## Learn more
+
+- [Drawer example](/examples/drawer) — live demo and per-framework recipes
+- [Lifecycle](/concepts/lifecycle) — phases, transitions, and dismissal
diff --git a/apps/docs/content/integrations/base-ui/index.mdx b/apps/docs/content/integrations/base-ui/index.mdx
new file mode 100644
index 0000000..7d8cd44
--- /dev/null
+++ b/apps/docs/content/integrations/base-ui/index.mdx
@@ -0,0 +1,52 @@
+---
+title: Base UI
+description: Compose Layers with Base UI — controlled overlays, seam notes, and recipes.
+sidebar:
+  label: Overview
+search:
+  tags: ["integration"]
+---
+
+Skip Base UI's trigger helpers — mount controlled `Dialog`, `Drawer`, and alert primitives from the layer component while the call runs. Each page ships a recipe and seam notes; live behavior is on the matching [example](/examples) page.
+
+<CardGroup cols={2}>
+  <Card
+    title="Toast with auto-dismiss"
+    description="`void toast.open(...)` + Base UI toast region while mounted."
+    href="/integrations/base-ui/toast"
+    icon="bell"
+    arrow
+  />
+  <Card
+    title="Confirm dialog with a typed result"
+    description="`await confirm.open(...)` → controlled `Dialog`; `call.end` resolves."
+    href="/integrations/base-ui/confirm-dialog"
+    icon="help-circle"
+    arrow
+  />
+  <Card
+    title="Drawer with slide-over panel"
+    description="Slide-over via Base UI drawer primitives; typed boolean on dismiss."
+    href="/integrations/base-ui/drawer"
+    icon="panel-right"
+    arrow
+  />
+  <Card
+    title="Nested confirm inside a parent dialog"
+    description="Child stack via `useLayerGroup`; drains when the parent dismisses."
+    href="/integrations/base-ui/nested-confirm"
+    icon="layers"
+    arrow
+  />
+  <Card
+    title={"Animated enter/exit with `settle()`"}
+    description="Hold `call.end` until `onOpenChangeComplete` fires."
+    href="/integrations/base-ui/animated-enter-exit"
+    icon="sparkles"
+    arrow
+  />
+</CardGroup>
+
+:::note
+Non-React adopters: per-framework recipes live on each [example](/examples) page. Integrations are React-only seams.
+:::
diff --git a/apps/docs/content/integrations/base-ui/meta.ts b/apps/docs/content/integrations/base-ui/meta.ts
new file mode 100644
index 0000000..4618d67
--- /dev/null
+++ b/apps/docs/content/integrations/base-ui/meta.ts
@@ -0,0 +1,7 @@
+import { defineMeta } from "blume";
+
+export default defineMeta({
+  title: "Base UI",
+  icon: "/icons/base-ui.svg",
+  pages: ["toast", "confirm-dialog", "drawer", "nested-confirm", "animated-enter-exit"],
+});
diff --git a/apps/docs/content/integrations/base-ui/nested-confirm.mdx b/apps/docs/content/integrations/base-ui/nested-confirm.mdx
new file mode 100644
index 0000000..4860cd1
--- /dev/null
+++ b/apps/docs/content/integrations/base-ui/nested-confirm.mdx
@@ -0,0 +1,25 @@
+---
+title: Nested confirm + Base UI
+description: Compose Layers with Base UI for a child confirm inside a parent dialog.
+search:
+  tags: ["integration"]
+---
+
+import buSrc from "../../../recipes/nested-confirm/react.baseui.tsx?raw";
+
+Delete inside a parent dialog needs its own confirm — no `Dialog.Trigger` on either surface. `useLayer(parent)` + `useLayerGroup`/`group.open` mounts nested `Dialog.Root`s; `call.end` resolves each. See the [live demo](/examples/nested-confirm).
+
+## Recipe
+
+<CodeBlock code={buSrc} lang="tsx" />
+
+## Seam notes
+
+- Don't use `Dialog.Trigger` — one controlled `Dialog.Root` per layer.
+- Nest via the Layers layer group (`useLayerGroup` + `<group.Outlet />`), one `Dialog.Root` per layer — not stacked-in-one-component.
+- **Exit-animation crux** — `onOpenChangeComplete(false)` → `call.end` per dialog; Base UI owns portal/focus/scroll-lock.
+
+## Learn more
+
+- [Nested confirm example](/examples/nested-confirm) — live demo and per-framework recipes
+- [Lifecycle](/concepts/lifecycle) — phases, transitions, and dismissal
diff --git a/apps/docs/content/integrations/base-ui/toast.mdx b/apps/docs/content/integrations/base-ui/toast.mdx
new file mode 100644
index 0000000..be0b725
--- /dev/null
+++ b/apps/docs/content/integrations/base-ui/toast.mdx
@@ -0,0 +1,26 @@
+---
+title: Toast + Base UI
+description: Compose Layers with Base UI for fire-and-forget toasts.
+search:
+  tags: ["integration"]
+---
+
+import buSrc from "../../../recipes/toast/react.baseui.tsx?raw";
+
+Save feedback shouldn't block the UI. `useLayer(toast)` + `void toast.open({ message: "Saved" })` mounts Base UI toast primitives for the call lifetime — no trigger wrappers. See the [live demo](/examples/toast).
+
+## Recipe
+
+<CodeBlock code={buSrc} lang="tsx" />
+
+## Seam notes
+
+- Don't use Base UI's trigger wrappers — render the controlled overlay directly while mounted.
+- `Toast.createToastManager()` owns the queue/viewport — lib owns queue; Layers is the typed `open` entry. Don't dual-queue.
+- Toast is instant-dismiss (no exit-animation crux) — `call.dismiss()` after the timeout is fine; the `transition`/`call.settle()` axis is irrelevant here (it matters for animated-enter-exit, not toast).
+- Layers coordinates open/dismiss only — leave the toast region to Base UI; don't add modal-style focus traps or scroll-lock.
+
+## Learn more
+
+- [Toast example](/examples/toast) — live demo and per-framework recipes
+- [Lifecycle](/concepts/lifecycle) — phases, transitions, and dismissal
diff --git a/apps/docs/content/integrations/index.mdx b/apps/docs/content/integrations/index.mdx
new file mode 100644
index 0000000..1e67135
--- /dev/null
+++ b/apps/docs/content/integrations/index.mdx
@@ -0,0 +1,29 @@
+---
+title: Integrations
+description: Compose Layers with accessible overlay libraries.
+search:
+  tags: ["integration"]
+---
+
+Modal libraries want trigger wrappers and co-located open state; Layers wants imperative `open` from call sites with queue, blockers, and typed results. These pages show controlled React Aria and Base UI composition — no `DialogTrigger`, no double portals.
+
+<CardGroup cols={2}>
+  <Card
+    title="React Aria"
+    description="RAC `ModalOverlay`, `Dialog`, drawers, and toasts — Layers owns the imperative entry."
+    href="/integrations/react-aria"
+    icon="/icons/react-aria.svg"
+    arrow
+  />
+  <Card
+    title="Base UI"
+    description="Base UI `Dialog`, `Drawer`, and alert primitives — same orchestration contract."
+    href="/integrations/base-ui"
+    icon="/icons/base-ui.svg"
+    arrow
+  />
+</CardGroup>
+
+:::note
+Integrations are React-only seams — React Aria and Base UI ship React only. Non-React adopters use the per-framework recipes on each [example](/examples) page.
+:::
diff --git a/apps/docs/content/integrations/meta.ts b/apps/docs/content/integrations/meta.ts
new file mode 100644
index 0000000..678d057
--- /dev/null
+++ b/apps/docs/content/integrations/meta.ts
@@ -0,0 +1,7 @@
+import { defineMeta } from "blume";
+
+export default defineMeta({
+  title: "Integrations",
+  icon: "blocks",
+  pages: ["react-aria", "base-ui"],
+});
diff --git a/apps/docs/content/integrations/react-aria/animated-enter-exit.mdx b/apps/docs/content/integrations/react-aria/animated-enter-exit.mdx
new file mode 100644
index 0000000..adc04a6
--- /dev/null
+++ b/apps/docs/content/integrations/react-aria/animated-enter-exit.mdx
@@ -0,0 +1,25 @@
+---
+title: Animated enter/exit + React Aria
+description: Compose Layers with React Aria for enter/exit CSS transitions.
+search:
+  tags: ["integration"]
+---
+
+import racSrc from "../../../recipes/animated-enter-exit/react.rac.tsx?raw";
+
+Instant `call.end` cuts off RAC exit animations — Layers must hold the mount until the exit finishes. `useLayer(animated)` opens the modal; this recipe holds local `exiting` state and defers `call.end` until a timer matching the CSS exit. See the [live demo](/examples/animated-enter-exit).
+
+## Recipe
+
+<CodeBlock code={racSrc} lang="tsx" />
+
+## Seam notes
+
+- Don't use RAC's trigger wrappers — controlled overlay while mounted.
+- **Exit-animation crux:** if `call.end` fires the moment the user dismisses, Layers unmounts synchronously and the exit animation never plays. Hold local `exiting` state and defer `call.end` until the CSS exit finishes (timer, `onAnimationComplete`, or RAC `data-[exiting]` — recipe uses a timer).
+- Lib owns focus/portal/scroll-lock — don't double-apply Layers-side equivalents.
+
+## Learn more
+
+- [Animated enter/exit example](/examples/animated-enter-exit) — live demo and per-framework recipes
+- [Lifecycle](/concepts/lifecycle) — phases, transitions, and dismissal
diff --git a/apps/docs/content/integrations/react-aria/confirm-dialog.mdx b/apps/docs/content/integrations/react-aria/confirm-dialog.mdx
new file mode 100644
index 0000000..630add9
--- /dev/null
+++ b/apps/docs/content/integrations/react-aria/confirm-dialog.mdx
@@ -0,0 +1,25 @@
+---
+title: Confirm dialog + React Aria
+description: Compose Layers with React Aria Components for a typed confirm result.
+search:
+  tags: ["integration"]
+---
+
+import racSrc from "../../../recipes/confirm-dialog/react.rac.tsx?raw";
+
+Delete needs a typed yes/no without RAC's `DialogTrigger`. `useLayer(confirm)` + `await confirm.open(payload)` mounts a controlled `ModalOverlay`/`Dialog`; `call.end` resolves the boolean. See the [live demo](/examples/confirm-dialog).
+
+## Recipe
+
+<CodeBlock code={racSrc} lang="tsx" />
+
+## Seam notes
+
+- Don't use RAC's `DialogTrigger` — render the controlled overlay directly (`isOpen` literal `true`; `onOpenChange(false)` is the dismiss signal).
+- Blockers: for Layers blockers that must prevent dismissal, use RAC's `isKeyboardDismissDisabled` + `isDismissable={false}` — don't also apply Layers-side focus/scroll-lock (RAC owns portal/focus/scroll-lock).
+- Exit animation: instant-dismiss can `call.end` on `onOpenChange`; animated exit should hold local `exiting` + `onAnimationComplete` → `call.end` (see animated-enter-exit). Don't drive RAC exit timing via Layers' `transition` axis.
+
+## Learn more
+
+- [Confirm dialog example](/examples/confirm-dialog) — live demo and per-framework recipes
+- [Lifecycle](/concepts/lifecycle) — phases, transitions, and dismissal
diff --git a/apps/docs/content/integrations/react-aria/drawer.mdx b/apps/docs/content/integrations/react-aria/drawer.mdx
new file mode 100644
index 0000000..840b185
--- /dev/null
+++ b/apps/docs/content/integrations/react-aria/drawer.mdx
@@ -0,0 +1,25 @@
+---
+title: Drawer + React Aria
+description: Compose Layers with React Aria Components for a slide-over drawer.
+search:
+  tags: ["integration"]
+---
+
+import racSrc from "../../../recipes/drawer/react.rac.tsx?raw";
+
+Settings belong in a slide-over — RAC has no Drawer, so style a controlled `Modal` as a sheet. `useLayer(drawer)` + `await drawer.open({ title: "Settings" })`; `call.end` returns the typed boolean. See the [live demo](/examples/drawer).
+
+## Recipe
+
+<CodeBlock code={racSrc} lang="tsx" />
+
+## Seam notes
+
+- Don't use RAC's trigger wrappers — controlled overlay while mounted (`isOpen` literal `true`, `onOpenChange(false)` is the dismiss signal).
+- RAC owns focus trap / portal / scroll-lock — don't double-apply Layers-side equivalents.
+- For animated slide-over exit, hold local `exiting` and `call.end(result)` on `onAnimationComplete`. Don't drive RAC exit timing via Layers' `transition` axis.
+
+## Learn more
+
+- [Drawer example](/examples/drawer) — live demo and per-framework recipes
+- [Lifecycle](/concepts/lifecycle) — phases, transitions, and dismissal
diff --git a/apps/docs/content/integrations/react-aria/index.mdx b/apps/docs/content/integrations/react-aria/index.mdx
new file mode 100644
index 0000000..354db0c
--- /dev/null
+++ b/apps/docs/content/integrations/react-aria/index.mdx
@@ -0,0 +1,52 @@
+---
+title: React Aria
+description: Compose Layers with React Aria Components — controlled overlays, seam notes, and recipes.
+sidebar:
+  label: Overview
+search:
+  tags: ["integration"]
+---
+
+Skip RAC's `DialogTrigger` — mount controlled `ModalOverlay`, `Dialog`, drawer, and toast primitives from the layer component while the call runs. Each page ships a recipe and seam notes; live behavior is on the matching [example](/examples) page.
+
+<CardGroup cols={2}>
+  <Card
+    title="Toast with auto-dismiss"
+    description="`void toast.open(...)` + RAC `UNSTABLE_Toast*` while mounted."
+    href="/integrations/react-aria/toast"
+    icon="bell"
+    arrow
+  />
+  <Card
+    title="Confirm dialog with a typed result"
+    description="`await confirm.open(...)` → `Modal` + `Dialog`; `call.end` resolves."
+    href="/integrations/react-aria/confirm-dialog"
+    icon="help-circle"
+    arrow
+  />
+  <Card
+    title="Drawer with slide-over panel"
+    description="Slide-over via a styled RAC Modal (no Drawer primitive); typed boolean on dismiss."
+    href="/integrations/react-aria/drawer"
+    icon="panel-right"
+    arrow
+  />
+  <Card
+    title="Nested confirm inside a parent dialog"
+    description="Child stack via `useLayerGroup`; drains when the parent dismisses."
+    href="/integrations/react-aria/nested-confirm"
+    icon="layers"
+    arrow
+  />
+  <Card
+    title={"Animated enter/exit with `settle()`"}
+    description="Hold `call.end` until RAC's exit animation completes."
+    href="/integrations/react-aria/animated-enter-exit"
+    icon="sparkles"
+    arrow
+  />
+</CardGroup>
+
+:::note
+Non-React adopters: per-framework recipes live on each [example](/examples) page. Integrations are React-only seams.
+:::
diff --git a/apps/docs/content/integrations/react-aria/meta.ts b/apps/docs/content/integrations/react-aria/meta.ts
new file mode 100644
index 0000000..06c9b31
--- /dev/null
+++ b/apps/docs/content/integrations/react-aria/meta.ts
@@ -0,0 +1,7 @@
+import { defineMeta } from "blume";
+
+export default defineMeta({
+  title: "React Aria",
+  icon: "/icons/react-aria.svg",
+  pages: ["toast", "confirm-dialog", "drawer", "nested-confirm", "animated-enter-exit"],
+});
diff --git a/apps/docs/content/integrations/react-aria/nested-confirm.mdx b/apps/docs/content/integrations/react-aria/nested-confirm.mdx
new file mode 100644
index 0000000..9539799
--- /dev/null
+++ b/apps/docs/content/integrations/react-aria/nested-confirm.mdx
@@ -0,0 +1,26 @@
+---
+title: Nested confirm + React Aria
+description: Compose Layers with React Aria for a child confirm inside a parent dialog.
+search:
+  tags: ["integration"]
+---
+
+import racSrc from "../../../recipes/nested-confirm/react.rac.tsx?raw";
+
+Delete inside a parent dialog needs its own confirm — no `DialogTrigger` on either surface. `useLayer(parent)` + `useLayerGroup`/`group.open` mounts nested RAC `Modal`s; `call.end` resolves each. See the [live demo](/examples/nested-confirm).
+
+## Recipe
+
+<CodeBlock code={racSrc} lang="tsx" />
+
+## Seam notes
+
+- Don't use RAC `DialogTrigger` — one controlled `Modal` per layer.
+- Nest via the Layers **layer group** (`useLayerGroup` + `<group.Outlet />`), NOT stacked-in-one-component — one RAC `Modal` per layer.
+- RAC owns portal/focus/scroll-lock per dialog — don't double-apply Layers-side equivalents.
+- Don't drive RAC exit timing via Layers' `transition` axis — defer `call.end` until the lib animation finishes.
+
+## Learn more
+
+- [Nested confirm example](/examples/nested-confirm) — live demo and per-framework recipes
+- [Lifecycle](/concepts/lifecycle) — phases, transitions, and dismissal
diff --git a/apps/docs/content/integrations/react-aria/toast.mdx b/apps/docs/content/integrations/react-aria/toast.mdx
new file mode 100644
index 0000000..769ad91
--- /dev/null
+++ b/apps/docs/content/integrations/react-aria/toast.mdx
@@ -0,0 +1,27 @@
+---
+title: Toast + React Aria
+description: Compose Layers with React Aria Components for fire-and-forget toasts.
+search:
+  tags: ["integration"]
+---
+
+import racSrc from "../../../recipes/toast/react.rac.tsx?raw";
+
+Save feedback shouldn't block the UI. `useLayer(toast)` + `void toast.open({ message: "Saved" })` mounts `UNSTABLE_Toast*` for the call lifetime — no RAC trigger wrappers. See the [live demo](/examples/toast).
+
+## Recipe
+
+<CodeBlock code={racSrc} lang="tsx" />
+
+## Seam notes
+
+- Don't use RAC's trigger wrappers — render the controlled overlay directly while mounted.
+- `UNSTABLE_Toast*` is the 1.19 export prefix (stable in 3.x) — pin `react-aria-components` accordingly.
+- **Queue ownership:** RAC ships a global `ToastQueue`. For toasts, let the lib own the queue/region; Layers is the typed `open` entry. Don't dual-queue.
+- Toast is instant-dismiss (no exit-animation crux) — `call.dismiss()` after the timeout is fine; the `transition`/`call.settle()` axis is irrelevant here (it matters for animated-enter-exit, not toast).
+- Layers coordinates open/dismiss only — leave the toast region to RAC; don't add modal-style focus traps or scroll-lock.
+
+## Learn more
+
+- [Toast example](/examples/toast) — live demo and per-framework recipes
+- [Lifecycle](/concepts/lifecycle) — phases, transitions, and dismissal
diff --git a/apps/docs/content/reference/adapter-hooks.mdx b/apps/docs/content/reference/adapter-hooks.mdx
new file mode 100644
index 0000000..a2c1d5c
--- /dev/null
+++ b/apps/docs/content/reference/adapter-hooks.mdx
@@ -0,0 +1,130 @@
+---
+title: Adapter hooks
+description: Hook and provider signatures across React, Preact, Solid, Angular, Vue, and Svelte adapters.
+search:
+  tags: ["reference", "adapters"]
+---
+
+**Wire** a definition to imperative ops, or **observe** stack snapshots for rendering — same options bags on every adapter, framework-native wrappers only. React/Preact/Solid/Angular/Vue re-export the full core. Svelte re-exports selectively — core's headless `createLayer` is `createLayerHandle`.
+
+:::note[Svelte entries]
+`@stainless-code/svelte-layers` (runes, 5.7+) and `@stainless-code/svelte-layers/store` (readable stores, 3+) share client helpers but differ in stack reactivity and rendering.
+:::
+
+## Wired vs observe
+
+| Role | Hooks | Default return |
+| ---- | ----- | -------------- |
+| **Wire** — `createLayer` + reactive fields | `useLayer` (React / Preact / Solid / Vue), `injectLayer` (Angular), `createLayer` (Svelte) | `WiredLayerHandle` — ops + `state` / `queued` / `top` |
+| **Observe mounted** — whole stack or per-key filter | `useStack`, `useLayerState` | `LayerState[]` (or selected `T`) |
+| **Observe queued** — serial-waiting layers | `useQueuedStack`, `useLayerQueuedState` | `LayerState[]` (or selected `T`) |
+
+Wired handles take a full `layerOptions` bag (including `key`) and expose payload-only `open` / `upsert`:
+
+```tsx
+const confirm = useLayer(layerOptions({ key: "confirm", component: Confirm }));
+const ok = await confirm.open({ title: "Remove?" });
+// confirm.state — mounted same-key layers
+// confirm.top — topmost mounted same-key layer (or null)
+```
+
+Observe hooks take an options bag and never add imperative ops. Per-key hooks default to `LayerState[]` — empty when nothing matches, not `null`:
+
+```tsx
+const layers = useLayerState({ key: "confirm", stack: "default" });
+// layers.length === 0 when closed
+```
+
+## Options bags
+
+Shared across React, Preact, Solid, Angular, and Vue:
+
+```ts
+interface UseStackOptions<T = LayerState[]> {
+  stack?: string; // @default "default"
+  select?: (states: LayerState[]) => T;
+  compare?: (a: T, b: T) => boolean; // @default Object.is
+}
+
+interface UseLayerStateOptions<Key extends LayerKey, …> {
+  key: Key;
+  stack?: string;
+  select?: (states: LayerState<…>[]) => U;
+  compare?: (a: U, b: U) => boolean; // key-filtered hooks default shallowArrayEqual
+}
+```
+
+Optional trailing `client?: LayerClient` on every hook; omit to use context (`useLayerClient` / `setLayerClient` / `provideLayerClient`).
+
+Svelte runes/store use the same option shapes; runes entries return `SvelteStack<T>` (`.current` + `callFor`), store entries return `Readable<T>` plus standalone `callFor(client, stackId, state)`.
+
+## Provider / client acquisition
+
+| Adapter | Provider / setup | Client hook |
+| ------- | ---------------- | ----------- |
+| React | `StackProvider({ client?, children })` | `useLayerClient(): LayerClient` |
+| Preact | `StackProvider({ client?, children })` | `useLayerClient(): LayerClient` |
+| Solid | `<LayerClientContext.Provider value={client}>` | `useLayerClient(): LayerClient` |
+| Angular | `provideLayerClient(client?): FactoryProvider` + `LAYER_CLIENT` token | `useLayerClient(): LayerClient` (injection context) |
+| Vue | `provideLayerClient(client?): LayerClient` | `useLayerClient(): LayerClient` |
+| Svelte (runes) | `setLayerClient(client?): LayerClient` | `useLayerClient(): LayerClient` |
+| Svelte (store) | `setLayerClient(client?): LayerClient` | `useLayerClient(): LayerClient` |
+
+## Hook matrix
+
+| Hook | React / Preact / Solid / Vue | Angular | Svelte (runes) | Svelte (store) |
+| ---- | ---------------------------- | ------- | -------------- | -------------- |
+| Wired handle | `useLayer(options, client?)` | `injectLayer` (`useLayer` alias) | `createLayer` | `createLayer` |
+| Mounted stack | `useStack(opts?, client?)` | `useStack` / `injectStack` | `useStack` | `useStack` |
+| Queued stack | `useQueuedStack(opts?, client?)` | `useQueuedStack` / `injectQueuedStack` | `createQueuedStack` | `createQueuedStack` |
+| Mounted per-key | `useLayerState(opts, client?)` | `useLayerState` / `injectLayerState` | `createLayerState` | `createLayerState` |
+| Queued per-key | `useLayerQueuedState(opts, client?)` | `useLayerQueuedState` / `injectLayerQueuedState` | `createLayerQueuedState` | `createLayerQueuedState` |
+| Client | `useLayerClient()` | `useLayerClient()` | `useLayerClient()` | `useLayerClient()` |
+
+### Return shapes
+
+| Hook kind | React / Preact | Solid | Angular | Vue | Svelte (runes) | Svelte (store) |
+| --------- | -------------- | ----- | ------- | --- | -------------- | -------------- |
+| Wired handle | `WiredLayerHandle` | same | same + `state`/`queued`/`top` as `Signal` | same + refs on fields | `WiredLayerHandle` + runes getters | `WiredLayerStoreHandle` (`Readable` fields) |
+| `useStack` / `useQueuedStack` | `T` | `Accessor<T>` | `Signal<T>` | `Readonly<Ref<T>>` | `SvelteStack<T>` | `Readable<T>` |
+| `useLayerState` / `useLayerQueuedState` | `U` (default `LayerState[]`) | `Accessor<U>` | `Signal<U>` | `Readonly<Ref<U>>` | `SvelteStack<U>` | `Readable<U>` |
+
+<AutoTypeTable path="../../packages/core/src/createLayer.ts" name="LayerHandle" />
+
+Wired adapters extend `LayerHandle` with reactive `state`, `queued`, and `top` (`top` = last entry in `state`, the topmost same-key mounted layer).
+
+### Ergonomic wrappers
+
+| Wrapper | React / Preact / Solid / Vue | Angular | Svelte |
+| ------- | ---------------------------- | ------- | ------ |
+| Stack render | `StackOutlet` | `renderStack(vcr)` | `{#each …current}` + `callFor` |
+| Headless render | `useStackHandles` | `useStackHandles` | — |
+| Nested stack | `useLayerGroup` → `Outlet` | `useLayerGroup` → `renderInto(vcr)` | `useLayerGroup` → `stack` |
+| Async actions | `useMutationFlow` | same | same |
+| App factory | `createStackHook` | `createStackHook` → `renderInto` | not shipped |
+
+## Stack rendering divergences
+
+**Angular** — no shipped `StackOutlet`. Imperative rendering into a `ViewContainerRef`:
+
+```ts
+function renderStack(
+  vcr: ViewContainerRef,
+  stackId?: string,
+  rootProps?: unknown,
+): void;
+```
+
+**Svelte** — no `.svelte` host components. Render in your markup:
+
+```svelte
+{#each stack.current as state (state.id)}
+  {@const call = stack.callFor(state)}
+{/each}
+```
+
+Store entry: `{#each $stack as state}` with `callFor(client, stackId, state)`.
+
+:::tip[Cross-adapter porting]
+Wired/observe parity means anything one adapter can do is reachable in another. Angular and Svelte diverge at the **rendering surface** by design (compiler-free builds).
+:::
diff --git a/apps/docs/content/reference/api/index.mdx b/apps/docs/content/reference/api/index.mdx
new file mode 100644
index 0000000..a6dcfda
--- /dev/null
+++ b/apps/docs/content/reference/api/index.mdx
@@ -0,0 +1,48 @@
+---
+title: API
+description: Exhaustive CI-generated TypeDoc reference — every export across core and the adapters.
+sidebar:
+  label: Overview
+search:
+  tags: ["api", "reference"]
+---
+
+import Card from "blume/components/content/Card.astro";
+import CardGroup from "blume/components/content/CardGroup.astro";
+
+One TypeDoc module per package. [Reference](/reference) · [Core API](/reference/core-api) · [Adapter hooks](/reference/adapter-hooks)
+
+<CardGroup cols={3}>
+  <Card title="Core" href="/reference/api/core" icon="/icons/vanilla.svg" arrow>
+    `@stainless-code/layers`
+  </Card>
+  <Card title="React" href="/reference/api/react" icon="/icons/react.svg" arrow>
+    `@stainless-code/react-layers`
+  </Card>
+  <Card title="Preact" href="/reference/api/preact" icon="/icons/preact.svg" arrow>
+    `@stainless-code/preact-layers`
+  </Card>
+  <Card title="Solid" href="/reference/api/solid" icon="/icons/solid.svg" arrow>
+    `@stainless-code/solid-layers`
+  </Card>
+  <Card title="Angular" href="/reference/api/angular" icon="/icons/angular.svg" arrow>
+    `@stainless-code/angular-layers`
+  </Card>
+  <Card title="Vue" href="/reference/api/vue" icon="/icons/vue.svg" arrow>
+    `@stainless-code/vue-layers`
+  </Card>
+  <Card title="Svelte (runes)" href="/reference/api/svelte" icon="/icons/svelte.svg" arrow>
+    `@stainless-code/svelte-layers`
+  </Card>
+  <Card title="Svelte (store)" href="/reference/api/svelte-store" icon="/icons/svelte.svg" arrow>
+    `@stainless-code/svelte-layers/store`
+  </Card>
+  <Card
+    title="Standard Schema"
+    href="/reference/api/core-Namespace-StandardSchemaV1"
+    icon="/icons/standard-schema.svg"
+    arrow
+  >
+    `@stainless-code/layers`
+  </Card>
+</CardGroup>
diff --git a/apps/docs/content/reference/api/meta.ts b/apps/docs/content/reference/api/meta.ts
new file mode 100644
index 0000000..f7cf866
--- /dev/null
+++ b/apps/docs/content/reference/api/meta.ts
@@ -0,0 +1,17 @@
+import { defineMeta } from "blume";
+
+export default defineMeta({
+  title: "API",
+  icon: "code",
+  pages: [
+    "core",
+    "react",
+    "preact",
+    "solid",
+    "angular",
+    "vue",
+    "svelte",
+    "svelte-store",
+    "core-Namespace-StandardSchemaV1",
+  ],
+});
diff --git a/apps/docs/content/reference/core-api.mdx b/apps/docs/content/reference/core-api.mdx
new file mode 100644
index 0000000..90fc50b
--- /dev/null
+++ b/apps/docs/content/reference/core-api.mdx
@@ -0,0 +1,238 @@
+---
+title: Core API
+description: Curated reference for LayerClient, LayerStack, layerOptions, typing helpers, and core utilities.
+search:
+  tags: ["reference", "api"]
+---
+
+Symbols below are exported from `@stainless-code/layers` (`packages/core`). React/Preact/Solid/Angular/Vue re-export the full core. Svelte re-exports selectively — core's headless `createLayer` is `createLayerHandle`.
+
+:::note[Curated overview]
+This page is a hand-written tour of the core API — method-purpose tables and type tables pulled live from source via `<AutoTypeTable>`. For the authoritative, exhaustive reference (every export, including internals like `ControlledPromise`, `Subscribable`, and all type aliases), see the [generated API reference](/reference/api/core).
+:::
+
+## LayerClient
+
+App-wide coordinator for named layer stacks.
+
+```ts lineNumbers
+class LayerClient {
+  constructor(opts?: LayerClientOptions);
+  open(options): Promise<R>;
+  getStack(id?: string): LayerStack;
+  ensureStack(id: string, options?: StackOptions): LayerStack;
+  getStackIds(): string[];
+  subscribeStacks(listener: (stackId: string) => void): () => void;
+  dismissAll(stackId?: string, response?: unknown, opts?: DismissAllOptions): Promise<void>;
+}
+```
+
+| Method | Purpose |
+| ------ | ------- |
+| `open` | Opens a layer on a stack; resolves with the dismissal response (or rejects on load/validation failure) |
+| `getStack` | Returns a stack by id, creating the default stack on first access |
+| `ensureStack` | Returns a stack, applying `StackOptions` only when creating it |
+| `getStackIds` | Lists materialized stack ids |
+| `subscribeStacks` | Notifies when a stack is created for the first time |
+| `dismissAll` | Async bulk dismiss on one stack (honors blockers unless `mode: "force"`) |
+
+<AutoTypeTable path="../../packages/core/src/types.ts" name="LayerClientOptions" />
+
+## LayerStack
+
+Ordered layers for one surface. Extends `Subscribable` — use `subscribe` for snapshot updates.
+
+```ts lineNumbers
+class LayerStack {
+  readonly id: string;
+  readonly options: StackOptions;
+
+  getSnapshot(): LayerState[];
+  getQueuedSnapshot(): LayerState[];
+  subscribe(listener: () => void): () => void;
+
+  find(key: LayerKey): Layer | undefined; // topmost same-key (findLast)
+  getLayer(id: string): Layer | undefined;
+  dismiss(layer, response?, opts?: DismissOptions): Promise<boolean>;
+  dismissAll(response?, opts?: DismissAllOptions): Promise<void>;
+  addBlocker(fn: StackBlockerFn): () => void;
+  cancelQueued(key: LayerKey, response, opts?: { id?: string }): boolean;
+  settle(layer): void;
+  setRunning(layer, running: boolean): void;
+  update(layer, patch: Partial<P>): void;
+}
+```
+
+| Method | Purpose |
+| ------ | ------- |
+| `getSnapshot` | Stable-ref snapshot of mounted layers (`pending`/`active`/`dismissed`/`error`) |
+| `getQueuedSnapshot` | Serial-scope queue — layers waiting behind an active layer |
+| `subscribe` | Register for snapshot changes (batched via `notifyManager`) |
+| `find` | Topmost mounted layer for a logical key (key signature; `findLast`) |
+| `dismiss` | Resolve one layer; returns whether dismissal succeeded (blockers may veto) |
+| `cancelQueued` | Resolve a serial `queued` layer without mounting; omit `{ id }` → FIFO head for the key, `{ id }` → exact queued instance |
+| `addBlocker` | Stack-scoped dismiss gate; returns a disposer |
+
+## LayerState
+
+Immutable snapshot of one layer, consumed by selectors.
+
+<AutoTypeTable path="../../packages/core/src/types.ts" name="LayerState" />
+
+## StackOptions
+
+Per-stack options passed to `ensureStack` or `LayerClientOptions.defaultStackOptions`.
+
+<AutoTypeTable path="../../packages/core/src/types.ts" name="StackOptions" />
+
+## layerOptions
+
+Brands a reusable options object's `key` with `DataTag` so `open` infers response and error types without an explicit generic.
+
+```ts
+function layerOptions<P, R = void, E = DefaultLayerError, D = unknown, RootProps = unknown>(
+  options: LayerOptions<P, R, E, D, RootProps> & { key: Key },
+): LayerOptions<P, R, E, D, RootProps> & { key: DataTag<Key, R, E> };
+```
+
+<AutoTypeTable path="../../packages/core/src/types.ts" name="LayerOptions" />
+
+:::note[Phantom fields]
+`LayerOptions` carries three `@internal` phantom fields (`_payload`, `_response`, `_error`) that carry generics through inference without runtime values — they appear in the table above for completeness and can be ignored.
+:::
+
+## layerKey and DataTag
+
+`layerKey<R, E>()` tags a key at the call site. `DataTag<Key, R, E>` is the phantom brand type that carries inference through generics.
+
+```ts
+function layerKey<R, E = DefaultLayerError>(): <const Key extends LayerKey>(
+  key: Key,
+) => DataTag<Key, R, E>;
+
+type DataTag<Key extends LayerKey, R, E = DefaultLayerError>;
+type ResponseOf<Key, Fallback = void>;
+type ErrorOf<Key, Fallback = DefaultLayerError>;
+```
+
+## Register and DefaultLayerError
+
+Module augmentation sets the app-wide error default once:
+
+```ts
+interface Register {}
+
+type DefaultLayerError = Register extends { defaultError: infer E } ? E : Error;
+```
+
+```ts
+declare module "@stainless-code/layers" {
+  interface Register {
+    defaultError: AppError;
+  }
+}
+```
+
+## Payload validation errors
+
+Optional `validate` on `open` / `layerOptions` rejects synchronously before mount.
+
+```ts
+class PayloadValidationError extends Error {
+  readonly issues: ReadonlyArray<ValidationIssue>;
+}
+
+function isPayloadValidationError(value: unknown): value is PayloadValidationError;
+```
+
+## createLayer
+
+Wire `layerOptions` + a `LayerClient` into a headless handle. Adapters wrap this in reactive `useLayer` / `injectLayer` / `createLayer`.
+
+```ts
+function createLayer<P, R, …>(
+  options: LayerOptions<P, R, …> & { key: LayerKey },
+  client: LayerClient,
+): LayerHandle<P, R, …>;
+
+function createLayer<V extends Validator<unknown>, R, …>(
+  options: LayerOptions<InferValidatorOutput<V>, R, …> & { key: LayerKey; validate: V },
+  client: LayerClient,
+): ValidatedLayerHandle<V, R, …>;
+```
+
+```ts
+const confirm = createLayer(confirmOptions, client);
+const ok = await confirm.open({ title: "Remove?" });
+confirm.dismiss(false);
+confirm.cancelQueued(undefined, { id: "queued-id" }); // optional exact match
+```
+
+<AutoTypeTable path="../../packages/core/src/createLayer.ts" name="LayerHandle" />
+
+When `options.validate` is set, `ValidatedLayerHandle` narrows `open`/`upsert` to schema **input** and `current`/`update` to parsed **output**.
+
+## createCallContext
+
+Builds the imperative `call` object passed to layer components. Adapters call this when rendering.
+
+```ts
+function createCallContext<P, R, RootProps = unknown>(
+  stack: LayerStack,
+  layer: Layer,
+  state: LayerState,
+  rootProps?: RootProps,
+): LayerCallContext<P, R, RootProps>;
+```
+
+`LayerCallContext` exposes `end`, `dismiss`, `addBlocker`, `update`, `setRunning`, `settle`, plus read-only `ended`, `index`, `stackSize`, `root`, `stackId`, and `layerId`.
+
+<AutoTypeTable path="../../packages/core/src/types.ts" name="LayerCallContext" />
+
+## LayerComponentProps
+
+Props passed to layer components by adapters when rendering a mounted layer.
+
+<AutoTypeTable path="../../packages/core/src/types.ts" name="LayerComponentProps" />
+
+## createLayerGroup
+
+Child stack scoped to a parent layer's lifetime on the same client.
+
+```ts
+function childStackId(
+  parent: Pick<LayerCallContext, "stackId" | "layerId">,
+  name?: string,
+): string;
+
+function createLayerGroup(
+  client: LayerClient,
+  parent: Pick<LayerCallContext, "stackId" | "layerId">,
+  options?: LayerGroupOptions,
+): LayerGroupHandle;
+```
+
+`LayerGroupHandle` provides `stackId`, `open`, `dismissAll`, and `dispose`.
+
+## notifyManager
+
+Coalesces subscriber notifications within a synchronous batch.
+
+```ts
+const notifyManager = {
+  batch<T>(fn: () => T): T;
+  batchCalls(listener: () => void): () => void;
+};
+```
+
+Wrap independent mutations that should produce one UI update: `notifyManager.batch(() => { client.open(a); client.open(b); })`.
+
+## Dismiss options
+
+<AutoTypeTable path="../../packages/core/src/types.ts" name="DismissAllOptions" />
+
+<AutoTypeTable path="../../packages/core/src/types.ts" name="DismissOptions" />
+
+:::note
+For lifecycle, blockers, transitions, and stack scope, see [Concepts](/concepts). For per-framework bindings, see [Adapter hooks](/reference/adapter-hooks).
+:::
diff --git a/apps/docs/content/reference/index.mdx b/apps/docs/content/reference/index.mdx
new file mode 100644
index 0000000..ba7b1c2
--- /dev/null
+++ b/apps/docs/content/reference/index.mdx
@@ -0,0 +1,24 @@
+---
+title: Reference
+description: How to read the curated API reference — core symbols, adapter hooks, roadmap, and migration.
+---
+
+The symbols and hook signatures you reach for most often — with minimal examples and cross-links to concept pages for behavior. **Curated and human-readable**, not exhaustive; the [generated API reference](/reference/api) is the contract of record.
+
+## What's here
+
+| Page | Contents |
+| ---- | -------- |
+| [Core API](/reference/core-api) | `LayerClient`, `LayerStack`, `layerOptions`, typing helpers, errors, and utilities — a curated tour; see the [generated reference](/reference/api/core) for every export |
+| [Adapter hooks](/reference/adapter-hooks) | Hook and provider matrix across React, Preact, Solid, Angular, Vue, and Svelte |
+| [Roadmap](/reference/roadmap) | Forward-looking work — not a mirror of shipped `src/` |
+| [Migration](/reference/migration) | Breaking-change policy and migration notes when they ship |
+| [API reference](/reference/api) | Exhaustive CI-generated TypeDoc reference — every export across `core` and the adapters, regenerated on every docs build |
+
+## Release history
+
+Breaking changes and semver releases are announced in the [Changelog](/changelog). Pin your version in production; see [Stability & versioning](/concepts/stability) for the pre-1.0 posture.
+
+:::tip[Task recipes first]
+For install, setup, and common patterns, start with [Guides](/guides). Use reference when you need exact symbol names and signatures.
+:::
diff --git a/apps/docs/content/reference/meta.ts b/apps/docs/content/reference/meta.ts
new file mode 100644
index 0000000..b76d0cd
--- /dev/null
+++ b/apps/docs/content/reference/meta.ts
@@ -0,0 +1,7 @@
+import { defineMeta } from "blume";
+
+export default defineMeta({
+  title: "Reference",
+  icon: "code",
+  pages: ["core-api", "adapter-hooks", "roadmap", "migration"],
+});
diff --git a/apps/docs/content/reference/migration.mdx b/apps/docs/content/reference/migration.mdx
new file mode 100644
index 0000000..629e60c
--- /dev/null
+++ b/apps/docs/content/reference/migration.mdx
@@ -0,0 +1,85 @@
+---
+title: Migration
+description: Breaking-change policy and migration notes for semver releases.
+search:
+  tags: ["reference", "migration"]
+---
+
+Layers is **pre-1.0**. Breaking API changes are expected and ship in minor releases (e.g. `0.1` → `0.2`), not majors. Treat semver as a signal, not a guarantee of zero breaks until 1.0 — see [Stability & versioning](/concepts/stability).
+
+## How breaks are announced
+
+- Each intentional break gets a [Changelog](/changelog) entry tied to a GitHub Release.
+- Step-by-step upgrade guidance lives on this page when a release requires consumer action.
+
+## 0.x — wired handles and observe reshape
+
+Three coordinated 0.x changes: wired handles (`createLayer` / `useLayer`), observe hooks return arrays, and stack lookup semantics tightened.
+
+### Observe: `useLayer(key, …)` → `useLayerState({ key, … })`
+
+The old `useLayer` was observe-only and returned a single `LayerState | null`. It is now **`useLayerState`** and returns **`LayerState[]`** — empty when nothing matches.
+
+<Diff
+  lang="tsx"
+  old={`const layer = useLayer("confirm");
+if (layer) { /* render */ }`}
+  new={`const layers = useLayerState({ key: "confirm" });
+// layers.length === 0 when closed`}
+/>
+
+Per-key queued observation is **`useLayerQueuedState({ key, … })`**. Whole-stack queued observation is **`useQueuedStack({ stack?, select?, compare? })`**.
+
+### Stack hooks: positional args → options bag
+
+<Diff
+  lang="tsx"
+  old={`const states = useStack("confirm", (s) => s.filter(…));`}
+  new={`const states = useStack({
+  stack: "confirm",
+  select: (s) => s.filter(…),
+});`}
+/>
+
+Optional trailing `client?: LayerClient` is unchanged.
+
+### Wire: `useLayer(options).open(payload)`
+
+`client.open({ …layerOptions, payload })` remains valid. Wired handles bind identity and expose payload-only ops:
+
+<Diff
+  lang="tsx"
+  old={`await client.open({ ...confirmOptions, payload: { title: "Remove?" } });`}
+  new={`const confirm = useLayer(confirmOptions);
+await confirm.open({ title: "Remove?" });`}
+/>
+
+Headless (no adapter): `createLayer(options, client)` from `@stainless-code/layers`. On Svelte adapters, import that factory as `createLayerHandle` — `createLayer` is the wired handle.
+
+### Core: `LayerStack.find` is topmost same-key
+
+`find(key)` now returns the **topmost** mounted layer with that key signature (`findLast`), not the first. Matters in `parallel` stacks with duplicate keys.
+
+### Core: `cancelQueued` optional `{ id }`
+
+<Diff
+  lang="ts"
+  old={`stack.cancelQueued(key, response); // FIFO head only`}
+  new={`handle.cancelQueued(response);           // FIFO head for this key
+handle.cancelQueued(response, { id: "…" }); // exact queued instance`}
+/>
+
+On `LayerStack`: `cancelQueued(key, response, opts?: { id? })`. Omit `id` → first-queued (FIFO) for the key; pass `id` → exact queued match.
+
+### Adapter entry names
+
+| Role | React / Preact / Solid / Vue | Angular | Svelte |
+| ---- | ---------------------------- | ------- | ------ |
+| Wired | `useLayer` | `injectLayer` (`useLayer` alias) | `createLayer` |
+| Mounted per-key | `useLayerState` | `injectLayerState` | `createLayerState` |
+| Queued stack | `useQueuedStack` | `injectQueuedStack` | `createQueuedStack` |
+| Queued per-key | `useLayerQueuedState` | `injectLayerQueuedState` | `createLayerQueuedState` |
+
+:::note[Pin in production]
+Lock `@stainless-code/layers` and your adapter package in `package.json`. Review the changelog before upgrading.
+:::
diff --git a/apps/docs/content/reference/roadmap.mdx b/apps/docs/content/reference/roadmap.mdx
new file mode 100644
index 0000000..1123eb6
--- /dev/null
+++ b/apps/docs/content/reference/roadmap.mdx
@@ -0,0 +1,31 @@
+---
+title: Roadmap
+description: Forward-looking work — not a mirror of shipped src.
+search:
+  tags: ["reference", "roadmap"]
+sidebar:
+  badge: "Planned"
+---
+
+Shipped features live in [Overview](/concepts/overview) + [Glossary](/concepts/glossary); this page is the forward-looking list. Pull requests welcome — open an issue first for anything below so we can agree on shape.
+
+## Robustness
+
+- **Devtools** — `@stainless-code/layers-devtools` stack inspector; also owns the public `StackNotifyEvent` event bus. Design-first, once the public API is stable (co-design the event schema against the inspector's real needs); fires the architecture-priming rule (new subpath entry + core/UI split).
+- **`#dispatch` reducer** — route every `LayerStack` mutation through one internal transition choke point; unlocks the devtools event stream. Do alongside Devtools.
+
+## Backlog (grill before building)
+
+- **Infer `D` from `loadFn`** — type a layer's `data` from the `loadFn` return without an explicit generic. Needs a dedicated type pass (interacts with the `const Key` inference).
+- **`initialSnapshot` (SSR rehydration)** — seed a stack so layers render server-side and hydrate (layers are client-only today; the `transition` axis would hydrate as `settled`).
+- **Thenable `.status`** — expose a layer / `open` promise that React Suspense can read.
+
+## Adapters
+
+- **Qwik** + **Alpine** + **Marko** + **Angular SSR** + **React Native** bindings if demand materializes.
+- **Lit** (`@stainless-code/lit-layers`) — full adapter parity; Reactive Controllers + `@lit/context` + light-DOM stack outlet.
+
+## Out of scope
+
+- **No `HostAdapter` / portal abstraction** — `StackOutlet` renders inline; wrap it in your own `createPortal` when you need a portal target. Keeping the core agnostic means no host/portal layer is baked in.
+- Sidecar / nested-portal hosting, route masking, and z-order management — consumer concerns, not core. Re-evaluate only if a real consumer needs them and the agnostic contract can express it without leaking library- or framework-specific details.
diff --git a/apps/docs/islands/AnimatedEnterExitExample.tsx b/apps/docs/islands/AnimatedEnterExitExample.tsx
new file mode 100644
index 0000000..6ad95a8
--- /dev/null
+++ b/apps/docs/islands/AnimatedEnterExitExample.tsx
@@ -0,0 +1,139 @@
+export const client = "visible";
+
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+import { useEffect, useState } from "react";
+
+import { overlayPortal } from "./_overlayPortal";
+
+function Btn({
+  className = "",
+  ...props
+}: React.ButtonHTMLAttributes<HTMLButtonElement>) {
+  return (
+    <button
+      type="button"
+      className={`rounded-blume border border-border px-4 py-2 text-sm text-foreground transition-colors hover:bg-muted ${className}`}
+      {...props}
+    />
+  );
+}
+
+function AnimatedDialog({
+  call,
+  payload,
+  transition,
+}: LayerComponentProps<{ title: string }, void>) {
+  const [visible, setVisible] = useState(false);
+
+  useEffect(() => {
+    if (transition === "entering") {
+      const id = requestAnimationFrame(() => setVisible(true));
+      return () => cancelAnimationFrame(id);
+    }
+    if (transition === "settled") {
+      setVisible(true);
+    }
+    if (transition === "exiting") {
+      setVisible(false);
+    }
+  }, [transition]);
+
+  const settleIfAnimating = (event: React.TransitionEvent) => {
+    if (event.propertyName !== "opacity") return;
+    if (transition === "entering" || transition === "exiting") {
+      call.settle();
+    }
+  };
+
+  return overlayPortal(
+    <>
+      <div
+        className="fixed inset-0 z-[9998] bg-black/40 backdrop-blur-sm"
+        style={{
+          opacity: visible ? 1 : 0,
+          transition: "opacity 200ms ease",
+        }}
+        aria-hidden="true"
+        onTransitionEnd={settleIfAnimating}
+      />
+      <div
+        role="dialog"
+        aria-modal="true"
+        className="fixed left-1/2 top-1/2 z-[9999] min-w-[320px] rounded-blume border border-border bg-background p-6 shadow-2xl"
+        style={{
+          opacity: visible ? 1 : 0,
+          transform: visible
+            ? "translate(-50%, -50%)"
+            : "translate(-50%, calc(-50% + 12px))",
+          transition: "opacity 200ms ease, transform 200ms ease",
+        }}
+        onTransitionEnd={settleIfAnimating}
+      >
+        <h2 className="mb-3 text-lg font-semibold text-foreground">
+          {payload.title}
+        </h2>
+        <p className="mb-6 text-muted-foreground text-sm leading-relaxed">
+          Watch the enter and exit animation. Close to see the exit transition.
+        </p>
+        <div className="flex justify-end gap-2">
+          <Btn onClick={() => void call.dismiss()}>Close</Btn>
+        </div>
+        <p className="mt-4 font-mono text-muted-foreground text-xs">
+          transition: {transition}
+        </p>
+      </div>
+    </>,
+  );
+}
+
+const animated = layerOptions<{ title: string }, void>({
+  stack: "example-animated",
+  key: ["example-animated"],
+  component: AnimatedDialog,
+  enteringDelay: 200,
+  exitingDelay: 200,
+});
+
+function Trigger() {
+  const animatedLayer = useLayer(animated);
+  const [status, setStatus] = useState<"idle" | "open" | "closed">("idle");
+
+  return (
+    <div className="flex flex-col items-start gap-3">
+      <button
+        type="button"
+        className="rounded-blume bg-accent px-5 py-2.5 text-sm font-medium text-accent-foreground transition-opacity hover:opacity-90"
+        onClick={() => {
+          setStatus("open");
+          void animatedLayer.open({ title: "Animated dialog" }).then(() => {
+            setStatus("closed");
+          });
+        }}
+      >
+        Open animated dialog
+      </button>
+      {status !== "idle" && (
+        <span className="inline-block rounded-blume bg-muted px-3 py-1 font-mono text-foreground text-sm">
+          {status === "open" ? "Open" : "Closed (exit animated)"}
+        </span>
+      )}
+    </div>
+  );
+}
+
+export default function AnimatedEnterExitExample() {
+  return (
+    <StackProvider>
+      <div className="not-prose">
+        <StackOutlet stack="example-animated" />
+        <Trigger />
+      </div>
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/islands/AsyncLoadFnExample.tsx b/apps/docs/islands/AsyncLoadFnExample.tsx
new file mode 100644
index 0000000..e297985
--- /dev/null
+++ b/apps/docs/islands/AsyncLoadFnExample.tsx
@@ -0,0 +1,239 @@
+export const client = "visible";
+
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type {
+  LayerComponentProps,
+  LayerTransition,
+} from "@stainless-code/react-layers";
+import { useState } from "react";
+
+import { overlayPortal } from "./_overlayPortal";
+
+const ENTER_MS = 200;
+const EXIT_MS = 200;
+
+const KEYFRAMES = `
+  @keyframes async-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
+  @keyframes async-backdrop-out { from { opacity: 1; } to { opacity: 0; } }
+  @keyframes async-dialog-in { from { opacity: 0; transform: translate(-50%, -50%) scale(0.95); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
+  @keyframes async-dialog-out { from { opacity: 1; transform: translate(-50%, -50%) scale(1); } to { opacity: 0; transform: translate(-50%, -50%) scale(0.95); } }
+  @keyframes async-spin { to { transform: rotate(360deg); } }
+`;
+
+interface Profile {
+  name: string;
+  role: string;
+  initials: string;
+  status: "online" | "away" | "offline";
+  joined: string;
+  projects: number;
+  uptime: string;
+}
+
+function Backdrop({ transition }: { transition: LayerTransition }) {
+  return (
+    <div
+      className="fixed inset-0 z-[9998] bg-black/40 backdrop-blur-sm"
+      style={{
+        animation:
+          transition === "exiting"
+            ? `async-backdrop-out ${EXIT_MS}ms ease-in forwards`
+            : `async-backdrop-in ${ENTER_MS}ms ease-out forwards`,
+      }}
+      aria-hidden="true"
+    />
+  );
+}
+
+function CenterPane({
+  transition,
+  children,
+}: {
+  transition: LayerTransition;
+  children: React.ReactNode;
+}) {
+  return (
+    <div
+      role="dialog"
+      aria-modal="true"
+      className="fixed left-1/2 top-1/2 z-[9999] w-[min(360px,90vw)] rounded-blume border border-border bg-background p-6 shadow-2xl"
+      style={{
+        animation:
+          transition === "exiting"
+            ? `async-dialog-out ${EXIT_MS}ms ease-in forwards`
+            : `async-dialog-in 250ms ease-out forwards`,
+      }}
+    >
+      {children}
+    </div>
+  );
+}
+
+function Btn({
+  kind = "ghost",
+  className = "",
+  ...props
+}: {
+  kind?: "primary" | "ghost";
+} & React.ButtonHTMLAttributes<HTMLButtonElement>) {
+  const base =
+    "rounded-blume px-4 py-2 text-sm transition-colors disabled:opacity-50";
+  const styles = {
+    primary: "bg-accent font-medium text-accent-foreground hover:opacity-90",
+    ghost: "border border-border text-foreground hover:bg-muted",
+  } as const;
+  return (
+    <button
+      type="button"
+      className={`${base} ${styles[kind]} ${className}`}
+      {...props}
+    />
+  );
+}
+
+function ProfileDialog({
+  call,
+  payload,
+  data,
+  phase,
+  transition,
+}: LayerComponentProps<{ userId: string }, void, never, Profile>) {
+  const statusDot = {
+    online: "bg-green-500",
+    away: "bg-amber-500",
+    offline: "bg-muted-foreground",
+  } as const;
+  return overlayPortal(
+    <>
+      <Backdrop transition={transition} />
+      <CenterPane transition={transition}>
+        <p className="mb-4 text-[10px] font-medium uppercase tracking-wider text-muted-foreground">
+          User profile · {payload.userId}
+        </p>
+        {phase === "pending" ? (
+          <div className="flex flex-col items-center gap-3 py-6 text-muted-foreground text-sm">
+            <span
+              className="inline-block h-7 w-7 rounded-full border-2 border-accent border-t-transparent"
+              style={{ animation: "async-spin 700ms linear infinite" }}
+            />
+            Fetching profile…
+          </div>
+        ) : (
+          <div className="text-sm">
+            <div className="flex items-center gap-3">
+              <div className="flex size-12 shrink-0 items-center justify-center rounded-full bg-accent font-semibold text-accent-foreground">
+                {data?.initials}
+              </div>
+              <div className="min-w-0 flex-1">
+                <div className="flex items-center gap-1.5">
+                  <span className="truncate font-semibold text-foreground">
+                    {data?.name}
+                  </span>
+                  <span
+                    className={`h-2 w-2 shrink-0 rounded-full ${statusDot[data?.status ?? "offline"]}`}
+                    aria-hidden="true"
+                  />
+                </div>
+                <span className="text-muted-foreground text-xs">
+                  {data?.role}
+                </span>
+              </div>
+            </div>
+
+            <div className="mt-4 grid grid-cols-3 gap-2">
+              {[
+                { label: "Projects", value: data?.projects },
+                { label: "Uptime", value: data?.uptime },
+                { label: "Joined", value: data?.joined },
+              ].map((stat) => (
+                <div
+                  key={stat.label}
+                  className="rounded-blume border border-border bg-muted/20 p-2 text-center"
+                >
+                  <div className="font-semibold text-foreground">
+                    {stat.value}
+                  </div>
+                  <div className="mt-0.5 text-[10px] uppercase tracking-wide text-muted-foreground">
+                    {stat.label}
+                  </div>
+                </div>
+              ))}
+            </div>
+
+            <Btn
+              kind="primary"
+              className="mt-4 w-full"
+              onClick={() => call.dismiss()}
+            >
+              Close
+            </Btn>
+          </div>
+        )}
+      </CenterPane>
+    </>,
+  );
+}
+
+const profile = layerOptions<{ userId: string }, void, never, Profile>({
+  stack: "example-async-loadfn",
+  key: ["example-async-loadfn"],
+  component: ProfileDialog,
+  loadFn: async () => {
+    await new Promise((r) => setTimeout(r, 900));
+    return {
+      name: "Ada Lovelace",
+      role: "Founding Engineer",
+      initials: "AL",
+      status: "online",
+      joined: "Mar 2021",
+      projects: 12,
+      uptime: "99.98%",
+    };
+  },
+  enteringDelay: ENTER_MS,
+  exitingDelay: EXIT_MS,
+});
+
+function Trigger() {
+  const profileLayer = useLayer(profile);
+  const [phase, setPhase] = useState<"idle" | "loading" | "done">("idle");
+
+  return (
+    <div className="flex flex-col items-start gap-3">
+      <button
+        type="button"
+        className="rounded-blume bg-accent px-5 py-2.5 font-medium text-accent-foreground text-sm transition-opacity hover:opacity-90"
+        onClick={() => {
+          setPhase("loading");
+          void profileLayer
+            .open({ userId: "ada" })
+            .then(() => setPhase("done"));
+        }}
+      >
+        Open async dialog
+      </button>
+      {phase !== "idle" && (
+        <span className="inline-block rounded-blume bg-muted px-3 py-1 font-mono text-foreground text-sm">
+          {phase === "loading" ? "Loading…" : "Closed"}
+        </span>
+      )}
+    </div>
+  );
+}
+
+export default function AsyncLoadFnExample() {
+  return (
+    <StackProvider>
+      <div className="not-prose">
+        <style dangerouslySetInnerHTML={{ __html: KEYFRAMES }} />
+        <StackOutlet stack="example-async-loadfn" />
+        <Trigger />
+      </div>
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/islands/BlockersForceExample.tsx b/apps/docs/islands/BlockersForceExample.tsx
new file mode 100644
index 0000000..ea766c5
--- /dev/null
+++ b/apps/docs/islands/BlockersForceExample.tsx
@@ -0,0 +1,262 @@
+export const client = "visible";
+
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+  useLayerGroup,
+} from "@stainless-code/react-layers";
+import type {
+  LayerComponentProps,
+  LayerTransition,
+} from "@stainless-code/react-layers";
+import { useEffect, useState } from "react";
+
+import { overlayPortal } from "./_overlayPortal";
+
+const ENTER_MS = 200;
+const EXIT_MS = 200;
+
+const KEYFRAMES = `
+  @keyframes blocker-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
+  @keyframes blocker-backdrop-out { from { opacity: 1; } to { opacity: 0; } }
+  @keyframes blocker-dialog-in { from { opacity: 0; transform: translate(-50%, -50%) scale(0.95); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
+  @keyframes blocker-dialog-out { from { opacity: 1; transform: translate(-50%, -50%) scale(1); } to { opacity: 0; transform: translate(-50%, -50%) scale(0.95); } }
+`;
+
+function Backdrop({
+  transition,
+  onClick,
+}: {
+  transition: LayerTransition;
+  onClick?: () => void;
+}) {
+  return (
+    <div
+      className="fixed inset-0 z-[9998] bg-black/40 backdrop-blur-sm"
+      style={{
+        animation:
+          transition === "exiting"
+            ? `blocker-backdrop-out ${EXIT_MS}ms ease-in forwards`
+            : `blocker-backdrop-in ${ENTER_MS}ms ease-out forwards`,
+      }}
+      onClick={onClick}
+      aria-hidden="true"
+    />
+  );
+}
+
+function CenterPane({
+  transition,
+  role,
+  children,
+}: {
+  transition: LayerTransition;
+  role?: "dialog" | "alertdialog";
+  children: React.ReactNode;
+}) {
+  return (
+    <div
+      role={role ?? "dialog"}
+      aria-modal="true"
+      className="fixed left-1/2 top-1/2 z-[9999] w-[min(360px,90vw)] rounded-blume border border-border bg-background p-6 shadow-2xl"
+      style={{
+        animation:
+          transition === "exiting"
+            ? `blocker-dialog-out ${EXIT_MS}ms ease-in forwards`
+            : `blocker-dialog-in 250ms ease-out forwards`,
+      }}
+    >
+      {children}
+    </div>
+  );
+}
+
+function Btn({
+  kind = "ghost",
+  className = "",
+  ...props
+}: {
+  kind?: "primary" | "ghost";
+} & React.ButtonHTMLAttributes<HTMLButtonElement>) {
+  const base =
+    "rounded-blume px-4 py-2 text-sm transition-colors disabled:opacity-50";
+  const styles = {
+    primary: "bg-accent font-medium text-accent-foreground hover:opacity-90",
+    ghost: "border border-border text-foreground hover:bg-muted",
+  } as const;
+  return (
+    <button
+      type="button"
+      className={`${base} ${styles[kind]} ${className}`}
+      {...props}
+    />
+  );
+}
+
+function DiscardConfirm({
+  call,
+  payload,
+  transition,
+}: LayerComponentProps<{ title: string; message: string }, boolean>) {
+  return overlayPortal(
+    <>
+      <Backdrop transition={transition} onClick={() => call.end(false)} />
+      <CenterPane transition={transition} role="alertdialog">
+        <h2 className="mb-2 text-base font-semibold text-foreground">
+          {payload.title}
+        </h2>
+        <p className="mb-5 text-muted-foreground text-sm">{payload.message}</p>
+        <div className="flex justify-end gap-2.5">
+          <Btn onClick={() => call.end(false)}>Cancel</Btn>
+          <Btn kind="primary" onClick={() => call.end(true)}>
+            Discard
+          </Btn>
+        </div>
+      </CenterPane>
+    </>,
+  );
+}
+
+const discardConfirm = layerOptions<
+  { title: string; message: string },
+  boolean
+>({
+  key: ["example-blockers-force", "discard"],
+  component: DiscardConfirm,
+  enteringDelay: ENTER_MS,
+  exitingDelay: EXIT_MS,
+});
+
+function EditDialog({
+  call,
+  payload,
+  transition,
+  dismissing,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  const group = useLayerGroup(call, { name: "discard" });
+  const [text, setText] = useState("");
+  const dirty = text.length > 0;
+
+  useEffect(() => call.addBlocker(() => !dirty), [call, dirty]);
+
+  const attemptClose = async () => {
+    if (!dirty) {
+      call.end(false);
+      return;
+    }
+    const discard = await group.open({
+      ...discardConfirm,
+      payload: {
+        title: "Discard changes?",
+        message: "You'll lose your unsaved edits.",
+      },
+    });
+    if (discard) call.end(false, { force: true });
+  };
+
+  return overlayPortal(
+    <>
+      <Backdrop transition={transition} onClick={() => void attemptClose()} />
+      <CenterPane transition={transition}>
+        <div className="mb-3 flex items-center justify-between">
+          <h2 className="text-lg font-semibold text-foreground">
+            {payload.title}
+          </h2>
+          {dirty && (
+            <span className="inline-flex items-center gap-1 text-xs text-amber-600 dark:text-amber-400">
+              <span
+                className="h-1.5 w-1.5 rounded-full bg-amber-500"
+                aria-hidden="true"
+              />
+              unsaved
+            </span>
+          )}
+        </div>
+        <p className="mb-4 text-xs leading-relaxed text-muted-foreground">
+          A blocker vetoes call.end/dismiss while there are unsaved edits.
+          Backdrop and Close open a discard confirm when dirty; force bypasses
+          the blocker.
+        </p>
+
+        <label className="mb-1 block text-[10px] font-medium uppercase tracking-wider text-muted-foreground">
+          Display name
+        </label>
+        <input
+          type="text"
+          value={text}
+          onChange={(e) => setText(e.target.value)}
+          placeholder="Type to make the form dirty…"
+          className="mb-2 w-full rounded-blume border border-border bg-background px-3 py-2 text-sm text-foreground outline-none transition-colors focus:border-accent"
+        />
+
+        {dismissing && (
+          <p className="mb-3 text-xs text-amber-600 dark:text-amber-400">
+            blocker consulted → vetoed
+          </p>
+        )}
+
+        <div className="mt-4 flex justify-end gap-3">
+          <Btn
+            kind="ghost"
+            onClick={() => call.end(true, { force: true })}
+            className="text-amber-600 dark:text-amber-400"
+          >
+            Force close
+          </Btn>
+          <Btn kind="primary" onClick={() => void attemptClose()}>
+            Close
+          </Btn>
+        </div>
+        <group.Outlet />
+      </CenterPane>
+    </>,
+  );
+}
+
+const edit = layerOptions<{ title: string }, boolean>({
+  stack: "example-blockers-force",
+  key: ["example-blockers-force", "parent"],
+  component: EditDialog,
+  enteringDelay: ENTER_MS,
+  exitingDelay: EXIT_MS,
+});
+
+function Trigger() {
+  const editLayer = useLayer(edit);
+  const [result, setResult] = useState<boolean | null>(null);
+
+  return (
+    <div className="flex flex-col items-start gap-3">
+      <button
+        type="button"
+        className="rounded-blume bg-accent px-5 py-2.5 font-medium text-accent-foreground text-sm transition-opacity hover:opacity-90"
+        onClick={async () => {
+          setResult(null);
+          const ok = await editLayer.open({ title: "Edit profile" });
+          setResult(ok);
+        }}
+      >
+        Open form
+      </button>
+      {result !== null && (
+        <span className="inline-block rounded-blume bg-muted px-3 py-1 font-mono text-foreground text-sm">
+          Result: {String(result)}
+        </span>
+      )}
+    </div>
+  );
+}
+
+export default function BlockersForceExample() {
+  return (
+    <StackProvider>
+      <div className="not-prose">
+        <style dangerouslySetInnerHTML={{ __html: KEYFRAMES }} />
+        <StackOutlet stack="example-blockers-force" />
+        <Trigger />
+      </div>
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/islands/ConfirmDialogExample.tsx b/apps/docs/islands/ConfirmDialogExample.tsx
new file mode 100644
index 0000000..4597901
--- /dev/null
+++ b/apps/docs/islands/ConfirmDialogExample.tsx
@@ -0,0 +1,168 @@
+export const client = "visible";
+
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type {
+  LayerComponentProps,
+  LayerTransition,
+} from "@stainless-code/react-layers";
+import { useState } from "react";
+
+import { overlayPortal } from "./_overlayPortal";
+
+const ENTER_MS = 200;
+const EXIT_MS = 200;
+
+const KEYFRAMES = `
+  @keyframes confirm-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
+  @keyframes confirm-backdrop-out { from { opacity: 1; } to { opacity: 0; } }
+  @keyframes confirm-dialog-in { from { opacity: 0; transform: translate(-50%, -50%) scale(0.94); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
+  @keyframes confirm-dialog-out { from { opacity: 1; transform: translate(-50%, -50%) scale(1); } to { opacity: 0; transform: translate(-50%, -50%) scale(0.94); } }
+`;
+
+function Backdrop({
+  transition,
+  onClick,
+}: {
+  transition: LayerTransition;
+  onClick?: () => void;
+}) {
+  return (
+    <div
+      className="fixed inset-0 z-[9998] bg-black/40 backdrop-blur-sm"
+      style={{
+        animation:
+          transition === "exiting"
+            ? `confirm-backdrop-out ${EXIT_MS}ms ease-in forwards`
+            : `confirm-backdrop-in ${ENTER_MS}ms ease-out forwards`,
+      }}
+      onClick={onClick}
+      aria-hidden="true"
+    />
+  );
+}
+
+function CenterPane({
+  transition,
+  role,
+  children,
+}: {
+  transition: LayerTransition;
+  role?: "dialog" | "alertdialog";
+  children: React.ReactNode;
+}) {
+  return (
+    <div
+      role={role ?? "dialog"}
+      aria-modal="true"
+      className="fixed left-1/2 top-1/2 z-[9999] w-[min(340px,90vw)] rounded-blume border border-border bg-background p-6 shadow-2xl"
+      style={{
+        animation:
+          transition === "exiting"
+            ? `confirm-dialog-out ${EXIT_MS}ms ease-in forwards`
+            : `confirm-dialog-in 250ms ease-out forwards`,
+      }}
+    >
+      {children}
+    </div>
+  );
+}
+
+function Btn({
+  kind = "ghost",
+  className = "",
+  ...props
+}: {
+  kind?: "primary" | "danger" | "ghost";
+} & React.ButtonHTMLAttributes<HTMLButtonElement>) {
+  const base =
+    "rounded-blume px-4 py-2 text-sm transition-colors disabled:opacity-50";
+  const styles = {
+    primary: "bg-accent font-medium text-accent-foreground hover:opacity-90",
+    danger: "bg-red-500 font-medium text-white hover:bg-red-600",
+    ghost: "border border-border text-foreground hover:bg-muted",
+  } as const;
+  return (
+    <button
+      type="button"
+      className={`${base} ${styles[kind]} ${className}`}
+      {...props}
+    />
+  );
+}
+
+function ConfirmDialog({
+  call,
+  payload,
+  transition,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  return overlayPortal(
+    <>
+      <Backdrop transition={transition} onClick={() => call.end(false)} />
+      <CenterPane transition={transition} role="alertdialog">
+        <h2 className="mb-3 text-lg font-semibold text-foreground">
+          {payload.title}
+        </h2>
+        <p className="mb-6 text-muted-foreground text-sm leading-relaxed">
+          This action cannot be undone. Are you sure you want to continue?
+        </p>
+        <div className="flex justify-end gap-3">
+          <Btn onClick={() => call.end(false)}>No</Btn>
+          <Btn kind="danger" onClick={() => call.end(true)}>
+            Yes
+          </Btn>
+        </div>
+      </CenterPane>
+    </>,
+  );
+}
+
+const confirm = layerOptions<{ title: string }, boolean>({
+  stack: "example-confirm",
+  key: ["example-confirm"],
+  component: ConfirmDialog,
+  enteringDelay: ENTER_MS,
+  exitingDelay: EXIT_MS,
+});
+
+function Trigger() {
+  const confirmLayer = useLayer(confirm);
+  const [result, setResult] = useState<boolean | null>(null);
+
+  return (
+    <div className="flex flex-col items-start gap-3">
+      <button
+        type="button"
+        className="rounded-blume bg-accent px-5 py-2.5 font-medium text-accent-foreground text-sm transition-opacity hover:opacity-90"
+        onClick={async () => {
+          setResult(null);
+          const ok = await confirmLayer.open({ title: "Delete this file?" });
+          setResult(ok);
+        }}
+      >
+        Delete file
+      </button>
+      {result !== null && (
+        <span className="inline-block rounded-blume bg-muted px-3 py-1 font-mono text-foreground text-sm">
+          Result: {String(result)}
+        </span>
+      )}
+    </div>
+  );
+}
+
+export default function ConfirmDialogExample() {
+  return (
+    <StackProvider>
+      <div className="not-prose">
+        <style dangerouslySetInnerHTML={{ __html: KEYFRAMES }} />
+        <StackOutlet stack="example-confirm" />
+        <Trigger />
+      </div>
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/islands/DrawerExample.tsx b/apps/docs/islands/DrawerExample.tsx
new file mode 100644
index 0000000..fd41c35
--- /dev/null
+++ b/apps/docs/islands/DrawerExample.tsx
@@ -0,0 +1,151 @@
+export const client = "visible";
+
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type {
+  LayerComponentProps,
+  LayerTransition,
+} from "@stainless-code/react-layers";
+import { useState } from "react";
+
+import { overlayPortal } from "./_overlayPortal";
+
+const enterExit = { enteringDelay: 200, exitingDelay: 200 } as const;
+
+const KEYFRAMES = `
+  @keyframes example-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
+  @keyframes example-backdrop-out { from { opacity: 1; } to { opacity: 0; } }
+  @keyframes example-drawer-in { from { transform: translateX(100%); } to { transform: translateX(0); } }
+  @keyframes example-drawer-out { from { transform: translateX(0); } to { transform: translateX(100%); } }
+`;
+
+function Backdrop({
+  transition,
+  onClick,
+}: {
+  transition: LayerTransition;
+  onClick?: () => void;
+}) {
+  return (
+    <div
+      className="fixed inset-0 z-[9998] bg-black/40 backdrop-blur-sm"
+      style={{
+        animation:
+          transition === "exiting"
+            ? "example-backdrop-out 200ms ease-in forwards"
+            : "example-backdrop-in 200ms ease-out forwards",
+      }}
+      onClick={onClick}
+      aria-hidden="true"
+    />
+  );
+}
+
+function Btn({
+  kind = "ghost",
+  className = "",
+  ...props
+}: {
+  kind?: "primary" | "ghost";
+} & React.ButtonHTMLAttributes<HTMLButtonElement>) {
+  const base =
+    "rounded-blume px-4 py-2 text-sm transition-colors disabled:opacity-50";
+  const styles = {
+    primary: "bg-accent font-medium text-accent-foreground hover:opacity-90",
+    ghost: "border border-border text-foreground hover:bg-muted",
+  } as const;
+  return (
+    <button
+      type="button"
+      className={`${base} ${styles[kind]} ${className}`}
+      {...props}
+    />
+  );
+}
+
+function Drawer({
+  call,
+  payload,
+  transition,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  return overlayPortal(
+    <>
+      <Backdrop transition={transition} onClick={() => call.end(false)} />
+      <div
+        role="dialog"
+        aria-modal="true"
+        className="fixed top-0 right-0 z-[9999] flex h-full w-[min(360px,90vw)] flex-col rounded-blume border border-border bg-background p-6 shadow-2xl"
+        style={{
+          borderRadius:
+            "var(--blume-radius, 12px) 0 0 var(--blume-radius, 12px)",
+          animation:
+            transition === "exiting"
+              ? "example-drawer-out 200ms ease-in forwards"
+              : "example-drawer-in 200ms ease-out forwards",
+        }}
+      >
+        <h2 className="mb-3 text-lg font-semibold text-foreground">
+          {payload.title}
+        </h2>
+        <p className="mb-6 flex-1 text-muted-foreground text-sm leading-relaxed">
+          Edit your settings here. Save or cancel to close the drawer.
+        </p>
+        <div className="flex justify-end gap-2">
+          <Btn onClick={() => call.end(false)}>Cancel</Btn>
+          <Btn kind="primary" onClick={() => call.end(true)}>
+            Save
+          </Btn>
+        </div>
+      </div>
+    </>,
+  );
+}
+
+const drawer = layerOptions<{ title: string }, boolean>({
+  stack: "example-drawer",
+  key: ["example-drawer"],
+  component: Drawer,
+  ...enterExit,
+});
+
+function Trigger() {
+  const drawerLayer = useLayer(drawer);
+  const [result, setResult] = useState<boolean | null>(null);
+
+  return (
+    <div className="flex flex-col items-start gap-3">
+      <button
+        type="button"
+        className="rounded-blume bg-accent px-5 py-2.5 font-medium text-accent-foreground text-sm transition-opacity hover:opacity-90"
+        onClick={async () => {
+          setResult(null);
+          const saved = await drawerLayer.open({ title: "Settings" });
+          setResult(saved);
+        }}
+      >
+        Open drawer
+      </button>
+      {result !== null && (
+        <span className="inline-block rounded-blume bg-muted px-3 py-1 font-mono text-foreground text-sm">
+          Result: {String(result)}
+        </span>
+      )}
+    </div>
+  );
+}
+
+export default function DrawerExample() {
+  return (
+    <StackProvider>
+      <div className="not-prose">
+        <style dangerouslySetInnerHTML={{ __html: KEYFRAMES }} />
+        <StackOutlet stack="example-drawer" />
+        <Trigger />
+      </div>
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/islands/HeroDemo.tsx b/apps/docs/islands/HeroDemo.tsx
new file mode 100644
index 0000000..a9a6f21
--- /dev/null
+++ b/apps/docs/islands/HeroDemo.tsx
@@ -0,0 +1,1371 @@
+export const client = "load";
+
+import {
+  layerOptions,
+  LayerClient,
+  StackOutlet,
+  StackProvider,
+  useLayer,
+  useLayerClient,
+  useLayerGroup,
+  useStack,
+  useStackHandles,
+} from "@stainless-code/react-layers";
+import type {
+  LayerCallContext,
+  LayerComponentProps,
+  LayerKey,
+  LayerState,
+  LayerTransition,
+} from "@stainless-code/react-layers";
+import { useCallback, useEffect, useSyncExternalStore, useState } from "react";
+
+const ENTER_MS = 250;
+const EXIT_MS = 200;
+
+const heroClient = new LayerClient({
+  defaultStackOptions: {
+    "hero-serial": { scope: { strategy: "serial" } },
+  },
+});
+
+const KEYFRAMES = `
+  @keyframes hero-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
+  @keyframes hero-backdrop-out { from { opacity: 1; } to { opacity: 0; } }
+  @keyframes hero-dialog-in { from { opacity: 0; transform: translate(-50%, -50%) scale(0.94); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
+  @keyframes hero-dialog-out { from { opacity: 1; transform: translate(-50%, -50%) scale(1); } to { opacity: 0; transform: translate(-50%, -50%) scale(0.94); } }
+  @keyframes hero-toast-in { from { opacity: 0; transform: translateX(-50%) translateY(-120%); } to { opacity: 1; transform: translateX(-50%) translateY(0); } }
+  @keyframes hero-toast-out { from { opacity: 1; transform: translateX(-50%) translateY(0); } to { opacity: 0; transform: translateX(-50%) translateY(-120%); } }
+  @keyframes hero-drawer-in { from { transform: translateX(100%); } to { transform: translateX(0); } }
+  @keyframes hero-drawer-out { from { transform: translateX(0); } to { transform: translateX(100%); } }
+  @keyframes hero-spin { to { transform: rotate(360deg); } }
+`;
+
+/* ── Shared primitives ── */
+
+function Backdrop({
+  transition,
+  onClick,
+}: {
+  transition: LayerTransition;
+  onClick?: () => void;
+}) {
+  return (
+    <div
+      className="absolute inset-0 z-[8] bg-black/40 backdrop-blur-sm"
+      style={{
+        animation:
+          transition === "exiting"
+            ? "hero-backdrop-out 200ms ease-in forwards"
+            : "hero-backdrop-in 200ms ease-out forwards",
+      }}
+      onClick={onClick}
+      aria-hidden="true"
+    />
+  );
+}
+
+function CenterPane({
+  transition,
+  width,
+  role,
+  children,
+}: {
+  transition: LayerTransition;
+  width: string;
+  role?: "dialog" | "alertdialog";
+  children: React.ReactNode;
+}) {
+  return (
+    <div
+      role={role ?? "dialog"}
+      aria-modal="true"
+      className={`absolute left-1/2 top-1/2 z-[9] rounded-blume border border-border bg-background p-4 shadow-2xl ${width}`}
+      style={{
+        animation:
+          transition === "exiting"
+            ? "hero-dialog-out 200ms ease-in forwards"
+            : "hero-dialog-in 250ms ease-out forwards",
+      }}
+    >
+      {children}
+    </div>
+  );
+}
+
+function Btn({
+  kind = "ghost",
+  className = "",
+  ...props
+}: {
+  kind?: "primary" | "danger" | "ghost";
+} & React.ButtonHTMLAttributes<HTMLButtonElement>) {
+  const base =
+    "rounded-blume px-4 py-2 text-sm transition-colors disabled:opacity-50";
+  const styles = {
+    primary: "bg-accent font-medium text-accent-foreground hover:opacity-90",
+    danger: "bg-red-500 font-medium text-white hover:bg-red-600",
+    ghost: "border border-border text-foreground hover:bg-muted",
+  } as const;
+  return (
+    <button
+      type="button"
+      className={`${base} ${styles[kind]} ${className}`}
+      {...props}
+    />
+  );
+}
+
+/* ── Demo components ── */
+
+function HeroConfirmDialog({
+  call,
+  payload,
+  transition,
+}: LayerComponentProps<{ title: string; message: string }, boolean>) {
+  return (
+    <>
+      <Backdrop transition={transition} onClick={() => call.end(false)} />
+      <CenterPane
+        transition={transition}
+        width="w-[min(340px,90%)]"
+        role="alertdialog"
+      >
+        <h2 className="mb-2 text-lg font-semibold text-foreground">
+          {payload.title}
+        </h2>
+        <p className="mb-5 text-muted-foreground text-sm leading-relaxed">
+          {payload.message}
+        </p>
+        <div className="flex justify-end gap-3">
+          <Btn onClick={() => call.end(false)}>No</Btn>
+          <Btn kind="danger" onClick={() => call.end(true)}>
+            Yes, delete
+          </Btn>
+        </div>
+      </CenterPane>
+    </>
+  );
+}
+
+function HeroToast({
+  call,
+  payload,
+  transition,
+}: LayerComponentProps<{ message: string }, void>) {
+  const states = useStack({ stack: "hero-toast" });
+  const myIndex = states.findIndex((s) => s.id === call.layerId);
+  const slot = states.filter(
+    (s, i) => i < myIndex && s.transition !== "exiting",
+  ).length;
+  return (
+    <div
+      className="absolute z-[9] rounded-blume border border-border bg-background px-4 py-3 shadow-xl"
+      style={{
+        top: `${16 + slot * 56}px`,
+        left: "50%",
+        transition: "top 200ms ease",
+        animation:
+          transition === "exiting"
+            ? "hero-toast-out 200ms ease-in forwards"
+            : "hero-toast-in 250ms ease-out forwards",
+      }}
+      role="status"
+    >
+      <div className="flex items-center gap-3">
+        <span
+          className="h-2 w-2 shrink-0 rounded-full bg-green-500"
+          aria-hidden="true"
+        />
+        <span className="text-foreground text-sm">{payload.message}</span>
+        <button
+          type="button"
+          onClick={() => call.dismiss()}
+          className="ml-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-muted-foreground text-xs transition-colors hover:bg-muted hover:text-foreground"
+          aria-label="Dismiss"
+        >
+          ✕
+        </button>
+      </div>
+    </div>
+  );
+}
+
+function HeroProgressDialog({
+  call,
+  payload,
+  transition,
+}: LayerComponentProps<
+  { fileName: string; percent: number; speedKb: number },
+  void
+>) {
+  const done = payload.percent >= 100;
+  useEffect(() => {
+    if (done) {
+      const t = setTimeout(() => call.dismiss(), 900);
+      return () => clearTimeout(t);
+    }
+    return;
+  }, [done, call]);
+
+  const eta = done
+    ? "Complete"
+    : payload.speedKb > 0
+      ? `${Math.ceil(((100 - payload.percent) / 100) * 4 * 10) / 10}s`
+      : "—";
+
+  return (
+    <>
+      <Backdrop transition={transition} />
+      <CenterPane transition={transition} width="w-[min(360px,90%)]">
+        <div className="mb-1 flex items-center gap-2.5">
+          {done ? (
+            <span
+              className="flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-white"
+              style={{ backgroundColor: "var(--blume-success)" }}
+              aria-label="done"
+            >
+              <svg
+                className="h-3 w-3"
+                fill="none"
+                stroke="currentColor"
+                stroke-linecap="round"
+                stroke-linejoin="round"
+                stroke-width="3"
+                viewBox="0 0 24 24"
+              >
+                <path d="m5 13 4 4L19 7" />
+              </svg>
+            </span>
+          ) : (
+            <span
+              className="inline-block h-4 w-4 shrink-0 rounded-full border-2 border-accent border-t-transparent"
+              style={{ animation: "hero-spin 700ms linear infinite" }}
+              aria-label="working"
+            />
+          )}
+          <h2
+            className="text-lg font-semibold transition-colors"
+            style={done ? { color: "var(--blume-success)" } : undefined}
+          >
+            {done ? "Done!" : "Uploading…"}
+          </h2>
+        </div>
+
+        <p className="mb-4 truncate font-mono text-muted-foreground text-xs">
+          {payload.fileName}
+        </p>
+
+        <div className="h-2.5 w-full overflow-hidden rounded-full bg-muted">
+          <div
+            className="h-full rounded-full transition-all duration-200 ease-linear"
+            style={{
+              width: `${payload.percent}%`,
+              backgroundColor: done
+                ? "var(--blume-success)"
+                : "var(--blume-accent)",
+            }}
+          />
+        </div>
+
+        <div className="mt-2.5 flex items-center justify-between font-mono text-muted-foreground text-xs">
+          <span>{done ? "—" : `${payload.speedKb.toFixed(1)} MB/s`}</span>
+          <span>{eta}</span>
+          <span className="font-medium text-foreground">
+            {payload.percent}%
+          </span>
+        </div>
+      </CenterPane>
+    </>
+  );
+}
+
+function HeroDrawer({
+  call,
+  payload,
+  transition,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  return (
+    <>
+      <Backdrop transition={transition} onClick={() => call.end(false)} />
+      <div
+        role="dialog"
+        aria-modal="true"
+        className="absolute top-0 right-0 z-[9] flex h-full w-[min(300px,85%)] flex-col rounded-blume border border-border bg-background p-4 shadow-2xl"
+        style={{
+          animation:
+            transition === "exiting"
+              ? "hero-drawer-out 200ms ease-in forwards"
+              : "hero-drawer-in 250ms ease-out forwards",
+        }}
+      >
+        <h2 className="mb-4 text-lg font-semibold text-foreground">
+          {payload.title}
+        </h2>
+        <p className="mb-6 text-muted-foreground text-sm leading-relaxed">
+          Drawers, sheets, and slide-overs are just layers on a named stack —
+          same
+          <code className="mx-1 rounded bg-muted px-1 font-mono text-xs">
+            await client.open
+          </code>
+          as a dialog.
+        </p>
+        <div className="mt-auto flex justify-end gap-3">
+          <Btn onClick={() => call.end(false)}>Cancel</Btn>
+          <Btn kind="primary" onClick={() => call.end(true)}>
+            Done
+          </Btn>
+        </div>
+      </div>
+    </>
+  );
+}
+
+function HeroNestedConfirm({
+  call,
+  payload,
+  transition,
+}: LayerComponentProps<{ title: string; message: string }, boolean>) {
+  return (
+    <>
+      <div
+        className="absolute inset-0 z-[8] bg-black/25"
+        style={{
+          animation:
+            transition === "exiting"
+              ? "hero-backdrop-out 200ms ease-in forwards"
+              : "hero-backdrop-in 200ms ease-out forwards",
+        }}
+        onClick={() => call.end(false)}
+        aria-hidden="true"
+      />
+      <CenterPane
+        transition={transition}
+        width="w-[min(300px,90%)]"
+        role="alertdialog"
+      >
+        <h2 className="mb-2 text-base font-semibold text-foreground">
+          {payload.title}
+        </h2>
+        <p className="mb-5 text-muted-foreground text-sm">{payload.message}</p>
+        <div className="flex justify-end gap-2.5">
+          <Btn onClick={() => call.end(false)}>Cancel</Btn>
+          <Btn kind="primary" onClick={() => call.end(true)}>
+            Apply
+          </Btn>
+        </div>
+      </CenterPane>
+    </>
+  );
+}
+
+function Toggle({
+  checked,
+  onChange,
+  label,
+  hint,
+}: {
+  checked: boolean;
+  onChange: (v: boolean) => void;
+  label: string;
+  hint: string;
+}) {
+  return (
+    <div className="flex items-center justify-between gap-3 rounded-blume border border-border bg-muted/20 px-3 py-2.5">
+      <div className="min-w-0">
+        <div className="text-sm font-medium text-foreground">{label}</div>
+        <div className="text-xs text-muted-foreground">{hint}</div>
+      </div>
+      <button
+        type="button"
+        role="switch"
+        aria-checked={checked}
+        onClick={() => onChange(!checked)}
+        className={`relative h-5 w-9 shrink-0 rounded-full transition-colors ${
+          checked ? "bg-accent" : "bg-muted-foreground/30"
+        }`}
+      >
+        <span
+          className={`absolute top-0.5 left-0.5 h-4 w-4 rounded-full bg-white shadow transition-transform ${
+            checked ? "translate-x-4" : "translate-x-0"
+          }`}
+        />
+      </button>
+    </div>
+  );
+}
+
+function HeroNestedDrawer({
+  call,
+  payload,
+  transition,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  const group = useLayerGroup(call, { name: "confirm" });
+  const [saved, setSaved] = useState(false);
+  const [settings, setSettings] = useState({
+    notifications: true,
+    darkMode: false,
+    autoSave: true,
+  });
+  const toggle = (k: keyof typeof settings) =>
+    setSettings((s) => ({ ...s, [k]: !s[k] }));
+
+  const save = async () => {
+    const ok = await group.open({
+      key: ["hero-nested-confirm"],
+      component: HeroNestedConfirm,
+      enteringDelay: ENTER_MS,
+      exitingDelay: EXIT_MS,
+      payload: {
+        title: "Apply changes?",
+        message: "Update your account settings.",
+      },
+    });
+    if (ok) setSaved(true);
+  };
+
+  return (
+    <>
+      <Backdrop transition={transition} onClick={() => call.end(false)} />
+      <div
+        role="dialog"
+        aria-modal="true"
+        className="absolute top-0 right-0 z-[9] flex h-full w-[min(340px,88%)] flex-col rounded-blume border border-border bg-background p-4 shadow-2xl"
+        style={{
+          animation:
+            transition === "exiting"
+              ? "hero-drawer-out 200ms ease-in forwards"
+              : "hero-drawer-in 250ms ease-out forwards",
+        }}
+      >
+        <div className="flex items-center justify-between">
+          <h2 className="text-lg font-semibold text-foreground">
+            {payload.title}
+          </h2>
+          {saved && (
+            <span
+              className="inline-flex items-center gap-1 text-xs"
+              style={{ color: "var(--blume-success)" }}
+            >
+              <span
+                className="h-1.5 w-1.5 rounded-full"
+                style={{ backgroundColor: "var(--blume-success)" }}
+                aria-hidden="true"
+              />
+              Saved
+            </span>
+          )}
+        </div>
+        <p className="mb-5 mt-1 text-muted-foreground text-xs">
+          This drawer owns a child stack — opening a confirm nests
+          automatically.
+        </p>
+
+        <div className="space-y-2.5">
+          <Toggle
+            label="Notifications"
+            hint="Email + push alerts"
+            checked={settings.notifications}
+            onChange={() => toggle("notifications")}
+          />
+          <Toggle
+            label="Dark mode"
+            hint="Sync with system"
+            checked={settings.darkMode}
+            onChange={() => toggle("darkMode")}
+          />
+          <Toggle
+            label="Auto-save"
+            hint="Every 30 seconds"
+            checked={settings.autoSave}
+            onChange={() => toggle("autoSave")}
+          />
+        </div>
+
+        <div className="mt-auto flex justify-end gap-3 pt-5">
+          <Btn onClick={() => call.end(false)}>Close</Btn>
+          <Btn kind="primary" onClick={() => void save()}>
+            Save changes
+          </Btn>
+        </div>
+        <group.Outlet />
+      </div>
+    </>
+  );
+}
+
+interface HeroProfile {
+  name: string;
+  role: string;
+  initials: string;
+  status: "online" | "away" | "offline";
+  joined: string;
+  projects: number;
+  uptime: string;
+}
+
+function HeroAsyncDialog({
+  call,
+  payload,
+  data,
+  phase,
+  transition,
+}: LayerComponentProps<{ userId: string }, void, HeroProfile>) {
+  const statusDot = {
+    online: "bg-green-500",
+    away: "bg-amber-500",
+    offline: "bg-muted-foreground",
+  } as const;
+  return (
+    <>
+      <Backdrop transition={transition} />
+      <CenterPane transition={transition} width="w-[min(360px,90%)]">
+        <p className="mb-4 text-[10px] font-medium uppercase tracking-wider text-muted-foreground">
+          User profile · {payload.userId}
+        </p>
+        {phase === "pending" ? (
+          <div className="flex flex-col items-center gap-3 py-6 text-muted-foreground text-sm">
+            <span
+              className="inline-block h-7 w-7 rounded-full border-2 border-accent border-t-transparent"
+              style={{ animation: "hero-spin 700ms linear infinite" }}
+            />
+            Fetching profile…
+          </div>
+        ) : (
+          <div className="text-sm">
+            <div className="flex items-center gap-3">
+              <div className="flex size-12 shrink-0 items-center justify-center rounded-full bg-accent font-semibold text-accent-foreground">
+                {data?.initials}
+              </div>
+              <div className="min-w-0 flex-1">
+                <div className="flex items-center gap-1.5">
+                  <span className="truncate font-semibold text-foreground">
+                    {data?.name}
+                  </span>
+                  <span
+                    className={`h-2 w-2 shrink-0 rounded-full ${statusDot[data?.status ?? "offline"]}`}
+                    aria-hidden="true"
+                  />
+                </div>
+                <span className="text-muted-foreground text-xs">
+                  {data?.role}
+                </span>
+              </div>
+            </div>
+
+            <div className="mt-4 grid grid-cols-3 gap-2">
+              {[
+                { label: "Projects", value: data?.projects },
+                { label: "Uptime", value: data?.uptime },
+                { label: "Joined", value: data?.joined },
+              ].map((stat) => (
+                <div
+                  key={stat.label}
+                  className="rounded-blume border border-border bg-muted/20 p-2 text-center"
+                >
+                  <div className="font-semibold text-foreground">
+                    {stat.value}
+                  </div>
+                  <div className="mt-0.5 text-[10px] uppercase tracking-wide text-muted-foreground">
+                    {stat.label}
+                  </div>
+                </div>
+              ))}
+            </div>
+
+            <Btn
+              kind="primary"
+              className="mt-4 w-full"
+              onClick={() => call.dismiss()}
+            >
+              Close
+            </Btn>
+          </div>
+        )}
+      </CenterPane>
+    </>
+  );
+}
+
+function HeroDiscardConfirm({
+  call,
+  payload,
+  transition,
+}: LayerComponentProps<{ title: string; message: string }, boolean>) {
+  return (
+    <>
+      <div
+        className="absolute inset-0 z-[8] bg-black/25"
+        style={{
+          animation:
+            transition === "exiting"
+              ? "hero-backdrop-out 200ms ease-in forwards"
+              : "hero-backdrop-in 200ms ease-out forwards",
+        }}
+        onClick={() => call.end(false)}
+        aria-hidden="true"
+      />
+      <CenterPane
+        transition={transition}
+        width="w-[min(300px,90%)]"
+        role="alertdialog"
+      >
+        <h2 className="mb-2 text-base font-semibold text-foreground">
+          {payload.title}
+        </h2>
+        <p className="mb-5 text-muted-foreground text-sm">{payload.message}</p>
+        <div className="flex justify-end gap-2.5">
+          <Btn onClick={() => call.end(false)}>Cancel</Btn>
+          <Btn kind="primary" onClick={() => call.end(true)}>
+            Discard
+          </Btn>
+        </div>
+      </CenterPane>
+    </>
+  );
+}
+
+function HeroBlockerDialog({
+  call,
+  payload,
+  transition,
+  dismissing,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  const group = useLayerGroup(call, { name: "discard" });
+  const [text, setText] = useState("");
+  const dirty = text.length > 0;
+  useEffect(() => call.addBlocker(() => !dirty), [call, dirty]);
+
+  const attemptClose = async () => {
+    if (!dirty) {
+      call.end(false);
+      return;
+    }
+    const discard = await group.open({
+      key: ["hero-discard"],
+      component: HeroDiscardConfirm,
+      enteringDelay: ENTER_MS,
+      exitingDelay: EXIT_MS,
+      payload: {
+        title: "Discard changes?",
+        message: "You'll lose your unsaved edits.",
+      },
+    });
+    if (discard) call.end(false, { force: true });
+  };
+
+  return (
+    <>
+      <Backdrop transition={transition} onClick={() => call.end(false)} />
+      <CenterPane transition={transition} width="w-[min(360px,90%)]">
+        <div className="mb-3 flex items-center justify-between">
+          <h2 className="text-lg font-semibold text-foreground">
+            {payload.title}
+          </h2>
+          {dirty && (
+            <span className="inline-flex items-center gap-1 text-amber-600 text-xs dark:text-amber-400">
+              <span
+                className="h-1.5 w-1.5 rounded-full bg-amber-500"
+                aria-hidden="true"
+              />
+              unsaved
+            </span>
+          )}
+        </div>
+        <p className="mb-4 text-muted-foreground text-xs leading-relaxed">
+          A blocker vetoes dismissal while there are unsaved edits. Backdrop
+          clicks bounce off; closing opens a discard confirm; force bypasses the
+          blocker.
+        </p>
+
+        <label className="mb-1 block text-[10px] font-medium uppercase tracking-wider text-muted-foreground">
+          Display name
+        </label>
+        <input
+          type="text"
+          value={text}
+          onChange={(e) => setText(e.target.value)}
+          placeholder="Type to make the form dirty…"
+          className="mb-2 w-full rounded-blume border border-border bg-background px-3 py-2 text-sm text-foreground outline-none transition-colors focus:border-accent"
+        />
+
+        {dismissing && (
+          <p className="mb-3 text-xs text-amber-600 dark:text-amber-400">
+            blocker consulted → vetoed
+          </p>
+        )}
+
+        <div className="mt-4 flex justify-end gap-3">
+          <Btn
+            kind="ghost"
+            onClick={() => call.end(true, { force: true })}
+            className="text-amber-600 dark:text-amber-400"
+          >
+            Force close
+          </Btn>
+          <Btn kind="primary" onClick={() => void attemptClose()}>
+            Close
+          </Btn>
+        </div>
+        <group.Outlet />
+      </CenterPane>
+    </>
+  );
+}
+
+function HeroAnnouncement({
+  call,
+  payload,
+  transition,
+}: LayerComponentProps<{ title: string; body: string }, void>) {
+  useEffect(() => {
+    const t = setTimeout(() => call.dismiss(), 2200);
+    return () => clearTimeout(t);
+  }, [call]);
+  return (
+    <>
+      <Backdrop transition={transition} />
+      <CenterPane transition={transition} width="w-[min(320px,90%)]">
+        <h2 className="mb-2 text-lg font-semibold text-foreground">
+          {payload.title}
+        </h2>
+        <p className="text-muted-foreground text-sm">{payload.body}</p>
+        <div className="mt-5 flex justify-end">
+          <Btn kind="primary" onClick={() => call.dismiss()}>
+            Acknowledge
+          </Btn>
+        </div>
+      </CenterPane>
+    </>
+  );
+}
+
+/* ── Layer options ── */
+
+const enterExit = { enteringDelay: ENTER_MS, exitingDelay: EXIT_MS } as const;
+
+const confirmOpts = layerOptions<{ title: string; message: string }, boolean>({
+  stack: "hero-confirm",
+  key: ["hero-confirm"],
+  component: HeroConfirmDialog,
+  ...enterExit,
+});
+const toastOpts = layerOptions<{ message: string }, void>({
+  stack: "hero-toast",
+  key: ["hero-toast"],
+  upsert: false,
+  component: HeroToast,
+  ...enterExit,
+});
+const progressOpts = layerOptions<
+  { fileName: string; percent: number; speedKb: number },
+  void
+>({
+  stack: "hero-progress",
+  key: ["hero-progress"],
+  upsert: true,
+  component: HeroProgressDialog,
+  ...enterExit,
+});
+const drawerOpts = layerOptions<{ title: string }, boolean>({
+  stack: "hero-drawer",
+  key: ["hero-drawer"],
+  component: HeroDrawer,
+  ...enterExit,
+});
+const nestedOpts = layerOptions<{ title: string }, boolean>({
+  stack: "hero-nested",
+  key: ["hero-nested"],
+  component: HeroNestedDrawer,
+  ...enterExit,
+});
+const asyncOpts = layerOptions<{ userId: string }, void, never, HeroProfile>({
+  stack: "hero-async",
+  key: ["hero-async"],
+  component: HeroAsyncDialog,
+  loadFn: async () => {
+    await new Promise((r) => setTimeout(r, 900));
+    return {
+      name: "Ada Lovelace",
+      role: "Founding Engineer",
+      initials: "AL",
+      status: "online",
+      joined: "Mar 2021",
+      projects: 12,
+      uptime: "99.98%",
+    };
+  },
+  ...enterExit,
+});
+const blockerOpts = layerOptions<{ title: string }, boolean>({
+  stack: "hero-blocker",
+  key: ["hero-blocker"],
+  component: HeroBlockerDialog,
+  ...enterExit,
+});
+const announceOpts = layerOptions<{ title: string; body: string }, void>({
+  stack: "hero-serial",
+  key: ["hero-announce"],
+  component: HeroAnnouncement,
+  ...enterExit,
+});
+
+/* ── Dev panel hooks ── */
+
+function useQueued(stackId: string): LayerState[] {
+  const client = useLayerClient();
+  const stack = client.getStack(stackId);
+  const subscribe = useCallback(
+    (cb: () => void) => stack.subscribe(cb),
+    [stack],
+  );
+  const getSnap = useCallback(() => stack.getQueuedSnapshot(), [stack]);
+  return useSyncExternalStore(subscribe, getSnap, getSnap);
+}
+
+function useStackIds(): string[] {
+  const client = useLayerClient();
+  const [ids, setIds] = useState<string[]>(() => client.getStackIds());
+  useEffect(() => {
+    const update = () => setIds(client.getStackIds());
+    update();
+    return client.subscribeStacks(update);
+  }, [client]);
+  return ids;
+}
+
+/* ── Dev panel ── */
+
+const PHASE_STYLES: Record<string, string> = {
+  pending: "bg-amber-500/15 text-amber-600 dark:text-amber-400",
+  queued: "bg-muted text-muted-foreground",
+  active: "bg-accent/15 text-accent",
+  dismissed: "bg-muted text-muted-foreground",
+  error: "bg-red-500/15 text-red-600 dark:text-red-400",
+};
+const TRANSITION_STYLES: Record<string, string> = {
+  entering: "bg-sky-500/15 text-sky-600 dark:text-sky-400",
+  settled: "bg-muted text-muted-foreground",
+  exiting: "bg-muted text-muted-foreground",
+};
+
+function Badge({ label, cls }: { label: string; cls: string }) {
+  return (
+    <span
+      className={`rounded-full px-1.5 py-0.5 text-[10px] font-medium uppercase ${cls}`}
+    >
+      {label}
+    </span>
+  );
+}
+
+function Json({ value }: { value: unknown }) {
+  if (value === undefined || value === null) return null;
+  return (
+    <pre className="mt-1 max-h-24 overflow-auto rounded bg-muted/60 p-1.5 font-mono text-[10px] leading-tight text-muted-foreground">
+      {JSON.stringify(value)}
+    </pre>
+  );
+}
+
+function LayerRow({
+  state,
+  queued,
+  getCall,
+  onCancel,
+}: {
+  state: LayerState;
+  queued?: boolean;
+  getCall?: (s: LayerState) => LayerCallContext;
+  onCancel?: (key: LayerKey) => void;
+}) {
+  const key = Array.isArray(state.key)
+    ? state.key.join("-")
+    : String(state.key);
+  return (
+    <div
+      className={`rounded-blume border px-2.5 py-2 text-xs ${
+        queued
+          ? "border-dashed border-border bg-muted/20"
+          : "border-border bg-background"
+      }`}
+    >
+      <div className="flex items-center gap-1.5">
+        <span
+          className={`h-1.5 w-1.5 shrink-0 rounded-full ${
+            queued ? "bg-muted-foreground" : "bg-accent"
+          }`}
+          aria-hidden="true"
+        />
+        <span className="flex-1 truncate font-mono text-foreground">{key}</span>
+        <Badge label={state.phase} cls={PHASE_STYLES[state.phase] ?? ""} />
+        {!queued && (
+          <Badge
+            label={state.transition}
+            cls={TRANSITION_STYLES[state.transition] ?? ""}
+          />
+        )}
+      </div>
+
+      <div className="mt-1.5 flex flex-wrap gap-x-3 gap-y-0.5 font-mono text-[10px] text-muted-foreground">
+        <span>id:{state.id.slice(0, 8)}</span>
+        <span>
+          idx:{state.index}/{state.stackSize}
+        </span>
+        {!queued && state.actionStatus === "running" && <span>running</span>}
+        {!queued && state.dismissing && (
+          <span className="text-amber-600">dismissing</span>
+        )}
+        {state.ended && <span>ended</span>}
+      </div>
+
+      {state.payload !== undefined && <Json value={state.payload} />}
+      {!queued && state.data !== undefined && <Json value={state.data} />}
+      {state.response !== undefined && <Json value={state.response} />}
+      {state.error !== undefined && <Json value={state.error} />}
+
+      <div className="mt-1.5 flex flex-wrap gap-1.5">
+        {queued && onCancel && (
+          <button
+            type="button"
+            onClick={() => onCancel(state.key)}
+            className="rounded border border-border px-1.5 py-0.5 text-[10px] text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
+          >
+            cancelQueued
+          </button>
+        )}
+        {!queued && getCall && state.transition === "entering" && (
+          <button
+            type="button"
+            onClick={() => getCall(state).settle()}
+            className="rounded border border-border px-1.5 py-0.5 text-[10px] text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
+          >
+            settle
+          </button>
+        )}
+        {!queued && getCall && state.phase !== "dismissed" && (
+          <button
+            type="button"
+            onClick={() => getCall(state).dismiss(undefined as never)}
+            className="rounded border border-border px-1.5 py-0.5 text-[10px] text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
+          >
+            dismiss
+          </button>
+        )}
+        {!queued && getCall && state.phase !== "dismissed" && (
+          <button
+            type="button"
+            onClick={() =>
+              getCall(state).dismiss(undefined as never, { force: true })
+            }
+            className="rounded border border-border px-1.5 py-0.5 text-[10px] text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
+          >
+            force
+          </button>
+        )}
+      </div>
+    </div>
+  );
+}
+
+function DevPanel({
+  activeStack,
+  onSelectStack,
+}: {
+  activeStack: string;
+  onSelectStack: (id: string) => void;
+}) {
+  const client = useLayerClient();
+  const stackIds = useStackIds();
+  const { states, getCall } = useStackHandles(activeStack);
+  const queued = useQueued(activeStack);
+  const stack = client.getStack(activeStack);
+  const scope = stack.options.scope?.strategy ?? "parallel";
+  const mode = stack.options.dismissAllMode ?? "skipBlocked";
+  const gc = stack.options.gcTime ?? 0;
+
+  return (
+    <div className="flex h-full flex-col gap-3 text-xs">
+      <div className="flex items-center justify-between">
+        <span className="font-semibold text-foreground">Layer inspector</span>
+        <span className="font-mono text-muted-foreground">devtools</span>
+      </div>
+
+      {/* Stacks overview */}
+      <div>
+        <div className="mb-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground">
+          Stacks ({stackIds.length})
+        </div>
+        <div className="flex flex-wrap gap-1">
+          {stackIds.length === 0 && (
+            <span className="text-muted-foreground">none materialized</span>
+          )}
+          {stackIds.map((id) => (
+            <button
+              key={id}
+              type="button"
+              onClick={() => onSelectStack(id)}
+              className={`max-w-full truncate rounded border px-1.5 py-0.5 font-mono text-[10px] transition-colors ${
+                id === activeStack
+                  ? "border-accent text-accent"
+                  : "border-border text-muted-foreground hover:text-foreground"
+              }`}
+              title={id}
+            >
+              {id}
+            </button>
+          ))}
+        </div>
+      </div>
+
+      {/* Active stack meta */}
+      <div className="rounded-blume border border-border bg-muted/20 p-2">
+        <div className="mb-1 truncate font-mono text-foreground">
+          {activeStack}
+        </div>
+        <div className="flex flex-wrap gap-1.5">
+          <Badge
+            label={`scope:${scope}`}
+            cls="bg-muted text-muted-foreground"
+          />
+          <Badge
+            label={`dismissAll:${mode}`}
+            cls="bg-muted text-muted-foreground"
+          />
+          <Badge
+            label={`gcTime:${gc}ms`}
+            cls="bg-muted text-muted-foreground"
+          />
+        </div>
+      </div>
+
+      {/* Mounted + queued layers */}
+      <div className="flex-1 overflow-y-auto">
+        <div className="mb-1 flex items-center justify-between text-[10px] font-medium uppercase tracking-wider text-muted-foreground">
+          <span>Mounted ({states.length})</span>
+          <span>Queued ({queued.length})</span>
+        </div>
+        {states.length === 0 && queued.length === 0 && (
+          <div className="flex h-20 items-center justify-center rounded-blume border border-dashed border-border text-muted-foreground text-[11px]">
+            empty — run a demo
+          </div>
+        )}
+        <div className="flex flex-col gap-1.5">
+          {states.map((s) => (
+            <LayerRow key={s.id} state={s} getCall={getCall} />
+          ))}
+          {queued.map((s) => (
+            <LayerRow
+              key={s.id}
+              state={s}
+              queued
+              onCancel={(key) => stack.cancelQueued(key, undefined as never)}
+            />
+          ))}
+        </div>
+      </div>
+
+      {/* Stack controls */}
+      <div className="border-border border-t pt-2">
+        <div className="mb-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground">
+          dismissAll modes
+        </div>
+        <div className="flex flex-wrap gap-1.5">
+          {(["skipBlocked", "stopAtBlocked", "force"] as const).map((m) => (
+            <button
+              key={m}
+              type="button"
+              onClick={() =>
+                void client.dismissAll(activeStack, undefined, { mode: m })
+              }
+              className="rounded border border-border px-1.5 py-1 text-[10px] text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
+            >
+              {m}
+            </button>
+          ))}
+        </div>
+      </div>
+    </div>
+  );
+}
+
+/* ── Main showcase ── */
+
+type DemoTab =
+  | "confirm"
+  | "toast"
+  | "progress"
+  | "drawer"
+  | "serial"
+  | "nested"
+  | "async"
+  | "blocker";
+
+const TABS: { id: DemoTab; label: string; stack: string; hint: string }[] = [
+  {
+    id: "confirm",
+    label: "Confirm",
+    stack: "hero-confirm",
+    hint: "await boolean result",
+  },
+  {
+    id: "toast",
+    label: "Toast",
+    stack: "hero-toast",
+    hint: "parallel + auto-dismiss",
+  },
+  {
+    id: "progress",
+    label: "Progress",
+    stack: "hero-progress",
+    hint: "upsert + live payload update",
+  },
+  {
+    id: "drawer",
+    label: "Drawer",
+    stack: "hero-drawer",
+    hint: "slide-over overlay",
+  },
+  {
+    id: "serial",
+    label: "Serial",
+    stack: "hero-serial",
+    hint: "scope:serial queue",
+  },
+  {
+    id: "nested",
+    label: "Nested",
+    stack: "hero-nested",
+    hint: "useLayerGroup child stack",
+  },
+  {
+    id: "async",
+    label: "Async",
+    stack: "hero-async",
+    hint: "loadFn + pending/data phases",
+  },
+  {
+    id: "blocker",
+    label: "Blocker",
+    stack: "hero-blocker",
+    hint: "addBlocker + discard confirm + force",
+  },
+];
+
+const ANNOUNCEMENTS = [
+  {
+    title: "Build #142 shipped",
+    body: "All checks green and deployed to staging.",
+  },
+  { title: "Incident resolved", body: "API latency is back to baseline." },
+  { title: "Scheduled maintenance", body: "Sunday 02:00–02:30 UTC." },
+];
+
+let toastCounter = 0;
+
+function HeroShowcase() {
+  const client = useLayerClient();
+  const confirm = useLayer(confirmOpts);
+  const progress = useLayer(progressOpts);
+  const drawer = useLayer(drawerOpts);
+  const nested = useLayer(nestedOpts);
+  const asyncLayer = useLayer(asyncOpts);
+  const blocker = useLayer(blockerOpts);
+  const [activeTab, setActiveTab] = useState<DemoTab>("confirm");
+  const [inspectedStack, setInspectedStack] = useState<string>("hero-confirm");
+  const [trace, setTrace] = useState<string[]>([]);
+
+  const addTrace = (msg: string) =>
+    setTrace((prev) => [...prev.slice(-4), msg]);
+
+  const switchTab = (tab: DemoTab) => {
+    for (const id of client.getStackIds()) {
+      void client.dismissAll(id, undefined, { mode: "force" });
+    }
+    setActiveTab(tab);
+    const next = TABS.find((t) => t.id === tab)!.stack;
+    setInspectedStack(next);
+    setTrace([]);
+    toastCounter = 0;
+  };
+
+  const runConfirm = async () => {
+    setTrace([]);
+    const ok = await confirm.open({
+      title: "Delete this file?",
+      message: "This action cannot be undone. Continue?",
+    });
+    addTrace(`await open → ${ok ? "✓ true" : "✕ false"}`);
+  };
+
+  const runToast = () => {
+    toastCounter++;
+    const id = toastCounter;
+    void client.open({
+      ...toastOpts,
+      key: ["hero-toast", id],
+      payload: { message: `Toast #${id}` },
+    });
+    addTrace(`open toast #${id}`);
+  };
+
+  const runProgress = () => {
+    setTrace([]);
+    void progress.open({
+      fileName: "layers-core-1.4.0.tgz",
+      percent: 0,
+      speedKb: 0,
+    });
+    const layer = progress.stack.find(["hero-progress"]);
+    if (!layer) return;
+    let pct = 0;
+    const tick = setInterval(() => {
+      pct = Math.min(100, pct + Math.round(6 + Math.random() * 8));
+      const speed = Math.round((8 + Math.random() * 6) * 10) / 10;
+      progress.stack.update(layer, { percent: pct, speedKb: speed } as never);
+      progress.stack.setRunning(layer, pct < 100);
+      if (pct >= 100) clearInterval(tick);
+    }, 130);
+    addTrace("open progress → live payload updates");
+  };
+
+  const runDrawer = async () => {
+    setTrace([]);
+    const ok = await drawer.open({ title: "Filter options" });
+    addTrace(`await open → ${ok ? "✓ done" : "✕ cancelled"}`);
+  };
+
+  const runSerial = () => {
+    setTrace([]);
+    ANNOUNCEMENTS.forEach((a, i) => {
+      void client.open({
+        ...announceOpts,
+        key: ["hero-announce", i],
+        payload: a,
+      });
+    });
+    addTrace("queued 3 → serial plays one at a time");
+  };
+
+  const runNested = async () => {
+    setTrace([]);
+    const ok = await nested.open({ title: "Account settings" });
+    addTrace(`nested drawer → ${ok ? "✓ saved" : "✕ closed"}`);
+  };
+
+  const runAsync = () => {
+    setTrace([]);
+    void asyncLayer.open({ userId: "ada" });
+    addTrace("open → loadFn pending → data");
+  };
+
+  const runBlocker = async () => {
+    setTrace([]);
+    const ok = await blocker.open({ title: "Edit profile" });
+    addTrace(`form → ${ok ? "✓ force-closed" : "✕ discarded"}`);
+  };
+
+  const handleRun = () => {
+    if (activeTab === "confirm") void runConfirm();
+    else if (activeTab === "toast") runToast();
+    else if (activeTab === "progress") runProgress();
+    else if (activeTab === "drawer") void runDrawer();
+    else if (activeTab === "serial") runSerial();
+    else if (activeTab === "nested") void runNested();
+    else if (activeTab === "async") runAsync();
+    else void runBlocker();
+  };
+
+  const activeTabMeta = TABS.find((t) => t.id === activeTab)!;
+  const runLabel: Record<DemoTab, string> = {
+    confirm: "Open confirm",
+    toast: "Fire toast",
+    progress: "Start progress",
+    drawer: "Open drawer",
+    serial: "Queue 3 announcements",
+    nested: "Open drawer",
+    async: "Open async",
+    blocker: "Open form",
+  };
+
+  return (
+    <div className="w-full">
+      <div className="mb-3 flex flex-wrap items-center gap-2">
+        <div className="flex flex-wrap gap-1.5">
+          {TABS.map((tab) => (
+            <button
+              key={tab.id}
+              type="button"
+              onClick={() => switchTab(tab.id)}
+              className={`rounded-full border px-2.5 py-1 text-xs transition-colors ${
+                activeTab === tab.id
+                  ? "border-accent text-accent"
+                  : "border-border text-muted-foreground hover:text-foreground"
+              }`}
+            >
+              {tab.label}
+            </button>
+          ))}
+        </div>
+        <button
+          type="button"
+          onClick={handleRun}
+          className="rounded-blume bg-accent px-3.5 py-1.5 font-medium text-accent-foreground text-sm transition-opacity hover:opacity-90"
+        >
+          {runLabel[activeTab]}
+        </button>
+        <span className="font-mono text-muted-foreground text-[11px]">
+          {activeTabMeta.hint}
+        </span>
+      </div>
+
+      {trace.length > 0 && (
+        <div className="mb-3 flex flex-wrap gap-1.5">
+          {trace.map((msg, i) => (
+            <div
+              key={i}
+              className="inline-flex items-center gap-1.5 rounded-blume bg-muted px-2 py-1 font-mono text-foreground text-[11px]"
+            >
+              <span
+                className={`h-1.5 w-1.5 rounded-full ${
+                  msg.includes("✕") ? "bg-red-500" : "bg-green-500"
+                }`}
+                aria-hidden="true"
+              />
+              {msg}
+            </div>
+          ))}
+        </div>
+      )}
+
+      <div className="grid grid-cols-1 gap-4 lg:grid-cols-[3fr_2fr]">
+        <div className="relative h-[560px] overflow-hidden rounded-blume border border-border bg-muted/20">
+          <StackOutlet stack="hero-confirm" />
+          <StackOutlet stack="hero-toast" />
+          <StackOutlet stack="hero-progress" />
+          <StackOutlet stack="hero-drawer" />
+          <StackOutlet stack="hero-serial" />
+          <StackOutlet stack="hero-nested" />
+          <StackOutlet stack="hero-async" />
+          <StackOutlet stack="hero-blocker" />
+        </div>
+
+        <div className="h-[560px] overflow-hidden rounded-blume border border-border bg-background p-3">
+          <DevPanel
+            activeStack={inspectedStack}
+            onSelectStack={setInspectedStack}
+          />
+        </div>
+      </div>
+    </div>
+  );
+}
+
+export default function HeroDemo() {
+  return (
+    <StackProvider client={heroClient}>
+      <style dangerouslySetInnerHTML={{ __html: KEYFRAMES }} />
+      <HeroShowcase />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/islands/NestedConfirmExample.tsx b/apps/docs/islands/NestedConfirmExample.tsx
new file mode 100644
index 0000000..9f9b925
--- /dev/null
+++ b/apps/docs/islands/NestedConfirmExample.tsx
@@ -0,0 +1,215 @@
+export const client = "visible";
+
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+  useLayerGroup,
+} from "@stainless-code/react-layers";
+import type {
+  LayerComponentProps,
+  LayerTransition,
+} from "@stainless-code/react-layers";
+import { useState } from "react";
+
+import { overlayPortal } from "./_overlayPortal";
+
+const enterExit = { enteringDelay: 200, exitingDelay: 200 } as const;
+
+const KEYFRAMES = `
+  @keyframes example-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
+  @keyframes example-backdrop-out { from { opacity: 1; } to { opacity: 0; } }
+  @keyframes example-dialog-in { from { opacity: 0; transform: translate(-50%, -50%) scale(0.94); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
+  @keyframes example-dialog-out { from { opacity: 1; transform: translate(-50%, -50%) scale(1); } to { opacity: 0; transform: translate(-50%, -50%) scale(0.94); } }
+`;
+
+function Backdrop({
+  transition,
+  onClick,
+  dimmer = "bg-black/40",
+  zIndex = "z-[9998]",
+}: {
+  transition: LayerTransition;
+  onClick?: () => void;
+  dimmer?: string;
+  zIndex?: string;
+}) {
+  return (
+    <div
+      className={`fixed inset-0 ${zIndex} ${dimmer} backdrop-blur-sm`}
+      style={{
+        animation:
+          transition === "exiting"
+            ? "example-backdrop-out 200ms ease-in forwards"
+            : "example-backdrop-in 200ms ease-out forwards",
+      }}
+      onClick={onClick}
+      aria-hidden="true"
+    />
+  );
+}
+
+function CenterPane({
+  transition,
+  role,
+  zIndex = "z-[9999]",
+  children,
+}: {
+  transition: LayerTransition;
+  role?: "dialog" | "alertdialog";
+  zIndex?: string;
+  children: React.ReactNode;
+}) {
+  return (
+    <div
+      role={role ?? "dialog"}
+      aria-modal="true"
+      className={`fixed left-1/2 top-1/2 ${zIndex} w-[min(320px,90vw)] rounded-blume border border-border bg-background p-6 shadow-2xl`}
+      style={{
+        animation:
+          transition === "exiting"
+            ? "example-dialog-out 200ms ease-in forwards"
+            : "example-dialog-in 200ms ease-out forwards",
+      }}
+    >
+      {children}
+    </div>
+  );
+}
+
+function Btn({
+  kind = "ghost",
+  className = "",
+  ...props
+}: {
+  kind?: "primary" | "danger" | "ghost";
+} & React.ButtonHTMLAttributes<HTMLButtonElement>) {
+  const base =
+    "rounded-blume px-4 py-2 text-sm transition-colors disabled:opacity-50";
+  const styles = {
+    primary: "bg-accent font-medium text-accent-foreground hover:opacity-90",
+    danger: "bg-red-500 font-medium text-white hover:bg-red-600",
+    ghost: "border border-border text-foreground hover:bg-muted",
+  } as const;
+  return (
+    <button
+      type="button"
+      className={`${base} ${styles[kind]} ${className}`}
+      {...props}
+    />
+  );
+}
+
+function ChildConfirm({
+  call,
+  payload,
+  transition,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  return overlayPortal(
+    <>
+      <Backdrop
+        transition={transition}
+        dimmer="bg-black/25"
+        zIndex="z-[10000]"
+      />
+      <CenterPane transition={transition} role="alertdialog" zIndex="z-[10001]">
+        <h3 className="mb-3 text-lg font-semibold text-foreground">
+          {payload.title}
+        </h3>
+        <div className="flex justify-end gap-2">
+          <Btn onClick={() => call.end(false)}>No</Btn>
+          <Btn kind="danger" onClick={() => call.end(true)}>
+            Yes
+          </Btn>
+        </div>
+      </CenterPane>
+    </>,
+  );
+}
+
+const childConfirm = layerOptions<{ title: string }, boolean>({
+  key: ["example-nested", "child-confirm"],
+  component: ChildConfirm,
+  ...enterExit,
+});
+
+function ParentDialog({
+  call,
+  payload,
+  transition,
+}: LayerComponentProps<{ title: string }, void>) {
+  const group = useLayerGroup(call, { name: "confirm" });
+  const [childResult, setChildResult] = useState<boolean | null>(null);
+
+  return overlayPortal(
+    <>
+      <Backdrop transition={transition} />
+      <CenterPane transition={transition} role="dialog">
+        <h2 className="mb-3 text-lg font-semibold text-foreground">
+          {payload.title}
+        </h2>
+        <p className="mb-6 text-muted-foreground text-sm leading-relaxed">
+          Remove this item from the list?
+        </p>
+        <div className="mb-4 flex gap-2">
+          <Btn
+            kind="primary"
+            onClick={async () => {
+              setChildResult(null);
+              const ok = await group.open({
+                ...childConfirm,
+                payload: { title: "Really delete this item?" },
+              });
+              setChildResult(ok);
+            }}
+          >
+            Open child
+          </Btn>
+          <Btn onClick={() => call.dismiss()}>Close</Btn>
+        </div>
+        {childResult !== null && (
+          <span className="inline-block rounded-blume bg-muted px-3 py-1 font-mono text-foreground text-sm">
+            Child result: {String(childResult)}
+          </span>
+        )}
+        <group.Outlet />
+      </CenterPane>
+    </>,
+  );
+}
+
+const parentDialog = layerOptions<{ title: string }, void>({
+  stack: "example-nested",
+  key: ["example-nested", "parent"],
+  component: ParentDialog,
+  ...enterExit,
+});
+
+function Trigger() {
+  const parent = useLayer(parentDialog);
+
+  return (
+    <button
+      type="button"
+      className="rounded-blume bg-accent px-5 py-2.5 font-medium text-accent-foreground text-sm transition-opacity hover:opacity-90"
+      onClick={() => {
+        void parent.open({ title: "Edit item" });
+      }}
+    >
+      Open parent dialog
+    </button>
+  );
+}
+
+export default function NestedConfirmExample() {
+  return (
+    <StackProvider>
+      <div className="not-prose">
+        <style dangerouslySetInnerHTML={{ __html: KEYFRAMES }} />
+        <StackOutlet stack="example-nested" />
+        <Trigger />
+      </div>
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/islands/ProgressExample.tsx b/apps/docs/islands/ProgressExample.tsx
new file mode 100644
index 0000000..cbd5c81
--- /dev/null
+++ b/apps/docs/islands/ProgressExample.tsx
@@ -0,0 +1,229 @@
+export const client = "visible";
+
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type {
+  LayerComponentProps,
+  LayerTransition,
+} from "@stainless-code/react-layers";
+import { useEffect, useState } from "react";
+
+import { overlayPortal } from "./_overlayPortal";
+
+const ENTER_MS = 250;
+const EXIT_MS = 200;
+
+const KEYFRAMES = `
+  @keyframes progress-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
+  @keyframes progress-backdrop-out { from { opacity: 1; } to { opacity: 0; } }
+  @keyframes progress-dialog-in { from { opacity: 0; transform: translate(-50%, -50%) scale(0.94); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
+  @keyframes progress-dialog-out { from { opacity: 1; transform: translate(-50%, -50%) scale(1); } to { opacity: 0; transform: translate(-50%, -50%) scale(0.94); } }
+  @keyframes progress-spin { to { transform: rotate(360deg); } }
+`;
+
+function Backdrop({ transition }: { transition: LayerTransition }) {
+  return (
+    <div
+      className="fixed inset-0 z-[9998] bg-black/40 backdrop-blur-sm"
+      style={{
+        animation:
+          transition === "exiting"
+            ? `progress-backdrop-out ${EXIT_MS}ms ease-in forwards`
+            : `progress-backdrop-in ${EXIT_MS}ms ease-out forwards`,
+      }}
+      aria-hidden="true"
+    />
+  );
+}
+
+function CenterPane({
+  transition,
+  children,
+}: {
+  transition: LayerTransition;
+  children: React.ReactNode;
+}) {
+  return (
+    <div
+      role="dialog"
+      aria-modal="true"
+      className="fixed left-1/2 top-1/2 z-[9999] w-[min(360px,90vw)] rounded-blume border border-border bg-background p-6 shadow-2xl"
+      style={{
+        animation:
+          transition === "exiting"
+            ? `progress-dialog-out ${EXIT_MS}ms ease-in forwards`
+            : `progress-dialog-in ${ENTER_MS}ms ease-out forwards`,
+      }}
+    >
+      {children}
+    </div>
+  );
+}
+
+function ProgressOverlay({
+  call,
+  payload,
+  transition,
+}: LayerComponentProps<
+  { fileName: string; percent: number; speedKb: number },
+  void
+>) {
+  const done = payload.percent >= 100;
+
+  useEffect(() => {
+    if (done) {
+      const t = setTimeout(() => call.dismiss(), 900);
+      return () => clearTimeout(t);
+    }
+    return;
+  }, [done, call]);
+
+  const eta = done
+    ? "Complete"
+    : payload.speedKb > 0
+      ? `${Math.ceil(((100 - payload.percent) / 100) * 4 * 10) / 10}s`
+      : "—";
+
+  return overlayPortal(
+    <>
+      <Backdrop transition={transition} />
+      <CenterPane transition={transition}>
+        <div className="mb-1 flex items-center gap-2.5">
+          {done ? (
+            <span
+              className="flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-white"
+              style={{ backgroundColor: "var(--blume-success)" }}
+              aria-label="done"
+            >
+              <svg
+                className="h-3 w-3"
+                fill="none"
+                stroke="currentColor"
+                strokeLinecap="round"
+                strokeLinejoin="round"
+                strokeWidth={3}
+                viewBox="0 0 24 24"
+              >
+                <path d="m5 13 4 4L19 7" />
+              </svg>
+            </span>
+          ) : (
+            <span
+              className="inline-block h-4 w-4 shrink-0 rounded-full border-2 border-accent border-t-transparent"
+              style={{ animation: "progress-spin 700ms linear infinite" }}
+              aria-label="working"
+            />
+          )}
+          <h2
+            className="text-lg font-semibold transition-colors"
+            style={done ? { color: "var(--blume-success)" } : undefined}
+          >
+            {done ? "Done!" : "Uploading…"}
+          </h2>
+        </div>
+
+        <p className="mb-4 truncate font-mono text-muted-foreground text-xs">
+          {payload.fileName}
+        </p>
+
+        <div className="h-2.5 w-full overflow-hidden rounded-full bg-muted">
+          <div
+            className="h-full rounded-full transition-all duration-200 ease-linear"
+            style={{
+              width: `${payload.percent}%`,
+              backgroundColor: done
+                ? "var(--blume-success)"
+                : "var(--blume-accent)",
+            }}
+          />
+        </div>
+
+        <div className="mt-2.5 flex items-center justify-between font-mono text-muted-foreground text-xs">
+          <span>{done ? "—" : `${payload.speedKb.toFixed(1)} MB/s`}</span>
+          <span>{eta}</span>
+          <span className="font-medium text-foreground">
+            {payload.percent}%
+          </span>
+        </div>
+      </CenterPane>
+    </>,
+  );
+}
+
+const progress = layerOptions<
+  { fileName: string; percent: number; speedKb: number },
+  void
+>({
+  stack: "example-progress",
+  key: ["example-progress"],
+  upsert: true,
+  component: ProgressOverlay,
+  enteringDelay: ENTER_MS,
+  exitingDelay: EXIT_MS,
+});
+
+function Trigger() {
+  const progressLayer = useLayer(progress);
+  const [status, setStatus] = useState<"idle" | "running" | "complete">("idle");
+
+  return (
+    <div className="flex flex-col items-start gap-3">
+      <button
+        type="button"
+        disabled={status === "running"}
+        className="rounded-blume bg-accent px-5 py-2.5 font-medium text-accent-foreground text-sm transition-opacity hover:opacity-90 disabled:opacity-50"
+        onClick={() => {
+          setStatus("running");
+          void progressLayer.open({
+            fileName: "layers-core-1.4.0.tgz",
+            percent: 0,
+            speedKb: 0,
+          });
+          const layer = progressLayer.stack.find(["example-progress"]);
+          if (!layer) {
+            setStatus("idle");
+            return;
+          }
+
+          let pct = 0;
+          const tick = setInterval(() => {
+            pct = Math.min(100, pct + Math.round(6 + Math.random() * 8));
+            const speed = Math.round((8 + Math.random() * 6) * 10) / 10;
+            progressLayer.stack.update(layer, {
+              percent: pct,
+              speedKb: speed,
+            } as never);
+            progressLayer.stack.setRunning(layer, pct < 100);
+            if (pct >= 100) {
+              clearInterval(tick);
+              setStatus("complete");
+            }
+          }, 130);
+        }}
+      >
+        Start upload
+      </button>
+      {status !== "idle" && (
+        <span className="inline-block rounded-blume bg-muted px-3 py-1 font-mono text-foreground text-sm">
+          {status === "running" ? "Uploading…" : "Complete"}
+        </span>
+      )}
+    </div>
+  );
+}
+
+export default function ProgressExample() {
+  return (
+    <StackProvider>
+      <div className="not-prose">
+        <style dangerouslySetInnerHTML={{ __html: KEYFRAMES }} />
+        <StackOutlet stack="example-progress" />
+        <Trigger />
+      </div>
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/islands/RouteGuardExample.tsx b/apps/docs/islands/RouteGuardExample.tsx
new file mode 100644
index 0000000..9bd5e7a
--- /dev/null
+++ b/apps/docs/islands/RouteGuardExample.tsx
@@ -0,0 +1,172 @@
+export const client = "visible";
+
+import {
+  createLayer,
+  LayerClient,
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+} from "@stainless-code/react-layers";
+import type {
+  LayerComponentProps,
+  LayerTransition,
+} from "@stainless-code/react-layers";
+import { useState } from "react";
+
+import { overlayPortal } from "./_overlayPortal";
+
+const ENTER_MS = 200;
+const EXIT_MS = 200;
+
+const KEYFRAMES = `
+  @keyframes guard-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
+  @keyframes guard-backdrop-out { from { opacity: 1; } to { opacity: 0; } }
+  @keyframes guard-dialog-in { from { opacity: 0; transform: translate(-50%, -50%) scale(0.95); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
+  @keyframes guard-dialog-out { from { opacity: 1; transform: translate(-50%, -50%) scale(1); } to { opacity: 0; transform: translate(-50%, -50%) scale(0.95); } }
+`;
+
+function Backdrop({ transition }: { transition: LayerTransition }) {
+  return (
+    <div
+      className="fixed inset-0 z-[9998] bg-black/40 backdrop-blur-sm"
+      style={{
+        animation:
+          transition === "exiting"
+            ? "guard-backdrop-out 200ms ease-in forwards"
+            : "guard-backdrop-in 200ms ease-out forwards",
+      }}
+      aria-hidden="true"
+    />
+  );
+}
+
+function CenterPane({
+  transition,
+  children,
+}: {
+  transition: LayerTransition;
+  children: React.ReactNode;
+}) {
+  return (
+    <div
+      role="dialog"
+      aria-modal="true"
+      className="fixed left-1/2 top-1/2 z-[9999] min-w-[320px] rounded-blume border border-border bg-background p-6 shadow-2xl"
+      style={{
+        animation:
+          transition === "exiting"
+            ? "guard-dialog-out 200ms ease-in forwards"
+            : "guard-dialog-in 200ms ease-out forwards",
+      }}
+    >
+      {children}
+    </div>
+  );
+}
+
+function Btn({
+  kind = "ghost",
+  className = "",
+  ...props
+}: {
+  kind?: "danger" | "ghost";
+} & React.ButtonHTMLAttributes<HTMLButtonElement>) {
+  const base =
+    "rounded-blume px-4 py-2 text-sm transition-colors disabled:opacity-50";
+  const styles = {
+    danger: "bg-red-500 font-medium text-white hover:bg-red-600",
+    ghost: "border border-border text-foreground hover:bg-muted",
+  } as const;
+  return (
+    <button
+      type="button"
+      className={`${base} ${styles[kind]} ${className}`}
+      {...props}
+    />
+  );
+}
+
+function GuardDialog({
+  call,
+  payload,
+  transition,
+}: LayerComponentProps<{ destination: string }, boolean>) {
+  return overlayPortal(
+    <>
+      <Backdrop transition={transition} />
+      <CenterPane transition={transition}>
+        <h2 className="mb-3 text-lg font-semibold text-foreground">
+          Leave this page?
+        </h2>
+        <p className="mb-6 text-muted-foreground text-sm leading-relaxed">
+          Unsaved changes may be lost. Navigate to{" "}
+          <strong className="text-foreground">{payload.destination}</strong>?
+        </p>
+        <div className="flex justify-end gap-2">
+          <Btn onClick={() => call.end(false)}>Stay</Btn>
+          <Btn kind="danger" onClick={() => call.end(true)}>
+            Leave
+          </Btn>
+        </div>
+      </CenterPane>
+    </>,
+  );
+}
+
+const guard = layerOptions<{ destination: string }, boolean>({
+  stack: "example-route-guard",
+  key: ["example-route-guard"],
+  component: GuardDialog,
+  enteringDelay: ENTER_MS,
+  exitingDelay: EXIT_MS,
+});
+
+const guardClient = new LayerClient();
+const guardLayer = createLayer(guard, guardClient);
+
+/** Module-level guard — callable from route guards, data loaders, etc. */
+export async function confirmLeave(destination: string): Promise<boolean> {
+  return guardLayer.open({ destination });
+}
+
+async function simulateNavigation(destination: string): Promise<string> {
+  const ok = await confirmLeave(destination);
+  return ok ? `Navigated to ${destination}` : "Navigation cancelled";
+}
+
+function Trigger() {
+  const [result, setResult] = useState<string | null>(null);
+
+  return (
+    <div className="flex flex-col items-start gap-3">
+      <button
+        type="button"
+        className="rounded-blume bg-accent px-5 py-2.5 text-sm font-medium text-accent-foreground transition-opacity hover:opacity-90"
+        onClick={async () => {
+          setResult(null);
+          const message = await simulateNavigation("/settings");
+          setResult(message);
+        }}
+      >
+        Simulate navigation
+      </button>
+      {result !== null && (
+        <span className="inline-block rounded-blume bg-muted px-3 py-1 font-mono text-foreground text-sm">
+          Result: {result}
+        </span>
+      )}
+    </div>
+  );
+}
+
+export default function RouteGuardExample() {
+  return (
+    <StackProvider client={guardClient}>
+      <div className="not-prose">
+        <style dangerouslySetInnerHTML={{ __html: KEYFRAMES }} />
+        <StackOutlet stack="example-route-guard" />
+        <Trigger />
+      </div>
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/islands/SerialOnboardingExample.tsx b/apps/docs/islands/SerialOnboardingExample.tsx
new file mode 100644
index 0000000..947986e
--- /dev/null
+++ b/apps/docs/islands/SerialOnboardingExample.tsx
@@ -0,0 +1,222 @@
+export const client = "visible";
+
+import {
+  LayerClient,
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+  useLayerClient,
+} from "@stainless-code/react-layers";
+import type {
+  LayerComponentProps,
+  LayerKey,
+  LayerState,
+  LayerTransition,
+} from "@stainless-code/react-layers";
+import { useEffect, useState } from "react";
+
+import { overlayPortal } from "./_overlayPortal";
+
+const STACK_ID = "example-onboarding";
+const enterExit = { enteringDelay: 200, exitingDelay: 200 } as const;
+
+const layerClient = new LayerClient({
+  defaultStackOptions: {
+    [STACK_ID]: { scope: { strategy: "serial" } },
+  },
+});
+
+const KEYFRAMES = `
+  @keyframes example-backdrop-in { from { opacity: 0; } to { opacity: 1; } }
+  @keyframes example-backdrop-out { from { opacity: 1; } to { opacity: 0; } }
+  @keyframes example-dialog-in { from { opacity: 0; transform: translate(-50%, -50%) scale(0.94); } to { opacity: 1; transform: translate(-50%, -50%) scale(1); } }
+  @keyframes example-dialog-out { from { opacity: 1; transform: translate(-50%, -50%) scale(1); } to { opacity: 0; transform: translate(-50%, -50%) scale(0.94); } }
+`;
+
+function Backdrop({ transition }: { transition: LayerTransition }) {
+  return (
+    <div
+      className="fixed inset-0 z-[9998] bg-black/40 backdrop-blur-sm"
+      style={{
+        animation:
+          transition === "exiting"
+            ? "example-backdrop-out 200ms ease-in forwards"
+            : "example-backdrop-in 200ms ease-out forwards",
+      }}
+      aria-hidden="true"
+    />
+  );
+}
+
+function Btn({
+  kind = "primary",
+  className = "",
+  ...props
+}: {
+  kind?: "primary" | "ghost";
+} & React.ButtonHTMLAttributes<HTMLButtonElement>) {
+  const base =
+    "rounded-blume px-4 py-2 text-sm transition-colors disabled:opacity-50";
+  const styles = {
+    primary: "bg-accent font-medium text-accent-foreground hover:opacity-90",
+    ghost: "border border-border text-foreground hover:bg-muted",
+  } as const;
+  return (
+    <button
+      type="button"
+      className={`${base} ${styles[kind]} ${className}`}
+      {...props}
+    />
+  );
+}
+
+function OnboardingStep({
+  call,
+  payload,
+  transition,
+}: LayerComponentProps<{ step: number; title: string }, void>) {
+  return overlayPortal(
+    <>
+      <Backdrop transition={transition} />
+      <div
+        role="dialog"
+        aria-modal="true"
+        aria-label={`Step ${payload.step}`}
+        className="fixed left-1/2 top-1/2 z-[9999] w-[min(320px,90vw)] rounded-blume border border-border bg-background p-6 shadow-2xl"
+        style={{
+          animation:
+            transition === "exiting"
+              ? "example-dialog-out 200ms ease-in forwards"
+              : "example-dialog-in 200ms ease-out forwards",
+        }}
+      >
+        <p className="mb-2 text-muted-foreground text-xs font-medium uppercase tracking-wider">
+          Step {payload.step} of 3
+        </p>
+        <h2 className="mb-6 text-lg font-semibold text-foreground">
+          {payload.title}
+        </h2>
+        <Btn onClick={() => call.end()}>
+          {payload.step < 3 ? "Next" : "Finish"}
+        </Btn>
+      </div>
+    </>,
+  );
+}
+
+const steps = [
+  layerOptions<{ step: number; title: string }, void>({
+    stack: STACK_ID,
+    key: ["example-onboarding", 1],
+    component: OnboardingStep,
+    ...enterExit,
+  }),
+  layerOptions<{ step: number; title: string }, void>({
+    stack: STACK_ID,
+    key: ["example-onboarding", 2],
+    component: OnboardingStep,
+    ...enterExit,
+  }),
+  layerOptions<{ step: number; title: string }, void>({
+    stack: STACK_ID,
+    key: ["example-onboarding", 3],
+    component: OnboardingStep,
+    ...enterExit,
+  }),
+];
+
+const stepPayloads = [
+  { step: 1, title: "Welcome" },
+  { step: 2, title: "Choose preferences" },
+  { step: 3, title: "You're all set" },
+] as const;
+
+function stepLabel(state: LayerState): string {
+  const key = Array.isArray(state.key)
+    ? state.key[state.key.length - 1]
+    : state.key;
+  const payload = state.payload as
+    | { step?: number; title?: string }
+    | undefined;
+  if (payload?.title) return `Step ${payload.step}: ${payload.title}`;
+  return `Step ${String(key)}`;
+}
+
+function QueueReadout() {
+  const client = useLayerClient();
+  const stack = client.getStack(STACK_ID);
+  const [queued, setQueued] = useState<LayerState[]>([]);
+
+  useEffect(() => {
+    const sync = () => setQueued(stack.getQueuedSnapshot());
+    sync();
+    return stack.subscribe(sync);
+  }, [stack]);
+
+  if (queued.length === 0) {
+    return null;
+  }
+
+  return (
+    <div className="flex w-full max-w-sm flex-col gap-2">
+      <span className="font-mono text-muted-foreground text-xs">
+        Queued: {queued.length}
+      </span>
+      {queued.map((state) => (
+        <div
+          key={state.id}
+          className="flex items-center justify-between gap-2 rounded-blume border border-dashed border-border bg-muted/20 px-3 py-2 text-sm"
+        >
+          <span className="truncate text-foreground">{stepLabel(state)}</span>
+          <button
+            type="button"
+            onClick={() =>
+              stack.cancelQueued(state.key as LayerKey, undefined as never)
+            }
+            className="shrink-0 rounded border border-border px-2 py-0.5 text-muted-foreground text-xs transition-colors hover:bg-muted hover:text-foreground"
+          >
+            Cancel
+          </button>
+        </div>
+      ))}
+    </div>
+  );
+}
+
+function Trigger() {
+  const s1 = useLayer(steps[0]);
+  const s2 = useLayer(steps[1]);
+  const s3 = useLayer(steps[2]);
+  const [started, setStarted] = useState(false);
+
+  return (
+    <div className="flex flex-col items-start gap-3">
+      <button
+        type="button"
+        className="rounded-blume bg-accent px-5 py-2.5 font-medium text-accent-foreground text-sm transition-opacity hover:opacity-90"
+        onClick={() => {
+          setStarted(true);
+          void s1.open(stepPayloads[0]);
+          void s2.open(stepPayloads[1]);
+          void s3.open(stepPayloads[2]);
+        }}
+      >
+        Start onboarding
+      </button>
+      {started && <QueueReadout />}
+    </div>
+  );
+}
+
+export default function SerialOnboardingExample() {
+  return (
+    <StackProvider client={layerClient}>
+      <div className="not-prose">
+        <style dangerouslySetInnerHTML={{ __html: KEYFRAMES }} />
+        <StackOutlet stack={STACK_ID} />
+        <Trigger />
+      </div>
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/islands/ToastExample.tsx b/apps/docs/islands/ToastExample.tsx
new file mode 100644
index 0000000..b6d49b1
--- /dev/null
+++ b/apps/docs/islands/ToastExample.tsx
@@ -0,0 +1,120 @@
+export const client = "visible";
+
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayerClient,
+  useStack,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+import { useState } from "react";
+
+import { overlayPortal } from "./_overlayPortal";
+
+const ENTER_MS = 200;
+const EXIT_MS = 200;
+
+const KEYFRAMES = `
+  @keyframes toast-in { from { opacity: 0; transform: translateX(-50%) translateY(-120%); } to { opacity: 1; transform: translateX(-50%) translateY(0); } }
+  @keyframes toast-out { from { opacity: 1; transform: translateX(-50%) translateY(0); } to { opacity: 0; transform: translateX(-50%) translateY(-120%); } }
+`;
+
+let toastCounter = 0;
+
+function Toast({
+  call,
+  payload,
+  transition,
+}: LayerComponentProps<{ message: string }, void>) {
+  const states = useStack({ stack: "example-toast" });
+  const myIndex = states.findIndex((s) => s.id === call.layerId);
+  const slot = states.filter(
+    (s, i) => i < myIndex && s.transition !== "exiting",
+  ).length;
+
+  return overlayPortal(
+    <div
+      role="status"
+      aria-live="polite"
+      className="fixed z-[9999] rounded-blume border border-border bg-background px-4 py-3 shadow-xl"
+      style={{
+        top: `${24 + slot * 56}px`,
+        left: "50%",
+        transition: "top 200ms ease",
+        animation:
+          transition === "exiting"
+            ? `toast-out ${EXIT_MS}ms ease-in forwards`
+            : `toast-in 250ms ease-out forwards`,
+      }}
+    >
+      <div className="flex items-center gap-3">
+        <span
+          className="h-2 w-2 shrink-0 rounded-full bg-green-500"
+          aria-hidden="true"
+        />
+        <span className="text-foreground text-sm">{payload.message}</span>
+        <button
+          type="button"
+          onClick={() => call.dismiss()}
+          className="ml-1 flex h-5 w-5 shrink-0 items-center justify-center rounded-full text-muted-foreground text-xs transition-colors hover:bg-muted hover:text-foreground"
+          aria-label="Dismiss"
+        >
+          ✕
+        </button>
+      </div>
+    </div>,
+  );
+}
+
+const toast = layerOptions<{ message: string }, void>({
+  stack: "example-toast",
+  key: ["example-toast"],
+  upsert: false,
+  component: Toast,
+  enteringDelay: ENTER_MS,
+  exitingDelay: EXIT_MS,
+});
+
+function Trigger() {
+  const client = useLayerClient();
+  const [fired, setFired] = useState(false);
+
+  return (
+    <div className="flex flex-col items-start gap-3">
+      <button
+        type="button"
+        className="rounded-blume bg-accent px-5 py-2.5 font-medium text-accent-foreground text-sm transition-opacity hover:opacity-90"
+        onClick={() => {
+          toastCounter++;
+          const id = toastCounter;
+          void client.open({
+            ...toast,
+            key: ["example-toast", id],
+            payload: { message: `Changes saved (#${id})` },
+          });
+          setFired(true);
+        }}
+      >
+        Show toast
+      </button>
+      {fired && (
+        <span className="inline-block rounded-blume bg-muted px-3 py-1 font-mono text-foreground text-sm">
+          Toast fired
+        </span>
+      )}
+    </div>
+  );
+}
+
+export default function ToastExample() {
+  return (
+    <StackProvider>
+      <div className="not-prose">
+        <style dangerouslySetInnerHTML={{ __html: KEYFRAMES }} />
+        <StackOutlet stack="example-toast" />
+        <Trigger />
+      </div>
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/islands/_overlayPortal.ts b/apps/docs/islands/_overlayPortal.ts
new file mode 100644
index 0000000..87bc214
--- /dev/null
+++ b/apps/docs/islands/_overlayPortal.ts
@@ -0,0 +1,13 @@
+import type { ReactNode } from "react";
+import { createPortal } from "react-dom";
+
+// Example islands render inside <article class="prose">, and Blume's prose
+// overrides (e.g. `.prose :where(h2) { margin-top: 3rem }`) are unlayered, so
+// they outrank Tailwind's layered utilities — `not-prose` can't defeat them.
+// Portaling the overlay to document.body moves it out of `.prose` entirely,
+// letting the island's utility classes apply. Modals only mount after
+// hydration (on user click), so document.body is always available.
+export function overlayPortal(node: ReactNode): ReactNode {
+  if (typeof document === "undefined") return node;
+  return createPortal(node, document.body);
+}
diff --git a/apps/docs/package.json b/apps/docs/package.json
new file mode 100644
index 0000000..9f242b6
--- /dev/null
+++ b/apps/docs/package.json
@@ -0,0 +1,50 @@
+{
+  "name": "@stainless-code/layers-docs",
+  "private": true,
+  "type": "module",
+  "scripts": {
+    "build": "blume build",
+    "check": "blume check",
+    "dev": "blume dev",
+    "preview": "blume preview",
+    "typecheck": "bun run typecheck:recipes",
+    "typecheck:angular": "tsc -p tsconfig.recipes-angular.json --noEmit",
+    "typecheck:preact": "tsc -p tsconfig.recipes-preact.json --noEmit",
+    "typecheck:react": "tsc -p tsconfig.recipes-react.json --noEmit",
+    "typecheck:recipes": "bun run --parallel typecheck:react typecheck:vue typecheck:svelte typecheck:solid typecheck:preact typecheck:angular",
+    "typecheck:solid": "tsc -p tsconfig.recipes-solid.json --noEmit",
+    "typecheck:svelte": "svelte-check --tsconfig tsconfig.recipes-svelte.json",
+    "typecheck:vue": "vue-tsc -p tsconfig.recipes-vue.json --noEmit",
+    "validate": "blume validate"
+  },
+  "dependencies": {
+    "@stainless-code/layers": "workspace:*",
+    "@stainless-code/react-layers": "workspace:*",
+    "blume": "1.0.4",
+    "react": "19.2.7",
+    "react-dom": "19.2.7"
+  },
+  "devDependencies": {
+    "@analogjs/astro-angular": "2.6.3",
+    "@angular/core": "22.0.5",
+    "@astrojs/preact": "6.0.1",
+    "@astrojs/solid-js": "7.0.1",
+    "@astrojs/svelte": "9.0.1",
+    "@astrojs/vue": "7.0.1",
+    "@base-ui/react": "1.6.0",
+    "@stainless-code/angular-layers": "workspace:*",
+    "@stainless-code/preact-layers": "workspace:*",
+    "@stainless-code/solid-layers": "workspace:*",
+    "@stainless-code/svelte-layers": "workspace:*",
+    "@stainless-code/vue-layers": "workspace:*",
+    "@types/react": "19.2.17",
+    "@types/react-dom": "19.2.3",
+    "preact": "10.29.4",
+    "react-aria-components": "1.19.0",
+    "solid-js": "1.9.14",
+    "svelte": "5.56.4",
+    "svelte-check": "4.7.2",
+    "vue": "3.5.39",
+    "vue-tsc": "3.3.7"
+  }
+}
diff --git a/apps/docs/pages/404.astro b/apps/docs/pages/404.astro
new file mode 100644
index 0000000..000fc3e
--- /dev/null
+++ b/apps/docs/pages/404.astro
@@ -0,0 +1,79 @@
+---
+import PageLayout from "blume/components/layout/PageLayout.astro";
+import { withBase } from "blume/components/islands/base-path.ts";
+import { contentHref } from "blume/components/content/base-href.ts";
+import data from "blume:data";
+import { CURATED_POPULAR } from "../components/curated-popular.ts";
+
+export const prerender = true;
+
+const { config } = data;
+const site = { description: config.description, title: config.title };
+
+const popular = CURATED_POPULAR.map(({ route, label }) => ({
+  href: contentHref(route),
+  label,
+}));
+---
+
+<PageLayout
+  analytics={config.analytics}
+  appleIcon={config.appleIcon}
+  banner={config.banner}
+  favicon={config.favicon}
+  fontCssVars={data.fontCssVars}
+  logo={config.logo}
+  navigation={data.navigation}
+  noindex={true}
+  page={{ route: "/404", title: "Page not found" }}
+  searchEnabled={config.search.enabled}
+  site={site}
+  siteUrl={config.site}
+  themeMode={config.theme.mode}
+  ui={data.ui}
+  x={config.x}
+>
+  <div
+    class="mx-auto flex min-h-[70vh] max-w-2xl flex-col items-center justify-center gap-8 px-6 py-24 text-center"
+  >
+    <p class="font-bold text-7xl text-muted-foreground tracking-tight sm:text-8xl">
+      404
+    </p>
+    <div class="space-y-3">
+      <h1 class="font-semibold text-2xl text-foreground sm:text-3xl">
+        Page not found
+      </h1>
+      <p class="text-muted-foreground">
+        No doc at this path. Check the URL, use search, or start from the
+        guides.
+      </p>
+    </div>
+    <div class="flex flex-wrap items-center justify-center gap-3">
+      <a
+        class="rounded-blume bg-accent px-4 py-2 text-accent-foreground text-sm font-medium transition-opacity hover:opacity-90"
+        href={withBase("/")}
+      >
+        Back to home
+      </a>
+      <a
+        class="rounded-blume border border-border px-4 py-2 text-foreground text-sm font-medium transition-colors hover:border-foreground"
+        href={contentHref("/guides/getting-started")}
+      >
+        Getting started
+      </a>
+    </div>
+    <nav
+      aria-label="Start here"
+      class="flex flex-wrap items-center justify-center gap-x-5 gap-y-2 border-border border-t pt-6 text-muted-foreground text-sm"
+    >
+      <span class="text-xs tracking-wider uppercase">Start here</span>
+      {
+        popular.map((link) => (
+          <a class="transition-colors hover:text-foreground" href={link.href}>
+            {link.label}
+          </a>
+        ))
+      }
+    </nav>
+  </div>
+</PageLayout>
diff --git a/apps/docs/pages/_home/Batteries.astro b/apps/docs/pages/_home/Batteries.astro
new file mode 100644
index 0000000..4b3250d
--- /dev/null
+++ b/apps/docs/pages/_home/Batteries.astro
@@ -0,0 +1,105 @@
+---
+import Card from "blume/components/content/Card.astro";
+import CardGroup from "blume/components/content/CardGroup.astro";
+import { contentHref } from "blume/components/content/base-href.ts";
+---
+
+<section>
+  <div class="mx-auto max-w-2xl text-center">
+    <h2 class="font-medium text-3xl tracking-tight sm:text-4xl">
+      Batteries included.
+    </h2>
+    <p class="mx-auto mt-4 max-w-lg text-balance text-muted-foreground">
+      Handle the overlay cases that stop being local: ordered stacks,
+      one-at-a-time flows, nested dialogs, guarded closes, and validated input.
+      Adopt only the pieces your UI needs.
+    </p>
+  </div>
+
+  <div class="mt-10">
+    <CardGroup cols={3}>
+      <Card
+        arrow
+        href={contentHref("/concepts/overview")}
+        icon="layers"
+        title="Partition overlays into ordered stacks"
+      >
+        Partition overlays by purpose — confirm, toast, drawer — each an ordered
+        stack with its own z-order and lifecycle.
+      </Card>
+      <Card
+        arrow
+        href={contentHref("/concepts/lifecycle")}
+        icon="zap"
+        title="Open and update from anywhere"
+      >
+        Push, replace singletons, patch live payloads, and dismiss from anywhere
+        — no lifted <code>isOpen</code> state.
+      </Card>
+      <Card
+        arrow
+        href={contentHref("/guides/awaiting-results")}
+        icon="tag"
+        title="Await a result — no call-site generics"
+      >
+        <code>await client.open(...)</code> infers the response type end-to-end —
+        no explicit generic on the call site.
+      </Card>
+      <Card
+        arrow
+        href={contentHref("/guides/serial-queues")}
+        icon="list-ordered"
+        title="Run flows one at a time"
+      >
+        One-at-a-time flows with{" "}
+        <code>scope: {"{ strategy: 'serial' }"}</code> and a snapshot of what's
+        waiting.
+      </Card>
+      <Card
+        arrow
+        href={contentHref("/guides/nested-overlays")}
+        icon="git-branch"
+        title="Nest overlays without prop-drilling"
+      >
+        Nested stacks for drawer → sub-dialog flows via
+        <code>useLayerGroup</code> / <code>createLayerGroup</code>.
+      </Card>
+      <Card
+        arrow
+        href={contentHref("/guides/animations")}
+        icon="sparkles"
+        title="Animate enter and exit"
+      >
+        Enter/exit phases with delay timers and <code>call.settle()</code> for
+        animated overlays.
+      </Card>
+      <Card
+        arrow
+        href={contentHref("/guides/dismissal-blockers")}
+        icon="shield"
+        title="Guard against accidental close"
+      >
+        Gate user-intent dismissal with <code>addBlocker</code>,
+        <code>dismissing</code>, and <code>dismissAll</code> modes.
+      </Card>
+      <Card
+        arrow
+        href={contentHref("/guides/payload-validation")}
+        icon="check-circle"
+        title="Validate payloads at open"
+      >
+        Parse untrusted payloads at <code>open</code> with Standard Schema or a
+        sync function — rejects with <code>PayloadValidationError</code>.
+      </Card>
+      <Card
+        arrow
+        href={contentHref("/adapters/core")}
+        icon="box"
+        title="No framework in the core"
+      >
+        UI-agnostic <code>LayerClient</code> engine — framework adapters subscribe
+        via their native reactivity primitives.
+      </Card>
+    </CardGroup>
+  </div>
+</section>
diff --git a/apps/docs/pages/_home/FinalCta.astro b/apps/docs/pages/_home/FinalCta.astro
new file mode 100644
index 0000000..02a6997
--- /dev/null
+++ b/apps/docs/pages/_home/FinalCta.astro
@@ -0,0 +1,42 @@
+---
+import { contentHref } from "blume/components/content/base-href.ts";
+import InstallBox from "./InstallBox.astro";
+
+const primaryButton =
+  "inline-flex items-center gap-2 rounded-full bg-foreground px-5 py-2.5 font-medium text-background text-sm transition-opacity hover:opacity-90";
+const secondaryButton =
+  "inline-flex items-center gap-2 rounded-full border border-border px-5 py-2.5 font-medium text-foreground text-sm transition-colors hover:border-foreground";
+---
+
+<section class="border-border border-y px-6 py-16 text-center sm:px-12 sm:py-20">
+  <h2
+    class="mx-auto max-w-2xl text-balance font-medium text-3xl tracking-tight sm:text-4xl"
+  >
+    Start opening layers.
+  </h2>
+  <p class="mx-auto mt-4 max-w-lg text-balance text-muted-foreground">
+    Install one adapter — the core ships as its dependency and is re-exported.
+  </p>
+  <div class="mt-8"><InstallBox /></div>
+  <div class="mt-8 flex flex-wrap items-center justify-center gap-3">
+    <a class={secondaryButton} href={contentHref("/concepts/overview")}>
+      Browse concepts
+    </a>
+    <a class={primaryButton} href={contentHref("/guides/getting-started")}>
+      Get started
+      <svg
+        fill="none"
+        height="16"
+        stroke="currentColor"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="2"
+        viewBox="0 0 24 24"
+        width="16"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path d="m9 18 6-6-6-6"></path>
+      </svg>
+    </a>
+  </div>
+</section>
diff --git a/apps/docs/pages/_home/FrameworkTabs.astro b/apps/docs/pages/_home/FrameworkTabs.astro
new file mode 100644
index 0000000..daf76cd
--- /dev/null
+++ b/apps/docs/pages/_home/FrameworkTabs.astro
@@ -0,0 +1,169 @@
+---
+import CodeGroup from "blume/components/content/CodeGroup.astro";
+import Icon from "blume/components/Icon.astro";
+import { contentHref } from "blume/components/content/base-href.ts";
+import { highlightCode } from "blume/markdown";
+import { adapterSnippets, svelteStoreCode } from "./adapter-snippets.ts";
+
+// Expand Svelte into runes + store tabs; other snippets stay 1:1 (order from adapterSnippets).
+const adapterList = adapterSnippets.flatMap((snippet) => {
+  if (snippet.framework === "svelte") {
+    return [
+      { title: "Svelte (runes)", code: snippet.code, lang: snippet.lang },
+      { title: "Svelte (store)", code: svelteStoreCode, lang: "svelte" },
+    ];
+  }
+  return [{ title: snippet.label, code: snippet.code, lang: snippet.lang }];
+});
+
+const blocks = await Promise.all(
+  adapterList.map((adapter) =>
+    highlightCode(adapter.code, adapter.lang, { title: adapter.title }),
+  ),
+);
+
+const adapters = [
+  { name: "React", icon: "/icons/react.svg" },
+  { name: "Preact", icon: "/icons/preact.svg" },
+  { name: "Solid", icon: "/icons/solid.svg" },
+  { name: "Angular", icon: "/icons/angular.svg" },
+  { name: "Vue", icon: "/icons/vue.svg" },
+  { name: "Svelte (runes)", icon: "/icons/svelte.svg" },
+  { name: "Svelte (store)", icon: "/icons/svelte.svg" },
+];
+
+const rows = [
+  {
+    feature: "Primitives + core re-export",
+    values: [true, true, true, true, true, true, true],
+  },
+  {
+    feature: "StackOutlet (built-in host)",
+    values: [true, true, true, false, true, false, false],
+  },
+  {
+    feature: "useLayerGroup",
+    values: [true, true, true, true, true, true, true],
+  },
+  {
+    feature: "useMutationFlow",
+    values: [true, true, true, true, true, true, true],
+  },
+  {
+    feature: "createStackHook",
+    values: [true, true, true, true, true, false, false],
+  },
+];
+
+const thClass =
+  "border-border border-b px-3 py-2 text-left font-medium text-foreground text-xs sm:px-4 sm:text-sm";
+const tdClass = "border-border border-b px-3 py-2 text-center text-sm sm:px-4";
+const featureClass =
+  "border-border border-b px-3 py-2 text-left text-muted-foreground text-xs sm:px-4 sm:text-sm";
+---
+
+<section>
+  <div class="mx-auto max-w-2xl text-center">
+    <h2 class="font-medium text-3xl tracking-tight sm:text-4xl">
+      One core, six adapters.
+    </h2>
+    <p class="mx-auto mt-4 max-w-lg text-balance text-muted-foreground">
+      Declare a layer once, then open and <code
+        class="rounded bg-muted px-1 font-mono text-sm">await</code
+      > it — same engine, your framework's reactivity.
+    </p>
+  </div>
+
+  <div class="mt-10 prose max-w-none">
+    <CodeGroup>
+      {blocks.map((html) => <Fragment set:html={html} />)}
+    </CodeGroup>
+  </div>
+
+  <p class="mt-4 text-muted-foreground text-sm">
+    <a
+      class="font-medium text-accent transition-opacity hover:opacity-80"
+      href={contentHref("/adapters")}
+    >
+      Browse adapter guides →
+    </a>
+  </p>
+
+  <p class="mt-2 text-muted-foreground text-xs">
+    Svelte ships two modes — runes and store.
+  </p>
+
+  <div class="mt-12">
+    <div class="mx-auto max-w-2xl text-center">
+      <h3 class="font-medium text-2xl tracking-tight sm:text-3xl">
+        Every adapter, the same API.
+      </h3>
+      <p class="mx-auto mt-4 max-w-lg text-balance text-muted-foreground">
+        Every adapter exposes the same primitives and re-exports the full core.
+        Angular and Svelte diverge by design — imperative render instead of
+        shipped outlet components.
+      </p>
+    </div>
+
+    <div class="mt-10 overflow-x-auto rounded-blume border border-border">
+      <table class="w-full min-w-[720px] border-collapse">
+        <thead>
+          <tr class="bg-muted/50">
+            <th class={thClass}>Capability</th>
+            {
+              adapters.map((adapter) => (
+                <th class={thClass}>
+                  <span class="inline-flex items-center gap-1.5">
+                    <Icon name={adapter.icon} size={14} />
+                    {adapter.name}
+                  </span>
+                </th>
+              ))
+            }
+          </tr>
+        </thead>
+        <tbody>
+          {
+            rows.map((row) => (
+              <tr>
+                <td class={featureClass}>{row.feature}</td>
+                {
+                  row.values.map((supported) => (
+                    <td class={tdClass}>
+                      {supported ? (
+                        <span
+                          aria-label="Supported"
+                          class="text-accent"
+                          title="Supported"
+                        >
+                          ✓
+                        </span>
+                      ) : (
+                        <span
+                          aria-label="Not applicable"
+                          class="text-muted-foreground"
+                          title="Not applicable"
+                        >
+                          ø
+                        </span>
+                      )}
+                    </td>
+                  ))
+                }
+              </tr>
+            ))
+          }
+        </tbody>
+      </table>
+    </div>
+
+    <p class="mt-6 text-center text-muted-foreground text-sm">
+      <a
+        class="font-medium text-accent transition-opacity hover:opacity-80"
+        href={contentHref("/adapters")}
+      >
+        Full parity matrix →
+      </a>
+    </p>
+  </div>
+</section>
diff --git a/apps/docs/pages/_home/Hero.astro b/apps/docs/pages/_home/Hero.astro
new file mode 100644
index 0000000..d7a2842
--- /dev/null
+++ b/apps/docs/pages/_home/Hero.astro
@@ -0,0 +1,194 @@
+---
+import CodeBlock from "blume/components/content/CodeBlock.astro";
+import Icon from "blume/components/Icon.astro";
+import { contentHref } from "blume/components/content/base-href.ts";
+import HeroDemo from "../../islands/HeroDemo.tsx";
+import { adapterSnippets } from "./adapter-snippets.ts";
+import InstallBox from "./InstallBox.astro";
+
+const pillBase =
+  "cursor-pointer rounded-full border px-3 py-1 text-xs transition active:scale-[0.97] focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-accent/40";
+const pillActive =
+  "border-accent bg-accent/10 font-medium text-accent";
+const pillMuted =
+  "border-border text-muted-foreground hover:border-foreground/40 hover:text-foreground";
+const defaultFramework = "vanilla";
+---
+
+<section class="text-center">
+  <a
+    class="inline-flex items-center rounded-full border border-border px-3 py-1 text-muted-foreground text-xs transition-colors hover:border-foreground hover:text-foreground"
+    href={contentHref("/concepts/stability")}
+  >
+    Experimental — the API may change between minor releases
+  </a>
+
+  <h1
+    class="mx-auto mt-6 max-w-3xl text-balance font-medium text-4xl tracking-tight sm:text-5xl lg:text-6xl"
+  >
+    <span class="block">Open any layer</span>
+    <span class="block text-accent">from anywhere.</span>
+  </h1>
+
+  <p class="mx-auto mt-6 max-w-2xl text-balance text-foreground text-lg">
+    Stop prop-drilling <code class="rounded bg-muted px-1 font-mono text-sm">isOpen</code> and threading <code class="rounded bg-muted px-1 font-mono text-sm">onConfirm</code> callbacks through your tree.
+  </p>
+
+  <p class="mx-auto mt-4 max-w-2xl text-balance text-muted-foreground">
+    Modals, drawers, toasts, and confirms as named, ordered stacks — open one from any component, effect, or route guard and <code class="rounded bg-muted px-1 font-mono text-sm">await</code> a typed result. Headless core, six framework adapters.
+  </p>
+
+  <div class="mx-auto mt-8 flex items-center justify-center gap-10">
+    <div>
+      <div class="font-bold text-3xl text-foreground">6</div>
+      <div class="text-muted-foreground text-xs">adapters</div>
+    </div>
+    <div>
+      <div class="font-bold text-3xl text-foreground">8</div>
+      <div class="text-muted-foreground text-xs">live examples</div>
+    </div>
+    <div>
+      <div class="font-bold text-3xl text-foreground">zero-dep</div>
+      <div class="text-muted-foreground text-xs">core</div>
+    </div>
+  </div>
+
+  <div
+    class="mx-auto mt-8 flex max-w-2xl flex-wrap items-center justify-center gap-2"
+    data-framework-pills
+  >
+    {
+      adapterSnippets.map((snippet) => (
+        <button
+          class={`inline-flex items-center gap-1.5 ${pillBase} ${snippet.framework === defaultFramework ? pillActive : pillMuted}`}
+          data-framework={snippet.framework}
+          data-install-command={snippet.installCommand}
+          type="button"
+        >
+          <Icon name={snippet.icon} size={16} />
+          {snippet.label}
+        </button>
+      ))
+    }
+  </div>
+
+  <div class="mx-auto mt-6 max-w-2xl text-left">
+    {
+      adapterSnippets.map((snippet) => (
+        <div
+          class={snippet.framework === defaultFramework ? undefined : "hidden"}
+          data-code={snippet.framework}
+        >
+          <CodeBlock code={snippet.code} lang={snippet.lang} />
+        </div>
+      ))
+    }
+  </div>
+
+  <div class="mt-9"><InstallBox /></div>
+
+  <div class="mt-7 flex items-center justify-center gap-6 text-sm">
+    <a
+      class="inline-flex items-center gap-1 rounded-blume bg-accent px-5 py-2.5 font-medium text-accent-foreground text-sm transition-opacity hover:opacity-90"
+      href={contentHref("/guides/getting-started")}
+    >
+      Get started
+      <svg
+        class="size-3.5"
+        fill="none"
+        height="14"
+        stroke="currentColor"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="2"
+        viewBox="0 0 24 24"
+        width="14"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path d="m9 18 6-6-6-6"></path>
+      </svg>
+    </a>
+    <a
+      class="inline-flex items-center gap-1 font-medium text-muted-foreground transition-colors hover:text-foreground"
+      href="https://github.com/stainless-code/layers"
+      rel="noreferrer"
+      target="_blank"
+    >
+      View the code
+      <svg
+        class="size-3.5"
+        fill="none"
+        height="14"
+        stroke="currentColor"
+        stroke-linecap="round"
+        stroke-linejoin="round"
+        stroke-width="2"
+        viewBox="0 0 24 24"
+        width="14"
+        xmlns="http://www.w3.org/2000/svg"
+      >
+        <path d="m9 18 6-6-6-6"></path>
+      </svg>
+    </a>
+  </div>
+
+  <div class="mx-auto mt-12 max-w-6xl text-left">
+    <div class="mx-auto mb-6 max-w-2xl text-center">
+      <h2 class="font-medium text-3xl tracking-tight sm:text-4xl">
+        Try it live.
+      </h2>
+      <p class="mx-auto mt-3 max-w-lg text-balance text-muted-foreground text-sm">
+        Modals are just async functions you forgot to <code
+          class="rounded bg-muted px-1 font-mono text-xs">await</code
+        >. Open a confirm, toast, or serial flow below and watch the stack and
+        lifecycle update live in the inspector.
+      </p>
+    </div>
+    <HeroDemo client:load />
+  </div>
+</section>
+
+<script is:inline>
+  (() => {
+    const pillContainer = document.querySelector("[data-framework-pills]");
+    const installBox = document.querySelector("[data-blume-install-box]");
+    if (!pillContainer) return;
+
+    const ACTIVE = ["border-accent", "bg-accent/10", "font-medium", "text-accent"];
+    const MUTED = [
+      "border-border",
+      "text-muted-foreground",
+      "hover:border-foreground/40",
+      "hover:text-foreground",
+    ];
+
+    pillContainer.addEventListener("click", (e) => {
+      const pill = e.target.closest("[data-framework]");
+      if (!pill) return;
+
+      const framework = pill.dataset.framework;
+      const installCommand = pill.dataset.installCommand;
+
+      pillContainer.querySelectorAll("[data-framework]").forEach((p) => {
+        const isActive = p.dataset.framework === framework;
+        p.classList.remove(...ACTIVE, ...MUTED);
+        p.classList.add(...(isActive ? ACTIVE : MUTED));
+      });
+
+      document.querySelectorAll("[data-code]").forEach((block) => {
+        if (block.dataset.code === framework) {
+          block.classList.remove("hidden");
+        } else {
+          block.classList.add("hidden");
+        }
+      });
+
+      if (installBox && installCommand) {
+        const codeEl = installBox.querySelector("code");
+        const copyBtn = installBox.querySelector("[data-blume-copy-install]");
+        if (codeEl) codeEl.textContent = installCommand;
+        if (copyBtn) copyBtn.dataset.command = installCommand;
+      }
+    });
+  })();
+</script>
diff --git a/apps/docs/pages/_home/InstallBox.astro b/apps/docs/pages/_home/InstallBox.astro
new file mode 100644
index 0000000..a8223ea
--- /dev/null
+++ b/apps/docs/pages/_home/InstallBox.astro
@@ -0,0 +1,27 @@
+---
+import Icon from "blume/components/Icon.astro";
+
+const installCommand = "bun add @stainless-code/layers";
+---
+
+<div
+  class="mx-auto flex w-fit max-w-full items-center gap-3 rounded-blume border border-border bg-background py-2 pr-2 pl-4"
+  data-blume-install-box
+>
+  <span
+    aria-hidden="true"
+    class="select-none font-mono text-muted-foreground text-sm">$</span
+  >
+  <code class="flex-1 overflow-x-auto whitespace-nowrap text-left font-mono text-foreground text-sm"
+    >{installCommand}</code
+  >
+  <button
+    aria-label="Copy install command"
+    class="inline-flex size-8 shrink-0 cursor-pointer items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-muted hover:text-foreground"
+    data-blume-copy-install
+    data-command={installCommand}
+    type="button"
+  >
+    <Icon class="size-4" name="copy" size={16} />
+  </button>
+</div>
diff --git a/apps/docs/pages/_home/Stability.astro b/apps/docs/pages/_home/Stability.astro
new file mode 100644
index 0000000..2871049
--- /dev/null
+++ b/apps/docs/pages/_home/Stability.astro
@@ -0,0 +1,27 @@
+---
+import Callout from "blume/components/content/Callout.astro";
+import { contentHref } from "blume/components/content/base-href.ts";
+---
+
+<section>
+  <p
+    class="mb-3 text-center font-semibold text-muted-foreground text-xs uppercase tracking-wider"
+  >
+    Stability
+  </p>
+  <Callout title="Experimental" type="warning">
+    <p>
+      Layers is experimental — the API may change between minor releases. Pin
+      your dependency version and read release notes before upgrading.
+    </p>
+    <p class="mt-3">
+      <a class="font-medium text-accent" href={contentHref("/concepts/stability")}>
+        Stability & versioning
+      </a>
+      {" · "}
+      <a class="font-medium text-accent" href={contentHref("/reference/migration")}>
+        Migration guide
+      </a>
+    </p>
+  </Callout>
+</section>
diff --git a/apps/docs/pages/_home/UseCases.astro b/apps/docs/pages/_home/UseCases.astro
new file mode 100644
index 0000000..c9d9f79
--- /dev/null
+++ b/apps/docs/pages/_home/UseCases.astro
@@ -0,0 +1,176 @@
+---
+import { contentHref } from "blume/components/content/base-href.ts";
+
+const reachFor = [
+  {
+    useCase: "Confirm/prompt that returns a value",
+    involves: "`await open` + `DataTag` response inference",
+    fit: "Ideal",
+  },
+  {
+    useCase:
+      "Open an overlay from non-UI code (route guard, event bus, effect, util)",
+    involves: "global `LayerClient.open`",
+    fit: "Ideal",
+  },
+  {
+    useCase: "Toast / snackbar / progress — one instance, updated live",
+    involves: "`upsert` + `update`",
+    fit: "Ideal",
+  },
+  {
+    useCase: "One-at-a-time / sequential flows (onboarding, queued confirms)",
+    involves: "serial `scope` + `getQueuedSnapshot`",
+    fit: "Ideal",
+  },
+  {
+    useCase: "Stacked or nested overlays (drawer → sub-dialog)",
+    involves: "layer groups (`useLayerGroup` / `createLayerGroup`)",
+    fit: "Ideal",
+  },
+  {
+    useCase: "Guard dismissal (\"discard unsaved changes?\")",
+    involves: "blockers (`addBlocker`, `dismissing`, `dismissAll`)",
+    fit: "Ideal",
+  },
+  {
+    useCase: "Enter/exit animated overlays",
+    involves: "`transition` + `enteringDelay`/`exitingDelay` `settle()`",
+    fit: "Good",
+  },
+  {
+    useCase: "Validate an untrusted payload at open",
+    involves: "`validate` (Standard Schema or a function)",
+    fit: "Nice-to-have",
+  },
+  {
+    useCase:
+      "One overlay system across React/Preact/Solid/Angular/Vue/Svelte",
+    involves: "UI-agnostic core + adapters",
+    fit: "Ideal",
+  },
+];
+
+const fitBadge: Record<string, string> = {
+  Ideal: "bg-accent/15 text-accent",
+  Good: "bg-sky-500/15 text-sky-600 dark:text-sky-400",
+  "Nice-to-have": "bg-muted text-muted-foreground",
+};
+
+const skip = [
+  {
+    useCase:
+      "A single, always-local overlay — no return, stacking, queue, animation, or guard, and no wish for a global registry",
+    fit: "Skip → plain controlled component",
+  },
+  {
+    useCase:
+      "Static/inline content with no overlay semantics; full-page navigation",
+    fit: "Skip → plain markup / a router",
+  },
+];
+
+const thClass =
+  "border-border border-b px-4 py-3 text-left font-medium text-foreground text-sm";
+const tdClass = "border-border border-b px-4 py-3 text-sm";
+const leadClass = `${tdClass} text-foreground`;
+const mutedClass = `${tdClass} text-muted-foreground`;
+---
+
+<section>
+  <div class="mx-auto max-w-2xl text-center">
+    <p
+      class="font-semibold text-muted-foreground text-xs uppercase tracking-wider"
+    >
+      When to use it
+    </p>
+    <h2 class="mt-3 font-medium text-3xl tracking-tight sm:text-4xl">
+      When to reach for Layers.
+    </h2>
+    <p class="mx-auto mt-4 max-w-lg text-balance text-muted-foreground">
+      Overlay state is cross-cutting, but component models push it local. Layers
+      moves it into a client you invoke imperatively — declare once, open from
+      anywhere.
+    </p>
+  </div>
+
+  <div class="mt-10 overflow-x-auto rounded-blume border border-border">
+    <table class="w-full min-w-[640px] border-collapse text-left">
+      <thead>
+        <tr class="bg-muted/50">
+          <th class={thClass}>Use case</th>
+          <th class={thClass}>What it involves</th>
+          <th class={thClass}>Fit</th>
+        </tr>
+      </thead>
+      <tbody>
+        {
+          reachFor.map((row) => (
+            <tr>
+              <td class={leadClass}>{row.useCase}</td>
+              <td class={mutedClass}>
+                <code class="text-foreground text-xs">{row.involves}</code>
+              </td>
+              <td class={tdClass}>
+                <span
+                  class={`rounded-full px-2 py-0.5 text-xs font-medium ${fitBadge[row.fit] ?? "bg-muted text-muted-foreground"}`}
+                >
+                  {row.fit}
+                </span>
+              </td>
+            </tr>
+          ))
+        }
+      </tbody>
+    </table>
+  </div>
+
+  <div class="mx-auto mt-16 max-w-2xl text-center">
+    <h2 class="font-medium text-3xl tracking-tight sm:text-4xl">
+      When to skip it.
+    </h2>
+    <p class="mx-auto mt-4 max-w-lg text-balance text-muted-foreground">
+      A single local dialog with no return value is simpler as a controlled
+      component. Layers pays for itself when overlay state crosses boundaries,
+      stacks, queues, or needs a typed <code>await</code>.
+    </p>
+  </div>
+
+  <div class="mt-10 overflow-x-auto rounded-blume border border-border">
+    <table class="w-full min-w-[640px] border-collapse text-left">
+      <thead>
+        <tr class="bg-muted/50">
+          <th class={thClass}>Use case</th>
+          <th class={thClass}>Fit</th>
+        </tr>
+      </thead>
+      <tbody>
+        {
+          skip.map((row) => (
+            <tr>
+              <td class={leadClass}>{row.useCase}</td>
+              <td class={mutedClass}>{row.fit}</td>
+            </tr>
+          ))
+        }
+      </tbody>
+    </table>
+  </div>
+
+  <div
+    class="mx-auto mt-10 flex max-w-2xl flex-wrap items-center justify-center gap-x-6 gap-y-2"
+  >
+    <a
+      class="inline-flex items-center gap-1 font-medium text-accent transition-opacity hover:opacity-80"
+      href={contentHref("/concepts/overview")}
+    >
+      Browse concepts →
+    </a>
+    <a
+      class="inline-flex items-center gap-1 font-medium text-accent transition-opacity hover:opacity-80"
+      href={contentHref("/concepts/comparison")}
+    >
+      Compare alternatives →
+    </a>
+  </div>
+</section>
diff --git a/apps/docs/pages/_home/adapter-snippets.ts b/apps/docs/pages/_home/adapter-snippets.ts
new file mode 100644
index 0000000..15c1ba0
--- /dev/null
+++ b/apps/docs/pages/_home/adapter-snippets.ts
@@ -0,0 +1,290 @@
+export interface AdapterSnippet {
+  framework: string;
+  icon: string;
+  label: string;
+  code: string;
+  lang: string;
+  installCommand: string;
+}
+
+export const adapterSnippets: AdapterSnippet[] = [
+  {
+    framework: "vanilla",
+    icon: "/icons/vanilla.svg",
+    label: "Vanilla",
+    installCommand: "bun add @stainless-code/layers",
+    lang: "ts",
+    code: `import { LayerClient, createLayer, layerOptions } from "@stainless-code/layers";
+
+const client = new LayerClient();
+
+const confirm = layerOptions({
+  stack: "confirm",
+  key: ["confirm", "remove"],
+  component: renderConfirm, // your render fn
+});
+
+const c = createLayer(confirm, client);
+
+async function remove() {
+  const ok = await c.open({ title: "Remove?" });
+  //    ^? boolean
+}`,
+  },
+  {
+    framework: "react",
+    icon: "/icons/react.svg",
+    label: "React",
+    installCommand: "bun add @stainless-code/react-layers",
+    lang: "tsx",
+    code: `import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/react-layers";
+
+const confirm = layerOptions({
+  stack: "confirm",
+  key: ["confirm", "remove"],
+  component: ConfirmDialog,
+});
+
+function App() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="confirm" />
+      <RemoveButton />
+    </StackProvider>
+  );
+}
+
+function RemoveButton() {
+  const c = useLayer(confirm);
+  async function remove() {
+    const ok = await c.open({ title: "Remove?" });
+    //    ^? boolean
+  }
+  return <button onClick={() => void remove()}>Remove</button>;
+}`,
+  },
+  {
+    framework: "preact",
+    icon: "/icons/preact.svg",
+    label: "Preact",
+    installCommand: "bun add @stainless-code/preact-layers",
+    lang: "tsx",
+    code: `import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/preact-layers";
+
+const confirm = layerOptions({
+  stack: "confirm",
+  key: ["confirm", "remove"],
+  component: ConfirmDialog,
+});
+
+function App() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="confirm" />
+      <RemoveButton />
+    </StackProvider>
+  );
+}
+
+function RemoveButton() {
+  const c = useLayer(confirm);
+  async function remove() {
+    const ok = await c.open({ title: "Remove?" });
+    //    ^? boolean
+  }
+  return <button onClick={() => void remove()}>Remove</button>;
+}`,
+  },
+  {
+    framework: "solid",
+    icon: "/icons/solid.svg",
+    label: "Solid",
+    installCommand: "bun add @stainless-code/solid-layers",
+    lang: "tsx",
+    code: `import {
+  LayerClient,
+  LayerClientContext,
+  StackOutlet,
+  layerOptions,
+  useLayer,
+} from "@stainless-code/solid-layers";
+
+const confirm = layerOptions({
+  stack: "confirm",
+  key: ["confirm", "remove"],
+  component: ConfirmDialog,
+});
+
+const client = new LayerClient();
+
+function App() {
+  return (
+    <LayerClientContext.Provider value={client}>
+      <StackOutlet stack="confirm" />
+      <RemoveButton />
+    </LayerClientContext.Provider>
+  );
+}
+
+function RemoveButton() {
+  const c = useLayer(confirm);
+  async function remove() {
+    const ok = await c.open({ title: "Remove?" });
+    //    ^? boolean
+  }
+  return <button onClick={() => void remove()}>Remove</button>;
+}`,
+  },
+  {
+    framework: "angular",
+    icon: "/icons/angular.svg",
+    label: "Angular",
+    installCommand: "bun add @stainless-code/angular-layers",
+    lang: "ts",
+    code: `import { Component, ViewContainerRef, inject } from "@angular/core";
+import {
+  layerOptions,
+  provideLayerClient,
+  renderStack,
+  injectLayer,
+} from "@stainless-code/angular-layers";
+
+const confirm = layerOptions({
+  stack: "confirm",
+  key: ["confirm", "remove"],
+  component: ConfirmDialogComponent,
+});
+
+@Component({
+  selector: "app-root",
+  providers: [provideLayerClient()],
+  template: \`<button (click)="remove()">Remove</button><ng-container #outlet />\`,
+})
+export class AppComponent {
+  private c = injectLayer(confirm);
+  private vcr = inject(ViewContainerRef);
+
+  constructor() {
+    renderStack(this.vcr, "confirm");
+  }
+
+  async remove() {
+    const ok = await this.c.open({ title: "Remove?" });
+    //    ^? boolean
+  }
+}`,
+  },
+  {
+    framework: "vue",
+    icon: "/icons/vue.svg",
+    label: "Vue",
+    installCommand: "bun add @stainless-code/vue-layers",
+    lang: "vue",
+    code: `<script setup lang="ts">
+import {
+  layerOptions,
+  provideLayerClient,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/vue-layers";
+
+const confirm = layerOptions({
+  stack: "confirm",
+  key: ["confirm", "remove"],
+  component: ConfirmDialog,
+});
+
+provideLayerClient();
+const c = useLayer(confirm);
+
+async function remove() {
+  const ok = await c.open({ title: "Remove?" });
+  //    ^? boolean
+}
+</script>
+
+<template>
+  <StackOutlet stack="confirm" />
+  <button @click="remove">Remove</button>
+</template>`,
+  },
+  {
+    framework: "svelte",
+    icon: "/icons/svelte.svg",
+    label: "Svelte",
+    installCommand: "bun add @stainless-code/svelte-layers",
+    lang: "svelte",
+    code: `<script lang="ts">
+  import {
+    createLayer,
+    layerOptions,
+    setLayerClient,
+    useStack,
+  } from "@stainless-code/svelte-layers";
+
+  const confirm = layerOptions({
+    stack: "confirm",
+    key: ["confirm", "remove"],
+  });
+
+  setLayerClient();
+  const stack = useStack({ stack: "confirm" });
+  const c = createLayer(confirm);
+
+  async function remove() {
+    const ok = await c.open({ title: "Remove?" });
+    //    ^? boolean
+  }
+</script>
+
+{#each stack.current as state (state.id)}
+  {@const call = stack.callFor(state)}
+  <!-- render your dialog with call + state.payload -->
+{/each}
+
+<button onclick={remove}>Remove</button>`,
+  },
+];
+
+export const svelteStoreCode = `<script lang="ts">
+  import {
+    callFor,
+    createLayer,
+    layerOptions,
+    setLayerClient,
+    useLayerClient,
+    useStack,
+  } from "@stainless-code/svelte-layers/store";
+
+  const confirm = layerOptions({
+    stack: "confirm",
+    key: ["confirm", "remove"],
+  });
+
+  setLayerClient();
+  const client = useLayerClient();
+  const stack = useStack({ stack: "confirm" });
+  const c = createLayer(confirm);
+
+  async function remove() {
+    const ok = await c.open({ title: "Remove?" });
+    //    ^? boolean
+  }
+</script>
+
+{#each $stack as state (state.id)}
+  {@const call = callFor(client, "confirm", state)}
+  <!-- render your dialog with call + state.payload -->
+{/each}
+
+<button onclick={remove}>Remove</button>`;
diff --git a/apps/docs/pages/index.astro b/apps/docs/pages/index.astro
new file mode 100644
index 0000000..bb536e0
--- /dev/null
+++ b/apps/docs/pages/index.astro
@@ -0,0 +1,52 @@
+---
+import PageLayout from "blume/components/layout/PageLayout.astro";
+import data from "blume:data";
+import Batteries from "./_home/Batteries.astro";
+import FinalCta from "./_home/FinalCta.astro";
+import FrameworkTabs from "./_home/FrameworkTabs.astro";
+import Hero from "./_home/Hero.astro";
+import Stability from "./_home/Stability.astro";
+import UseCases from "./_home/UseCases.astro";
+import Footer from "../components/blume/Footer.astro";
+
+const { config } = data;
+const pageTitle = `${config.title} — open any layer from anywhere`;
+
+const copyScript = `(()=>{const CHECK='<svg class="size-4" fill="none" height="16" stroke="currentColor" stroke-linecap="round" stroke-linejoin="round" stroke-width="2" viewBox="0 0 24 24" width="16"><path d="M20 6 9 17l-5-5"/></svg>';document.addEventListener("click",async(e)=>{const b=e.target.closest("[data-blume-copy-install]");if(!b){return;}try{await navigator.clipboard.writeText(b.dataset.command);}catch{return;}const o=b.innerHTML;b.innerHTML=CHECK;setTimeout(()=>{b.innerHTML=o;},1500);});})();`;
+---
+
+<PageLayout
+  analytics={config.analytics}
+  banner={config.banner}
+  favicon={config.favicon}
+  appleIcon={config.appleIcon}
+  fontCssVars={data.fontCssVars}
+  logo={config.logo}
+  navigation={data.navigation}
+  ogEnabled={config.og.enabled}
+  ogImage="/opengraph-image.png"
+  page={{ description: config.description, route: "/", title: pageTitle }}
+  searchEnabled={config.search.enabled}
+  site={{ description: config.description, title: config.title }}
+  siteUrl={config.site}
+  themeMode={config.theme.mode}
+  x={config.x}
+>
+  <div
+    class="mx-auto grid max-w-[1400px] gap-16 px-6 py-20 sm:py-24 lg:gap-24 xl:gap-32"
+  >
+    <Hero />
+    <UseCases />
+    <FrameworkTabs />
+    <Batteries />
+    <Stability />
+    <FinalCta />
+  </div>
+  <script is:inline set:html={copyScript} />
+  <Footer
+    navigation={data.navigation}
+    site={{ description: config.description, title: config.title }}
+    slot="footer"
+    ui={data.ui}
+  />
+</PageLayout>
diff --git a/apps/docs/public/.htaccess b/apps/docs/public/.htaccess
new file mode 100644
index 0000000..e150ae2
--- /dev/null
+++ b/apps/docs/public/.htaccess
@@ -0,0 +1,47 @@
+# Layers docs — Apache config for the /layers subpath.
+# Deployed to the /layers folder by the Deploy docs workflow (the FTP account
+# is scoped to /layers, so this lands at /layers/.htaccess). Do NOT list
+# .htaccess in the workflow exclude — it rides along in dist/.
+
+# Don't list directories; serve index.html for clean URLs (/layers/adapters/angular
+# resolves to adapters/angular/index.html).
+Options -Indexes
+DirectoryIndex index.html
+
+# Block direct access to dotfiles (e.g. the FTP-deploy sync-state file).
+# .well-known/ stays reachable: requests target files inside it whose names
+# do not start with a dot (ACME challenge, etc.).
+<FilesMatch "^\.">
+  Require all denied
+</FilesMatch>
+
+# Blume ships a 404.html; serve it for misses instead of Apache's default.
+ErrorDocument 404 /layers/404.html
+
+<IfModule mod_headers.c>
+  Header always set Strict-Transport-Security "max-age=31536000; includeSubDomains"
+  Header always set X-Content-Type-Options "nosniff"
+  Header always set X-Frame-Options "SAMEORIGIN"
+  Header always set Referrer-Policy "strict-origin-when-cross-origin"
+  Header always set Permissions-Policy "geolocation=(), microphone=(), camera=(), payment=()"
+  # Blume: self assets + hashed _astro bundles, local Orama search, client-side
+  # Mermaid island, inline theme/banner scripts (data-attr driven, no nonce).
+  # No analytics/external CDNs in Phase 1 — relax script-src if Ask AI/MCP ships.
+  Header always set Content-Security-Policy "default-src 'self'; base-uri 'self'; object-src 'none'; form-action 'self'; img-src 'self' data:; media-src 'self'; font-src 'self'; style-src 'self' 'unsafe-inline'; script-src 'self' 'unsafe-inline'; connect-src 'self'; frame-ancestors 'self'; upgrade-insecure-requests"
+</IfModule>
+
+# llms.txt + raw .md/.mdx mirrors: static hosting doesn't apply Astro endpoint
+# Response headers, so declare UTF-8 + the right type here, and keep the mirrors
+# out of the index (canonical HTML pages are what should be crawled). robots.txt
+# is intentionally excluded.
+<IfModule mod_mime.c>
+  AddType text/plain .txt
+  AddType text/markdown .md .mdx
+  AddCharset UTF-8 .txt .md .mdx
+</IfModule>
+<FilesMatch "\.mdx?$">
+  Header set X-Robots-Tag "noindex"
+</FilesMatch>
+<FilesMatch "^llms(-full|-small)?\.txt$">
+  Header set X-Robots-Tag "noindex"
+</FilesMatch>
diff --git a/apps/docs/public/android-chrome-192x192.png b/apps/docs/public/android-chrome-192x192.png
new file mode 100644
index 0000000..37929c0
Binary files /dev/null and b/apps/docs/public/android-chrome-192x192.png differ
diff --git a/apps/docs/public/android-chrome-512x512.png b/apps/docs/public/android-chrome-512x512.png
new file mode 100644
index 0000000..f62bb47
Binary files /dev/null and b/apps/docs/public/android-chrome-512x512.png differ
diff --git a/apps/docs/public/apple-icon.png b/apps/docs/public/apple-icon.png
new file mode 100644
index 0000000..e7ceadd
Binary files /dev/null and b/apps/docs/public/apple-icon.png differ
diff --git a/apps/docs/public/favicon-16x16.png b/apps/docs/public/favicon-16x16.png
new file mode 100644
index 0000000..7f0403d
Binary files /dev/null and b/apps/docs/public/favicon-16x16.png differ
diff --git a/apps/docs/public/favicon-32x32.png b/apps/docs/public/favicon-32x32.png
new file mode 100644
index 0000000..d56bb3f
Binary files /dev/null and b/apps/docs/public/favicon-32x32.png differ
diff --git a/apps/docs/public/icon.svg b/apps/docs/public/icon.svg
new file mode 100644
index 0000000..1dc8f0d
--- /dev/null
+++ b/apps/docs/public/icon.svg
@@ -0,0 +1,12 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none">
+  <style>
+    .layer { fill: #1c1b19; }
+    @media (prefers-color-scheme: dark) { .layer { fill: #f5f0e8; } }
+    .active { fill: #0d9488; }
+    @media (prefers-color-scheme: dark) { .active { fill: #2dd4bf; } }
+  </style>
+  <rect class="layer" x="2" y="17" width="20" height="3.5" rx="1" opacity="0.3"/>
+  <rect class="layer" x="3" y="12" width="18" height="3.5" rx="1" opacity="0.45"/>
+  <rect class="active" x="5" y="7" width="16" height="3.5" rx="1"/>
+  <rect class="layer" x="4" y="2" width="14" height="3.5" rx="1" opacity="0.55"/>
+</svg>
diff --git a/apps/docs/public/icons/alpine.svg b/apps/docs/public/icons/alpine.svg
new file mode 100644
index 0000000..ba3d399
--- /dev/null
+++ b/apps/docs/public/icons/alpine.svg
@@ -0,0 +1 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 128 128'><path fill='#77c1d2' fill-rule='evenodd' d='M98.444 35.562 126 62.997 98.444 90.432 70.889 62.997z' clip-rule='evenodd'/><path fill='#2d3441' fill-rule='evenodd' d='m29.556 35.562 57.126 56.876H31.571L2 62.997z' clip-rule='evenodd'/></svg>
diff --git a/apps/docs/public/icons/angular.svg b/apps/docs/public/icons/angular.svg
new file mode 100644
index 0000000..19b147c
--- /dev/null
+++ b/apps/docs/public/icons/angular.svg
@@ -0,0 +1 @@
+<svg fill='none' viewBox='0 0 223 236' width='32' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><linearGradient id='a' gradientUnits='userSpaceOnUse' x1='49.009' x2='225.829' y1='213.75' y2='129.722'><stop offset='0' stop-color='#e40035'/><stop offset='.24' stop-color='#f60a48'/><stop offset='.352' stop-color='#f20755'/><stop offset='.494' stop-color='#dc087d'/><stop offset='.745' stop-color='#9717e7'/><stop offset='1' stop-color='#6c00f5'/></linearGradient><linearGradient id='b' gradientUnits='userSpaceOnUse' x1='41.025' x2='156.741' y1='28.344' y2='160.344'><stop offset='0' stop-color='#ff31d9'/><stop offset='1' stop-color='#ff5be1' stop-opacity='0'/></linearGradient><clipPath id='c'><path d='m0 0h223v236h-223z'/></clipPath><g clip-path='url(#c)'><path d='m222.077 39.192-8.019 125.923-76.671-165.115zm-53.105 162.825-57.933 33.056-57.934-33.056 11.783-28.556h92.301zm-57.933-139.342 30.357 73.803h-60.715zm-103.102 102.44-7.937-125.923 84.69-39.192z' fill='url(#a)'/><path d='m222.077 39.192-8.019 125.923-76.671-165.115zm-53.105 162.825-57.933 33.056-57.934-33.056 11.783-28.556h92.301zm-57.933-139.342 30.357 73.803h-60.715zm-103.102 102.44-7.937-125.923 84.69-39.192z' fill='url(#b)'/></g></svg>
diff --git a/apps/docs/public/icons/base-ui.svg b/apps/docs/public/icons/base-ui.svg
new file mode 100644
index 0000000..667cee6
--- /dev/null
+++ b/apps/docs/public/icons/base-ui.svg
@@ -0,0 +1,4 @@
+<svg viewBox="0 0 17 24" fill="currentColor" xmlns="http://www.w3.org/2000/svg">
+  <path d="M9.5001 7.01537C9.2245 6.99837 9 7.22385 9 7.49999V23C13.4183 23 17 19.4183 17 15C17 10.7497 13.6854 7.27351 9.5001 7.01537Z"/>
+  <path d="M8 9.8V12V23C3.58172 23 0 19.0601 0 14.2V12V1C4.41828 1 8 4.93989 8 9.8Z"/>
+</svg>
diff --git a/apps/docs/public/icons/ember.svg b/apps/docs/public/icons/ember.svg
new file mode 100644
index 0000000..e2e18db
--- /dev/null
+++ b/apps/docs/public/icons/ember.svg
@@ -0,0 +1 @@
+<svg width='128' height='128' viewBox='0 0 128 128' xmlns='http://www.w3.org/2000/svg'><g fill='none' fill-rule='evenodd'><path d='M0 0h128v128H0z' fill='#E05C43' fill-rule='nonzero'/><path d='M65.265 24.128c8.246-.163 14.073 2.073 19.087 9.19 10.934 27.109-28.147 41.1-29.714 41.65l-.049.016s-1.18 7.363 10.028 7.08c13.793 0 28.294-10.691 33.81-15.21a3.293 3.293 0 0 1 4.468.265l4.13 4.29a3.291 3.291 0 0 1 .085 4.491c-3.59 3.997-12.014 12.203-24.696 17.504 0 0-21.16 9.798-35.42.52-8.503-5.53-10.842-12.151-11.793-19.038.005 0-10.324-.524-16.957-3.114-6.635-2.592.049-10.411.049-10.411s2.04-3.233 5.92 0c3.883 3.228 11.13 1.772 11.13 1.772.646-5.099 1.72-11.828 4.884-18.93 6.632-14.885 16.789-19.915 25.038-20.075zm4.853 14.915c-4.369-4.21-16.984 4.202-17.471 23.45 0 0 3.724 1.134 11.97-4.53 8.25-5.661 9.87-14.718 5.501-18.92z' fill='#FFFFFF'/></g></svg>
diff --git a/apps/docs/public/icons/lit.svg b/apps/docs/public/icons/lit.svg
new file mode 100644
index 0000000..6c02e1f
--- /dev/null
+++ b/apps/docs/public/icons/lit.svg
@@ -0,0 +1 @@
+<svg fill='none' height='200' viewBox='0 0 160 200' width='160' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><clipPath id='a'><path d='m0 0h160v200h-160z'/></clipPath><g clip-path='url(#a)'><path d='m40 120 20-60 90 90-30 50-40-40h-20' fill='#00e8ff'/><path d='m80 160v-80l40-40v80m-120 40 40 40 20-40-20-40h-20' fill='#283198'/><path d='m40 120v-80l40-40v80m40 120v-80l40-40v80m-160 0v-80l40 40' fill='#324fff'/><path d='m40 200v-80l40 40' fill='#0ff'/></g></svg>
diff --git a/apps/docs/public/icons/marko.svg b/apps/docs/public/icons/marko.svg
new file mode 100644
index 0000000..8892e00
--- /dev/null
+++ b/apps/docs/public/icons/marko.svg
@@ -0,0 +1 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 2560 1394'><style>stop:not([stop-color]){stop-color:inherit}</style><path fill='#8dc220' d='M1281 0h361l-427 697H854z'/><path fill='url(#a)' d='M427 0h361L361 697l427 697H427L0 698z'/><linearGradient id='a' x2='0' y2='1'><stop offset='.685' stop-color='#44bfef'/><stop offset='1' stop-color='#2073ba'/></linearGradient><path fill='#00ac71' d='M854 697h361L788 0H427z'/><path fill='url(#b)' d='M1642 0h-361l428 697-428 697h361l428-697z'/><linearGradient id='b' x2='0' y2='1' stop-color='#f9bc00'><stop offset='.5'/><stop offset='.5' stop-color='#e95506'/><stop offset='.833'/></linearGradient><path fill='url(#c)' d='M1493 246h-361L855 698h361z'/><linearGradient id='c' x2='0' y2='1' stop-color='#8ac23e'><stop offset='0' stop-opacity='0'/><stop offset='1'/></linearGradient><path fill='url(#d)' d='M1005 452h361L1642 0h-361z'/><linearGradient id='d' x2='0' y2='1' stop-color='#698932'><stop offset='0'/><stop offset='1' stop-opacity='0'/></linearGradient><path fill='url(#e)' d='M1919 452h-361L1281 0h361z'/><linearGradient id='e' x2='0' y2='1' stop-color='#ffed01'><stop offset='0'/><stop offset='1' stop-opacity='0'/></linearGradient><path fill='url(#f)' d='M150 452h361L788 0H427z'/><linearGradient id='f' x2='0' y2='1' stop-color='#00828b'><stop offset='0'/><stop offset='.833' stop-opacity='0'/></linearGradient><path fill='url(#g)' d='M638 246H277L0 698h361z'/><linearGradient id='g' x2='0' y2='1' stop-color='#88d0f1'><stop offset='0' stop-opacity='0'/><stop offset='1'/></linearGradient><path fill='url(#h)' d='M1065 452H704L427 0h361z'/><linearGradient id='h' x2='0' y2='1' stop-color='#8ed0e1'><stop offset='0' stop-opacity='0'/><stop offset='1' stop-opacity='0'/></linearGradient><path fill='url(#i)' d='M2132 0h-361l427 697-428 697h361l428-697z'/><linearGradient id='i' x2='0' y2='1' stop-color='#df1b1c'><stop offset='0' stop-color='#e02a89'/><stop offset='.31'/><stop offset='.5'/><stop offset='.5' stop-color='#7f1e4f'/><stop offset='.833'/></linearGradient></svg>
diff --git a/apps/docs/public/icons/preact.svg b/apps/docs/public/icons/preact.svg
new file mode 100644
index 0000000..faf071d
--- /dev/null
+++ b/apps/docs/public/icons/preact.svg
@@ -0,0 +1 @@
+<svg width='100%' height='100%' viewBox='-256 -256 512 512' version='1.1' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink' xml:space='preserve'><path d='M0,-256 221.7025033688164,-128 221.7025033688164,128 0,256 -221.7025033688164,128 -221.7025033688164,-128z' fill='#673ab8'/><ellipse cx='0' cy='0' stroke-width='16px' rx='75px' ry='196px' fill='none' stroke='white' transform='rotate(52.5)'/><ellipse cx='0' cy='0' stroke-width='16px' rx='75px' ry='196px' fill='none' stroke='white' transform='rotate(-52.5)'/><circle cx='0' cy='0' r='34' fill='white'/></svg>
diff --git a/apps/docs/public/icons/qwik.svg b/apps/docs/public/icons/qwik.svg
new file mode 100644
index 0000000..107931a
--- /dev/null
+++ b/apps/docs/public/icons/qwik.svg
@@ -0,0 +1 @@
+<svg fill='none' height='50' viewBox='0 0 47 50' width='47' xmlns='http://www.w3.org/2000/svg'><path d='m40.973 49.535-8.8869-8.8366-.1358.0194v-.0969l-18.8992-18.6614 4.6569-4.4959-2.7359-15.69651-12.98107 16.08411c-2.212022 2.2285-2.619497 5.8523-1.028395 8.5265l8.110735 13.4487c1.24183 2.0735 3.49263 3.3137 5.91813 3.2943l4.0166-.0387z' fill='#18b6f6'/><path d='m45.8232 17.5412-1.7852-3.2943-.9314-1.686-.3686-.6588-.0388.0387-4.8898-8.46836c-1.2224-2.13163-3.512-3.4493713-5.9957-3.4299928l-4.2882.1162658-12.7871.038759c-2.4254.019379-4.6374 1.298358-5.85987 3.371858l-7.78087 15.42527 13.91244-17.26622 18.2395 20.03732-3.2405 3.275 1.9404 15.6771.0194-.0387v.0387h-.0388l.0388.0388 1.5135 1.4728 7.354 7.1894c.3105.2906.815-.0582.6015-.4264l-4.5404-8.9334 7.9167-14.6308.2522-.2906c.097-.1163.194-.2326.2717-.3489 1.5523-2.1122 1.7657-4.9415.4851-7.2475z' fill='#ac7ef4'/><path d='m33.3076 21.6882-18.2977-19.9404 2.6001 15.619-4.6569 4.5152 18.9574 18.8165-1.7075-15.619z' fill='#fff'/></svg>
diff --git a/apps/docs/public/icons/react-aria.svg b/apps/docs/public/icons/react-aria.svg
new file mode 100644
index 0000000..f66d758
--- /dev/null
+++ b/apps/docs/public/icons/react-aria.svg
@@ -0,0 +1 @@
+<svg viewBox="200 206 800 790" fill="none" xmlns="http://www.w3.org/2000/svg"><path d="M720.67 205.995C867.583 205.995 986.679 325.091 986.68 472.003C986.68 590.753 908.865 691.325 801.446 725.521L979.312 948.055C994.438 966.98 980.963 995 956.736 995H795.612C778.743 995 762.715 987.629 751.734 974.823L697.365 911.421L493.126 653.39C457.134 607.918 489.518 540.979 547.511 540.977L720.67 540.971C758.758 540.971 789.635 510.091 789.635 472.003C789.634 433.915 758.758 403.038 720.67 403.038H429.939C404.955 403.038 388.623 391.886 373.994 373.623L277.349 252.966C262.194 234.045 275.664 205.996 299.905 205.995H720.67Z M396.605 720.706C407.798 705.406 430.443 704.843 442.381 719.568L503.816 797.018H502.786L535.569 838.934C548.074 854.358 549.943 877.191 538.047 893.09L476.638 972.545C465.692 986.707 448.803 995 430.903 995H242.276C218.18 995 204.665 967.248 219.523 948.278L337.992 797.018H337.923L396.605 720.706Z" fill="#6733FF"/></svg>
diff --git a/apps/docs/public/icons/react.svg b/apps/docs/public/icons/react.svg
new file mode 100644
index 0000000..0e45173
--- /dev/null
+++ b/apps/docs/public/icons/react.svg
@@ -0,0 +1 @@
+<svg viewBox='-11.5 -10.23 23 20.46' xmlns='http://www.w3.org/2000/svg'><circle fill='#61dafb' r='2.05'/><g fill='none' stroke='#61dafb'><ellipse rx='11' ry='4.2'/><ellipse rx='11' ry='4.2' transform='matrix(.5 .8660254 -.8660254 .5 0 0)'/><ellipse rx='11' ry='4.2' transform='matrix(-.5 .8660254 -.8660254 -.5 0 0)'/></g></svg>
diff --git a/apps/docs/public/icons/solid.svg b/apps/docs/public/icons/solid.svg
new file mode 100644
index 0000000..4c48dca
--- /dev/null
+++ b/apps/docs/public/icons/solid.svg
@@ -0,0 +1 @@
+<svg viewBox='0 0 75.8 70.7' xmlns='http://www.w3.org/2000/svg' xmlns:xlink='http://www.w3.org/1999/xlink'><linearGradient id='a' gradientUnits='userSpaceOnUse' x1='11.67' x2='70.61' y1='.04' y2='28.68'><stop offset='.1' stop-color='#76b3e1'/><stop offset='.3' stop-color='#dcf2fd'/><stop offset='1' stop-color='#76b3e1'/></linearGradient><linearGradient id='b' gradientUnits='userSpaceOnUse' x1='43.99' x2='33.67' y1='14.07' y2='48.44'><stop offset='0' stop-color='#76b3e1'/><stop offset='.5' stop-color='#4377bb'/><stop offset='1' stop-color='#1f3b77'/></linearGradient><linearGradient id='c' gradientUnits='userSpaceOnUse' x1='7.34' x2='66.94' y1='29.06' y2='69.58'><stop offset='0' stop-color='#315aa9'/><stop offset='.5' stop-color='#518ac8'/><stop offset='1' stop-color='#315aa9'/></linearGradient><linearGradient id='d' gradientUnits='userSpaceOnUse' x1='34.25' x2='10.2' y1='33.91' y2='122.1'><stop offset='0' stop-color='#4377bb'/><stop offset='.5' stop-color='#1a336b'/><stop offset='1' stop-color='#1a336b'/></linearGradient><path d='m75.8 15.4s-24.9-18.8-44.3-14.4l-1.7.5c-2.6.8-5 2.4-6.6 4.6-.3.4-.5.8-.7 1.2l-7.2 12.1 12.3 2.4a22 22 0 0 0 17.6 3.5l22 4.3z' fill='#76b3e1'/><path d='m75.8 15.4s-24.9-18.8-44.3-14.4l-1.7.5c-2.6.8-5 2.4-6.6 4.6-.3.4-.5.8-.7 1.2l-7.2 12.1 12.3 2.4a22 22 0 0 0 17.6 3.5l22 4.3z' fill='url(#a)' opacity='.3'/><path d='m23 15.1-1.7.5c-7.9 2.6-10.6 9.9-6.1 16.4a21.1 21.1 0 0 0 22.5 7.1l29.5-9.6c.1 0-24.8-18.8-44.2-14.4z' fill='#518ac8'/><path d='m23 15.1-1.7.5c-7.9 2.6-10.6 9.9-6.1 16.4a21.1 21.1 0 0 0 22.5 7.1l29.5-9.6c.1 0-24.8-18.8-44.2-14.4z' fill='url(#b)' opacity='.3'/><path d='m61.9 36.4c-5.4-6.8-14.3-9.6-22.6-7.1l-29.5 9.5-9.3 16.5 52.8 9 9.5-16.8c1.9-3.2 1.7-7.3-.9-11.1z' fill='url(#c)'/><path d='m52.6 52.9c-5.4-6.8-14.3-9.6-22.5-7.2l-29.6 9.6s25 18.8 44.3 14.4l1.7-.5c8-2.4 10.7-9.8 6.1-16.3z' fill='url(#d)'/></svg>
diff --git a/apps/docs/public/icons/standard-schema.svg b/apps/docs/public/icons/standard-schema.svg
new file mode 100644
index 0000000..01d9640
--- /dev/null
+++ b/apps/docs/public/icons/standard-schema.svg
@@ -0,0 +1 @@
+<svg viewBox="0 0 24 24" xmlns="http://www.w3.org/2000/svg"><rect width="24" height="24" rx="5" fill="#c50003"/><rect x="7" y="4.5" width="10" height="15" rx="2.5" fill="#ff6900"/><rect x="9.5" y="7" width="5" height="10" rx="1.5" fill="#facc15"/></svg>
diff --git a/apps/docs/public/icons/svelte.svg b/apps/docs/public/icons/svelte.svg
new file mode 100644
index 0000000..aaf9ce1
--- /dev/null
+++ b/apps/docs/public/icons/svelte.svg
@@ -0,0 +1 @@
+<svg viewBox='0 0 98.1 118' xmlns='http://www.w3.org/2000/svg'><path d='m91.8 15.6c-10.9-15.7-32.6-20.3-48.2-10.4l-27.5 17.6a31.25 31.25 0 0 0 -14.2 21.1c-1.3 7.3-.2 14.8 3.3 21.3-2.4 3.6-4 7.6-4.7 11.8-1.6 8.9.5 18.1 5.7 25.4 11 15.7 32.6 20.3 48.2 10.4l27.5-17.5c7.5-4.7 12.7-12.4 14.2-21.1 1.3-7.3.2-14.8-3.3-21.3 2.4-3.6 4-7.6 4.7-11.8 1.7-9-.4-18.2-5.7-25.5' fill='#ff3e00'/><path d='m40.9 103.9a21.8 21.8 0 0 1 -23.4-8.7c-3.2-4.4-4.4-9.9-3.5-15.3l.6-2.6.5-1.6 1.4 1c3.3 2.4 6.9 4.2 10.8 5.4l1 .3-.1 1c-.1 1.4.3 2.9 1.1 4.1a6.62 6.62 0 0 0 8.8 2l27.4-17.5c1.4-.9 2.3-2.2 2.6-3.8s-.1-3.3-1-4.6a6.56 6.56 0 0 0 -8.8-1.9l-10.5 6.7a18.6 18.6 0 0 1 -5.6 2.4 21.8 21.8 0 0 1 -23.4-8.7 20.2 20.2 0 0 1 -3.4-15.3c.9-5.2 4.1-9.9 8.6-12.7l27.5-17.5c1.7-1.1 3.6-1.9 5.6-2.5a21.8 21.8 0 0 1 23.4 8.7c3.2 4.4 4.4 9.9 3.5 15.3-.2.9-.4 1.7-.7 2.6l-.5 1.6-1.4-1c-3.3-2.4-6.9-4.2-10.8-5.4l-1-.3.1-1c.1-1.4-.3-2.9-1.1-4.1a6.56 6.56 0 0 0 -8.8-1.9l-27.4 17.5c-1.4.9-2.3 2.2-2.6 3.8s.1 3.3 1 4.6a6.56 6.56 0 0 0 8.8 1.9l10.5-6.7c1.7-1.1 3.6-1.9 5.6-2.5a21.8 21.8 0 0 1 23.4 8.7c3.2 4.4 4.4 9.9 3.5 15.3-.9 5.2-4.1 9.9-8.6 12.7l-27.5 17.5c-1.7 1.1-3.6 1.9-5.6 2.5' fill='#fff'/></svg>
diff --git a/apps/docs/public/icons/vanilla.svg b/apps/docs/public/icons/vanilla.svg
new file mode 100644
index 0000000..dde1f3d
--- /dev/null
+++ b/apps/docs/public/icons/vanilla.svg
@@ -0,0 +1 @@
+<svg viewBox='0 0 630 630' xmlns='http://www.w3.org/2000/svg'><path d='m0 0h630v630h-630z' fill='#f7df1e'/><path d='m423.2 492.19c12.69 20.72 29.2 35.95 58.4 35.95 24.53 0 40.2-12.26 40.2-29.2 0-20.3-16.1-27.49-43.1-39.3l-14.8-6.35c-42.72-18.2-71.1-41-71.1-89.2 0-44.4 33.83-78.2 86.7-78.2 37.64 0 64.7 13.1 84.2 47.4l-46.1 29.6c-10.15-18.2-21.1-25.37-38.1-25.37-17.34 0-28.33 11-28.33 25.37 0 17.76 11 24.95 36.4 35.95l14.8 6.34c50.3 21.57 78.7 43.56 78.7 93 0 53.3-41.87 82.5-98.1 82.5-54.98 0-90.5-26.2-107.88-60.54zm-209.13 5.13c9.3 16.5 17.76 30.45 38.1 30.45 19.45 0 31.72-7.61 31.72-37.2v-201.3h59.2v202.1c0 61.3-35.94 89.2-88.4 89.2-47.4 0-74.85-24.53-88.81-54.075z'/></svg>
diff --git a/apps/docs/public/icons/vue.svg b/apps/docs/public/icons/vue.svg
new file mode 100644
index 0000000..097c24a
--- /dev/null
+++ b/apps/docs/public/icons/vue.svg
@@ -0,0 +1 @@
+<svg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 261.76 226.69'><path fill='#41b883' d='m161.1 0-30.23 52.35L100.65 0H0l130.87 226.7L261.75 0z'/><path fill='#34495e' d='m161.1 0-30.23 52.35L100.65 0h-48.3l78.52 136.01L209.4.01z'/></svg>
diff --git a/apps/docs/public/logo.svg b/apps/docs/public/logo.svg
new file mode 100644
index 0000000..fcdf175
--- /dev/null
+++ b/apps/docs/public/logo.svg
@@ -0,0 +1,6 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24" fill="none" class="logo-svg" aria-hidden="true">
+  <rect x="2" y="17" width="20" height="3.5" rx="1" fill="currentColor" opacity="0.3"/>
+  <rect x="3" y="12" width="18" height="3.5" rx="1" fill="currentColor" opacity="0.45"/>
+  <rect class="logo-active" x="5" y="7" width="16" height="3.5" rx="1" fill="#0d9488"/>
+  <rect class="logo-top" x="4" y="2" width="14" height="3.5" rx="1" fill="currentColor" opacity="0.55"/>
+</svg>
diff --git a/apps/docs/public/site.webmanifest b/apps/docs/public/site.webmanifest
new file mode 100644
index 0000000..7689077
--- /dev/null
+++ b/apps/docs/public/site.webmanifest
@@ -0,0 +1,20 @@
+{
+  "name": "Layers",
+  "short_name": "Layers",
+  "description": "Headless modal/dialog/drawer/popover/toast manager — open any layer from anywhere.",
+  "icons": [
+    {
+      "src": "/layers/android-chrome-192x192.png",
+      "sizes": "192x192",
+      "type": "image/png"
+    },
+    {
+      "src": "/layers/android-chrome-512x512.png",
+      "sizes": "512x512",
+      "type": "image/png"
+    }
+  ],
+  "theme_color": "#0d9488",
+  "background_color": "#faf8f5",
+  "display": "standalone"
+}
diff --git a/apps/docs/recipes/animated-enter-exit/angular.ts b/apps/docs/recipes/animated-enter-exit/angular.ts
new file mode 100644
index 0000000..8b97479
--- /dev/null
+++ b/apps/docs/recipes/animated-enter-exit/angular.ts
@@ -0,0 +1,93 @@
+import {
+  Component,
+  inject,
+  OnChanges,
+  signal,
+  SimpleChanges,
+  ViewContainerRef,
+} from "@angular/core";
+import {
+  layerOptions,
+  provideLayerClient,
+  renderStack,
+  injectLayer,
+} from "@stainless-code/angular-layers";
+import type {
+  LayerComponentProps,
+  LayerTransition,
+} from "@stainless-code/angular-layers";
+
+interface AnimatedPayload {
+  title: string;
+}
+
+const EXIT_MS = 200;
+
+@Component({
+  selector: "animated-dialog",
+  template: `
+    <div role="dialog" aria-modal="true">
+      <h2>{{ payload.title }}</h2>
+      <p>
+        Watch the enter and exit animation. Close to see the exit transition.
+      </p>
+      <button type="button" (click)="call.dismiss()">Close</button>
+      <p>transition: {{ transition }}</p>
+    </div>
+  `,
+})
+class AnimatedDialogComponent implements OnChanges {
+  call!: LayerComponentProps<AnimatedPayload, void>["call"];
+  payload!: AnimatedPayload;
+  transition!: LayerTransition;
+  private settleTimer?: ReturnType<typeof setTimeout>;
+
+  ngOnChanges(changes: SimpleChanges) {
+    if (!changes["transition"]) return;
+    if (this.settleTimer) clearTimeout(this.settleTimer);
+    if (this.transition === "entering" || this.transition === "exiting") {
+      this.settleTimer = setTimeout(() => this.call.settle(), EXIT_MS);
+    }
+  }
+}
+
+const animated = layerOptions<AnimatedPayload, void>({
+  stack: "example-animated",
+  key: ["example-animated"],
+  component: AnimatedDialogComponent,
+  enteringDelay: EXIT_MS,
+  exitingDelay: EXIT_MS,
+});
+
+@Component({
+  selector: "app-root",
+  standalone: true,
+  providers: [provideLayerClient()],
+  template: `
+    <button type="button" (click)="openDialog()">Open animated dialog</button>
+    @if (status() !== "idle") {
+      <span>{{ status() === "open" ? "Open" : "Closed (exit animated)" }}</span>
+    }
+    <ng-container />
+  `,
+})
+export class AppComponent {
+  private c = injectLayer(animated);
+  private vcr = inject(ViewContainerRef);
+  status = signal<"idle" | "open" | "closed">("idle");
+
+  constructor() {
+    renderStack(this.vcr, "example-animated");
+  }
+
+  openDialog() {
+    this.status.set("open");
+    void this.c
+      .open({
+        title: "Animated dialog",
+      })
+      .then(() => {
+        this.status.set("closed");
+      });
+  }
+}
diff --git a/apps/docs/recipes/animated-enter-exit/preact.tsx b/apps/docs/recipes/animated-enter-exit/preact.tsx
new file mode 100644
index 0000000..7eda0a7
--- /dev/null
+++ b/apps/docs/recipes/animated-enter-exit/preact.tsx
@@ -0,0 +1,79 @@
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/preact-layers";
+import type { LayerComponentProps } from "@stainless-code/preact-layers";
+import { useEffect, useState } from "preact/hooks";
+
+const EXIT_MS = 200;
+
+function AnimatedDialog({
+  call,
+  payload,
+  transition,
+}: LayerComponentProps<{ title: string }, void>) {
+  useEffect(() => {
+    if (transition === "entering" || transition === "exiting") {
+      const timer = setTimeout(() => call.settle(), EXIT_MS);
+      return () => clearTimeout(timer);
+    }
+  }, [transition, call]);
+
+  return (
+    <div role="dialog" aria-modal="true">
+      <h2>{payload.title}</h2>
+      <p>
+        Watch the enter and exit animation. Close to see the exit transition.
+      </p>
+      <div>
+        <button type="button" onClick={() => void call.dismiss()}>
+          Close
+        </button>
+      </div>
+      <p>transition: {transition}</p>
+    </div>
+  );
+}
+
+const animated = layerOptions<{ title: string }, void>({
+  stack: "example-animated",
+  key: ["example-animated"],
+  component: AnimatedDialog,
+  enteringDelay: EXIT_MS,
+  exitingDelay: EXIT_MS,
+});
+
+function Trigger() {
+  const animatedLayer = useLayer(animated);
+  const [status, setStatus] = useState<"idle" | "open" | "closed">("idle");
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={() => {
+          setStatus("open");
+          void animatedLayer.open({ title: "Animated dialog" }).then(() => {
+            setStatus("closed");
+          });
+        }}
+      >
+        Open animated dialog
+      </button>
+      {status !== "idle" && (
+        <span>{status === "open" ? "Open" : "Closed (exit animated)"}</span>
+      )}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-animated" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/animated-enter-exit/react.baseui.tsx b/apps/docs/recipes/animated-enter-exit/react.baseui.tsx
new file mode 100644
index 0000000..5913508
--- /dev/null
+++ b/apps/docs/recipes/animated-enter-exit/react.baseui.tsx
@@ -0,0 +1,85 @@
+import { Dialog } from "@base-ui/react/dialog";
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+// Base UI's onOpenChangeComplete fires after the CSS exit animation —
+// resolve call.end there, not on dismiss intent, so the exit anim plays.
+import { useState } from "react";
+
+function AnimatedDialog({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string }, void>) {
+  const [open, setOpen] = useState(true);
+
+  return (
+    <Dialog.Root
+      open={open}
+      onOpenChange={(o) => {
+        if (!o) setOpen(false);
+      }}
+      onOpenChangeComplete={(o) => {
+        if (!o) call.end();
+      }}
+    >
+      <Dialog.Portal>
+        <Dialog.Backdrop />
+        <Dialog.Popup>
+          <Dialog.Title>{payload.title}</Dialog.Title>
+          <Dialog.Description>
+            Watch the enter and exit animation. Close to see the exit
+            transition.
+          </Dialog.Description>
+          <div>
+            <Dialog.Close>Close</Dialog.Close>
+          </div>
+        </Dialog.Popup>
+      </Dialog.Portal>
+    </Dialog.Root>
+  );
+}
+
+const animated = layerOptions<{ title: string }, void>({
+  stack: "example-animated",
+  key: ["example-animated"],
+  component: AnimatedDialog,
+  enteringDelay: 200,
+  exitingDelay: 200,
+});
+
+function Trigger() {
+  const animatedLayer = useLayer(animated);
+  const [status, setStatus] = useState<"idle" | "open" | "closed">("idle");
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={() => {
+          setStatus("open");
+          void animatedLayer.open({ title: "Animated dialog" }).then(() => {
+            setStatus("closed");
+          });
+        }}
+      >
+        Open animated dialog
+      </button>
+      {status !== "idle" && (
+        <span>{status === "open" ? "Open" : "Closed (exit animated)"}</span>
+      )}
+    </div>
+  );
+}
+
+export default function AnimatedEnterExitExample() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-animated" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/animated-enter-exit/react.rac.tsx b/apps/docs/recipes/animated-enter-exit/react.rac.tsx
new file mode 100644
index 0000000..36bda09
--- /dev/null
+++ b/apps/docs/recipes/animated-enter-exit/react.rac.tsx
@@ -0,0 +1,102 @@
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+// Defer call.end until RAC's exit animation completes — do not end instantly on dismiss.
+import { useEffect, useState } from "react";
+import {
+  Button,
+  Dialog,
+  Heading,
+  Modal,
+  ModalOverlay,
+} from "react-aria-components";
+
+const EXIT_MS = 200;
+
+function AnimatedDialog({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string }, void>) {
+  const [exiting, setExiting] = useState(false);
+
+  useEffect(() => {
+    if (exiting) {
+      const t = setTimeout(() => call.end(), EXIT_MS);
+      return () => clearTimeout(t);
+    }
+  }, [exiting, call]);
+
+  return (
+    // apply your own positioning/styling
+    <ModalOverlay
+      isOpen
+      onOpenChange={(o) => {
+        if (!o && !exiting) setExiting(true);
+      }}
+    >
+      <Modal>
+        <Dialog>
+          <Heading slot="title">{payload.title}</Heading>
+          <p>
+            Watch the enter and exit animation. Close to see the exit
+            transition.
+          </p>
+          <div>
+            <Button
+              onPress={() => {
+                if (!exiting) setExiting(true);
+              }}
+            >
+              Close
+            </Button>
+          </div>
+        </Dialog>
+      </Modal>
+    </ModalOverlay>
+  );
+}
+
+const animated = layerOptions<{ title: string }, void>({
+  stack: "example-animated",
+  key: ["example-animated"],
+  component: AnimatedDialog,
+  enteringDelay: 200,
+  exitingDelay: 200,
+});
+
+function Trigger() {
+  const animatedLayer = useLayer(animated);
+  const [status, setStatus] = useState<"idle" | "open" | "closed">("idle");
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={() => {
+          setStatus("open");
+          void animatedLayer.open({ title: "Animated dialog" }).then(() => {
+            setStatus("closed");
+          });
+        }}
+      >
+        Open animated dialog
+      </button>
+      {status !== "idle" && (
+        <span>{status === "open" ? "Open" : "Closed (exit animated)"}</span>
+      )}
+    </div>
+  );
+}
+
+export default function AnimatedEnterExitExample() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-animated" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/animated-enter-exit/react.tsx b/apps/docs/recipes/animated-enter-exit/react.tsx
new file mode 100644
index 0000000..9f29e93
--- /dev/null
+++ b/apps/docs/recipes/animated-enter-exit/react.tsx
@@ -0,0 +1,79 @@
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+import { useEffect, useState } from "react";
+
+const EXIT_MS = 200;
+
+function AnimatedDialog({
+  call,
+  payload,
+  transition,
+}: LayerComponentProps<{ title: string }, void>) {
+  useEffect(() => {
+    if (transition === "entering" || transition === "exiting") {
+      const timer = setTimeout(() => call.settle(), EXIT_MS);
+      return () => clearTimeout(timer);
+    }
+  }, [transition, call]);
+
+  return (
+    <div role="dialog" aria-modal="true">
+      <h2>{payload.title}</h2>
+      <p>
+        Watch the enter and exit animation. Close to see the exit transition.
+      </p>
+      <div>
+        <button type="button" onClick={() => void call.dismiss()}>
+          Close
+        </button>
+      </div>
+      <p>transition: {transition}</p>
+    </div>
+  );
+}
+
+const animated = layerOptions<{ title: string }, void>({
+  stack: "example-animated",
+  key: ["example-animated"],
+  component: AnimatedDialog,
+  enteringDelay: EXIT_MS,
+  exitingDelay: EXIT_MS,
+});
+
+function Trigger() {
+  const animatedLayer = useLayer(animated);
+  const [status, setStatus] = useState<"idle" | "open" | "closed">("idle");
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={() => {
+          setStatus("open");
+          void animatedLayer.open({ title: "Animated dialog" }).then(() => {
+            setStatus("closed");
+          });
+        }}
+      >
+        Open animated dialog
+      </button>
+      {status !== "idle" && (
+        <span>{status === "open" ? "Open" : "Closed (exit animated)"}</span>
+      )}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-animated" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/animated-enter-exit/react.wiring.tsx b/apps/docs/recipes/animated-enter-exit/react.wiring.tsx
new file mode 100644
index 0000000..75c63e4
--- /dev/null
+++ b/apps/docs/recipes/animated-enter-exit/react.wiring.tsx
@@ -0,0 +1,52 @@
+import {
+  layerOptions,
+  StackOutlet,
+  StackProvider,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+
+function AnimatedLayer({
+  call,
+  payload,
+  transition,
+}: LayerComponentProps<{ title: string }, void>) {
+  return (
+    <div
+      role="dialog"
+      aria-modal="true"
+      aria-label={payload.title}
+      data-transition={transition}
+      onTransitionEnd={() => {
+        // settle finishes the phase once the CSS transition ends
+        if (transition === "entering" || transition === "exiting")
+          call.settle();
+      }}
+    >
+      <button onClick={() => call.dismiss()}>Close</button>
+    </div>
+  );
+}
+
+const animated = layerOptions<{ title: string }, void>({
+  stack: "example-animated",
+  key: ["example-animated"],
+  component: AnimatedLayer,
+  enteringDelay: 200,
+  exitingDelay: 200,
+});
+
+function Trigger() {
+  const animatedLayer = useLayer(animated);
+  const open = () => animatedLayer.open({ title: "Animated dialog" });
+  return <button onClick={open}>Open animated dialog</button>;
+}
+
+export default function AnimatedWiring() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-animated" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/animated-enter-exit/solid.tsx b/apps/docs/recipes/animated-enter-exit/solid.tsx
new file mode 100644
index 0000000..15c328e
--- /dev/null
+++ b/apps/docs/recipes/animated-enter-exit/solid.tsx
@@ -0,0 +1,79 @@
+import {
+  layerOptions,
+  LayerClient,
+  LayerClientContext,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/solid-layers";
+import type { LayerComponentProps } from "@stainless-code/solid-layers";
+import { createEffect, createSignal, onCleanup } from "solid-js";
+
+const EXIT_MS = 200;
+
+function AnimatedDialog(props: LayerComponentProps<{ title: string }, void>) {
+  createEffect(() => {
+    const transition = props.transition;
+    if (transition === "entering" || transition === "exiting") {
+      const timer = setTimeout(() => props.call.settle(), EXIT_MS);
+      onCleanup(() => clearTimeout(timer));
+    }
+  });
+
+  return (
+    <div role="dialog" aria-modal="true">
+      <h2>{props.payload.title}</h2>
+      <p>
+        Watch the enter and exit animation. Close to see the exit transition.
+      </p>
+      <div>
+        <button type="button" onClick={() => void props.call.dismiss()}>
+          Close
+        </button>
+      </div>
+      <p>transition: {props.transition}</p>
+    </div>
+  );
+}
+
+const animated = layerOptions<{ title: string }, void>({
+  stack: "example-animated",
+  key: ["example-animated"],
+  component: AnimatedDialog,
+  enteringDelay: EXIT_MS,
+  exitingDelay: EXIT_MS,
+});
+
+const client = new LayerClient();
+
+function Trigger() {
+  const animatedLayer = useLayer(animated);
+  const [status, setStatus] = createSignal<"idle" | "open" | "closed">("idle");
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={() => {
+          setStatus("open");
+          void animatedLayer.open({ title: "Animated dialog" }).then(() => {
+            setStatus("closed");
+          });
+        }}
+      >
+        Open animated dialog
+      </button>
+      {status() !== "idle" && (
+        <span>{status() === "open" ? "Open" : "Closed (exit animated)"}</span>
+      )}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <LayerClientContext.Provider value={client}>
+      <StackOutlet stack="example-animated" />
+      <Trigger />
+    </LayerClientContext.Provider>
+  );
+}
diff --git a/apps/docs/recipes/animated-enter-exit/svelte-runes.svelte b/apps/docs/recipes/animated-enter-exit/svelte-runes.svelte
new file mode 100644
index 0000000..12ab898
--- /dev/null
+++ b/apps/docs/recipes/animated-enter-exit/svelte-runes.svelte
@@ -0,0 +1,74 @@
+<script lang="ts">
+  import {
+    type LayerCallContext,
+    type LayerState,
+    createLayer,
+    layerOptions,
+    setLayerClient,
+    useStack,
+  } from "@stainless-code/svelte-layers";
+
+  type AnimatedPayload = { title: string };
+  // `useStack` is heterogeneous — pin the concrete layer types at the outlet.
+  type AnimatedState = LayerState<AnimatedPayload, void>;
+  type AnimatedCall = LayerCallContext<AnimatedPayload, void>;
+
+  const EXIT_MS = 200;
+
+  setLayerClient();
+  const animatedStack = useStack({ stack: "example-animated" });
+
+  const animated = layerOptions<AnimatedPayload, void>({
+    stack: "example-animated",
+    key: ["example-animated"],
+    enteringDelay: EXIT_MS,
+    exitingDelay: EXIT_MS,
+  });
+
+  const c = createLayer(animated);
+
+  let status = $state<"idle" | "open" | "closed">("idle");
+
+  $effect(() => {
+    const state = animatedStack.current[0];
+    if (!state) return;
+    const call = animatedStack.callFor(state);
+    if (!call) return;
+    const transition = state.transition;
+    if (transition === "entering" || transition === "exiting") {
+      const id = setTimeout(() => void call.settle(), EXIT_MS);
+      return () => clearTimeout(id);
+    }
+  });
+
+  function openDialog() {
+    status = "open";
+    void c
+      .open({
+        title: "Animated dialog",
+      })
+      .then(() => {
+        status = "closed";
+      });
+  }
+</script>
+
+{#each animatedStack.current as raw (raw.id)}
+  {@const state = raw as AnimatedState}
+  {@const call = animatedStack.callFor(raw) as AnimatedCall | null}
+  {#if call}
+    <div role="dialog" aria-modal="true">
+      <h2>{state.payload.title}</h2>
+      <p>Watch the enter and exit animation. Close to see the exit transition.</p>
+      <button type="button" onclick={() => void call.dismiss()}>Close</button>
+      <p>transition: {state.transition}</p>
+    </div>
+  {/if}
+{/each}
+
+<div>
+  <button type="button" onclick={openDialog}>Open animated dialog</button>
+  {#if status !== "idle"}
+    <span>{status === "open" ? "Open" : "Closed (exit animated)"}</span>
+  {/if}
+</div>
diff --git a/apps/docs/recipes/animated-enter-exit/svelte-store.svelte b/apps/docs/recipes/animated-enter-exit/svelte-store.svelte
new file mode 100644
index 0000000..544c640
--- /dev/null
+++ b/apps/docs/recipes/animated-enter-exit/svelte-store.svelte
@@ -0,0 +1,82 @@
+<script lang="ts">
+  import {
+    type LayerCallContext,
+    type LayerState,
+    callFor,
+    createLayer,
+    layerOptions,
+    setLayerClient,
+    useLayerClient,
+    useStack,
+  } from "@stainless-code/svelte-layers/store";
+
+  type AnimatedPayload = { title: string };
+  // `useStack` is heterogeneous — pin the concrete layer types at the outlet.
+  type AnimatedState = LayerState<AnimatedPayload, void>;
+  type AnimatedCall = LayerCallContext<AnimatedPayload, void>;
+
+  const EXIT_MS = 200;
+
+  setLayerClient();
+  const client = useLayerClient();
+  const animatedStack = useStack({ stack: "example-animated" });
+
+  const animated = layerOptions<AnimatedPayload, void>({
+    stack: "example-animated",
+    key: ["example-animated"],
+    enteringDelay: EXIT_MS,
+    exitingDelay: EXIT_MS,
+  });
+
+  const c = createLayer(animated);
+
+  let status: "idle" | "open" | "closed" = "idle";
+  let lastTransition: string | null = null;
+  let settleTimer: ReturnType<typeof setTimeout> | undefined;
+
+  $: state = $animatedStack[0];
+  $: if (state) {
+    const transition = state.transition;
+    if (transition !== lastTransition) {
+      lastTransition = transition;
+      if (settleTimer) clearTimeout(settleTimer);
+      if (transition === "entering" || transition === "exiting") {
+        const call = callFor(client, "example-animated", state);
+        if (call) {
+          settleTimer = setTimeout(() => void call.settle(), EXIT_MS);
+        }
+      }
+    }
+  }
+
+  function openDialog() {
+    status = "open";
+    void c
+      .open({
+        title: "Animated dialog",
+      })
+      .then(() => {
+        status = "closed";
+      });
+  }
+</script>
+
+{#each $animatedStack as raw (raw.id)}
+  {@const state = raw as AnimatedState}
+  {@const call = callFor(client, "example-animated", raw) as AnimatedCall | null}
+  {#if call}
+    <div role="dialog" aria-modal="true">
+      <h2>{state.payload.title}</h2>
+      <p>Watch the enter and exit animation. Close to see the exit transition.</p>
+      <button type="button" on:click={() => void call.dismiss()}>Close</button>
+      <p>transition: {state.transition}</p>
+    </div>
+  {/if}
+{/each}
+
+<div>
+  <button type="button" on:click={openDialog}>Open animated dialog</button>
+  {#if status !== "idle"}
+    <span>{status === "open" ? "Open" : "Closed (exit animated)"}</span>
+  {/if}
+</div>
diff --git a/apps/docs/recipes/animated-enter-exit/vue-host.vue b/apps/docs/recipes/animated-enter-exit/vue-host.vue
new file mode 100644
index 0000000..5330944
--- /dev/null
+++ b/apps/docs/recipes/animated-enter-exit/vue-host.vue
@@ -0,0 +1,85 @@
+<script setup lang="ts">
+import {
+  layerOptions,
+  provideLayerClient,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/vue-layers";
+import { ref } from "vue";
+
+import AnimatedDialog from "./vue.vue";
+
+type AnimatedPayload = { title: string };
+
+const EXIT_MS = 200;
+
+const animated = layerOptions<AnimatedPayload, void>({
+  stack: "example-animated",
+  key: ["example-animated"],
+  component: AnimatedDialog,
+  enteringDelay: EXIT_MS,
+  exitingDelay: EXIT_MS,
+});
+
+provideLayerClient();
+const c = useLayer(animated);
+const status = ref<"idle" | "open" | "closed">("idle");
+
+function openDialog() {
+  status.value = "open";
+  void c
+    .open({
+      title: "Animated dialog",
+    })
+    .then(() => {
+      status.value = "closed";
+    });
+}
+</script>
+
+<template>
+  <StackOutlet stack="example-animated" />
+  <div class="trigger">
+    <button type="button" class="open" @click="openDialog">
+      Open animated dialog
+    </button>
+    <span v-if="status !== 'idle'" class="status">
+      {{ status === "open" ? "Open" : "Closed (exit animated)" }}
+    </span>
+  </div>
+</template>
+
+<style scoped>
+.trigger {
+  display: flex;
+  flex-direction: column;
+  gap: 12px;
+  align-items: flex-start;
+}
+
+.open {
+  background: var(--blume-accent, #0d9488);
+  color: var(--blume-accent-foreground, #fff);
+  border: none;
+  border-radius: var(--blume-radius, 8px);
+  padding: 10px 20px;
+  font-size: 14px;
+  font-weight: 500;
+  cursor: pointer;
+  transition: opacity 150ms;
+}
+
+.open:hover {
+  opacity: 0.9;
+}
+
+.status {
+  display: inline-block;
+  background: var(--blume-muted, #f0ede8);
+  color: var(--blume-foreground, #1c1b19);
+  border-radius: var(--blume-radius, 6px);
+  padding: 4px 12px;
+  font-family: var(--blume-font-mono, ui-monospace, monospace);
+  font-size: 14px;
+}
+</style>
diff --git a/apps/docs/recipes/animated-enter-exit/vue.vue b/apps/docs/recipes/animated-enter-exit/vue.vue
new file mode 100644
index 0000000..ac99878
--- /dev/null
+++ b/apps/docs/recipes/animated-enter-exit/vue.vue
@@ -0,0 +1,135 @@
+<script setup lang="ts">
+import type { LayerComponentProps } from "@stainless-code/vue-layers";
+import { ref, watch } from "vue";
+
+type AnimatedPayload = { title: string };
+
+const { call, payload, transition } =
+  defineProps<LayerComponentProps<AnimatedPayload, void>>();
+
+const visible = ref(false);
+
+watch(
+  () => transition,
+  (phase) => {
+    if (phase === "entering") {
+      requestAnimationFrame(() => {
+        visible.value = true;
+      });
+    } else if (phase === "settled") {
+      visible.value = true;
+    } else if (phase === "exiting") {
+      visible.value = false;
+    }
+  },
+  { immediate: true },
+);
+
+function onTransitionEnd(event: TransitionEvent) {
+  if (event.propertyName !== "opacity") return;
+  if (transition === "entering" || transition === "exiting") {
+    call.settle();
+  }
+}
+</script>
+
+<template>
+  <div
+    class="backdrop"
+    :class="{ 'is-visible': visible }"
+    aria-hidden="true"
+    @transitionend="onTransitionEnd"
+  />
+  <div
+    role="dialog"
+    aria-modal="true"
+    class="dialog"
+    :class="{ 'is-visible': visible }"
+    @transitionend="onTransitionEnd"
+  >
+    <h2>{{ payload.title }}</h2>
+    <p>Watch the enter and exit animation. Close to see the exit transition.</p>
+    <div class="actions">
+      <button type="button" class="close" @click="() => void call.dismiss()">
+        Close
+      </button>
+    </div>
+    <p class="phase">transition: {{ transition }}</p>
+  </div>
+</template>
+
+<style scoped>
+.backdrop {
+  position: fixed;
+  inset: 0;
+  background: rgba(0, 0, 0, 0.4);
+  backdrop-filter: blur(4px);
+  opacity: 0;
+  transition: opacity 200ms ease;
+  z-index: 9998;
+}
+
+.dialog {
+  position: fixed;
+  top: 50%;
+  left: 50%;
+  transform: translate(-50%, calc(-50% + 12px));
+  opacity: 0;
+  transition:
+    opacity 200ms ease,
+    transform 200ms ease;
+  background: var(--blume-background, #faf8f5);
+  color: var(--blume-foreground, #1c1b19);
+  border: 1px solid var(--blume-border, #e2ddd6);
+  border-radius: var(--blume-radius, 12px);
+  padding: 24px;
+  box-shadow: 0 20px 60px rgba(0, 0, 0, 0.15);
+  z-index: 9999;
+  min-width: 320px;
+}
+
+.is-visible {
+  opacity: 1;
+}
+
+.dialog.is-visible {
+  transform: translate(-50%, -50%);
+}
+
+h2 {
+  margin: 0 0 12px;
+  font-size: 18px;
+  font-weight: 600;
+  color: var(--blume-foreground, #1c1b19);
+}
+
+p {
+  margin: 0 0 24px;
+  font-size: 14px;
+  line-height: 1.5;
+  color: var(--blume-muted-foreground, #6b6863);
+}
+
+.actions {
+  display: flex;
+  gap: 8px;
+  justify-content: flex-end;
+}
+
+.close {
+  background: transparent;
+  color: var(--blume-foreground, #1c1b19);
+  border: 1px solid var(--blume-border, #e2ddd6);
+  border-radius: var(--blume-radius, 8px);
+  padding: 8px 16px;
+  font-size: 14px;
+  cursor: pointer;
+}
+
+.phase {
+  margin: 16px 0 0;
+  font-size: 12px;
+  font-family: var(--blume-font-mono, ui-monospace, monospace);
+  color: var(--blume-muted-foreground, #6b6863);
+}
+</style>
diff --git a/apps/docs/recipes/async-loadfn/angular.ts b/apps/docs/recipes/async-loadfn/angular.ts
new file mode 100644
index 0000000..3c4e2da
--- /dev/null
+++ b/apps/docs/recipes/async-loadfn/angular.ts
@@ -0,0 +1,103 @@
+import { Component, inject, signal, ViewContainerRef } from "@angular/core";
+import {
+  LayerClient,
+  layerOptions,
+  provideLayerClient,
+  renderStack,
+  injectLayer,
+} from "@stainless-code/angular-layers";
+import type { LayerComponentProps } from "@stainless-code/angular-layers";
+
+interface Profile {
+  name: string;
+  role: string;
+  initials: string;
+}
+
+interface ProfilePayload {
+  userId: string;
+}
+type ProfileResponse = void;
+
+const layerClient = new LayerClient();
+
+@Component({
+  selector: "profile-dialog",
+  template: `
+    <div
+      role="dialog"
+      aria-modal="true"
+      [attr.aria-label]="'Profile ' + payload.userId"
+    >
+      @if (phase === "pending") {
+        <p>Loading profile…</p>
+      } @else {
+        <div>
+          <h2>{{ data?.name }}</h2>
+          <p>{{ data?.role }}</p>
+          <span>{{ data?.initials }}</span>
+        </div>
+      }
+      <button type="button" (click)="call.dismiss()">Close</button>
+    </div>
+  `,
+})
+class ProfileDialogComponent {
+  call!: LayerComponentProps<
+    ProfilePayload,
+    ProfileResponse,
+    never,
+    Profile
+  >["call"];
+  payload!: ProfilePayload;
+  data!: Profile | undefined;
+  phase!: LayerComponentProps<
+    ProfilePayload,
+    ProfileResponse,
+    Profile
+  >["phase"];
+}
+
+const profile = layerOptions<ProfilePayload, ProfileResponse, never, Profile>({
+  stack: "example-async-loadfn",
+  key: ["example-async-loadfn"],
+  component: ProfileDialogComponent,
+  loadFn: async () => {
+    await new Promise((resolve) => setTimeout(resolve, 900));
+    return {
+      name: "Ada Lovelace",
+      role: "Founding Engineer",
+      initials: "AL",
+    };
+  },
+});
+
+@Component({
+  selector: "app-root",
+  standalone: true,
+  providers: [provideLayerClient(layerClient)],
+  template: `
+    <div>
+      <button type="button" (click)="openProfile()">Open async dialog</button>
+      @if (phase() !== "idle") {
+        <span>{{ phase() === "loading" ? "Loading…" : "Closed" }}</span>
+      }
+    </div>
+    <ng-container />
+  `,
+})
+export class AppComponent {
+  private c = injectLayer(profile);
+  private vcr = inject(ViewContainerRef);
+  phase = signal<"idle" | "loading" | "done">("idle");
+
+  constructor() {
+    renderStack(this.vcr, "example-async-loadfn");
+  }
+
+  async openProfile() {
+    this.phase.set("loading");
+    await this.c.open({ userId: "ada" });
+    this.phase.set("done");
+  }
+}
diff --git a/apps/docs/recipes/async-loadfn/preact.tsx b/apps/docs/recipes/async-loadfn/preact.tsx
new file mode 100644
index 0000000..09e04e6
--- /dev/null
+++ b/apps/docs/recipes/async-loadfn/preact.tsx
@@ -0,0 +1,89 @@
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/preact-layers";
+import type { LayerComponentProps } from "@stainless-code/preact-layers";
+import { useState } from "preact/hooks";
+
+interface Profile {
+  name: string;
+  role: string;
+  initials: string;
+}
+
+function ProfileDialog({
+  call,
+  payload,
+  data,
+  phase,
+}: LayerComponentProps<{ userId: string }, void, never, Profile>) {
+  return (
+    <div
+      role="dialog"
+      aria-modal="true"
+      aria-label={`Profile ${payload.userId}`}
+    >
+      {phase === "pending" ? (
+        <p>Loading profile…</p>
+      ) : (
+        <div>
+          <h2>{data?.name}</h2>
+          <p>{data?.role}</p>
+          <span>{data?.initials}</span>
+        </div>
+      )}
+      <button type="button" onClick={() => void call.dismiss()}>
+        Close
+      </button>
+    </div>
+  );
+}
+
+const profile = layerOptions<{ userId: string }, void, never, Profile>({
+  stack: "example-async-loadfn",
+  key: ["example-async-loadfn"],
+  component: ProfileDialog,
+  loadFn: async () => {
+    await new Promise((resolve) => setTimeout(resolve, 900));
+    return {
+      name: "Ada Lovelace",
+      role: "Founding Engineer",
+      initials: "AL",
+    };
+  },
+});
+
+function Trigger() {
+  const profileLayer = useLayer(profile);
+  const [phase, setPhase] = useState<"idle" | "loading" | "done">("idle");
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={() => {
+          setPhase("loading");
+          void profileLayer
+            .open({ userId: "ada" })
+            .then(() => setPhase("done"));
+        }}
+      >
+        Open async dialog
+      </button>
+      {phase !== "idle" && (
+        <span>{phase === "loading" ? "Loading…" : "Closed"}</span>
+      )}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-async-loadfn" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/async-loadfn/react.tsx b/apps/docs/recipes/async-loadfn/react.tsx
new file mode 100644
index 0000000..6b04c62
--- /dev/null
+++ b/apps/docs/recipes/async-loadfn/react.tsx
@@ -0,0 +1,89 @@
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+import { useState } from "react";
+
+interface Profile {
+  name: string;
+  role: string;
+  initials: string;
+}
+
+function ProfileDialog({
+  call,
+  payload,
+  data,
+  phase,
+}: LayerComponentProps<{ userId: string }, void, never, Profile>) {
+  return (
+    <div
+      role="dialog"
+      aria-modal="true"
+      aria-label={`Profile ${payload.userId}`}
+    >
+      {phase === "pending" ? (
+        <p>Loading profile…</p>
+      ) : (
+        <div>
+          <h2>{data?.name}</h2>
+          <p>{data?.role}</p>
+          <span>{data?.initials}</span>
+        </div>
+      )}
+      <button type="button" onClick={() => void call.dismiss()}>
+        Close
+      </button>
+    </div>
+  );
+}
+
+const profile = layerOptions<{ userId: string }, void, never, Profile>({
+  stack: "example-async-loadfn",
+  key: ["example-async-loadfn"],
+  component: ProfileDialog,
+  loadFn: async () => {
+    await new Promise((resolve) => setTimeout(resolve, 900));
+    return {
+      name: "Ada Lovelace",
+      role: "Founding Engineer",
+      initials: "AL",
+    };
+  },
+});
+
+function Trigger() {
+  const profileLayer = useLayer(profile);
+  const [phase, setPhase] = useState<"idle" | "loading" | "done">("idle");
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={() => {
+          setPhase("loading");
+          void profileLayer
+            .open({ userId: "ada" })
+            .then(() => setPhase("done"));
+        }}
+      >
+        Open async dialog
+      </button>
+      {phase !== "idle" && (
+        <span>{phase === "loading" ? "Loading…" : "Closed"}</span>
+      )}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-async-loadfn" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/async-loadfn/react.wiring.tsx b/apps/docs/recipes/async-loadfn/react.wiring.tsx
new file mode 100644
index 0000000..2b97c78
--- /dev/null
+++ b/apps/docs/recipes/async-loadfn/react.wiring.tsx
@@ -0,0 +1,55 @@
+import {
+  layerOptions,
+  StackOutlet,
+  StackProvider,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+
+interface Profile {
+  name: string;
+  role: string;
+}
+
+function ProfileLayer({
+  payload,
+  data,
+  phase,
+}: LayerComponentProps<{ userId: string }, void, never, Profile>) {
+  if (phase === "pending" || data === undefined) {
+    return <div>Loading {payload.userId}…</div>;
+  }
+  return (
+    <div>
+      <span>{data.name}</span>
+      <span>{data.role}</span>
+    </div>
+  );
+}
+
+const profile = layerOptions<{ userId: string }, void, never, Profile>({
+  stack: "example-async-loadfn",
+  key: ["example-async-loadfn"],
+  component: ProfileLayer,
+  loadFn: async ({ payload }) => {
+    const res = await fetch(`/api/users/${payload.userId}`);
+    return (await res.json()) as Profile;
+  },
+});
+
+function Trigger() {
+  const profileLayer = useLayer(profile);
+  const open = () => {
+    void profileLayer.open({ userId: "ada" });
+  };
+  return <button onClick={open}>Open async dialog</button>;
+}
+
+export default function AsyncLoadFnWiring() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-async-loadfn" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/async-loadfn/solid.tsx b/apps/docs/recipes/async-loadfn/solid.tsx
new file mode 100644
index 0000000..cb79278
--- /dev/null
+++ b/apps/docs/recipes/async-loadfn/solid.tsx
@@ -0,0 +1,87 @@
+import {
+  layerOptions,
+  LayerClient,
+  LayerClientContext,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/solid-layers";
+import type { LayerComponentProps } from "@stainless-code/solid-layers";
+import { createSignal, Show } from "solid-js";
+
+interface Profile {
+  name: string;
+  role: string;
+  initials: string;
+}
+
+function ProfileDialog(
+  props: LayerComponentProps<{ userId: string }, void, never, Profile>,
+) {
+  return (
+    <div
+      role="dialog"
+      aria-modal="true"
+      aria-label={`Profile ${props.payload.userId}`}
+    >
+      <Show when={props.phase !== "pending"} fallback={<p>Loading profile…</p>}>
+        <div>
+          <h2>{props.data?.name}</h2>
+          <p>{props.data?.role}</p>
+          <span>{props.data?.initials}</span>
+        </div>
+      </Show>
+      <button type="button" onClick={() => void props.call.dismiss()}>
+        Close
+      </button>
+    </div>
+  );
+}
+
+const profile = layerOptions<{ userId: string }, void, never, Profile>({
+  stack: "example-async-loadfn",
+  key: ["example-async-loadfn"],
+  component: ProfileDialog,
+  loadFn: async () => {
+    await new Promise((resolve) => setTimeout(resolve, 900));
+    return {
+      name: "Ada Lovelace",
+      role: "Founding Engineer",
+      initials: "AL",
+    };
+  },
+});
+
+const layerClient = new LayerClient();
+
+function Trigger() {
+  const profileLayer = useLayer(profile);
+  const [phase, setPhase] = createSignal<"idle" | "loading" | "done">("idle");
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={() => {
+          setPhase("loading");
+          void profileLayer
+            .open({ userId: "ada" })
+            .then(() => setPhase("done"));
+        }}
+      >
+        Open async dialog
+      </button>
+      <Show when={phase() !== "idle"}>
+        <span>{phase() === "loading" ? "Loading…" : "Closed"}</span>
+      </Show>
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <LayerClientContext.Provider value={layerClient}>
+      <StackOutlet stack="example-async-loadfn" />
+      <Trigger />
+    </LayerClientContext.Provider>
+  );
+}
diff --git a/apps/docs/recipes/async-loadfn/svelte-runes.svelte b/apps/docs/recipes/async-loadfn/svelte-runes.svelte
new file mode 100644
index 0000000..fcc5b1a
--- /dev/null
+++ b/apps/docs/recipes/async-loadfn/svelte-runes.svelte
@@ -0,0 +1,77 @@
+<script lang="ts">
+  import {
+    type LayerCallContext,
+    type LayerState,
+    createLayer,
+    LayerClient,
+    layerOptions,
+    setLayerClient,
+    useStack,
+  } from "@stainless-code/svelte-layers";
+
+  interface Profile {
+    name: string;
+    role: string;
+    initials: string;
+  }
+
+  type ProfilePayload = { userId: string };
+  type ProfileResponse = void;
+  // `useStack` is heterogeneous — pin the concrete layer types at the outlet.
+  type ProfileState = LayerState<ProfilePayload, ProfileResponse, never, Profile>;
+  type ProfileCall = LayerCallContext<ProfilePayload, ProfileResponse>;
+
+  const layerClient = new LayerClient();
+
+  setLayerClient(layerClient);
+  const profileStack = useStack({ stack: "example-async-loadfn" });
+
+  const profile = layerOptions<ProfilePayload, ProfileResponse, never, Profile>({
+    stack: "example-async-loadfn",
+    key: ["example-async-loadfn"],
+    loadFn: async () => {
+      await new Promise((resolve) => setTimeout(resolve, 900));
+      return {
+        name: "Ada Lovelace",
+        role: "Founding Engineer",
+        initials: "AL",
+      };
+    },
+  });
+
+  const c = createLayer(profile);
+
+  let phase = $state<"idle" | "loading" | "done">("idle");
+
+  async function openProfile() {
+    phase = "loading";
+    await c.open({ userId: "ada" });
+    phase = "done";
+  }
+</script>
+
+{#each profileStack.current as raw (raw.id)}
+  {@const state = raw as ProfileState}
+  {@const call = profileStack.callFor(raw) as ProfileCall | null}
+  {#if call}
+    <div role="dialog" aria-modal="true" aria-label={`Profile ${state.payload.userId}`}>
+      {#if state.phase === "pending"}
+        <p>Loading profile…</p>
+      {:else}
+        <div>
+          <h2>{state.data?.name}</h2>
+          <p>{state.data?.role}</p>
+          <span>{state.data?.initials}</span>
+        </div>
+      {/if}
+      <button type="button" onclick={() => void call.dismiss()}>Close</button>
+    </div>
+  {/if}
+{/each}
+
+<div>
+  <button type="button" onclick={openProfile}>Open async dialog</button>
+  {#if phase !== "idle"}
+    <span>{phase === "loading" ? "Loading…" : "Closed"}</span>
+  {/if}
+</div>
diff --git a/apps/docs/recipes/async-loadfn/svelte-store.svelte b/apps/docs/recipes/async-loadfn/svelte-store.svelte
new file mode 100644
index 0000000..f878ea9
--- /dev/null
+++ b/apps/docs/recipes/async-loadfn/svelte-store.svelte
@@ -0,0 +1,80 @@
+<script lang="ts">
+  import {
+    type LayerCallContext,
+    type LayerState,
+    callFor,
+    createLayer,
+    LayerClient,
+    layerOptions,
+    setLayerClient,
+    useLayerClient,
+    useStack,
+  } from "@stainless-code/svelte-layers/store";
+
+  interface Profile {
+    name: string;
+    role: string;
+    initials: string;
+  }
+
+  type ProfilePayload = { userId: string };
+  type ProfileResponse = void;
+  // `useStack` is heterogeneous — pin the concrete layer types at the outlet.
+  type ProfileState = LayerState<ProfilePayload, ProfileResponse, never, Profile>;
+  type ProfileCall = LayerCallContext<ProfilePayload, ProfileResponse>;
+
+  const layerClient = new LayerClient();
+
+  setLayerClient(layerClient);
+  const client = useLayerClient();
+  const profileStack = useStack({ stack: "example-async-loadfn" });
+
+  const profile = layerOptions<ProfilePayload, ProfileResponse, never, Profile>({
+    stack: "example-async-loadfn",
+    key: ["example-async-loadfn"],
+    loadFn: async () => {
+      await new Promise((resolve) => setTimeout(resolve, 900));
+      return {
+        name: "Ada Lovelace",
+        role: "Founding Engineer",
+        initials: "AL",
+      };
+    },
+  });
+
+  const c = createLayer(profile);
+
+  let phase: "idle" | "loading" | "done" = "idle";
+
+  async function openProfile() {
+    phase = "loading";
+    await c.open({ userId: "ada" });
+    phase = "done";
+  }
+</script>
+
+{#each $profileStack as raw (raw.id)}
+  {@const state = raw as ProfileState}
+  {@const call = callFor(client, "example-async-loadfn", raw) as ProfileCall | null}
+  {#if call}
+    <div role="dialog" aria-modal="true" aria-label={`Profile ${state.payload.userId}`}>
+      {#if state.phase === "pending"}
+        <p>Loading profile…</p>
+      {:else}
+        <div>
+          <h2>{state.data?.name}</h2>
+          <p>{state.data?.role}</p>
+          <span>{state.data?.initials}</span>
+        </div>
+      {/if}
+      <button type="button" onclick={() => void call.dismiss()}>Close</button>
+    </div>
+  {/if}
+{/each}
+
+<div>
+  <button type="button" onclick={openProfile}>Open async dialog</button>
+  {#if phase !== "idle"}
+    <span>{phase === "loading" ? "Loading…" : "Closed"}</span>
+  {/if}
+</div>
diff --git a/apps/docs/recipes/async-loadfn/vue-host.vue b/apps/docs/recipes/async-loadfn/vue-host.vue
new file mode 100644
index 0000000..15e6408
--- /dev/null
+++ b/apps/docs/recipes/async-loadfn/vue-host.vue
@@ -0,0 +1,54 @@
+<script setup lang="ts">
+import {
+  layerOptions,
+  provideLayerClient,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/vue-layers";
+import { ref } from "vue";
+
+import ProfileDialog from "./vue.vue";
+
+interface Profile {
+  name: string;
+  role: string;
+  initials: string;
+}
+
+type ProfilePayload = { userId: string };
+type ProfileResult = void;
+
+const profile = layerOptions<ProfilePayload, ProfileResult, never, Profile>({
+  stack: "example-async-loadfn",
+  key: ["example-async-loadfn"],
+  component: ProfileDialog,
+  loadFn: async () => {
+    await new Promise((resolve) => setTimeout(resolve, 900));
+    return {
+      name: "Ada Lovelace",
+      role: "Founding Engineer",
+      initials: "AL",
+    };
+  },
+});
+
+provideLayerClient();
+const c = useLayer(profile);
+const phase = ref<"idle" | "loading" | "done">("idle");
+
+async function openProfile() {
+  phase.value = "loading";
+  await c.open({ userId: "ada" });
+  phase.value = "done";
+}
+</script>
+
+<template>
+  <StackOutlet stack="example-async-loadfn" />
+  <div>
+    <button type="button" @click="openProfile">Open async dialog</button>
+    <span v-if="phase !== 'idle'">{{
+      phase === "loading" ? "Loading…" : "Closed"
+    }}</span>
+  </div>
+</template>
diff --git a/apps/docs/recipes/async-loadfn/vue.vue b/apps/docs/recipes/async-loadfn/vue.vue
new file mode 100644
index 0000000..92ba2d2
--- /dev/null
+++ b/apps/docs/recipes/async-loadfn/vue.vue
@@ -0,0 +1,33 @@
+<script setup lang="ts">
+import type { LayerComponentProps } from "@stainless-code/vue-layers";
+
+interface Profile {
+  name: string;
+  role: string;
+  initials: string;
+}
+
+type ProfilePayload = { userId: string };
+type ProfileResult = void;
+
+const { call, payload, data, phase } =
+  defineProps<
+    LayerComponentProps<ProfilePayload, ProfileResult, never, Profile>
+  >();
+</script>
+
+<template>
+  <div
+    role="dialog"
+    aria-modal="true"
+    :aria-label="`Profile ${payload.userId}`"
+  >
+    <p v-if="phase === 'pending'">Loading profile…</p>
+    <div v-else>
+      <h2>{{ data?.name }}</h2>
+      <p>{{ data?.role }}</p>
+      <span>{{ data?.initials }}</span>
+    </div>
+    <button type="button" @click="void call.dismiss()">Close</button>
+  </div>
+</template>
diff --git a/apps/docs/recipes/blockers-force/angular.ts b/apps/docs/recipes/blockers-force/angular.ts
new file mode 100644
index 0000000..4552ada
--- /dev/null
+++ b/apps/docs/recipes/blockers-force/angular.ts
@@ -0,0 +1,154 @@
+import {
+  Component,
+  effect,
+  inject,
+  Injector,
+  Input,
+  runInInjectionContext,
+  signal,
+  ViewChild,
+  ViewContainerRef,
+} from "@angular/core";
+import {
+  layerOptions,
+  provideLayerClient,
+  renderStack,
+  injectLayer,
+  useLayerGroup,
+} from "@stainless-code/angular-layers";
+import type {
+  LayerCallContext,
+  LayerComponentProps,
+  LayerGroup,
+} from "@stainless-code/angular-layers";
+
+interface ParentPayload {
+  title: string;
+}
+interface DiscardPayload {
+  title: string;
+  message: string;
+}
+type ParentResponse = boolean;
+type DiscardResponse = boolean;
+
+@Component({
+  selector: "discard-confirm",
+  template: `
+    <div role="alertdialog" aria-modal="true">
+      <h3>{{ payload.title }}</h3>
+      <p>{{ payload.message }}</p>
+      <button type="button" (click)="call.end(false)">Cancel</button>
+      <button type="button" (click)="call.end(true)">Discard</button>
+    </div>
+  `,
+})
+class DiscardConfirmComponent {
+  call!: LayerComponentProps<DiscardPayload, DiscardResponse>["call"];
+  payload!: DiscardPayload;
+}
+
+const discardConfirm = layerOptions<DiscardPayload, DiscardResponse>({
+  key: ["example-blockers-force", "discard"],
+  component: DiscardConfirmComponent,
+});
+
+@Component({
+  selector: "edit-dialog",
+  standalone: true,
+  template: `
+    <div role="dialog" aria-modal="true" [attr.aria-label]="payload.title">
+      <h2>{{ payload.title }}</h2>
+      <input
+        type="text"
+        [value]="text()"
+        (input)="text.set($any($event.target).value)"
+        placeholder="Type to make the form dirty…"
+      />
+      @if (dismissing) {
+        <p>blocker consulted → vetoed</p>
+      }
+      <button type="button" (click)="attemptClose()">Close</button>
+      <button type="button" (click)="call.end(true, { force: true })">
+        Force close
+      </button>
+      <ng-container #childOutlet />
+    </div>
+  `,
+})
+class EditDialogComponent {
+  @Input({ required: true }) call!: LayerCallContext<
+    ParentPayload,
+    ParentResponse
+  >;
+  @Input({ required: true }) payload!: ParentPayload;
+  @Input({ required: true }) dismissing!: LayerComponentProps<
+    ParentPayload,
+    ParentResponse
+  >["dismissing"];
+
+  @ViewChild("childOutlet", { read: ViewContainerRef, static: true })
+  childOutlet!: ViewContainerRef;
+
+  private readonly injector = inject(Injector);
+  private group!: LayerGroup;
+  text = signal("");
+
+  ngOnInit() {
+    runInInjectionContext(this.injector, () => {
+      this.group = useLayerGroup(this.call, { name: "discard" });
+      this.group.renderInto(this.childOutlet);
+      effect((onCleanup) => {
+        onCleanup(this.call.addBlocker(() => this.text().length === 0));
+      });
+    });
+  }
+
+  async attemptClose() {
+    if (this.text().length === 0) {
+      this.call.end(false);
+      return;
+    }
+    const discard = await this.group.open({
+      ...discardConfirm,
+      payload: {
+        title: "Discard changes?",
+        message: "You'll lose your unsaved edits.",
+      },
+    });
+    if (discard) this.call.end(false, { force: true });
+  }
+}
+
+const edit = layerOptions<ParentPayload, ParentResponse>({
+  stack: "example-blockers-force",
+  key: ["example-blockers-force", "parent"],
+  component: EditDialogComponent,
+});
+
+@Component({
+  selector: "app-root",
+  standalone: true,
+  providers: [provideLayerClient()],
+  template: `
+    <button type="button" (click)="openForm()">Open form</button>
+    @if (result() !== null) {
+      <span>Result: {{ result() }}</span>
+    }
+    <ng-container />
+  `,
+})
+export class AppComponent {
+  private c = injectLayer(edit);
+  private vcr = inject(ViewContainerRef);
+  result = signal<boolean | null>(null);
+
+  constructor() {
+    renderStack(this.vcr, "example-blockers-force");
+  }
+
+  async openForm() {
+    this.result.set(null);
+    this.result.set(await this.c.open({ title: "Edit profile" }));
+  }
+}
diff --git a/apps/docs/recipes/blockers-force/preact.tsx b/apps/docs/recipes/blockers-force/preact.tsx
new file mode 100644
index 0000000..312c802
--- /dev/null
+++ b/apps/docs/recipes/blockers-force/preact.tsx
@@ -0,0 +1,122 @@
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+  useLayerGroup,
+} from "@stainless-code/preact-layers";
+import type { LayerComponentProps } from "@stainless-code/preact-layers";
+import { useEffect, useState } from "preact/hooks";
+
+function DiscardConfirm({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string; message: string }, boolean>) {
+  return (
+    <div role="alertdialog" aria-modal="true">
+      <h3>{payload.title}</h3>
+      <p>{payload.message}</p>
+      <div>
+        <button type="button" onClick={() => void call.end(false)}>
+          Cancel
+        </button>
+        <button type="button" onClick={() => void call.end(true)}>
+          Discard
+        </button>
+      </div>
+    </div>
+  );
+}
+
+const discardConfirm = layerOptions<
+  { title: string; message: string },
+  boolean
+>({
+  key: ["example-blockers-force", "discard"],
+  component: DiscardConfirm,
+});
+
+function EditDialog({
+  call,
+  payload,
+  dismissing,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  const group = useLayerGroup(call, { name: "discard" });
+  const [text, setText] = useState("");
+  const dirty = text.length > 0;
+
+  useEffect(() => call.addBlocker(() => !dirty), [call, dirty]);
+
+  const attemptClose = async () => {
+    if (!dirty) {
+      call.end(false);
+      return;
+    }
+    const discard = await group.open({
+      ...discardConfirm,
+      payload: {
+        title: "Discard changes?",
+        message: "You'll lose your unsaved edits.",
+      },
+    });
+    if (discard) call.end(false, { force: true });
+  };
+
+  return (
+    <div role="dialog" aria-modal="true" aria-label={payload.title}>
+      <h2>{payload.title}</h2>
+      <input
+        type="text"
+        value={text}
+        onChange={(e) => setText(e.currentTarget.value)}
+        placeholder="Type to make the form dirty…"
+      />
+      {dismissing && <p>blocker consulted → vetoed</p>}
+      <div>
+        <button type="button" onClick={() => void attemptClose()}>
+          Close
+        </button>
+        <button type="button" onClick={() => call.end(true, { force: true })}>
+          Force close
+        </button>
+      </div>
+      <group.Outlet />
+    </div>
+  );
+}
+
+const edit = layerOptions<{ title: string }, boolean>({
+  stack: "example-blockers-force",
+  key: ["example-blockers-force", "parent"],
+  component: EditDialog,
+});
+
+function Trigger() {
+  const editLayer = useLayer(edit);
+  const [result, setResult] = useState<boolean | null>(null);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={async () => {
+          setResult(null);
+          const ok = await editLayer.open({ title: "Edit profile" });
+          setResult(ok);
+        }}
+      >
+        Open form
+      </button>
+      {result !== null && <span>Result: {String(result)}</span>}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-blockers-force" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/blockers-force/react.tsx b/apps/docs/recipes/blockers-force/react.tsx
new file mode 100644
index 0000000..df4d9f4
--- /dev/null
+++ b/apps/docs/recipes/blockers-force/react.tsx
@@ -0,0 +1,122 @@
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+  useLayerGroup,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+import { useEffect, useState } from "react";
+
+function DiscardConfirm({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string; message: string }, boolean>) {
+  return (
+    <div role="alertdialog" aria-modal="true">
+      <h3>{payload.title}</h3>
+      <p>{payload.message}</p>
+      <div>
+        <button type="button" onClick={() => void call.end(false)}>
+          Cancel
+        </button>
+        <button type="button" onClick={() => void call.end(true)}>
+          Discard
+        </button>
+      </div>
+    </div>
+  );
+}
+
+const discardConfirm = layerOptions<
+  { title: string; message: string },
+  boolean
+>({
+  key: ["example-blockers-force", "discard"],
+  component: DiscardConfirm,
+});
+
+function EditDialog({
+  call,
+  payload,
+  dismissing,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  const group = useLayerGroup(call, { name: "discard" });
+  const [text, setText] = useState("");
+  const dirty = text.length > 0;
+
+  useEffect(() => call.addBlocker(() => !dirty), [call, dirty]);
+
+  const attemptClose = async () => {
+    if (!dirty) {
+      call.end(false);
+      return;
+    }
+    const discard = await group.open({
+      ...discardConfirm,
+      payload: {
+        title: "Discard changes?",
+        message: "You'll lose your unsaved edits.",
+      },
+    });
+    if (discard) call.end(false, { force: true });
+  };
+
+  return (
+    <div role="dialog" aria-modal="true" aria-label={payload.title}>
+      <h2>{payload.title}</h2>
+      <input
+        type="text"
+        value={text}
+        onChange={(e) => setText(e.target.value)}
+        placeholder="Type to make the form dirty…"
+      />
+      {dismissing && <p>blocker consulted → vetoed</p>}
+      <div>
+        <button type="button" onClick={() => void attemptClose()}>
+          Close
+        </button>
+        <button type="button" onClick={() => call.end(true, { force: true })}>
+          Force close
+        </button>
+      </div>
+      <group.Outlet />
+    </div>
+  );
+}
+
+const edit = layerOptions<{ title: string }, boolean>({
+  stack: "example-blockers-force",
+  key: ["example-blockers-force", "parent"],
+  component: EditDialog,
+});
+
+function Trigger() {
+  const editLayer = useLayer(edit);
+  const [result, setResult] = useState<boolean | null>(null);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={async () => {
+          setResult(null);
+          const ok = await editLayer.open({ title: "Edit profile" });
+          setResult(ok);
+        }}
+      >
+        Open form
+      </button>
+      {result !== null && <span>Result: {String(result)}</span>}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-blockers-force" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/blockers-force/react.wiring.tsx b/apps/docs/recipes/blockers-force/react.wiring.tsx
new file mode 100644
index 0000000..b3c2ea2
--- /dev/null
+++ b/apps/docs/recipes/blockers-force/react.wiring.tsx
@@ -0,0 +1,93 @@
+import {
+  layerOptions,
+  StackOutlet,
+  StackProvider,
+  useLayer,
+  useLayerGroup,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+import { useEffect, useState } from "react";
+
+function DiscardLayer({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string; message: string }, boolean>) {
+  return (
+    <div role="alertdialog" aria-modal="true" aria-label={payload.title}>
+      <p>{payload.message}</p>
+      <button onClick={() => call.end(true)}>Discard</button>
+      <button onClick={() => call.end(false)}>Keep editing</button>
+    </div>
+  );
+}
+
+const discardConfirm = layerOptions<
+  { title: string; message: string },
+  boolean
+>({
+  key: ["example-blockers-force", "discard"],
+  component: DiscardLayer,
+});
+
+function EditLayer({
+  call,
+  payload,
+  dismissing,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  const group = useLayerGroup(call, { name: "discard" });
+  const [text, setText] = useState("");
+  const dirty = text.length > 0;
+
+  useEffect(() => call.addBlocker(() => !dirty), [call, dirty]);
+
+  const attemptClose = async () => {
+    if (!dirty) {
+      call.end(false);
+      return;
+    }
+    const discard = await group.open({
+      ...discardConfirm,
+      payload: {
+        title: "Discard changes?",
+        message: "You'll lose unsaved edits.",
+      },
+    });
+    if (discard) call.end(false, { force: true }); // force bypasses blockers
+  };
+
+  return (
+    <div role="dialog" aria-modal="true" aria-label={payload.title}>
+      <input
+        value={text}
+        onChange={(e) => setText(e.target.value)}
+        disabled={dismissing}
+      />
+      <button onClick={() => void attemptClose()}>Close</button>
+      <button onClick={() => call.end(true, { force: true })}>
+        Force save
+      </button>
+      <group.Outlet />
+    </div>
+  );
+}
+
+const edit = layerOptions<{ title: string }, boolean>({
+  stack: "example-blockers-force",
+  key: ["example-blockers-force", "parent"],
+  component: EditLayer,
+});
+
+function Trigger() {
+  const editLayer = useLayer(edit);
+  const open = () => editLayer.open({ title: "Edit profile" });
+  return <button onClick={open}>Open form</button>;
+}
+
+export default function BlockersForceWiring() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-blockers-force" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/blockers-force/solid.tsx b/apps/docs/recipes/blockers-force/solid.tsx
new file mode 100644
index 0000000..67521c7
--- /dev/null
+++ b/apps/docs/recipes/blockers-force/solid.tsx
@@ -0,0 +1,128 @@
+import {
+  layerOptions,
+  LayerClient,
+  LayerClientContext,
+  StackOutlet,
+  useLayer,
+  useLayerGroup,
+} from "@stainless-code/solid-layers";
+import type { LayerComponentProps } from "@stainless-code/solid-layers";
+import { createSignal, Show, onMount, onCleanup } from "solid-js";
+
+function DiscardConfirm(
+  props: LayerComponentProps<{ title: string; message: string }, boolean>,
+) {
+  return (
+    <div role="alertdialog" aria-modal="true">
+      <h3>{props.payload.title}</h3>
+      <p>{props.payload.message}</p>
+      <div>
+        <button type="button" onClick={() => void props.call.end(false)}>
+          Cancel
+        </button>
+        <button type="button" onClick={() => void props.call.end(true)}>
+          Discard
+        </button>
+      </div>
+    </div>
+  );
+}
+
+const discardConfirm = layerOptions<
+  { title: string; message: string },
+  boolean
+>({
+  key: ["example-blockers-force", "discard"],
+  component: DiscardConfirm,
+});
+
+function EditDialog(props: LayerComponentProps<{ title: string }, boolean>) {
+  const group = useLayerGroup(props.call, { name: "discard" });
+  const [text, setText] = createSignal("");
+
+  onMount(() => {
+    onCleanup(props.call.addBlocker(() => text().length === 0));
+  });
+
+  const attemptClose = async () => {
+    if (text().length === 0) {
+      props.call.end(false);
+      return;
+    }
+    const discard = await group.open({
+      ...discardConfirm,
+      payload: {
+        title: "Discard changes?",
+        message: "You'll lose your unsaved edits.",
+      },
+    });
+    if (discard) props.call.end(false, { force: true });
+  };
+
+  return (
+    <div role="dialog" aria-modal="true" aria-label={props.payload.title}>
+      <h2>{props.payload.title}</h2>
+      <input
+        type="text"
+        value={text()}
+        onChange={(e) => setText(e.currentTarget.value)}
+        placeholder="Type to make the form dirty…"
+      />
+      <Show when={props.dismissing}>
+        <p>blocker consulted → vetoed</p>
+      </Show>
+      <div>
+        <button type="button" onClick={() => void attemptClose()}>
+          Close
+        </button>
+        <button
+          type="button"
+          onClick={() => props.call.end(true, { force: true })}
+        >
+          Force close
+        </button>
+      </div>
+      <group.Outlet />
+    </div>
+  );
+}
+
+const edit = layerOptions<{ title: string }, boolean>({
+  stack: "example-blockers-force",
+  key: ["example-blockers-force", "parent"],
+  component: EditDialog,
+});
+
+const layerClient = new LayerClient();
+
+function Trigger() {
+  const editLayer = useLayer(edit);
+  const [result, setResult] = createSignal<boolean | null>(null);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={async () => {
+          setResult(null);
+          const ok = await editLayer.open({ title: "Edit profile" });
+          setResult(ok);
+        }}
+      >
+        Open form
+      </button>
+      <Show when={result() !== null}>
+        <span>Result: {String(result())}</span>
+      </Show>
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <LayerClientContext.Provider value={layerClient}>
+      <StackOutlet stack="example-blockers-force" />
+      <Trigger />
+    </LayerClientContext.Provider>
+  );
+}
diff --git a/apps/docs/recipes/blockers-force/svelte-runes.svelte b/apps/docs/recipes/blockers-force/svelte-runes.svelte
new file mode 100644
index 0000000..99bea13
--- /dev/null
+++ b/apps/docs/recipes/blockers-force/svelte-runes.svelte
@@ -0,0 +1,96 @@
+<script lang="ts">
+  import {
+    type LayerCallContext,
+    type LayerState,
+    layerOptions,
+    useLayerGroup,
+    type LayerComponentProps,
+  } from "@stainless-code/svelte-layers";
+
+  type ParentPayload = { title: string };
+  type ParentResponse = boolean;
+  type DiscardPayload = { title: string; message: string };
+  type DiscardResponse = boolean;
+  // `useLayerGroup` exposes a heterogeneous child stack — pin the concrete
+  // child layer types at the outlet.
+  type DiscardState = LayerState<DiscardPayload, DiscardResponse>;
+  type DiscardCall = LayerCallContext<DiscardPayload, DiscardResponse>;
+
+  let {
+    call,
+    payload,
+    dismissing,
+  }: LayerComponentProps<ParentPayload, ParentResponse> = $props();
+
+  // svelte-ignore state_referenced_locally
+  const group = useLayerGroup(call, { name: "discard" });
+  let text = $state("");
+
+  const discardConfirm = layerOptions<DiscardPayload, DiscardResponse>({
+    key: ["example-blockers-force", "discard"],
+  });
+
+  $effect(() => {
+    return call.addBlocker(() => text.length === 0);
+  });
+
+  async function attemptClose() {
+    if (text.length === 0) {
+      call.end(false);
+      return;
+    }
+    const discard = await group.open({
+      ...discardConfirm,
+      payload: {
+        title: "Discard changes?",
+        message: "You'll lose your unsaved edits.",
+      },
+    });
+    if (discard) call.end(false, { force: true });
+  }
+</script>
+
+<!--
+App.svelte — host wiring:
+  setLayerClient();
+  const parentStack = useStack({ stack: "example-blockers-force" });
+  const edit = layerOptions({ stack: "example-blockers-force", key: ["example-blockers-force", "parent"], component: EditDialog });
+  const c = createLayer(edit);
+  {#each parentStack.current as state (state.id)}
+    {@const call = parentStack.callFor(state)}
+    {#if call}<EditDialog {call} payload={state.payload} dismissing={state.dismissing} />{/if}
+  {/each}
+  <button onclick={() => c.open({ title: "Edit profile" })}>Open form</button>
+-->
+
+<div role="dialog" aria-modal="true" aria-label={payload.title}>
+  <h2>{payload.title}</h2>
+  <input
+    type="text"
+    bind:value={text}
+    placeholder="Type to make the form dirty…"
+  />
+  {#if dismissing}
+    <p>blocker consulted → vetoed</p>
+  {/if}
+  <button type="button" onclick={attemptClose}>Close</button>
+  <button type="button" onclick={() => call.end(true, { force: true })}>
+    Force close
+  </button>
+  {#each group.stack.current as raw (raw.id)}
+    {@const s = raw as DiscardState}
+    {@const childCall = group.stack.callFor(raw) as DiscardCall | null}
+    {#if childCall}
+      <div role="alertdialog" aria-modal="true">
+        <h3>{s.payload.title}</h3>
+        <p>{s.payload.message}</p>
+        <button type="button" onclick={() => void childCall.end(false)}>
+          Cancel
+        </button>
+        <button type="button" onclick={() => void childCall.end(true)}>
+          Discard
+        </button>
+      </div>
+    {/if}
+  {/each}
+</div>
diff --git a/apps/docs/recipes/blockers-force/svelte-store.svelte b/apps/docs/recipes/blockers-force/svelte-store.svelte
new file mode 100644
index 0000000..82281ef
--- /dev/null
+++ b/apps/docs/recipes/blockers-force/svelte-store.svelte
@@ -0,0 +1,101 @@
+<script lang="ts">
+  import {
+    type LayerCallContext,
+    type LayerState,
+    callFor,
+    layerOptions,
+    useLayerClient,
+    useLayerGroup,
+    type LayerComponentProps,
+  } from "@stainless-code/svelte-layers/store";
+
+  type ParentPayload = { title: string };
+  type ParentResponse = boolean;
+  type DiscardPayload = { title: string; message: string };
+  type DiscardResponse = boolean;
+  // `useLayerGroup` exposes a heterogeneous child stack — pin the concrete
+  // child layer types at the outlet.
+  type DiscardState = LayerState<DiscardPayload, DiscardResponse>;
+  type DiscardCall = LayerCallContext<DiscardPayload, DiscardResponse>;
+
+  let {
+    call,
+    payload,
+    dismissing,
+  }: LayerComponentProps<ParentPayload, ParentResponse> = $props();
+
+  const client = useLayerClient();
+  // svelte-ignore state_referenced_locally
+  const group = useLayerGroup(call, { name: "discard" });
+  const childStack = group.stack;
+  let text = $state("");
+
+  const discardConfirm = layerOptions<DiscardPayload, DiscardResponse>({
+    key: ["example-blockers-force", "discard"],
+  });
+
+  $effect(() => {
+    return call.addBlocker(() => text.length === 0);
+  });
+
+  async function attemptClose() {
+    if (text.length === 0) {
+      call.end(false);
+      return;
+    }
+    const discard = await group.open({
+      ...discardConfirm,
+      payload: {
+        title: "Discard changes?",
+        message: "You'll lose your unsaved edits.",
+      },
+    });
+    if (discard) call.end(false, { force: true });
+  }
+</script>
+
+<!--
+App.svelte — host wiring:
+  setLayerClient();
+  const client = useLayerClient();
+  const parentStack = useStack({ stack: "example-blockers-force" });
+  const edit = layerOptions({ stack: "example-blockers-force", key: ["example-blockers-force", "parent"], component: EditDialog });
+  const c = createLayer(edit);
+  {#each $parentStack as state (state.id)}
+    {@const call = callFor(client, "example-blockers-force", state)}
+    {#if call}<EditDialog {call} payload={state.payload} dismissing={state.dismissing} />{/if}
+  {/each}
+  <button onclick={() => c.open({ title: "Edit profile" })}>Open form</button>
+-->
+
+<div role="dialog" aria-modal="true" aria-label={payload.title}>
+  <h2>{payload.title}</h2>
+  <input
+    type="text"
+    bind:value={text}
+    placeholder="Type to make the form dirty…"
+  />
+  {#if dismissing}
+    <p>blocker consulted → vetoed</p>
+  {/if}
+  <button type="button" onclick={attemptClose}>Close</button>
+  <button type="button" onclick={() => call.end(true, { force: true })}>
+    Force close
+  </button>
+  {#each $childStack as raw (raw.id)}
+    {@const s = raw as DiscardState}
+    {@const childCall = callFor(client, group.stackId, raw) as DiscardCall | null}
+    {#if childCall}
+      <div role="alertdialog" aria-modal="true">
+        <h3>{s.payload.title}</h3>
+        <p>{s.payload.message}</p>
+        <button type="button" onclick={() => void childCall.end(false)}>
+          Cancel
+        </button>
+        <button type="button" onclick={() => void childCall.end(true)}>
+          Discard
+        </button>
+      </div>
+    {/if}
+  {/each}
+</div>
diff --git a/apps/docs/recipes/blockers-force/vue-discard.vue b/apps/docs/recipes/blockers-force/vue-discard.vue
new file mode 100644
index 0000000..9d4bb6e
--- /dev/null
+++ b/apps/docs/recipes/blockers-force/vue-discard.vue
@@ -0,0 +1,20 @@
+<script setup lang="ts">
+import type { LayerComponentProps } from "@stainless-code/vue-layers";
+
+type DiscardPayload = { title: string; message: string };
+type DiscardResponse = boolean;
+
+const { call, payload } =
+  defineProps<LayerComponentProps<DiscardPayload, DiscardResponse>>();
+</script>
+
+<template>
+  <div role="alertdialog" aria-modal="true">
+    <h3>{{ payload.title }}</h3>
+    <p>{{ payload.message }}</p>
+    <div>
+      <button type="button" @click="() => void call.end(false)">Cancel</button>
+      <button type="button" @click="() => void call.end(true)">Discard</button>
+    </div>
+  </div>
+</template>
diff --git a/apps/docs/recipes/blockers-force/vue-host.vue b/apps/docs/recipes/blockers-force/vue-host.vue
new file mode 100644
index 0000000..6f55031
--- /dev/null
+++ b/apps/docs/recipes/blockers-force/vue-host.vue
@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import {
+  layerOptions,
+  provideLayerClient,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/vue-layers";
+import { ref } from "vue";
+
+import EditDialog from "./vue.vue";
+
+type ParentPayload = { title: string };
+type ParentResponse = boolean;
+
+const edit = layerOptions<ParentPayload, ParentResponse>({
+  stack: "example-blockers-force",
+  key: ["example-blockers-force", "parent"],
+  component: EditDialog,
+});
+
+provideLayerClient();
+const c = useLayer(edit);
+const result = ref<boolean | null>(null);
+
+async function openForm() {
+  result.value = null;
+  result.value = await c.open({ title: "Edit profile" });
+}
+</script>
+
+<template>
+  <StackOutlet stack="example-blockers-force" />
+  <div>
+    <button type="button" @click="openForm">Open form</button>
+    <span v-if="result !== null">Result: {{ String(result) }}</span>
+  </div>
+</template>
diff --git a/apps/docs/recipes/blockers-force/vue.vue b/apps/docs/recipes/blockers-force/vue.vue
new file mode 100644
index 0000000..292647b
--- /dev/null
+++ b/apps/docs/recipes/blockers-force/vue.vue
@@ -0,0 +1,64 @@
+<script setup lang="ts">
+import {
+  layerOptions,
+  useLayerGroup,
+  type LayerComponentProps,
+} from "@stainless-code/vue-layers";
+import { ref, watchEffect } from "vue";
+
+import DiscardConfirm from "./vue-discard.vue";
+
+type ParentPayload = { title: string };
+type ParentResponse = boolean;
+type DiscardPayload = { title: string; message: string };
+type DiscardResponse = boolean;
+
+const discardConfirm = layerOptions<DiscardPayload, DiscardResponse>({
+  key: ["example-blockers-force", "discard"],
+  component: DiscardConfirm,
+});
+
+const { call, payload, dismissing } =
+  defineProps<LayerComponentProps<ParentPayload, ParentResponse>>();
+
+const group = useLayerGroup(call, { name: "discard" });
+const text = ref("");
+
+watchEffect((onCleanup) => {
+  onCleanup(call.addBlocker(() => text.value.length === 0));
+});
+
+async function attemptClose() {
+  if (text.value.length === 0) {
+    call.end(false);
+    return;
+  }
+  const discard = await group.open({
+    ...discardConfirm,
+    payload: {
+      title: "Discard changes?",
+      message: "You'll lose your unsaved edits.",
+    },
+  });
+  if (discard) call.end(false, { force: true });
+}
+</script>
+
+<template>
+  <div role="dialog" aria-modal="true" :aria-label="payload.title">
+    <h2>{{ payload.title }}</h2>
+    <input
+      v-model="text"
+      type="text"
+      placeholder="Type to make the form dirty…"
+    />
+    <p v-if="dismissing">blocker consulted → vetoed</p>
+    <div>
+      <button type="button" @click="attemptClose">Close</button>
+      <button type="button" @click="() => void call.end(true, { force: true })">
+        Force close
+      </button>
+    </div>
+    <group.Outlet />
+  </div>
+</template>
diff --git a/apps/docs/recipes/confirm-dialog/angular.ts b/apps/docs/recipes/confirm-dialog/angular.ts
new file mode 100644
index 0000000..f93be68
--- /dev/null
+++ b/apps/docs/recipes/confirm-dialog/angular.ts
@@ -0,0 +1,62 @@
+import { Component, inject, signal, ViewContainerRef } from "@angular/core";
+import {
+  layerOptions,
+  provideLayerClient,
+  renderStack,
+  injectLayer,
+} from "@stainless-code/angular-layers";
+import type { LayerComponentProps } from "@stainless-code/angular-layers";
+
+interface ConfirmPayload {
+  title: string;
+}
+type ConfirmResponse = boolean;
+
+@Component({
+  selector: "confirm-dialog",
+  template: `
+    <div role="dialog" aria-modal="true">
+      <h2>{{ payload.title }}</h2>
+      <button type="button" (click)="call.end(false)">No</button>
+      <button type="button" (click)="call.end(true)">Yes</button>
+    </div>
+  `,
+})
+class ConfirmDialogComponent {
+  call!: LayerComponentProps<ConfirmPayload, ConfirmResponse>["call"];
+  payload!: ConfirmPayload;
+}
+
+const confirm = layerOptions<ConfirmPayload, ConfirmResponse>({
+  stack: "example-confirm",
+  key: ["example-confirm"],
+  component: ConfirmDialogComponent,
+});
+
+@Component({
+  selector: "app-root",
+  standalone: true,
+  providers: [provideLayerClient()],
+  template: `
+    <button type="button" (click)="deleteFile()">Delete file</button>
+    @if (result() !== null) {
+      <span>Result: {{ result() }}</span>
+    }
+    <ng-container />
+  `,
+})
+export class AppComponent {
+  private c = injectLayer(confirm);
+  private vcr = inject(ViewContainerRef);
+  result = signal<boolean | null>(null);
+
+  constructor() {
+    renderStack(this.vcr, "example-confirm");
+  }
+
+  async deleteFile() {
+    this.result.set(null);
+    const ok = await this.c.open({ title: "Delete this file?" });
+    this.result.set(ok);
+  }
+}
diff --git a/apps/docs/recipes/confirm-dialog/preact.tsx b/apps/docs/recipes/confirm-dialog/preact.tsx
new file mode 100644
index 0000000..5c0b50f
--- /dev/null
+++ b/apps/docs/recipes/confirm-dialog/preact.tsx
@@ -0,0 +1,63 @@
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/preact-layers";
+import type { LayerComponentProps } from "@stainless-code/preact-layers";
+import { useState } from "preact/hooks";
+
+function ConfirmDialog({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  return (
+    <div role="dialog" aria-modal="true">
+      <h2>{payload.title}</h2>
+      <div>
+        <button type="button" onClick={() => void call.end(false)}>
+          No
+        </button>
+        <button type="button" onClick={() => void call.end(true)}>
+          Yes
+        </button>
+      </div>
+    </div>
+  );
+}
+
+const confirm = layerOptions<{ title: string }, boolean>({
+  stack: "example-confirm",
+  key: ["example-confirm"],
+  component: ConfirmDialog,
+});
+
+function Trigger() {
+  const confirmLayer = useLayer(confirm);
+  const [result, setResult] = useState<boolean | null>(null);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={async () => {
+          setResult(null);
+          const ok = await confirmLayer.open({ title: "Delete this file?" });
+          setResult(ok);
+        }}
+      >
+        Delete file
+      </button>
+      {result !== null && <span>Result: {String(result)}</span>}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-confirm" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/confirm-dialog/react.baseui.tsx b/apps/docs/recipes/confirm-dialog/react.baseui.tsx
new file mode 100644
index 0000000..c7ea0f5
--- /dev/null
+++ b/apps/docs/recipes/confirm-dialog/react.baseui.tsx
@@ -0,0 +1,93 @@
+import { Dialog } from "@base-ui/react/dialog";
+import {
+  layerOptions,
+  StackOutlet,
+  StackProvider,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+// Controlled open → onOpenChange → onOpenChangeComplete → call.end
+// so Base UI's exit animation finishes before Layers unmounts.
+import { useRef, useState } from "react";
+
+function ConfirmDialog({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  const [open, setOpen] = useState(true);
+  const resultRef = useRef<boolean | undefined>(undefined);
+
+  return (
+    <Dialog.Root
+      open={open}
+      onOpenChange={(o) => {
+        if (!o) {
+          if (resultRef.current === undefined) resultRef.current = false;
+          setOpen(false);
+        }
+      }}
+      onOpenChangeComplete={(o) => {
+        if (!o) call.end(resultRef.current ?? false);
+      }}
+    >
+      <Dialog.Portal>
+        <Dialog.Backdrop />
+        <Dialog.Popup>
+          <Dialog.Title>{payload.title}</Dialog.Title>
+          <div>
+            <Dialog.Close
+              onClick={() => {
+                resultRef.current = false;
+              }}
+            >
+              No
+            </Dialog.Close>
+            <Dialog.Close
+              onClick={() => {
+                resultRef.current = true;
+              }}
+            >
+              Yes
+            </Dialog.Close>
+          </div>
+        </Dialog.Popup>
+      </Dialog.Portal>
+    </Dialog.Root>
+  );
+}
+
+const confirm = layerOptions<{ title: string }, boolean>({
+  stack: "example-confirm",
+  key: ["example-confirm"],
+  component: ConfirmDialog,
+});
+
+function Trigger() {
+  const confirmLayer = useLayer(confirm);
+  const [result, setResult] = useState<boolean | null>(null);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={async () => {
+          setResult(null);
+          const ok = await confirmLayer.open({ title: "Delete this file?" });
+          setResult(ok);
+        }}
+      >
+        Delete file
+      </button>
+      {result !== null && <span>Result: {String(result)}</span>}
+    </div>
+  );
+}
+
+export default function ConfirmDialogExample() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-confirm" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/confirm-dialog/react.rac.tsx b/apps/docs/recipes/confirm-dialog/react.rac.tsx
new file mode 100644
index 0000000..6b199cb
--- /dev/null
+++ b/apps/docs/recipes/confirm-dialog/react.rac.tsx
@@ -0,0 +1,78 @@
+import {
+  layerOptions,
+  StackOutlet,
+  StackProvider,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+// Instant dismiss — call.end on dismiss intent (no exit animation).
+import { useState } from "react";
+import {
+  Button,
+  Dialog,
+  Heading,
+  Modal,
+  ModalOverlay,
+} from "react-aria-components";
+
+function ConfirmDialog({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  return (
+    // apply your own positioning/styling
+    <ModalOverlay
+      isOpen
+      // Instant dismiss — for exit CSS, defer call.end until the animation finishes.
+      onOpenChange={(o) => {
+        if (!o) call.end(false);
+      }}
+    >
+      <Modal>
+        <Dialog>
+          <Heading slot="title">{payload.title}</Heading>
+          <div>
+            <Button onPress={() => call.end(false)}>No</Button>
+            <Button onPress={() => call.end(true)}>Yes</Button>
+          </div>
+        </Dialog>
+      </Modal>
+    </ModalOverlay>
+  );
+}
+
+const confirm = layerOptions<{ title: string }, boolean>({
+  stack: "example-confirm",
+  key: ["example-confirm"],
+  component: ConfirmDialog,
+});
+
+function Trigger() {
+  const confirmLayer = useLayer(confirm);
+  const [result, setResult] = useState<boolean | null>(null);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={async () => {
+          setResult(null);
+          const ok = await confirmLayer.open({ title: "Delete this file?" });
+          setResult(ok);
+        }}
+      >
+        Delete file
+      </button>
+      {result !== null && <span>Result: {String(result)}</span>}
+    </div>
+  );
+}
+
+export default function ConfirmDialogExample() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-confirm" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/confirm-dialog/react.tsx b/apps/docs/recipes/confirm-dialog/react.tsx
new file mode 100644
index 0000000..55c0818
--- /dev/null
+++ b/apps/docs/recipes/confirm-dialog/react.tsx
@@ -0,0 +1,63 @@
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+import { useState } from "react";
+
+function ConfirmDialog({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  return (
+    <div role="dialog" aria-modal="true">
+      <h2>{payload.title}</h2>
+      <div>
+        <button type="button" onClick={() => void call.end(false)}>
+          No
+        </button>
+        <button type="button" onClick={() => void call.end(true)}>
+          Yes
+        </button>
+      </div>
+    </div>
+  );
+}
+
+const confirm = layerOptions<{ title: string }, boolean>({
+  stack: "example-confirm",
+  key: ["example-confirm"],
+  component: ConfirmDialog,
+});
+
+function Trigger() {
+  const confirmLayer = useLayer(confirm);
+  const [result, setResult] = useState<boolean | null>(null);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={async () => {
+          setResult(null);
+          const ok = await confirmLayer.open({ title: "Delete this file?" });
+          setResult(ok);
+        }}
+      >
+        Delete file
+      </button>
+      {result !== null && <span>Result: {String(result)}</span>}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-confirm" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/confirm-dialog/react.wiring.tsx b/apps/docs/recipes/confirm-dialog/react.wiring.tsx
new file mode 100644
index 0000000..8e7a5fd
--- /dev/null
+++ b/apps/docs/recipes/confirm-dialog/react.wiring.tsx
@@ -0,0 +1,40 @@
+import {
+  layerOptions,
+  StackOutlet,
+  StackProvider,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+
+function ConfirmLayer({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  return (
+    <div role="alertdialog" aria-modal="true" aria-label={payload.title}>
+      <button onClick={() => call.end(true)}>Yes</button>
+      <button onClick={() => call.end(false)}>No</button>
+    </div>
+  );
+}
+
+const confirm = layerOptions<{ title: string }, boolean>({
+  stack: "example-confirm",
+  key: ["example-confirm"],
+  component: ConfirmLayer,
+});
+
+function Trigger() {
+  const confirmLayer = useLayer(confirm);
+  const open = () => confirmLayer.open({ title: "Delete this file?" });
+  return <button onClick={open}>Delete file</button>;
+}
+
+export default function ConfirmWiring() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-confirm" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/confirm-dialog/solid.tsx b/apps/docs/recipes/confirm-dialog/solid.tsx
new file mode 100644
index 0000000..d057f88
--- /dev/null
+++ b/apps/docs/recipes/confirm-dialog/solid.tsx
@@ -0,0 +1,63 @@
+import {
+  layerOptions,
+  LayerClient,
+  LayerClientContext,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/solid-layers";
+import type { LayerComponentProps } from "@stainless-code/solid-layers";
+import { createSignal } from "solid-js";
+
+function ConfirmDialog(props: LayerComponentProps<{ title: string }, boolean>) {
+  return (
+    <div role="dialog" aria-modal="true">
+      <h2>{props.payload.title}</h2>
+      <div>
+        <button type="button" onClick={() => void props.call.end(false)}>
+          No
+        </button>
+        <button type="button" onClick={() => void props.call.end(true)}>
+          Yes
+        </button>
+      </div>
+    </div>
+  );
+}
+
+const confirm = layerOptions<{ title: string }, boolean>({
+  stack: "example-confirm",
+  key: ["example-confirm"],
+  component: ConfirmDialog,
+});
+
+const client = new LayerClient();
+
+function Trigger() {
+  const confirmLayer = useLayer(confirm);
+  const [result, setResult] = createSignal<boolean | null>(null);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={async () => {
+          setResult(null);
+          const ok = await confirmLayer.open({ title: "Delete this file?" });
+          setResult(ok);
+        }}
+      >
+        Delete file
+      </button>
+      {result() !== null && <span>Result: {String(result())}</span>}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <LayerClientContext.Provider value={client}>
+      <StackOutlet stack="example-confirm" />
+      <Trigger />
+    </LayerClientContext.Provider>
+  );
+}
diff --git a/apps/docs/recipes/confirm-dialog/svelte-runes.svelte b/apps/docs/recipes/confirm-dialog/svelte-runes.svelte
new file mode 100644
index 0000000..1988a49
--- /dev/null
+++ b/apps/docs/recipes/confirm-dialog/svelte-runes.svelte
@@ -0,0 +1,53 @@
+<script lang="ts">
+  import {
+    type LayerCallContext,
+    type LayerState,
+    createLayer,
+    layerOptions,
+    setLayerClient,
+    useStack,
+  } from "@stainless-code/svelte-layers";
+
+  type ConfirmPayload = { title: string };
+  type ConfirmResponse = boolean;
+  // `useStack` is heterogeneous — pin the concrete layer types at the outlet.
+  type ConfirmState = LayerState<ConfirmPayload, ConfirmResponse>;
+  type ConfirmCall = LayerCallContext<ConfirmPayload, ConfirmResponse>;
+
+  setLayerClient();
+  const confirmStack = useStack({ stack: "example-confirm" });
+
+  const confirm = layerOptions<ConfirmPayload, ConfirmResponse>({
+    stack: "example-confirm",
+    key: ["example-confirm"],
+  });
+
+  const c = createLayer(confirm);
+
+  let result = $state<boolean | null>(null);
+
+  async function deleteFile() {
+    result = null;
+    const ok = await c.open({ title: "Delete this file?" });
+    result = ok;
+  }
+</script>
+
+{#each confirmStack.current as raw (raw.id)}
+  {@const state = raw as ConfirmState}
+  {@const call = confirmStack.callFor(raw) as ConfirmCall | null}
+  {#if call}
+    <div role="dialog" aria-modal="true">
+      <h2>{state.payload.title}</h2>
+      <button type="button" onclick={() => void call.end(false)}>No</button>
+      <button type="button" onclick={() => void call.end(true)}>Yes</button>
+    </div>
+  {/if}
+{/each}
+
+<div>
+  <button type="button" onclick={deleteFile}>Delete file</button>
+  {#if result !== null}
+    <span>Result: {String(result)}</span>
+  {/if}
+</div>
diff --git a/apps/docs/recipes/confirm-dialog/svelte-store.svelte b/apps/docs/recipes/confirm-dialog/svelte-store.svelte
new file mode 100644
index 0000000..35f64bd
--- /dev/null
+++ b/apps/docs/recipes/confirm-dialog/svelte-store.svelte
@@ -0,0 +1,56 @@
+<script lang="ts">
+  import {
+    type LayerCallContext,
+    type LayerState,
+    callFor,
+    createLayer,
+    layerOptions,
+    setLayerClient,
+    useLayerClient,
+    useStack,
+  } from "@stainless-code/svelte-layers/store";
+
+  type ConfirmPayload = { title: string };
+  type ConfirmResponse = boolean;
+  // `useStack` is heterogeneous — pin the concrete layer types at the outlet.
+  type ConfirmState = LayerState<ConfirmPayload, ConfirmResponse>;
+  type ConfirmCall = LayerCallContext<ConfirmPayload, ConfirmResponse>;
+
+  setLayerClient();
+  const client = useLayerClient();
+  const confirmStack = useStack({ stack: "example-confirm" });
+
+  const confirm = layerOptions<ConfirmPayload, ConfirmResponse>({
+    stack: "example-confirm",
+    key: ["example-confirm"],
+  });
+
+  const c = createLayer(confirm);
+
+  let result: boolean | null = null;
+
+  async function deleteFile() {
+    result = null;
+    const ok = await c.open({ title: "Delete this file?" });
+    result = ok;
+  }
+</script>
+
+{#each $confirmStack as raw (raw.id)}
+  {@const state = raw as ConfirmState}
+  {@const call = callFor(client, "example-confirm", raw) as ConfirmCall | null}
+  {#if call}
+    <div role="dialog" aria-modal="true">
+      <h2>{state.payload.title}</h2>
+      <button type="button" onclick={() => void call.end(false)}>No</button>
+      <button type="button" onclick={() => void call.end(true)}>Yes</button>
+    </div>
+  {/if}
+{/each}
+
+<div>
+  <button type="button" onclick={deleteFile}>Delete file</button>
+  {#if result !== null}
+    <span>Result: {String(result)}</span>
+  {/if}
+</div>
diff --git a/apps/docs/recipes/confirm-dialog/vue-host.vue b/apps/docs/recipes/confirm-dialog/vue-host.vue
new file mode 100644
index 0000000..0586485
--- /dev/null
+++ b/apps/docs/recipes/confirm-dialog/vue-host.vue
@@ -0,0 +1,35 @@
+<script setup lang="ts">
+import {
+  layerOptions,
+  provideLayerClient,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/vue-layers";
+import { ref } from "vue";
+
+import ConfirmDialog from "./vue.vue";
+
+const confirm = layerOptions<{ title: string }, boolean>({
+  stack: "example-confirm",
+  key: ["example-confirm"],
+  component: ConfirmDialog,
+});
+
+provideLayerClient();
+const c = useLayer(confirm);
+const result = ref<boolean | null>(null);
+
+async function deleteFile() {
+  result.value = null;
+  const ok = await c.open({ title: "Delete this file?" });
+  result.value = ok;
+}
+</script>
+
+<template>
+  <StackOutlet stack="example-confirm" />
+  <div>
+    <button type="button" @click="deleteFile">Delete file</button>
+    <span v-if="result !== null">Result: {{ String(result) }}</span>
+  </div>
+</template>
diff --git a/apps/docs/recipes/confirm-dialog/vue.vue b/apps/docs/recipes/confirm-dialog/vue.vue
new file mode 100644
index 0000000..42cdb7f
--- /dev/null
+++ b/apps/docs/recipes/confirm-dialog/vue.vue
@@ -0,0 +1,16 @@
+<script setup lang="ts">
+import type { LayerComponentProps } from "@stainless-code/vue-layers";
+
+const { call, payload } =
+  defineProps<LayerComponentProps<{ title: string }, boolean>>();
+</script>
+
+<template>
+  <div role="dialog" aria-modal="true">
+    <h2>{{ payload.title }}</h2>
+    <div>
+      <button type="button" @click="call.end(false)">No</button>
+      <button type="button" @click="call.end(true)">Yes</button>
+    </div>
+  </div>
+</template>
diff --git a/apps/docs/recipes/drawer/angular.ts b/apps/docs/recipes/drawer/angular.ts
new file mode 100644
index 0000000..d9b52c3
--- /dev/null
+++ b/apps/docs/recipes/drawer/angular.ts
@@ -0,0 +1,64 @@
+import { Component, inject, signal, ViewContainerRef } from "@angular/core";
+import {
+  layerOptions,
+  provideLayerClient,
+  renderStack,
+  injectLayer,
+} from "@stainless-code/angular-layers";
+import type { LayerComponentProps } from "@stainless-code/angular-layers";
+
+interface DrawerPayload {
+  title: string;
+}
+type DrawerResponse = boolean;
+
+@Component({
+  selector: "drawer-layer",
+  template: `
+    <div aria-hidden="true" (click)="call.end(false)"></div>
+    <div role="dialog" aria-modal="true">
+      <h2>{{ payload.title }}</h2>
+      <p>Edit your settings here. Save or cancel to close the drawer.</p>
+      <button type="button" (click)="call.end(false)">Cancel</button>
+      <button type="button" (click)="call.end(true)">Save</button>
+    </div>
+  `,
+})
+class DrawerComponent {
+  call!: LayerComponentProps<DrawerPayload, DrawerResponse>["call"];
+  payload!: DrawerPayload;
+}
+
+const drawer = layerOptions<DrawerPayload, DrawerResponse>({
+  stack: "example-drawer",
+  key: ["example-drawer"],
+  component: DrawerComponent,
+});
+
+@Component({
+  selector: "app-root",
+  standalone: true,
+  providers: [provideLayerClient()],
+  template: `
+    <button type="button" (click)="openDrawer()">Open drawer</button>
+    @if (result() !== null) {
+      <span>Result: {{ result() }}</span>
+    }
+    <ng-container />
+  `,
+})
+export class AppComponent {
+  private c = injectLayer(drawer);
+  private vcr = inject(ViewContainerRef);
+  result = signal<boolean | null>(null);
+
+  constructor() {
+    renderStack(this.vcr, "example-drawer");
+  }
+
+  async openDrawer() {
+    this.result.set(null);
+    const saved = await this.c.open({ title: "Settings" });
+    this.result.set(saved);
+  }
+}
diff --git a/apps/docs/recipes/drawer/preact.tsx b/apps/docs/recipes/drawer/preact.tsx
new file mode 100644
index 0000000..6ca76bf
--- /dev/null
+++ b/apps/docs/recipes/drawer/preact.tsx
@@ -0,0 +1,67 @@
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/preact-layers";
+import type { LayerComponentProps } from "@stainless-code/preact-layers";
+import { useState } from "preact/hooks";
+
+function Drawer({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  return (
+    <>
+      <div aria-hidden="true" onClick={() => void call.end(false)} />
+      <div role="dialog" aria-modal="true">
+        <h2>{payload.title}</h2>
+        <p>Edit your settings here. Save or cancel to close the drawer.</p>
+        <div>
+          <button type="button" onClick={() => void call.end(false)}>
+            Cancel
+          </button>
+          <button type="button" onClick={() => void call.end(true)}>
+            Save
+          </button>
+        </div>
+      </div>
+    </>
+  );
+}
+
+const drawer = layerOptions<{ title: string }, boolean>({
+  stack: "example-drawer",
+  key: ["example-drawer"],
+  component: Drawer,
+});
+
+function Trigger() {
+  const drawerLayer = useLayer(drawer);
+  const [result, setResult] = useState<boolean | null>(null);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={async () => {
+          setResult(null);
+          const saved = await drawerLayer.open({ title: "Settings" });
+          setResult(saved);
+        }}
+      >
+        Open drawer
+      </button>
+      {result !== null && <span>Result: {String(result)}</span>}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-drawer" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/drawer/react.baseui.tsx b/apps/docs/recipes/drawer/react.baseui.tsx
new file mode 100644
index 0000000..03cee2a
--- /dev/null
+++ b/apps/docs/recipes/drawer/react.baseui.tsx
@@ -0,0 +1,100 @@
+import { Drawer } from "@base-ui/react/drawer";
+import {
+  layerOptions,
+  StackOutlet,
+  StackProvider,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+// Controlled open → onOpenChange → onOpenChangeComplete → call.end
+// so Base UI's exit animation finishes before Layers unmounts.
+import { useRef, useState } from "react";
+
+function DrawerLayer({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  const [open, setOpen] = useState(true);
+  const resultRef = useRef<boolean | undefined>(undefined);
+
+  return (
+    <Drawer.Root
+      open={open}
+      onOpenChange={(o) => {
+        if (!o) {
+          if (resultRef.current === undefined) resultRef.current = false;
+          setOpen(false);
+        }
+      }}
+      onOpenChangeComplete={(o) => {
+        if (!o) call.end(resultRef.current ?? false);
+      }}
+    >
+      <Drawer.Portal>
+        <Drawer.Backdrop />
+        <Drawer.Viewport>
+          <Drawer.Popup>
+            <Drawer.Content>
+              <Drawer.Title>{payload.title}</Drawer.Title>
+              <p>
+                Edit your settings here. Save or cancel to close the drawer.
+              </p>
+              <div>
+                <Drawer.Close
+                  onClick={() => {
+                    resultRef.current = false;
+                  }}
+                >
+                  Cancel
+                </Drawer.Close>
+                <Drawer.Close
+                  onClick={() => {
+                    resultRef.current = true;
+                  }}
+                >
+                  Save
+                </Drawer.Close>
+              </div>
+            </Drawer.Content>
+          </Drawer.Popup>
+        </Drawer.Viewport>
+      </Drawer.Portal>
+    </Drawer.Root>
+  );
+}
+
+const drawer = layerOptions<{ title: string }, boolean>({
+  stack: "example-drawer",
+  key: ["example-drawer"],
+  component: DrawerLayer,
+});
+
+function Trigger() {
+  const drawerLayer = useLayer(drawer);
+  const [result, setResult] = useState<boolean | null>(null);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={async () => {
+          setResult(null);
+          const saved = await drawerLayer.open({ title: "Settings" });
+          setResult(saved);
+        }}
+      >
+        Open drawer
+      </button>
+      {result !== null && <span>Result: {String(result)}</span>}
+    </div>
+  );
+}
+
+export default function DrawerExample() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-drawer" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/drawer/react.rac.tsx b/apps/docs/recipes/drawer/react.rac.tsx
new file mode 100644
index 0000000..6ea9e64
--- /dev/null
+++ b/apps/docs/recipes/drawer/react.rac.tsx
@@ -0,0 +1,78 @@
+import {
+  layerOptions,
+  StackOutlet,
+  StackProvider,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+// RAC has no Drawer primitive — Modal + CSS positions a right-side panel.
+import { useState } from "react";
+import {
+  Button,
+  Dialog,
+  Heading,
+  Modal,
+  ModalOverlay,
+} from "react-aria-components";
+
+function Drawer({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  return (
+    // apply your own positioning/styling
+    <ModalOverlay
+      isOpen
+      onOpenChange={(o) => {
+        if (!o) call.end(false);
+      }}
+    >
+      <Modal>
+        <Dialog>
+          <Heading slot="title">{payload.title}</Heading>
+          <p>Edit your settings here. Save or cancel to close the drawer.</p>
+          <div>
+            <Button onPress={() => call.end(false)}>Cancel</Button>
+            <Button onPress={() => call.end(true)}>Save</Button>
+          </div>
+        </Dialog>
+      </Modal>
+    </ModalOverlay>
+  );
+}
+
+const drawer = layerOptions<{ title: string }, boolean>({
+  stack: "example-drawer",
+  key: ["example-drawer"],
+  component: Drawer,
+});
+
+function Trigger() {
+  const drawerLayer = useLayer(drawer);
+  const [result, setResult] = useState<boolean | null>(null);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={async () => {
+          setResult(null);
+          const saved = await drawerLayer.open({ title: "Settings" });
+          setResult(saved);
+        }}
+      >
+        Open drawer
+      </button>
+      {result !== null && <span>Result: {String(result)}</span>}
+    </div>
+  );
+}
+
+export default function DrawerExample() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-drawer" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/drawer/react.tsx b/apps/docs/recipes/drawer/react.tsx
new file mode 100644
index 0000000..da8639f
--- /dev/null
+++ b/apps/docs/recipes/drawer/react.tsx
@@ -0,0 +1,67 @@
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+import { useState } from "react";
+
+function Drawer({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  return (
+    <>
+      <div aria-hidden="true" onClick={() => void call.end(false)} />
+      <div role="dialog" aria-modal="true">
+        <h2>{payload.title}</h2>
+        <p>Edit your settings here. Save or cancel to close the drawer.</p>
+        <div>
+          <button type="button" onClick={() => void call.end(false)}>
+            Cancel
+          </button>
+          <button type="button" onClick={() => void call.end(true)}>
+            Save
+          </button>
+        </div>
+      </div>
+    </>
+  );
+}
+
+const drawer = layerOptions<{ title: string }, boolean>({
+  stack: "example-drawer",
+  key: ["example-drawer"],
+  component: Drawer,
+});
+
+function Trigger() {
+  const drawerLayer = useLayer(drawer);
+  const [result, setResult] = useState<boolean | null>(null);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={async () => {
+          setResult(null);
+          const saved = await drawerLayer.open({ title: "Settings" });
+          setResult(saved);
+        }}
+      >
+        Open drawer
+      </button>
+      {result !== null && <span>Result: {String(result)}</span>}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-drawer" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/drawer/react.wiring.tsx b/apps/docs/recipes/drawer/react.wiring.tsx
new file mode 100644
index 0000000..62f030c
--- /dev/null
+++ b/apps/docs/recipes/drawer/react.wiring.tsx
@@ -0,0 +1,42 @@
+import {
+  layerOptions,
+  StackOutlet,
+  StackProvider,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+
+function DrawerLayer({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  return (
+    <div role="dialog" aria-modal="true" aria-label={payload.title}>
+      <button onClick={() => call.end(true)}>Save</button>
+      <button onClick={() => call.end(false)}>Cancel</button>
+    </div>
+  );
+}
+
+const drawer = layerOptions<{ title: string }, boolean>({
+  stack: "example-drawer",
+  key: ["example-drawer"],
+  component: DrawerLayer,
+  enteringDelay: 200,
+  exitingDelay: 200,
+});
+
+function Trigger() {
+  const drawerLayer = useLayer(drawer);
+  const open = () => drawerLayer.open({ title: "Settings" });
+  return <button onClick={open}>Open drawer</button>;
+}
+
+export default function DrawerWiring() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-drawer" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/drawer/solid.tsx b/apps/docs/recipes/drawer/solid.tsx
new file mode 100644
index 0000000..06aa8d6
--- /dev/null
+++ b/apps/docs/recipes/drawer/solid.tsx
@@ -0,0 +1,67 @@
+import {
+  layerOptions,
+  LayerClient,
+  LayerClientContext,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/solid-layers";
+import type { LayerComponentProps } from "@stainless-code/solid-layers";
+import { createSignal } from "solid-js";
+
+function Drawer(props: LayerComponentProps<{ title: string }, boolean>) {
+  return (
+    <>
+      <div aria-hidden="true" onClick={() => void props.call.end(false)} />
+      <div role="dialog" aria-modal="true">
+        <h2>{props.payload.title}</h2>
+        <p>Edit your settings here. Save or cancel to close the drawer.</p>
+        <div>
+          <button type="button" onClick={() => void props.call.end(false)}>
+            Cancel
+          </button>
+          <button type="button" onClick={() => void props.call.end(true)}>
+            Save
+          </button>
+        </div>
+      </div>
+    </>
+  );
+}
+
+const drawer = layerOptions<{ title: string }, boolean>({
+  stack: "example-drawer",
+  key: ["example-drawer"],
+  component: Drawer,
+});
+
+const client = new LayerClient();
+
+function Trigger() {
+  const drawerLayer = useLayer(drawer);
+  const [result, setResult] = createSignal<boolean | null>(null);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={async () => {
+          setResult(null);
+          const saved = await drawerLayer.open({ title: "Settings" });
+          setResult(saved);
+        }}
+      >
+        Open drawer
+      </button>
+      {result() !== null && <span>Result: {String(result())}</span>}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <LayerClientContext.Provider value={client}>
+      <StackOutlet stack="example-drawer" />
+      <Trigger />
+    </LayerClientContext.Provider>
+  );
+}
diff --git a/apps/docs/recipes/drawer/svelte-runes.svelte b/apps/docs/recipes/drawer/svelte-runes.svelte
new file mode 100644
index 0000000..b58a4db
--- /dev/null
+++ b/apps/docs/recipes/drawer/svelte-runes.svelte
@@ -0,0 +1,55 @@
+<script lang="ts">
+  import {
+    type LayerCallContext,
+    type LayerState,
+    createLayer,
+    layerOptions,
+    setLayerClient,
+    useStack,
+  } from "@stainless-code/svelte-layers";
+
+  type DrawerPayload = { title: string };
+  type DrawerResponse = boolean;
+  // `useStack` is heterogeneous — pin the concrete layer types at the outlet.
+  type DrawerState = LayerState<DrawerPayload, DrawerResponse>;
+  type DrawerCall = LayerCallContext<DrawerPayload, DrawerResponse>;
+
+  setLayerClient();
+  const drawerStack = useStack({ stack: "example-drawer" });
+
+  const drawer = layerOptions<DrawerPayload, DrawerResponse>({
+    stack: "example-drawer",
+    key: ["example-drawer"],
+  });
+
+  const c = createLayer(drawer);
+
+  let result = $state<boolean | null>(null);
+
+  async function openDrawer() {
+    result = null;
+    const saved = await c.open({ title: "Settings" });
+    result = saved;
+  }
+</script>
+
+{#each drawerStack.current as raw (raw.id)}
+  {@const state = raw as DrawerState}
+  {@const call = drawerStack.callFor(raw) as DrawerCall | null}
+  {#if call}
+    <div aria-hidden="true" onclick={() => void call.end(false)}></div>
+    <div role="dialog" aria-modal="true">
+      <h2>{state.payload.title}</h2>
+      <p>Edit your settings here. Save or cancel to close the drawer.</p>
+      <button type="button" onclick={() => void call.end(false)}>Cancel</button>
+      <button type="button" onclick={() => void call.end(true)}>Save</button>
+    </div>
+  {/if}
+{/each}
+
+<div>
+  <button type="button" onclick={openDrawer}>Open drawer</button>
+  {#if result !== null}
+    <span>Result: {String(result)}</span>
+  {/if}
+</div>
diff --git a/apps/docs/recipes/drawer/svelte-store.svelte b/apps/docs/recipes/drawer/svelte-store.svelte
new file mode 100644
index 0000000..2404060
--- /dev/null
+++ b/apps/docs/recipes/drawer/svelte-store.svelte
@@ -0,0 +1,58 @@
+<script lang="ts">
+  import {
+    type LayerCallContext,
+    type LayerState,
+    callFor,
+    createLayer,
+    layerOptions,
+    setLayerClient,
+    useLayerClient,
+    useStack,
+  } from "@stainless-code/svelte-layers/store";
+
+  type DrawerPayload = { title: string };
+  type DrawerResponse = boolean;
+  // `useStack` is heterogeneous — pin the concrete layer types at the outlet.
+  type DrawerState = LayerState<DrawerPayload, DrawerResponse>;
+  type DrawerCall = LayerCallContext<DrawerPayload, DrawerResponse>;
+
+  setLayerClient();
+  const client = useLayerClient();
+  const drawerStack = useStack({ stack: "example-drawer" });
+
+  const drawer = layerOptions<DrawerPayload, DrawerResponse>({
+    stack: "example-drawer",
+    key: ["example-drawer"],
+  });
+
+  const c = createLayer(drawer);
+
+  let result: boolean | null = null;
+
+  async function openDrawer() {
+    result = null;
+    const saved = await c.open({ title: "Settings" });
+    result = saved;
+  }
+</script>
+
+{#each $drawerStack as raw (raw.id)}
+  {@const state = raw as DrawerState}
+  {@const call = callFor(client, "example-drawer", raw) as DrawerCall | null}
+  {#if call}
+    <div aria-hidden="true" onclick={() => void call.end(false)}></div>
+    <div role="dialog" aria-modal="true">
+      <h2>{state.payload.title}</h2>
+      <p>Edit your settings here. Save or cancel to close the drawer.</p>
+      <button type="button" onclick={() => void call.end(false)}>Cancel</button>
+      <button type="button" onclick={() => void call.end(true)}>Save</button>
+    </div>
+  {/if}
+{/each}
+
+<div>
+  <button type="button" onclick={openDrawer}>Open drawer</button>
+  {#if result !== null}
+    <span>Result: {String(result)}</span>
+  {/if}
+</div>
diff --git a/apps/docs/recipes/drawer/vue-host.vue b/apps/docs/recipes/drawer/vue-host.vue
new file mode 100644
index 0000000..c34bfc2
--- /dev/null
+++ b/apps/docs/recipes/drawer/vue-host.vue
@@ -0,0 +1,37 @@
+<script setup lang="ts">
+import {
+  layerOptions,
+  provideLayerClient,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/vue-layers";
+import { ref } from "vue";
+
+import Drawer from "./vue.vue";
+
+type DrawerPayload = { title: string };
+
+const drawer = layerOptions<DrawerPayload, boolean>({
+  stack: "example-drawer",
+  key: ["example-drawer"],
+  component: Drawer,
+});
+
+provideLayerClient();
+const c = useLayer(drawer);
+const result = ref<boolean | null>(null);
+
+async function openDrawer() {
+  result.value = null;
+  const saved = await c.open({ title: "Settings" });
+  result.value = saved;
+}
+</script>
+
+<template>
+  <StackOutlet stack="example-drawer" />
+  <div>
+    <button type="button" @click="openDrawer">Open drawer</button>
+    <span v-if="result !== null">Result: {{ String(result) }}</span>
+  </div>
+</template>
diff --git a/apps/docs/recipes/drawer/vue.vue b/apps/docs/recipes/drawer/vue.vue
new file mode 100644
index 0000000..d51e0a6
--- /dev/null
+++ b/apps/docs/recipes/drawer/vue.vue
@@ -0,0 +1,45 @@
+<script setup lang="ts">
+import type { LayerComponentProps } from "@stainless-code/vue-layers";
+
+type DrawerPayload = { title: string };
+
+const { call, payload } =
+  defineProps<LayerComponentProps<DrawerPayload, boolean>>();
+</script>
+
+<template>
+  <div
+    aria-hidden="true"
+    style="
+      position: fixed;
+      inset: 0;
+      background: rgba(0, 0, 0, 0.4);
+      z-index: 9998;
+    "
+    @click="call.end(false)"
+  />
+  <div
+    role="dialog"
+    aria-modal="true"
+    style="
+      position: fixed;
+      top: 0;
+      right: 0;
+      height: 100%;
+      width: min(360px, 90vw);
+      padding: 24px;
+      z-index: 9999;
+      display: flex;
+      flex-direction: column;
+    "
+  >
+    <h2>{{ payload.title }}</h2>
+    <p style="flex: 1">
+      Edit your settings here. Save or cancel to close the drawer.
+    </p>
+    <div style="display: flex; gap: 8px; justify-content: flex-end">
+      <button type="button" @click="call.end(false)">Cancel</button>
+      <button type="button" @click="call.end(true)">Save</button>
+    </div>
+  </div>
+</template>
diff --git a/apps/docs/recipes/nested-confirm/angular.ts b/apps/docs/recipes/nested-confirm/angular.ts
new file mode 100644
index 0000000..5e4fcca
--- /dev/null
+++ b/apps/docs/recipes/nested-confirm/angular.ts
@@ -0,0 +1,122 @@
+import {
+  Component,
+  inject,
+  Injector,
+  Input,
+  runInInjectionContext,
+  signal,
+  ViewChild,
+  ViewContainerRef,
+} from "@angular/core";
+import {
+  layerOptions,
+  provideLayerClient,
+  renderStack,
+  injectLayer,
+  useLayerGroup,
+} from "@stainless-code/angular-layers";
+import type {
+  LayerCallContext,
+  LayerComponentProps,
+  LayerGroup,
+} from "@stainless-code/angular-layers";
+
+interface ParentPayload {
+  title: string;
+}
+interface ChildPayload {
+  title: string;
+}
+type ChildResponse = boolean;
+
+@Component({
+  selector: "child-confirm",
+  template: `
+    <div role="dialog" aria-modal="true">
+      <h3>{{ payload.title }}</h3>
+      <button type="button" (click)="call.end(false)">Cancel</button>
+      <button type="button" (click)="call.end(true)">Confirm</button>
+    </div>
+  `,
+})
+class ChildConfirmComponent {
+  call!: LayerComponentProps<ChildPayload, ChildResponse>["call"];
+  payload!: ChildPayload;
+}
+
+const childConfirm = layerOptions<ChildPayload, ChildResponse>({
+  key: ["example-nested", "child-confirm"],
+  component: ChildConfirmComponent,
+});
+
+@Component({
+  selector: "parent-dialog",
+  standalone: true,
+  template: `
+    <div role="dialog" aria-modal="true" [attr.aria-label]="payload.title">
+      <h2>{{ payload.title }}</h2>
+      <p>Remove this item from the list?</p>
+      <button type="button" (click)="deleteItem()">Delete item</button>
+      <button type="button" (click)="call.dismiss()">Close</button>
+      @if (childResult() !== null) {
+        <span>Child result: {{ childResult() }}</span>
+      }
+      <ng-container #childOutlet />
+    </div>
+  `,
+})
+class ParentDialogComponent {
+  @Input({ required: true }) call!: LayerCallContext<ParentPayload, void>;
+  @Input({ required: true }) payload!: ParentPayload;
+
+  @ViewChild("childOutlet", { read: ViewContainerRef, static: true })
+  childOutlet!: ViewContainerRef;
+
+  private readonly injector = inject(Injector);
+  private group!: LayerGroup;
+  childResult = signal<boolean | null>(null);
+
+  ngOnInit() {
+    runInInjectionContext(this.injector, () => {
+      this.group = useLayerGroup(this.call);
+      this.group.renderInto(this.childOutlet);
+    });
+  }
+
+  async deleteItem() {
+    this.childResult.set(null);
+    const ok = await this.group.open({
+      ...childConfirm,
+      payload: { title: "Really delete this item?" },
+    });
+    this.childResult.set(ok);
+  }
+}
+
+const parentDialog = layerOptions<ParentPayload, void>({
+  stack: "example-nested",
+  key: ["example-nested", "parent"],
+  component: ParentDialogComponent,
+});
+
+@Component({
+  selector: "app-root",
+  standalone: true,
+  providers: [provideLayerClient()],
+  template: `
+    <button type="button" (click)="openParent()">Open parent dialog</button>
+    <ng-container />
+  `,
+})
+export class AppComponent {
+  private c = injectLayer(parentDialog);
+  private vcr = inject(ViewContainerRef);
+
+  constructor() {
+    renderStack(this.vcr, "example-nested");
+  }
+
+  openParent() {
+    void this.c.open({ title: "Edit item" });
+  }
+}
diff --git a/apps/docs/recipes/nested-confirm/preact.tsx b/apps/docs/recipes/nested-confirm/preact.tsx
new file mode 100644
index 0000000..fe75268
--- /dev/null
+++ b/apps/docs/recipes/nested-confirm/preact.tsx
@@ -0,0 +1,98 @@
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+  useLayerGroup,
+} from "@stainless-code/preact-layers";
+import type { LayerComponentProps } from "@stainless-code/preact-layers";
+import { useState } from "preact/hooks";
+
+function ChildConfirm({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  return (
+    <div role="dialog" aria-modal="true">
+      <h3>{payload.title}</h3>
+      <div>
+        <button type="button" onClick={() => void call.end(false)}>
+          Cancel
+        </button>
+        <button type="button" onClick={() => void call.end(true)}>
+          Confirm
+        </button>
+      </div>
+    </div>
+  );
+}
+
+const childConfirm = layerOptions<{ title: string }, boolean>({
+  key: ["example-nested", "child-confirm"],
+  component: ChildConfirm,
+});
+
+function ParentDialog({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string }, void>) {
+  const group = useLayerGroup(call);
+  const [childResult, setChildResult] = useState<boolean | null>(null);
+
+  return (
+    <div role="dialog" aria-modal="true" aria-label={payload.title}>
+      <h2>{payload.title}</h2>
+      <p>Remove this item from the list?</p>
+      <div>
+        <button
+          type="button"
+          onClick={async () => {
+            setChildResult(null);
+            const ok = await group.open({
+              ...childConfirm,
+              payload: { title: "Really delete this item?" },
+            });
+            setChildResult(ok);
+          }}
+        >
+          Delete item
+        </button>
+        <button type="button" onClick={() => void call.dismiss()}>
+          Close
+        </button>
+      </div>
+      {childResult !== null && <span>Child result: {String(childResult)}</span>}
+      <group.Outlet />
+    </div>
+  );
+}
+
+const parentDialog = layerOptions<{ title: string }, void>({
+  stack: "example-nested",
+  key: ["example-nested", "parent"],
+  component: ParentDialog,
+});
+
+function Trigger() {
+  const parent = useLayer(parentDialog);
+
+  return (
+    <button
+      type="button"
+      onClick={() => {
+        void parent.open({ title: "Edit item" });
+      }}
+    >
+      Open parent dialog
+    </button>
+  );
+}
+
+export default function App() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-nested" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/nested-confirm/react.baseui.tsx b/apps/docs/recipes/nested-confirm/react.baseui.tsx
new file mode 100644
index 0000000..8ec63d8
--- /dev/null
+++ b/apps/docs/recipes/nested-confirm/react.baseui.tsx
@@ -0,0 +1,142 @@
+import { Dialog } from "@base-ui/react/dialog";
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+  useLayerGroup,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+// Controlled open → onOpenChange → onOpenChangeComplete → call.end/dismiss
+// so Base UI's exit animation finishes before Layers unmounts.
+import { useRef, useState } from "react";
+
+function ChildConfirm({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  const [open, setOpen] = useState(true);
+  const resultRef = useRef<boolean | undefined>(undefined);
+
+  return (
+    <Dialog.Root
+      open={open}
+      onOpenChange={(o) => {
+        if (!o) {
+          if (resultRef.current === undefined) resultRef.current = false;
+          setOpen(false);
+        }
+      }}
+      onOpenChangeComplete={(o) => {
+        if (!o) call.end(resultRef.current ?? false);
+      }}
+    >
+      <Dialog.Portal>
+        <Dialog.Backdrop />
+        <Dialog.Popup>
+          <Dialog.Title>{payload.title}</Dialog.Title>
+          <div>
+            <Dialog.Close
+              onClick={() => {
+                resultRef.current = false;
+              }}
+            >
+              Cancel
+            </Dialog.Close>
+            <Dialog.Close
+              onClick={() => {
+                resultRef.current = true;
+              }}
+            >
+              Confirm
+            </Dialog.Close>
+          </div>
+        </Dialog.Popup>
+      </Dialog.Portal>
+    </Dialog.Root>
+  );
+}
+
+const childConfirm = layerOptions<{ title: string }, boolean>({
+  key: ["example-nested", "child-confirm"],
+  component: ChildConfirm,
+});
+
+function ParentDialog({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string }, void>) {
+  const group = useLayerGroup(call);
+  const [childResult, setChildResult] = useState<boolean | null>(null);
+  const [open, setOpen] = useState(true);
+
+  return (
+    <Dialog.Root
+      open={open}
+      onOpenChange={(o) => {
+        if (!o) setOpen(false);
+      }}
+      onOpenChangeComplete={(o) => {
+        if (!o) call.dismiss();
+      }}
+    >
+      <Dialog.Portal>
+        <Dialog.Backdrop />
+        <Dialog.Popup>
+          <Dialog.Title>{payload.title}</Dialog.Title>
+          <p>Remove this item from the list?</p>
+          <div>
+            <button
+              type="button"
+              onClick={async () => {
+                setChildResult(null);
+                const ok = await group.open({
+                  ...childConfirm,
+                  payload: { title: "Really delete this item?" },
+                });
+                setChildResult(ok);
+              }}
+            >
+              Delete item
+            </button>
+            <Dialog.Close>Close</Dialog.Close>
+          </div>
+          {childResult !== null && (
+            <span>Child result: {String(childResult)}</span>
+          )}
+          <group.Outlet />
+        </Dialog.Popup>
+      </Dialog.Portal>
+    </Dialog.Root>
+  );
+}
+
+const parentDialog = layerOptions<{ title: string }, void>({
+  stack: "example-nested",
+  key: ["example-nested", "parent"],
+  component: ParentDialog,
+});
+
+function Trigger() {
+  const parent = useLayer(parentDialog);
+
+  return (
+    <button
+      type="button"
+      onClick={() => {
+        void parent.open({ title: "Edit item" });
+      }}
+    >
+      Open parent dialog
+    </button>
+  );
+}
+
+export default function NestedConfirmExample() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-nested" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/nested-confirm/react.rac.tsx b/apps/docs/recipes/nested-confirm/react.rac.tsx
new file mode 100644
index 0000000..f3bf135
--- /dev/null
+++ b/apps/docs/recipes/nested-confirm/react.rac.tsx
@@ -0,0 +1,120 @@
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+  useLayerGroup,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+import { useState } from "react";
+import {
+  Button,
+  Dialog,
+  Heading,
+  Modal,
+  ModalOverlay,
+} from "react-aria-components";
+
+function ChildConfirm({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  return (
+    // apply your own positioning/styling
+    <ModalOverlay
+      isOpen
+      onOpenChange={(o) => {
+        if (!o) call.end(false);
+      }}
+    >
+      <Modal>
+        <Dialog>
+          <Heading slot="title">{payload.title}</Heading>
+          <div>
+            <Button onPress={() => call.end(false)}>Cancel</Button>
+            <Button onPress={() => call.end(true)}>Confirm</Button>
+          </div>
+        </Dialog>
+      </Modal>
+    </ModalOverlay>
+  );
+}
+
+const childConfirm = layerOptions<{ title: string }, boolean>({
+  key: ["example-nested", "child-confirm"],
+  component: ChildConfirm,
+});
+
+function ParentDialog({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string }, void>) {
+  const group = useLayerGroup(call);
+  const [childResult, setChildResult] = useState<boolean | null>(null);
+
+  return (
+    // apply your own positioning/styling
+    <ModalOverlay
+      isOpen
+      onOpenChange={(o) => {
+        if (!o) call.dismiss();
+      }}
+    >
+      <Modal>
+        <Dialog>
+          <Heading slot="title">{payload.title}</Heading>
+          <p>Remove this item from the list?</p>
+          <div>
+            <Button
+              onPress={async () => {
+                setChildResult(null);
+                const ok = await group.open({
+                  ...childConfirm,
+                  payload: { title: "Really delete this item?" },
+                });
+                setChildResult(ok);
+              }}
+            >
+              Delete item
+            </Button>
+            <Button onPress={() => call.dismiss()}>Close</Button>
+          </div>
+          {childResult !== null && (
+            <span>Child result: {String(childResult)}</span>
+          )}
+          <group.Outlet />
+        </Dialog>
+      </Modal>
+    </ModalOverlay>
+  );
+}
+
+const parentDialog = layerOptions<{ title: string }, void>({
+  stack: "example-nested",
+  key: ["example-nested", "parent"],
+  component: ParentDialog,
+});
+
+function Trigger() {
+  const parent = useLayer(parentDialog);
+
+  return (
+    <button
+      type="button"
+      onClick={() => {
+        void parent.open({ title: "Edit item" });
+      }}
+    >
+      Open parent dialog
+    </button>
+  );
+}
+
+export default function NestedConfirmExample() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-nested" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/nested-confirm/react.tsx b/apps/docs/recipes/nested-confirm/react.tsx
new file mode 100644
index 0000000..977ef1e
--- /dev/null
+++ b/apps/docs/recipes/nested-confirm/react.tsx
@@ -0,0 +1,98 @@
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+  useLayerGroup,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+import { useState } from "react";
+
+function ChildConfirm({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  return (
+    <div role="dialog" aria-modal="true">
+      <h3>{payload.title}</h3>
+      <div>
+        <button type="button" onClick={() => void call.end(false)}>
+          Cancel
+        </button>
+        <button type="button" onClick={() => void call.end(true)}>
+          Confirm
+        </button>
+      </div>
+    </div>
+  );
+}
+
+const childConfirm = layerOptions<{ title: string }, boolean>({
+  key: ["example-nested", "child-confirm"],
+  component: ChildConfirm,
+});
+
+function ParentDialog({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string }, void>) {
+  const group = useLayerGroup(call);
+  const [childResult, setChildResult] = useState<boolean | null>(null);
+
+  return (
+    <div role="dialog" aria-modal="true" aria-label={payload.title}>
+      <h2>{payload.title}</h2>
+      <p>Remove this item from the list?</p>
+      <div>
+        <button
+          type="button"
+          onClick={async () => {
+            setChildResult(null);
+            const ok = await group.open({
+              ...childConfirm,
+              payload: { title: "Really delete this item?" },
+            });
+            setChildResult(ok);
+          }}
+        >
+          Delete item
+        </button>
+        <button type="button" onClick={() => void call.dismiss()}>
+          Close
+        </button>
+      </div>
+      {childResult !== null && <span>Child result: {String(childResult)}</span>}
+      <group.Outlet />
+    </div>
+  );
+}
+
+const parentDialog = layerOptions<{ title: string }, void>({
+  stack: "example-nested",
+  key: ["example-nested", "parent"],
+  component: ParentDialog,
+});
+
+function Trigger() {
+  const parent = useLayer(parentDialog);
+
+  return (
+    <button
+      type="button"
+      onClick={() => {
+        void parent.open({ title: "Edit item" });
+      }}
+    >
+      Open parent dialog
+    </button>
+  );
+}
+
+export default function App() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-nested" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/nested-confirm/react.wiring.tsx b/apps/docs/recipes/nested-confirm/react.wiring.tsx
new file mode 100644
index 0000000..a032a5e
--- /dev/null
+++ b/apps/docs/recipes/nested-confirm/react.wiring.tsx
@@ -0,0 +1,72 @@
+import {
+  layerOptions,
+  StackOutlet,
+  StackProvider,
+  useLayer,
+  useLayerGroup,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+
+function ChildLayer({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string }, boolean>) {
+  return (
+    <div role="alertdialog" aria-modal="true" aria-label={payload.title}>
+      <button onClick={() => call.end(true)}>Yes</button>
+      <button onClick={() => call.end(false)}>No</button>
+    </div>
+  );
+}
+
+const childConfirm = layerOptions<{ title: string }, boolean>({
+  key: ["example-nested", "child-confirm"],
+  component: ChildLayer,
+  enteringDelay: 200,
+  exitingDelay: 200,
+});
+
+function ParentLayer({
+  call,
+  payload,
+}: LayerComponentProps<{ title: string }, void>) {
+  const group = useLayerGroup(call, { name: "confirm" });
+  const openChild = async () => {
+    await group.open({
+      ...childConfirm,
+      payload: { title: "Really delete this item?" },
+    });
+  };
+  return (
+    <>
+      <div role="dialog" aria-modal="true" aria-label={payload.title}>
+        <button onClick={openChild}>Delete</button>
+        <button onClick={() => call.dismiss()}>Close</button>
+      </div>
+      <group.Outlet />
+    </>
+  );
+}
+
+const parentDialog = layerOptions<{ title: string }, void>({
+  stack: "example-nested",
+  key: ["example-nested", "parent"],
+  component: ParentLayer,
+  enteringDelay: 200,
+  exitingDelay: 200,
+});
+
+function Trigger() {
+  const parent = useLayer(parentDialog);
+  const open = () => parent.open({ title: "Edit item" });
+  return <button onClick={open}>Open parent dialog</button>;
+}
+
+export default function NestedConfirmWiring() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-nested" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/nested-confirm/solid.tsx b/apps/docs/recipes/nested-confirm/solid.tsx
new file mode 100644
index 0000000..ce90aa4
--- /dev/null
+++ b/apps/docs/recipes/nested-confirm/solid.tsx
@@ -0,0 +1,97 @@
+import {
+  layerOptions,
+  LayerClient,
+  LayerClientContext,
+  StackOutlet,
+  useLayer,
+  useLayerGroup,
+} from "@stainless-code/solid-layers";
+import type { LayerComponentProps } from "@stainless-code/solid-layers";
+import { createSignal } from "solid-js";
+
+function ChildConfirm(props: LayerComponentProps<{ title: string }, boolean>) {
+  return (
+    <div role="dialog" aria-modal="true">
+      <h3>{props.payload.title}</h3>
+      <div>
+        <button type="button" onClick={() => void props.call.end(false)}>
+          Cancel
+        </button>
+        <button type="button" onClick={() => void props.call.end(true)}>
+          Confirm
+        </button>
+      </div>
+    </div>
+  );
+}
+
+const childConfirm = layerOptions<{ title: string }, boolean>({
+  key: ["example-nested", "child-confirm"],
+  component: ChildConfirm,
+});
+
+function ParentDialog(props: LayerComponentProps<{ title: string }, void>) {
+  const group = useLayerGroup(props.call);
+  const [childResult, setChildResult] = createSignal<boolean | null>(null);
+
+  return (
+    <div role="dialog" aria-modal="true" aria-label={props.payload.title}>
+      <h2>{props.payload.title}</h2>
+      <p>Remove this item from the list?</p>
+      <div>
+        <button
+          type="button"
+          onClick={async () => {
+            setChildResult(null);
+            const ok = await group.open({
+              ...childConfirm,
+              payload: { title: "Really delete this item?" },
+            });
+            setChildResult(ok);
+          }}
+        >
+          Delete item
+        </button>
+        <button type="button" onClick={() => void props.call.dismiss()}>
+          Close
+        </button>
+      </div>
+      {childResult() !== null && (
+        <span>Child result: {String(childResult())}</span>
+      )}
+      <group.Outlet />
+    </div>
+  );
+}
+
+const parentDialog = layerOptions<{ title: string }, void>({
+  stack: "example-nested",
+  key: ["example-nested", "parent"],
+  component: ParentDialog,
+});
+
+const client = new LayerClient();
+
+function Trigger() {
+  const parent = useLayer(parentDialog);
+
+  return (
+    <button
+      type="button"
+      onClick={() => {
+        void parent.open({ title: "Edit item" });
+      }}
+    >
+      Open parent dialog
+    </button>
+  );
+}
+
+export default function App() {
+  return (
+    <LayerClientContext.Provider value={client}>
+      <StackOutlet stack="example-nested" />
+      <Trigger />
+    </LayerClientContext.Provider>
+  );
+}
diff --git a/apps/docs/recipes/nested-confirm/svelte-runes.svelte b/apps/docs/recipes/nested-confirm/svelte-runes.svelte
new file mode 100644
index 0000000..54c4e51
--- /dev/null
+++ b/apps/docs/recipes/nested-confirm/svelte-runes.svelte
@@ -0,0 +1,70 @@
+<script lang="ts">
+  import {
+    type LayerCallContext,
+    type LayerState,
+    layerOptions,
+    useLayerGroup,
+    type LayerComponentProps,
+  } from "@stainless-code/svelte-layers";
+
+  type ParentPayload = { title: string };
+  type ChildPayload = { title: string };
+  type ChildResponse = boolean;
+  // `useLayerGroup` exposes a heterogeneous child stack — pin the concrete
+  // child layer types at the outlet.
+  type ChildState = LayerState<ChildPayload, ChildResponse>;
+  type ChildCall = LayerCallContext<ChildPayload, ChildResponse>;
+
+  let { call, payload }: LayerComponentProps<ParentPayload, void> = $props();
+
+  // svelte-ignore state_referenced_locally
+  const group = useLayerGroup(call);
+  let childResult = $state<boolean | null>(null);
+
+  const childConfirm = layerOptions<ChildPayload, ChildResponse>({
+    key: ["example-nested", "child-confirm"],
+  });
+
+  async function deleteItem() {
+    childResult = null;
+    const ok = await group.open({
+      ...childConfirm,
+      payload: { title: "Really delete this item?" },
+    });
+    childResult = ok;
+  }
+</script>
+
+<!--
+App.svelte — host wiring:
+  setLayerClient();
+  const parentStack = useStack({ stack: "example-nested" });
+  const parentDialog = layerOptions({ stack: "example-nested", key: ["example-nested", "parent"], component: ParentDialog });
+  const c = createLayer(parentDialog);
+  {#each parentStack.current as state (state.id)}
+    {@const call = parentStack.callFor(state)}
+    {#if call}<ParentDialog {call} payload={state.payload} ... />{/if}
+  {/each}
+  <button onclick={() => c.open({ title: "Edit item" })}>Open parent dialog</button>
+-->
+
+<div role="dialog" aria-modal="true" aria-label={payload.title}>
+  <h2>{payload.title}</h2>
+  <p>Remove this item from the list?</p>
+  <button type="button" onclick={deleteItem}>Delete item</button>
+  <button type="button" onclick={() => void call.dismiss()}>Close</button>
+  {#if childResult !== null}
+    <span>Child result: {String(childResult)}</span>
+  {/if}
+  {#each group.stack.current as raw (raw.id)}
+    {@const s = raw as ChildState}
+    {@const childCall = group.stack.callFor(raw) as ChildCall | null}
+    {#if childCall}
+      <div role="dialog" aria-modal="true">
+        <h3>{s.payload.title}</h3>
+        <button type="button" onclick={() => void childCall.end(false)}>Cancel</button>
+        <button type="button" onclick={() => void childCall.end(true)}>Confirm</button>
+      </div>
+    {/if}
+  {/each}
+</div>
diff --git a/apps/docs/recipes/nested-confirm/svelte-store.svelte b/apps/docs/recipes/nested-confirm/svelte-store.svelte
new file mode 100644
index 0000000..3217da4
--- /dev/null
+++ b/apps/docs/recipes/nested-confirm/svelte-store.svelte
@@ -0,0 +1,76 @@
+<script lang="ts">
+  import { writable } from "svelte/store";
+  import {
+    type LayerCallContext,
+    type LayerState,
+    callFor,
+    layerOptions,
+    useLayerClient,
+    useLayerGroup,
+    type LayerComponentProps,
+  } from "@stainless-code/svelte-layers/store";
+
+  type ParentPayload = { title: string };
+  type ChildPayload = { title: string };
+  type ChildResponse = boolean;
+  // `useLayerGroup` exposes a heterogeneous child stack — pin the concrete
+  // child layer types at the outlet.
+  type ChildState = LayerState<ChildPayload, ChildResponse>;
+  type ChildCall = LayerCallContext<ChildPayload, ChildResponse>;
+
+  let { call, payload }: LayerComponentProps<ParentPayload, void> = $props();
+
+  const client = useLayerClient();
+  // svelte-ignore state_referenced_locally
+  const group = useLayerGroup(call);
+  const childStack = group.stack;
+  const childResult = writable<boolean | null>(null);
+
+  const childConfirm = layerOptions<ChildPayload, ChildResponse>({
+    key: ["example-nested", "child-confirm"],
+  });
+
+  async function deleteItem() {
+    childResult.set(null);
+    const ok = await group.open({
+      ...childConfirm,
+      payload: { title: "Really delete this item?" },
+    });
+    childResult.set(ok);
+  }
+</script>
+
+<!--
+App.svelte — host wiring:
+  setLayerClient();
+  const client = useLayerClient();
+  const parentStack = useStack({ stack: "example-nested" });
+  const parentDialog = layerOptions({ stack: "example-nested", key: ["example-nested", "parent"], component: ParentDialog });
+  const c = createLayer(parentDialog);
+  {#each $parentStack as state (state.id)}
+    {@const call = callFor(client, "example-nested", state)}
+    {#if call}<ParentDialog {call} payload={state.payload} ... />{/if}
+  {/each}
+  <button onclick={() => c.open({ title: "Edit item" })}>Open parent dialog</button>
+-->
+
+<div role="dialog" aria-modal="true" aria-label={payload.title}>
+  <h2>{payload.title}</h2>
+  <p>Remove this item from the list?</p>
+  <button type="button" onclick={deleteItem}>Delete item</button>
+  <button type="button" onclick={() => void call.dismiss()}>Close</button>
+  {#if $childResult !== null}
+    <span>Child result: {String($childResult)}</span>
+  {/if}
+  {#each $childStack as raw (raw.id)}
+    {@const s = raw as ChildState}
+    {@const childCall = callFor(client, group.stackId, raw) as ChildCall | null}
+    {#if childCall}
+      <div role="dialog" aria-modal="true">
+        <h3>{s.payload.title}</h3>
+        <button type="button" onclick={() => void childCall.end(false)}>Cancel</button>
+        <button type="button" onclick={() => void childCall.end(true)}>Confirm</button>
+      </div>
+    {/if}
+  {/each}
+</div>
diff --git a/apps/docs/recipes/nested-confirm/vue-child.vue b/apps/docs/recipes/nested-confirm/vue-child.vue
new file mode 100644
index 0000000..546bb05
--- /dev/null
+++ b/apps/docs/recipes/nested-confirm/vue-child.vue
@@ -0,0 +1,19 @@
+<script setup lang="ts">
+import type { LayerComponentProps } from "@stainless-code/vue-layers";
+
+type ChildPayload = { title: string };
+type ChildResponse = boolean;
+
+const { call, payload } =
+  defineProps<LayerComponentProps<ChildPayload, ChildResponse>>();
+</script>
+
+<template>
+  <div role="dialog" aria-modal="true">
+    <h3>{{ payload.title }}</h3>
+    <div>
+      <button type="button" @click="() => void call.end(false)">No</button>
+      <button type="button" @click="() => void call.end(true)">Yes</button>
+    </div>
+  </div>
+</template>
diff --git a/apps/docs/recipes/nested-confirm/vue-host.vue b/apps/docs/recipes/nested-confirm/vue-host.vue
new file mode 100644
index 0000000..ff6f302
--- /dev/null
+++ b/apps/docs/recipes/nested-confirm/vue-host.vue
@@ -0,0 +1,30 @@
+<script setup lang="ts">
+import {
+  layerOptions,
+  provideLayerClient,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/vue-layers";
+
+import ParentDialog from "./vue.vue";
+
+type ParentPayload = { title: string };
+
+const parentDialog = layerOptions<ParentPayload, void>({
+  stack: "example-nested",
+  key: ["example-nested", "parent"],
+  component: ParentDialog,
+});
+
+provideLayerClient();
+const c = useLayer(parentDialog);
+
+function openParent() {
+  void c.open({ title: "Edit item" });
+}
+</script>
+
+<template>
+  <StackOutlet stack="example-nested" />
+  <button type="button" @click="openParent">Open parent dialog</button>
+</template>
diff --git a/apps/docs/recipes/nested-confirm/vue.vue b/apps/docs/recipes/nested-confirm/vue.vue
new file mode 100644
index 0000000..51609b7
--- /dev/null
+++ b/apps/docs/recipes/nested-confirm/vue.vue
@@ -0,0 +1,50 @@
+<script setup lang="ts">
+import {
+  layerOptions,
+  useLayerGroup,
+  type LayerComponentProps,
+} from "@stainless-code/vue-layers";
+import { ref } from "vue";
+
+import ChildConfirm from "./vue-child.vue";
+
+type ParentPayload = { title: string };
+type ChildPayload = { title: string };
+type ChildResponse = boolean;
+
+const childConfirm = layerOptions<ChildPayload, ChildResponse>({
+  key: ["example-nested", "child-confirm"],
+  component: ChildConfirm,
+});
+
+const { call, payload } =
+  defineProps<LayerComponentProps<ParentPayload, void>>();
+
+// Owns a child stack scoped to this parent's lifetime; auto-drains on dismiss.
+const group = useLayerGroup(call);
+const childResult = ref<boolean | null>(null);
+
+async function openChild() {
+  childResult.value = null;
+  const ok = await group.open({
+    ...childConfirm,
+    payload: { title: "Really delete this item?" },
+  });
+  childResult.value = ok;
+}
+</script>
+
+<template>
+  <div role="dialog" aria-modal="true" :aria-label="payload.title">
+    <h2>{{ payload.title }}</h2>
+    <p>Remove this item from the list?</p>
+    <div>
+      <button type="button" @click="openChild">Delete item</button>
+      <button type="button" @click="call.dismiss()">Close</button>
+    </div>
+    <span v-if="childResult !== null"
+      >Child result: {{ String(childResult) }}</span
+    >
+    <group.Outlet />
+  </div>
+</template>
diff --git a/apps/docs/recipes/progress/angular.ts b/apps/docs/recipes/progress/angular.ts
new file mode 100644
index 0000000..a6e5189
--- /dev/null
+++ b/apps/docs/recipes/progress/angular.ts
@@ -0,0 +1,84 @@
+import { Component, inject, signal, ViewContainerRef } from "@angular/core";
+import {
+  layerOptions,
+  provideLayerClient,
+  renderStack,
+  injectLayer,
+} from "@stainless-code/angular-layers";
+import type { LayerComponentProps } from "@stainless-code/angular-layers";
+
+interface ProgressPayload {
+  percent: number;
+  label: string;
+}
+
+@Component({
+  selector: "progress-overlay",
+  template: `
+    <div role="dialog" aria-modal="true" [attr.aria-label]="payload.label">
+      <p>{{ payload.label }}</p>
+      <progress [value]="payload.percent" max="100"></progress>
+      <p>{{ payload.percent }}%</p>
+    </div>
+  `,
+})
+class ProgressOverlayComponent {
+  call!: LayerComponentProps<ProgressPayload, void>["call"];
+  payload!: ProgressPayload;
+}
+
+const progress = layerOptions<ProgressPayload, void>({
+  stack: "example-progress",
+  key: ["example-progress"],
+  component: ProgressOverlayComponent,
+});
+
+@Component({
+  selector: "app-root",
+  standalone: true,
+  providers: [provideLayerClient()],
+  template: `
+    <button
+      type="button"
+      [disabled]="status() === 'running'"
+      (click)="startUpload()"
+    >
+      Start upload
+    </button>
+    @if (status() !== "idle") {
+      <span>{{ status() === "running" ? "Uploading…" : "Complete" }}</span>
+    }
+    <ng-container />
+  `,
+})
+export class AppComponent {
+  private c = injectLayer(progress);
+  private vcr = inject(ViewContainerRef);
+  status = signal<"idle" | "running" | "complete">("idle");
+
+  constructor() {
+    renderStack(this.vcr, "example-progress");
+  }
+
+  startUpload() {
+    this.status.set("running");
+    void this.c.open({ percent: 0, label: "Uploading file…" });
+    const layer = this.c.stack.find(["example-progress"]);
+    if (!layer) {
+      this.status.set("idle");
+      return;
+    }
+
+    let percent = 0;
+    const interval = setInterval(() => {
+      percent = Math.min(100, percent + 5);
+      this.c.stack.update(layer, { percent });
+      if (percent >= 100) {
+        clearInterval(interval);
+        void this.c.stack.dismiss(layer, undefined as void).then(() => {
+          this.status.set("complete");
+        });
+      }
+    }, 150);
+  }
+}
diff --git a/apps/docs/recipes/progress/preact.tsx b/apps/docs/recipes/progress/preact.tsx
new file mode 100644
index 0000000..b22e7d2
--- /dev/null
+++ b/apps/docs/recipes/progress/preact.tsx
@@ -0,0 +1,77 @@
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/preact-layers";
+import type { LayerComponentProps } from "@stainless-code/preact-layers";
+import { useState } from "preact/hooks";
+
+function ProgressOverlay({
+  payload,
+}: LayerComponentProps<{ percent: number; label: string }, void>) {
+  return (
+    <div role="dialog" aria-modal="true" aria-label={payload.label}>
+      <p>{payload.label}</p>
+      <progress value={payload.percent} max={100} />
+      <p>{payload.percent}%</p>
+    </div>
+  );
+}
+
+const progress = layerOptions<{ percent: number; label: string }, void>({
+  stack: "example-progress",
+  key: ["example-progress"],
+  component: ProgressOverlay,
+});
+
+function Trigger() {
+  const progressLayer = useLayer(progress);
+  const [status, setStatus] = useState<"idle" | "running" | "complete">("idle");
+
+  return (
+    <div>
+      <button
+        type="button"
+        disabled={status === "running"}
+        onClick={() => {
+          setStatus("running");
+          void progressLayer.open({ percent: 0, label: "Uploading file…" });
+          const layer = progressLayer.stack.find(["example-progress"]);
+          if (!layer) {
+            setStatus("idle");
+            return;
+          }
+
+          let percent = 0;
+          const interval = setInterval(() => {
+            percent = Math.min(100, percent + 5);
+            progressLayer.stack.update(layer, { percent });
+            if (percent >= 100) {
+              clearInterval(interval);
+              void progressLayer.stack
+                .dismiss(layer, undefined as void)
+                .then(() => {
+                  setStatus("complete");
+                });
+            }
+          }, 150);
+        }}
+      >
+        Start upload
+      </button>
+      {status !== "idle" && (
+        <span>{status === "running" ? "Uploading…" : "Complete"}</span>
+      )}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-progress" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/progress/react.tsx b/apps/docs/recipes/progress/react.tsx
new file mode 100644
index 0000000..e75170d
--- /dev/null
+++ b/apps/docs/recipes/progress/react.tsx
@@ -0,0 +1,77 @@
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+import { useState } from "react";
+
+function ProgressOverlay({
+  payload,
+}: LayerComponentProps<{ percent: number; label: string }, void>) {
+  return (
+    <div role="dialog" aria-modal="true" aria-label={payload.label}>
+      <p>{payload.label}</p>
+      <progress value={payload.percent} max={100} />
+      <p>{payload.percent}%</p>
+    </div>
+  );
+}
+
+const progress = layerOptions<{ percent: number; label: string }, void>({
+  stack: "example-progress",
+  key: ["example-progress"],
+  component: ProgressOverlay,
+});
+
+function Trigger() {
+  const progressLayer = useLayer(progress);
+  const [status, setStatus] = useState<"idle" | "running" | "complete">("idle");
+
+  return (
+    <div>
+      <button
+        type="button"
+        disabled={status === "running"}
+        onClick={() => {
+          setStatus("running");
+          void progressLayer.open({ percent: 0, label: "Uploading file…" });
+          const layer = progressLayer.stack.find(["example-progress"]);
+          if (!layer) {
+            setStatus("idle");
+            return;
+          }
+
+          let percent = 0;
+          const interval = setInterval(() => {
+            percent = Math.min(100, percent + 5);
+            progressLayer.stack.update(layer, { percent });
+            if (percent >= 100) {
+              clearInterval(interval);
+              void progressLayer.stack
+                .dismiss(layer, undefined as void)
+                .then(() => {
+                  setStatus("complete");
+                });
+            }
+          }, 150);
+        }}
+      >
+        Start upload
+      </button>
+      {status !== "idle" && (
+        <span>{status === "running" ? "Uploading…" : "Complete"}</span>
+      )}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-progress" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/progress/react.wiring.tsx b/apps/docs/recipes/progress/react.wiring.tsx
new file mode 100644
index 0000000..f2b855c
--- /dev/null
+++ b/apps/docs/recipes/progress/react.wiring.tsx
@@ -0,0 +1,78 @@
+import {
+  layerOptions,
+  StackOutlet,
+  StackProvider,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+import { useEffect } from "react";
+
+function ProgressLayer({
+  call,
+  payload,
+}: LayerComponentProps<
+  { fileName: string; percent: number; speedKb: number },
+  void
+>) {
+  const done = payload.percent >= 100;
+  useEffect(() => {
+    if (done) {
+      const t = setTimeout(() => call.dismiss(), 900);
+      return () => clearTimeout(t);
+    }
+    return;
+  }, [done, call]);
+  return (
+    <div>
+      <span>{payload.fileName}</span>
+      <span>{payload.percent}%</span>
+      <span>{payload.speedKb} KB/s</span>
+    </div>
+  );
+}
+
+const progress = layerOptions<
+  { fileName: string; percent: number; speedKb: number },
+  void
+>({
+  stack: "example-progress",
+  key: ["example-progress"],
+  upsert: true,
+  component: ProgressLayer,
+  enteringDelay: 200,
+  exitingDelay: 200,
+});
+
+function Trigger() {
+  const progressLayer = useLayer(progress);
+  const start = () => {
+    void progressLayer.open({
+      fileName: "layers-core-1.4.0.tgz",
+      percent: 0,
+      speedKb: 0,
+    });
+    const layer = progressLayer.stack.find(["example-progress"]);
+    if (!layer) return;
+    let pct = 0;
+    const id = setInterval(() => {
+      pct = Math.min(100, pct + Math.round(6 + Math.random() * 8));
+      const speed = Math.round((8 + Math.random() * 6) * 10) / 10;
+      progressLayer.stack.update(layer, {
+        percent: pct,
+        speedKb: speed,
+      } as never);
+      progressLayer.stack.setRunning(layer, pct < 100);
+      if (pct >= 100) clearInterval(id);
+    }, 130);
+  };
+  return <button onClick={start}>Start upload</button>;
+}
+
+export default function ProgressWiring() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-progress" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/progress/solid.tsx b/apps/docs/recipes/progress/solid.tsx
new file mode 100644
index 0000000..a2e8248
--- /dev/null
+++ b/apps/docs/recipes/progress/solid.tsx
@@ -0,0 +1,82 @@
+import {
+  layerOptions,
+  LayerClient,
+  LayerClientContext,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/solid-layers";
+import type { LayerComponentProps } from "@stainless-code/solid-layers";
+import { createSignal } from "solid-js";
+
+function ProgressOverlay(
+  props: LayerComponentProps<{ percent: number; label: string }, void>,
+) {
+  return (
+    <div role="dialog" aria-modal="true" aria-label={props.payload.label}>
+      <p>{props.payload.label}</p>
+      <progress value={props.payload.percent} max={100} />
+      <p>{props.payload.percent}%</p>
+    </div>
+  );
+}
+
+const progress = layerOptions<{ percent: number; label: string }, void>({
+  stack: "example-progress",
+  key: ["example-progress"],
+  component: ProgressOverlay,
+});
+
+const client = new LayerClient();
+
+function Trigger() {
+  const progressLayer = useLayer(progress);
+  const [status, setStatus] = createSignal<"idle" | "running" | "complete">(
+    "idle",
+  );
+
+  return (
+    <div>
+      <button
+        type="button"
+        disabled={status() === "running"}
+        onClick={() => {
+          setStatus("running");
+          void progressLayer.open({ percent: 0, label: "Uploading file…" });
+          const layer = progressLayer.stack.find(["example-progress"]);
+          if (!layer) {
+            setStatus("idle");
+            return;
+          }
+
+          let percent = 0;
+          const interval = setInterval(() => {
+            percent = Math.min(100, percent + 5);
+            progressLayer.stack.update(layer, { percent });
+            if (percent >= 100) {
+              clearInterval(interval);
+              void progressLayer.stack
+                .dismiss(layer, undefined as void)
+                .then(() => {
+                  setStatus("complete");
+                });
+            }
+          }, 150);
+        }}
+      >
+        Start upload
+      </button>
+      {status() !== "idle" && (
+        <span>{status() === "running" ? "Uploading…" : "Complete"}</span>
+      )}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <LayerClientContext.Provider value={client}>
+      <StackOutlet stack="example-progress" />
+      <Trigger />
+    </LayerClientContext.Provider>
+  );
+}
diff --git a/apps/docs/recipes/progress/svelte-runes.svelte b/apps/docs/recipes/progress/svelte-runes.svelte
new file mode 100644
index 0000000..ef7708f
--- /dev/null
+++ b/apps/docs/recipes/progress/svelte-runes.svelte
@@ -0,0 +1,70 @@
+<script lang="ts">
+  import {
+    type LayerCallContext,
+    type LayerState,
+    createLayer,
+    layerOptions,
+    setLayerClient,
+    useStack,
+  } from "@stainless-code/svelte-layers";
+
+  type ProgressPayload = { percent: number; label: string };
+  // `useStack` is heterogeneous — pin the concrete layer types at the outlet.
+  type ProgressState = LayerState<ProgressPayload, void>;
+  type ProgressCall = LayerCallContext<ProgressPayload, void>;
+
+  setLayerClient();
+  const progressStack = useStack({ stack: "example-progress" });
+
+  const progress = layerOptions<ProgressPayload, void>({
+    stack: "example-progress",
+    key: ["example-progress"],
+  });
+
+  const c = createLayer(progress);
+
+  let status = $state<"idle" | "running" | "complete">("idle");
+
+  function startUpload() {
+    status = "running";
+    void c.open({ percent: 0, label: "Uploading file…" });
+    const layer = c.stack.find(["example-progress"]);
+    if (!layer) {
+      status = "idle";
+      return;
+    }
+
+    let percent = 0;
+    const interval = setInterval(() => {
+      percent = Math.min(100, percent + 5);
+      c.stack.update(layer, { percent });
+      if (percent >= 100) {
+        clearInterval(interval);
+        void c.stack.dismiss(layer, undefined as void).then(() => {
+          status = "complete";
+        });
+      }
+    }, 150);
+  }
+</script>
+
+{#each progressStack.current as raw (raw.id)}
+  {@const state = raw as ProgressState}
+  {@const call = progressStack.callFor(raw) as ProgressCall | null}
+  {#if call}
+    <div role="dialog" aria-modal="true" aria-label={state.payload.label}>
+      <p>{state.payload.label}</p>
+      <progress value={state.payload.percent} max="100"></progress>
+      <p>{state.payload.percent}%</p>
+    </div>
+  {/if}
+{/each}
+
+<div>
+  <button type="button" disabled={status === "running"} onclick={startUpload}>
+    Start upload
+  </button>
+  {#if status !== "idle"}
+    <span>{status === "running" ? "Uploading…" : "Complete"}</span>
+  {/if}
+</div>
diff --git a/apps/docs/recipes/progress/svelte-store.svelte b/apps/docs/recipes/progress/svelte-store.svelte
new file mode 100644
index 0000000..d2dde10
--- /dev/null
+++ b/apps/docs/recipes/progress/svelte-store.svelte
@@ -0,0 +1,73 @@
+<script lang="ts">
+  import {
+    type LayerCallContext,
+    type LayerState,
+    callFor,
+    createLayer,
+    layerOptions,
+    setLayerClient,
+    useLayerClient,
+    useStack,
+  } from "@stainless-code/svelte-layers/store";
+
+  type ProgressPayload = { percent: number; label: string };
+  // `useStack` is heterogeneous — pin the concrete layer types at the outlet.
+  type ProgressState = LayerState<ProgressPayload, void>;
+  type ProgressCall = LayerCallContext<ProgressPayload, void>;
+
+  setLayerClient();
+  const client = useLayerClient();
+  const progressStack = useStack({ stack: "example-progress" });
+
+  const progress = layerOptions<ProgressPayload, void>({
+    stack: "example-progress",
+    key: ["example-progress"],
+  });
+
+  const c = createLayer(progress);
+
+  let status: "idle" | "running" | "complete" = "idle";
+
+  function startUpload() {
+    status = "running";
+    void c.open({ percent: 0, label: "Uploading file…" });
+    const layer = c.stack.find(["example-progress"]);
+    if (!layer) {
+      status = "idle";
+      return;
+    }
+
+    let percent = 0;
+    const interval = setInterval(() => {
+      percent = Math.min(100, percent + 5);
+      c.stack.update(layer, { percent });
+      if (percent >= 100) {
+        clearInterval(interval);
+        void c.stack.dismiss(layer, undefined as void).then(() => {
+          status = "complete";
+        });
+      }
+    }, 150);
+  }
+</script>
+
+{#each $progressStack as raw (raw.id)}
+  {@const state = raw as ProgressState}
+  {@const call = callFor(client, "example-progress", raw) as ProgressCall | null}
+  {#if call}
+    <div role="dialog" aria-modal="true" aria-label={state.payload.label}>
+      <p>{state.payload.label}</p>
+      <progress value={state.payload.percent} max="100"></progress>
+      <p>{state.payload.percent}%</p>
+    </div>
+  {/if}
+{/each}
+
+<div>
+  <button type="button" disabled={status === "running"} onclick={startUpload}>
+    Start upload
+  </button>
+  {#if status !== "idle"}
+    <span>{status === "running" ? "Uploading…" : "Complete"}</span>
+  {/if}
+</div>
diff --git a/apps/docs/recipes/progress/vue-host.vue b/apps/docs/recipes/progress/vue-host.vue
new file mode 100644
index 0000000..65b8235
--- /dev/null
+++ b/apps/docs/recipes/progress/vue-host.vue
@@ -0,0 +1,57 @@
+<script setup lang="ts">
+import {
+  layerOptions,
+  provideLayerClient,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/vue-layers";
+import { ref } from "vue";
+
+import ProgressOverlay from "./vue.vue";
+
+type ProgressPayload = { percent: number; label: string };
+
+const progress = layerOptions<ProgressPayload, void>({
+  stack: "example-progress",
+  key: ["example-progress"],
+  component: ProgressOverlay,
+});
+
+provideLayerClient();
+const c = useLayer(progress);
+const status = ref<"idle" | "running" | "complete">("idle");
+
+function startUpload() {
+  status.value = "running";
+  void c.open({ percent: 0, label: "Uploading file…" });
+  const layer = c.stack.find(["example-progress"]);
+  if (!layer) {
+    status.value = "idle";
+    return;
+  }
+
+  let percent = 0;
+  const interval = setInterval(() => {
+    percent = Math.min(100, percent + 5);
+    c.stack.update(layer, { percent });
+    if (percent >= 100) {
+      clearInterval(interval);
+      void c.stack.dismiss(layer, undefined as void).then(() => {
+        status.value = "complete";
+      });
+    }
+  }, 150);
+}
+</script>
+
+<template>
+  <StackOutlet stack="example-progress" />
+  <div>
+    <button type="button" :disabled="status === 'running'" @click="startUpload">
+      Start upload
+    </button>
+    <span v-if="status !== 'idle'">
+      {{ status === "running" ? "Uploading…" : "Complete" }}
+    </span>
+  </div>
+</template>
diff --git a/apps/docs/recipes/progress/vue.vue b/apps/docs/recipes/progress/vue.vue
new file mode 100644
index 0000000..08b8a8c
--- /dev/null
+++ b/apps/docs/recipes/progress/vue.vue
@@ -0,0 +1,15 @@
+<script setup lang="ts">
+import type { LayerComponentProps } from "@stainless-code/vue-layers";
+
+type ProgressPayload = { percent: number; label: string };
+
+const { payload } = defineProps<LayerComponentProps<ProgressPayload, void>>();
+</script>
+
+<template>
+  <div role="dialog" aria-modal="true" :aria-label="payload.label">
+    <p>{{ payload.label }}</p>
+    <progress :value="payload.percent" max="100" />
+    <p>{{ payload.percent }}%</p>
+  </div>
+</template>
diff --git a/apps/docs/recipes/route-guard-open/angular.ts b/apps/docs/recipes/route-guard-open/angular.ts
new file mode 100644
index 0000000..06ce7eb
--- /dev/null
+++ b/apps/docs/recipes/route-guard-open/angular.ts
@@ -0,0 +1,75 @@
+import { Component, inject, signal, ViewContainerRef } from "@angular/core";
+import {
+  createLayer,
+  LayerClient,
+  layerOptions,
+  provideLayerClient,
+  renderStack,
+} from "@stainless-code/angular-layers";
+import type { LayerComponentProps } from "@stainless-code/angular-layers";
+
+interface GuardPayload {
+  destination: string;
+}
+type GuardResponse = boolean;
+
+const layerClient = new LayerClient();
+
+@Component({
+  selector: "guard-dialog",
+  template: `
+    <div role="dialog" aria-modal="true">
+      <h2>Leave this page?</h2>
+      <p>
+        Unsaved changes may be lost. Navigate to
+        <strong>{{ payload.destination }}</strong
+        >?
+      </p>
+      <button type="button" (click)="call.end(false)">Stay</button>
+      <button type="button" (click)="call.end(true)">Leave</button>
+    </div>
+  `,
+})
+class GuardDialogComponent {
+  call!: LayerComponentProps<GuardPayload, GuardResponse>["call"];
+  payload!: GuardPayload;
+}
+
+const guard = layerOptions<GuardPayload, GuardResponse>({
+  stack: "example-route-guard",
+  key: ["example-route-guard"],
+  component: GuardDialogComponent,
+});
+
+const g = createLayer(guard, layerClient);
+
+async function simulateNavigation(destination: string): Promise<string> {
+  const ok = await g.open({ destination });
+  return ok ? `Navigated to ${destination}` : "Navigation cancelled";
+}
+
+@Component({
+  selector: "app-root",
+  standalone: true,
+  providers: [provideLayerClient(layerClient)],
+  template: `
+    <button type="button" (click)="navigate()">Simulate navigation</button>
+    @if (result() !== null) {
+      <span>Result: {{ result() }}</span>
+    }
+    <ng-container />
+  `,
+})
+export class AppComponent {
+  private vcr = inject(ViewContainerRef);
+  result = signal<string | null>(null);
+
+  constructor() {
+    renderStack(this.vcr, "example-route-guard");
+  }
+
+  async navigate() {
+    this.result.set(null);
+    this.result.set(await simulateNavigation("/settings"));
+  }
+}
diff --git a/apps/docs/recipes/route-guard-open/preact.tsx b/apps/docs/recipes/route-guard-open/preact.tsx
new file mode 100644
index 0000000..8eed2ff
--- /dev/null
+++ b/apps/docs/recipes/route-guard-open/preact.tsx
@@ -0,0 +1,76 @@
+import {
+  LayerClient,
+  createLayer,
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+} from "@stainless-code/preact-layers";
+import type { LayerComponentProps } from "@stainless-code/preact-layers";
+import { useState } from "preact/hooks";
+
+const layerClient = new LayerClient();
+
+function GuardDialog({
+  call,
+  payload,
+}: LayerComponentProps<{ destination: string }, boolean>) {
+  return (
+    <div role="dialog" aria-modal="true">
+      <h2>Leave this page?</h2>
+      <p>
+        Unsaved changes may be lost. Navigate to{" "}
+        <strong>{payload.destination}</strong>?
+      </p>
+      <div>
+        <button type="button" onClick={() => void call.end(false)}>
+          Stay
+        </button>
+        <button type="button" onClick={() => void call.end(true)}>
+          Leave
+        </button>
+      </div>
+    </div>
+  );
+}
+
+const guard = layerOptions<{ destination: string }, boolean>({
+  stack: "example-route-guard",
+  key: ["example-route-guard"],
+  component: GuardDialog,
+});
+
+const guardLayer = createLayer(guard, layerClient);
+
+async function simulateNavigation(destination: string): Promise<string> {
+  const ok = await guardLayer.open({ destination });
+  return ok ? `Navigated to ${destination}` : "Navigation cancelled";
+}
+
+function Trigger() {
+  const [result, setResult] = useState<string | null>(null);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={async () => {
+          setResult(null);
+          const message = await simulateNavigation("/settings");
+          setResult(message);
+        }}
+      >
+        Simulate navigation
+      </button>
+      {result !== null && <span>Result: {result}</span>}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <StackProvider client={layerClient}>
+      <StackOutlet stack="example-route-guard" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/route-guard-open/react.tsx b/apps/docs/recipes/route-guard-open/react.tsx
new file mode 100644
index 0000000..4aa3287
--- /dev/null
+++ b/apps/docs/recipes/route-guard-open/react.tsx
@@ -0,0 +1,75 @@
+import {
+  createLayer,
+  LayerClient,
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+import { useState } from "react";
+
+function GuardDialog({
+  call,
+  payload,
+}: LayerComponentProps<{ destination: string }, boolean>) {
+  return (
+    <div role="dialog" aria-modal="true">
+      <h2>Leave this page?</h2>
+      <p>
+        Unsaved changes may be lost. Navigate to{" "}
+        <strong>{payload.destination}</strong>?
+      </p>
+      <div>
+        <button type="button" onClick={() => void call.end(false)}>
+          Stay
+        </button>
+        <button type="button" onClick={() => void call.end(true)}>
+          Leave
+        </button>
+      </div>
+    </div>
+  );
+}
+
+const guard = layerOptions<{ destination: string }, boolean>({
+  stack: "example-route-guard",
+  key: ["example-route-guard"],
+  component: GuardDialog,
+});
+
+const layerClient = new LayerClient();
+const guardLayer = createLayer(guard, layerClient);
+
+async function simulateNavigation(destination: string): Promise<string> {
+  const ok = await guardLayer.open({ destination });
+  return ok ? `Navigated to ${destination}` : "Navigation cancelled";
+}
+
+function Trigger() {
+  const [result, setResult] = useState<string | null>(null);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={async () => {
+          setResult(null);
+          const message = await simulateNavigation("/settings");
+          setResult(message);
+        }}
+      >
+        Simulate navigation
+      </button>
+      {result !== null && <span>Result: {result}</span>}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <StackProvider client={layerClient}>
+      <StackOutlet stack="example-route-guard" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/route-guard-open/react.wiring.tsx b/apps/docs/recipes/route-guard-open/react.wiring.tsx
new file mode 100644
index 0000000..67ea10c
--- /dev/null
+++ b/apps/docs/recipes/route-guard-open/react.wiring.tsx
@@ -0,0 +1,59 @@
+import {
+  createLayer,
+  LayerClient,
+  layerOptions,
+  StackOutlet,
+  StackProvider,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+
+function GuardLayer({
+  call,
+  payload,
+  transition,
+}: LayerComponentProps<{ destination: string }, boolean>) {
+  return (
+    <div
+      role="alertdialog"
+      aria-modal="true"
+      data-transition={transition}
+      aria-label={`Leave for ${payload.destination}?`}
+    >
+      <button onClick={() => call.end(true)}>Leave</button>
+      <button onClick={() => call.end(false)}>Stay</button>
+    </div>
+  );
+}
+
+const guard = layerOptions<{ destination: string }, boolean>({
+  stack: "example-route-guard",
+  key: ["example-route-guard"],
+  component: GuardLayer,
+  enteringDelay: 200,
+  exitingDelay: 200,
+});
+
+const guardClient = new LayerClient();
+const guardLayer = createLayer(guard, guardClient);
+
+async function navigate(destination: string): Promise<string> {
+  const ok = await guardLayer.open({ destination });
+  return ok ? `Navigated to ${destination}` : "Navigation cancelled";
+}
+
+function Trigger() {
+  const go = async () => {
+    const message = await navigate("/settings");
+    void message;
+  };
+  return <button onClick={go}>Simulate navigation</button>;
+}
+
+export default function RouteGuardWiring() {
+  return (
+    <StackProvider client={guardClient}>
+      <StackOutlet stack="example-route-guard" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/route-guard-open/solid.tsx b/apps/docs/recipes/route-guard-open/solid.tsx
new file mode 100644
index 0000000..13c5b32
--- /dev/null
+++ b/apps/docs/recipes/route-guard-open/solid.tsx
@@ -0,0 +1,75 @@
+import {
+  createLayer,
+  layerOptions,
+  LayerClient,
+  LayerClientContext,
+  StackOutlet,
+} from "@stainless-code/solid-layers";
+import type { LayerComponentProps } from "@stainless-code/solid-layers";
+import { createSignal } from "solid-js";
+
+const layerClient = new LayerClient();
+
+function GuardDialog(
+  props: LayerComponentProps<{ destination: string }, boolean>,
+) {
+  return (
+    <div role="dialog" aria-modal="true">
+      <h2>Leave this page?</h2>
+      <p>
+        Unsaved changes may be lost. Navigate to{" "}
+        <strong>{props.payload.destination}</strong>?
+      </p>
+      <div>
+        <button type="button" onClick={() => void props.call.end(false)}>
+          Stay
+        </button>
+        <button type="button" onClick={() => void props.call.end(true)}>
+          Leave
+        </button>
+      </div>
+    </div>
+  );
+}
+
+const guard = layerOptions<{ destination: string }, boolean>({
+  stack: "example-route-guard",
+  key: ["example-route-guard"],
+  component: GuardDialog,
+});
+
+const guardLayer = createLayer(guard, layerClient);
+
+async function simulateNavigation(destination: string): Promise<string> {
+  const ok = await guardLayer.open({ destination });
+  return ok ? `Navigated to ${destination}` : "Navigation cancelled";
+}
+
+function Trigger() {
+  const [result, setResult] = createSignal<string | null>(null);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={async () => {
+          setResult(null);
+          const message = await simulateNavigation("/settings");
+          setResult(message);
+        }}
+      >
+        Simulate navigation
+      </button>
+      {result() !== null && <span>Result: {result()}</span>}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <LayerClientContext.Provider value={layerClient}>
+      <StackOutlet stack="example-route-guard" />
+      <Trigger />
+    </LayerClientContext.Provider>
+  );
+}
diff --git a/apps/docs/recipes/route-guard-open/svelte-runes.svelte b/apps/docs/recipes/route-guard-open/svelte-runes.svelte
new file mode 100644
index 0000000..276dd0d
--- /dev/null
+++ b/apps/docs/recipes/route-guard-open/svelte-runes.svelte
@@ -0,0 +1,63 @@
+<script lang="ts">
+  import {
+    type LayerCallContext,
+    type LayerState,
+    createLayer,
+    LayerClient,
+    layerOptions,
+    setLayerClient,
+    useStack,
+  } from "@stainless-code/svelte-layers";
+
+  type GuardPayload = { destination: string };
+  type GuardResponse = boolean;
+  // `useStack` is heterogeneous — pin the concrete layer types at the outlet.
+  type GuardState = LayerState<GuardPayload, GuardResponse>;
+  type GuardCall = LayerCallContext<GuardPayload, GuardResponse>;
+
+  const layerClient = new LayerClient();
+
+  setLayerClient(layerClient);
+  const guardStack = useStack({ stack: "example-route-guard" });
+
+  const guard = layerOptions<GuardPayload, GuardResponse>({
+    stack: "example-route-guard",
+    key: ["example-route-guard"],
+  });
+
+  const c = createLayer(guard);
+
+  async function simulateNavigation(destination: string): Promise<string> {
+    const ok = await c.open({ destination });
+    return ok ? `Navigated to ${destination}` : "Navigation cancelled";
+  }
+
+  let result = $state<string | null>(null);
+
+  async function navigate() {
+    result = null;
+    result = await simulateNavigation("/settings");
+  }
+</script>
+
+{#each guardStack.current as raw (raw.id)}
+  {@const state = raw as GuardState}
+  {@const call = guardStack.callFor(raw) as GuardCall | null}
+  {#if call}
+    <div role="dialog" aria-modal="true">
+      <h2>Leave this page?</h2>
+      <p>
+        Unsaved changes may be lost. Navigate to <strong>{state.payload.destination}</strong>?
+      </p>
+      <button type="button" onclick={() => void call.end(false)}>Stay</button>
+      <button type="button" onclick={() => void call.end(true)}>Leave</button>
+    </div>
+  {/if}
+{/each}
+
+<div>
+  <button type="button" onclick={navigate}>Simulate navigation</button>
+  {#if result !== null}
+    <span>Result: {result}</span>
+  {/if}
+</div>
diff --git a/apps/docs/recipes/route-guard-open/svelte-store.svelte b/apps/docs/recipes/route-guard-open/svelte-store.svelte
new file mode 100644
index 0000000..e372fed
--- /dev/null
+++ b/apps/docs/recipes/route-guard-open/svelte-store.svelte
@@ -0,0 +1,66 @@
+<script lang="ts">
+  import {
+    type LayerCallContext,
+    type LayerState,
+    callFor,
+    createLayer,
+    LayerClient,
+    layerOptions,
+    setLayerClient,
+    useLayerClient,
+    useStack,
+  } from "@stainless-code/svelte-layers/store";
+
+  type GuardPayload = { destination: string };
+  type GuardResponse = boolean;
+  // `useStack` is heterogeneous — pin the concrete layer types at the outlet.
+  type GuardState = LayerState<GuardPayload, GuardResponse>;
+  type GuardCall = LayerCallContext<GuardPayload, GuardResponse>;
+
+  const layerClient = new LayerClient();
+
+  setLayerClient(layerClient);
+  const client = useLayerClient();
+  const guardStack = useStack({ stack: "example-route-guard" });
+
+  const guard = layerOptions<GuardPayload, GuardResponse>({
+    stack: "example-route-guard",
+    key: ["example-route-guard"],
+  });
+
+  const c = createLayer(guard);
+
+  async function simulateNavigation(destination: string): Promise<string> {
+    const ok = await c.open({ destination });
+    return ok ? `Navigated to ${destination}` : "Navigation cancelled";
+  }
+
+  let result: string | null = null;
+
+  async function navigate() {
+    result = null;
+    result = await simulateNavigation("/settings");
+  }
+</script>
+
+{#each $guardStack as raw (raw.id)}
+  {@const state = raw as GuardState}
+  {@const call = callFor(client, "example-route-guard", raw) as GuardCall | null}
+  {#if call}
+    <div role="dialog" aria-modal="true">
+      <h2>Leave this page?</h2>
+      <p>
+        Unsaved changes may be lost. Navigate to <strong>{state.payload.destination}</strong>?
+      </p>
+      <button type="button" onclick={() => void call.end(false)}>Stay</button>
+      <button type="button" onclick={() => void call.end(true)}>Leave</button>
+    </div>
+  {/if}
+{/each}
+
+<div>
+  <button type="button" onclick={navigate}>Simulate navigation</button>
+  {#if result !== null}
+    <span>Result: {result}</span>
+  {/if}
+</div>
diff --git a/apps/docs/recipes/route-guard-open/vue-host.vue b/apps/docs/recipes/route-guard-open/vue-host.vue
new file mode 100644
index 0000000..b3a68c8
--- /dev/null
+++ b/apps/docs/recipes/route-guard-open/vue-host.vue
@@ -0,0 +1,45 @@
+<script setup lang="ts">
+import {
+  LayerClient,
+  layerOptions,
+  provideLayerClient,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/vue-layers";
+import { ref } from "vue";
+
+import RouteGuard from "./vue.vue";
+
+type GuardPayload = { destination: string };
+type GuardResult = boolean;
+
+const layerClient = new LayerClient();
+
+const guard = layerOptions<GuardPayload, GuardResult>({
+  stack: "example-route-guard",
+  key: ["example-route-guard"],
+  component: RouteGuard,
+});
+
+provideLayerClient(layerClient);
+const c = useLayer(guard);
+const result = ref<string | null>(null);
+
+async function navigate(destination: string): Promise<string> {
+  const ok = await c.open({ destination });
+  return ok ? `Navigated to ${destination}` : "Navigation cancelled";
+}
+
+async function onNavigate() {
+  result.value = null;
+  result.value = await navigate("/settings");
+}
+</script>
+
+<template>
+  <StackOutlet stack="example-route-guard" />
+  <div>
+    <button type="button" @click="onNavigate">Simulate navigation</button>
+    <span v-if="result !== null">Result: {{ result }}</span>
+  </div>
+</template>
diff --git a/apps/docs/recipes/route-guard-open/vue.vue b/apps/docs/recipes/route-guard-open/vue.vue
new file mode 100644
index 0000000..3ec01f5
--- /dev/null
+++ b/apps/docs/recipes/route-guard-open/vue.vue
@@ -0,0 +1,24 @@
+<script setup lang="ts">
+import type { LayerComponentProps } from "@stainless-code/vue-layers";
+
+type GuardPayload = { destination: string };
+type GuardResult = boolean;
+
+const { call, payload } =
+  defineProps<LayerComponentProps<GuardPayload, GuardResult>>();
+</script>
+
+<template>
+  <div role="dialog" aria-modal="true">
+    <h2>Leave this page?</h2>
+    <p>
+      Unsaved changes may be lost. Navigate to
+      <strong>{{ payload.destination }}</strong
+      >?
+    </p>
+    <div>
+      <button type="button" @click="void call.end(false)">Stay</button>
+      <button type="button" @click="void call.end(true)">Leave</button>
+    </div>
+  </div>
+</template>
diff --git a/apps/docs/recipes/serial-onboarding/angular.ts b/apps/docs/recipes/serial-onboarding/angular.ts
new file mode 100644
index 0000000..721bb53
--- /dev/null
+++ b/apps/docs/recipes/serial-onboarding/angular.ts
@@ -0,0 +1,113 @@
+import {
+  Component,
+  effect,
+  inject,
+  signal,
+  ViewContainerRef,
+} from "@angular/core";
+import {
+  LayerClient,
+  layerOptions,
+  provideLayerClient,
+  renderStack,
+  injectLayer,
+} from "@stainless-code/angular-layers";
+import type { LayerComponentProps } from "@stainless-code/angular-layers";
+
+const STACK_ID = "example-onboarding";
+
+const layerClient = new LayerClient({
+  defaultStackOptions: {
+    [STACK_ID]: { scope: { strategy: "serial" } },
+  },
+});
+
+interface StepPayload {
+  step: number;
+  title: string;
+}
+
+@Component({
+  selector: "onboarding-step",
+  template: `
+    <div
+      role="dialog"
+      aria-modal="true"
+      [attr.aria-label]="'Step ' + payload.step"
+    >
+      <p>Step {{ payload.step }} of 3</p>
+      <h2>{{ payload.title }}</h2>
+      <button type="button" (click)="call.end()">
+        {{ payload.step < 3 ? "Next" : "Finish" }}
+      </button>
+    </div>
+  `,
+})
+class OnboardingStepComponent {
+  call!: LayerComponentProps<StepPayload, void>["call"];
+  payload!: StepPayload;
+}
+
+const steps = [
+  layerOptions<StepPayload, void>({
+    stack: STACK_ID,
+    key: ["example-onboarding", 1],
+    component: OnboardingStepComponent,
+  }),
+  layerOptions<StepPayload, void>({
+    stack: STACK_ID,
+    key: ["example-onboarding", 2],
+    component: OnboardingStepComponent,
+  }),
+  layerOptions<StepPayload, void>({
+    stack: STACK_ID,
+    key: ["example-onboarding", 3],
+    component: OnboardingStepComponent,
+  }),
+];
+
+const stepPayloads = [
+  { step: 1, title: "Welcome" },
+  { step: 2, title: "Choose preferences" },
+  { step: 3, title: "You're all set" },
+] as const;
+
+@Component({
+  selector: "app-root",
+  standalone: true,
+  providers: [provideLayerClient(layerClient)],
+  template: `
+    <button type="button" (click)="startOnboarding()">Start onboarding</button>
+    @if (started() && queued() > 0) {
+      <span>Queued: {{ queued() }}</span>
+    }
+    <ng-container />
+  `,
+})
+export class AppComponent {
+  private step0 = injectLayer(steps[0]!);
+  private step1 = injectLayer(steps[1]!);
+  private step2 = injectLayer(steps[2]!);
+  private vcr = inject(ViewContainerRef);
+  started = signal(false);
+  queued = signal(0);
+
+  constructor() {
+    renderStack(this.vcr, STACK_ID);
+
+    const stack = this.step0.stack;
+    effect((onCleanup) => {
+      const sync = () => this.queued.set(stack.getQueuedSnapshot().length);
+      sync();
+      onCleanup(stack.subscribe(sync));
+    });
+  }
+
+  startOnboarding() {
+    this.started.set(true);
+    const handles = [this.step0, this.step1, this.step2];
+    for (let i = 0; i < steps.length; i++) {
+      void handles[i]!.open(stepPayloads[i]);
+    }
+  }
+}
diff --git a/apps/docs/recipes/serial-onboarding/preact.tsx b/apps/docs/recipes/serial-onboarding/preact.tsx
new file mode 100644
index 0000000..2670a5e
--- /dev/null
+++ b/apps/docs/recipes/serial-onboarding/preact.tsx
@@ -0,0 +1,108 @@
+import {
+  LayerClient,
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+  useLayerClient,
+} from "@stainless-code/preact-layers";
+import type { LayerComponentProps } from "@stainless-code/preact-layers";
+import { useEffect, useState } from "preact/hooks";
+
+const STACK_ID = "example-onboarding";
+
+const layerClient = new LayerClient({
+  defaultStackOptions: {
+    [STACK_ID]: { scope: { strategy: "serial" } },
+  },
+});
+
+function OnboardingStep({
+  call,
+  payload,
+}: LayerComponentProps<{ step: number; title: string }, void>) {
+  return (
+    <div role="dialog" aria-modal="true" aria-label={`Step ${payload.step}`}>
+      <p>Step {payload.step} of 3</p>
+      <h2>{payload.title}</h2>
+      <button type="button" onClick={() => void call.end()}>
+        {payload.step < 3 ? "Next" : "Finish"}
+      </button>
+    </div>
+  );
+}
+
+const steps = [
+  layerOptions<{ step: number; title: string }, void>({
+    stack: STACK_ID,
+    key: ["example-onboarding", 1],
+    component: OnboardingStep,
+  }),
+  layerOptions<{ step: number; title: string }, void>({
+    stack: STACK_ID,
+    key: ["example-onboarding", 2],
+    component: OnboardingStep,
+  }),
+  layerOptions<{ step: number; title: string }, void>({
+    stack: STACK_ID,
+    key: ["example-onboarding", 3],
+    component: OnboardingStep,
+  }),
+];
+
+const stepPayloads = [
+  { step: 1, title: "Welcome" },
+  { step: 2, title: "Choose preferences" },
+  { step: 3, title: "You're all set" },
+] as const;
+
+function QueueReadout() {
+  const client = useLayerClient();
+  const stack = client.getStack(STACK_ID);
+  const [queued, setQueued] = useState(0);
+
+  useEffect(() => {
+    const sync = () => setQueued(stack.getQueuedSnapshot().length);
+    sync();
+    return stack.subscribe(sync);
+  }, [stack]);
+
+  if (queued === 0) {
+    return null;
+  }
+
+  return <span>Queued: {queued}</span>;
+}
+
+function Trigger() {
+  const step1 = useLayer(steps[0]);
+  const step2 = useLayer(steps[1]);
+  const step3 = useLayer(steps[2]);
+  const [started, setStarted] = useState(false);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={() => {
+          setStarted(true);
+          void step1.open(stepPayloads[0]);
+          void step2.open(stepPayloads[1]);
+          void step3.open(stepPayloads[2]);
+        }}
+      >
+        Start onboarding
+      </button>
+      {started && <QueueReadout />}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <StackProvider client={layerClient}>
+      <StackOutlet stack={STACK_ID} />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/serial-onboarding/react.tsx b/apps/docs/recipes/serial-onboarding/react.tsx
new file mode 100644
index 0000000..337b2bb
--- /dev/null
+++ b/apps/docs/recipes/serial-onboarding/react.tsx
@@ -0,0 +1,108 @@
+import {
+  LayerClient,
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+  useLayerClient,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+import { useEffect, useState } from "react";
+
+const STACK_ID = "example-onboarding";
+
+const layerClient = new LayerClient({
+  defaultStackOptions: {
+    [STACK_ID]: { scope: { strategy: "serial" } },
+  },
+});
+
+function OnboardingStep({
+  call,
+  payload,
+}: LayerComponentProps<{ step: number; title: string }, void>) {
+  return (
+    <div role="dialog" aria-modal="true" aria-label={`Step ${payload.step}`}>
+      <p>Step {payload.step} of 3</p>
+      <h2>{payload.title}</h2>
+      <button type="button" onClick={() => void call.end()}>
+        {payload.step < 3 ? "Next" : "Finish"}
+      </button>
+    </div>
+  );
+}
+
+const steps = [
+  layerOptions<{ step: number; title: string }, void>({
+    stack: STACK_ID,
+    key: ["example-onboarding", 1],
+    component: OnboardingStep,
+  }),
+  layerOptions<{ step: number; title: string }, void>({
+    stack: STACK_ID,
+    key: ["example-onboarding", 2],
+    component: OnboardingStep,
+  }),
+  layerOptions<{ step: number; title: string }, void>({
+    stack: STACK_ID,
+    key: ["example-onboarding", 3],
+    component: OnboardingStep,
+  }),
+];
+
+const stepPayloads = [
+  { step: 1, title: "Welcome" },
+  { step: 2, title: "Choose preferences" },
+  { step: 3, title: "You're all set" },
+] as const;
+
+function QueueReadout() {
+  const client = useLayerClient();
+  const stack = client.getStack(STACK_ID);
+  const [queued, setQueued] = useState(0);
+
+  useEffect(() => {
+    const sync = () => setQueued(stack.getQueuedSnapshot().length);
+    sync();
+    return stack.subscribe(sync);
+  }, [stack]);
+
+  if (queued === 0) {
+    return null;
+  }
+
+  return <span>Queued: {queued}</span>;
+}
+
+function Trigger() {
+  const s1 = useLayer(steps[0]);
+  const s2 = useLayer(steps[1]);
+  const s3 = useLayer(steps[2]);
+  const [started, setStarted] = useState(false);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={() => {
+          setStarted(true);
+          void s1.open(stepPayloads[0]);
+          void s2.open(stepPayloads[1]);
+          void s3.open(stepPayloads[2]);
+        }}
+      >
+        Start onboarding
+      </button>
+      {started && <QueueReadout />}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <StackProvider client={layerClient}>
+      <StackOutlet stack={STACK_ID} />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/serial-onboarding/react.wiring.tsx b/apps/docs/recipes/serial-onboarding/react.wiring.tsx
new file mode 100644
index 0000000..a0cd365
--- /dev/null
+++ b/apps/docs/recipes/serial-onboarding/react.wiring.tsx
@@ -0,0 +1,82 @@
+import {
+  LayerClient,
+  layerOptions,
+  StackOutlet,
+  StackProvider,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+
+const STACK_ID = "example-onboarding";
+
+const layerClient = new LayerClient({
+  defaultStackOptions: {
+    [STACK_ID]: { scope: { strategy: "serial" } },
+  },
+});
+
+function OnboardingStep({
+  call,
+  payload,
+}: LayerComponentProps<{ step: number; title: string }, void>) {
+  return (
+    <div role="dialog" aria-modal="true" aria-label={payload.title}>
+      <span>
+        Step {payload.step}: {payload.title}
+      </span>
+      <button onClick={() => call.end()}>Next</button>
+    </div>
+  );
+}
+
+const steps = [
+  layerOptions<{ step: number; title: string }, void>({
+    stack: STACK_ID,
+    key: ["example-onboarding", 1],
+    component: OnboardingStep,
+    enteringDelay: 200,
+    exitingDelay: 200,
+  }),
+  layerOptions<{ step: number; title: string }, void>({
+    stack: STACK_ID,
+    key: ["example-onboarding", 2],
+    component: OnboardingStep,
+    enteringDelay: 200,
+    exitingDelay: 200,
+  }),
+  layerOptions<{ step: number; title: string }, void>({
+    stack: STACK_ID,
+    key: ["example-onboarding", 3],
+    component: OnboardingStep,
+    enteringDelay: 200,
+    exitingDelay: 200,
+  }),
+];
+
+const stepPayloads = [
+  { step: 1, title: "Welcome" },
+  { step: 2, title: "Choose preferences" },
+  { step: 3, title: "You're all set" },
+] as const;
+
+function Trigger() {
+  const s1 = useLayer(steps[0]);
+  const s2 = useLayer(steps[1]);
+  const s3 = useLayer(steps[2]);
+  const start = () => {
+    // serial — opens play one at a time
+    void s1.open(stepPayloads[0]);
+    void s2.open(stepPayloads[1]);
+    void s3.open(stepPayloads[2]);
+  };
+  return <button onClick={start}>Start onboarding</button>;
+}
+
+export default function SerialOnboardingWiring() {
+  return (
+    <StackProvider client={layerClient}>
+      <StackOutlet stack={STACK_ID} />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/serial-onboarding/solid.tsx b/apps/docs/recipes/serial-onboarding/solid.tsx
new file mode 100644
index 0000000..15ca615
--- /dev/null
+++ b/apps/docs/recipes/serial-onboarding/solid.tsx
@@ -0,0 +1,107 @@
+import {
+  LayerClient,
+  layerOptions,
+  LayerClientContext,
+  StackOutlet,
+  useLayer,
+  useLayerClient,
+} from "@stainless-code/solid-layers";
+import type { LayerComponentProps } from "@stainless-code/solid-layers";
+import { createSignal, onMount } from "solid-js";
+
+const STACK_ID = "example-onboarding";
+
+const layerClient = new LayerClient({
+  defaultStackOptions: {
+    [STACK_ID]: { scope: { strategy: "serial" } },
+  },
+});
+
+function OnboardingStep(
+  props: LayerComponentProps<{ step: number; title: string }, void>,
+) {
+  return (
+    <div
+      role="dialog"
+      aria-modal="true"
+      aria-label={`Step ${props.payload.step}`}
+    >
+      <p>Step {props.payload.step} of 3</p>
+      <h2>{props.payload.title}</h2>
+      <button type="button" onClick={() => void props.call.end()}>
+        {props.payload.step < 3 ? "Next" : "Finish"}
+      </button>
+    </div>
+  );
+}
+
+const steps = [
+  layerOptions<{ step: number; title: string }, void>({
+    stack: STACK_ID,
+    key: ["example-onboarding", 1],
+    component: OnboardingStep,
+  }),
+  layerOptions<{ step: number; title: string }, void>({
+    stack: STACK_ID,
+    key: ["example-onboarding", 2],
+    component: OnboardingStep,
+  }),
+  layerOptions<{ step: number; title: string }, void>({
+    stack: STACK_ID,
+    key: ["example-onboarding", 3],
+    component: OnboardingStep,
+  }),
+];
+
+const stepPayloads = [
+  { step: 1, title: "Welcome" },
+  { step: 2, title: "Choose preferences" },
+  { step: 3, title: "You're all set" },
+] as const;
+
+function QueueReadout() {
+  const client = useLayerClient();
+  const stack = client.getStack(STACK_ID);
+  const [queued, setQueued] = createSignal(0);
+
+  onMount(() => {
+    const sync = () => setQueued(stack.getQueuedSnapshot().length);
+    sync();
+    return stack.subscribe(sync);
+  });
+
+  return <>{queued() > 0 && <span>Queued: {queued()}</span>}</>;
+}
+
+function Trigger() {
+  const step1 = useLayer(steps[0]);
+  const step2 = useLayer(steps[1]);
+  const step3 = useLayer(steps[2]);
+  const [started, setStarted] = createSignal(false);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={() => {
+          setStarted(true);
+          void step1.open(stepPayloads[0]);
+          void step2.open(stepPayloads[1]);
+          void step3.open(stepPayloads[2]);
+        }}
+      >
+        Start onboarding
+      </button>
+      {started() && <QueueReadout />}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <LayerClientContext.Provider value={layerClient}>
+      <StackOutlet stack={STACK_ID} />
+      <Trigger />
+    </LayerClientContext.Provider>
+  );
+}
diff --git a/apps/docs/recipes/serial-onboarding/svelte-runes.svelte b/apps/docs/recipes/serial-onboarding/svelte-runes.svelte
new file mode 100644
index 0000000..b174273
--- /dev/null
+++ b/apps/docs/recipes/serial-onboarding/svelte-runes.svelte
@@ -0,0 +1,90 @@
+<script lang="ts">
+  import {
+    type LayerCallContext,
+    type LayerState,
+    createLayer,
+    LayerClient,
+    layerOptions,
+    setLayerClient,
+    useStack,
+  } from "@stainless-code/svelte-layers";
+
+  const STACK_ID = "example-onboarding";
+
+  const layerClient = new LayerClient({
+    defaultStackOptions: {
+      [STACK_ID]: { scope: { strategy: "serial" } },
+    },
+  });
+
+  type StepPayload = { step: number; title: string };
+  // `useStack` is heterogeneous — pin the concrete layer types at the outlet.
+  type StepState = LayerState<StepPayload, void>;
+  type StepCall = LayerCallContext<StepPayload, void>;
+
+  setLayerClient(layerClient);
+  const onboardingStack = useStack({ stack: STACK_ID });
+
+  const steps = [
+    layerOptions<StepPayload, void>({
+      stack: STACK_ID,
+      key: ["example-onboarding", 1],
+    }),
+    layerOptions<StepPayload, void>({
+      stack: STACK_ID,
+      key: ["example-onboarding", 2],
+    }),
+    layerOptions<StepPayload, void>({
+      stack: STACK_ID,
+      key: ["example-onboarding", 3],
+    }),
+  ];
+
+  const stepPayloads = [
+    { step: 1, title: "Welcome" },
+    { step: 2, title: "Choose preferences" },
+    { step: 3, title: "You're all set" },
+  ] as const;
+
+  const stepHandles = steps.map((step) => createLayer(step));
+
+  let started = $state(false);
+  let queued = $state(0);
+
+  $effect(() => {
+    const stack = stepHandles[0]!.stack;
+    const sync = () => {
+      queued = stack.getQueuedSnapshot().length;
+    };
+    sync();
+    return stack.subscribe(sync);
+  });
+
+  function startOnboarding() {
+    started = true;
+    for (let i = 0; i < steps.length; i++) {
+      void stepHandles[i]!.open(stepPayloads[i]);
+    }
+  }
+</script>
+
+{#each onboardingStack.current as raw (raw.id)}
+  {@const state = raw as StepState}
+  {@const call = onboardingStack.callFor(raw) as StepCall | null}
+  {#if call}
+    <div role="dialog" aria-modal="true" aria-label="Step {state.payload.step}">
+      <p>Step {state.payload.step} of 3</p>
+      <h2>{state.payload.title}</h2>
+      <button type="button" onclick={() => void call.end()}>
+        {state.payload.step < 3 ? "Next" : "Finish"}
+      </button>
+    </div>
+  {/if}
+{/each}
+
+<div>
+  <button type="button" onclick={startOnboarding}>Start onboarding</button>
+  {#if started && queued > 0}
+    <span>Queued: {queued}</span>
+  {/if}
+</div>
diff --git a/apps/docs/recipes/serial-onboarding/svelte-store.svelte b/apps/docs/recipes/serial-onboarding/svelte-store.svelte
new file mode 100644
index 0000000..267733e
--- /dev/null
+++ b/apps/docs/recipes/serial-onboarding/svelte-store.svelte
@@ -0,0 +1,93 @@
+<script lang="ts">
+  import { onMount } from "svelte";
+  import { writable } from "svelte/store";
+  import {
+    type LayerCallContext,
+    type LayerState,
+    callFor,
+    createLayer,
+    LayerClient,
+    layerOptions,
+    setLayerClient,
+    useLayerClient,
+    useStack,
+  } from "@stainless-code/svelte-layers/store";
+
+  const STACK_ID = "example-onboarding";
+
+  const layerClient = new LayerClient({
+    defaultStackOptions: {
+      [STACK_ID]: { scope: { strategy: "serial" } },
+    },
+  });
+
+  type StepPayload = { step: number; title: string };
+  // `useStack` is heterogeneous — pin the concrete layer types at the outlet.
+  type StepState = LayerState<StepPayload, void>;
+  type StepCall = LayerCallContext<StepPayload, void>;
+
+  setLayerClient(layerClient);
+  const client = useLayerClient();
+  const onboardingStack = useStack({ stack: STACK_ID });
+
+  const steps = [
+    layerOptions<StepPayload, void>({
+      stack: STACK_ID,
+      key: ["example-onboarding", 1],
+    }),
+    layerOptions<StepPayload, void>({
+      stack: STACK_ID,
+      key: ["example-onboarding", 2],
+    }),
+    layerOptions<StepPayload, void>({
+      stack: STACK_ID,
+      key: ["example-onboarding", 3],
+    }),
+  ];
+
+  const stepPayloads = [
+    { step: 1, title: "Welcome" },
+    { step: 2, title: "Choose preferences" },
+    { step: 3, title: "You're all set" },
+  ] as const;
+
+  const stepHandles = steps.map((step) => createLayer(step));
+
+  let started = false;
+  const queued = writable(0);
+
+  onMount(() => {
+    const stack = stepHandles[0]!.stack;
+    const sync = () => queued.set(stack.getQueuedSnapshot().length);
+    sync();
+    return stack.subscribe(sync);
+  });
+
+  function startOnboarding() {
+    started = true;
+    for (let i = 0; i < steps.length; i++) {
+      void stepHandles[i]!.open(stepPayloads[i]);
+    }
+  }
+</script>
+
+{#each $onboardingStack as raw (raw.id)}
+  {@const state = raw as StepState}
+  {@const call = callFor(client, STACK_ID, raw) as StepCall | null}
+  {#if call}
+    <div role="dialog" aria-modal="true" aria-label="Step {state.payload.step}">
+      <p>Step {state.payload.step} of 3</p>
+      <h2>{state.payload.title}</h2>
+      <button type="button" onclick={() => void call.end()}>
+        {state.payload.step < 3 ? "Next" : "Finish"}
+      </button>
+    </div>
+  {/if}
+{/each}
+
+<div>
+  <button type="button" onclick={startOnboarding}>Start onboarding</button>
+  {#if started && $queued > 0}
+    <span>Queued: {$queued}</span>
+  {/if}
+</div>
diff --git a/apps/docs/recipes/serial-onboarding/vue-host.vue b/apps/docs/recipes/serial-onboarding/vue-host.vue
new file mode 100644
index 0000000..1bbee1b
--- /dev/null
+++ b/apps/docs/recipes/serial-onboarding/vue-host.vue
@@ -0,0 +1,79 @@
+<script setup lang="ts">
+import {
+  LayerClient,
+  layerOptions,
+  provideLayerClient,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/vue-layers";
+import { onMounted, onUnmounted, ref } from "vue";
+
+import OnboardingStep from "./vue.vue";
+
+const STACK_ID = "example-onboarding";
+
+// A serial stack: opens play one at a time; later opens queue.
+const layerClient = new LayerClient({
+  defaultStackOptions: {
+    [STACK_ID]: { scope: { strategy: "serial" } },
+  },
+});
+
+type StepPayload = { step: number; title: string };
+
+// Register one layer per step on the same serial stack (distinct keys).
+const steps = [
+  layerOptions<StepPayload, void>({
+    stack: STACK_ID,
+    key: ["example-onboarding", 1],
+    component: OnboardingStep,
+  }),
+  layerOptions<StepPayload, void>({
+    stack: STACK_ID,
+    key: ["example-onboarding", 2],
+    component: OnboardingStep,
+  }),
+  layerOptions<StepPayload, void>({
+    stack: STACK_ID,
+    key: ["example-onboarding", 3],
+    component: OnboardingStep,
+  }),
+];
+
+const stepPayloads = [
+  { step: 1, title: "Welcome" },
+  { step: 2, title: "Choose preferences" },
+  { step: 3, title: "You're all set" },
+] as const;
+
+provideLayerClient(layerClient);
+const stepHandles = steps.map((step) => useLayer(step));
+const started = ref(false);
+const queued = ref(0);
+
+onMounted(() => {
+  const stack = stepHandles[0]!.stack;
+  const sync = () => {
+    queued.value = stack.getQueuedSnapshot().length;
+  };
+  sync();
+  const unsub = stack.subscribe(sync);
+  onUnmounted(unsub);
+});
+
+// Open all steps up front — the serial queue plays them in order.
+function startOnboarding() {
+  started.value = true;
+  for (let i = 0; i < steps.length; i++) {
+    void stepHandles[i]!.open(stepPayloads[i]);
+  }
+}
+</script>
+
+<template>
+  <StackOutlet :stack="STACK_ID" />
+  <div>
+    <button type="button" @click="startOnboarding">Start onboarding</button>
+    <span v-if="started && queued > 0">Queued: {{ queued }}</span>
+  </div>
+</template>
diff --git a/apps/docs/recipes/serial-onboarding/vue.vue b/apps/docs/recipes/serial-onboarding/vue.vue
new file mode 100644
index 0000000..87db4c1
--- /dev/null
+++ b/apps/docs/recipes/serial-onboarding/vue.vue
@@ -0,0 +1,17 @@
+<script setup lang="ts">
+import type { LayerComponentProps } from "@stainless-code/vue-layers";
+
+type StepPayload = { step: number; title: string };
+
+const { call, payload } = defineProps<LayerComponentProps<StepPayload, void>>();
+</script>
+
+<template>
+  <div role="dialog" aria-modal="true" :aria-label="`Step ${payload.step}`">
+    <p>Step {{ payload.step }} of 3</p>
+    <h2>{{ payload.title }}</h2>
+    <button type="button" @click="call.end()">
+      {{ payload.step < 3 ? "Next" : "Finish" }}
+    </button>
+  </div>
+</template>
diff --git a/apps/docs/recipes/toast/angular.ts b/apps/docs/recipes/toast/angular.ts
new file mode 100644
index 0000000..2275337
--- /dev/null
+++ b/apps/docs/recipes/toast/angular.ts
@@ -0,0 +1,77 @@
+import {
+  Component,
+  inject,
+  OnDestroy,
+  OnInit,
+  signal,
+  ViewContainerRef,
+} from "@angular/core";
+import {
+  layerOptions,
+  provideLayerClient,
+  renderStack,
+  injectLayer,
+} from "@stainless-code/angular-layers";
+import type { LayerComponentProps } from "@stainless-code/angular-layers";
+
+interface ToastPayload {
+  message: string;
+}
+
+@Component({
+  selector: "toast-layer",
+  template: `
+    <div role="status" aria-live="polite">
+      <span>{{ payload.message }}</span>
+      <button type="button" (click)="call.dismiss()" aria-label="Dismiss">
+        ×
+      </button>
+    </div>
+  `,
+})
+class ToastComponent implements OnInit, OnDestroy {
+  call!: LayerComponentProps<ToastPayload, void>["call"];
+  payload!: ToastPayload;
+  private timer?: ReturnType<typeof setTimeout>;
+
+  ngOnInit() {
+    this.timer = setTimeout(() => this.call.dismiss(), 2500);
+  }
+
+  ngOnDestroy() {
+    if (this.timer) clearTimeout(this.timer);
+  }
+}
+
+const toast = layerOptions<ToastPayload, void>({
+  stack: "example-toast",
+  key: ["example-toast"],
+  component: ToastComponent,
+});
+
+@Component({
+  selector: "app-root",
+  standalone: true,
+  providers: [provideLayerClient()],
+  template: `
+    <button type="button" (click)="showToast()">Show toast</button>
+    @if (fired()) {
+      <span>Toast fired</span>
+    }
+    <ng-container />
+  `,
+})
+export class AppComponent {
+  private c = injectLayer(toast);
+  private vcr = inject(ViewContainerRef);
+  fired = signal(false);
+
+  constructor() {
+    renderStack(this.vcr, "example-toast");
+  }
+
+  showToast() {
+    void this.c.open({ message: "Changes saved" });
+    this.fired.set(true);
+  }
+}
diff --git a/apps/docs/recipes/toast/preact.tsx b/apps/docs/recipes/toast/preact.tsx
new file mode 100644
index 0000000..7560a4b
--- /dev/null
+++ b/apps/docs/recipes/toast/preact.tsx
@@ -0,0 +1,62 @@
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/preact-layers";
+import type { LayerComponentProps } from "@stainless-code/preact-layers";
+import { useEffect, useState } from "preact/hooks";
+
+function Toast({
+  call,
+  payload,
+}: LayerComponentProps<{ message: string }, void>) {
+  useEffect(() => {
+    const timer = setTimeout(() => call.dismiss(), 2500);
+    return () => clearTimeout(timer);
+  }, [call]);
+
+  return (
+    <div role="status" aria-live="polite">
+      <span>{payload.message}</span>
+      <button type="button" onClick={() => call.dismiss()} aria-label="Dismiss">
+        ×
+      </button>
+    </div>
+  );
+}
+
+const toast = layerOptions<{ message: string }, void>({
+  stack: "example-toast",
+  key: ["example-toast"],
+  component: Toast,
+});
+
+function Trigger() {
+  const toastLayer = useLayer(toast);
+  const [fired, setFired] = useState(false);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={() => {
+          void toastLayer.open({ message: "Changes saved" });
+          setFired(true);
+        }}
+      >
+        Show toast
+      </button>
+      {fired && <span>Toast fired</span>}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-toast" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/toast/react.baseui.tsx b/apps/docs/recipes/toast/react.baseui.tsx
new file mode 100644
index 0000000..f3a6dd3
--- /dev/null
+++ b/apps/docs/recipes/toast/react.baseui.tsx
@@ -0,0 +1,87 @@
+import { Toast } from "@base-ui/react/toast";
+import {
+  layerOptions,
+  StackOutlet,
+  StackProvider,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+import { useEffect, useState } from "react";
+
+const toastManager = Toast.createToastManager();
+
+function ToastViewportContent({ onDismiss }: { onDismiss: () => void }) {
+  const { toasts } = Toast.useToastManager();
+
+  return (
+    <>
+      {/* Toast.Provider and Toast.Viewport are usually mounted once at the app root. */}
+      <Toast.Portal>
+        <Toast.Viewport>
+          {toasts.map((toast) => (
+            <Toast.Root key={toast.id} toast={toast}>
+              <Toast.Content>
+                <Toast.Title>{toast.title}</Toast.Title>
+                <Toast.Close aria-label="Dismiss" onClick={onDismiss}>
+                  ×
+                </Toast.Close>
+              </Toast.Content>
+            </Toast.Root>
+          ))}
+        </Toast.Viewport>
+      </Toast.Portal>
+    </>
+  );
+}
+
+function ToastLayer({
+  call,
+  payload,
+}: LayerComponentProps<{ message: string }, void>) {
+  useEffect(() => {
+    toastManager.add({ title: payload.message, timeout: 2500 });
+    const timer = setTimeout(() => call.dismiss(), 2500);
+    return () => clearTimeout(timer);
+  }, [call, payload.message]);
+
+  return (
+    <Toast.Provider toastManager={toastManager}>
+      <ToastViewportContent onDismiss={() => call.dismiss()} />
+    </Toast.Provider>
+  );
+}
+
+const toast = layerOptions<{ message: string }, void>({
+  stack: "example-toast",
+  key: ["example-toast"],
+  component: ToastLayer,
+});
+
+function Trigger() {
+  const toastLayer = useLayer(toast);
+  const [fired, setFired] = useState(false);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={() => {
+          void toastLayer.open({ message: "Changes saved" });
+          setFired(true);
+        }}
+      >
+        Show toast
+      </button>
+      {fired && <span>Toast fired</span>}
+    </div>
+  );
+}
+
+export default function ToastExample() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-toast" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/toast/react.rac.tsx b/apps/docs/recipes/toast/react.rac.tsx
new file mode 100644
index 0000000..e1164b1
--- /dev/null
+++ b/apps/docs/recipes/toast/react.rac.tsx
@@ -0,0 +1,91 @@
+import {
+  layerOptions,
+  StackOutlet,
+  StackProvider,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+// UNSTABLE_Toast* is the 1.19 export prefix (stable in 3.x).
+// RAC also ships a global ToastQueue — don't dual-queue with Layers.
+import { useEffect, useMemo, useState } from "react";
+import {
+  Button,
+  Text,
+  UNSTABLE_Toast as Toast,
+  UNSTABLE_ToastContent as ToastContent,
+  UNSTABLE_ToastQueue as ToastQueue,
+  UNSTABLE_ToastRegion as ToastRegion,
+} from "react-aria-components";
+
+function ToastLayer({
+  call,
+  payload,
+}: LayerComponentProps<{ message: string }, void>) {
+  const queue = useMemo(() => {
+    const q = new ToastQueue<{ title: string }>();
+    q.add({ title: payload.message });
+    return q;
+  }, [payload.message]);
+
+  useEffect(() => {
+    const timer = setTimeout(() => call.dismiss(), 2500);
+    return () => clearTimeout(timer);
+  }, [call]);
+
+  return (
+    <>
+      {/* ToastRegion is usually mounted once at the app root. */}
+      <ToastRegion queue={queue}>
+        {({ toast }) => (
+          <Toast toast={toast}>
+            <ToastContent>
+              <Text slot="title">{payload.message}</Text>
+            </ToastContent>
+            <Button
+              slot="close"
+              aria-label="Dismiss"
+              onPress={() => call.dismiss()}
+            >
+              ×
+            </Button>
+          </Toast>
+        )}
+      </ToastRegion>
+    </>
+  );
+}
+
+const toast = layerOptions<{ message: string }, void>({
+  stack: "example-toast",
+  key: ["example-toast"],
+  component: ToastLayer,
+});
+
+function Trigger() {
+  const toastLayer = useLayer(toast);
+  const [fired, setFired] = useState(false);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={() => {
+          void toastLayer.open({ message: "Changes saved" });
+          setFired(true);
+        }}
+      >
+        Show toast
+      </button>
+      {fired && <span>Toast fired</span>}
+    </div>
+  );
+}
+
+export default function ToastExample() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-toast" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/toast/react.tsx b/apps/docs/recipes/toast/react.tsx
new file mode 100644
index 0000000..622b1aa
--- /dev/null
+++ b/apps/docs/recipes/toast/react.tsx
@@ -0,0 +1,62 @@
+import {
+  layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+import { useEffect, useState } from "react";
+
+function Toast({
+  call,
+  payload,
+}: LayerComponentProps<{ message: string }, void>) {
+  useEffect(() => {
+    const timer = setTimeout(() => call.dismiss(), 2500);
+    return () => clearTimeout(timer);
+  }, [call]);
+
+  return (
+    <div role="status" aria-live="polite">
+      <span>{payload.message}</span>
+      <button type="button" onClick={() => call.dismiss()} aria-label="Dismiss">
+        ×
+      </button>
+    </div>
+  );
+}
+
+const toast = layerOptions<{ message: string }, void>({
+  stack: "example-toast",
+  key: ["example-toast"],
+  component: Toast,
+});
+
+function Trigger() {
+  const toastLayer = useLayer(toast);
+  const [fired, setFired] = useState(false);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={() => {
+          void toastLayer.open({ message: "Changes saved" });
+          setFired(true);
+        }}
+      >
+        Show toast
+      </button>
+      {fired && <span>Toast fired</span>}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-toast" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/toast/react.wiring.tsx b/apps/docs/recipes/toast/react.wiring.tsx
new file mode 100644
index 0000000..103dacb
--- /dev/null
+++ b/apps/docs/recipes/toast/react.wiring.tsx
@@ -0,0 +1,43 @@
+import {
+  layerOptions,
+  StackOutlet,
+  StackProvider,
+  useLayer,
+} from "@stainless-code/react-layers";
+import type { LayerComponentProps } from "@stainless-code/react-layers";
+import { useEffect } from "react";
+
+function ToastLayer({
+  call,
+  payload,
+}: LayerComponentProps<{ message: string }, void>) {
+  useEffect(() => {
+    const t = setTimeout(() => call.dismiss(), 2500);
+    return () => clearTimeout(t);
+  }, [call]);
+  return <div role="status">{payload.message}</div>;
+}
+
+const toast = layerOptions<{ message: string }, void>({
+  stack: "example-toast",
+  key: ["example-toast"],
+  component: ToastLayer,
+});
+
+function Trigger() {
+  const toastLayer = useLayer(toast);
+  const show = () => {
+    // fire-and-forget — do not await
+    void toastLayer.open({ message: "Changes saved" });
+  };
+  return <button onClick={show}>Show toast</button>;
+}
+
+export default function ToastWiring() {
+  return (
+    <StackProvider>
+      <StackOutlet stack="example-toast" />
+      <Trigger />
+    </StackProvider>
+  );
+}
diff --git a/apps/docs/recipes/toast/solid.tsx b/apps/docs/recipes/toast/solid.tsx
new file mode 100644
index 0000000..a0b6097
--- /dev/null
+++ b/apps/docs/recipes/toast/solid.tsx
@@ -0,0 +1,66 @@
+import {
+  layerOptions,
+  LayerClient,
+  LayerClientContext,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/solid-layers";
+import type { LayerComponentProps } from "@stainless-code/solid-layers";
+import { createSignal, onCleanup, onMount } from "solid-js";
+
+function Toast(props: LayerComponentProps<{ message: string }, void>) {
+  onMount(() => {
+    const timer = setTimeout(() => void props.call.dismiss(), 2500);
+    onCleanup(() => clearTimeout(timer));
+  });
+
+  return (
+    <div role="status" aria-live="polite">
+      <span>{props.payload.message}</span>
+      <button
+        type="button"
+        onClick={() => void props.call.dismiss()}
+        aria-label="Dismiss"
+      >
+        ×
+      </button>
+    </div>
+  );
+}
+
+const toast = layerOptions<{ message: string }, void>({
+  stack: "example-toast",
+  key: ["example-toast"],
+  component: Toast,
+});
+
+const client = new LayerClient();
+
+function Trigger() {
+  const toastLayer = useLayer(toast);
+  const [fired, setFired] = createSignal(false);
+
+  return (
+    <div>
+      <button
+        type="button"
+        onClick={() => {
+          void toastLayer.open({ message: "Changes saved" });
+          setFired(true);
+        }}
+      >
+        Show toast
+      </button>
+      {fired() && <span>Toast fired</span>}
+    </div>
+  );
+}
+
+export default function App() {
+  return (
+    <LayerClientContext.Provider value={client}>
+      <StackOutlet stack="example-toast" />
+      <Trigger />
+    </LayerClientContext.Provider>
+  );
+}
diff --git a/apps/docs/recipes/toast/svelte-runes.svelte b/apps/docs/recipes/toast/svelte-runes.svelte
new file mode 100644
index 0000000..3ebeb5c
--- /dev/null
+++ b/apps/docs/recipes/toast/svelte-runes.svelte
@@ -0,0 +1,68 @@
+<script lang="ts">
+  import {
+    type LayerCallContext,
+    type LayerState,
+    createLayer,
+    layerOptions,
+    setLayerClient,
+    useStack,
+  } from "@stainless-code/svelte-layers";
+
+  type ToastPayload = { message: string };
+  // `useStack` is heterogeneous — pin the concrete layer types at the outlet.
+  type ToastState = LayerState<ToastPayload, void>;
+  type ToastCall = LayerCallContext<ToastPayload, void>;
+
+  setLayerClient();
+  const toastStack = useStack({ stack: "example-toast" });
+
+  const toast = layerOptions<ToastPayload, void>({
+    stack: "example-toast",
+    key: ["example-toast"],
+  });
+
+  const c = createLayer(toast);
+
+  let fired = $state(false);
+
+  function showToast() {
+    void c.open({ message: "Changes saved" });
+    fired = true;
+  }
+
+  function autoDismiss(
+    _node: HTMLElement,
+    call: ToastCall,
+  ) {
+    const timer = setTimeout(() => void call.dismiss(), 2500);
+    return {
+      destroy() {
+        clearTimeout(timer);
+      },
+    };
+  }
+</script>
+
+{#each toastStack.current as raw (raw.id)}
+  {@const state = raw as ToastState}
+  {@const call = toastStack.callFor(raw) as ToastCall | null}
+  {#if call}
+    <div use:autoDismiss={call} role="status" aria-live="polite">
+      <span>{state.payload.message}</span>
+      <button
+        type="button"
+        onclick={() => void call.dismiss()}
+        aria-label="Dismiss"
+      >
+        ×
+      </button>
+    </div>
+  {/if}
+{/each}
+
+<div>
+  <button type="button" onclick={showToast}>Show toast</button>
+  {#if fired}
+    <span>Toast fired</span>
+  {/if}
+</div>
diff --git a/apps/docs/recipes/toast/svelte-store.svelte b/apps/docs/recipes/toast/svelte-store.svelte
new file mode 100644
index 0000000..707e538
--- /dev/null
+++ b/apps/docs/recipes/toast/svelte-store.svelte
@@ -0,0 +1,71 @@
+<script lang="ts">
+  import {
+    type LayerCallContext,
+    type LayerState,
+    callFor,
+    createLayer,
+    layerOptions,
+    setLayerClient,
+    useLayerClient,
+    useStack,
+  } from "@stainless-code/svelte-layers/store";
+
+  type ToastPayload = { message: string };
+  // `useStack` is heterogeneous — pin the concrete layer types at the outlet.
+  type ToastState = LayerState<ToastPayload, void>;
+  type ToastCall = LayerCallContext<ToastPayload, void>;
+
+  setLayerClient();
+  const client = useLayerClient();
+  const toastStack = useStack({ stack: "example-toast" });
+
+  const toast = layerOptions<ToastPayload, void>({
+    stack: "example-toast",
+    key: ["example-toast"],
+  });
+
+  const c = createLayer(toast);
+
+  let fired = false;
+
+  function showToast() {
+    void c.open({ message: "Changes saved" });
+    fired = true;
+  }
+
+  function autoDismiss(
+    _node: HTMLElement,
+    call: ToastCall,
+  ) {
+    const timer = setTimeout(() => void call.dismiss(), 2500);
+    return {
+      destroy() {
+        clearTimeout(timer);
+      },
+    };
+  }
+</script>
+
+{#each $toastStack as raw (raw.id)}
+  {@const state = raw as ToastState}
+  {@const call = callFor(client, "example-toast", raw) as ToastCall | null}
+  {#if call}
+    <div use:autoDismiss={call} role="status" aria-live="polite">
+      <span>{state.payload.message}</span>
+      <button
+        type="button"
+        onclick={() => void call.dismiss()}
+        aria-label="Dismiss"
+      >
+        ×
+      </button>
+    </div>
+  {/if}
+{/each}
+
+<div>
+  <button type="button" onclick={showToast}>Show toast</button>
+  {#if fired}
+    <span>Toast fired</span>
+  {/if}
+</div>
diff --git a/apps/docs/recipes/toast/vue-host.vue b/apps/docs/recipes/toast/vue-host.vue
new file mode 100644
index 0000000..e349220
--- /dev/null
+++ b/apps/docs/recipes/toast/vue-host.vue
@@ -0,0 +1,36 @@
+<script setup lang="ts">
+import {
+  layerOptions,
+  provideLayerClient,
+  StackOutlet,
+  useLayer,
+} from "@stainless-code/vue-layers";
+import { ref } from "vue";
+
+import Toast from "./vue.vue";
+
+type ToastPayload = { message: string };
+
+const toast = layerOptions<ToastPayload, void>({
+  stack: "example-toast",
+  key: ["example-toast"],
+  component: Toast,
+});
+
+provideLayerClient();
+const c = useLayer(toast);
+const fired = ref(false);
+
+function showToast() {
+  void c.open({ message: "Changes saved" });
+  fired.value = true;
+}
+</script>
+
+<template>
+  <StackOutlet stack="example-toast" />
+  <div>
+    <button type="button" @click="showToast">Show toast</button>
+    <span v-if="fired">Toast fired</span>
+  </div>
+</template>
diff --git a/apps/docs/recipes/toast/vue.vue b/apps/docs/recipes/toast/vue.vue
new file mode 100644
index 0000000..2cb3630
--- /dev/null
+++ b/apps/docs/recipes/toast/vue.vue
@@ -0,0 +1,28 @@
+<script setup lang="ts">
+import type { LayerComponentProps } from "@stainless-code/vue-layers";
+import { onMounted, onUnmounted } from "vue";
+
+type ToastPayload = { message: string };
+
+const { call, payload } =
+  defineProps<LayerComponentProps<ToastPayload, void>>();
+
+let timer: ReturnType<typeof setTimeout> | undefined;
+
+onMounted(() => {
+  timer = setTimeout(() => void call.dismiss(), 2500);
+});
+
+onUnmounted(() => {
+  if (timer) clearTimeout(timer);
+});
+</script>
+
+<template>
+  <div role="status" aria-live="polite">
+    <span>{{ payload.message }}</span>
+    <button type="button" aria-label="Dismiss" @click="call.dismiss()">
+      ×
+    </button>
+  </div>
+</template>
diff --git a/apps/docs/scripts/rewrite-api-links.ts b/apps/docs/scripts/rewrite-api-links.ts
new file mode 100644
index 0000000..aba3ea7
--- /dev/null
+++ b/apps/docs/scripts/rewrite-api-links.ts
@@ -0,0 +1,615 @@
+import {
+  readdir,
+  readFile,
+  rename,
+  rmdir,
+  unlink,
+  writeFile,
+} from "node:fs/promises";
+import path from "node:path";
+
+const DEFAULT_DIR = "apps/docs/content/reference/api";
+const API_BASE = "/reference/api";
+/** Hand-authored pages — never deleted by `--clean` or link-rewrite passes. */
+const HAND_AUTHORED = new Set(["index.mdx"]);
+/**
+ * TypeDoc project/modules scaffolding — written beside the hand-authored
+ * Overview (`index.mdx`), then discarded. Keep `typedoc.json` `entryFileName`
+ * / `modulesFileName` on these names so TypeDoc never clobbers `index.mdx`.
+ */
+const TYPEDOC_SCAFFOLD = new Set([
+  "_typedoc-entry.mdx",
+  "_typedoc-modules.mdx",
+]);
+
+const MARKDOWN_LINK = /\[([^\]]*)\]\(((?!https?:\/\/)[^)]+)\)/g;
+const MARKDOWN_HEADING = /^(#{1,6})\s+(.+)$/;
+const DISAMBIGUATED_ANCHOR = /^(.+)-(\d+)$/;
+
+interface Options {
+  dir: string;
+  clean: boolean;
+}
+
+function parseArgs(argv: string[]): Options {
+  let dir = DEFAULT_DIR;
+  let clean = false;
+
+  for (let i = 0; i < argv.length; i++) {
+    const arg = argv[i];
+    if (arg === "--clean") {
+      clean = true;
+      continue;
+    }
+    if (arg === "--help" || arg === "-h") {
+      console.log(
+        `Usage: bun apps/docs/scripts/rewrite-api-links.ts [dir] [--clean]\n\n` +
+          `  dir      Generated API markdown directory (default: ${DEFAULT_DIR})\n` +
+          `  --clean  Delete generated .mdx/.md files (keeps meta.ts + hand-authored index.mdx), then exit`,
+      );
+      process.exit(0);
+    }
+    if (!arg.startsWith("-")) {
+      dir = arg;
+    }
+  }
+
+  return { dir, clean };
+}
+
+async function collectMarkdownFiles(
+  rootDir: string,
+  currentDir = rootDir,
+): Promise<string[]> {
+  const entries = await readdir(currentDir, { withFileTypes: true });
+  const files: string[] = [];
+
+  for (const entry of entries) {
+    const fullPath = path.join(currentDir, entry.name);
+    if (entry.isDirectory()) {
+      files.push(...(await collectMarkdownFiles(rootDir, fullPath)));
+      continue;
+    }
+    if (entry.isFile() && /\.mdx?$/.test(entry.name)) {
+      files.push(fullPath);
+    }
+  }
+
+  return files;
+}
+
+/** Match Blume heading ids: lowercase, spaces→`-`, strip non `[a-z0-9-]`. */
+function slugifyHeading(text: string): string {
+  return text
+    .trim()
+    .toLowerCase()
+    .replace(/\s+/g, "-")
+    .replace(/[^a-z0-9-]/g, "");
+}
+
+function collectHeadingSlugs(content: string): Set<string> {
+  const slugs = new Set<string>();
+  const counts = new Map<string, number>();
+
+  for (const line of content.split("\n")) {
+    const match = MARKDOWN_HEADING.exec(line);
+    if (!match) {
+      continue;
+    }
+
+    const headingText = match[2].trim().replace(/\s*\{#[^}]+\}$/, "");
+    const base = slugifyHeading(headingText);
+    if (!base) {
+      continue;
+    }
+
+    const seen = counts.get(base) ?? 0;
+    slugs.add(seen === 0 ? base : `${base}-${seen}`);
+    counts.set(base, seen + 1);
+  }
+
+  return slugs;
+}
+
+/** TypeDoc `<a id="…">` member anchors (not markdown headings). */
+const HTML_ID = /<a\s+id="([^"]+)"/g;
+
+function collectHtmlIds(content: string): Set<string> {
+  const ids = new Set<string>();
+  for (const match of content.matchAll(HTML_ID)) {
+    ids.add(match[1]!);
+  }
+  return ids;
+}
+
+async function buildAnchorMaps(files: string[]): Promise<{
+  slugMap: Map<string, Set<string>>;
+  htmlIdMap: Map<string, Set<string>>;
+}> {
+  const slugMap = new Map<string, Set<string>>();
+  const htmlIdMap = new Map<string, Set<string>>();
+
+  for (const file of files) {
+    const content = await readFile(file, "utf8");
+    slugMap.set(file, collectHeadingSlugs(content));
+    htmlIdMap.set(file, collectHtmlIds(content));
+  }
+
+  return { slugMap, htmlIdMap };
+}
+
+function isExternal(target: string): boolean {
+  return (
+    target.startsWith("http://") ||
+    target.startsWith("https://") ||
+    target.startsWith("mailto:")
+  );
+}
+
+function resolveTargetFile(
+  sourceFile: string,
+  rootDir: string,
+  pathname: string,
+): string | null {
+  if (!pathname) {
+    return sourceFile;
+  }
+
+  if (pathname.startsWith(API_BASE)) {
+    const relative = pathname.slice(API_BASE.length).replace(/^\//, "");
+    const filePath = relative
+      ? path.join(rootDir, ...relative.split("/"))
+      : path.join(rootDir, "index");
+    return /\.mdx?$/i.test(filePath) ? filePath : `${filePath}.mdx`;
+  }
+
+  const resolved = path.resolve(path.dirname(sourceFile), pathname);
+  const relativeToRoot = path.relative(rootDir, resolved);
+  if (relativeToRoot.startsWith("..") || path.isAbsolute(relativeToRoot)) {
+    return null;
+  }
+
+  if (/\.mdx?$/i.test(resolved)) {
+    return resolved;
+  }
+
+  return `${resolved}.mdx`;
+}
+
+/**
+ * Resolve an internal link target to a page slug under `/reference/api`.
+ * Accepts `.mdx`-bearing links, `publicPath`-prefixed `/reference/api/...`
+ * paths, and bare relative slugs (e.g. `./core`). Returns the slug
+ * (index → "") plus the raw anchor (un-normalized) so callers can run anchor
+ * normalization once.
+ *
+ * Generated files are `.mdx`, so Blume base-prefixes every site-relative
+ * body link at render time (verified) — we emit `/reference/api/...` (no
+ * `deployment.base`, no extension) and let Blume handle the base.
+ */
+function slugFromPathname(
+  sourceFile: string,
+  rootDir: string,
+  pathname: string,
+): string | null {
+  if (!pathname) {
+    return "";
+  }
+
+  const dashed = cleanPathname(pathname);
+
+  if (dashed.endsWith(".md") || dashed.endsWith(".mdx")) {
+    const targetFile = resolveTargetFile(sourceFile, rootDir, dashed);
+    return targetFile ? fileToSlug(targetFile, rootDir) : null;
+  }
+
+  if (dashed.startsWith(API_BASE)) {
+    return collapseIndexSlug(dashed.slice(API_BASE.length).replace(/^\//, ""));
+  }
+
+  // Bare relative slug (e.g. `./core-src`, `../core-src`) — resolve to a file.
+  if (!dashed.startsWith("/")) {
+    const targetFile = resolveTargetFile(sourceFile, rootDir, dashed);
+    return targetFile ? fileToSlug(targetFile, rootDir) : null;
+  }
+
+  return null;
+}
+
+function normalizeAnchor(
+  anchor: string,
+  targetFile: string | null,
+  slugMap: Map<string, Set<string>>,
+  htmlIdMap: Map<string, Set<string>>,
+): string {
+  if (!anchor || !targetFile) {
+    return anchor;
+  }
+
+  const slugs = slugMap.get(targetFile);
+  if (!slugs) {
+    return anchor;
+  }
+
+  if (slugs.has(anchor)) {
+    return anchor;
+  }
+
+  const match = DISAMBIGUATED_ANCHOR.exec(anchor);
+  if (match && slugs.has(match[1]!)) {
+    return match[1]!;
+  }
+
+  // TypeDoc `<a id>` member anchors aren't headings — Blume validate ignores
+  // them. Drop only those; leave other unresolved fragments for validate.
+  const htmlIds = htmlIdMap.get(targetFile);
+  if (htmlIds?.has(anchor)) {
+    return "";
+  }
+
+  return anchor;
+}
+
+/** Slug relative to the API root (`index.md` → empty). */
+function collapseIndexSlug(slug: string): string {
+  if (slug === "index") return "";
+  if (slug.endsWith("/index")) return slug.slice(0, -"/index".length);
+  return slug;
+}
+
+/**
+ * Replace `.` with `-` in a single slug segment. TypeDoc's `router: "module"`
+ * names modules by package path, and Blume does NOT base-prefix body links to
+ * routes whose final segment contains a dot (verified). After `dropSrc`,
+ * dots remain only in namespace paths (`core.Namespace.StandardSchemaV1` →
+ * `core-Namespace-StandardSchemaV1`); dashifying makes them prefixable and
+ * matches the site's URL convention (`core-api`, `adapter-hooks`).
+ */
+function dashify(segment: string): string {
+  return segment.replace(/\./g, "-");
+}
+
+/**
+ * Drop `src` segments. TypeDoc's `router: "module"` names modules by package
+ * path (`core/src`, `svelte/src/store`); the `src` segment is redundant in
+ * both the route and the sidebar label. `core/src` → `core`, `svelte/src/store`
+ * → `svelte/store`.
+ */
+function dropSrc(segments: string[]): string[] {
+  return segments.filter((segment) => segment !== "src");
+}
+
+/** Drop `src` from a dot-joined slug segment, then dashify (`core.src` → `core`). */
+function cleanSegment(segment: string): string {
+  return dashify(dropSrc(segment.split(".")).join("."));
+}
+
+/** Strip ext, drop `src` segments, dashify — for incoming link pathnames. */
+function cleanPathname(pathname: string): string {
+  const stripped = pathname.replace(/\.mdx?$/i, "");
+  return stripped
+    .split("/")
+    .map((segment) => cleanSegment(segment))
+    .join("/");
+}
+
+/** Drop `src` from a slash-joined display title, keeping `/` for labels. */
+function cleanTitle(title: string): string {
+  return dropSrc(title.split("/")).join("/");
+}
+
+function fileToSlug(file: string, rootDir: string): string {
+  const relative = path.relative(rootDir, file).split(path.sep).join("/");
+  const withoutExt = relative.replace(/\.mdx?$/i, "");
+  return cleanSegment(collapseIndexSlug(withoutExt));
+}
+
+/**
+ * Rename generated files whose slug contains a `.` to the dash-slug so Blume
+ * base-prefixes their routes. Returns the post-rename file list. Idempotent:
+ * files already on a dash-slug (including `index.mdx`) are left as-is.
+ */
+async function renameToDashSlugs(
+  files: string[],
+  rootDir: string,
+): Promise<string[]> {
+  const renamed: string[] = [];
+  for (const file of files) {
+    const relative = path.relative(rootDir, file).split(path.sep).join("/");
+    const dir = path.dirname(relative);
+    const base = path.basename(relative).replace(/\.mdx?$/i, "");
+    const dashedBase = cleanSegment(base);
+    if (dashedBase === base) {
+      renamed.push(file);
+      continue;
+    }
+    const newPath = path.join(rootDir, dir, `${dashedBase}.mdx`);
+    await rename(file, newPath);
+    renamed.push(newPath);
+  }
+  return renamed;
+}
+
+/**
+ * Relative path from source page slug to target page slug (POSIX, sibling-safe).
+ * Index slug is empty; self + anchor yields `` so the link is `#anchor` only.
+ */
+function sitePathFromSlug(slug: string): string {
+  return slug ? `${API_BASE}/${slug}` : API_BASE;
+}
+
+function rewriteLink(
+  sourceFile: string,
+  rootDir: string,
+  text: string,
+  target: string,
+  slugMap: Map<string, Set<string>>,
+  htmlIdMap: Map<string, Set<string>>,
+): { next: string; linkChanged: boolean; anchorChanged: boolean } {
+  if (isExternal(target)) {
+    return {
+      next: `[${text}](${target})`,
+      linkChanged: false,
+      anchorChanged: false,
+    };
+  }
+
+  // Drop redundant `src` segments from display text (e.g. `angular/src` →
+  // `angular`, `svelte/src/store` → `svelte/store`). Only affects slash-joined
+  // module paths; symbol names and dot-joined paths are untouched.
+  const displayText = cleanTitle(text);
+
+  const hashIndex = target.indexOf("#");
+  const pathname = hashIndex === -1 ? target : target.slice(0, hashIndex);
+  const anchor = hashIndex === -1 ? "" : target.slice(hashIndex + 1);
+
+  // Pure in-page anchor (`#foo`) — keep anchor-only, normalize the anchor.
+  if (!pathname && anchor) {
+    const targetFile = sourceFile;
+    const normalizedAnchor = normalizeAnchor(
+      anchor,
+      targetFile,
+      slugMap,
+      htmlIdMap,
+    );
+    if (!normalizedAnchor) {
+      return {
+        next: displayText,
+        linkChanged: true,
+        anchorChanged: true,
+      };
+    }
+    return {
+      next: `[${displayText}](#${normalizedAnchor})`,
+      linkChanged: normalizedAnchor !== anchor,
+      anchorChanged: normalizedAnchor !== anchor,
+    };
+  }
+
+  const slug = slugFromPathname(sourceFile, rootDir, pathname);
+  if (slug !== null) {
+    const dashed = cleanPathname(pathname);
+    const targetFile =
+      dashed.endsWith(".md") || dashed.endsWith(".mdx")
+        ? resolveTargetFile(sourceFile, rootDir, dashed)
+        : resolveTargetFile(sourceFile, rootDir, `${dashed}.mdx`);
+    const normalizedAnchor = normalizeAnchor(
+      anchor,
+      targetFile,
+      slugMap,
+      htmlIdMap,
+    );
+    const sourceSlug = fileToSlug(sourceFile, rootDir);
+    // Blume base-prefixes site-relative body links to .mdx routes at render
+    // time — EXCEPT self-links (it leaves them unprefixed, which 404s under a
+    // deployment base). Emit a pure in-page anchor for same-page links so they
+    // resolve regardless of base; cross-page links get `/reference/api/<slug>`.
+    let nextTarget: string;
+    if (slug === sourceSlug) {
+      nextTarget = normalizedAnchor ? `#${normalizedAnchor}` : "#";
+    } else {
+      const linkPath = sitePathFromSlug(slug);
+      nextTarget = normalizedAnchor
+        ? `${linkPath}#${normalizedAnchor}`
+        : linkPath;
+    }
+    return {
+      next: `[${displayText}](${nextTarget})`,
+      linkChanged: true,
+      anchorChanged: normalizedAnchor !== anchor,
+    };
+  }
+
+  // Already-relative links we can't resolve to a slug — anchor normalize only.
+  if (pathname && !pathname.startsWith("/")) {
+    const targetFile = resolveTargetFile(sourceFile, rootDir, pathname);
+    const normalizedAnchor = normalizeAnchor(
+      anchor,
+      targetFile,
+      slugMap,
+      htmlIdMap,
+    );
+    const nextTarget = normalizedAnchor
+      ? `${pathname}#${normalizedAnchor}`
+      : pathname;
+    return {
+      next: `[${displayText}](${nextTarget})`,
+      linkChanged: normalizedAnchor !== anchor,
+      anchorChanged: normalizedAnchor !== anchor,
+    };
+  }
+
+  return {
+    next: `[${text}](${target})`,
+    linkChanged: false,
+    anchorChanged: false,
+  };
+}
+
+const FRONTMATTER_OPEN = /^---\r?\n/;
+const H1_LINE = /^#\s+(.+?)\s*$/;
+
+/** Quote a string as a YAML double-quoted scalar. */
+function yamlString(s: string): string {
+  return `"${s.replace(/\\/g, "\\\\").replace(/"/g, '\\"')}"`;
+}
+
+/**
+ * Move the first body H1 into frontmatter `title` and drop the body H1 so Blume
+ * renders a single chrome title (it derives the page title + sidebar label from
+ * frontmatter `title`). Returns the rewritten content and the extracted title.
+ */
+function extractTitle(content: string): {
+  content: string;
+  title: string | null;
+} {
+  const lines = content.split("\n");
+  let h1Idx = -1;
+  let title: string | null = null;
+  for (let i = 0; i < lines.length; i++) {
+    const m = H1_LINE.exec(lines[i]!);
+    if (m) {
+      title = cleanTitle(m[1]!);
+      h1Idx = i;
+      break;
+    }
+  }
+
+  if (h1Idx === -1) {
+    return { content, title: null };
+  }
+
+  lines.splice(h1Idx, 1);
+  let body = lines.join("\n");
+
+  if (title && FRONTMATTER_OPEN.test(content)) {
+    body = body.replace(FRONTMATTER_OPEN, `---\ntitle: ${yamlString(title)}\n`);
+  }
+
+  return { content: body, title };
+}
+
+function rewriteContent(
+  sourceFile: string,
+  rootDir: string,
+  content: string,
+  slugMap: Map<string, Set<string>>,
+  htmlIdMap: Map<string, Set<string>>,
+): { content: string; linkCount: number; anchorCount: number } {
+  let linkCount = 0;
+  let anchorCount = 0;
+
+  const rewritten = content.replace(
+    MARKDOWN_LINK,
+    (match, text: string, target: string) => {
+      const result = rewriteLink(
+        sourceFile,
+        rootDir,
+        text,
+        target,
+        slugMap,
+        htmlIdMap,
+      );
+
+      if (result.linkChanged) {
+        linkCount++;
+      }
+      if (result.anchorChanged) {
+        anchorCount++;
+      }
+
+      return result.linkChanged || result.anchorChanged ? result.next : match;
+    },
+  );
+
+  return { content: rewritten, linkCount, anchorCount };
+}
+
+async function cleanGeneratedMarkdown(
+  rootDir: string,
+  currentDir = rootDir,
+): Promise<number> {
+  const entries = await readdir(currentDir, { withFileTypes: true });
+  let removed = 0;
+
+  for (const entry of entries) {
+    const fullPath = path.join(currentDir, entry.name);
+    if (entry.isDirectory()) {
+      removed += await cleanGeneratedMarkdown(rootDir, fullPath);
+      continue;
+    }
+    if (
+      entry.isFile() &&
+      /\.mdx?$/.test(entry.name) &&
+      !HAND_AUTHORED.has(entry.name)
+    ) {
+      await unlink(fullPath);
+      removed++;
+    }
+  }
+
+  // Prune now-empty directories (TypeDoc's non-flattened scaffolding) so the
+  // working tree stays clean. Never remove the root itself.
+  if (currentDir !== rootDir) {
+    const remaining = await readdir(currentDir);
+    if (remaining.length === 0) {
+      await rmdir(currentDir);
+    }
+  }
+
+  return removed;
+}
+
+async function main(): Promise<void> {
+  const { dir, clean } = parseArgs(process.argv.slice(2));
+  const rootDir = path.resolve(dir);
+
+  if (clean) {
+    const removed = await cleanGeneratedMarkdown(rootDir);
+    console.log(
+      `rewrite-api-links: removed ${removed} generated .mdx/.md file(s) under ${rootDir}`,
+    );
+    return;
+  }
+
+  const collected = await collectMarkdownFiles(rootDir);
+  const renamed = await renameToDashSlugs(collected, rootDir);
+  // Drop TypeDoc scaffolding — `/reference/api` is the hand-authored Overview
+  // (`index.mdx`); the generated package/modules table is redundant.
+  const files = renamed.filter(
+    (f) =>
+      !TYPEDOC_SCAFFOLD.has(path.basename(f)) &&
+      !HAND_AUTHORED.has(path.basename(f)),
+  );
+  for (const name of TYPEDOC_SCAFFOLD) {
+    await unlink(path.join(rootDir, name)).catch(() => {});
+  }
+  const { slugMap, htmlIdMap } = await buildAnchorMaps(files);
+
+  let totalLinks = 0;
+  let totalAnchors = 0;
+
+  for (const file of files) {
+    const original = await readFile(file, "utf8");
+    const {
+      content: linked,
+      linkCount,
+      anchorCount,
+    } = rewriteContent(file, rootDir, original, slugMap, htmlIdMap);
+    const titled = extractTitle(linked);
+    const content = titled.content;
+
+    if (content !== original) {
+      await writeFile(file, content, "utf8");
+    }
+
+    totalLinks += linkCount;
+    totalAnchors += anchorCount;
+  }
+
+  console.log(
+    `rewrite-api-links: ${totalLinks} link(s), ${totalAnchors} anchor(s) normalized (absolute) in ${files.length} file(s) under ${rootDir}`,
+  );
+}
+
+await main();
diff --git a/apps/docs/theme.css b/apps/docs/theme.css
new file mode 100644
index 0000000..636ae2f
--- /dev/null
+++ b/apps/docs/theme.css
@@ -0,0 +1,47 @@
+:root {
+  /* Warm light surface — cream off-white */
+  --blume-background: #faf8f5;
+  --blume-foreground: #1c1b19;
+  --blume-muted: #f0ede8;
+  --blume-muted-foreground: #6b6863;
+  --blume-border: #e2ddd6;
+  /* Keep teal accent (the Layers brand color) */
+  --blume-accent: #0d9488;
+  --blume-accent-foreground: #ffffff;
+  /* Refined success — deeper emerald that pairs with the warm cream surface */
+  --blume-success: #059669;
+}
+
+:root[data-theme="dark"] {
+  /* Warm dark — near-black with warm undertone */
+  --blume-background: #18181b;
+  --blume-foreground: #f5f0e8;
+  --blume-muted: #27272a;
+  --blume-muted-foreground: #a1a1aa;
+  --blume-border: #3f3f46;
+  --blume-accent: #2dd4bf;
+  --blume-accent-foreground: #18181b;
+  --blume-success: #34d399;
+}
+
+/* Base UI: SVG uses currentColor, but Blume renders icons as <img> — isolated
+   document, no inherited color. Defaults to black; invert on dark theme. */
+img[src*="base-ui.svg"] {
+  @apply dark:invert;
+}
+
+/* Logo hover: the teal "active" layer + the top layer slide to center,
+   forming a symmetric pyramid. Triggers on hovering any part of the logo
+   (icon + wordmark) via :has(). */
+.logo-active,
+.logo-top {
+  transition: transform 250ms ease;
+}
+
+a:has(> span > .logo-svg):hover .logo-active {
+  transform: translateX(-1px);
+}
+
+a:has(> span > .logo-svg):hover .logo-top {
+  transform: translateX(1px);
+}
diff --git a/apps/docs/tsconfig.json b/apps/docs/tsconfig.json
new file mode 100644
index 0000000..626f9e2
--- /dev/null
+++ b/apps/docs/tsconfig.json
@@ -0,0 +1,4 @@
+{
+  "extends": "../../tsconfig.base.json",
+  "include": ["blume.config.ts", "content/**/*.meta.ts"]
+}
diff --git a/apps/docs/tsconfig.recipes-angular.json b/apps/docs/tsconfig.recipes-angular.json
new file mode 100644
index 0000000..c1e7443
--- /dev/null
+++ b/apps/docs/tsconfig.recipes-angular.json
@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "experimentalDecorators": true,
+    "noEmit": true
+  },
+  "include": ["recipes/*/angular*.ts"]
+}
diff --git a/apps/docs/tsconfig.recipes-preact.json b/apps/docs/tsconfig.recipes-preact.json
new file mode 100644
index 0000000..b94750c
--- /dev/null
+++ b/apps/docs/tsconfig.recipes-preact.json
@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "customConditions": ["@stainless-code/source"],
+    "types": ["bun", "node"],
+    "jsx": "react-jsx",
+    "jsxImportSource": "preact",
+    "strict": true,
+    "skipLibCheck": true,
+    "noEmit": true,
+    "lib": ["ESNext", "DOM", "DOM.Iterable"]
+  },
+  "include": ["recipes/*/preact*.tsx"]
+}
diff --git a/apps/docs/tsconfig.recipes-react.json b/apps/docs/tsconfig.recipes-react.json
new file mode 100644
index 0000000..c175baf
--- /dev/null
+++ b/apps/docs/tsconfig.recipes-react.json
@@ -0,0 +1,13 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "jsx": "react-jsx",
+    "lib": ["ESNext", "DOM", "DOM.Iterable"],
+    "noEmit": true
+  },
+  "include": [
+    "recipes/*/react*.tsx",
+    "islands/*Example.tsx",
+    "islands/_overlayPortal.ts"
+  ]
+}
diff --git a/apps/docs/tsconfig.recipes-solid.json b/apps/docs/tsconfig.recipes-solid.json
new file mode 100644
index 0000000..3031cdb
--- /dev/null
+++ b/apps/docs/tsconfig.recipes-solid.json
@@ -0,0 +1,16 @@
+{
+  "compilerOptions": {
+    "target": "ESNext",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "customConditions": ["@stainless-code/source"],
+    "types": ["bun", "node"],
+    "jsx": "react-jsx",
+    "jsxImportSource": "solid-js",
+    "strict": true,
+    "skipLibCheck": true,
+    "noEmit": true,
+    "lib": ["ESNext", "DOM", "DOM.Iterable"]
+  },
+  "include": ["recipes/*/solid*.tsx"]
+}
diff --git a/apps/docs/tsconfig.recipes-svelte.json b/apps/docs/tsconfig.recipes-svelte.json
new file mode 100644
index 0000000..490cf3e
--- /dev/null
+++ b/apps/docs/tsconfig.recipes-svelte.json
@@ -0,0 +1,7 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "noEmit": true
+  },
+  "include": ["recipes/*/svelte*.svelte"]
+}
diff --git a/apps/docs/tsconfig.recipes-vue.json b/apps/docs/tsconfig.recipes-vue.json
new file mode 100644
index 0000000..c210598
--- /dev/null
+++ b/apps/docs/tsconfig.recipes-vue.json
@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.json",
+  "compilerOptions": {
+    "jsx": "preserve",
+    "noEmit": true
+  },
+  "include": ["recipes/*/vue*.vue"]
+}
diff --git a/bun.lock b/bun.lock
index e470c03..907278b 100644
--- a/bun.lock
+++ b/bun.lock
@@ -24,9 +24,44 @@
         "size-limit": "12.1.0",
         "tsdown": "0.22.3",
         "typedoc": "0.28.19",
+        "typedoc-plugin-frontmatter": "1.3.1",
+        "typedoc-plugin-markdown": "4.12.0",
         "typescript": "6.0.3",
       },
     },
+    "apps/docs": {
+      "name": "@stainless-code/layers-docs",
+      "dependencies": {
+        "@stainless-code/layers": "workspace:*",
+        "@stainless-code/react-layers": "workspace:*",
+        "blume": "1.0.4",
+        "react": "19.2.7",
+        "react-dom": "19.2.7",
+      },
+      "devDependencies": {
+        "@analogjs/astro-angular": "2.6.3",
+        "@angular/core": "22.0.5",
+        "@astrojs/preact": "6.0.1",
+        "@astrojs/solid-js": "7.0.1",
+        "@astrojs/svelte": "9.0.1",
+        "@astrojs/vue": "7.0.1",
+        "@base-ui/react": "1.6.0",
+        "@stainless-code/angular-layers": "workspace:*",
+        "@stainless-code/preact-layers": "workspace:*",
+        "@stainless-code/solid-layers": "workspace:*",
+        "@stainless-code/svelte-layers": "workspace:*",
+        "@stainless-code/vue-layers": "workspace:*",
+        "@types/react": "19.2.17",
+        "@types/react-dom": "19.2.3",
+        "preact": "10.29.4",
+        "react-aria-components": "1.19.0",
+        "solid-js": "1.9.14",
+        "svelte": "5.56.4",
+        "svelte-check": "4.7.2",
+        "vue": "3.5.39",
+        "vue-tsc": "3.3.7",
+      },
+    },
     "packages/angular": {
       "name": "@stainless-code/angular-layers",
       "version": "0.1.0",
@@ -141,9 +176,20 @@
       },
     },
   },
+  "overrides": {
+    "path-to-regexp": "6.3.0",
+  },
   "packages": {
+    "@ai-sdk/gateway": ["@ai-sdk/gateway@2.0.111", "", { "dependencies": { "@ai-sdk/provider": "2.0.3", "@ai-sdk/provider-utils": "3.0.28", "@vercel/oidc": "3.1.0" }, "peerDependencies": { "zod": "^3.25.76 || ^4.1.8" } }, "sha512-pZR4Is/0IGH1tDY6XgJltoH3hxVqZ+2StQMhWkBtCWWaa4JYKP8gAiNPDxy585HenQfcAqr1qsO9FgSYkHxo5w=="],
+
+    "@ai-sdk/provider": ["@ai-sdk/provider@2.0.3", "", { "dependencies": { "json-schema": "^0.4.0" } }, "sha512-h88OPkavHTiN9tMn2l5awAznGB0lXzjcLhgR1/rvjB2zlLprsNxbM2tt6OJsHUxduLC3klq0/eqaSf6fX5XVww=="],
+
+    "@ai-sdk/provider-utils": ["@ai-sdk/provider-utils@3.0.28", "", { "dependencies": { "@ai-sdk/provider": "2.0.3", "@standard-schema/spec": "^1.0.0", "eventsource-parser": "^3.0.6" }, "peerDependencies": { "zod": "^3.25.76 || ^4.1.8" } }, "sha512-bXlX1WX7E50a2N+AJW+1a/x63m52aPhm+6xYe5THxWrx9vW9NR7E2Ay+1G1ndlCdMdYKo2Fnsd7kBhuyQPaphw=="],
+
     "@ampproject/remapping": ["@ampproject/remapping@2.3.0", "", { "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-30iZtAPgz+LTIYoeivqYo853f02jBYSd5uGnGpkFV0M3xOt9aN73erkgYAmZU43x4VfqcnLxW9Kpg3R5LC4YYw=="],
 
+    "@analogjs/astro-angular": ["@analogjs/astro-angular@2.6.3", "", { "dependencies": { "@analogjs/vite-plugin-angular": "^2.6.3", "rehype": "^13.0.2" }, "peerDependencies": { "@angular/animations": ">=20.0.0 || ^22.0.0", "@angular/build": ">=20.0.0 || ^22.0.0", "@angular/common": ">=20.0.0 || ^22.0.0", "@angular/compiler": ">=20.0.0 || ^22.0.0", "@angular/compiler-cli": ">=20.0.0 || ^22.0.0", "@angular/core": ">=20.0.0 || ^22.0.0", "@angular/language-service": ">=20.0.0 || ^22.0.0", "@angular/platform-browser": ">=20.0.0 || ^22.0.0", "@angular/platform-server": ">=20.0.0 || ^22.0.0", "rxjs": "^7.8.0", "tslib": "^2.4.0" } }, "sha512-A8srWZ2DJGM1BuOQDPUfUWm5Y54ZKkrGnaEcBlF03bLq9ZIV9NDPt5y1ASPRchaTRYT4SpHB3VNbk+h356mNzA=="],
+
     "@analogjs/vite-plugin-angular": ["@analogjs/vite-plugin-angular@2.6.3", "", { "dependencies": { "magic-string": "^0.30.21", "obug": "^2.1.1", "oxc-parser": "^0.121.0", "tinyglobby": "^0.2.14", "ts-morph": "^21.0.0" }, "peerDependencies": { "@angular-devkit/build-angular": "^17.0.0 || ^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0", "@angular/build": "^18.0.0 || ^19.0.0 || ^20.0.0 || ^21.0.0 || ^22.0.0", "vite": "^6.0.0 || ^7.0.0 || ^8.0.0" }, "optionalPeers": ["@angular-devkit/build-angular", "@angular/build", "vite"] }, "sha512-llAevDhrGRSYL3IlUBC6nhM4kIM9W81TXC0w0ygKz5VnnR0+uiOysyJhcOZ9M4yVgG9C6/TsjBnSA4Gjql1+iQ=="],
 
     "@analogjs/vitest-angular": ["@analogjs/vitest-angular@2.6.3", "", { "peerDependencies": { "@analogjs/vite-plugin-angular": "*", "@angular-devkit/architect": ">=0.1700.0 < 0.2300.0 || >=0.2200.0 < 0.2300.0", "@angular-devkit/schematics": ">=17.0.0", "vitest": "^1.3.1 || ^2.0.0 || ^3.0.0 || ^4.0.0", "zone.js": ">=0.14.0" }, "optionalPeers": ["zone.js"] }, "sha512-GyOH9K6lU49bfAXum642o1+Xq1pjgVgZLXYrpqe3t/XDcpQw24xlhWx/M37x9YsOJWcvExYOD7KYPmD0CTdu2A=="],
@@ -156,6 +202,8 @@
 
     "@angular-devkit/schematics": ["@angular-devkit/schematics@22.0.6", "", { "dependencies": { "@angular-devkit/core": "22.0.6", "jsonc-parser": "3.3.1", "magic-string": "0.30.21", "ora": "9.4.0", "rxjs": "7.8.2" } }, "sha512-7bSiye4UrxvhYvYp1YIpVSVOFQZ75EXP3EE5/ShM3cPNtUTdXJiwHkD8SiLHNhPTB6Mzrq5tp1YlAXXRg/WgLw=="],
 
+    "@angular/animations": ["@angular/animations@22.0.6", "", { "dependencies": { "tslib": "^2.3.0" }, "peerDependencies": { "@angular/core": "22.0.6" } }, "sha512-5bBAuKtawVK4KPq6U/yoE5yCyKymEnXNN7UJ1Lb7PUuuYmLnUXb7zJpC7HwtHTuV/0PTCkGlLE59NtcrrolTuA=="],
+
     "@angular/build": ["@angular/build@22.0.5", "", { "dependencies": { "@ampproject/remapping": "2.3.0", "@angular-devkit/architect": "0.2200.5", "@babel/core": "7.29.0", "@babel/helper-annotate-as-pure": "7.27.3", "@babel/helper-split-export-declaration": "7.24.7", "@inquirer/confirm": "6.0.12", "@vitejs/plugin-basic-ssl": "2.3.0", "beasties": "0.4.2", "browserslist": "^4.26.0", "esbuild": "0.28.1", "https-proxy-agent": "9.0.0", "jsonc-parser": "3.3.1", "listr2": "10.2.1", "magic-string": "0.30.21", "mrmime": "2.0.1", "parse5-html-rewriting-stream": "8.0.1", "picomatch": "4.0.4", "piscina": "5.2.0", "rollup": "4.60.2", "sass": "1.99.0", "semver": "7.7.4", "source-map-support": "0.5.21", "tinyglobby": "0.2.16", "vite": "7.3.5", "watchpack": "2.5.1" }, "optionalDependencies": { "lmdb": "3.5.4" }, "peerDependencies": { "@angular/compiler": "^22.0.0", "@angular/compiler-cli": "^22.0.0", "@angular/core": "^22.0.0", "@angular/localize": "^22.0.0", "@angular/platform-browser": "^22.0.0", "@angular/platform-server": "^22.0.0", "@angular/service-worker": "^22.0.0", "@angular/ssr": "^22.0.5", "istanbul-lib-instrument": "^6.0.0", "karma": "^6.4.0", "less": "^4.2.0", "ng-packagr": "^22.0.0", "postcss": "^8.4.0", "tailwindcss": "^2.0.0 || ^3.0.0 || ^4.0.0", "tslib": "^2.3.0", "typescript": ">=6.0 <6.1", "vitest": "^4.0.8" }, "optionalPeers": ["@angular/core", "@angular/localize", "@angular/platform-browser", "@angular/platform-server", "@angular/service-worker", "@angular/ssr", "istanbul-lib-instrument", "karma", "less", "ng-packagr", "postcss", "tailwindcss", "vitest"] }, "sha512-uVXf1cSKTMDvpiP5x0X8h7D7dICHC2XsbmvRYtxdyTRy+zJduqtCdZTwnwmCrwIc5hOF+bmwa5p17P6XirYVfw=="],
 
     "@angular/common": ["@angular/common@22.0.5", "", { "dependencies": { "tslib": "^2.3.0" }, "peerDependencies": { "@angular/core": "22.0.5", "rxjs": "^6.5.3 || ^7.4.0" } }, "sha512-8HUuQms6bVjjRBF9FScYzepjhesrsPAjJh8UcHaw9YdGwMSn2eUiLZj9V1PnPV9BVu0beBcnAhX50ceeldbcTg=="],
@@ -166,8 +214,14 @@
 
     "@angular/core": ["@angular/core@22.0.5", "", { "dependencies": { "tslib": "^2.3.0" }, "peerDependencies": { "@angular/compiler": "22.0.5", "rxjs": "^6.5.3 || ^7.4.0", "zone.js": "~0.15.0 || ~0.16.0" }, "optionalPeers": ["@angular/compiler", "zone.js"] }, "sha512-8cc6CLC1u7kNHpUZA15tak0WPHAZTF16DPslXxDdWbw/WIlDGPsNdTW8Nsaeb/G45mLvBcMwcZpOC70R6iRzmA=="],
 
+    "@angular/language-service": ["@angular/language-service@22.0.6", "", {}, "sha512-98+yuUDyt472Z5vUEQs2YFqeF+ET2YQIWsdbhp9gTAE/oCEfnPTV9iyvqqry79UpBH0ivGeBs2ISD1QUkKsWrA=="],
+
     "@angular/platform-browser": ["@angular/platform-browser@22.0.5", "", { "dependencies": { "tslib": "^2.3.0" }, "peerDependencies": { "@angular/animations": "22.0.5", "@angular/common": "22.0.5", "@angular/core": "22.0.5" }, "optionalPeers": ["@angular/animations"] }, "sha512-Jm0YQ0NsJl3vhzziO+BEmtW5AYIyI+jVGNJHs4nFKLqSPG7DWkBfx4EykHBN5pAR4NLwwaJyFgbgNE/epZJDZQ=="],
 
+    "@angular/platform-server": ["@angular/platform-server@22.0.6", "", { "dependencies": { "tslib": "^2.3.0", "xhr2": "^0.2.0" }, "peerDependencies": { "@angular/common": "22.0.6", "@angular/compiler": "22.0.6", "@angular/core": "22.0.6", "@angular/platform-browser": "22.0.6", "rxjs": "^6.5.3 || ^7.4.0" } }, "sha512-7z/UAw+4Rqx9THL9zzsN8hznrFi79MevrG3etH6WyzlOJSNoG7seW8kdrsuOYEz+g+xQ6qhoM8xVLL78YLHgaQ=="],
+
+    "@antfu/install-pkg": ["@antfu/install-pkg@1.1.0", "", { "dependencies": { "package-manager-detector": "^1.3.0", "tinyexec": "^1.0.1" } }, "sha512-MGQsmw10ZyI+EJo45CdSER4zEb+p31LpDAFp2Z3gkSd1yqVZGi0Ebx++YTEMonJy4oChEMLsxZ64j8FH6sSqtQ=="],
+
     "@arethetypeswrong/cli": ["@arethetypeswrong/cli@0.18.4", "", { "dependencies": { "@arethetypeswrong/core": "0.18.4", "chalk": "^4.1.2", "cli-table3": "^0.6.3", "commander": "^10.0.1", "marked": "^9.1.2", "marked-terminal": "^7.1.0", "semver": "^7.5.4" }, "bin": { "attw": "./dist/index.js" } }, "sha512-kNWo6LTzGAuLYPpJ7Sgo63whSUeeSuKMlYx6IBgzs4ONEG807gW4hSSENvpeCHzO2H2wIzG5EFl0OKBbqGBAyA=="],
 
     "@arethetypeswrong/core": ["@arethetypeswrong/core@0.18.4", "", { "dependencies": { "@andrewbranch/untar.js": "^1.0.3", "@loaderkit/resolve": "^1.0.2", "cjs-module-lexer": "^1.2.3", "fflate": "^0.8.3", "lru-cache": "^11.0.1", "semver": "^7.5.4", "typescript": "5.6.1-rc", "validate-npm-package-name": "^5.0.0" } }, "sha512-M5F0ePyN6h2Z6XxRiyIPqjGbltotXLjR0CKA0uKspsDu0QmgTNYvRb4RSQPMUs2ZXZHCCYpbaZbFbYOXLxCjUA=="],
@@ -180,6 +234,62 @@
 
     "@asamuzakjp/nwsapi": ["@asamuzakjp/nwsapi@2.3.9", "", {}, "sha512-n8GuYSrI9bF7FFZ/SjhwevlHc8xaVlb/7HmHelnc/PZXBD2ZR49NnN9sMMuDdEGPeeRQ5d0hqlSlEpgCX3Wl0Q=="],
 
+    "@astrojs/check": ["@astrojs/check@0.9.9", "", { "dependencies": { "@astrojs/language-server": "^2.16.7", "chokidar": "^4.0.3", "kleur": "^4.1.5", "yargs": "^17.7.2" }, "peerDependencies": { "typescript": "^5.0.0 || ^6.0.0" }, "bin": { "astro-check": "bin/astro-check.js" } }, "sha512-A5UW8uIuErLWEoRQvzgXpO1gTjUFtK8r7nU2Z7GewAMxUb7bPvpk11qaKKgxqXlHJWlAvaaxy+Xg28A6bmQ1Tg=="],
+
+    "@astrojs/compiler": ["@astrojs/compiler@2.13.1", "", {}, "sha512-f3FN83d2G/v32ipNClRKgYv30onQlMZX1vCeZMjPsMMPl1mDpmbl0+N5BYo4S/ofzqJyS5hvwacEo0CCVDn/Qg=="],
+
+    "@astrojs/compiler-binding": ["@astrojs/compiler-binding@0.3.1", "", { "optionalDependencies": { "@astrojs/compiler-binding-darwin-arm64": "0.3.1", "@astrojs/compiler-binding-darwin-x64": "0.3.1", "@astrojs/compiler-binding-linux-arm64-gnu": "0.3.1", "@astrojs/compiler-binding-linux-arm64-musl": "0.3.1", "@astrojs/compiler-binding-linux-x64-gnu": "0.3.1", "@astrojs/compiler-binding-linux-x64-musl": "0.3.1", "@astrojs/compiler-binding-wasm32-wasi": "0.3.1", "@astrojs/compiler-binding-win32-arm64-msvc": "0.3.1", "@astrojs/compiler-binding-win32-x64-msvc": "0.3.1" } }, "sha512-DaAUj29AIBU2XdJ8uwcab8lW5O2pk9pY8AXkcMw0sw77nVa3oeTYRcO+Dvbbpoexf6ThMc0FMWYCQ/wN1/T7oQ=="],
+
+    "@astrojs/compiler-binding-darwin-arm64": ["@astrojs/compiler-binding-darwin-arm64@0.3.1", "", { "os": "darwin", "cpu": "arm64" }, "sha512-IEmEF2fUIlTHtpeE/isyEGVOB14cEyh/LZOFYt6wn3jNyVpdC8aR5OZ+RzFUR/f+8ZDM1LaMwZKvoA7eMyJeFw=="],
+
+    "@astrojs/compiler-binding-darwin-x64": ["@astrojs/compiler-binding-darwin-x64@0.3.1", "", { "os": "darwin", "cpu": "x64" }, "sha512-GF2kIxjpPDLsn94zbZNMsxEmkU828QqnmM7kiQJnaooS3jmI+I7kk6+oI6EpwOsK3femCMdcm+wmOsEqtGrmjQ=="],
+
+    "@astrojs/compiler-binding-linux-arm64-gnu": ["@astrojs/compiler-binding-linux-arm64-gnu@0.3.1", "", { "os": "linux", "cpu": "arm64" }, "sha512-XJL3SDmOtVrqFhCirNcHwE91+IesJqlgNo23I4qW9QUYfwzm/TBZuH61fgqsb1ttgR1mMYz6ooPWs0JDhwMqpQ=="],
+
+    "@astrojs/compiler-binding-linux-arm64-musl": ["@astrojs/compiler-binding-linux-arm64-musl@0.3.1", "", { "os": "linux", "cpu": "arm64" }, "sha512-xqE8BVbDoBueK/B47w30PtkVofUWJKGkwoMVE+EOMLf11rnoANxIAdA9FPqY+rng4oNI5ndHGsri1yPj2k8vZQ=="],
+
+    "@astrojs/compiler-binding-linux-x64-gnu": ["@astrojs/compiler-binding-linux-x64-gnu@0.3.1", "", { "os": "linux", "cpu": "x64" }, "sha512-1y0StU1qiCuDFH3rmbRJXcxdfHxFPrES1Rd+RLffosvUR7I2cH5SF5SFnBN9vXpzpkmyElZm3Yr47iJBPN7vVA=="],
+
+    "@astrojs/compiler-binding-linux-x64-musl": ["@astrojs/compiler-binding-linux-x64-musl@0.3.1", "", { "os": "linux", "cpu": "x64" }, "sha512-16q0fYf7kpbmdObZEeZJEup8hQv/whgNwVjrSvT8umrKwLDSnNIWiQpm09lQQu6bweZB0XyIvHwlPitvJhC+hg=="],
+
+    "@astrojs/compiler-binding-wasm32-wasi": ["@astrojs/compiler-binding-wasm32-wasi@0.3.1", "", { "dependencies": { "@napi-rs/wasm-runtime": "^1.1.6" }, "cpu": "none" }, "sha512-cB456shIwDv/PrVT+2QG7LFndpHkVge5HjqADKZgGaAc9JHVktCtjSrcdkRQ+3tbkPazNKaTLRjXLIiz2NIx9g=="],
+
+    "@astrojs/compiler-binding-win32-arm64-msvc": ["@astrojs/compiler-binding-win32-arm64-msvc@0.3.1", "", { "os": "win32", "cpu": "arm64" }, "sha512-ur/9+If/yTE69mmeX5MqSZndL0HOyx67GeNZUy3N7wVdWpLz9UTJXwyWS4UR2PUQHitghjsM5xoX0Ge56WRVQQ=="],
+
+    "@astrojs/compiler-binding-win32-x64-msvc": ["@astrojs/compiler-binding-win32-x64-msvc@0.3.1", "", { "os": "win32", "cpu": "x64" }, "sha512-k0W+kDBzDkNZOqu4kElDvCOIbKw5Ut9S1WZ1Krj3KTgNuBERNKXsMMsRLLcbgfdMdbe7bTekQLshZrrvmYpmwA=="],
+
+    "@astrojs/compiler-rs": ["@astrojs/compiler-rs@0.3.1", "", { "dependencies": { "@astrojs/compiler-binding": "0.3.1" } }, "sha512-aT7xkgsbNoS6nriY5qKpbihK43slFHO41iqgHCTdOvn1ifaQxLCc5yXy+6GzAtiafoaC1zA7OwVXCXMsvUZOkg=="],
+
+    "@astrojs/internal-helpers": ["@astrojs/internal-helpers@0.10.1", "", { "dependencies": { "@types/hast": "^3.0.4", "@types/mdast": "^4.0.4", "js-yaml": "^4.1.1", "picomatch": "^4.0.4", "retext-smartypants": "^6.2.0", "shiki": "^4.0.2", "smol-toml": "^1.6.0", "unified": "^11.0.5" } }, "sha512-5phcroT/vmOOrYuuAxtkbPixy5hePtlz9i8K4OeDv3dNK6/UQRuXPOSRTxIOBbUY5Sonw2UaxjbuVc43Mcir6Q=="],
+
+    "@astrojs/language-server": ["@astrojs/language-server@2.16.12", "", { "dependencies": { "@astrojs/compiler": "^2.13.1", "@astrojs/yaml2ts": "^0.2.4", "@jridgewell/sourcemap-codec": "^1.5.5", "@volar/kit": "~2.4.28", "@volar/language-core": "~2.4.28", "@volar/language-server": "~2.4.28", "@volar/language-service": "~2.4.28", "muggle-string": "^0.4.1", "tinyglobby": "^0.2.16", "volar-service-css": "0.0.71", "volar-service-emmet": "0.0.71", "volar-service-html": "0.0.71", "volar-service-prettier": "0.0.71", "volar-service-typescript": "0.0.71", "volar-service-typescript-twoslash-queries": "0.0.71", "volar-service-yaml": "0.0.71", "vscode-html-languageservice": "^5.6.2", "vscode-uri": "^3.1.0" }, "peerDependencies": { "prettier": "^3.0.0", "prettier-plugin-astro": ">=0.11.0" }, "optionalPeers": ["prettier", "prettier-plugin-astro"], "bin": { "astro-ls": "./bin/nodeServer.js" } }, "sha512-3LpFphBCzveUgm5ZVDINB/v3YA4TgPa1EMOEFn3Zt/Ww6jojR25iN+kmzeUz7v/b9xkmq+hMACTX4hizN3VCEQ=="],
+
+    "@astrojs/markdown-remark": ["@astrojs/markdown-remark@7.2.1", "", { "dependencies": { "@astrojs/internal-helpers": "0.10.1", "@astrojs/prism": "4.0.2", "github-slugger": "^2.0.0", "hast-util-from-html": "^2.0.3", "hast-util-to-text": "^4.0.2", "mdast-util-definitions": "^6.0.0", "rehype-raw": "^7.0.0", "rehype-stringify": "^10.0.1", "remark-gfm": "^4.0.1", "remark-parse": "^11.0.0", "remark-rehype": "^11.1.2", "remark-smartypants": "^3.0.2", "unified": "^11.0.5", "unist-util-remove-position": "^5.0.0", "unist-util-visit": "^5.1.0", "unist-util-visit-parents": "^6.0.2", "vfile": "^6.0.3" } }, "sha512-jPVNIqTvk+yKviikszv/Y1U4jGUSKpp/Nw48QZV4qjWgp70j4Lkq3lhSDRbWwCfgKvEyO9GHuVbV1dM2WYXy1w=="],
+
+    "@astrojs/markdown-satteri": ["@astrojs/markdown-satteri@0.3.4", "", { "dependencies": { "@astrojs/internal-helpers": "0.10.1", "@astrojs/prism": "4.0.2", "github-slugger": "^2.0.0", "hast-util-from-html": "^2.0.3", "satteri": "^0.9.1" } }, "sha512-6Lvt/bQZEBW+zzdhPblvfZEy5PGEYJaUsUqaCgwHeRPxZJL1gc9I+DRLKWJjjYTWDzVUTzXlMq4WwSK+X34CVw=="],
+
+    "@astrojs/mdx": ["@astrojs/mdx@7.0.3", "", { "dependencies": { "@astrojs/internal-helpers": "0.10.1", "@astrojs/markdown-remark": "7.2.1", "@mdx-js/mdx": "^3.1.1", "acorn": "^8.16.0", "es-module-lexer": "^2.0.0", "estree-util-visit": "^2.0.0", "hast-util-to-html": "^9.0.5", "piccolore": "^0.1.3", "rehype-raw": "^7.0.0", "remark-gfm": "^4.0.1", "remark-smartypants": "^3.0.2", "source-map": "^0.7.6", "unist-util-visit": "^5.1.0", "vfile": "^6.0.3" }, "peerDependencies": { "@astrojs/markdown-satteri": "^0.3.1", "astro": "^7.0.0" }, "optionalPeers": ["@astrojs/markdown-satteri"] }, "sha512-RxyIwU0uFam5ftwqKOjpIdhnFxZ/kEikeimLyQy3eGXbHT8WgRGzzesOIHVU8+m9TY8ag5WVOyvV24/GyqPdPQ=="],
+
+    "@astrojs/node": ["@astrojs/node@11.0.2", "", { "dependencies": { "@astrojs/internal-helpers": "0.10.1", "send": "^1.2.1", "server-destroy": "^1.0.1" }, "peerDependencies": { "astro": "^7.0.0" } }, "sha512-/ijULxT+A5Cm8wSwWZ2vgqfim1b05D6B8n/a9l6MMA4FCotIH73g7fL7y76XojKXpTe75FVvQH92OxsMqea9kQ=="],
+
+    "@astrojs/preact": ["@astrojs/preact@6.0.1", "", { "dependencies": { "@astrojs/internal-helpers": "0.10.1", "@preact/preset-vite": "^2.10.5", "@preact/signals": "^2.8.2", "devalue": "^5.8.1", "preact-render-to-string": "^6.6.6", "vite": "^8.0.13" }, "peerDependencies": { "preact": "^10.6.5" } }, "sha512-jZgBe87lfaG1rmv4jQkeVmCmVX5WISHJyVaG9GjvqmgLSmSyd0EVXrflSMPBrKcNlQENYDBMk+q2g/5qfdREEg=="],
+
+    "@astrojs/prism": ["@astrojs/prism@4.0.2", "", { "dependencies": { "prismjs": "^1.30.0" } }, "sha512-KTivpmnz6lDsC6o9H4+DNm2SrE/GHzw8cNAvEJwAvUT+eoaEnn/4NtbDNfRRaxaJHdp15gf+tfHAWiXR4wB3BA=="],
+
+    "@astrojs/react": ["@astrojs/react@6.0.1", "", { "dependencies": { "@astrojs/internal-helpers": "0.10.1", "@vitejs/plugin-react": "^5.2.0", "devalue": "^5.8.1", "ultrahtml": "^1.6.0", "vite": "^8.0.13" }, "peerDependencies": { "@types/react": "^17.0.50 || ^18.0.21 || ^19.0.0", "@types/react-dom": "^17.0.17 || ^18.0.6 || ^19.0.0", "react": "^17.0.2 || ^18.0.0 || ^19.0.0", "react-dom": "^17.0.2 || ^18.0.0 || ^19.0.0" } }, "sha512-Afs1sEm72P2plDnrOGxmIteJ7bjx/VqxlcaQLNip5eHJ5tIvKUORQetC9UKcvgwKnj51t60HWl5mOANkOsWs4w=="],
+
+    "@astrojs/solid-js": ["@astrojs/solid-js@7.0.1", "", { "dependencies": { "vite": "^8.0.13", "vite-plugin-solid": "^2.11.12" }, "peerDependencies": { "solid-devtools": "^0.34.5", "solid-js": "^1.9.13" }, "optionalPeers": ["solid-devtools"] }, "sha512-Q1pBsferyLkw4yoJtgpbnu1/HSIOCx3QCoH3FAqNLZ/JnJpzQVPaT6aL/6yB67irxYThM5UA81hZCP5eVDAyyA=="],
+
+    "@astrojs/svelte": ["@astrojs/svelte@9.0.1", "", { "dependencies": { "@sveltejs/vite-plugin-svelte": "^7.1.0", "svelte2tsx": "^0.7.55", "vite": "^8.0.13", "vitefu": "^1.1.2" }, "peerDependencies": { "astro": "^7.0.0", "svelte": "^5.43.6", "typescript": "^5.3.3 || ^6.0.0" } }, "sha512-n5FzIR9Eqs4Kz8O0BIyGfV+wJuAbXRhZazJbq+sdU64Cho83my9/yFUiQyUeGFPnu3nytCg7Dj24LMDsCh31Jg=="],
+
+    "@astrojs/telemetry": ["@astrojs/telemetry@3.3.3", "", { "dependencies": { "ci-info": "^4.4.0", "dset": "^3.1.4", "is-docker": "^4.0.0", "package-manager-detector": "^1.6.0" } }, "sha512-C1TLn5sPJr0x4vk56piHWKbnqlEB8BKyte5Y45V02U+D7BGO5eMqZDH5aPjnkXQWJggvmsTXxH03QMZ9NgWLzQ=="],
+
+    "@astrojs/vercel": ["@astrojs/vercel@11.0.3", "", { "dependencies": { "@astrojs/internal-helpers": "0.10.1", "@vercel/analytics": "^1.6.1", "@vercel/functions": "^3.4.3", "@vercel/nft": "^1.3.2", "@vercel/routing-utils": "^5.3.3", "esbuild": "^0.28.0", "tinyglobby": "^0.2.15" }, "peerDependencies": { "astro": "^7.0.0" } }, "sha512-UMhcZ/lWB0/B2l1L8BJh6QxysjZt8SLS9e40xRfBdVhfi3Y6SIDw+99rY/+OGW/yem/S7sBRkvqvto8neevO2A=="],
+
+    "@astrojs/vue": ["@astrojs/vue@7.0.1", "", { "dependencies": { "@vitejs/plugin-vue": "^6.0.5", "@vitejs/plugin-vue-jsx": "^5.1.5", "@vue/compiler-sfc": "^3.5.30", "vite": "^8.0.13", "vite-plugin-vue-devtools": "^8.1.0" }, "peerDependencies": { "astro": "^7.0.0", "vue": "^3.5.24" } }, "sha512-DHTZ1QKlLZ8ZSrqmQ7KMjsyGLitgLYM9ynFRc55ZKr9Jrb6yIuVRRRHbzsqXXI87oc3dwObxEhEaWPgJe7Dq/w=="],
+
+    "@astrojs/yaml2ts": ["@astrojs/yaml2ts@0.2.4", "", { "dependencies": { "yaml": "^2.8.3" } }, "sha512-8oddpOae35pJsXPQXhTkM0ypfKPskVsh2bCxRtbf7e+/Epw2nReakFYpLKjZMEr75CsoF203PMnCocpfz0s69A=="],
+
     "@babel/code-frame": ["@babel/code-frame@7.29.7", "", { "dependencies": { "@babel/helper-validator-identifier": "^7.29.7", "js-tokens": "^4.0.0", "picocolors": "^1.1.1" } }, "sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw=="],
 
     "@babel/compat-data": ["@babel/compat-data@7.29.7", "", {}, "sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg=="],
@@ -192,14 +302,24 @@
 
     "@babel/helper-compilation-targets": ["@babel/helper-compilation-targets@7.29.7", "", { "dependencies": { "@babel/compat-data": "^7.29.7", "@babel/helper-validator-option": "^7.29.7", "browserslist": "^4.24.0", "lru-cache": "^5.1.1", "semver": "^6.3.1" } }, "sha512-wem6WaBj4NaVYVdNhLPPVacES6ZJ+KBBfSkTMD3YZxbP3rm3Di85tJU5ljaUNhaOynt+Aj0xruhYuzQBt8n71g=="],
 
+    "@babel/helper-create-class-features-plugin": ["@babel/helper-create-class-features-plugin@7.29.7", "", { "dependencies": { "@babel/helper-annotate-as-pure": "^7.29.7", "@babel/helper-member-expression-to-functions": "^7.29.7", "@babel/helper-optimise-call-expression": "^7.29.7", "@babel/helper-replace-supers": "^7.29.7", "@babel/helper-skip-transparent-expression-wrappers": "^7.29.7", "@babel/traverse": "^7.29.7", "semver": "^6.3.1" }, "peerDependencies": { "@babel/core": "^7.0.0" } }, "sha512-IY3ZD9Tmooqr3TUhc3DUWxiuo8xx1DWLhd5M7hQ+ZWJamqM2BbalrBJb2MisSLoYorOj75U03qULCxQTY9r3hg=="],
+
     "@babel/helper-globals": ["@babel/helper-globals@7.29.7", "", {}, "sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA=="],
 
+    "@babel/helper-member-expression-to-functions": ["@babel/helper-member-expression-to-functions@7.29.7", "", { "dependencies": { "@babel/traverse": "^7.29.7", "@babel/types": "^7.29.7" } }, "sha512-j+7JYmk1JYDtACIGj0QJqqWZjoUpMoEikQGADMaHgCMCSDqd2+P32rfcibUNrGOMWrlzK1WJBdxrB3JJQZwWtg=="],
+
     "@babel/helper-module-imports": ["@babel/helper-module-imports@7.29.7", "", { "dependencies": { "@babel/traverse": "^7.29.7", "@babel/types": "^7.29.7" } }, "sha512-ejHwrQQYcm9xnTivShn2IDOlIzInN34AXskvq9QicvCtEzq1Vzclu/tKF8Jq1Cg8JG2GL6/EmjgsCT7lXepE3g=="],
 
     "@babel/helper-module-transforms": ["@babel/helper-module-transforms@7.29.7", "", { "dependencies": { "@babel/helper-module-imports": "^7.29.7", "@babel/helper-validator-identifier": "^7.29.7", "@babel/traverse": "^7.29.7" }, "peerDependencies": { "@babel/core": "^7.0.0" } }, "sha512-UPUVSyXbOh627KiCIGQSgwWzGeBKLkaJ9PJEdrngIwMSzxLR4jS4+f1f1jb7VzBbg8nFLaYotvVPFCTqdrmTAg=="],
 
+    "@babel/helper-optimise-call-expression": ["@babel/helper-optimise-call-expression@7.29.7", "", { "dependencies": { "@babel/types": "^7.29.7" } }, "sha512-+kmGVjcT9RGYzoDwdwEqEvGgKe3BYq+O1iGzjFubaNgZHwYHP6lsF2Yghf4kEuv9BV7tYDZ913aBW9am6YKong=="],
+
     "@babel/helper-plugin-utils": ["@babel/helper-plugin-utils@7.29.7", "", {}, "sha512-G7sHYigPY17oO5SYWnfD/0MTBwVR781S/JI643e/JhUYgVgWE/61SoW3NH9KWUKyKq5LVh3npif99Wkt6j86Jw=="],
 
+    "@babel/helper-replace-supers": ["@babel/helper-replace-supers@7.29.7", "", { "dependencies": { "@babel/helper-member-expression-to-functions": "^7.29.7", "@babel/helper-optimise-call-expression": "^7.29.7", "@babel/traverse": "^7.29.7" }, "peerDependencies": { "@babel/core": "^7.0.0" } }, "sha512-atfGXWSeCiF4DnKZIfmJfQRkSw9b9gNNXR1kqKjbhG4pGYCOnkp8OcTB8E3NXjBu8NpheSnOeNKz8KT7UNFTmQ=="],
+
+    "@babel/helper-skip-transparent-expression-wrappers": ["@babel/helper-skip-transparent-expression-wrappers@7.29.7", "", { "dependencies": { "@babel/traverse": "^7.29.7", "@babel/types": "^7.29.7" } }, "sha512-brcMGQaVzIeUb+6/bs1Av0f8YuNNjKY2JyvfRCsFuFsdKccEQ5Ges2y74D74NZ1Rz8lKJ9ksJkfqwQFJ/iNEyQ=="],
+
     "@babel/helper-split-export-declaration": ["@babel/helper-split-export-declaration@7.24.7", "", { "dependencies": { "@babel/types": "^7.24.7" } }, "sha512-oy5V7pD+UvfkEATUKvIjvIAH/xCzfsFVw7ygW2SI6NClZzquT+mwdTfgfdbUiceh6iQO0CHtCPsyze/MZ2YbAA=="],
 
     "@babel/helper-string-parser": ["@babel/helper-string-parser@7.29.7", "", {}, "sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw=="],
@@ -212,8 +332,28 @@
 
     "@babel/parser": ["@babel/parser@8.0.4", "", { "dependencies": { "@babel/types": "^8.0.4" }, "bin": "./bin/babel-parser.js" }, "sha512-srpptsAkEbbNIC/q8nT7o+m6CQe8CJUTV/t7MYc9NnWlgYVtHOb7JH6SorxMhN0kuRJjVqXbKClG6xSbPtzz+g=="],
 
+    "@babel/plugin-proposal-decorators": ["@babel/plugin-proposal-decorators@7.29.7", "", { "dependencies": { "@babel/helper-create-class-features-plugin": "^7.29.7", "@babel/helper-plugin-utils": "^7.29.7", "@babel/plugin-syntax-decorators": "^7.29.7" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-EtU0Hi3GvrTqD56xKmZvV/uCXK2ZbwVNPNLAquVItcAZpUhkXwWlo3Fmj0c2LxgSf2I8IDULeAepwNP1OefLXg=="],
+
+    "@babel/plugin-syntax-decorators": ["@babel/plugin-syntax-decorators@7.29.7", "", { "dependencies": { "@babel/helper-plugin-utils": "^7.29.7" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-9MTTLbF39X6sqM92JPEsoI7++26hjZvzkxKZy64aMhWLH2mPkJ/Q3AV4QLmls3R14FpSpkOwQQfUh962JGQxxg=="],
+
+    "@babel/plugin-syntax-import-attributes": ["@babel/plugin-syntax-import-attributes@7.29.7", "", { "dependencies": { "@babel/helper-plugin-utils": "^7.29.7" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-zGYcYfq/WmZ4V+kBIXQon9dSSc8ircGZqw9ZaNhhGj9nZkeBu1jHLBDQqYYi5WA9uawvA2sIMbry2nCFhf5Djg=="],
+
+    "@babel/plugin-syntax-import-meta": ["@babel/plugin-syntax-import-meta@7.10.4", "", { "dependencies": { "@babel/helper-plugin-utils": "^7.10.4" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-Yqfm+XDx0+Prh3VSeEQCPU81yC+JWZ2pDPFSS4ZdpfZhp4MkFMaDC1UqseovEKwSUpnIL7+vK+Clp7bfh0iD7g=="],
+
     "@babel/plugin-syntax-jsx": ["@babel/plugin-syntax-jsx@7.29.7", "", { "dependencies": { "@babel/helper-plugin-utils": "^7.29.7" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-TSu8+mHCoEaaCDEZ0I3+6mvTBYR4PCxQwf2z9/r5Tbztv6NaLR3B9thGTTxX2WGuGHJqRiAbKPeGTJ5XWXVg6A=="],
 
+    "@babel/plugin-syntax-typescript": ["@babel/plugin-syntax-typescript@7.29.7", "", { "dependencies": { "@babel/helper-plugin-utils": "^7.29.7" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-ngr+82Sh0xMz25TPCZi+nC2iTzjfCdWS2ONXTp/PtSCHCgaCNBpdMqgvJ2ccdLlClVZ7sisIgB914j/JFe+RZA=="],
+
+    "@babel/plugin-transform-react-jsx": ["@babel/plugin-transform-react-jsx@7.29.7", "", { "dependencies": { "@babel/helper-annotate-as-pure": "^7.29.7", "@babel/helper-module-imports": "^7.29.7", "@babel/helper-plugin-utils": "^7.29.7", "@babel/plugin-syntax-jsx": "^7.29.7", "@babel/types": "^7.29.7" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-WsZulLVBUHXVj2cUcPVx6UE21TpalB6bHbSFErKT0Ib++ax24jjXe73FqlWvdylFOjiuPHYi6VCcgRad1ItN+A=="],
+
+    "@babel/plugin-transform-react-jsx-development": ["@babel/plugin-transform-react-jsx-development@7.29.7", "", { "dependencies": { "@babel/plugin-transform-react-jsx": "^7.29.7" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-Xfy3UVMF04+ypnFbkhvfqtmvwfe92qwQdbGZVonhE+6v35GzlofmOnA1szaZqzb9xYWr0nl1e5EMmzi0DNON1g=="],
+
+    "@babel/plugin-transform-react-jsx-self": ["@babel/plugin-transform-react-jsx-self@7.29.7", "", { "dependencies": { "@babel/helper-plugin-utils": "^7.29.7" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-TL0hMc9xzy86VD31nUiwzd5otRAcyEPcsegCxolO0PvcXuH1v0kECe/UIznYFihpkvU5wg/jk4v0TTEFfm53fw=="],
+
+    "@babel/plugin-transform-react-jsx-source": ["@babel/plugin-transform-react-jsx-source@7.29.7", "", { "dependencies": { "@babel/helper-plugin-utils": "^7.29.7" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-06IyK09H3wi4cGbhDBwp5gUGo0IKtnYa8tyTiephirPCK6fbobVGiXMMI5zLQ4aKEYP3wZ3ArU44o+8KMrSG/Q=="],
+
+    "@babel/plugin-transform-typescript": ["@babel/plugin-transform-typescript@7.29.7", "", { "dependencies": { "@babel/helper-annotate-as-pure": "^7.29.7", "@babel/helper-create-class-features-plugin": "^7.29.7", "@babel/helper-plugin-utils": "^7.29.7", "@babel/helper-skip-transparent-expression-wrappers": "^7.29.7", "@babel/plugin-syntax-typescript": "^7.29.7" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-jK52h8LaLc7JarhQV2ofeFMts4H7vnOXnqZNA6fYglBTZewRBE51KWt3BUltW1P+KoPsYkHoJeXePuz4zo2LMw=="],
+
     "@babel/runtime": ["@babel/runtime@7.29.7", "", {}, "sha512-Nq8OhGWiZIZGV6hLHoyAKLLcJihP/xFeBMGJoUrxTX2psI8dCifzLhZISFb+VWS3wFMRDmCGw5R+dOySCqPLhw=="],
 
     "@babel/template": ["@babel/template@7.29.7", "", { "dependencies": { "@babel/code-frame": "^7.29.7", "@babel/parser": "^7.29.7", "@babel/types": "^7.29.7" } }, "sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg=="],
@@ -222,10 +362,36 @@
 
     "@babel/types": ["@babel/types@7.29.7", "", { "dependencies": { "@babel/helper-string-parser": "^7.29.7", "@babel/helper-validator-identifier": "^7.29.7" } }, "sha512-4zBIxpPzowiZpusoFkyGVwakdRJUyuH5PxQ/PrqghfdFWWasvnCdPfQXHrenDai+gyLARulZjZowCOj6fjT4pA=="],
 
+    "@base-ui/react": ["@base-ui/react@1.6.0", "", { "dependencies": { "@babel/runtime": "^7.29.2", "@base-ui/utils": "0.3.1", "@floating-ui/react-dom": "^2.1.8", "@floating-ui/utils": "^0.2.11", "use-sync-external-store": "^1.6.0" }, "peerDependencies": { "@date-fns/tz": "^1.2.0", "@types/react": "^17 || ^18 || ^19", "date-fns": "^4.0.0", "react": "^17 || ^18 || ^19", "react-dom": "^17 || ^18 || ^19" }, "optionalPeers": ["@date-fns/tz", "@types/react", "date-fns"] }, "sha512-/jzjTWJYXhRFO45Bev9lc3cHbmjzCMpUqbMZ2AgKy/z25mY9B6shGSNcXcjQar9n5doM0KYW1W8fcFv2jZBuMw=="],
+
+    "@base-ui/utils": ["@base-ui/utils@0.3.1", "", { "dependencies": { "@babel/runtime": "^7.29.2", "@floating-ui/utils": "^0.2.11", "reselect": "^5.2.0", "use-sync-external-store": "^1.6.0" }, "peerDependencies": { "@types/react": "^17 || ^18 || ^19", "react": "^17 || ^18 || ^19", "react-dom": "^17 || ^18 || ^19" }, "optionalPeers": ["@types/react"] }, "sha512-gFFiltORVmW/N6IILTGxizP3PBpVpysqML1ALY5Vk0mH+7faVkCknOU31goYHN5Aoek2dkjxva1XOD2Ce9WuIg=="],
+
     "@braidai/lang": ["@braidai/lang@1.1.2", "", {}, "sha512-qBcknbBufNHlui137Hft8xauQMTZDKdophmLFv05r2eNmdIv/MlPuP4TdUknHG68UdWLgVZwgxVe735HzJNIwA=="],
 
+    "@braintree/sanitize-url": ["@braintree/sanitize-url@7.1.2", "", {}, "sha512-jigsZK+sMF/cuiB7sERuo9V7N9jx+dhmHHnQyDSVdpZwVutaBu7WvNYqMDLSgFgfB30n452TP3vjDAvFC973mA=="],
+
     "@bramus/specificity": ["@bramus/specificity@2.4.2", "", { "dependencies": { "css-tree": "^3.0.0" }, "bin": { "specificity": "bin/cli.js" } }, "sha512-ctxtJ/eA+t+6q2++vj5j7FYX3nRu311q1wfYH3xjlLOsczhlhxAg2FWNUXhpGvAw3BWo1xBcvOV6/YLc2r5FJw=="],
 
+    "@bruits/satteri-darwin-arm64": ["@bruits/satteri-darwin-arm64@0.9.5", "", { "os": "darwin", "cpu": "arm64" }, "sha512-iw4nZgx9v30lWo/MTngQqi1pI78KI0DnkSm+lVJGYdmPLgAyDNJigVhpG42/Iq55A6c1Ll8q66ljyyRiQUxwow=="],
+
+    "@bruits/satteri-darwin-x64": ["@bruits/satteri-darwin-x64@0.9.5", "", { "os": "darwin", "cpu": "x64" }, "sha512-6T26Z5Kf3cFW2PSlk9p7zT7yVxvuBSiJvYyz9u8KjYwMTqZyIDOj2wDyNpxKV4+6yUVG7rddq2QwvG/8LJA2+Q=="],
+
+    "@bruits/satteri-linux-arm64-gnu": ["@bruits/satteri-linux-arm64-gnu@0.9.5", "", { "os": "linux", "cpu": "arm64" }, "sha512-u51id17uJwNEMK9nBlICsq6U31c+XVqQueVBkwRIzZG+gMpS8TOJctt5h5Wz33Z8xnMdTd+adtACVz0yHgGuOA=="],
+
+    "@bruits/satteri-linux-arm64-musl": ["@bruits/satteri-linux-arm64-musl@0.9.5", "", { "os": "linux", "cpu": "arm64" }, "sha512-v39HxiwGC5Rqm01HksP6+5Y+xKLPlsuVFgIgpEAo+SiQ22c+mJVhS3u7Z6ePAKdhL5NJoK1xq70kLz3L13AhpQ=="],
+
+    "@bruits/satteri-linux-x64-gnu": ["@bruits/satteri-linux-x64-gnu@0.9.5", "", { "os": "linux", "cpu": "x64" }, "sha512-F3uO8uFp3pAP5ZGXttwvh57GS7s0lL953tnNdyI2gRyP4kOOkp6pyGojNJzCjkDvWI2Cvb9iNrKok3aqQPauAw=="],
+
+    "@bruits/satteri-linux-x64-musl": ["@bruits/satteri-linux-x64-musl@0.9.5", "", { "os": "linux", "cpu": "x64" }, "sha512-bicEqglLlz++mWyADaZoP0JY20s4vDfLjaPYgQqC+NI4zZLTOOg1T4GB8aqtc822Pqji8SQBmSrTb7CrP8i08Q=="],
+
+    "@bruits/satteri-wasm32-wasi": ["@bruits/satteri-wasm32-wasi@0.9.5", "", { "dependencies": { "@emnapi/core": "1.11.1", "@emnapi/runtime": "1.11.1", "@napi-rs/wasm-runtime": "^1.1.6" }, "cpu": "none" }, "sha512-zauAuMwfPnKPUkd4AFixRFpXdgKwP2mKgxrIIo2gJzW0/ZneF9dbHnLkojSpaBnCCp7VUL1hIi5WWZvB1CqmAQ=="],
+
+    "@bruits/satteri-win32-arm64-msvc": ["@bruits/satteri-win32-arm64-msvc@0.9.5", "", { "os": "win32", "cpu": "arm64" }, "sha512-SrfE7NEsgZjBvU3c+RR6oQRu0ToXY5uVJEbieXEF0YTctIV2zAVlbaMjWLts074QCgh3a+XHWkR/lWh2VH2LUg=="],
+
+    "@bruits/satteri-win32-x64-msvc": ["@bruits/satteri-win32-x64-msvc@0.9.5", "", { "os": "win32", "cpu": "x64" }, "sha512-5Kw9ZAtTGS8WHizyn+CJhjjfIQrw+7jcZodpmpXJjefnO15M8UexIi6JR2E5thyvsmHyhL6ZDDMUNR4bKJPd4g=="],
+
+    "@capsizecss/unpack": ["@capsizecss/unpack@4.0.1", "", { "dependencies": { "fontkitten": "^1.0.3" } }, "sha512-CuNiSqg7+e1cO/GjffyMOm5Tt2jUF9CWHHnvQ/UkqvtkGfHdgwEC0wpmq7fkN3gxwpRnrAN0WzO3vREKmNolMQ=="],
+
     "@changesets/apply-release-plan": ["@changesets/apply-release-plan@7.1.1", "", { "dependencies": { "@changesets/config": "^3.1.4", "@changesets/get-version-range-type": "^0.4.0", "@changesets/git": "^3.0.4", "@changesets/should-skip-package": "^0.1.2", "@changesets/types": "^6.1.0", "@manypkg/get-packages": "^1.1.3", "detect-indent": "^6.0.0", "fs-extra": "^7.0.1", "lodash.startcase": "^4.4.0", "outdent": "^0.5.0", "prettier": "^2.7.1", "resolve-from": "^5.0.0", "semver": "^7.5.3" } }, "sha512-9qPCm/rLx/xoOFXIHGB229+4GOL76S4MC+7tyOuTsR6+1jYlfFDQORdvwR5hDA6y4FL2BPt3qpbcQIS+dW85LA=="],
 
     "@changesets/assemble-release-plan": ["@changesets/assemble-release-plan@6.0.10", "", { "dependencies": { "@changesets/errors": "^0.2.0", "@changesets/get-dependents-graph": "^2.1.4", "@changesets/should-skip-package": "^0.1.2", "@changesets/types": "^6.1.0", "@manypkg/get-packages": "^1.1.3", "semver": "^7.5.3" } }, "sha512-rSDcqdJ9KbVyjpBIuCidhvZNIiVt1XaIYp73ycVQRIA5n/j6wQaEk0ChRLMUQ1vkxZe51PTQ9OIhbg6HQMW45A=="],
@@ -264,6 +430,8 @@
 
     "@changesets/write": ["@changesets/write@0.4.0", "", { "dependencies": { "@changesets/types": "^6.1.0", "fs-extra": "^7.0.1", "human-id": "^4.1.1", "prettier": "^2.7.1" } }, "sha512-CdTLvIOPiCNuH71pyDu3rA+Q0n65cmAbXnwWH84rKGiFumFzkmHNT8KHTMEchcxN+Kl8I54xGUhJ7l3E7X396Q=="],
 
+    "@chevrotain/types": ["@chevrotain/types@11.1.2", "", {}, "sha512-U+HFai5+zmJCkK86QsaJtoITlboZHBqrVketcO2ROv865xfCMSFpELQoz1GkX5GzME8pTa+3kbKrZHQtI0gdbw=="],
+
     "@clack/core": ["@clack/core@1.4.3", "", { "dependencies": { "fast-wrap-ansi": "^0.2.0", "sisteransi": "^1.0.5" } }, "sha512-/kr3UWNtdJfxZtPgDqUOmG2pvwlmcLGheex5yiZKdwbzZJxhV+HMNR9QNmyY5cGwTNV6LrR7Jtp+KjhUAP1qBQ=="],
 
     "@clack/prompts": ["@clack/prompts@1.7.0", "", { "dependencies": { "@clack/core": "1.4.3", "fast-string-width": "^3.0.2", "fast-wrap-ansi": "^0.2.0", "sisteransi": "^1.0.5" } }, "sha512-y7/yvZ2TPAnR9+jnc00klvNNLkJiXFFrQA/hlLCcxA9a2A4zQIOimyFQ9XfwYKiGD1fb5GY8vbKIIgO8d5Tb2A=="],
@@ -282,6 +450,20 @@
 
     "@csstools/css-tokenizer": ["@csstools/css-tokenizer@4.0.0", "", {}, "sha512-QxULHAm7cNu72w97JUNCBFODFaXpbDg+dP8b/oWFAZ2MTRppA3U00Y2L1HqaS4J6yBqxwa/Y3nMBaxVKbB/NsA=="],
 
+    "@emmetio/abbreviation": ["@emmetio/abbreviation@2.3.3", "", { "dependencies": { "@emmetio/scanner": "^1.0.4" } }, "sha512-mgv58UrU3rh4YgbE/TzgLQwJ3pFsHHhCLqY20aJq+9comytTXUDNGG/SMtSeMJdkpxgXSXunBGLD8Boka3JyVA=="],
+
+    "@emmetio/css-abbreviation": ["@emmetio/css-abbreviation@2.1.8", "", { "dependencies": { "@emmetio/scanner": "^1.0.4" } }, "sha512-s9yjhJ6saOO/uk1V74eifykk2CBYi01STTK3WlXWGOepyKa23ymJ053+DNQjpFcy1ingpaO7AxCcwLvHFY9tuw=="],
+
+    "@emmetio/css-parser": ["@emmetio/css-parser@0.4.1", "", { "dependencies": { "@emmetio/stream-reader": "^2.2.0", "@emmetio/stream-reader-utils": "^0.1.0" } }, "sha512-2bC6m0MV/voF4CTZiAbG5MWKbq5EBmDPKu9Sb7s7nVcEzNQlrZP6mFFFlIaISM8X6514H9shWMme1fCm8cWAfQ=="],
+
+    "@emmetio/html-matcher": ["@emmetio/html-matcher@1.3.0", "", { "dependencies": { "@emmetio/scanner": "^1.0.0" } }, "sha512-NTbsvppE5eVyBMuyGfVu2CRrLvo7J4YHb6t9sBFLyY03WYhXET37qA4zOYUjBWFCRHO7pS1B9khERtY0f5JXPQ=="],
+
+    "@emmetio/scanner": ["@emmetio/scanner@1.0.4", "", {}, "sha512-IqRuJtQff7YHHBk4G8YZ45uB9BaAGcwQeVzgj/zj8/UdOhtQpEIupUhSk8dys6spFIWVZVeK20CzGEnqR5SbqA=="],
+
+    "@emmetio/stream-reader": ["@emmetio/stream-reader@2.2.0", "", {}, "sha512-fXVXEyFA5Yv3M3n8sUGT7+fvecGrZP4k6FnWWMSZVQf69kAq0LLpaBQLGcPR30m3zMmKYhECP4k/ZkzvhEW5kw=="],
+
+    "@emmetio/stream-reader-utils": ["@emmetio/stream-reader-utils@0.1.0", "", {}, "sha512-ZsZ2I9Vzso3Ho/pjZFsmmZ++FWeEd/txqybHTm4OgaZzdS8V9V/YYWQwg5TC38Z7uLWUV1vavpLLbjJtKubR1A=="],
+
     "@emnapi/core": ["@emnapi/core@1.11.1", "", { "dependencies": { "@emnapi/wasi-threads": "1.2.2", "tslib": "^2.4.0" } }, "sha512-RSvbQmHzdKzNsLYa/wHrbc3KN4sYLKAdPZxqiM2HATqv/SBk2/ENSHpvXGaLOMcsAyz0poEGqkmmKYG3OWiJEQ=="],
 
     "@emnapi/runtime": ["@emnapi/runtime@1.11.1", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-vgj7R3y3Wgx24IQaGPA/R6YFXLHVMOZ0uVEyIQPaWs+rd1AzfEMXlAC22FYwO1XkKR6NPsq7mUandH8oIRdZFw=="],
@@ -342,12 +524,80 @@
 
     "@exodus/bytes": ["@exodus/bytes@1.15.1", "", { "peerDependencies": { "@noble/hashes": "^1.8.0 || ^2.0.0" }, "optionalPeers": ["@noble/hashes"] }, "sha512-S6mL0yNB/Abt9Ei4tq8gDhcczc4S3+vQ4ra7vxnAf+YHC02srtqxKKZghx2Dq6p0e66THKwR6r8N6P95wEty7Q=="],
 
+    "@floating-ui/core": ["@floating-ui/core@1.8.0", "", { "dependencies": { "@floating-ui/utils": "^0.2.12" } }, "sha512-0CIZ5itps/8x7BG8dEIhs53BvCUH2PCoogtakwRTut+Arm58sJooJ0AuZhLw2HJYIR5cMLNPBSS728sPho2khQ=="],
+
+    "@floating-ui/dom": ["@floating-ui/dom@1.8.0", "", { "dependencies": { "@floating-ui/core": "^1.8.0", "@floating-ui/utils": "^0.2.12" } }, "sha512-yXSrzeHZBTZadLOlfyhCkJHNeLJnHRnRInwdZ40L7ZiaAtrBwoYlsDrX3v5zB1Utk7CLfzcOVnVVWoXEky7Ceg=="],
+
+    "@floating-ui/react-dom": ["@floating-ui/react-dom@2.1.9", "", { "dependencies": { "@floating-ui/dom": "^1.8.0" }, "peerDependencies": { "react": ">=16.8.0", "react-dom": ">=16.8.0" } }, "sha512-JDjEFGCpImxDCA7JJKviA0M9+RtmJdj0m/NVU5IMgBK+AmZouAQQ7/+2GLH0GXXY0YMw9oXPB8hKdbPYg5QLYg=="],
+
+    "@floating-ui/utils": ["@floating-ui/utils@0.2.12", "", {}, "sha512-HpCo8tmWzLVad5s2d19EhAz5zqrrQ6s69qd6moPMQvkOuSwDT1YgRfWSVuc4ennqrgv3OHppiOGMQ7oC13yIww=="],
+
     "@gerrit0/mini-shiki": ["@gerrit0/mini-shiki@3.23.0", "", { "dependencies": { "@shikijs/engine-oniguruma": "^3.23.0", "@shikijs/langs": "^3.23.0", "@shikijs/themes": "^3.23.0", "@shikijs/types": "^3.23.0", "@shikijs/vscode-textmate": "^10.0.2" } }, "sha512-bEMORlG0cqdjVyCEuU0cDQbORWX+kYCeo0kV1lbxF5bt4r7SID2l9bqsxJEM0zndaxpOUT7riCyIVEuqq/Ynxg=="],
 
     "@harperfast/extended-iterable": ["@harperfast/extended-iterable@1.0.3", "", {}, "sha512-sSAYhQca3rDWtQUHSAPeO7axFIUJOI6hn1gjRC5APVE1a90tuyT8f5WIgRsFhhWA7htNkju2veB9eWL6YHi/Lw=="],
 
     "@hono/node-server": ["@hono/node-server@1.19.14", "", { "peerDependencies": { "hono": "^4" } }, "sha512-GwtvgtXxnWsucXvbQXkRgqksiH2Qed37H9xHZocE5sA3N8O8O8/8FA3uclQXxXVzc9XBZuEOMK7+r02FmSpHtw=="],
 
+    "@iconify-json/lucide": ["@iconify-json/lucide@1.2.117", "", { "dependencies": { "@iconify/types": "*" } }, "sha512-7isYKJKWRZ8NfLNSY8pIYmRWiMBkopL4/X22gZfFmePFhc7az0hQ5biqBLG6vdDEvMctFu2suZB3yQ29RL+8tA=="],
+
+    "@iconify/types": ["@iconify/types@2.0.0", "", {}, "sha512-+wluvCrRhXrhyOmRDJ3q8mux9JkKy5SJ/v8ol2tu4FVjyYvtEzkc/3pK15ET6RKg4b4w4BmTk1+gsCUhf21Ykg=="],
+
+    "@iconify/utils": ["@iconify/utils@3.1.4", "", { "dependencies": { "@antfu/install-pkg": "^1.1.0", "@iconify/types": "^2.0.0", "import-meta-resolve": "^4.2.0" } }, "sha512-b1S7B1k9ohZ+iNTi2ATxbRYG9fTrJmUT0rc46bvVnNxqNRGW7dyo/vRREwyniI5IRN2RSJHDcm+s3BjWrSAjHw=="],
+
+    "@img/colour": ["@img/colour@1.1.0", "", {}, "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ=="],
+
+    "@img/sharp-darwin-arm64": ["@img/sharp-darwin-arm64@0.35.3", "", { "optionalDependencies": { "@img/sharp-libvips-darwin-arm64": "1.3.2" }, "os": "darwin", "cpu": "arm64" }, "sha512-RMnFX7YQsMoh7lWfcM4NEHHymBX/rLuKNPVM84XE9ONPcaSCDgE7CHIHpSgPcO2xcRthgBy1HfNO319mwhIAkg=="],
+
+    "@img/sharp-darwin-x64": ["@img/sharp-darwin-x64@0.35.3", "", { "optionalDependencies": { "@img/sharp-libvips-darwin-x64": "1.3.2" }, "os": "darwin", "cpu": "x64" }, "sha512-Xo+5uFBtLN0BKqieTxiFzFPQAUlBbbH5iBKyRX/z1JrbnYsHTfKJnUfL8+p2TPXr1pXqao4eeL4Rl144uDpK9w=="],
+
+    "@img/sharp-freebsd-wasm32": ["@img/sharp-freebsd-wasm32@0.35.3", "", { "dependencies": { "@img/sharp-wasm32": "0.35.3" }, "os": "freebsd" }, "sha512-lUxcqWIj2wMQ9BrwNjngcr1gWUr5xgaGThBRqPPalIC2n67Cqj1uPh8NnA/ZhAg8hUbKl+kVHKwgUIwe6ZYPrg=="],
+
+    "@img/sharp-libvips-darwin-arm64": ["@img/sharp-libvips-darwin-arm64@1.3.2", "", { "os": "darwin", "cpu": "arm64" }, "sha512-9J6ypZFpQBj4YnePGoq/S38w6nz+vqg5WZLrLGY4YuSemdMq47GMLBPO42MzwdGwpg/agZ7xzZcFHa48xlywfg=="],
+
+    "@img/sharp-libvips-darwin-x64": ["@img/sharp-libvips-darwin-x64@1.3.2", "", { "os": "darwin", "cpu": "x64" }, "sha512-m2pW1n6cns9VaubNwsZ+c3CRYjxNQWgJ5gPlnL1nbBcpkBvFm6SCFN5o0psFHI8w9n11NKhFkeEDns98tiqbEw=="],
+
+    "@img/sharp-libvips-linux-arm": ["@img/sharp-libvips-linux-arm@1.3.2", "", { "os": "linux", "cpu": "arm" }, "sha512-1eMLzy92I4J6rmi4mAT8yC3HxOtniyGELlzGbNMLLeqe052ahFQ0h6LFq+lh5DsDIdYViIDst08abvSbcEdLXQ=="],
+
+    "@img/sharp-libvips-linux-arm64": ["@img/sharp-libvips-linux-arm64@1.3.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-dqVSFynCox4C/J8kT16V7SIFAns0IjgLwkvYT7p8LQVmJ5OS5b6tI9IGflxTeuBS//zXeFIUbwt5dwxyZ17cnA=="],
+
+    "@img/sharp-libvips-linux-ppc64": ["@img/sharp-libvips-linux-ppc64@1.3.2", "", { "os": "linux", "cpu": "ppc64" }, "sha512-3z0NHDxD6n5I9gc05U1eW1AyRm+Gznzq3naMrthPNqE6oYykcogW0l/jfpJdjYnuNl8R7yI9pNbE1XiUeyq0Aw=="],
+
+    "@img/sharp-libvips-linux-riscv64": ["@img/sharp-libvips-linux-riscv64@1.3.2", "", { "os": "linux", "cpu": "none" }, "sha512-bsb4rI+NldGOsXuej2r8OdSS8+zXDVaCWxyWrcv6kneTOlgAHtZABRzBBCwdsPiD90J4myNJuHpg6kA20ImW/w=="],
+
+    "@img/sharp-libvips-linux-s390x": ["@img/sharp-libvips-linux-s390x@1.3.2", "", { "os": "linux", "cpu": "s390x" }, "sha512-/ABshyj8gCpyIrNXnHn4LorDJ0HHm1VhXPBlxZ8zAtfVPAaSafXPGn+sUSIRiwaSBy0mmFjSjiXI5mkcwdChKQ=="],
+
+    "@img/sharp-libvips-linux-x64": ["@img/sharp-libvips-linux-x64@1.3.2", "", { "os": "linux", "cpu": "x64" }, "sha512-ITPEtgffGJ0S6G9dRyw/366tJQqFRcHWPHhC+Stpg3Z8AEMrDrTr2lhdz4f/Y/HMbRh//7Z5mBzEpVdi62Oc3w=="],
+
+    "@img/sharp-libvips-linuxmusl-arm64": ["@img/sharp-libvips-linuxmusl-arm64@1.3.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-zE9EdiUzUmg5mDT5a1rk5fYJ6GWPloTwWBYDS14naqHsL+EaMpDj1AWnpLgh3u0YCORv2Tt50wrcrpYqkP97Kw=="],
+
+    "@img/sharp-libvips-linuxmusl-x64": ["@img/sharp-libvips-linuxmusl-x64@1.3.2", "", { "os": "linux", "cpu": "x64" }, "sha512-m0lrLiUt+lBYnCFr8qV/65yMR4E/c7/wf78I5eKTdkEakFAlZ9QlzEM3QIhhAwVeUhLAHLcCq7a7Vszq/oFNZQ=="],
+
+    "@img/sharp-linux-arm": ["@img/sharp-linux-arm@0.35.3", "", { "optionalDependencies": { "@img/sharp-libvips-linux-arm": "1.3.2" }, "os": "linux", "cpu": "arm" }, "sha512-affVWCTLooy8TSxbDx2qkzuDeaWLNVBA+P//FNBirHsXpP2fuBhk5AuboYUnrDnzoXes8GFjpTx0SBFOCRg+FA=="],
+
+    "@img/sharp-linux-arm64": ["@img/sharp-linux-arm64@0.35.3", "", { "optionalDependencies": { "@img/sharp-libvips-linux-arm64": "1.3.2" }, "os": "linux", "cpu": "arm64" }, "sha512-QgKDspHPnrU+GQ55XPhGwyhC8acLVOOSyAvo1oVfFmrIXLkDNmGWzAfDZ4xK8oSA1qBQrALcHX0G5UZni/SuFQ=="],
+
+    "@img/sharp-linux-ppc64": ["@img/sharp-linux-ppc64@0.35.3", "", { "optionalDependencies": { "@img/sharp-libvips-linux-ppc64": "1.3.2" }, "os": "linux", "cpu": "ppc64" }, "sha512-sMd8rDxmpLOwv/7N44klFjOD5DUO7FLdjiXDI0hoxYaf7Ar262dQIEkosE98bps+5HPLtp/EvNqeqQtOycP/IA=="],
+
+    "@img/sharp-linux-riscv64": ["@img/sharp-linux-riscv64@0.35.3", "", { "optionalDependencies": { "@img/sharp-libvips-linux-riscv64": "1.3.2" }, "os": "linux", "cpu": "none" }, "sha512-0Eob78yjlYPfL5vMNWAW55l3R9Y6BQS/gOfe0ZcP9mEz9ohhKSt4im1hayiknXgf8AWrFqMvJcKIdmLmEe7yeQ=="],
+
+    "@img/sharp-linux-s390x": ["@img/sharp-linux-s390x@0.35.3", "", { "optionalDependencies": { "@img/sharp-libvips-linux-s390x": "1.3.2" }, "os": "linux", "cpu": "s390x" }, "sha512-KgAxQ0DxpNOq1rG2t5cgTgShJFGSuU7XO45cqC+1NVOuZnP6tlgZRuSYOfNupGkHID0o3cJOsw4DVeJpMovcGw=="],
+
+    "@img/sharp-linux-x64": ["@img/sharp-linux-x64@0.35.3", "", { "optionalDependencies": { "@img/sharp-libvips-linux-x64": "1.3.2" }, "os": "linux", "cpu": "x64" }, "sha512-8pqvxubL2PGdhlPy6GLqzDYMUjyRmKAwKHYKixpdJYBUK7PJ0C029XdsnpFIdgRZG68fZiGdHVWcKPvtiPB4cA=="],
+
+    "@img/sharp-linuxmusl-arm64": ["@img/sharp-linuxmusl-arm64@0.35.3", "", { "optionalDependencies": { "@img/sharp-libvips-linuxmusl-arm64": "1.3.2" }, "os": "linux", "cpu": "arm64" }, "sha512-Vz0iQjzzcSX3HCbfwFfCSG/9SCIqyO0mH2sXyiHaAYfBk0cRsCWXRyQYX0ovCK/PAQBbTzQ0dsPQHh5MAFL59w=="],
+
+    "@img/sharp-linuxmusl-x64": ["@img/sharp-linuxmusl-x64@0.35.3", "", { "optionalDependencies": { "@img/sharp-libvips-linuxmusl-x64": "1.3.2" }, "os": "linux", "cpu": "x64" }, "sha512-6O1NPKcDVj9QEdg7Hx549EX8U0rp6yXQERqru6yRN7fGBn32UvIRJUlWnk+8xDCiG76hXVBbX82NZ/ZKr0euIg=="],
+
+    "@img/sharp-wasm32": ["@img/sharp-wasm32@0.35.3", "", { "dependencies": { "@emnapi/runtime": "^1.11.1" } }, "sha512-cZ0XkcYGpHZkqW6iCkqTcmUC0CD9DhD5d/qeZlZkfRBn6GnHniZXLUo5+9xw8Iv76YE6LQFN9YNBlKREcCG76w=="],
+
+    "@img/sharp-webcontainers-wasm32": ["@img/sharp-webcontainers-wasm32@0.35.3", "", { "dependencies": { "@img/sharp-wasm32": "0.35.3" }, "cpu": "none" }, "sha512-2rnq7bX3NzeR2T4YWgz8qiG4h3TSdMe+vN1iQXpJleSJ3SM5zQ8Fy2SyyXAWlbxpEZ2Y+Z4u1BePgJEYbSy80Q=="],
+
+    "@img/sharp-win32-arm64": ["@img/sharp-win32-arm64@0.35.3", "", { "os": "win32", "cpu": "arm64" }, "sha512-4bPwFdMbeC4JQ8L8LOyWp6nsHcboP5fxkp6iPOXz2Vg49R42TuMs2whkJ5OAP4/Ul035qOzy0AecOF9VOscn4w=="],
+
+    "@img/sharp-win32-ia32": ["@img/sharp-win32-ia32@0.35.3", "", { "os": "win32", "cpu": "ia32" }, "sha512-r53mXsBN6lFUDiST764SvgwUdHAqM4rPAiDzAmf4fLoB6X/rkfyTrLCg6+g17wJJiCmB3JYgHuUldCWUIRFSXw=="],
+
+    "@img/sharp-win32-x64": ["@img/sharp-win32-x64@0.35.3", "", { "os": "win32", "cpu": "x64" }, "sha512-D4y1vNeZrIIJCN+uHaWVtH86B+aCrdMYYjicy9pXHvbGZeGYLLSd3wdVuC37FxVXlU1ARsk84eKWfWMXGYEqvA=="],
+
     "@inquirer/ansi": ["@inquirer/ansi@2.0.7", "", {}, "sha512-3eTuUO1vH2cZm2ZKHeQxnOqlTi9EfZDGgIe3BL3I4u+rJHocr9Fz86M4fjYABPvFnQG/gGK551HqDiIcETwU6Q=="],
 
     "@inquirer/confirm": ["@inquirer/confirm@6.0.12", "", { "dependencies": { "@inquirer/core": "^11.1.9", "@inquirer/type": "^4.0.5" }, "peerDependencies": { "@types/node": ">=18" }, "optionalPeers": ["@types/node"] }, "sha512-h9FgGun3QwVYNj5TWIZZ+slii73bMoBFjPfVIGtnFuL4t8gBiNDV9PcSfIzkuxvgquJKt9nr1QzszpBzTbH8Og=="],
@@ -360,8 +610,16 @@
 
     "@inquirer/type": ["@inquirer/type@4.0.7", "", { "peerDependencies": { "@types/node": ">=18" }, "optionalPeers": ["@types/node"] }, "sha512-t28inv14nMQ1PhKpsJPY+kEs/c00qzeCOS2gTNRyTjG5d6qsVA2fItxW4hkvGZ5lvanGLdtCzVIx5dwdRpN1+g=="],
 
+    "@internationalized/date": ["@internationalized/date@3.12.2", "", { "dependencies": { "@swc/helpers": "^0.5.0" } }, "sha512-FY1Y+H64NDs+HAF6omlnWxm3mEpfgaCSWtL5l551ZZfImA+kGjPFgrnJrGjH6lfmLL0g8Z/mBu1R3kufeCp6Jw=="],
+
+    "@internationalized/number": ["@internationalized/number@3.6.7", "", { "dependencies": { "@swc/helpers": "^0.5.0" } }, "sha512-3ji1fcrT+FPAK86UqEhB/psHixYo6niWPJtt7+qRaYFynt/BaJG8GhAPimtWUpEiVSTq8ZM8L5psMxGquiB/Vg=="],
+
+    "@internationalized/string": ["@internationalized/string@3.2.9", "", { "dependencies": { "@swc/helpers": "^0.5.0" } }, "sha512-kzP/M/mbQxODlmOt4bIQZ2SBVUWUSqMLXooXixnX7noche8WHaQcA+nwFN1K2KCF/cp+LDUhcJsCicwkvhD1pg=="],
+
     "@isaacs/cliui": ["@isaacs/cliui@8.0.2", "", { "dependencies": { "string-width": "^5.1.2", "string-width-cjs": "npm:string-width@^4.2.0", "strip-ansi": "^7.0.1", "strip-ansi-cjs": "npm:strip-ansi@^6.0.1", "wrap-ansi": "^8.1.0", "wrap-ansi-cjs": "npm:wrap-ansi@^7.0.0" } }, "sha512-O8jcjabXaleOG9DQ0+ARXWZBTfnP4WNAqzuiJK7ll44AmxGKv/J2M4TPjxjY3znBCfvBXFzucm1twdyFybFqEA=="],
 
+    "@isaacs/fs-minipass": ["@isaacs/fs-minipass@4.0.1", "", { "dependencies": { "minipass": "^7.0.4" } }, "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w=="],
+
     "@jridgewell/gen-mapping": ["@jridgewell/gen-mapping@0.3.13", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA=="],
 
     "@jridgewell/remapping": ["@jridgewell/remapping@2.3.5", "", { "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ=="],
@@ -392,6 +650,12 @@
 
     "@manypkg/get-packages": ["@manypkg/get-packages@1.1.3", "", { "dependencies": { "@babel/runtime": "^7.5.5", "@changesets/types": "^4.0.1", "@manypkg/find-root": "^1.1.0", "fs-extra": "^8.1.0", "globby": "^11.0.0", "read-yaml-file": "^1.1.0" } }, "sha512-fo+QhuU3qE/2TQMQmbVMqaQ6EWbMhi4ABWP+O4AM1NqPBuy0OrApV5LO6BrrgnhtAHS2NH6RrVk9OL181tTi8A=="],
 
+    "@mapbox/node-pre-gyp": ["@mapbox/node-pre-gyp@2.0.3", "", { "dependencies": { "consola": "^3.2.3", "detect-libc": "^2.0.0", "https-proxy-agent": "^7.0.5", "node-fetch": "^2.6.7", "nopt": "^8.0.0", "semver": "^7.5.3", "tar": "^7.4.0" }, "bin": { "node-pre-gyp": "bin/node-pre-gyp" } }, "sha512-uwPAhccfFJlsfCxMYTwOdVfOz3xqyj8xYL3zJj8f0pb30tLohnnFPhLuqp4/qoEz8sNxe4SESZedcBojRefIzg=="],
+
+    "@mdx-js/mdx": ["@mdx-js/mdx@3.1.1", "", { "dependencies": { "@types/estree": "^1.0.0", "@types/estree-jsx": "^1.0.0", "@types/hast": "^3.0.0", "@types/mdx": "^2.0.0", "acorn": "^8.0.0", "collapse-white-space": "^2.0.0", "devlop": "^1.0.0", "estree-util-is-identifier-name": "^3.0.0", "estree-util-scope": "^1.0.0", "estree-walker": "^3.0.0", "hast-util-to-jsx-runtime": "^2.0.0", "markdown-extensions": "^2.0.0", "recma-build-jsx": "^1.0.0", "recma-jsx": "^1.0.0", "recma-stringify": "^1.0.0", "rehype-recma": "^1.0.0", "remark-mdx": "^3.0.0", "remark-parse": "^11.0.0", "remark-rehype": "^11.0.0", "source-map": "^0.7.0", "unified": "^11.0.0", "unist-util-position-from-estree": "^2.0.0", "unist-util-stringify-position": "^4.0.0", "unist-util-visit": "^5.0.0", "vfile": "^6.0.0" } }, "sha512-f6ZO2ifpwAQIpzGWaBQT2TXxPv6z3RBzQKpVftEWN78Vl/YweF1uwussDx8ECAXVtr3Rs89fKyG9YlzUs9DyGQ=="],
+
+    "@mermaid-js/parser": ["@mermaid-js/parser@1.2.0", "", { "dependencies": { "@chevrotain/types": "~11.1.2" } }, "sha512-oYPyv8A4As1yH5Bx+04iQEQxXuIQDe0GKCNSRgao6z8AM9jixXIfP0vsppRLvGf+nKIOb9/LdpWA4YuJiVvESA=="],
+
     "@modelcontextprotocol/sdk": ["@modelcontextprotocol/sdk@1.29.0", "", { "dependencies": { "@hono/node-server": "^1.19.9", "ajv": "^8.17.1", "ajv-formats": "^3.0.1", "content-type": "^1.0.5", "cors": "^2.8.5", "cross-spawn": "^7.0.5", "eventsource": "^3.0.2", "eventsource-parser": "^3.0.0", "express": "^5.2.1", "express-rate-limit": "^8.2.1", "hono": "^4.11.4", "jose": "^6.1.3", "json-schema-typed": "^8.0.2", "pkce-challenge": "^5.0.0", "raw-body": "^3.0.0", "zod": "^3.25 || ^4.0", "zod-to-json-schema": "^3.25.1" }, "peerDependencies": { "@cfworker/json-schema": "^4.1.1" }, "optionalPeers": ["@cfworker/json-schema"] }, "sha512-zo37mZA9hJWpULgkRpowewez1y6ML5GsXJPY8FI0tBBCd77HEvza4jDqRKOXgHNn867PVGCyTdzqpz0izu5ZjQ=="],
 
     "@msgpackr-extract/msgpackr-extract-darwin-arm64": ["@msgpackr-extract/msgpackr-extract-darwin-arm64@3.0.4", "", { "os": "darwin", "cpu": "arm64" }, "sha512-LCkGo6JDfaBhgST7UpPWgNgLINpcpabaHfyz5OBx75nUYxBsaEPxjnyNjWpeb/xBup/682QnBfRBy2/LvPutZQ=="],
@@ -452,6 +716,12 @@
 
     "@one-ini/wasm": ["@one-ini/wasm@0.1.1", "", {}, "sha512-XuySG1E38YScSJoMlqovLru4KTUNSjgVTIjyh7qMX6aNN5HY5Ct5LhRJdxO79JtTzKfzV/bnWpz+zquYrISsvw=="],
 
+    "@opentelemetry/api": ["@opentelemetry/api@1.9.0", "", {}, "sha512-3giAOQvZiH5F9bMlMiv8+GSPMeqg0dbaeo58/0SlA9sxSqZhnUtxzX9/2FzyhS9sWQf5S0GJE0AKBrFqjpeYcg=="],
+
+    "@orama/orama": ["@orama/orama@3.1.18", "", {}, "sha512-a61ljmRVVyG5MC/698C8/FfFDw5a8LOIvyOLW5fztgUXqUpc1jOfQzOitSCbge657OgXXThmY3Tk8fpiDb4UcA=="],
+
+    "@oslojs/encoding": ["@oslojs/encoding@1.1.0", "", {}, "sha512-70wQhgYmndg4GCPxPPxPGevRKqTIJ2Nh4OkiMWmDAVYsTQ+Ta7Sq+rPevXyXGdzr30/qZBnyOalCszoMxlyldQ=="],
+
     "@oxc-parser/binding-android-arm-eabi": ["@oxc-parser/binding-android-arm-eabi@0.139.0", "", { "os": "android", "cpu": "arm" }, "sha512-22EsXTA3Vc7OvrF4bfT48PFln2UbxkVgrp/Tm32qLw76Dv7SmcInfClJe6yPYamnli6HiqasnESZ5ezN+X4ybg=="],
 
     "@oxc-parser/binding-android-arm64": ["@oxc-parser/binding-android-arm64@0.139.0", "", { "os": "android", "cpu": "arm64" }, "sha512-uASQkZV+CUQ6xXvoMzDQyfhd8OMusdv2FyCPfAi5ZDYptesapJlw7erhpGi1Lc+U8QjQV2JUrIh7d/3su2LzmQ=="],
@@ -608,6 +878,20 @@
 
     "@oxlint/binding-win32-x64-msvc": ["@oxlint/binding-win32-x64-msvc@1.73.0", "", { "os": "win32", "cpu": "x64" }, "sha512-WaNRvh4f6zY9CvUQk2YoA1O90ieWrIklI84+HXFr9Isjz9CSESrdqo/RtIYt4Dll/cAchqGDMehfaZd0vqEFZw=="],
 
+    "@pagefind/darwin-arm64": ["@pagefind/darwin-arm64@1.5.2", "", { "os": "darwin", "cpu": "arm64" }, "sha512-MXpI+7HsAdPkvJ0gk9xj9g541BCqBZOBbdwj9g6lB5LCj6kSV6nqDSjzcAJwvOsfu0fjwvC8hQU+ecfhp+MpiQ=="],
+
+    "@pagefind/darwin-x64": ["@pagefind/darwin-x64@1.5.2", "", { "os": "darwin", "cpu": "x64" }, "sha512-IojxFWMEJe0RQ7PQ3KXQsPIImNsbpPYpoZ+QUDrL8fAl/O27IX+LVLs74/UzEZy5uA2LD8Nz1AiwKr72vrkZQw=="],
+
+    "@pagefind/freebsd-x64": ["@pagefind/freebsd-x64@1.5.2", "", { "os": "freebsd", "cpu": "x64" }, "sha512-7EVzo9+0w+2cbe671BtMj10UlNo83I+HrLVLfRxO731svHRJKUfJ/mo05gU14pe9PCfpKNQT8FS3Xc/oDN6pOA=="],
+
+    "@pagefind/linux-arm64": ["@pagefind/linux-arm64@1.5.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-Ovt9+K35sqzn8H3ZMXGwls4TD/wMJuvRtShHIsmUQREmaxjrDEX7gHckRCrwYJ4XE1H1p6HkLz3wukrAnsfXQw=="],
+
+    "@pagefind/linux-x64": ["@pagefind/linux-x64@1.5.2", "", { "os": "linux", "cpu": "x64" }, "sha512-V+tFqHKXhQKq/WqPBD67AFy7scn1/aZID00ws4fSDd+1daSi5UHR9VVlRrOUYKxn3VuFQYRD7lYXdZK1WED1YA=="],
+
+    "@pagefind/windows-arm64": ["@pagefind/windows-arm64@1.5.2", "", { "os": "win32", "cpu": "arm64" }, "sha512-hN9Nh90fNW61nNRCW9ZyQrAj/mD0eRvmJ8NlTUzkbuW8kIzGJUi3cxjFkEcMZ5h/8FsKWD/VcouZl4yo1F7B6g=="],
+
+    "@pagefind/windows-x64": ["@pagefind/windows-x64@1.5.2", "", { "os": "win32", "cpu": "x64" }, "sha512-Fa2Iyw7kaDRzGMfNYNUXNW2zbL5FQVDgSOcbDHdzBrDEdpqOqg8TcZ68F22ol6NJ9IGzvUdmeyZypLW5dyhqsg=="],
+
     "@parcel/watcher": ["@parcel/watcher@2.5.6", "", { "dependencies": { "detect-libc": "^2.0.3", "is-glob": "^4.0.3", "node-addon-api": "^7.0.0", "picomatch": "^4.0.3" }, "optionalDependencies": { "@parcel/watcher-android-arm64": "2.5.6", "@parcel/watcher-darwin-arm64": "2.5.6", "@parcel/watcher-darwin-x64": "2.5.6", "@parcel/watcher-freebsd-x64": "2.5.6", "@parcel/watcher-linux-arm-glibc": "2.5.6", "@parcel/watcher-linux-arm-musl": "2.5.6", "@parcel/watcher-linux-arm64-glibc": "2.5.6", "@parcel/watcher-linux-arm64-musl": "2.5.6", "@parcel/watcher-linux-x64-glibc": "2.5.6", "@parcel/watcher-linux-x64-musl": "2.5.6", "@parcel/watcher-win32-arm64": "2.5.6", "@parcel/watcher-win32-ia32": "2.5.6", "@parcel/watcher-win32-x64": "2.5.6" } }, "sha512-tmmZ3lQxAe/k/+rNnXQRawJ4NjxO2hqiOLTHvWchtGZULp4RyFeh6aU4XdOYBFe2KE1oShQTv4AblOs2iOrNnQ=="],
 
     "@parcel/watcher-android-arm64": ["@parcel/watcher-android-arm64@2.5.6", "", { "os": "android", "cpu": "arm64" }, "sha512-YQxSS34tPF/6ZG7r/Ih9xy+kP/WwediEUsqmtf0cuCV5TPPKw/PQHRhueUo6JdeFJaqV3pyjm0GdYjZotbRt/A=="],
@@ -636,12 +920,36 @@
 
     "@parcel/watcher-win32-x64": ["@parcel/watcher-win32-x64@2.5.6", "", { "os": "win32", "cpu": "x64" }, "sha512-hbQlYcCq5dlAX9Qx+kFb0FHue6vbjlf0FrNzSKdYK2APUf7tGfGxQCk2ihEREmbR6ZMc0MVAD5RIX/41gpUzTw=="],
 
+    "@pierre/diffs": ["@pierre/diffs@1.2.12", "", { "dependencies": { "@pierre/theme": "1.1.0", "@pierre/theming": "0.0.2", "@shikijs/transformers": "^3.0.0 || ^4.0.0", "diff": "9.0.0", "hast-util-to-html": "9.0.5", "lru_map": "0.4.1", "shiki": "^3.0.0 || ^4.0.0" }, "peerDependencies": { "react": "^18.3.1 || ^19.0.0", "react-dom": "^18.3.1 || ^19.0.0" } }, "sha512-pY/gmgWL03WnagqCyCnBi3QtRXUv4hCIY6FYqd5b1ZGaoI6a4Bsji8j+yRl2RfzPh/8Hf19rCl1GE80G6a1cLQ=="],
+
+    "@pierre/theme": ["@pierre/theme@1.1.0", "", {}, "sha512-GC2OWTAfTIIWWYhPCygwG8t2EtePQkRfON4MI2rwIkJylmiyqIttJID2dCL8sUD8cNdEvYkEyfEHHKMeCiDLoQ=="],
+
+    "@pierre/theming": ["@pierre/theming@0.0.2", "", { "peerDependencies": { "@pierre/theme": "^1.1.0", "@shikijs/themes": "^3.0.0 || ^4.0.0", "react": "^18.3.1 || ^19.0.0", "react-dom": "^18.3.1 || ^19.0.0", "shiki": "^3.0.0 || ^4.0.0" }, "optionalPeers": ["@pierre/theme", "@shikijs/themes", "react", "react-dom", "shiki"] }, "sha512-QM1M4stXfnzfaE8I8YbjXSApV8c+2dBsXJj8eYg9WTpBR/cTmCZIcfGnN4p13iRrYu2Br/R/OJfEL7uR8Qjctw=="],
+
     "@pkgjs/parseargs": ["@pkgjs/parseargs@0.11.0", "", {}, "sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg=="],
 
+    "@polka/url": ["@polka/url@1.0.0-next.29", "", {}, "sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww=="],
+
+    "@preact/preset-vite": ["@preact/preset-vite@2.10.5", "", { "dependencies": { "@babel/plugin-transform-react-jsx": "^7.27.1", "@babel/plugin-transform-react-jsx-development": "^7.27.1", "@prefresh/vite": "^2.4.11", "@rollup/pluginutils": "^5.0.0", "babel-plugin-transform-hook-names": "^1.0.2", "debug": "^4.4.3", "magic-string": "^0.30.21", "picocolors": "^1.1.1", "vite-prerender-plugin": "^0.5.8", "zimmerframe": "^1.1.4" }, "peerDependencies": { "@babel/core": "7.x", "vite": "2.x || 3.x || 4.x || 5.x || 6.x || 7.x || 8.x" } }, "sha512-p0vJpxiVO7KWWazWny3LUZ+saXyZKWv6Ju0bYMWNJRp2YveufRPgSUB1C4MTqGJfz07EehMgfN+AJNwQy+w6Iw=="],
+
+    "@preact/signals": ["@preact/signals@2.9.4", "", { "dependencies": { "@preact/signals-core": "^1.14.4" }, "peerDependencies": { "preact": ">= 10.25.0 || >=11.0.0-0" } }, "sha512-JzAZXcRkmCNf9wVuxNI7UWseu3++Mm0dZ6UFyjFby44CyKIl7Y06oOsW3KA5Nx0L8tpE87OY5pLe0uQ0xcWKrg=="],
+
+    "@preact/signals-core": ["@preact/signals-core@1.14.4", "", {}, "sha512-HNB6HYeYKhQbJ1aKl+YRjrS4+QWHLKX6qKoUsfS/m0vqzsVaEBiZiaKbG/e+NKk2ch5ALQr/ihWaMHxiCuuWHA=="],
+
+    "@prefresh/babel-plugin": ["@prefresh/babel-plugin@0.5.3", "", {}, "sha512-57LX2SHs4BX2s1IwCjNzTE2OJeEepRCNf1VTEpbNcUyHfMO68eeOWGDIt4ob9aYlW6PEWZ1SuwNikuoIXANDtQ=="],
+
+    "@prefresh/core": ["@prefresh/core@1.5.10", "", { "peerDependencies": { "preact": "^10.0.0 || ^11.0.0-0" } }, "sha512-7yPTFbG56sutaFu8krp3B4a200KOFUvrtlllKWRuLjsYXo9UUucHOZRcer+gtgMkFTpv6ob8TGcTwA32bSwa1w=="],
+
+    "@prefresh/utils": ["@prefresh/utils@1.2.1", "", {}, "sha512-vq/sIuN5nYfYzvyayXI4C2QkprfNaHUQ9ZX+3xLD8nL3rWyzpxOm1+K7RtMbhd+66QcaISViK7amjnheQ/4WZw=="],
+
+    "@prefresh/vite": ["@prefresh/vite@2.4.12", "", { "dependencies": { "@babel/core": "^7.22.1", "@prefresh/babel-plugin": "^0.5.2", "@prefresh/core": "^1.5.0", "@prefresh/utils": "^1.2.0", "@rollup/pluginutils": "^4.2.1" }, "peerDependencies": { "preact": "^10.4.0 || ^11.0.0-0", "vite": ">=2.0.0" } }, "sha512-FY1fzXpUjiuosznMV0YM7XAOPZjB5FIdWS0W24+XnlxYkt9hNAwwsiKYn+cuTEoMtD/ZVazS5QVssBr9YhpCQA=="],
+
     "@publint/pack": ["@publint/pack@0.1.5", "", { "dependencies": { "tinyexec": "^1.2.4" } }, "sha512-edgyN2pP07uXiP4tJs0s8KVmU8M8i60YPbbI0/WDeok1mIJHRXz+CgD8I0nelwDkoCh3EWL/G5kGfbuHjsdbvw=="],
 
     "@quansync/fs": ["@quansync/fs@1.0.0", "", { "dependencies": { "quansync": "^1.0.0" } }, "sha512-4TJ3DFtlf1L5LDMaM6CanJ/0lckGNtJcMjQ1NAV6zDmA0tEHKZtxNKin8EgPaVX1YzljbxckyT2tJrpQKAtngQ=="],
 
+    "@react-types/shared": ["@react-types/shared@3.36.0", "", { "peerDependencies": { "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1" } }, "sha512-DkP/H0C2YjjS7gZWKNqOmU8a16qHPjQNdzMwmTq9SzplM6Iw0kVMTZ0OIoe6FOgGqa+FwMsE2QbPjh/n3g/jXQ=="],
+
     "@rolldown/binding-android-arm64": ["@rolldown/binding-android-arm64@1.1.5", "", { "os": "android", "cpu": "arm64" }, "sha512-lZg8fqIv2v7FF237bwMgzGZEJvGL79/s5knJ/i6FmsGF4XXlzccZ4jb+TrFIxtSSxFtIpdsgrPZeMk1I9AFcyQ=="],
 
     "@rolldown/binding-darwin-arm64": ["@rolldown/binding-darwin-arm64@1.1.5", "", { "os": "darwin", "cpu": "arm64" }, "sha512-51Bnx9pNiMRKSUNtBfySkNJ9vMU9Hh3I1ozDd6gyPPYzaXCfnptUcEZxXGYFn+ul2dtcMUiqGR1Yai2K10uoTw=="],
@@ -674,6 +982,8 @@
 
     "@rolldown/pluginutils": ["@rolldown/pluginutils@1.0.1", "", {}, "sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw=="],
 
+    "@rollup/pluginutils": ["@rollup/pluginutils@5.4.0", "", { "dependencies": { "@types/estree": "^1.0.0", "estree-walker": "^2.0.2", "picomatch": "^4.0.2" }, "peerDependencies": { "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0" }, "optionalPeers": ["rollup"] }, "sha512-MfPp06CjRLfXQ3wY0R8vJDYBy/MvVcc9OulEfR0B8Iv9ko+GCNaRZ+EpJYFl27LhKsZK0o420sYCRHCjfCgeUg=="],
+
     "@rollup/rollup-android-arm-eabi": ["@rollup/rollup-android-arm-eabi@4.60.2", "", { "os": "android", "cpu": "arm" }, "sha512-dnlp69efPPg6Uaw2dVqzWRfAWRnYVb1XJ8CyyhIbZeaq4CA5/mLeZ1IEt9QqQxmbdvagjLIm2ZL8BxXv5lH4Yw=="],
 
     "@rollup/rollup-android-arm64": ["@rollup/rollup-android-arm64@4.60.2", "", { "os": "android", "cpu": "arm64" }, "sha512-OqZTwDRDchGRHHm/hwLOL7uVPB9aUvI0am/eQuWMNyFHf5PSEQmyEeYYheA0EPPKUO/l0uigCp+iaTjoLjVoHg=="],
@@ -724,12 +1034,42 @@
 
     "@rollup/rollup-win32-x64-msvc": ["@rollup/rollup-win32-x64-msvc@4.60.2", "", { "os": "win32", "cpu": "x64" }, "sha512-Nd/SgG27WoA9e+/TdK74KnHz852TLa94ovOYySo/yMPuTmpckK/jIF2jSwS3g7ELSKXK13/cVdmg1Z/DaCWKxA=="],
 
+    "@scalar/astro": ["@scalar/astro@0.4.9", "", { "dependencies": { "@scalar/client-side-rendering": "0.3.2" }, "peerDependencies": { "astro": "^4.0.0 || ^5.0.0" } }, "sha512-GfcqviMFZM9arUfW7R6B6xwpKFGzFQSCEwMZX/whax1D6nRLu0om5quU8shIoRzA/+qypfSy81ZO9Cq9Y/1L/A=="],
+
+    "@scalar/client-side-rendering": ["@scalar/client-side-rendering@0.3.2", "", { "dependencies": { "@scalar/schemas": "0.7.2", "@scalar/types": "0.16.2", "@scalar/validation": "0.6.0" } }, "sha512-HXgfSnSQSLaTZupSmN2w4O1Gv0wXdFl+GtrZHQEoNQ4HSzgCtk9fKcmSVxaZiPjyx6eon/x3Ic+Ka5T4tXskyA=="],
+
+    "@scalar/helpers": ["@scalar/helpers@0.9.0", "", {}, "sha512-M34CLRCttqC1bXthI/QSzQj0s5C6nrU2PFWf/vOT3RpycbiGDGQbqR+5RfFzpOIQvRqbHfNdcRbeiZBw+vCbkQ=="],
+
+    "@scalar/json-magic": ["@scalar/json-magic@0.12.17", "", { "dependencies": { "@scalar/helpers": "0.9.0", "pathe": "^2.0.3", "yaml": "^2.8.3" } }, "sha512-Vw2nrUDIjhvMP6vxFtkiiFlabJ6SyTtfn1BsOxgnr1hIB+/rkngMguiDzl5em21VjyfFGIoADia+QWKM2hdcdA=="],
+
+    "@scalar/openapi-parser": ["@scalar/openapi-parser@0.28.8", "", { "dependencies": { "@scalar/helpers": "0.9.0", "@scalar/json-magic": "0.12.17", "@scalar/openapi-types": "0.9.1", "@scalar/openapi-upgrader": "0.2.9", "ajv": "^8.17.1", "ajv-draft-04": "^1.0.0", "ajv-formats": "^3.0.1", "jsonpointer": "^5.0.1", "leven": "^4.0.0", "yaml": "^2.8.3" } }, "sha512-BO98D3TLfKNL80UnE1sIAmI6DQRmOaH0AHnlAooTn1sQjNbRDaeHyRO53EEjo7HjFEdHeQtiRzoXmMB4jvt8AA=="],
+
+    "@scalar/openapi-types": ["@scalar/openapi-types@0.9.1", "", {}, "sha512-gkGhSkxSzADaBiNg+ZAbJuwj+ZUmzP2Pg9CWZ7ZP+0fck2WjPeDDM7aAbouAm0aQQMF9xBjSPXSA9a/qTHYaTw=="],
+
+    "@scalar/openapi-upgrader": ["@scalar/openapi-upgrader@0.2.9", "", { "dependencies": { "@scalar/openapi-types": "0.9.1" } }, "sha512-D5b0rGLLZgmkO9mdW2j/ND1KBlH1u3RCpr87HPxv9P9ZSr6PtM5iLqFOJq0ACiaHjY2mikCrxgDmnUEhTzRpHQ=="],
+
+    "@scalar/schemas": ["@scalar/schemas@0.7.2", "", { "dependencies": { "@scalar/helpers": "0.9.0", "@scalar/validation": "0.6.0" } }, "sha512-6Ble6WcbiKgD3ypIva+wgZv1qIClmeEjXA6jrOo1bKpYUu6sh4e89LZxDK+LULa2jQl/2O5GEaa6aZ0ImlpkHg=="],
+
+    "@scalar/types": ["@scalar/types@0.16.2", "", { "dependencies": { "@scalar/helpers": "0.9.0", "nanoid": "^5.1.6", "type-fest": "^5.3.1", "zod": "^4.3.5" } }, "sha512-QAlCtDVRsX/UV1N9ctLqPsKQy84eceFf4dMnTZM0JhaRfwS/Ovwp8oFf3POSpqQILNiqLFZLE6IV6p/5rNoAag=="],
+
+    "@scalar/validation": ["@scalar/validation@0.6.0", "", {}, "sha512-tpmmG+/xRE2Kn9RpflU3AIyZv08v10+E1ZrJCx7z6+/91zHVxy0M73kC1LT4/8PbYNt85ywyC8+n+D99JdMcGA=="],
+
+    "@shikijs/core": ["@shikijs/core@4.3.1", "", { "dependencies": { "@shikijs/primitive": "4.3.1", "@shikijs/types": "4.3.1", "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4", "hast-util-to-html": "^9.0.5" } }, "sha512-ANMDxuaPsNMdDC1m4vfvhlDmJweMwkE5XitTwrq2rWHx5jM+dlm4MmHt2PP6t0uejfR77SuhrhJ0zEijIF/uhA=="],
+
+    "@shikijs/engine-javascript": ["@shikijs/engine-javascript@4.3.1", "", { "dependencies": { "@shikijs/types": "4.3.1", "@shikijs/vscode-textmate": "^10.0.2", "oniguruma-to-es": "^4.3.6" } }, "sha512-JBItcnPuYq7jVJdZo/vMj94r+szT7XEjHFX+mvFDGSEIbVAXAGyHAHzhbWzpGOwYidCZrErJLLgn2PVeiokHnQ=="],
+
     "@shikijs/engine-oniguruma": ["@shikijs/engine-oniguruma@3.23.0", "", { "dependencies": { "@shikijs/types": "3.23.0", "@shikijs/vscode-textmate": "^10.0.2" } }, "sha512-1nWINwKXxKKLqPibT5f4pAFLej9oZzQTsby8942OTlsJzOBZ0MWKiwzMsd+jhzu8YPCHAswGnnN1YtQfirL35g=="],
 
     "@shikijs/langs": ["@shikijs/langs@3.23.0", "", { "dependencies": { "@shikijs/types": "3.23.0" } }, "sha512-2Ep4W3Re5aB1/62RSYQInK9mM3HsLeB91cHqznAJMuylqjzNVAVCMnNWRHFtcNHXsoNRayP9z1qj4Sq3nMqYXg=="],
 
+    "@shikijs/primitive": ["@shikijs/primitive@4.3.1", "", { "dependencies": { "@shikijs/types": "4.3.1", "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4" } }, "sha512-CXQRQOYy1leqQ8ceTeJdmXv/bsUY++6QyLpXJ94LZAAYj5X2SKRdc5ipguv4NPyGVKItB2PPwUpRNe0Sjh5S1A=="],
+
     "@shikijs/themes": ["@shikijs/themes@3.23.0", "", { "dependencies": { "@shikijs/types": "3.23.0" } }, "sha512-5qySYa1ZgAT18HR/ypENL9cUSGOeI2x+4IvYJu4JgVJdizn6kG4ia5Q1jDEOi7gTbN4RbuYtmHh0W3eccOrjMA=="],
 
+    "@shikijs/transformers": ["@shikijs/transformers@4.3.1", "", { "dependencies": { "@shikijs/core": "4.3.1", "@shikijs/types": "4.3.1" } }, "sha512-z6ir0bGDgWcF2FduktEfPgIsdOtIlDiLAjFBgBzE42Q9xHbkkIXZtORHzlLVB71iZP9elEcqKg6keajvOUwE2A=="],
+
+    "@shikijs/twoslash": ["@shikijs/twoslash@4.3.1", "", { "dependencies": { "@shikijs/core": "4.3.1", "@shikijs/types": "4.3.1", "twoslash": "^0.3.9" }, "peerDependencies": { "typescript": ">=5.5.0" } }, "sha512-xK8inH/gK++1V4rTxrwCwjvaNwkkJ7oDjOIpdqONVxIpAFnVC3gzqjH5KiXGTelUcxpUJ3PtOKWct1YQ0kAloA=="],
+
     "@shikijs/types": ["@shikijs/types@3.23.0", "", { "dependencies": { "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4" } }, "sha512-3JZ5HXOZfYjsYSk0yPwBrkupyYSLpAE26Qc0HLghhZNGTZg/SKxXIIgoxOpmmeQP0RRSDJTk1/vPfw9tbw+jSQ=="],
 
     "@shikijs/vscode-textmate": ["@shikijs/vscode-textmate@10.0.2", "", {}, "sha512-83yeghZ2xxin3Nj8z1NMd/NCuca+gsYXswywDy5bHvwlWL8tpTQmzGeUuHd9FC3E/SBEMvzJRwWEOz5gGes9Qg=="],
@@ -750,6 +1090,8 @@
 
     "@stainless-code/layers": ["@stainless-code/layers@workspace:packages/core"],
 
+    "@stainless-code/layers-docs": ["@stainless-code/layers-docs@workspace:apps/docs"],
+
     "@stainless-code/preact-layers": ["@stainless-code/preact-layers@workspace:packages/preact"],
 
     "@stainless-code/react-layers": ["@stainless-code/react-layers@workspace:packages/react"],
@@ -764,8 +1106,64 @@
 
     "@sveltejs/acorn-typescript": ["@sveltejs/acorn-typescript@1.0.11", "", { "peerDependencies": { "acorn": "^8.9.0" } }, "sha512-LFuZUkjJ9iF7JZye/aG5XM0SFcQ5VyL0oVX4WJ9dc0Va3R3s0OauX1BESVCb+YN/ol8TAfqGDDAQsTG627Y5kw=="],
 
+    "@sveltejs/load-config": ["@sveltejs/load-config@0.2.0", "", {}, "sha512-1LgZ/qUqSoq+QorD83lk2hka79Px0wXNW2q5V1nZlxGhQgw1jrsIbVz5YiCeucVLo4XvFLjXukUaQjIiqowkcg=="],
+
     "@sveltejs/vite-plugin-svelte": ["@sveltejs/vite-plugin-svelte@7.2.0", "", { "dependencies": { "deepmerge": "^4.3.1", "magic-string": "^0.30.21", "obug": "^2.1.0", "vitefu": "^1.1.2" }, "peerDependencies": { "svelte": "^5.46.4", "vite": "^8.0.0-beta.7 || ^8.0.0" } }, "sha512-1SpkuMSRLfugrVX+IrKfE1RUegzo8AQzKQ6qQPfVzbcWi5IhuTPaKb5ZrLpucleFznkc4/RTeSPoRnGWFxX+EQ=="],
 
+    "@swc/helpers": ["@swc/helpers@0.5.23", "", { "dependencies": { "tslib": "^2.8.0" } }, "sha512-5lSsMOTXURePglDfvuAQUqkGek9Hg2kksOYay2m0+XR++b2NWYL/4sWyuvVBIs8oKnJaxkdi9whaL/sqN13afw=="],
+
+    "@tailwindcss/node": ["@tailwindcss/node@4.3.2", "", { "dependencies": { "@jridgewell/remapping": "^2.3.5", "enhanced-resolve": "5.21.6", "jiti": "^2.7.0", "lightningcss": "1.32.0", "magic-string": "^0.30.21", "source-map-js": "^1.2.1", "tailwindcss": "4.3.2" } }, "sha512-yWP/sqEcBLaD8JuA6zNwxoYKr75qxTioYwlRwekj5Jr/I5GXnoJfjetH/psLUIv74cYTH2lBUEzBkinthoYcBg=="],
+
+    "@tailwindcss/oxide": ["@tailwindcss/oxide@4.3.2", "", { "optionalDependencies": { "@tailwindcss/oxide-android-arm64": "4.3.2", "@tailwindcss/oxide-darwin-arm64": "4.3.2", "@tailwindcss/oxide-darwin-x64": "4.3.2", "@tailwindcss/oxide-freebsd-x64": "4.3.2", "@tailwindcss/oxide-linux-arm-gnueabihf": "4.3.2", "@tailwindcss/oxide-linux-arm64-gnu": "4.3.2", "@tailwindcss/oxide-linux-arm64-musl": "4.3.2", "@tailwindcss/oxide-linux-x64-gnu": "4.3.2", "@tailwindcss/oxide-linux-x64-musl": "4.3.2", "@tailwindcss/oxide-wasm32-wasi": "4.3.2", "@tailwindcss/oxide-win32-arm64-msvc": "4.3.2", "@tailwindcss/oxide-win32-x64-msvc": "4.3.2" } }, "sha512-z8ZgnzX8gdNoWLBLqBPoh/sjnxkwvf9ZuWjnO0l0yIzbLa5/9S+eC5QxGZKRobVHIC3/1BoMWjHblqWjcgFgag=="],
+
+    "@tailwindcss/oxide-android-arm64": ["@tailwindcss/oxide-android-arm64@4.3.2", "", { "os": "android", "cpu": "arm64" }, "sha512-WHxqIuHpvZ5VtdX6GTl1Ik/Vp2YuN42Et+0CdeaVd/frQ9jAvGmvR8vLT+jk3e8/Q3x8kECB9+R17pgpp2BulA=="],
+
+    "@tailwindcss/oxide-darwin-arm64": ["@tailwindcss/oxide-darwin-arm64@4.3.2", "", { "os": "darwin", "cpu": "arm64" }, "sha512-GZypeUY/IDJW3877KeM+O67vbXr3MBnbtEL4aYhNErv/JWZhye2vGSWWG9tB6iiqR2MqRNkY8IOUy4NdSZV26w=="],
+
+    "@tailwindcss/oxide-darwin-x64": ["@tailwindcss/oxide-darwin-x64@4.3.2", "", { "os": "darwin", "cpu": "x64" }, "sha512-UIIzmefR6KO1sDU7MzRqAxC8iBpft/VhkGjTjnhoS6k7Z3rQ9wEgA1ODSiyH/tcSYssulNm4Ci3hOeK1jH7ccQ=="],
+
+    "@tailwindcss/oxide-freebsd-x64": ["@tailwindcss/oxide-freebsd-x64@4.3.2", "", { "os": "freebsd", "cpu": "x64" }, "sha512-GN+uAmcI6DNspnCDwtOAZrTz6oukJnp337qZvxqCGLd3BHBzJpO0ZbTLRvJNdztOeAmTzewewGIMPb0tk2R4WA=="],
+
+    "@tailwindcss/oxide-linux-arm-gnueabihf": ["@tailwindcss/oxide-linux-arm-gnueabihf@4.3.2", "", { "os": "linux", "cpu": "arm" }, "sha512-4ABn7qSbdHRwTiDiuWNegCyb5+2FJ4vKIKc3DmKrvAFw7MU1Lm11dIkTPwUaFdTzc7IsOpDbqBrlh0x6y36U/w=="],
+
+    "@tailwindcss/oxide-linux-arm64-gnu": ["@tailwindcss/oxide-linux-arm64-gnu@4.3.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-wDgEIGwoM8w8pufh9LVt1PahDgNdKXrLC2qfAnV3vAmococ9RWbxeAw4pxPttd/TsJfwjyLf90Dg1y9y8I6Emw=="],
+
+    "@tailwindcss/oxide-linux-arm64-musl": ["@tailwindcss/oxide-linux-arm64-musl@4.3.2", "", { "os": "linux", "cpu": "arm64" }, "sha512-J5Nuk0uZQIiMTJj3LEx4sAA9tMFUoXQZFv1J6An+QGYe53HKRJuFDi0rpq/tuouCZeAbOBY3kQ6g8qeD4TUjtA=="],
+
+    "@tailwindcss/oxide-linux-x64-gnu": ["@tailwindcss/oxide-linux-x64-gnu@4.3.2", "", { "os": "linux", "cpu": "x64" }, "sha512-kqCZpSKOBEJO4mz7OqWoofBZeXTAwaVGPj0ErAj7CojmhKpWVWVOnrt9dE8odoIraZq4oj3ausM37kXi+Tow8w=="],
+
+    "@tailwindcss/oxide-linux-x64-musl": ["@tailwindcss/oxide-linux-x64-musl@4.3.2", "", { "os": "linux", "cpu": "x64" }, "sha512-cixpqbh2toJDmkuCRI68nXA8ZxNmdK9Y+9v5h3MC3ZQKy/0BO8AWzlkWyRM7JAFSGBlfig4YVTPsK6MVgqz1uw=="],
+
+    "@tailwindcss/oxide-wasm32-wasi": ["@tailwindcss/oxide-wasm32-wasi@4.3.2", "", { "dependencies": { "@emnapi/core": "^1.11.1", "@emnapi/runtime": "^1.11.1", "@emnapi/wasi-threads": "^1.2.2", "@napi-rs/wasm-runtime": "^1.1.4", "@tybys/wasm-util": "^0.10.2", "tslib": "^2.8.1" }, "cpu": "none" }, "sha512-4ec2Z/LOmRsAgU23CS4xeJfcJlmRg94A/XrbGRCF1gyU/zdDfRLYDVsS+ynSZCmGNxQ1jQriQOKMQeQxBA3Isw=="],
+
+    "@tailwindcss/oxide-win32-arm64-msvc": ["@tailwindcss/oxide-win32-arm64-msvc@4.3.2", "", { "os": "win32", "cpu": "arm64" }, "sha512-Zyr/M0+XcYZu3bZrUytc7TXvrk0ftWfl8gN2MwekNDzhqhKRUucMPSeOzM0o0wH5AWOU49BsKRrfKxI2atCPMQ=="],
+
+    "@tailwindcss/oxide-win32-x64-msvc": ["@tailwindcss/oxide-win32-x64-msvc@4.3.2", "", { "os": "win32", "cpu": "x64" }, "sha512-QI9BO7KlNZsp2GuO0jwAAj5jCDABOKXRkCk2XuKTSaNEFSdfzqswYVTtCHBNKHLsqyjFyFkqlDiwkNbTYSssMQ=="],
+
+    "@tailwindcss/typography": ["@tailwindcss/typography@0.5.20", "", { "dependencies": { "postcss-selector-parser": "6.0.10" }, "peerDependencies": { "tailwindcss": ">=3.0.0 || >=4.0.0 || insiders" } }, "sha512-hwbzQuNUfcPvbegQFatVPl/MY/tcM9KLl963hQ5laJKPh81TEZ1+dNG9PirGvcaDBkp+BCshExAyKVPW91dozw=="],
+
+    "@tailwindcss/vite": ["@tailwindcss/vite@4.3.2", "", { "dependencies": { "@tailwindcss/node": "4.3.2", "@tailwindcss/oxide": "4.3.2", "tailwindcss": "4.3.2" }, "peerDependencies": { "vite": "^5.2.0 || ^6 || ^7 || ^8" } }, "sha512-eHpMeX4JXfVNJDEcsouTeCBubJBTcTLigeaw/NTUW6PB5ATKKXdyonnXgTBX2VuRbjz1hjfz6C5XAhr52ImQXA=="],
+
+    "@takumi-rs/core": ["@takumi-rs/core@1.8.7", "", { "dependencies": { "@takumi-rs/helpers": "1.8.7" }, "optionalDependencies": { "@takumi-rs/core-darwin-arm64": "1.8.7", "@takumi-rs/core-darwin-x64": "1.8.7", "@takumi-rs/core-linux-arm64-gnu": "1.8.7", "@takumi-rs/core-linux-arm64-musl": "1.8.7", "@takumi-rs/core-linux-x64-gnu": "1.8.7", "@takumi-rs/core-linux-x64-musl": "1.8.7", "@takumi-rs/core-win32-arm64-msvc": "1.8.7", "@takumi-rs/core-win32-x64-msvc": "1.8.7" } }, "sha512-Ia8I3vg0VAQPnzHiYRrd18UgZbIj3X0zMwWMjuTm3yb2TBH1988lPwnnlf+eAfYMwZrutNiXLLtgEnkzsm2gMw=="],
+
+    "@takumi-rs/core-darwin-arm64": ["@takumi-rs/core-darwin-arm64@1.8.7", "", { "os": "darwin", "cpu": "arm64" }, "sha512-an8vc2B/Qf9vo3uwDmJ6WKazpMBpDruRy/kXr+x98GfIkzMHDEUy+9EgNfUYxprtZo49cJruXrVwzxsqqW+1tA=="],
+
+    "@takumi-rs/core-darwin-x64": ["@takumi-rs/core-darwin-x64@1.8.7", "", { "os": "darwin", "cpu": "x64" }, "sha512-q0xQxmb4y4EwYK3ILMBvWvqLGX8gxsqcEas0zOwNbPnxBLTQFF8KVH4jXaKXLUFwj020lu8nsf1BNvLIkJMo3Q=="],
+
+    "@takumi-rs/core-linux-arm64-gnu": ["@takumi-rs/core-linux-arm64-gnu@1.8.7", "", { "os": "linux", "cpu": "arm64" }, "sha512-uZ6l792M4Mc06XG+m+8RarTgdR5o1ZLjncULKUEPAw3nBKhRbJ50Re3aLM4n4+p25iOj1oL9QwEZRcaJn8u/Ag=="],
+
+    "@takumi-rs/core-linux-arm64-musl": ["@takumi-rs/core-linux-arm64-musl@1.8.7", "", { "os": "linux", "cpu": "arm64" }, "sha512-akVy80ztI2as/b0n0EVCfHNKhibp+Od4ioP49PtX2rQMi6KDtqv3aoCIjaBls8oxzv+4x77/2U9fsWIO2XZQjg=="],
+
+    "@takumi-rs/core-linux-x64-gnu": ["@takumi-rs/core-linux-x64-gnu@1.8.7", "", { "os": "linux", "cpu": "x64" }, "sha512-SV1YesGs/HfC1CMpSF5SqS6KbL4hDLvD2m54JcfB+X/0xatmo/CS2XleqoIXhSmR+95X8Of5g2vg1a4TAdpcug=="],
+
+    "@takumi-rs/core-linux-x64-musl": ["@takumi-rs/core-linux-x64-musl@1.8.7", "", { "os": "linux", "cpu": "x64" }, "sha512-zprYQ/ivPDmYX4tFaONiAzoDJNTANA3kqfIe7SMHZ2YhkfEhYnr3PE3XtBytgB4W/VlTc9WQLyD77SKwPnPuFw=="],
+
+    "@takumi-rs/core-win32-arm64-msvc": ["@takumi-rs/core-win32-arm64-msvc@1.8.7", "", { "os": "win32", "cpu": "arm64" }, "sha512-2S5YcgIj/c0E3sLzWDcxzlXoPvEjR2xC1v7yODe0CvimlRx95Df6rJ9idTS6E1KNUjDaTfqxTr8Ud4gWqYrrPg=="],
+
+    "@takumi-rs/core-win32-x64-msvc": ["@takumi-rs/core-win32-x64-msvc@1.8.7", "", { "os": "win32", "cpu": "x64" }, "sha512-sooiM6fL0JN597ciNAFVp9F7YxCW+8hXpwu/7wRMRo0TGQ/KMi1Y94tf1FUu2csCHN0pgy9a3y09y8+qnw3FTw=="],
+
+    "@takumi-rs/helpers": ["@takumi-rs/helpers@1.8.7", "", { "peerDependencies": { "react": "^19.2.5", "react-dom": "^18.0.0 || ^19.0.0" }, "optionalPeers": ["react", "react-dom"] }, "sha512-5dSR9W8msQ7Asp4TCvUUB9Bt8yLgIc2ASjWtEG4Jn9xSuAVJLWFZ21Xl8HShW5GE6SV5aCCM9BL0NA9YuBWIJw=="],
+
     "@tanstack/intent": ["@tanstack/intent@0.3.5", "", { "dependencies": { "cac": "^6.7.14", "jsonc-parser": "^3.3.1", "semver": "^7.8.4", "std-env": "^4.1.0", "yaml": "2.9.0" }, "bin": { "intent": "dist/cli.mjs" } }, "sha512-OVeyLejsN+LYGVNCJNhcCOlFkpqdkWG/ZB6mDDVOzfoLYDn/9uKaCmZkV6GsIkF0aKY7uu05RTJNibZ+uaZ1ig=="],
 
     "@testing-library/dom": ["@testing-library/dom@10.4.1", "", { "dependencies": { "@babel/code-frame": "^7.10.4", "@babel/runtime": "^7.12.5", "@types/aria-query": "^5.0.1", "aria-query": "5.3.0", "dom-accessibility-api": "^0.5.9", "lz-string": "^1.5.0", "picocolors": "1.1.1", "pretty-format": "^27.0.2" } }, "sha512-o4PXJQidqJl82ckFaXUeoAW+XysPLauYI43Abki5hABd853iMhitooc6znOnczgbTYmEP6U6/y1ZyKAIsvMKGg=="],
@@ -796,109 +1194,277 @@
 
     "@types/chai": ["@types/chai@5.2.3", "", { "dependencies": { "@types/deep-eql": "*", "assertion-error": "^2.0.1" } }, "sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA=="],
 
-    "@types/deep-eql": ["@types/deep-eql@4.0.2", "", {}, "sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw=="],
+    "@types/d3": ["@types/d3@7.4.3", "", { "dependencies": { "@types/d3-array": "*", "@types/d3-axis": "*", "@types/d3-brush": "*", "@types/d3-chord": "*", "@types/d3-color": "*", "@types/d3-contour": "*", "@types/d3-delaunay": "*", "@types/d3-dispatch": "*", "@types/d3-drag": "*", "@types/d3-dsv": "*", "@types/d3-ease": "*", "@types/d3-fetch": "*", "@types/d3-force": "*", "@types/d3-format": "*", "@types/d3-geo": "*", "@types/d3-hierarchy": "*", "@types/d3-interpolate": "*", "@types/d3-path": "*", "@types/d3-polygon": "*", "@types/d3-quadtree": "*", "@types/d3-random": "*", "@types/d3-scale": "*", "@types/d3-scale-chromatic": "*", "@types/d3-selection": "*", "@types/d3-shape": "*", "@types/d3-time": "*", "@types/d3-time-format": "*", "@types/d3-timer": "*", "@types/d3-transition": "*", "@types/d3-zoom": "*" } }, "sha512-lZXZ9ckh5R8uiFVt8ogUNf+pIrK4EsWrx2Np75WvF/eTpJ0FMHNhjXk8CKEx/+gpHbNQyJWehbFaTvqmHWB3ww=="],
 
-    "@types/estree": ["@types/estree@1.0.9", "", {}, "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg=="],
+    "@types/d3-array": ["@types/d3-array@3.2.2", "", {}, "sha512-hOLWVbm7uRza0BYXpIIW5pxfrKe0W+D5lrFiAEYR+pb6w3N2SwSMaJbXdUfSEv+dT4MfHBLtn5js0LAWaO6otw=="],
 
-    "@types/hast": ["@types/hast@3.0.5", "", { "dependencies": { "@types/unist": "*" } }, "sha512-rp/ezSWaD1m44dPKICGhiskI13nVr7qTloFwDa/IYkhhf5nzwP+zIQcIJh3WIFSBOy/H1PzB40jPjMDksN4F+g=="],
+    "@types/d3-axis": ["@types/d3-axis@3.0.6", "", { "dependencies": { "@types/d3-selection": "*" } }, "sha512-pYeijfZuBd87T0hGn0FO1vQ/cgLk6E1ALJjfkC0oJ8cbwkZl3TpgS8bVBLZN+2jjGgg38epgxb2zmoGtSfvgMw=="],
 
-    "@types/jsesc": ["@types/jsesc@2.5.1", "", {}, "sha512-9VN+6yxLOPLOav+7PwjZbxiID2bVaeq0ED4qSQmdQTdjnXJSaCVKTR58t15oqH1H5t8Ng2ZX1SabJVoN9Q34bw=="],
+    "@types/d3-brush": ["@types/d3-brush@3.0.6", "", { "dependencies": { "@types/d3-selection": "*" } }, "sha512-nH60IZNNxEcrh6L1ZSMNA28rj27ut/2ZmI3r96Zd+1jrZD++zD3LsMIjWlvg4AYrHn/Pqz4CF3veCxGjtbqt7A=="],
 
-    "@types/node": ["@types/node@26.1.1", "", { "dependencies": { "undici-types": "~8.3.0" } }, "sha512-nxAkRSVkN1Y0JC1W8ky/fTfkGsMmcrRsbx+3XoZE+rMOX71kLYTV7fLXpqud1GpbpP5TuffXFqfX7fH2GgZREw=="],
+    "@types/d3-chord": ["@types/d3-chord@3.0.6", "", {}, "sha512-LFYWWd8nwfwEmTZG9PfQxd17HbNPksHBiJHaKuY1XeqscXacsS2tyoo6OdRsjf+NQYeB6XrNL3a25E3gH69lcg=="],
 
-    "@types/react": ["@types/react@19.2.17", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-MXfmqaVPEVgkBT/aY0aGCkRWWtByiYQXo3xdQ8r5RzuFrPiRn8Gar2tQdXSUQ2GKV3bkXckek89V8wQBY2Q/Aw=="],
+    "@types/d3-color": ["@types/d3-color@3.1.3", "", {}, "sha512-iO90scth9WAbmgv7ogoq57O9YpKmFBbmoEoCHDB2xMBY0+/KVrqAaCDyCE16dUspeOvIxFFRI+0sEtqDqy2b4A=="],
 
-    "@types/react-dom": ["@types/react-dom@19.2.3", "", { "peerDependencies": { "@types/react": "^19.2.0" } }, "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ=="],
+    "@types/d3-contour": ["@types/d3-contour@3.0.6", "", { "dependencies": { "@types/d3-array": "*", "@types/geojson": "*" } }, "sha512-BjzLgXGnCWjUSYGfH1cpdo41/hgdWETu4YxpezoztawmqsvCeep+8QGfiY6YbDvfgHz/DkjeIkkZVJavB4a3rg=="],
 
-    "@types/trusted-types": ["@types/trusted-types@2.0.7", "", {}, "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw=="],
+    "@types/d3-delaunay": ["@types/d3-delaunay@6.0.4", "", {}, "sha512-ZMaSKu4THYCU6sV64Lhg6qjf1orxBthaC161plr5KuPHo3CNm8DTHiLw/5Eq2b6TsNP0W0iJrUOFscY6Q450Hw=="],
 
-    "@types/unist": ["@types/unist@3.0.3", "", {}, "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="],
+    "@types/d3-dispatch": ["@types/d3-dispatch@3.0.7", "", {}, "sha512-5o9OIAdKkhN1QItV2oqaE5KMIiXAvDWBDPrD85e58Qlz1c1kI/J0NcqbEG88CoTwJrYe7ntUCVfeUl2UJKbWgA=="],
 
-    "@vitejs/plugin-basic-ssl": ["@vitejs/plugin-basic-ssl@2.3.0", "", { "peerDependencies": { "vite": "^6.0.0 || ^7.0.0 || ^8.0.0" } }, "sha512-bdyo8rB3NnQbikdMpHaML9Z1OZPBu6fFOBo+OtxsBlvMJtysWskmBcnbIDhUqgC8tcxNv/a+BcV5U+2nQMm1OQ=="],
+    "@types/d3-drag": ["@types/d3-drag@3.0.7", "", { "dependencies": { "@types/d3-selection": "*" } }, "sha512-HE3jVKlzU9AaMazNufooRJ5ZpWmLIoc90A37WU2JMmeq28w1FQqCZswHZ3xR+SuxYftzHq6WU6KJHvqxKzTxxQ=="],
 
-    "@vitest/expect": ["@vitest/expect@4.1.9", "", { "dependencies": { "@standard-schema/spec": "^1.1.0", "@types/chai": "^5.2.2", "@vitest/spy": "4.1.9", "@vitest/utils": "4.1.9", "chai": "^6.2.2", "tinyrainbow": "^3.1.0" } }, "sha512-vl/rYsUKcBr3SnQn166+XR5ZQcgMx3DQhFWdfli/cWpLnLUmbxZvyrJZotLFUryib+LtArYMSTJ5RbQ57ZqrlA=="],
+    "@types/d3-dsv": ["@types/d3-dsv@3.0.7", "", {}, "sha512-n6QBF9/+XASqcKK6waudgL0pf/S5XHPPI8APyMLLUHd8NqouBGLsU8MgtO7NINGtPBtk9Kko/W4ea0oAspwh9g=="],
 
-    "@vitest/mocker": ["@vitest/mocker@4.1.9", "", { "dependencies": { "@vitest/spy": "4.1.9", "estree-walker": "^3.0.3", "magic-string": "^0.30.21" }, "peerDependencies": { "msw": "^2.4.9", "vite": "^6.0.0 || ^7.0.0 || ^8.0.0" }, "optionalPeers": ["msw", "vite"] }, "sha512-EVkXzBjrPGM+cK8/ANWgBrkUCfJfb38/EfTSO8h7pWvKkyPkpWxvR7BkD2MyItMF62C97zAEoqdpUixwR/e+Rw=="],
+    "@types/d3-ease": ["@types/d3-ease@3.0.2", "", {}, "sha512-NcV1JjO5oDzoK26oMzbILE6HW7uVXOHLQvHshBUW4UMdZGfiY6v5BeQwh9a9tCzv+CeefZQHJt5SRgK154RtiA=="],
 
-    "@vitest/pretty-format": ["@vitest/pretty-format@4.1.9", "", { "dependencies": { "tinyrainbow": "^3.1.0" } }, "sha512-s0iufns3iIFitdgm+YR7g1whCAaGtXz459VS9/PqyKDEEFgYIhsHOQmXgIgDuYCt7DeQmiZT0Qe2OA2p4ZPu5A=="],
+    "@types/d3-fetch": ["@types/d3-fetch@3.0.7", "", { "dependencies": { "@types/d3-dsv": "*" } }, "sha512-fTAfNmxSb9SOWNB9IoG5c8Hg6R+AzUHDRlsXsDZsNp6sxAEOP0tkP3gKkNSO/qmHPoBFTxNrjDprVHDQDvo5aA=="],
 
-    "@vitest/runner": ["@vitest/runner@4.1.9", "", { "dependencies": { "@vitest/utils": "4.1.9", "pathe": "^2.0.3" } }, "sha512-KXLMDtc7oe70+3mJfGrPUWPesswH+3sTxAMAMl8DG7I8IUQT4XW718dY5ID3vPUcmlu27CcKfY4P3h3I29SLJg=="],
+    "@types/d3-force": ["@types/d3-force@3.0.10", "", {}, "sha512-ZYeSaCF3p73RdOKcjj+swRlZfnYpK1EbaDiYICEEp5Q6sUiqFaFQ9qgoshp5CzIyyb/yD09kD9o2zEltCexlgw=="],
 
-    "@vitest/snapshot": ["@vitest/snapshot@4.1.9", "", { "dependencies": { "@vitest/pretty-format": "4.1.9", "@vitest/utils": "4.1.9", "magic-string": "^0.30.21", "pathe": "^2.0.3" } }, "sha512-Jc7RKGNBo8Z28WYIm0Niej4xdSPByRf6mU58VpHQkd6Zh05rlnA+twjbK5HyeIGHxrzsc3mJgS43uM0CZKzaIA=="],
+    "@types/d3-format": ["@types/d3-format@3.0.4", "", {}, "sha512-fALi2aI6shfg7vM5KiR1wNJnZ7r6UuggVqtDA+xiEdPZQwy/trcQaHnwShLuLdta2rTymCNpxYTiMZX/e09F4g=="],
 
-    "@vitest/spy": ["@vitest/spy@4.1.9", "", {}, "sha512-fHpsS6mIi+PiEW+vcRVOMkX1oSaPKne3VOclSFICPcGOmfKgXPU5iAah+wcNcj2xPrCCmfq99IDGf+EojhhvhA=="],
+    "@types/d3-geo": ["@types/d3-geo@3.1.0", "", { "dependencies": { "@types/geojson": "*" } }, "sha512-856sckF0oP/diXtS4jNsiQw/UuK5fQG8l/a9VVLeSouf1/PPbBE1i1W852zVwKwYCBkFJJB7nCFTbk6UMEXBOQ=="],
 
-    "@vitest/utils": ["@vitest/utils@4.1.9", "", { "dependencies": { "@vitest/pretty-format": "4.1.9", "convert-source-map": "^2.0.0", "tinyrainbow": "^3.1.0" } }, "sha512-A51o8ymO5PpqlWNnBP9ZHPXDIpuMtTLlGSjN7la4US+LJzoUMyhwjA5QXlm39JexgwHKW4Xjs8Z2d3dLCXOeuA=="],
+    "@types/d3-hierarchy": ["@types/d3-hierarchy@3.1.7", "", {}, "sha512-tJFtNoYBtRtkNysX1Xq4sxtjK8YgoWUNpIiUee0/jHGRwqvzYxkq0hGVbbOGSz+JgFxxRu4K8nb3YpG3CMARtg=="],
 
-    "@vue/compiler-core": ["@vue/compiler-core@3.5.39", "", { "dependencies": { "@babel/parser": "^7.29.7", "@vue/shared": "3.5.39", "entities": "^7.0.1", "estree-walker": "^2.0.2", "source-map-js": "^1.2.1" } }, "sha512-16KBTEXAJCpDr0mwlw+AZyhu8iyC7R3S2vBwsI7QnWJU6X3WKc9VKeNEZpiMdZ569qWhz9574L3vV55qRL0Vtw=="],
+    "@types/d3-interpolate": ["@types/d3-interpolate@3.0.4", "", { "dependencies": { "@types/d3-color": "*" } }, "sha512-mgLPETlrpVV1YRJIglr4Ez47g7Yxjl1lj7YKsiMCb27VJH9W8NVM6Bb9d8kkpG/uAQS5AmbA48q2IAolKKo1MA=="],
 
-    "@vue/compiler-dom": ["@vue/compiler-dom@3.5.39", "", { "dependencies": { "@vue/compiler-core": "3.5.39", "@vue/shared": "3.5.39" } }, "sha512-oQPigALqYbNxTNPvNgSOe+czwVExfbVF02lz8jP0S3AXJiu3jxYDygNUiqSep4ezzW8XgnubqH63My2A7JR/vg=="],
+    "@types/d3-path": ["@types/d3-path@3.1.1", "", {}, "sha512-VMZBYyQvbGmWyWVea0EHs/BwLgxc+MKi1zLDCONksozI4YJMcTt8ZEuIR4Sb1MMTE8MMW49v0IwI5+b7RmfWlg=="],
 
-    "@vue/compiler-sfc": ["@vue/compiler-sfc@3.5.39", "", { "dependencies": { "@babel/parser": "^7.29.7", "@vue/compiler-core": "3.5.39", "@vue/compiler-dom": "3.5.39", "@vue/compiler-ssr": "3.5.39", "@vue/shared": "3.5.39", "estree-walker": "^2.0.2", "magic-string": "^0.30.21", "postcss": "^8.5.15", "source-map-js": "^1.2.1" } }, "sha512-d0ki86iOyN8LoZPBmk5SJWNwHP19CnDDCfuo//+2WJa2g5Ke0Jay983PIBIcSSzldC68I8DrD5GrHV3OSDfodg=="],
+    "@types/d3-polygon": ["@types/d3-polygon@3.0.2", "", {}, "sha512-ZuWOtMaHCkN9xoeEMr1ubW2nGWsp4nIql+OPQRstu4ypeZ+zk3YKqQT0CXVe/PYqrKpZAi+J9mTs05TKwjXSRA=="],
 
-    "@vue/compiler-ssr": ["@vue/compiler-ssr@3.5.39", "", { "dependencies": { "@vue/compiler-dom": "3.5.39", "@vue/shared": "3.5.39" } }, "sha512-Ce7/wvwMHai74bdszfXExdazFigYnlF9zgCmEQUcM1j0fOymlouZ7XilTYNo8oUjhlnjYOZbGrcYKuqjz89Ucw=="],
+    "@types/d3-quadtree": ["@types/d3-quadtree@3.0.6", "", {}, "sha512-oUzyO1/Zm6rsxKRHA1vH0NEDG58HrT5icx/azi9MF1TWdtttWl0UIUsjEQBBh+SIkrpd21ZjEv7ptxWys1ncsg=="],
 
-    "@vue/reactivity": ["@vue/reactivity@3.5.39", "", { "dependencies": { "@vue/shared": "3.5.39" } }, "sha512-TpsuBJ9gGlZa5d23XcM2y8EXanz9dZeVDQBXRwzy46ItgvM+rWpzs+UVM0wcRLxGvcav0HE5jz2gNL53xlRAog=="],
+    "@types/d3-random": ["@types/d3-random@3.0.4", "", {}, "sha512-UHYId5WTCx4L4YNel7NU00XUXXgvgpgZOvp10PuvsQENjMDXhh2RyFc0KBjO7B45ne4Ha1yVH7ii0vnzKkuzWA=="],
 
-    "@vue/runtime-core": ["@vue/runtime-core@3.5.39", "", { "dependencies": { "@vue/reactivity": "3.5.39", "@vue/shared": "3.5.39" } }, "sha512-9GLtNyRvPAUMbX+7ono0RC2j0guo2LXVi8LvcmAooImACUKm0oFf0jjwbX8/H0AE/t1nxhAkn8RSl9PMCzzxZw=="],
+    "@types/d3-scale": ["@types/d3-scale@4.0.9", "", { "dependencies": { "@types/d3-time": "*" } }, "sha512-dLmtwB8zkAeO/juAMfnV+sItKjlsw2lKdZVVy6LRr0cBmegxSABiLEpGVmSJJ8O08i4+sGR6qQtb6WtuwJdvVw=="],
 
-    "@vue/runtime-dom": ["@vue/runtime-dom@3.5.39", "", { "dependencies": { "@vue/reactivity": "3.5.39", "@vue/runtime-core": "3.5.39", "@vue/shared": "3.5.39", "csstype": "^3.2.3" } }, "sha512-7Y6aAGboKcXAZ3ECuUy7RrS5yy2r47dhTp2SKaJmYxjopImaVFaNa5Ne66NwGovsrxVAl5S5rwc7m22UG7Lmww=="],
+    "@types/d3-scale-chromatic": ["@types/d3-scale-chromatic@3.1.0", "", {}, "sha512-iWMJgwkK7yTRmWqRB5plb1kadXyQ5Sj8V/zYlFGMUBbIPKQScw+Dku9cAAMgJG+z5GYDoMjWGLVOvjghDEFnKQ=="],
 
-    "@vue/server-renderer": ["@vue/server-renderer@3.5.39", "", { "dependencies": { "@vue/compiler-ssr": "3.5.39", "@vue/shared": "3.5.39" }, "peerDependencies": { "vue": "3.5.39" } }, "sha512-yZSakiAGw85rZfG7UM8akMnIF+FmeiNk47uvHf2nVBBSe+dIKUhZuZq9+XgJhbV3nS5Z4ALH23/MpXofW+mbcw=="],
+    "@types/d3-selection": ["@types/d3-selection@3.0.11", "", {}, "sha512-bhAXu23DJWsrI45xafYpkQ4NtcKMwWnAC/vKrd2l+nxMFuvOT3XMYTIj2opv8vq8AO5Yh7Qac/nSeP/3zjTK0w=="],
 
-    "@vue/shared": ["@vue/shared@3.5.39", "", {}, "sha512-l1rrBtBfTnmxvtsvdQDXltUUy8S1Y+ZaqdfUzmAnJkTd8Z8rv5v/ytW+TKiqEOWyHPoqtPlNFSs0lhRmYVSHVA=="],
+    "@types/d3-shape": ["@types/d3-shape@3.1.8", "", { "dependencies": { "@types/d3-path": "*" } }, "sha512-lae0iWfcDeR7qt7rA88BNiqdvPS5pFVPpo5OfjElwNaT2yyekbM0C9vK+yqBqEmHr6lDkRnYNoTBYlAgJa7a4w=="],
 
-    "@vue/test-utils": ["@vue/test-utils@2.4.6", "", { "dependencies": { "js-beautify": "^1.14.9", "vue-component-type-helpers": "^2.0.0" } }, "sha512-FMxEjOpYNYiFe0GkaHsnJPXFHxQ6m4t8vI/ElPGpMWxZKpmRvQ33OIrvRXemy6yha03RxhOlQuy+gZMC3CQSow=="],
+    "@types/d3-time": ["@types/d3-time@3.0.4", "", {}, "sha512-yuzZug1nkAAaBlBBikKZTgzCeA+k1uy4ZFwWANOfKw5z5LRhV0gNA7gNkKm7HoK+HRN0wX3EkxGk0fpbWhmB7g=="],
 
-    "abbrev": ["abbrev@2.0.0", "", {}, "sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ=="],
+    "@types/d3-time-format": ["@types/d3-time-format@4.0.3", "", {}, "sha512-5xg9rC+wWL8kdDj153qZcsJ0FWiFt0J5RB6LYUNZjwSnesfblqrI/bJ1wBdJ8OQfncgbJG5+2F+qfqnqyzYxyg=="],
 
-    "accepts": ["accepts@2.0.0", "", { "dependencies": { "mime-types": "^3.0.0", "negotiator": "^1.0.0" } }, "sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng=="],
+    "@types/d3-timer": ["@types/d3-timer@3.0.2", "", {}, "sha512-Ps3T8E8dZDam6fUyNiMkekK3XUsaUEik+idO9/YjPtfj2qruF8tFBXS7XhtE4iIXBLxhmLjP3SXpLhVf21I9Lw=="],
 
-    "acorn": ["acorn@8.17.0", "", { "bin": { "acorn": "bin/acorn" } }, "sha512-xRQbDb9BnwDafYNn6Vwl839DYVjqXYb1XVGtWAZ1kcDc6iwAL4hg3B1dZlRiuENFeO2H53gFG3in621AdERVAg=="],
+    "@types/d3-transition": ["@types/d3-transition@3.0.9", "", { "dependencies": { "@types/d3-selection": "*" } }, "sha512-uZS5shfxzO3rGlu0cC3bjmMFKsXv+SmZZcgp0KD22ts4uGXp5EVYGzu/0YdwZeKmddhcAccYtREJKkPfXkZuCg=="],
 
-    "agent-base": ["agent-base@9.0.0", "", {}, "sha512-TQf59BsZnytt8GdJKLPfUZ54g/iaUL2OWDSFCCvMOhsHduDQxO8xC4PNeyIkVcA5KwL2phPSv0douC0fgWzmnA=="],
+    "@types/d3-zoom": ["@types/d3-zoom@3.0.8", "", { "dependencies": { "@types/d3-interpolate": "*", "@types/d3-selection": "*" } }, "sha512-iqMC4/YlFCSlO8+2Ii1GGGliCAY4XdeG748w5vQUbevlbDu0zSjH/+jojorQVBK/se0j6DUFNPBGSqD3YWYnDw=="],
 
-    "ajv": ["ajv@8.20.0", "", { "dependencies": { "fast-deep-equal": "^3.1.3", "fast-uri": "^3.0.1", "json-schema-traverse": "^1.0.0", "require-from-string": "^2.0.2" } }, "sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA=="],
+    "@types/debug": ["@types/debug@4.1.13", "", { "dependencies": { "@types/ms": "*" } }, "sha512-KSVgmQmzMwPlmtljOomayoR89W4FynCAi3E8PPs7vmDVPe84hT+vGPKkJfThkmXs0x0jAaa9U8uW8bbfyS2fWw=="],
 
-    "ajv-formats": ["ajv-formats@3.0.1", "", { "dependencies": { "ajv": "^8.0.0" } }, "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ=="],
+    "@types/deep-eql": ["@types/deep-eql@4.0.2", "", {}, "sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw=="],
 
-    "ansi-colors": ["ansi-colors@4.1.3", "", {}, "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw=="],
+    "@types/estree": ["@types/estree@1.0.9", "", {}, "sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg=="],
 
-    "ansi-escapes": ["ansi-escapes@7.3.0", "", { "dependencies": { "environment": "^1.0.0" } }, "sha512-BvU8nYgGQBxcmMuEeUEmNTvrMVjJNSH7RgW24vXexN4Ven6qCvy4TntnvlnwnMLTVlcRQQdbRY8NKnaIoeWDNg=="],
+    "@types/estree-jsx": ["@types/estree-jsx@1.0.5", "", { "dependencies": { "@types/estree": "*" } }, "sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg=="],
 
-    "ansi-regex": ["ansi-regex@6.2.2", "", {}, "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg=="],
+    "@types/geojson": ["@types/geojson@7946.0.16", "", {}, "sha512-6C8nqWur3j98U6+lXDfTUWIfgvZU+EumvpHKcYjujKH7woYyLj2sUmff0tRhrqM7BohUw7Pz3ZB1jj2gW9Fvmg=="],
 
-    "ansi-styles": ["ansi-styles@4.3.0", "", { "dependencies": { "color-convert": "^2.0.1" } }, "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg=="],
+    "@types/hast": ["@types/hast@3.0.5", "", { "dependencies": { "@types/unist": "*" } }, "sha512-rp/ezSWaD1m44dPKICGhiskI13nVr7qTloFwDa/IYkhhf5nzwP+zIQcIJh3WIFSBOy/H1PzB40jPjMDksN4F+g=="],
 
-    "ansis": ["ansis@4.3.1", "", {}, "sha512-BJ8/l4R5LRE7hW9WdSuGYrLSHi2ynxeFpDFbH0K/CgNeY/tyhk+vO6TYxXC5r5CpUhNVX310xzPsN/H9lCdfOA=="],
+    "@types/jsesc": ["@types/jsesc@2.5.1", "", {}, "sha512-9VN+6yxLOPLOav+7PwjZbxiID2bVaeq0ED4qSQmdQTdjnXJSaCVKTR58t15oqH1H5t8Ng2ZX1SabJVoN9Q34bw=="],
 
-    "any-promise": ["any-promise@1.3.0", "", {}, "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="],
+    "@types/mdast": ["@types/mdast@4.0.4", "", { "dependencies": { "@types/unist": "*" } }, "sha512-kGaNbPh1k7AFzgpud/gMdvIm5xuECykRR+JnWKQno9TAXVa6WIVCGTPvYGekIDL4uwCZQSYbUxNBSb1aUo79oA=="],
 
-    "argparse": ["argparse@2.0.1", "", {}, "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="],
+    "@types/mdx": ["@types/mdx@2.0.14", "", {}, "sha512-T48PeuJtvLosNTPVhfnIp3i/n3a4g4Bad7YCq5k64D4u7NwDrAotikQ+5+sjtUvBmxCMlbo3dVL+C2dP0rWHzg=="],
 
-    "aria-query": ["aria-query@5.3.0", "", { "dependencies": { "dequal": "^2.0.3" } }, "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A=="],
+    "@types/ms": ["@types/ms@2.1.0", "", {}, "sha512-GsCCIZDE/p3i96vtEqx+7dBUGXrc7zeSK3wwPHIaRThS+9OhWIXRqzs4d6k1SVU8g91DrNRWxWUGhp5KXQb2VA=="],
 
-    "array-buffer-byte-length": ["array-buffer-byte-length@1.0.2", "", { "dependencies": { "call-bound": "^1.0.3", "is-array-buffer": "^3.0.5" } }, "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw=="],
+    "@types/nlcst": ["@types/nlcst@2.0.3", "", { "dependencies": { "@types/unist": "*" } }, "sha512-vSYNSDe6Ix3q+6Z7ri9lyWqgGhJTmzRjZRqyq15N0Z/1/UnVsno9G/N40NBijoYx2seFDIl0+B2mgAb9mezUCA=="],
 
-    "array-union": ["array-union@2.1.0", "", {}, "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw=="],
+    "@types/node": ["@types/node@26.1.1", "", { "dependencies": { "undici-types": "~8.3.0" } }, "sha512-nxAkRSVkN1Y0JC1W8ky/fTfkGsMmcrRsbx+3XoZE+rMOX71kLYTV7fLXpqud1GpbpP5TuffXFqfX7fH2GgZREw=="],
 
-    "assertion-error": ["assertion-error@2.0.1", "", {}, "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA=="],
+    "@types/react": ["@types/react@19.2.17", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-MXfmqaVPEVgkBT/aY0aGCkRWWtByiYQXo3xdQ8r5RzuFrPiRn8Gar2tQdXSUQ2GKV3bkXckek89V8wQBY2Q/Aw=="],
 
-    "ast-kit": ["ast-kit@3.0.0", "", { "dependencies": { "@babel/parser": "^8.0.0", "estree-walker": "^3.0.3", "pathe": "^2.0.3" } }, "sha512-8OG92q3R35qjC/4i6BLBMg8IB+fClWu/1PEwg2Z9Rn+BuNaiEgJzpzn+pxWOdHJWDCAwu2JP0wCDTozAM4QirQ=="],
+    "@types/react-dom": ["@types/react-dom@19.2.3", "", { "peerDependencies": { "@types/react": "^19.2.0" } }, "sha512-jp2L/eY6fn+KgVVQAOqYItbF0VY/YApe5Mz2F0aykSO8gx31bYCZyvSeYxCHKvzHG5eZjc+zyaS5BrBWya2+kQ=="],
 
-    "available-typed-arrays": ["available-typed-arrays@1.0.7", "", { "dependencies": { "possible-typed-array-names": "^1.0.0" } }, "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ=="],
+    "@types/trusted-types": ["@types/trusted-types@2.0.7", "", {}, "sha512-ScaPdn1dQczgbl0QFTeTOmVHFULt394XJgOQNoyVhZ6r2vLnMLJfBPd53SB52T/3G36VI1/g2MZaX0cwDuXsfw=="],
 
-    "axobject-query": ["axobject-query@4.1.0", "", {}, "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ=="],
+    "@types/unist": ["@types/unist@3.0.3", "", {}, "sha512-ko/gIFJRv177XgZsZcBwnqJN5x/Gien8qNOn0D5bQU/zAzVf9Zt3BlcUiLqhV9y4ARk0GbT3tnUiPNgnTXzc/Q=="],
 
-    "babel-plugin-jsx-dom-expressions": ["babel-plugin-jsx-dom-expressions@0.40.7", "", { "dependencies": { "@babel/helper-module-imports": "7.18.6", "@babel/plugin-syntax-jsx": "^7.18.6", "@babel/types": "^7.20.7", "html-entities": "2.3.3", "parse5": "^7.1.2" }, "peerDependencies": { "@babel/core": "^7.20.12" } }, "sha512-/O6JWUmjv03OI9lL2ry9bUjpD5S3PclM55RRJEyCdcFZ5W2SEA/59d+l2hNsk3gI6kiWRdRPdOtqZmsQzFN1pQ=="],
+    "@typescript/vfs": ["@typescript/vfs@1.6.4", "", { "dependencies": { "debug": "^4.4.3" }, "peerDependencies": { "typescript": "*" } }, "sha512-PJFXFS4ZJKiJ9Qiuix6Dz/OwEIqHD7Dme1UwZhTK11vR+5dqW2ACbdndWQexBzCx+CPuMe5WBYQWCsFyGlQLlQ=="],
 
-    "babel-preset-solid": ["babel-preset-solid@1.9.12", "", { "dependencies": { "babel-plugin-jsx-dom-expressions": "^0.40.6" }, "peerDependencies": { "@babel/core": "^7.0.0", "solid-js": "^1.9.12" }, "optionalPeers": ["solid-js"] }, "sha512-LLqnuKVDlKpyBlMPcH6qEvs/wmS9a+NczppxJ3ryS/c0O5IiSFOIBQi9GzyiGDSbcJpx4Gr87jyFTos1MyEuWg=="],
+    "@ungap/structured-clone": ["@ungap/structured-clone@1.3.3", "", {}, "sha512-60YRaenCQcVjYEKOcG824+DRGGIQ3VKErcBoAEDJZz5bKIs2ZG+X/H9Nk+Q6EVkwJk5QNApxbrc5QtBSwtrXAg=="],
 
-    "balanced-match": ["balanced-match@4.0.4", "", {}, "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA=="],
+    "@upsetjs/venn.js": ["@upsetjs/venn.js@2.0.0", "", { "optionalDependencies": { "d3-selection": "^3.0.0", "d3-transition": "^3.0.1" } }, "sha512-WbBhLrooyePuQ1VZxrJjtLvTc4NVfpOyKx0sKqioq9bX1C1m7Jgykkn8gLrtwumBioXIqam8DLxp88Adbue6Hw=="],
 
-    "base64-js": ["base64-js@1.5.1", "", {}, "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA=="],
+    "@vercel/analytics": ["@vercel/analytics@2.0.1", "", { "peerDependencies": { "@remix-run/react": "^2", "@sveltejs/kit": "^1 || ^2", "next": ">= 13", "nuxt": ">= 3", "react": "^18 || ^19 || ^19.0.0-rc", "svelte": ">= 4", "vue": "^3", "vue-router": "^4" }, "optionalPeers": ["@remix-run/react", "@sveltejs/kit", "next", "nuxt", "react", "svelte", "vue", "vue-router"] }, "sha512-MTQG6V9qQrt1tsDeF+2Uoo5aPjqbVPys1xvnIftXSJYG2SrwXRHnqEvVoYID7BTruDz4lCd2Z7rM1BdkUehk2g=="],
 
-    "baseline-browser-mapping": ["baseline-browser-mapping@2.10.42", "", { "bin": { "baseline-browser-mapping": "dist/cli.cjs" } }, "sha512-c/jurFrDLyui7o1J86yLkRu4LMsTYcBohveus7/I2Hzdn9KIP2bdJPTue/lR1KH46enoPbD77GKeSYNdyPoD3Q=="],
+    "@vercel/cli-config": ["@vercel/cli-config@0.2.0", "", { "dependencies": { "xdg-app-paths": "5", "zod": "4.1.11" } }, "sha512-fJRRRB7734BDuXZ89yBEaA2ncYhH7bWX30mk04W80J6VAfQc+4iB8lyzAdaGpFV3/vNlkt9VZt+/uoQoWX6UsQ=="],
+
+    "@vercel/cli-exec": ["@vercel/cli-exec@1.0.0", "", { "dependencies": { "execa": "5.1.1" } }, "sha512-kQF8LGie/Hbdq9/psJxLE7owRTcqMQMhgybU04gCeR7cbQAr5t8OrjefDNColJv1QSSucFt4pLwRiARVmlOnug=="],
+
+    "@vercel/functions": ["@vercel/functions@3.7.5", "", { "dependencies": { "@vercel/oidc": "3.8.0" }, "peerDependencies": { "@aws-sdk/credential-provider-web-identity": "*", "ws": ">=8" }, "optionalPeers": ["@aws-sdk/credential-provider-web-identity", "ws"] }, "sha512-ESf8BbeDebqRUyMi09JwRbQqpLn4g6fjcVVHPsHB56j2dSqRrSHO4h3X4aaxJf6iQQjzhAtDGI2xCWQ27JE8PA=="],
+
+    "@vercel/nft": ["@vercel/nft@1.10.2", "", { "dependencies": { "@mapbox/node-pre-gyp": "^2.0.0", "@rollup/pluginutils": "^5.1.3", "acorn": "^8.6.0", "acorn-import-attributes": "^1.9.5", "async-sema": "^3.1.1", "bindings": "^1.4.0", "estree-walker": "2.0.2", "glob": "^13.0.0", "graceful-fs": "^4.2.9", "node-gyp-build": "^4.2.2", "picomatch": "^4.0.2", "resolve-from": "^5.0.0" }, "bin": { "nft": "out/cli.js" } }, "sha512-w+WyX5Ulmj4dtTZrxaulqrjaLZHSbnPzx75SJsTNYmotKsqn1JlLnDJa+lz5hn90HJofhl/2MAtw0mCrgM3qYw=="],
+
+    "@vercel/oidc": ["@vercel/oidc@3.8.0", "", { "dependencies": { "@vercel/cli-config": "0.2.0", "@vercel/cli-exec": "1.0.0", "jose": "^5.9.6" } }, "sha512-r00laGW6Pv778RoR6M2NxX91ycSj+PBwVo+fOb9Bif+F0IyUKt25zrvBzfEzQpeAzbqOgPZyQibEWDdDFApd+A=="],
+
+    "@vercel/routing-utils": ["@vercel/routing-utils@5.3.3", "", { "dependencies": { "path-to-regexp": "6.1.0", "path-to-regexp-updated": "npm:path-to-regexp@6.3.0" }, "optionalDependencies": { "ajv": "^6.12.3" } }, "sha512-KYm2sLNUD48gDScv8ob4ejc3Gww2jcJyW80hTdYlenAPz/5BQar1Gyh38xrUuZ532TUwSb5mV1uRbAuiykq0EQ=="],
+
+    "@vitejs/plugin-basic-ssl": ["@vitejs/plugin-basic-ssl@2.3.0", "", { "peerDependencies": { "vite": "^6.0.0 || ^7.0.0 || ^8.0.0" } }, "sha512-bdyo8rB3NnQbikdMpHaML9Z1OZPBu6fFOBo+OtxsBlvMJtysWskmBcnbIDhUqgC8tcxNv/a+BcV5U+2nQMm1OQ=="],
+
+    "@vitejs/plugin-react": ["@vitejs/plugin-react@5.2.0", "", { "dependencies": { "@babel/core": "^7.29.0", "@babel/plugin-transform-react-jsx-self": "^7.27.1", "@babel/plugin-transform-react-jsx-source": "^7.27.1", "@rolldown/pluginutils": "1.0.0-rc.3", "@types/babel__core": "^7.20.5", "react-refresh": "^0.18.0" }, "peerDependencies": { "vite": "^4.2.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0" } }, "sha512-YmKkfhOAi3wsB1PhJq5Scj3GXMn3WvtQ/JC0xoopuHoXSdmtdStOpFrYaT1kie2YgFBcIe64ROzMYRjCrYOdYw=="],
+
+    "@vitejs/plugin-vue": ["@vitejs/plugin-vue@6.0.8", "", { "dependencies": { "@rolldown/pluginutils": "^1.0.1" }, "peerDependencies": { "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0", "vue": "^3.2.25" } }, "sha512-0ZjgOg7oO6farnNGup7yvoM/YXZV84OZxHAwtflItNa/6zzQyVb5LNxyea3FEKEX2XlagIKzrlH7wwxkKgtiew=="],
+
+    "@vitejs/plugin-vue-jsx": ["@vitejs/plugin-vue-jsx@5.1.6", "", { "dependencies": { "@babel/core": "^7.29.0", "@babel/plugin-syntax-typescript": "^7.29.7", "@babel/plugin-transform-typescript": "^7.29.7", "@rolldown/pluginutils": "^1.0.1", "@vue/babel-plugin-jsx": "^2.0.1" }, "peerDependencies": { "vite": "^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0", "vue": "^3.0.0" } }, "sha512-YXvi4as2clxt6DFw5+a0tTA97ntiQXm/raR8ofNj3aNwwdlVGTiG2gp7EvfZW17P50acL/9bP0ccF4XnqNmlgA=="],
+
+    "@vitest/expect": ["@vitest/expect@4.1.9", "", { "dependencies": { "@standard-schema/spec": "^1.1.0", "@types/chai": "^5.2.2", "@vitest/spy": "4.1.9", "@vitest/utils": "4.1.9", "chai": "^6.2.2", "tinyrainbow": "^3.1.0" } }, "sha512-vl/rYsUKcBr3SnQn166+XR5ZQcgMx3DQhFWdfli/cWpLnLUmbxZvyrJZotLFUryib+LtArYMSTJ5RbQ57ZqrlA=="],
+
+    "@vitest/mocker": ["@vitest/mocker@4.1.9", "", { "dependencies": { "@vitest/spy": "4.1.9", "estree-walker": "^3.0.3", "magic-string": "^0.30.21" }, "peerDependencies": { "msw": "^2.4.9", "vite": "^6.0.0 || ^7.0.0 || ^8.0.0" }, "optionalPeers": ["msw", "vite"] }, "sha512-EVkXzBjrPGM+cK8/ANWgBrkUCfJfb38/EfTSO8h7pWvKkyPkpWxvR7BkD2MyItMF62C97zAEoqdpUixwR/e+Rw=="],
+
+    "@vitest/pretty-format": ["@vitest/pretty-format@4.1.9", "", { "dependencies": { "tinyrainbow": "^3.1.0" } }, "sha512-s0iufns3iIFitdgm+YR7g1whCAaGtXz459VS9/PqyKDEEFgYIhsHOQmXgIgDuYCt7DeQmiZT0Qe2OA2p4ZPu5A=="],
+
+    "@vitest/runner": ["@vitest/runner@4.1.9", "", { "dependencies": { "@vitest/utils": "4.1.9", "pathe": "^2.0.3" } }, "sha512-KXLMDtc7oe70+3mJfGrPUWPesswH+3sTxAMAMl8DG7I8IUQT4XW718dY5ID3vPUcmlu27CcKfY4P3h3I29SLJg=="],
+
+    "@vitest/snapshot": ["@vitest/snapshot@4.1.9", "", { "dependencies": { "@vitest/pretty-format": "4.1.9", "@vitest/utils": "4.1.9", "magic-string": "^0.30.21", "pathe": "^2.0.3" } }, "sha512-Jc7RKGNBo8Z28WYIm0Niej4xdSPByRf6mU58VpHQkd6Zh05rlnA+twjbK5HyeIGHxrzsc3mJgS43uM0CZKzaIA=="],
+
+    "@vitest/spy": ["@vitest/spy@4.1.9", "", {}, "sha512-fHpsS6mIi+PiEW+vcRVOMkX1oSaPKne3VOclSFICPcGOmfKgXPU5iAah+wcNcj2xPrCCmfq99IDGf+EojhhvhA=="],
+
+    "@vitest/utils": ["@vitest/utils@4.1.9", "", { "dependencies": { "@vitest/pretty-format": "4.1.9", "convert-source-map": "^2.0.0", "tinyrainbow": "^3.1.0" } }, "sha512-A51o8ymO5PpqlWNnBP9ZHPXDIpuMtTLlGSjN7la4US+LJzoUMyhwjA5QXlm39JexgwHKW4Xjs8Z2d3dLCXOeuA=="],
+
+    "@volar/kit": ["@volar/kit@2.4.28", "", { "dependencies": { "@volar/language-service": "2.4.28", "@volar/typescript": "2.4.28", "typesafe-path": "^0.2.2", "vscode-languageserver-textdocument": "^1.0.11", "vscode-uri": "^3.0.8" }, "peerDependencies": { "typescript": "*" } }, "sha512-cKX4vK9dtZvDRaAzeoUdaAJEew6IdxHNCRrdp5Kvcl6zZOqb6jTOfk3kXkIkG3T7oTFXguEMt5+9ptyqYR84Pg=="],
+
+    "@volar/language-core": ["@volar/language-core@2.4.28", "", { "dependencies": { "@volar/source-map": "2.4.28" } }, "sha512-w4qhIJ8ZSitgLAkVay6AbcnC7gP3glYM3fYwKV3srj8m494E3xtrCv6E+bWviiK/8hs6e6t1ij1s2Endql7vzQ=="],
+
+    "@volar/language-server": ["@volar/language-server@2.4.28", "", { "dependencies": { "@volar/language-core": "2.4.28", "@volar/language-service": "2.4.28", "@volar/typescript": "2.4.28", "path-browserify": "^1.0.1", "request-light": "^0.7.0", "vscode-languageserver": "^9.0.1", "vscode-languageserver-protocol": "^3.17.5", "vscode-languageserver-textdocument": "^1.0.11", "vscode-uri": "^3.0.8" } }, "sha512-NqcLnE5gERKuS4PUFwlhMxf6vqYo7hXtbMFbViXcbVkbZ905AIVWhnSo0ZNBC2V127H1/2zP7RvVOVnyITFfBw=="],
+
+    "@volar/language-service": ["@volar/language-service@2.4.28", "", { "dependencies": { "@volar/language-core": "2.4.28", "vscode-languageserver-protocol": "^3.17.5", "vscode-languageserver-textdocument": "^1.0.11", "vscode-uri": "^3.0.8" } }, "sha512-Rh/wYCZJrI5vCwMk9xyw/Z+MsWxlJY1rmMZPsxUoJKfzIRjS/NF1NmnuEcrMbEVGja00aVpCsInJfixQTMdvLw=="],
+
+    "@volar/source-map": ["@volar/source-map@2.4.28", "", {}, "sha512-yX2BDBqJkRXfKw8my8VarTyjv48QwxdJtvRgUpNE5erCsgEUdI2DsLbpa+rOQVAJYshY99szEcRDmyHbF10ggQ=="],
+
+    "@volar/typescript": ["@volar/typescript@2.4.28", "", { "dependencies": { "@volar/language-core": "2.4.28", "path-browserify": "^1.0.1", "vscode-uri": "^3.0.8" } }, "sha512-Ja6yvWrbis2QtN4ClAKreeUZPVYMARDYZl9LMEv1iQ1QdepB6wn0jTRxA9MftYmYa4DQ4k/DaSZpFPUfxl8giw=="],
+
+    "@vscode/emmet-helper": ["@vscode/emmet-helper@2.11.0", "", { "dependencies": { "emmet": "^2.4.3", "jsonc-parser": "^2.3.0", "vscode-languageserver-textdocument": "^1.0.1", "vscode-languageserver-types": "^3.15.1", "vscode-uri": "^3.0.8" } }, "sha512-QLxjQR3imPZPQltfbWRnHU6JecWTF1QSWhx3GAKQpslx7y3Dp6sIIXhKjiUJ/BR9FX8PVthjr9PD6pNwOJfAzw=="],
+
+    "@vscode/l10n": ["@vscode/l10n@0.0.18", "", {}, "sha512-KYSIHVmslkaCDyw013pphY+d7x1qV8IZupYfeIfzNA+nsaWHbn5uPuQRvdRFsa9zFzGeudPuoGoZ1Op4jrJXIQ=="],
+
+    "@vue/babel-helper-vue-transform-on": ["@vue/babel-helper-vue-transform-on@2.0.1", "", {}, "sha512-uZ66EaFbnnZSYqYEyplWvn46GhZ1KuYSThdT68p+am7MgBNbQ3hphTL9L+xSIsWkdktwhPYLwPgVWqo96jDdRA=="],
+
+    "@vue/babel-plugin-jsx": ["@vue/babel-plugin-jsx@2.0.1", "", { "dependencies": { "@babel/helper-module-imports": "^7.27.1", "@babel/helper-plugin-utils": "^7.27.1", "@babel/plugin-syntax-jsx": "^7.27.1", "@babel/template": "^7.27.2", "@babel/traverse": "^7.28.4", "@babel/types": "^7.28.4", "@vue/babel-helper-vue-transform-on": "2.0.1", "@vue/babel-plugin-resolve-type": "2.0.1", "@vue/shared": "^3.5.22" }, "peerDependencies": { "@babel/core": "^7.0.0-0" }, "optionalPeers": ["@babel/core"] }, "sha512-a8CaLQjD/s4PVdhrLD/zT574ZNPnZBOY+IhdtKWRB4HRZ0I2tXBi5ne7d9eCfaYwp5gU5+4KIyFTV1W1YL9xZA=="],
+
+    "@vue/babel-plugin-resolve-type": ["@vue/babel-plugin-resolve-type@2.0.1", "", { "dependencies": { "@babel/code-frame": "^7.27.1", "@babel/helper-module-imports": "^7.27.1", "@babel/helper-plugin-utils": "^7.27.1", "@babel/parser": "^7.28.4", "@vue/compiler-sfc": "^3.5.22" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-ybwgIuRGRRBhOU37GImDoWQoz+TlSqap65qVI6iwg/J7FfLTLmMf97TS7xQH9I7Qtr/gp161kYVdhr1ZMraSYQ=="],
+
+    "@vue/compiler-core": ["@vue/compiler-core@3.5.39", "", { "dependencies": { "@babel/parser": "^7.29.7", "@vue/shared": "3.5.39", "entities": "^7.0.1", "estree-walker": "^2.0.2", "source-map-js": "^1.2.1" } }, "sha512-16KBTEXAJCpDr0mwlw+AZyhu8iyC7R3S2vBwsI7QnWJU6X3WKc9VKeNEZpiMdZ569qWhz9574L3vV55qRL0Vtw=="],
+
+    "@vue/compiler-dom": ["@vue/compiler-dom@3.5.39", "", { "dependencies": { "@vue/compiler-core": "3.5.39", "@vue/shared": "3.5.39" } }, "sha512-oQPigALqYbNxTNPvNgSOe+czwVExfbVF02lz8jP0S3AXJiu3jxYDygNUiqSep4ezzW8XgnubqH63My2A7JR/vg=="],
+
+    "@vue/compiler-sfc": ["@vue/compiler-sfc@3.5.39", "", { "dependencies": { "@babel/parser": "^7.29.7", "@vue/compiler-core": "3.5.39", "@vue/compiler-dom": "3.5.39", "@vue/compiler-ssr": "3.5.39", "@vue/shared": "3.5.39", "estree-walker": "^2.0.2", "magic-string": "^0.30.21", "postcss": "^8.5.15", "source-map-js": "^1.2.1" } }, "sha512-d0ki86iOyN8LoZPBmk5SJWNwHP19CnDDCfuo//+2WJa2g5Ke0Jay983PIBIcSSzldC68I8DrD5GrHV3OSDfodg=="],
+
+    "@vue/compiler-ssr": ["@vue/compiler-ssr@3.5.39", "", { "dependencies": { "@vue/compiler-dom": "3.5.39", "@vue/shared": "3.5.39" } }, "sha512-Ce7/wvwMHai74bdszfXExdazFigYnlF9zgCmEQUcM1j0fOymlouZ7XilTYNo8oUjhlnjYOZbGrcYKuqjz89Ucw=="],
+
+    "@vue/devtools-core": ["@vue/devtools-core@8.1.5", "", { "dependencies": { "@vue/devtools-kit": "^8.1.5", "@vue/devtools-shared": "^8.1.5" }, "peerDependencies": { "vue": "^3.0.0" } }, "sha512-5e5jQOEssCdZA1wlFEUkIDtb+cAOWuLNWJ52fm4PBWbF7e3oTnM2fneaL42E5lJoolAaUQ678tv/XEb3h4e86Q=="],
+
+    "@vue/devtools-kit": ["@vue/devtools-kit@8.1.5", "", { "dependencies": { "@vue/devtools-shared": "^8.1.5", "birpc": "^2.6.1", "hookable": "^5.5.3", "perfect-debounce": "^2.0.0" } }, "sha512-FcSAxsi4eWuXLCB7Rv9lj0aIVHHPNVQ2BazGf4RJTc2JCqb4BQg0hk87ZFhminCfl+mD5OUI0rX2cgyu4kJOGA=="],
+
+    "@vue/devtools-shared": ["@vue/devtools-shared@8.1.5", "", {}, "sha512-mhT4zcPFhF+Xk1O4BfhhrbXzpmfqY03fS6xGpcllbQG7lDjhQf8pQHcTIhqQIYx1hfwtHmk/6jM96ele0UxPqQ=="],
+
+    "@vue/language-core": ["@vue/language-core@3.3.7", "", { "dependencies": { "@volar/language-core": "2.4.28", "@vue/compiler-dom": "^3.5.0", "@vue/shared": "^3.5.0", "alien-signals": "^3.2.1", "muggle-string": "^0.4.1", "path-browserify": "^1.0.1", "picomatch": "^4.0.4" } }, "sha512-LzmkKinXAMMoh8Jfi/jMUSDUjuPdv8mynH5WJGKfXyZtDw3hQ6GBaoI6Bcnl/Xqlu32q/0Z6i/trp4VXykzyLw=="],
+
+    "@vue/reactivity": ["@vue/reactivity@3.5.39", "", { "dependencies": { "@vue/shared": "3.5.39" } }, "sha512-TpsuBJ9gGlZa5d23XcM2y8EXanz9dZeVDQBXRwzy46ItgvM+rWpzs+UVM0wcRLxGvcav0HE5jz2gNL53xlRAog=="],
+
+    "@vue/runtime-core": ["@vue/runtime-core@3.5.39", "", { "dependencies": { "@vue/reactivity": "3.5.39", "@vue/shared": "3.5.39" } }, "sha512-9GLtNyRvPAUMbX+7ono0RC2j0guo2LXVi8LvcmAooImACUKm0oFf0jjwbX8/H0AE/t1nxhAkn8RSl9PMCzzxZw=="],
+
+    "@vue/runtime-dom": ["@vue/runtime-dom@3.5.39", "", { "dependencies": { "@vue/reactivity": "3.5.39", "@vue/runtime-core": "3.5.39", "@vue/shared": "3.5.39", "csstype": "^3.2.3" } }, "sha512-7Y6aAGboKcXAZ3ECuUy7RrS5yy2r47dhTp2SKaJmYxjopImaVFaNa5Ne66NwGovsrxVAl5S5rwc7m22UG7Lmww=="],
+
+    "@vue/server-renderer": ["@vue/server-renderer@3.5.39", "", { "dependencies": { "@vue/compiler-ssr": "3.5.39", "@vue/shared": "3.5.39" }, "peerDependencies": { "vue": "3.5.39" } }, "sha512-yZSakiAGw85rZfG7UM8akMnIF+FmeiNk47uvHf2nVBBSe+dIKUhZuZq9+XgJhbV3nS5Z4ALH23/MpXofW+mbcw=="],
+
+    "@vue/shared": ["@vue/shared@3.5.39", "", {}, "sha512-l1rrBtBfTnmxvtsvdQDXltUUy8S1Y+ZaqdfUzmAnJkTd8Z8rv5v/ytW+TKiqEOWyHPoqtPlNFSs0lhRmYVSHVA=="],
+
+    "@vue/test-utils": ["@vue/test-utils@2.4.6", "", { "dependencies": { "js-beautify": "^1.14.9", "vue-component-type-helpers": "^2.0.0" } }, "sha512-FMxEjOpYNYiFe0GkaHsnJPXFHxQ6m4t8vI/ElPGpMWxZKpmRvQ33OIrvRXemy6yha03RxhOlQuy+gZMC3CQSow=="],
+
+    "abbrev": ["abbrev@2.0.0", "", {}, "sha512-6/mh1E2u2YgEsCHdY0Yx5oW+61gZU+1vXaoiHHrpKeuRNNgFvS+/jrwHiQhB5apAf5oB7UB7E19ol2R2LKH8hQ=="],
+
+    "abort-controller": ["abort-controller@3.0.0", "", { "dependencies": { "event-target-shim": "^5.0.0" } }, "sha512-h8lQ8tacZYnR3vNQTgibj+tODHI5/+l06Au2Pcriv/Gmet0eaj4TwWH41sO9wnHDiQsEj19q0drzdWdeAHtweg=="],
+
+    "accepts": ["accepts@2.0.0", "", { "dependencies": { "mime-types": "^3.0.0", "negotiator": "^1.0.0" } }, "sha512-5cvg6CtKwfgdmVqY1WIiXKc3Q1bkRqGLi+2W/6ao+6Y7gu/RCwRuAhGEzh5B4KlszSuTLgZYuqFqo5bImjNKng=="],
+
+    "acorn": ["acorn@8.17.0", "", { "bin": { "acorn": "bin/acorn" } }, "sha512-xRQbDb9BnwDafYNn6Vwl839DYVjqXYb1XVGtWAZ1kcDc6iwAL4hg3B1dZlRiuENFeO2H53gFG3in621AdERVAg=="],
+
+    "acorn-import-attributes": ["acorn-import-attributes@1.9.5", "", { "peerDependencies": { "acorn": "^8" } }, "sha512-n02Vykv5uA3eHGM/Z2dQrcD56kL8TyDb2p1+0P83PClMnC/nc+anbQRhIOWnSq4Ke/KvDPrY3C9hDtC/A3eHnQ=="],
+
+    "acorn-jsx": ["acorn-jsx@5.3.2", "", { "peerDependencies": { "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" } }, "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ=="],
+
+    "agent-base": ["agent-base@9.0.0", "", {}, "sha512-TQf59BsZnytt8GdJKLPfUZ54g/iaUL2OWDSFCCvMOhsHduDQxO8xC4PNeyIkVcA5KwL2phPSv0douC0fgWzmnA=="],
+
+    "ai": ["ai@5.0.212", "", { "dependencies": { "@ai-sdk/gateway": "2.0.111", "@ai-sdk/provider": "2.0.3", "@ai-sdk/provider-utils": "3.0.28", "@opentelemetry/api": "1.9.0" }, "peerDependencies": { "zod": "^3.25.76 || ^4.1.8" } }, "sha512-NmSi5BHrQpWNzCeisFqXLWyxyDbERIdvlJ7rNeIk8CB/GUqkKAPoEDn75uTuL3h9SCfFGVW5HTrRE8nX+ydqAg=="],
+
+    "ajv": ["ajv@8.20.0", "", { "dependencies": { "fast-deep-equal": "^3.1.3", "fast-uri": "^3.0.1", "json-schema-traverse": "^1.0.0", "require-from-string": "^2.0.2" } }, "sha512-Thbli+OlOj+iMPYFBVBfJ3OmCAnaSyNn4M1vz9T6Gka5Jt9ba/HIR56joy65tY6kx/FCF5VXNB819Y7/GUrBGA=="],
+
+    "ajv-draft-04": ["ajv-draft-04@1.0.0", "", { "peerDependencies": { "ajv": "^8.5.0" }, "optionalPeers": ["ajv"] }, "sha512-mv00Te6nmYbRp5DCwclxtt7yV/joXJPGS7nM+97GdxvuttCOfgI3K4U25zboyeX0O+myI8ERluxQe5wljMmVIw=="],
+
+    "ajv-formats": ["ajv-formats@3.0.1", "", { "dependencies": { "ajv": "^8.0.0" } }, "sha512-8iUql50EUR+uUcdRQ3HDqa6EVyo3docL8g5WJ3FNcWmu62IbkGUue/pEyLBW8VGKKucTPgqeks4fIU1DA4yowQ=="],
+
+    "ajv-i18n": ["ajv-i18n@4.2.0", "", { "peerDependencies": { "ajv": "^8.0.0-beta.0" } }, "sha512-v/ei2UkCEeuKNXh8RToiFsUclmU+G57LO1Oo22OagNMENIw+Yb8eMwvHu7Vn9fmkjJyv6XclhJ8TbuigSglPkg=="],
+
+    "alien-signals": ["alien-signals@3.2.1", "", {}, "sha512-I8FjmltrfnDFoZedi5CG8DghVYNhzb/Ijluz7tCSJH0xpd0484Kowhbb1XDYOxfJpU1p5wnM2X54dA+IfGyD1g=="],
+
+    "am-i-vibing": ["am-i-vibing@0.4.0", "", { "dependencies": { "process-ancestry": "^0.1.0" }, "bin": { "am-i-vibing": "dist/cli.mjs" } }, "sha512-MxT4XZL7pzLHpuvhDKdMaQHMGGkJDLluKBLsbstn+8wv9sWcFT6h+0ve9qkml95amVTZtZV83gQe2hY+ojgHLg=="],
+
+    "ansi-colors": ["ansi-colors@4.1.3", "", {}, "sha512-/6w/C21Pm1A7aZitlI5Ni/2J6FFQN8i1Cvz3kHABAAbw93v/NlvKdVOqz7CCWz/3iv/JplRSEEZ83XION15ovw=="],
+
+    "ansi-escapes": ["ansi-escapes@7.3.0", "", { "dependencies": { "environment": "^1.0.0" } }, "sha512-BvU8nYgGQBxcmMuEeUEmNTvrMVjJNSH7RgW24vXexN4Ven6qCvy4TntnvlnwnMLTVlcRQQdbRY8NKnaIoeWDNg=="],
+
+    "ansi-regex": ["ansi-regex@6.2.2", "", {}, "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg=="],
+
+    "ansi-styles": ["ansi-styles@4.3.0", "", { "dependencies": { "color-convert": "^2.0.1" } }, "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg=="],
+
+    "ansis": ["ansis@4.3.1", "", {}, "sha512-BJ8/l4R5LRE7hW9WdSuGYrLSHi2ynxeFpDFbH0K/CgNeY/tyhk+vO6TYxXC5r5CpUhNVX310xzPsN/H9lCdfOA=="],
+
+    "any-promise": ["any-promise@1.3.0", "", {}, "sha512-7UvmKalWRt1wgjL1RrGxoSJW/0QZFIegpeGvZG9kjp8vrRu55XTHbwnqq2GpXm9uLbcuhxm3IqX9OB4MZR1b2A=="],
+
+    "anymatch": ["anymatch@3.1.3", "", { "dependencies": { "normalize-path": "^3.0.0", "picomatch": "^2.0.4" } }, "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw=="],
+
+    "argparse": ["argparse@2.0.1", "", {}, "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="],
+
+    "aria-hidden": ["aria-hidden@1.2.6", "", { "dependencies": { "tslib": "^2.0.0" } }, "sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA=="],
+
+    "aria-query": ["aria-query@5.3.1", "", {}, "sha512-Z/ZeOgVl7bcSYZ/u/rh0fOpvEpq//LZmdbkXyc7syVzjPAhfOa9ebsdTSjEBDU4vs5nC98Kfduj1uFo0qyET3g=="],
+
+    "array-buffer-byte-length": ["array-buffer-byte-length@1.0.2", "", { "dependencies": { "call-bound": "^1.0.3", "is-array-buffer": "^3.0.5" } }, "sha512-LHE+8BuR7RYGDKvnrmcuSq3tDcKv9OFEXQt/HpbZhY7V6h0zlUXutnAD82GiFx9rdieCMjkvtcsPqBwgUl1Iiw=="],
+
+    "array-iterate": ["array-iterate@2.0.1", "", {}, "sha512-I1jXZMjAgCMmxT4qxXfPXa6SthSoE8h6gkSI9BGGNv8mP8G/v0blc+qFnZu6K42vTOiuME596QaLO0TP3Lk0xg=="],
+
+    "array-union": ["array-union@2.1.0", "", {}, "sha512-HGyxoOTYUyCM6stUe6EJgnd4EoewAI7zMdfqO+kGjnlZmBDz/cR5pf8r/cR4Wq60sL/p0IkcjUEEPwS3GFrIyw=="],
+
+    "assertion-error": ["assertion-error@2.0.1", "", {}, "sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA=="],
+
+    "ast-kit": ["ast-kit@3.0.0", "", { "dependencies": { "@babel/parser": "^8.0.0", "estree-walker": "^3.0.3", "pathe": "^2.0.3" } }, "sha512-8OG92q3R35qjC/4i6BLBMg8IB+fClWu/1PEwg2Z9Rn+BuNaiEgJzpzn+pxWOdHJWDCAwu2JP0wCDTozAM4QirQ=="],
+
+    "astring": ["astring@1.9.0", "", { "bin": { "astring": "bin/astring" } }, "sha512-LElXdjswlqjWrPpJFg1Fx4wpkOCxj1TDHlSV4PlaRxHGWko024xICaa97ZkMfs6DRKlCguiAI+rbXv5GWwXIkg=="],
+
+    "astro": ["astro@7.0.9", "", { "dependencies": { "@astrojs/compiler-rs": "^0.3.1", "@astrojs/internal-helpers": "0.10.1", "@astrojs/markdown-satteri": "0.3.4", "@astrojs/telemetry": "3.3.3", "@capsizecss/unpack": "^4.0.0", "@clack/prompts": "^1.1.0", "@oslojs/encoding": "^1.1.0", "@rollup/pluginutils": "^5.3.0", "am-i-vibing": "^0.4.0", "aria-query": "^5.3.2", "axobject-query": "^4.1.0", "ci-info": "^4.4.0", "clsx": "^2.1.1", "common-ancestor-path": "^2.0.0", "cookie": "^1.1.1", "devalue": "^5.8.1", "diff": "^8.0.3", "dset": "^3.1.4", "es-module-lexer": "^2.0.0", "esbuild": "^0.28.0", "flattie": "^1.1.1", "fontace": "~0.4.1", "get-tsconfig": "5.0.0-beta.4", "github-slugger": "^2.0.0", "html-escaper": "3.0.3", "http-cache-semantics": "^4.2.0", "js-yaml": "^4.1.1", "jsonc-parser": "^3.3.1", "magic-string": "^0.30.21", "magicast": "^0.5.2", "mrmime": "^2.0.1", "neotraverse": "^0.6.18", "obug": "^2.1.1", "p-limit": "^7.3.0", "p-queue": "^9.1.0", "package-manager-detector": "^1.6.0", "piccolore": "^0.1.3", "picomatch": "^4.0.4", "semver": "^7.7.4", "shiki": "^4.0.2", "smol-toml": "^1.6.0", "svgo": "^4.0.1", "tinyclip": "^0.1.12", "tinyexec": "^1.0.4", "tinyglobby": "^0.2.15", "ultrahtml": "^1.6.0", "unifont": "~0.7.4", "unstorage": "^1.17.5", "vite": "^8.0.13", "vitefu": "^1.1.2", "xxhash-wasm": "^1.1.0", "yargs-parser": "^22.0.0", "zod": "^4.3.6" }, "optionalDependencies": { "sharp": "^0.34.0 || ^0.35.0" }, "peerDependencies": { "@astrojs/markdown-remark": "7.2.1" }, "optionalPeers": ["@astrojs/markdown-remark"], "bin": { "astro": "./bin/astro.mjs" } }, "sha512-WB5pA4LLQnmqjBh6EIu0z8aUV4q2/AoThgSZq57Rsp+oqqvPu7OwZ5eF+W4ku20TUTxIhiJW8dccuGvJPiW2UA=="],
+
+    "async": ["async@3.2.6", "", {}, "sha512-htCUDlxyyCLMgaM3xXg0C0LW2xqfuQ6p05pCEIsXuyQ+a1koYKTuBMzRNwmybfLgvJDMd0r1LTn4+E0Ti6C2AA=="],
+
+    "async-sema": ["async-sema@3.1.1", "", {}, "sha512-tLRNUXati5MFePdAk8dw7Qt7DpxPB60ofAgn8WRhW6a2rcimZnYBP9oxHiv0OHy+Wz7kPMG+t4LGdt31+4EmGg=="],
+
+    "available-typed-arrays": ["available-typed-arrays@1.0.7", "", { "dependencies": { "possible-typed-array-names": "^1.0.0" } }, "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ=="],
+
+    "axobject-query": ["axobject-query@4.1.0", "", {}, "sha512-qIj0G9wZbMGNLjLmg1PT6v2mE9AH2zlnADJD/2tC6E00hgmhUOfEB6greHPAfLRSufHqROIUTkw6E+M3lH0PTQ=="],
+
+    "babel-plugin-jsx-dom-expressions": ["babel-plugin-jsx-dom-expressions@0.40.7", "", { "dependencies": { "@babel/helper-module-imports": "7.18.6", "@babel/plugin-syntax-jsx": "^7.18.6", "@babel/types": "^7.20.7", "html-entities": "2.3.3", "parse5": "^7.1.2" }, "peerDependencies": { "@babel/core": "^7.20.12" } }, "sha512-/O6JWUmjv03OI9lL2ry9bUjpD5S3PclM55RRJEyCdcFZ5W2SEA/59d+l2hNsk3gI6kiWRdRPdOtqZmsQzFN1pQ=="],
+
+    "babel-plugin-react-compiler": ["babel-plugin-react-compiler@1.0.0", "", { "dependencies": { "@babel/types": "^7.26.0" } }, "sha512-Ixm8tFfoKKIPYdCCKYTsqv+Fd4IJ0DQqMyEimo+pxUOMUR9cVPlwTrFt9Avu+3cb6Zp3mAzl+t1MrG2fxxKsxw=="],
+
+    "babel-plugin-transform-hook-names": ["babel-plugin-transform-hook-names@1.0.2", "", { "peerDependencies": { "@babel/core": "^7.12.10" } }, "sha512-5gafyjyyBTTdX/tQQ0hRgu4AhNHG/hqWi0ZZmg2xvs2FgRkJXzDNKBZCyoYqgFkovfDrgM8OoKg8karoUvWeCw=="],
+
+    "babel-preset-solid": ["babel-preset-solid@1.9.12", "", { "dependencies": { "babel-plugin-jsx-dom-expressions": "^0.40.6" }, "peerDependencies": { "@babel/core": "^7.0.0", "solid-js": "^1.9.12" }, "optionalPeers": ["solid-js"] }, "sha512-LLqnuKVDlKpyBlMPcH6qEvs/wmS9a+NczppxJ3ryS/c0O5IiSFOIBQi9GzyiGDSbcJpx4Gr87jyFTos1MyEuWg=="],
+
+    "bail": ["bail@2.0.2", "", {}, "sha512-0xO6mYd7JB2YesxDKplafRpsiOzPt9V02ddPCLbY1xYGPOX24NTyN50qnUxgCPcSoYMhKpAuBTjQoRZCAkUDRw=="],
+
+    "balanced-match": ["balanced-match@4.0.4", "", {}, "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA=="],
+
+    "base64-js": ["base64-js@1.5.1", "", {}, "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA=="],
+
+    "baseline-browser-mapping": ["baseline-browser-mapping@2.10.42", "", { "bin": { "baseline-browser-mapping": "dist/cli.cjs" } }, "sha512-c/jurFrDLyui7o1J86yLkRu4LMsTYcBohveus7/I2Hzdn9KIP2bdJPTue/lR1KH46enoPbD77GKeSYNdyPoD3Q=="],
 
     "beasties": ["beasties@0.4.2", "", { "dependencies": { "css-select": "^6.0.0", "css-what": "^7.0.0", "dom-serializer": "^2.0.0", "domhandler": "^5.0.3", "htmlparser2": "^10.0.0", "picocolors": "^1.1.1", "postcss": "^8.4.49", "postcss-media-query-parser": "^0.2.3", "postcss-safe-parser": "^7.0.1" } }, "sha512-NvcGjG/7AVUAfRbvrJmHunDQS9uHnE6Q/7AkaPr8oKE8HjOlpjRG5075z/th2Tmlezk3VlaaS8+X9I1RwHJMQw=="],
 
@@ -914,6 +1480,8 @@
 
     "bl": ["bl@4.1.0", "", { "dependencies": { "buffer": "^5.5.0", "inherits": "^2.0.4", "readable-stream": "^3.4.0" } }, "sha512-1W07cM9gS6DcLperZfFSj+bWLtaPGSOHWhPiGzXmvVJbRLdG82sH/Kn8EtW1VqWVA54AKf2h5k5BbnIbwF3h6w=="],
 
+    "blume": ["blume@1.0.4", "", { "dependencies": { "@astrojs/check": "^0.9.0", "@astrojs/markdown-satteri": "^0.3.2", "@astrojs/mdx": "^7.0.0", "@astrojs/node": "^11.0.0", "@astrojs/react": "^6.0.0", "@astrojs/vercel": "^11.0.0", "@clack/prompts": "^1.7.0", "@iconify-json/lucide": "^1.2.115", "@iconify/types": "^2.0.0", "@iconify/utils": "^3.1.3", "@modelcontextprotocol/sdk": "^1.29.0", "@orama/orama": "^3.1.18", "@pierre/diffs": "^1.2.11", "@scalar/astro": "^0.4.5", "@scalar/openapi-parser": "^0.28.8", "@scalar/openapi-types": "^0.9.1", "@shikijs/transformers": "^4.2.0", "@shikijs/twoslash": "^4.2.0", "@tailwindcss/typography": "^0.5.20", "@tailwindcss/vite": "^4", "@takumi-rs/core": "^1.8.7", "@takumi-rs/helpers": "^1.8.7", "@vercel/analytics": "^2.0.1", "ai": "^5.0.0", "astro": "^7.0.2", "babel-plugin-react-compiler": "^1.0.0", "citty": "^0.1.6", "consola": "^3.4.0", "dompurify": "^3.4.11", "epub-gen-memory": "^1.1.2", "github-slugger": "^2.0.0", "gray-matter": "^4.0.3", "jiti": "^2.4.0", "js-yaml": "^4.1.0", "katex": "^0.17.0", "marked": "^18.0.5", "mermaid": "^11.15.0", "pagefind": "^1.3.0", "pathe": "^2.0.0", "react": "^19.0.0", "react-dom": "^19.0.0", "satteri": "^0.9.5", "shiki": "^4.2.0", "simple-icons": "^13.0.0", "tailwindcss": "^4", "tinyglobby": "^0.2.10", "typescript": "^6.0.3", "undici": "^8.6.0", "zod": "^3.24.0" }, "peerDependencies": { "@ai-sdk/openai-compatible": "^1.0.41", "@astrojs/cloudflare": "^14.0.0", "@astrojs/netlify": "^8.0.0", "@astrojs/svelte": "^9.0.0", "@astrojs/vue": "^7.0.0", "@mixedbread/sdk": "^0.76.0", "@notionhq/client": "^2.2.15", "@openrouter/ai-sdk-provider": "^1.5.4", "@oramacloud/client": "^2.1.0", "@sanity/client": "^6.21.0", "algoliasearch": "^5.55.0", "flexsearch": "^0.8.0", "typesense": "^3.0.0" }, "optionalPeers": ["@ai-sdk/openai-compatible", "@astrojs/cloudflare", "@astrojs/netlify", "@astrojs/svelte", "@astrojs/vue", "@mixedbread/sdk", "@notionhq/client", "@openrouter/ai-sdk-provider", "@oramacloud/client", "@sanity/client", "algoliasearch", "flexsearch", "typesense"], "bin": { "blume": "bin/blume.mjs" } }, "sha512-sJmmm3MJ1am+4ubZPXlrgE4rx4vn+N92Aqyo9zxDL5+T4a3w5Hpv0FqxF3iMlv6qYOHp+Ts7d72rx348SePxSg=="],
+
     "body-parser": ["body-parser@2.3.0", "", { "dependencies": { "bytes": "^3.1.2", "content-type": "^2.0.0", "debug": "^4.4.3", "http-errors": "^2.0.1", "iconv-lite": "^0.7.2", "on-finished": "^2.4.1", "qs": "^6.15.2", "raw-body": "^3.0.2", "type-is": "^2.1.0" } }, "sha512-2cGmJupaNgg+QUwVLAucDuWuoMZ6EX9iHDRswZ5lsNYEmwPaRknMPCLZz07yTzVq/83p4o/wzbDZbBrTvGGTIw=="],
 
     "boolbase": ["boolbase@1.0.0", "", {}, "sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww=="],
@@ -930,6 +1498,8 @@
 
     "bun-types": ["bun-types@1.3.14", "", { "dependencies": { "@types/node": "*" } }, "sha512-4N0ig0fEomHt5R0KCFWjovxow98rIoRwKolrYdCcknNwMekCXRnWEUvgu5soYV8QXtVsrUD8B95MBOZGPvr6KQ=="],
 
+    "bundle-name": ["bundle-name@4.1.0", "", { "dependencies": { "run-applescript": "^7.0.0" } }, "sha512-tjwM5exMg6BGRI+kNmTntNsvdZS1X8BFYS6tnJ2hdH0kVxM6/eVZ2xy+FqStSWvYmtfFMDLIxurorHwDKfDz5Q=="],
+
     "bytes": ["bytes@3.1.2", "", {}, "sha512-/Nf7TyzTx6S3yRJObOAV7956r8cr2+Oj8AC5dt8wSP3BQAoeX58NoHyCU8P8zGkNXStjTSi6fzO6F0pBdcYbEg=="],
 
     "bytes-iec": ["bytes-iec@3.1.1", "", {}, "sha512-fey6+4jDK7TFtFg/klGSvNKJctyU7n2aQdnM+CO0ruLPbqqMOM8Tio0Pc+deqUeVKX1tL5DQep1zQ7+37aTAsA=="],
@@ -942,20 +1512,36 @@
 
     "call-bound": ["call-bound@1.0.4", "", { "dependencies": { "call-bind-apply-helpers": "^1.0.2", "get-intrinsic": "^1.3.0" } }, "sha512-+ys997U96po4Kx/ABpBCqhA9EuxJaQWDQg7295H4hBphv3IZg0boBKuwYpt4YXp6MZ5AmZQnU/tyMTlRpaSejg=="],
 
+    "callsites": ["callsites@3.1.0", "", {}, "sha512-P8BjAsXvZS+VIDUI11hHCQEv74YT67YUi5JJFNWIqL235sBmjX4+qx9Muvls5ivyNENctx46xQLQ3aTuE7ssaQ=="],
+
     "caniuse-lite": ["caniuse-lite@1.0.30001803", "", {}, "sha512-g/uHREV2ZpK9qMalCsWaxmA6ol+DX8GYhuf3T40RKoP+oL7vhRJh8LNt73PCjpnR6l14FzfPrB5Yux4PKm2meg=="],
 
+    "ccount": ["ccount@2.0.1", "", {}, "sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg=="],
+
     "chai": ["chai@6.2.2", "", {}, "sha512-NUPRluOfOiTKBKvWPtSD4PhFvWCqOi0BGStNWs57X9js7XGTprSmFoz5F0tWhR4WPjNeR9jXqdC7/UpSJTnlRg=="],
 
     "chalk": ["chalk@4.1.2", "", { "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" } }, "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA=="],
 
     "char-regex": ["char-regex@1.0.2", "", {}, "sha512-kWWXztvZ5SBQV+eRgKFeh8q5sLuZY2+8WUIzlxWVTg+oGwY14qylx1KbKzHd8P6ZYkAg0xyIDU9JMHhyJMZ1jw=="],
 
+    "character-entities": ["character-entities@2.0.2", "", {}, "sha512-shx7oQ0Awen/BRIdkjkvz54PnEEI/EjwXDSIZp86/KKdbafHh1Df/RYGBhn4hbe2+uKC9FnT5UCEdyPz3ai9hQ=="],
+
+    "character-entities-html4": ["character-entities-html4@2.1.0", "", {}, "sha512-1v7fgQRj6hnSwFpq1Eu0ynr/CDEw0rXo2B61qXrLNdHZmPKgb7fqS1a2JwF0rISo9q77jDI8VMEHoApn8qDoZA=="],
+
+    "character-entities-legacy": ["character-entities-legacy@3.0.0", "", {}, "sha512-RpPp0asT/6ufRm//AJVwpViZbGM/MkjQFxJccQRHmISF/22NBtsHqAWmL+/pmkPWoIUJdWyeVleTl1wydHATVQ=="],
+
+    "character-reference-invalid": ["character-reference-invalid@2.0.1", "", {}, "sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw=="],
+
     "chardet": ["chardet@2.2.0", "", {}, "sha512-rddelWYNPRrXq6PtNEN2S3f6t9ILzvqaN5pVgi4kqt9jHQaXIial9PznB5iSPVlQSLNaaH22ItWz3EJtQ10+OA=="],
 
     "chokidar": ["chokidar@5.0.0", "", { "dependencies": { "readdirp": "^5.0.0" } }, "sha512-TQMmc3w+5AxjpL8iIiwebF73dRDF4fBIieAqGn9RGCWaEVwQ6Fb2cGe31Yns0RRIzii5goJ1Y7xbMwo1TxMplw=="],
 
     "chownr": ["chownr@1.1.4", "", {}, "sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg=="],
 
+    "ci-info": ["ci-info@4.4.0", "", {}, "sha512-77PSwercCZU2Fc4sX94eF8k8Pxte6JAwL4/ICZLFjJLqegs7kCuAsqqj/70NQF6TvDpgFjkubQB2FW2ZZddvQg=="],
+
+    "citty": ["citty@0.1.6", "", { "dependencies": { "consola": "^3.2.3" } }, "sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ=="],
+
     "cjs-module-lexer": ["cjs-module-lexer@1.4.3", "", {}, "sha512-9z8TZaGM1pfswYeXrUpzPrkx8UnWYdhJclsiYMm6x/w5+nN+8Tf/LnAgfLGQCm59qAOxU8WwHEq2vNwF6i4j+Q=="],
 
     "cli-cursor": ["cli-cursor@5.0.0", "", { "dependencies": { "restore-cursor": "^5.0.0" } }, "sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw=="],
@@ -970,74 +1556,190 @@
 
     "cli-width": ["cli-width@4.1.0", "", {}, "sha512-ouuZd4/dm2Sw5Gmqy6bGyNNNe1qt9RpmxveLSO7KcgsTnU7RXfsw+/bukWGo1abgBiMAic068rclZsO4IWmmxQ=="],
 
+    "client-only": ["client-only@0.0.1", "", {}, "sha512-IV3Ou0jSMzZrd3pZ48nLkT9DA7Ag1pnPzaiQhpW7c3RbcqqzvzzVu+L8gfqMp/8IM2MQtSiqaCxrrcfu8I8rMA=="],
+
     "cliui": ["cliui@9.0.1", "", { "dependencies": { "string-width": "^7.2.0", "strip-ansi": "^7.1.0", "wrap-ansi": "^9.0.0" } }, "sha512-k7ndgKhwoQveBL+/1tqGJYNz097I7WOvwbmmU2AR5+magtbjPWQTS1C5vzGkBC8Ym8UWRzfKUzUUqFLypY4Q+w=="],
 
     "clsx": ["clsx@2.1.1", "", {}, "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA=="],
 
     "code-block-writer": ["code-block-writer@12.0.0", "", {}, "sha512-q4dMFMlXtKR3XNBHyMHt/3pwYNA69EDk00lloMOaaUMKPUXBw6lpXtbu3MMVG6/uOihGnRDOlkyqsONEUj60+w=="],
 
+    "collapse-white-space": ["collapse-white-space@2.1.0", "", {}, "sha512-loKTxY1zCOuG4j9f6EPnuyyYkf58RnhhWTvRoZEokgB+WbdXehfjFviyOVYkqzEWz1Q5kRiZdBYS5SwxbQYwzw=="],
+
     "color-convert": ["color-convert@2.0.1", "", { "dependencies": { "color-name": "~1.1.4" } }, "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ=="],
 
     "color-name": ["color-name@1.1.4", "", {}, "sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA=="],
 
+    "comma-separated-tokens": ["comma-separated-tokens@2.0.3", "", {}, "sha512-Fu4hJdvzeylCfQPp9SGWidpzrMs7tTrlu6Vb8XGaRGck8QSNZJJp538Wrb60Lax4fPwR64ViY468OIUTbRlGZg=="],
+
     "commander": ["commander@10.0.1", "", {}, "sha512-y4Mg2tXshplEbSGzx7amzPwKKOCGuoSRP/CjEdwwk0FOGlUbq6lKuoyDZTNZkmxHdJtp54hdfY/JUrdL7Xfdug=="],
 
+    "common-ancestor-path": ["common-ancestor-path@2.0.0", "", {}, "sha512-dnN3ibLeoRf2HNC+OlCiNc5d2zxbLJXOtiZUudNFSXZrNSydxcCsSpRzXwfu7BBWCIfHPw+xTayeBvJCP/D8Ng=="],
+
     "config-chain": ["config-chain@1.1.13", "", { "dependencies": { "ini": "^1.3.4", "proto-list": "~1.2.1" } }, "sha512-qj+f8APARXHrM0hraqXYb2/bOVSV4PvJQlNZ/DVj0QrmNM2q2euizkeuVckQ57J+W0mRH6Hvi+k50M4Jul2VRQ=="],
 
+    "consola": ["consola@3.4.2", "", {}, "sha512-5IKcdX0nnYavi6G7TtOhwkYzyjfJlatbjMjuLSfE2kYT5pMDOilZ4OvMhi637CcDICTmz3wARPoyhqyX1Y+XvA=="],
+
     "content-disposition": ["content-disposition@1.1.0", "", {}, "sha512-5jRCH9Z/+DRP7rkvY83B+yGIGX96OYdJmzngqnw2SBSxqCFPd0w2km3s5iawpGX8krnwSGmF0FW5Nhr0Hfai3g=="],
 
     "content-type": ["content-type@1.0.5", "", {}, "sha512-nTjqfcBFEipKdXCv4YDQWCfmcLZKm81ldF0pAopTvyrFGVbcR6P/VAAd5G7N+0tTr8QqiU0tFadD6FK4NtJwOA=="],
 
     "convert-source-map": ["convert-source-map@1.9.0", "", {}, "sha512-ASFBup0Mz1uyiIjANan1jzLQami9z1PoYSZCiiYW2FczPbenXc45FZdBZLzOT+r6+iciuEModtmCti+hjaAk0A=="],
 
-    "cookie": ["cookie@0.7.2", "", {}, "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w=="],
+    "cookie": ["cookie@1.1.1", "", {}, "sha512-ei8Aos7ja0weRpFzJnEA9UHJ/7XQmqglbRwnf2ATjcB9Wq874VKH9kfjjirM6UhU2/E5fFYadylyhFldcqSidQ=="],
+
+    "cookie-es": ["cookie-es@1.2.3", "", {}, "sha512-lXVyvUvrNXblMqzIRrxHb57UUVmqsSWlxqt3XIjCkUP0wDAf6uicO6KMbEgYrMNtEvWgWHwe42CKxPu9MYAnWw=="],
 
     "cookie-signature": ["cookie-signature@1.2.2", "", {}, "sha512-D76uU73ulSXrD1UXF4KE2TMxVVwhsnCgfAyTg9k8P6KGZjlXKrOLe4dJQKI3Bxi5wjesZoFXJWElNWBjPZMbhg=="],
 
+    "core-util-is": ["core-util-is@1.0.3", "", {}, "sha512-ZQBvi1DcpJ4GDqanjucZ2Hj3wEO5pZDS89BWbkcrvdxksJorwUDDZamX9ldFkp9aw2lmBDLgkObEA4DWNJ9FYQ=="],
+
     "cors": ["cors@2.8.6", "", { "dependencies": { "object-assign": "^4", "vary": "^1" } }, "sha512-tJtZBBHA6vjIAaF6EnIaq6laBBP9aq/Y3ouVJjEfoHbRBcHBAHYcMh/w8LDrk2PvIMMq8gmopa5D4V8RmbrxGw=="],
 
+    "cose-base": ["cose-base@1.0.3", "", { "dependencies": { "layout-base": "^1.0.0" } }, "sha512-s9whTXInMSgAp/NVXVNuVxVKzGH2qck3aQlVHxDCdAEPgtMKwc4Wq6/QKhgdEdgbLSi9rBTAcPoRa6JpiG4ksg=="],
+
     "cross-spawn": ["cross-spawn@7.0.6", "", { "dependencies": { "path-key": "^3.1.0", "shebang-command": "^2.0.0", "which": "^2.0.1" } }, "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA=="],
 
+    "crossws": ["crossws@0.3.5", "", { "dependencies": { "uncrypto": "^0.1.3" } }, "sha512-ojKiDvcmByhwa8YYqbQI/hg7MEU0NC03+pSdEq4ZUnZR9xXpwk7E43SMNGkn+JxJGPFtNvQ48+vV2p+P1ml5PA=="],
+
     "css-select": ["css-select@6.0.0", "", { "dependencies": { "boolbase": "^1.0.0", "css-what": "^7.0.0", "domhandler": "^5.0.3", "domutils": "^3.2.2", "nth-check": "^2.1.1" } }, "sha512-rZZVSLle8v0+EY8QAkDWrKhpgt6SA5OtHsgBnsj6ZaLb5dmDVOWUDtQitd9ydxxvEjhewNudS6eTVU7uOyzvXw=="],
 
     "css-tree": ["css-tree@3.2.1", "", { "dependencies": { "mdn-data": "2.27.1", "source-map-js": "^1.2.1" } }, "sha512-X7sjQzceUhu1u7Y/ylrRZFU2FS6LRiFVp6rKLPg23y3x3c3DOKAwuXGDp+PAGjh6CSnCjYeAul8pcT8bAl+lSA=="],
 
     "css-what": ["css-what@7.0.0", "", {}, "sha512-wD5oz5xibMOPHzy13CyGmogB3phdvcDaB5t0W/Nr5Z2O/agcB8YwOz6e2Lsp10pNDzBoDO9nVa3RGs/2BttpHQ=="],
 
+    "cssesc": ["cssesc@3.0.0", "", { "bin": { "cssesc": "bin/cssesc" } }, "sha512-/Tb/JcjK111nNScGob5MNtsntNM1aCNUDipB/TkwZFhyDrrE47SOx/18wF2bbjgc3ZzCSKW1T5nt5EbFoAz/Vg=="],
+
+    "csso": ["csso@5.0.5", "", { "dependencies": { "css-tree": "~2.2.0" } }, "sha512-0LrrStPOdJj+SPCCrGhzryycLjwcgUSHBtxNA8aIDxf0GLsRh1cKYhB00Gd1lDOS4yGH69+SNn13+TWbVHETFQ=="],
+
     "csstype": ["csstype@3.2.3", "", {}, "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ=="],
 
+    "cytoscape": ["cytoscape@3.34.0", "", {}, "sha512-62rNSrioXw93uliKFBwjukeQyeWwH2PqDrTac31r2P6464u3AUvTk0xS4LVvT251g7IgkFunrI48ZEZGjywSOg=="],
+
+    "cytoscape-cose-bilkent": ["cytoscape-cose-bilkent@4.1.0", "", { "dependencies": { "cose-base": "^1.0.0" }, "peerDependencies": { "cytoscape": "^3.2.0" } }, "sha512-wgQlVIUJF13Quxiv5e1gstZ08rnZj2XaLHGoFMYXz7SkNfCDOOteKBE6SYRfA9WxxI/iBc3ajfDoc6hb/MRAHQ=="],
+
+    "cytoscape-fcose": ["cytoscape-fcose@2.2.0", "", { "dependencies": { "cose-base": "^2.2.0" }, "peerDependencies": { "cytoscape": "^3.2.0" } }, "sha512-ki1/VuRIHFCzxWNrsshHYPs6L7TvLu3DL+TyIGEsRcvVERmxokbf5Gdk7mFxZnTdiGtnA4cfSmjZJMviqSuZrQ=="],
+
+    "d3": ["d3@7.9.0", "", { "dependencies": { "d3-array": "3", "d3-axis": "3", "d3-brush": "3", "d3-chord": "3", "d3-color": "3", "d3-contour": "4", "d3-delaunay": "6", "d3-dispatch": "3", "d3-drag": "3", "d3-dsv": "3", "d3-ease": "3", "d3-fetch": "3", "d3-force": "3", "d3-format": "3", "d3-geo": "3", "d3-hierarchy": "3", "d3-interpolate": "3", "d3-path": "3", "d3-polygon": "3", "d3-quadtree": "3", "d3-random": "3", "d3-scale": "4", "d3-scale-chromatic": "3", "d3-selection": "3", "d3-shape": "3", "d3-time": "3", "d3-time-format": "4", "d3-timer": "3", "d3-transition": "3", "d3-zoom": "3" } }, "sha512-e1U46jVP+w7Iut8Jt8ri1YsPOvFpg46k+K8TpCb0P+zjCkjkPnV7WzfDJzMHy1LnA+wj5pLT1wjO901gLXeEhA=="],
+
+    "d3-array": ["d3-array@3.2.4", "", { "dependencies": { "internmap": "1 - 2" } }, "sha512-tdQAmyA18i4J7wprpYq8ClcxZy3SC31QMeByyCFyRt7BVHdREQZ5lpzoe5mFEYZUWe+oq8HBvk9JjpibyEV4Jg=="],
+
+    "d3-axis": ["d3-axis@3.0.0", "", {}, "sha512-IH5tgjV4jE/GhHkRV0HiVYPDtvfjHQlQfJHs0usq7M30XcSBvOotpmH1IgkcXsO/5gEQZD43B//fc7SRT5S+xw=="],
+
+    "d3-brush": ["d3-brush@3.0.0", "", { "dependencies": { "d3-dispatch": "1 - 3", "d3-drag": "2 - 3", "d3-interpolate": "1 - 3", "d3-selection": "3", "d3-transition": "3" } }, "sha512-ALnjWlVYkXsVIGlOsuWH1+3udkYFI48Ljihfnh8FZPF2QS9o+PzGLBslO0PjzVoHLZ2KCVgAM8NVkXPJB2aNnQ=="],
+
+    "d3-chord": ["d3-chord@3.0.1", "", { "dependencies": { "d3-path": "1 - 3" } }, "sha512-VE5S6TNa+j8msksl7HwjxMHDM2yNK3XCkusIlpX5kwauBfXuyLAtNg9jCp/iHH61tgI4sb6R/EIMWCqEIdjT/g=="],
+
+    "d3-color": ["d3-color@3.1.0", "", {}, "sha512-zg/chbXyeBtMQ1LbD/WSoW2DpC3I0mpmPdW+ynRTj/x2DAWYrIY7qeZIHidozwV24m4iavr15lNwIwLxRmOxhA=="],
+
+    "d3-contour": ["d3-contour@4.0.2", "", { "dependencies": { "d3-array": "^3.2.0" } }, "sha512-4EzFTRIikzs47RGmdxbeUvLWtGedDUNkTcmzoeyg4sP/dvCexO47AaQL7VKy/gul85TOxw+IBgA8US2xwbToNA=="],
+
+    "d3-delaunay": ["d3-delaunay@6.0.4", "", { "dependencies": { "delaunator": "5" } }, "sha512-mdjtIZ1XLAM8bm/hx3WwjfHt6Sggek7qH043O8KEjDXN40xi3vx/6pYSVTwLjEgiXQTbvaouWKynLBiUZ6SK6A=="],
+
+    "d3-dispatch": ["d3-dispatch@3.0.1", "", {}, "sha512-rzUyPU/S7rwUflMyLc1ETDeBj0NRuHKKAcvukozwhshr6g6c5d8zh4c2gQjY2bZ0dXeGLWc1PF174P2tVvKhfg=="],
+
+    "d3-drag": ["d3-drag@3.0.0", "", { "dependencies": { "d3-dispatch": "1 - 3", "d3-selection": "3" } }, "sha512-pWbUJLdETVA8lQNJecMxoXfH6x+mO2UQo8rSmZ+QqxcbyA3hfeprFgIT//HW2nlHChWeIIMwS2Fq+gEARkhTkg=="],
+
+    "d3-dsv": ["d3-dsv@3.0.1", "", { "dependencies": { "commander": "7", "iconv-lite": "0.6", "rw": "1" }, "bin": { "csv2json": "bin/dsv2json.js", "csv2tsv": "bin/dsv2dsv.js", "dsv2dsv": "bin/dsv2dsv.js", "dsv2json": "bin/dsv2json.js", "json2csv": "bin/json2dsv.js", "json2dsv": "bin/json2dsv.js", "json2tsv": "bin/json2dsv.js", "tsv2csv": "bin/dsv2dsv.js", "tsv2json": "bin/dsv2json.js" } }, "sha512-UG6OvdI5afDIFP9w4G0mNq50dSOsXHJaRE8arAS5o9ApWnIElp8GZw1Dun8vP8OyHOZ/QJUKUJwxiiCCnUwm+Q=="],
+
+    "d3-ease": ["d3-ease@3.0.1", "", {}, "sha512-wR/XK3D3XcLIZwpbvQwQ5fK+8Ykds1ip7A2Txe0yxncXSdq1L9skcG7blcedkOX+ZcgxGAmLX1FrRGbADwzi0w=="],
+
+    "d3-fetch": ["d3-fetch@3.0.1", "", { "dependencies": { "d3-dsv": "1 - 3" } }, "sha512-kpkQIM20n3oLVBKGg6oHrUchHM3xODkTzjMoj7aWQFq5QEM+R6E4WkzT5+tojDY7yjez8KgCBRoj4aEr99Fdqw=="],
+
+    "d3-force": ["d3-force@3.0.0", "", { "dependencies": { "d3-dispatch": "1 - 3", "d3-quadtree": "1 - 3", "d3-timer": "1 - 3" } }, "sha512-zxV/SsA+U4yte8051P4ECydjD/S+qeYtnaIyAs9tgHCqfguma/aAQDjo85A9Z6EKhBirHRJHXIgJUlffT4wdLg=="],
+
+    "d3-format": ["d3-format@3.1.2", "", {}, "sha512-AJDdYOdnyRDV5b6ArilzCPPwc1ejkHcoyFarqlPqT7zRYjhavcT3uSrqcMvsgh2CgoPbK3RCwyHaVyxYcP2Arg=="],
+
+    "d3-geo": ["d3-geo@3.1.1", "", { "dependencies": { "d3-array": "2.5.0 - 3" } }, "sha512-637ln3gXKXOwhalDzinUgY83KzNWZRKbYubaG+fGVuc/dxO64RRljtCTnf5ecMyE1RIdtqpkVcq0IbtU2S8j2Q=="],
+
+    "d3-hierarchy": ["d3-hierarchy@3.1.2", "", {}, "sha512-FX/9frcub54beBdugHjDCdikxThEqjnR93Qt7PvQTOHxyiNCAlvMrHhclk3cD5VeAaq9fxmfRp+CnWw9rEMBuA=="],
+
+    "d3-interpolate": ["d3-interpolate@3.0.1", "", { "dependencies": { "d3-color": "1 - 3" } }, "sha512-3bYs1rOD33uo8aqJfKP3JWPAibgw8Zm2+L9vBKEHJ2Rg+viTR7o5Mmv5mZcieN+FRYaAOWX5SJATX6k1PWz72g=="],
+
+    "d3-path": ["d3-path@3.1.0", "", {}, "sha512-p3KP5HCf/bvjBSSKuXid6Zqijx7wIfNW+J/maPs+iwR35at5JCbLUT0LzF1cnjbCHWhqzQTIN2Jpe8pRebIEFQ=="],
+
+    "d3-polygon": ["d3-polygon@3.0.1", "", {}, "sha512-3vbA7vXYwfe1SYhED++fPUQlWSYTTGmFmQiany/gdbiWgU/iEyQzyymwL9SkJjFFuCS4902BSzewVGsHHmHtXg=="],
+
+    "d3-quadtree": ["d3-quadtree@3.0.1", "", {}, "sha512-04xDrxQTDTCFwP5H6hRhsRcb9xxv2RzkcsygFzmkSIOJy3PeRJP7sNk3VRIbKXcog561P9oU0/rVH6vDROAgUw=="],
+
+    "d3-random": ["d3-random@3.0.1", "", {}, "sha512-FXMe9GfxTxqd5D6jFsQ+DJ8BJS4E/fT5mqqdjovykEB2oFbTMDVdg1MGFxfQW+FBOGoB++k8swBrgwSHT1cUXQ=="],
+
+    "d3-sankey": ["d3-sankey@0.12.3", "", { "dependencies": { "d3-array": "1 - 2", "d3-shape": "^1.2.0" } }, "sha512-nQhsBRmM19Ax5xEIPLMY9ZmJ/cDvd1BG3UVvt5h3WRxKg5zGRbvnteTyWAbzeSvlh3tW7ZEmq4VwR5mB3tutmQ=="],
+
+    "d3-scale": ["d3-scale@4.0.2", "", { "dependencies": { "d3-array": "2.10.0 - 3", "d3-format": "1 - 3", "d3-interpolate": "1.2.0 - 3", "d3-time": "2.1.1 - 3", "d3-time-format": "2 - 4" } }, "sha512-GZW464g1SH7ag3Y7hXjf8RoUuAFIqklOAq3MRl4OaWabTFJY9PN/E1YklhXLh+OQ3fM9yS2nOkCoS+WLZ6kvxQ=="],
+
+    "d3-scale-chromatic": ["d3-scale-chromatic@3.1.0", "", { "dependencies": { "d3-color": "1 - 3", "d3-interpolate": "1 - 3" } }, "sha512-A3s5PWiZ9YCXFye1o246KoscMWqf8BsD9eRiJ3He7C9OBaxKhAd5TFCdEx/7VbKtxxTsu//1mMJFrEt572cEyQ=="],
+
+    "d3-selection": ["d3-selection@3.0.0", "", {}, "sha512-fmTRWbNMmsmWq6xJV8D19U/gw/bwrHfNXxrIN+HfZgnzqTHp9jOmKMhsTUjXOJnZOdZY9Q28y4yebKzqDKlxlQ=="],
+
+    "d3-shape": ["d3-shape@3.2.0", "", { "dependencies": { "d3-path": "^3.1.0" } }, "sha512-SaLBuwGm3MOViRq2ABk3eLoxwZELpH6zhl3FbAoJ7Vm1gofKx6El1Ib5z23NUEhF9AsGl7y+dzLe5Cw2AArGTA=="],
+
+    "d3-time": ["d3-time@3.1.0", "", { "dependencies": { "d3-array": "2 - 3" } }, "sha512-VqKjzBLejbSMT4IgbmVgDjpkYrNWUYJnbCGo874u7MMKIWsILRX+OpX/gTk8MqjpT1A/c6HY2dCA77ZN0lkQ2Q=="],
+
+    "d3-time-format": ["d3-time-format@4.1.0", "", { "dependencies": { "d3-time": "1 - 3" } }, "sha512-dJxPBlzC7NugB2PDLwo9Q8JiTR3M3e4/XANkreKSUxF8vvXKqm1Yfq4Q5dl8budlunRVlUUaDUgFt7eA8D6NLg=="],
+
+    "d3-timer": ["d3-timer@3.0.1", "", {}, "sha512-ndfJ/JxxMd3nw31uyKoY2naivF+r29V+Lc0svZxe1JvvIRmi8hUsrMvdOwgS1o6uBHmiz91geQ0ylPP0aj1VUA=="],
+
+    "d3-transition": ["d3-transition@3.0.1", "", { "dependencies": { "d3-color": "1 - 3", "d3-dispatch": "1 - 3", "d3-ease": "1 - 3", "d3-interpolate": "1 - 3", "d3-timer": "1 - 3" }, "peerDependencies": { "d3-selection": "2 - 3" } }, "sha512-ApKvfjsSR6tg06xrL434C0WydLr7JewBB3V+/39RMHsaXTOG0zmt/OAXeng5M5LBm0ojmxJrpomQVZ1aPvBL4w=="],
+
+    "d3-zoom": ["d3-zoom@3.0.0", "", { "dependencies": { "d3-dispatch": "1 - 3", "d3-drag": "2 - 3", "d3-interpolate": "1 - 3", "d3-selection": "2 - 3", "d3-transition": "2 - 3" } }, "sha512-b8AmV3kfQaqWAuacbPuNbL6vahnOJflOhexLzMMNLga62+/nh0JzvJ0aO/5a5MVgUFGS7Hu1P9P03o3fJkDCyw=="],
+
+    "dagre-d3-es": ["dagre-d3-es@7.0.14", "", { "dependencies": { "d3": "^7.9.0", "lodash-es": "^4.17.21" } }, "sha512-P4rFMVq9ESWqmOgK+dlXvOtLwYg0i7u0HBGJER0LZDJT2VHIPAMZ/riPxqJceWMStH5+E61QxFra9kIS3AqdMg=="],
+
     "data-urls": ["data-urls@7.0.0", "", { "dependencies": { "whatwg-mimetype": "^5.0.0", "whatwg-url": "^16.0.0" } }, "sha512-23XHcCF+coGYevirZceTVD7NdJOqVn+49IHyxgszm+JIiHLoB2TkmPtsYkNWT1pvRSGkc35L6NHs0yHkN2SumA=="],
 
     "dataloader": ["dataloader@1.4.0", "", {}, "sha512-68s5jYdlvasItOJnCuI2Q9s4q98g0pCyL3HrcKJu8KNugUl8ahgmZYg38ysLTgQjjXX3H8CJLkAvWrclWfcalw=="],
 
+    "dayjs": ["dayjs@1.11.21", "", {}, "sha512-98IT+HOahAisibz/yjKbzuOBwYcjJ7BCLPzARyHiyEBmRz4fatF+KPJszEHXsGYjUG234aH/cOjW1wwTbKUZlA=="],
+
     "debug": ["debug@4.4.3", "", { "dependencies": { "ms": "^2.1.3" }, "peerDependencies": { "supports-color": "*" }, "optionalPeers": ["supports-color"] }, "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA=="],
 
     "decimal.js": ["decimal.js@10.6.0", "", {}, "sha512-YpgQiITW3JXGntzdUmyUR1V812Hn8T1YVXhCu+wO3OpS4eU9l4YdD3qjyiKdV6mvV29zapkMeD390UVEf2lkUg=="],
 
+    "decode-named-character-reference": ["decode-named-character-reference@1.3.0", "", { "dependencies": { "character-entities": "^2.0.0" } }, "sha512-GtpQYB283KrPp6nRw50q3U9/VfOutZOe103qlN7BPP6Ad27xYnOIWv4lPzo8HCAL+mMZofJ9KEy30fq6MfaK6Q=="],
+
     "decompress-response": ["decompress-response@6.0.0", "", { "dependencies": { "mimic-response": "^3.1.0" } }, "sha512-aW35yZM6Bb/4oJlZncMH2LCoZtJXTRxES17vE3hoRiowU2kWHaJKFkSBDnDR+cm9J+9QhXmREyIfv0pji9ejCQ=="],
 
+    "dedent-js": ["dedent-js@1.0.1", "", {}, "sha512-OUepMozQULMLUmhxS95Vudo0jb0UchLimi3+pQ2plj61Fcy8axbP9hbiD4Sz6DPqn6XG3kfmziVfQ1rSys5AJQ=="],
+
     "deep-equal": ["deep-equal@2.2.3", "", { "dependencies": { "array-buffer-byte-length": "^1.0.0", "call-bind": "^1.0.5", "es-get-iterator": "^1.1.3", "get-intrinsic": "^1.2.2", "is-arguments": "^1.1.1", "is-array-buffer": "^3.0.2", "is-date-object": "^1.0.5", "is-regex": "^1.1.4", "is-shared-array-buffer": "^1.0.2", "isarray": "^2.0.5", "object-is": "^1.1.5", "object-keys": "^1.1.1", "object.assign": "^4.1.4", "regexp.prototype.flags": "^1.5.1", "side-channel": "^1.0.4", "which-boxed-primitive": "^1.0.2", "which-collection": "^1.0.1", "which-typed-array": "^1.1.13" } }, "sha512-ZIwpnevOurS8bpT4192sqAowWM76JDKSHYzMLty3BZGSswgq6pBaH3DhCSW5xVAZICZyKdOBPjwww5wfgT/6PA=="],
 
     "deep-extend": ["deep-extend@0.6.0", "", {}, "sha512-LOHxIOaPYdHlJRtCQfDIVZtfw/ufM8+rVj649RIHzcm/vGwQRXFt6OPqIFWsm2XEMrNIEtWR64sY1LEKD2vAOA=="],
 
     "deepmerge": ["deepmerge@4.3.1", "", {}, "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A=="],
 
+    "default-browser": ["default-browser@5.5.0", "", { "dependencies": { "bundle-name": "^4.1.0", "default-browser-id": "^5.0.0" } }, "sha512-H9LMLr5zwIbSxrmvikGuI/5KGhZ8E2zH3stkMgM5LpOWDutGM2JZaj460Udnf1a+946zc7YBgrqEWwbk7zHvGw=="],
+
+    "default-browser-id": ["default-browser-id@5.0.1", "", {}, "sha512-x1VCxdX4t+8wVfd1so/9w+vQ4vx7lKd2Qp5tDRutErwmR85OgmfX7RlLRMWafRMY7hbEiXIbudNrjOAPa/hL8Q=="],
+
     "define-data-property": ["define-data-property@1.1.4", "", { "dependencies": { "es-define-property": "^1.0.0", "es-errors": "^1.3.0", "gopd": "^1.0.1" } }, "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A=="],
 
+    "define-lazy-prop": ["define-lazy-prop@3.0.0", "", {}, "sha512-N+MeXYoqr3pOgn8xfyRPREN7gHakLYjhsHhWGT3fWAiL4IkAt0iDw14QiiEm2bE30c5XX5q0FtAA3CK5f9/BUg=="],
+
     "define-properties": ["define-properties@1.2.1", "", { "dependencies": { "define-data-property": "^1.0.1", "has-property-descriptors": "^1.0.0", "object-keys": "^1.1.1" } }, "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg=="],
 
     "defu": ["defu@6.1.7", "", {}, "sha512-7z22QmUWiQ/2d0KkdYmANbRUVABpZ9SNYyH5vx6PZ+nE5bcC0l7uFvEfHlyld/HcGBFTL536ClDt3DEcSlEJAQ=="],
 
+    "delaunator": ["delaunator@5.1.0", "", { "dependencies": { "robust-predicates": "^3.0.2" } }, "sha512-AGrQ4QSgssa1NGmWmLPqN5NY2KajF5MqxetNEO+o0n3ZwZZeTmt7bBnvzHWrmkZFxGgr4HdyFgelzgi06otLuQ=="],
+
     "depd": ["depd@2.0.0", "", {}, "sha512-g7nH6P6dyDioJogAAGprGpCtVImJhpPk/roCzdb3fIh61/s/nPsfR6onyMwkCAR/OlC3yBC0lESvUoQEAssIrw=="],
 
     "dequal": ["dequal@2.0.3", "", {}, "sha512-0je+qPKHEMohvfRTCEo3CrPG6cAzAYgmzKyxRiYSSDkS6eGJdyVJm7WaYA5ECaAD9wLB2T4EEeymA5aFVcYXCA=="],
 
+    "destr": ["destr@2.0.5", "", {}, "sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA=="],
+
     "detect-indent": ["detect-indent@6.1.0", "", {}, "sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA=="],
 
     "detect-libc": ["detect-libc@2.1.2", "", {}, "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ=="],
 
     "devalue": ["devalue@5.8.1", "", {}, "sha512-4CXDYRBGqN+57wVJkuXBYmpAVUSg3L6JAQa/DFqm238G73E1wuyc/JhGQJzN7vUf/CMphYau2zXbfWzDR5aTEw=="],
 
+    "devlop": ["devlop@1.1.0", "", { "dependencies": { "dequal": "^2.0.0" } }, "sha512-RWmIqhcFf1lRYBvNmr7qTNuyCt/7/ns2jbpp1+PalgE/rDQcBT0fioSMUpJ93irlUhC5hrg4cYqe6U+0ImW0rA=="],
+
+    "diacritics": ["diacritics@1.3.0", "", {}, "sha512-wlwEkqcsaxvPJML+rDh/2iS824jbREk6DUMUKkEaSlxdYHeS43cClJtsWglvw2RfeXGm6ohKDqsXteJ5sP5enA=="],
+
+    "diff": ["diff@8.0.4", "", {}, "sha512-DPi0FmjiSU5EvQV0++GFDOJ9ASQUVFh5kD+OzOnYdi7n3Wpm9hWWGfB/O2blfHcMVTL5WkQXSnRiK9makhrcnw=="],
+
     "dir-glob": ["dir-glob@3.0.1", "", { "dependencies": { "path-type": "^4.0.0" } }, "sha512-WkrWp9GR4KXfKGYzOLmTuGVi1UWFfws377n9cc55/tb6DuqyF6pcQ5AbiHEshaDpY9v6oaSr2XCDidGmMwdzIA=="],
 
     "dom-accessibility-api": ["dom-accessibility-api@0.5.16", "", {}, "sha512-X7BJ2yElsnOJ30pZF4uIIDfBEVgF4XEBxL9Bxhy6dnrm5hkzqmsWHGTiHqRiITNhMyFLyAiWndIJP7Z1NTteDg=="],
@@ -1048,10 +1750,16 @@
 
     "domhandler": ["domhandler@5.0.3", "", { "dependencies": { "domelementtype": "^2.3.0" } }, "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w=="],
 
-    "domutils": ["domutils@3.2.2", "", { "dependencies": { "dom-serializer": "^2.0.0", "domelementtype": "^2.3.0", "domhandler": "^5.0.3" } }, "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw=="],
+    "dompurify": ["dompurify@3.4.12", "", { "optionalDependencies": { "@types/trusted-types": "^2.0.7" } }, "sha512-zQvGet8Z2sWbQhCmfFz/T5QWH2oBmjnqK3qvOjaqaNLrLEF912WamU+ohnTp0TCep/MFVHpdJuCZEdFOdTnEFg=="],
+
+    "domutils": ["domutils@2.8.0", "", { "dependencies": { "dom-serializer": "^1.0.1", "domelementtype": "^2.2.0", "domhandler": "^4.2.0" } }, "sha512-w96Cjofp72M5IIhpjgobBimYEfoPjx1Vx0BSX9P30WBdZW2WIKU0T1Bd0kz2eNZ9ikjKgHbEyKx8BB6H1L3h3A=="],
+
+    "dot-prop": ["dot-prop@6.0.1", "", { "dependencies": { "is-obj": "^2.0.0" } }, "sha512-tE7ztYzXHIeyvc7N+hR3oi7FIbf/NIjVP9hmAt3yMXzrQ072/fpjGLx2GxNxGxUl5V73MEqYzioOMoVhGMJ5cA=="],
 
     "dotenv": ["dotenv@8.6.0", "", {}, "sha512-IrPdXQsk2BbzvCBGBOTmmSH5SodmqZNt4ERAZDmW4CT+tL8VtvinqywuANaFu4bOMWki16nqf0e4oC0QIaDr/g=="],
 
+    "dset": ["dset@3.1.4", "", {}, "sha512-2QF/g9/zTaPDc3BjNcVTGoBbXBgYfMTTceLaYcFJ/W9kggFUkhxD/hMEeuLKbugyef9SqAx8cpgwlIP/jinUTA=="],
+
     "dts-resolver": ["dts-resolver@3.0.0", "", { "peerDependencies": { "oxc-resolver": ">=11.0.0" }, "optionalPeers": ["oxc-resolver"] }, "sha512-1T1f+z+4tl9XD+m+0HBgWoL/nm0bOIffyWaUuUSBlFg/86IWvfx+wjNaO/ybU0AJzG9/Mi5hBUgGV6zCmWEN7Q=="],
 
     "dunder-proto": ["dunder-proto@1.0.1", "", { "dependencies": { "call-bind-apply-helpers": "^1.0.1", "es-errors": "^1.3.0", "gopd": "^1.2.0" } }, "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A=="],
@@ -1062,8 +1770,12 @@
 
     "ee-first": ["ee-first@1.1.1", "", {}, "sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow=="],
 
+    "ejs": ["ejs@3.1.10", "", { "dependencies": { "jake": "^10.8.5" }, "bin": { "ejs": "bin/cli.js" } }, "sha512-UeJmFfOrAQS8OJWPZ4qtgHyWExa088/MtK5UEyoJGFH67cDEXkZSviOiKRCZ4Xij0zxI3JECgYs3oKx+AizQBA=="],
+
     "electron-to-chromium": ["electron-to-chromium@1.5.389", "", {}, "sha512-cEto7aeOqBfU1D+c5py5pE+ooscKE75JifxLBdFUZsqAxRS6y7kebtxAZvICszSl05gPjYHDTjY+lXpyGvpJbg=="],
 
+    "emmet": ["emmet@2.4.11", "", { "dependencies": { "@emmetio/abbreviation": "^2.3.3", "@emmetio/css-abbreviation": "^2.1.8" } }, "sha512-23QPJB3moh/U9sT4rQzGgeyyGIrcM+GH5uVYg2C6wZIxAIJq7Ng3QLT79tl8FUwDXhyq9SusfknOrofAKqvgyQ=="],
+
     "emoji-regex": ["emoji-regex@8.0.0", "", {}, "sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A=="],
 
     "emojilib": ["emojilib@2.4.0", "", {}, "sha512-5U0rVMU5Y2n2+ykNLQqMoqklN9ICBT/KsvC1Gz6vqHbz2AXXGkG+Pm5rMWk/8Vjrr/mY9985Hi8DYzn1F09Nyw=="],
@@ -1074,12 +1786,18 @@
 
     "end-of-stream": ["end-of-stream@1.4.5", "", { "dependencies": { "once": "^1.4.0" } }, "sha512-ooEGc6HP26xXq/N+GCGOT0JKCLDGrq2bQUZrQ7gyrJiZANJ/8YDTxTpQBXGMn+WbIQXNVpyWymm7KYVICQnyOg=="],
 
+    "enhanced-resolve": ["enhanced-resolve@5.21.6", "", { "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.3.3" } }, "sha512-aNnGCvbJ/RIyWo1IuhNdVjnNF+EjH9wpzpNHt+ci/m9He9LJvUN8wrCcXjp9cWsGNAuvSpVFTx/vraAFQ8qGjQ=="],
+
     "enquirer": ["enquirer@2.4.1", "", { "dependencies": { "ansi-colors": "^4.1.1", "strip-ansi": "^6.0.1" } }, "sha512-rRqJg/6gd538VHvR3PSrdRBb/1Vy2YfzHqzvbhGIQpDRKIa4FgV/54b5Q1xYSxOOwKvjXweS26E0Q+nAMwp2pQ=="],
 
     "entities": ["entities@4.5.0", "", {}, "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw=="],
 
     "environment": ["environment@1.1.0", "", {}, "sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q=="],
 
+    "epub-gen-memory": ["epub-gen-memory@1.1.2", "", { "dependencies": { "abort-controller": "^3.0.0", "css-select": "^4.1.3", "diacritics": "^1.3.0", "dom-serializer": "^1.3.2", "domhandler": "^4.2.2", "domutils": "^2.8.0", "ejs": "^3.1.6", "htmlparser2": "^7.1.2", "jszip": "^3.7.1", "mime": "^2.5.2", "node-fetch": "^2.0.0", "ow": "^0.28.1", "slugify": "^1.6.5" } }, "sha512-vwGM6MVNqKIskFzPZqhi4ZOs0ZTUXco9oDuHFX1vB2Il9pTAkaHWFBFgHrrl832dYmBPb/raGVUZXFvZYueRyw=="],
+
+    "error-stack-parser-es": ["error-stack-parser-es@1.0.5", "", {}, "sha512-5qucVt2XcuGMcEGgWI7i+yZpmpByQ8J1lHhcL7PwqCwu9FPP3VUXzT4ltHe5i2z9dePwEHcDVOAfSnHsOlCXRA=="],
+
     "es-define-property": ["es-define-property@1.0.1", "", {}, "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g=="],
 
     "es-errors": ["es-errors@1.3.0", "", {}, "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw=="],
@@ -1090,28 +1808,52 @@
 
     "es-object-atoms": ["es-object-atoms@1.1.2", "", { "dependencies": { "es-errors": "^1.3.0" } }, "sha512-HWcBoN6NileqtSydK2FqHbS/LoDd2pqrnQHLyJzBj4kOp/ky2MWMN694xOfkK8/SnUsW2DH7EfyVlydKCsm1Zw=="],
 
+    "es-toolkit": ["es-toolkit@1.49.0", "", {}, "sha512-G5iZ6Pc/FNRY/soKZHC+TxGDD83rHUDXxzaWhGCX44vAv/tMs56WMusnm/KMNK+luUPsgA9U28cGr4RDlSzL2g=="],
+
+    "esast-util-from-estree": ["esast-util-from-estree@2.0.0", "", { "dependencies": { "@types/estree-jsx": "^1.0.0", "devlop": "^1.0.0", "estree-util-visit": "^2.0.0", "unist-util-position-from-estree": "^2.0.0" } }, "sha512-4CyanoAudUSBAn5K13H4JhsMH6L9ZP7XbLVe/dKybkxMO7eDyLsT8UHl9TRNrU2Gr9nz+FovfSIjuXWJ81uVwQ=="],
+
+    "esast-util-from-js": ["esast-util-from-js@2.0.1", "", { "dependencies": { "@types/estree-jsx": "^1.0.0", "acorn": "^8.0.0", "esast-util-from-estree": "^2.0.0", "vfile-message": "^4.0.0" } }, "sha512-8Ja+rNJ0Lt56Pcf3TAmpBZjmx8ZcK5Ts4cAzIOjsjevg9oSXJnl6SUQ2EevU8tv3h6ZLWmoKL5H4fgWvdvfETw=="],
+
     "esbuild": ["esbuild@0.28.1", "", { "optionalDependencies": { "@esbuild/aix-ppc64": "0.28.1", "@esbuild/android-arm": "0.28.1", "@esbuild/android-arm64": "0.28.1", "@esbuild/android-x64": "0.28.1", "@esbuild/darwin-arm64": "0.28.1", "@esbuild/darwin-x64": "0.28.1", "@esbuild/freebsd-arm64": "0.28.1", "@esbuild/freebsd-x64": "0.28.1", "@esbuild/linux-arm": "0.28.1", "@esbuild/linux-arm64": "0.28.1", "@esbuild/linux-ia32": "0.28.1", "@esbuild/linux-loong64": "0.28.1", "@esbuild/linux-mips64el": "0.28.1", "@esbuild/linux-ppc64": "0.28.1", "@esbuild/linux-riscv64": "0.28.1", "@esbuild/linux-s390x": "0.28.1", "@esbuild/linux-x64": "0.28.1", "@esbuild/netbsd-arm64": "0.28.1", "@esbuild/netbsd-x64": "0.28.1", "@esbuild/openbsd-arm64": "0.28.1", "@esbuild/openbsd-x64": "0.28.1", "@esbuild/openharmony-arm64": "0.28.1", "@esbuild/sunos-x64": "0.28.1", "@esbuild/win32-arm64": "0.28.1", "@esbuild/win32-ia32": "0.28.1", "@esbuild/win32-x64": "0.28.1" }, "bin": { "esbuild": "bin/esbuild" } }, "sha512-HrJrvZv5ayxBzPfwphOoNzkzOIIlifzk0KJrGK2c8R4+LKpMtpYLQeUdjnwjWv/LZlkH2laZk+4w78pi99D4Vw=="],
 
     "escalade": ["escalade@3.2.0", "", {}, "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA=="],
 
     "escape-html": ["escape-html@1.0.3", "", {}, "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="],
 
+    "escape-string-regexp": ["escape-string-regexp@5.0.0", "", {}, "sha512-/veY75JbMK4j1yjvuUxuVsiS/hr/4iHs9FTT6cgTexxdE0Ly/glccBAkloH/DofkjRbZU3bnoj38mOmhkZ0lHw=="],
+
     "esm-env": ["esm-env@1.2.2", "", {}, "sha512-Epxrv+Nr/CaL4ZcFGPJIYLWFom+YeV1DqMLHJoEd9SYRxNbaFruBwfEX/kkHUJf55j2+TUbmDcmuilbP1TmXHA=="],
 
     "esprima": ["esprima@4.0.1", "", { "bin": { "esparse": "./bin/esparse.js", "esvalidate": "./bin/esvalidate.js" } }, "sha512-eGuFFw7Upda+g4p+QHvnW0RyTX/SVeJBDM/gCtMARO0cLuT2HcEKnTPvhjV6aGeqrCB/sbNop0Kszm0jsaWU4A=="],
 
     "esrap": ["esrap@2.2.13", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.4.15" }, "peerDependencies": { "@typescript-eslint/types": "^8.2.0" }, "optionalPeers": ["@typescript-eslint/types"] }, "sha512-m8jH5hZgJE2RRUK/jjkGPcJEDAV+dYnZYFkosQaPTcE+Yw4xynXHOo6FUdwaWBtdR3b1MMa7wEDTSHeR2VWsGA=="],
 
+    "estree-util-attach-comments": ["estree-util-attach-comments@3.0.0", "", { "dependencies": { "@types/estree": "^1.0.0" } }, "sha512-cKUwm/HUcTDsYh/9FgnuFqpfquUbwIqwKM26BVCGDPVgvaCl/nDCCjUfiLlx6lsEZ3Z4RFxNbOQ60pkaEwFxGw=="],
+
+    "estree-util-build-jsx": ["estree-util-build-jsx@3.0.1", "", { "dependencies": { "@types/estree-jsx": "^1.0.0", "devlop": "^1.0.0", "estree-util-is-identifier-name": "^3.0.0", "estree-walker": "^3.0.0" } }, "sha512-8U5eiL6BTrPxp/CHbs2yMgP8ftMhR5ww1eIKoWRMlqvltHF8fZn5LRDvTKuxD3DUn+shRbLGqXemcP51oFCsGQ=="],
+
+    "estree-util-is-identifier-name": ["estree-util-is-identifier-name@3.0.0", "", {}, "sha512-hFtqIDZTIUZ9BXLb8y4pYGyk6+wekIivNVTcmvk8NoOh+VeRn5y6cEHzbURrWbfp1fIqdVipilzj+lfaadNZmg=="],
+
+    "estree-util-scope": ["estree-util-scope@1.0.0", "", { "dependencies": { "@types/estree": "^1.0.0", "devlop": "^1.0.0" } }, "sha512-2CAASclonf+JFWBNJPndcOpA8EMJwa0Q8LUFJEKqXLW6+qBvbFZuF5gItbQOs/umBUkjviCSDCbBwU2cXbmrhQ=="],
+
+    "estree-util-to-js": ["estree-util-to-js@2.0.0", "", { "dependencies": { "@types/estree-jsx": "^1.0.0", "astring": "^1.8.0", "source-map": "^0.7.0" } }, "sha512-WDF+xj5rRWmD5tj6bIqRi6CkLIXbbNQUcxQHzGysQzvHmdYG2G7p/Tf0J0gpxGgkeMZNTIjT/AoSvC9Xehcgdg=="],
+
+    "estree-util-visit": ["estree-util-visit@2.0.0", "", { "dependencies": { "@types/estree-jsx": "^1.0.0", "@types/unist": "^3.0.0" } }, "sha512-m5KgiH85xAhhW8Wta0vShLcUvOsh3LLPI2YVwcbio1l7E09NTLL1EyMZFM1OyWowoH0skScNbhOPl4kcBgzTww=="],
+
     "estree-walker": ["estree-walker@3.0.3", "", { "dependencies": { "@types/estree": "^1.0.0" } }, "sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g=="],
 
     "etag": ["etag@1.8.1", "", {}, "sha512-aIL5Fx7mawVa300al2BnEE4iNvo1qETxLrPI/o05L7z6go7fCw1J6EQmbK4FmJ2AS7kgVF/KEZWufBfdClMcPg=="],
 
+    "event-target-shim": ["event-target-shim@5.0.1", "", {}, "sha512-i/2XbnSz/uxRCU6+NdVJgKWDTM427+MqYbkQzD321DuCQJUqOuJKIA0IM2+W2xtYHdKOmZ4dR6fExsd4SXL+WQ=="],
+
     "eventemitter3": ["eventemitter3@5.0.4", "", {}, "sha512-mlsTRyGaPBjPedk6Bvw+aqbsXDtoAyAzm5MO7JgU+yVRyMQ5O8bD4Kcci7BS85f93veegeCPkL8R4GLClnjLFw=="],
 
     "eventsource": ["eventsource@3.0.7", "", { "dependencies": { "eventsource-parser": "^3.0.1" } }, "sha512-CRT1WTyuQoD771GW56XEZFQ/ZoSfWid1alKGDYMmkt2yl8UXrVR4pspqWNEcqKvVIzg6PAltWjxcSSPrboA4iA=="],
 
     "eventsource-parser": ["eventsource-parser@3.1.0", "", {}, "sha512-kJezFj9YFAMLeORyi7aCLxLbD5/qWMQnoMVlVPyHIll7lgRJCc3JVln9Vgl9nwQi0YkMnhdGTMNn7CkRRAptMg=="],
 
+    "execa": ["execa@5.1.1", "", { "dependencies": { "cross-spawn": "^7.0.3", "get-stream": "^6.0.0", "human-signals": "^2.1.0", "is-stream": "^2.0.0", "merge-stream": "^2.0.0", "npm-run-path": "^4.0.1", "onetime": "^5.1.2", "signal-exit": "^3.0.3", "strip-final-newline": "^2.0.0" } }, "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg=="],
+
     "expand-template": ["expand-template@2.0.3", "", {}, "sha512-XYfuKMvj4O35f/pOXLObndIRvyQ+/+6AhODh+OKWj9S9498pHHn/IMszH+gt0fBCRWMNfk1ZSp5x3AifmnI2vg=="],
 
     "expect-type": ["expect-type@1.4.0", "", {}, "sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA=="],
@@ -1120,12 +1862,18 @@
 
     "express-rate-limit": ["express-rate-limit@8.5.2", "", { "dependencies": { "ip-address": "^10.2.0" }, "peerDependencies": { "express": ">= 4.11" } }, "sha512-5Kb34ipNX694DH48vN9irak1Qx30nb0PLYHXfJgw4YEjiC3ZEmZJhwOp+VfiCYwFzvFTdB9QkArYS5kXa2cx2A=="],
 
+    "extend": ["extend@3.0.2", "", {}, "sha512-fjquC59cD7CyW6urNXK0FBufkZcoiGG80wTuPujX590cB5Ttln20E2UB4S/WARVqhXffZl2LNgS+gQdPIIim/g=="],
+
+    "extend-shallow": ["extend-shallow@2.0.1", "", { "dependencies": { "is-extendable": "^0.1.0" } }, "sha512-zCnTtlxNoAiDc3gqY2aYAWFx7XWWiasuF2K8Me5WbN8otHKTUKBwjPtNpRs/rbUZm7KxWAaNj7P1a/p52GbVug=="],
+
     "extendable-error": ["extendable-error@0.1.7", "", {}, "sha512-UOiS2in6/Q0FK0R0q6UY9vYpQ21mr/Qn1KOnte7vsACuNJf514WvCCUHSRCPcgjPT2bAhNIJdlE6bVap1GKmeg=="],
 
     "fast-deep-equal": ["fast-deep-equal@3.1.3", "", {}, "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="],
 
     "fast-glob": ["fast-glob@3.3.3", "", { "dependencies": { "@nodelib/fs.stat": "^2.0.2", "@nodelib/fs.walk": "^1.2.3", "glob-parent": "^5.1.2", "merge2": "^1.3.0", "micromatch": "^4.0.8" } }, "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg=="],
 
+    "fast-json-stable-stringify": ["fast-json-stable-stringify@2.1.0", "", {}, "sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw=="],
+
     "fast-string-truncated-width": ["fast-string-truncated-width@3.0.3", "", {}, "sha512-0jjjIEL6+0jag3l2XWWizO64/aZVtpiGE3t0Zgqxv0DPuxiMjvB3M24fCyhZUO4KomJQPj3LTSUnDP3GpdwC0g=="],
 
     "fast-string-width": ["fast-string-width@3.0.2", "", { "dependencies": { "fast-string-truncated-width": "^3.0.2" } }, "sha512-gX8LrtNEI5hq8DVUfRQMbr5lpaS4nMIWV+7XEbXk2b8kiQIizgnlr12B4dA3ZEx3308ze0O4Q1R+cHts8kyUJg=="],
@@ -1144,12 +1892,20 @@
 
     "file-uri-to-path": ["file-uri-to-path@1.0.0", "", {}, "sha512-0Zt+s3L7Vf1biwWZ29aARiVYLx7iMGnEUl9x33fbB/j3jR81u/O2LbqK+Bm1CDSNDKVtJ/YjwY7TUd5SkeLQLw=="],
 
+    "filelist": ["filelist@1.0.6", "", { "dependencies": { "minimatch": "^5.0.1" } }, "sha512-5giy2PkLYY1cP39p17Ech+2xlpTRL9HLspOfEgm0L6CwBXBTgsK5ou0JtzYuepxkaQ/tvhCFIJ5uXo0OrM2DxA=="],
+
     "fill-range": ["fill-range@7.1.1", "", { "dependencies": { "to-regex-range": "^5.0.1" } }, "sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg=="],
 
     "finalhandler": ["finalhandler@2.1.1", "", { "dependencies": { "debug": "^4.4.0", "encodeurl": "^2.0.0", "escape-html": "^1.0.3", "on-finished": "^2.4.1", "parseurl": "^1.3.3", "statuses": "^2.0.1" } }, "sha512-S8KoZgRZN+a5rNwqTxlZZePjT/4cnm0ROV70LedRHZ0p8u9fRID0hJUZQpkKLzro8LfmC8sx23bY6tVNxv8pQA=="],
 
     "find-up": ["find-up@4.1.0", "", { "dependencies": { "locate-path": "^5.0.0", "path-exists": "^4.0.0" } }, "sha512-PpOwAdQ/YlXQ2vj8a3h8IipDuYRi3wceVQQGYWxNINccq40Anw7BlsEXCMbt1Zt+OLA6Fq9suIpIWD0OsnISlw=="],
 
+    "flattie": ["flattie@1.1.1", "", {}, "sha512-9UbaD6XdAL97+k/n+N7JwX46K/M6Zc6KcFYskrYL8wbBV/Uyk0CTAMY0VT+qiK5PM7AIc9aTWYtq65U7T+aCNQ=="],
+
+    "fontace": ["fontace@0.4.1", "", { "dependencies": { "fontkitten": "^1.0.2" } }, "sha512-lDMvbAzSnHmbYMTEld5qdtvNH2/pWpICOqpean9IgC7vUbUJc3k+k5Dokp85CegamqQpFbXf0rAVkbzpyTA8aw=="],
+
+    "fontkitten": ["fontkitten@1.0.3", "", { "dependencies": { "tiny-inflate": "^1.0.3" } }, "sha512-Wp1zXWPVUPBmfoa3Cqc9ctaKuzKAV6uLstRqlR56kSjplf5uAce+qeyYym7F+PHbGTk+tCEdkCW6RD7DX/gBZw=="],
+
     "for-each": ["for-each@0.3.5", "", { "dependencies": { "is-callable": "^1.2.7" } }, "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg=="],
 
     "foreground-child": ["foreground-child@3.3.1", "", { "dependencies": { "cross-spawn": "^7.0.6", "signal-exit": "^4.0.1" } }, "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw=="],
@@ -1180,10 +1936,14 @@
 
     "get-proto": ["get-proto@1.0.1", "", { "dependencies": { "dunder-proto": "^1.0.1", "es-object-atoms": "^1.0.0" } }, "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g=="],
 
+    "get-stream": ["get-stream@6.0.1", "", {}, "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg=="],
+
     "get-tsconfig": ["get-tsconfig@4.14.0", "", { "dependencies": { "resolve-pkg-maps": "^1.0.0" } }, "sha512-yTb+8DXzDREzgvYmh6s9vHsSVCHeC0G3PI5bEXNBHtmshPnO+S5O7qgLEOn0I5QvMy6kpZN8K1NKGyilLb93wA=="],
 
     "github-from-package": ["github-from-package@0.0.0", "", {}, "sha512-SyHy3T1v2NUXn29OsWdxmK6RwHD+vkj3v8en8AOBZ1wBQ/hCAQ5bAQTD02kW4W9tUp/3Qh6J8r9EvntiyCmOOw=="],
 
+    "github-slugger": ["github-slugger@2.0.0", "", {}, "sha512-IaOQ9puYtjrkq7Y0Ygl9KDZnrf/aiUJYUpVf89y8kyaxbRG7Y1SrX/jaumrv81vc61+kiMempujsM3Yw7w5qcw=="],
+
     "glob": ["glob@10.5.0", "", { "dependencies": { "foreground-child": "^3.1.0", "jackspeak": "^3.1.2", "minimatch": "^9.0.4", "minipass": "^7.1.2", "package-json-from-dist": "^1.0.0", "path-scurry": "^1.11.1" }, "bin": { "glob": "dist/esm/bin.mjs" } }, "sha512-DfXN8DfhJ7NH3Oe7cFmu3NCu1wKbkReJ8TorzSAFbSKrlNaQSKfIzqYqVY8zlbs2NLBbWpRiU52GX2PbaBVNkg=="],
 
     "glob-parent": ["glob-parent@5.1.2", "", { "dependencies": { "is-glob": "^4.0.1" } }, "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="],
@@ -1196,6 +1956,12 @@
 
     "graceful-fs": ["graceful-fs@4.2.11", "", {}, "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="],
 
+    "gray-matter": ["gray-matter@4.0.3", "", { "dependencies": { "js-yaml": "^3.13.1", "kind-of": "^6.0.2", "section-matter": "^1.0.0", "strip-bom-string": "^1.0.0" } }, "sha512-5v6yZd4JK3eMI3FqqCouswVqwugaA9r4dNZB1wwcmrD02QkV5H0y7XBQW8QwQqEaZY1pM9aqORSORhJRdNK44Q=="],
+
+    "h3": ["h3@1.15.11", "", { "dependencies": { "cookie-es": "^1.2.3", "crossws": "^0.3.5", "defu": "^6.1.6", "destr": "^2.0.5", "iron-webcrypto": "^1.2.1", "node-mock-http": "^1.0.4", "radix3": "^1.1.2", "ufo": "^1.6.3", "uncrypto": "^0.1.3" } }, "sha512-L3THSe2MPeBwgIZVSH5zLdBBU90TOxarvhK9d04IDY2AmVS8j2Jz2LIWtwsGOU3lu2I5jCN7FNvVfY2+XyF+mg=="],
+
+    "hachure-fill": ["hachure-fill@0.5.2", "", {}, "sha512-3GKBOn+m2LX9iq+JC1064cSFprJY4jL1jCXTcpnfER5HYE2l/4EfWSGzkPa/ZDBmYI0ZOEj5VHV/eKnPGkHuOg=="],
+
     "has-bigints": ["has-bigints@1.1.0", "", {}, "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg=="],
 
     "has-flag": ["has-flag@4.0.0", "", {}, "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="],
@@ -1208,6 +1974,32 @@
 
     "hasown": ["hasown@2.0.4", "", { "dependencies": { "function-bind": "^1.1.2" } }, "sha512-T2UbfbBEF32wiepXIsMlTW9+dDYC6wMh/t/vYA4tuOMKqWz/n3vr1NFSxQiyP+zk2mXsoMA/i/7qV6LKut1t1A=="],
 
+    "hast-util-from-html": ["hast-util-from-html@2.0.3", "", { "dependencies": { "@types/hast": "^3.0.0", "devlop": "^1.1.0", "hast-util-from-parse5": "^8.0.0", "parse5": "^7.0.0", "vfile": "^6.0.0", "vfile-message": "^4.0.0" } }, "sha512-CUSRHXyKjzHov8yKsQjGOElXy/3EKpyX56ELnkHH34vDVw1N1XSQ1ZcAvTyAPtGqLTuKP/uxM+aLkSPqF/EtMw=="],
+
+    "hast-util-from-parse5": ["hast-util-from-parse5@8.0.3", "", { "dependencies": { "@types/hast": "^3.0.0", "@types/unist": "^3.0.0", "devlop": "^1.0.0", "hastscript": "^9.0.0", "property-information": "^7.0.0", "vfile": "^6.0.0", "vfile-location": "^5.0.0", "web-namespaces": "^2.0.0" } }, "sha512-3kxEVkEKt0zvcZ3hCRYI8rqrgwtlIOFMWkbclACvjlDw8Li9S2hk/d51OI0nr/gIpdMHNepwgOKqZ/sy0Clpyg=="],
+
+    "hast-util-is-element": ["hast-util-is-element@3.0.0", "", { "dependencies": { "@types/hast": "^3.0.0" } }, "sha512-Val9mnv2IWpLbNPqc/pUem+a7Ipj2aHacCwgNfTiK0vJKl0LF+4Ba4+v1oPHFpf3bLYmreq0/l3Gud9S5OH42g=="],
+
+    "hast-util-parse-selector": ["hast-util-parse-selector@4.0.0", "", { "dependencies": { "@types/hast": "^3.0.0" } }, "sha512-wkQCkSYoOGCRKERFWcxMVMOcYE2K1AaNLU8DXS9arxnLOUEWbOXKXiJUNzEpqZ3JOKpnha3jkFrumEjVliDe7A=="],
+
+    "hast-util-raw": ["hast-util-raw@9.1.0", "", { "dependencies": { "@types/hast": "^3.0.0", "@types/unist": "^3.0.0", "@ungap/structured-clone": "^1.0.0", "hast-util-from-parse5": "^8.0.0", "hast-util-to-parse5": "^8.0.0", "html-void-elements": "^3.0.0", "mdast-util-to-hast": "^13.0.0", "parse5": "^7.0.0", "unist-util-position": "^5.0.0", "unist-util-visit": "^5.0.0", "vfile": "^6.0.0", "web-namespaces": "^2.0.0", "zwitch": "^2.0.0" } }, "sha512-Y8/SBAHkZGoNkpzqqfCldijcuUKh7/su31kEBp67cFY09Wy0mTRgtsLYsiIxMJxlu0f6AA5SUTbDR8K0rxnbUw=="],
+
+    "hast-util-to-estree": ["hast-util-to-estree@3.1.3", "", { "dependencies": { "@types/estree": "^1.0.0", "@types/estree-jsx": "^1.0.0", "@types/hast": "^3.0.0", "comma-separated-tokens": "^2.0.0", "devlop": "^1.0.0", "estree-util-attach-comments": "^3.0.0", "estree-util-is-identifier-name": "^3.0.0", "hast-util-whitespace": "^3.0.0", "mdast-util-mdx-expression": "^2.0.0", "mdast-util-mdx-jsx": "^3.0.0", "mdast-util-mdxjs-esm": "^2.0.0", "property-information": "^7.0.0", "space-separated-tokens": "^2.0.0", "style-to-js": "^1.0.0", "unist-util-position": "^5.0.0", "zwitch": "^2.0.0" } }, "sha512-48+B/rJWAp0jamNbAAf9M7Uf//UVqAoMmgXhBdxTDJLGKY+LRnZ99qcG+Qjl5HfMpYNzS5v4EAwVEF34LeAj7w=="],
+
+    "hast-util-to-html": ["hast-util-to-html@9.0.5", "", { "dependencies": { "@types/hast": "^3.0.0", "@types/unist": "^3.0.0", "ccount": "^2.0.0", "comma-separated-tokens": "^2.0.0", "hast-util-whitespace": "^3.0.0", "html-void-elements": "^3.0.0", "mdast-util-to-hast": "^13.0.0", "property-information": "^7.0.0", "space-separated-tokens": "^2.0.0", "stringify-entities": "^4.0.0", "zwitch": "^2.0.4" } }, "sha512-OguPdidb+fbHQSU4Q4ZiLKnzWo8Wwsf5bZfbvu7//a9oTYoqD/fWpe96NuHkoS9h0ccGOTe0C4NGXdtS0iObOw=="],
+
+    "hast-util-to-jsx-runtime": ["hast-util-to-jsx-runtime@2.3.6", "", { "dependencies": { "@types/estree": "^1.0.0", "@types/hast": "^3.0.0", "@types/unist": "^3.0.0", "comma-separated-tokens": "^2.0.0", "devlop": "^1.0.0", "estree-util-is-identifier-name": "^3.0.0", "hast-util-whitespace": "^3.0.0", "mdast-util-mdx-expression": "^2.0.0", "mdast-util-mdx-jsx": "^3.0.0", "mdast-util-mdxjs-esm": "^2.0.0", "property-information": "^7.0.0", "space-separated-tokens": "^2.0.0", "style-to-js": "^1.0.0", "unist-util-position": "^5.0.0", "vfile-message": "^4.0.0" } }, "sha512-zl6s8LwNyo1P9uw+XJGvZtdFF1GdAkOg8ujOw+4Pyb76874fLps4ueHXDhXWdk6YHQ6OgUtinliG7RsYvCbbBg=="],
+
+    "hast-util-to-parse5": ["hast-util-to-parse5@8.0.1", "", { "dependencies": { "@types/hast": "^3.0.0", "comma-separated-tokens": "^2.0.0", "devlop": "^1.0.0", "property-information": "^7.0.0", "space-separated-tokens": "^2.0.0", "web-namespaces": "^2.0.0", "zwitch": "^2.0.0" } }, "sha512-MlWT6Pjt4CG9lFCjiz4BH7l9wmrMkfkJYCxFwKQic8+RTZgWPuWxwAfjJElsXkex7DJjfSJsQIt931ilUgmwdA=="],
+
+    "hast-util-to-text": ["hast-util-to-text@4.0.2", "", { "dependencies": { "@types/hast": "^3.0.0", "@types/unist": "^3.0.0", "hast-util-is-element": "^3.0.0", "unist-util-find-after": "^5.0.0" } }, "sha512-KK6y/BN8lbaq654j7JgBydev7wuNMcID54lkRav1P0CaE1e47P72AWWPiGKXTJU271ooYzcvTAn/Zt0REnvc7A=="],
+
+    "hast-util-whitespace": ["hast-util-whitespace@3.0.0", "", { "dependencies": { "@types/hast": "^3.0.0" } }, "sha512-88JUN06ipLwsnv+dVn+OIYOvAuvBMy/Qoi6O7mQHxdPXpjy+Cd6xRkWwux7DKO+4sYILtLBRIKgsdpS2gQc7qw=="],
+
+    "hastscript": ["hastscript@9.0.1", "", { "dependencies": { "@types/hast": "^3.0.0", "comma-separated-tokens": "^2.0.0", "hast-util-parse-selector": "^4.0.0", "property-information": "^7.0.0", "space-separated-tokens": "^2.0.0" } }, "sha512-g7df9rMFX/SPi34tyGCyUBREQoKkapwdY/T04Qn9TDWfHhAYt4/I0gMVirzK5wEzeUqIjEB+LXC/ypb7Aqno5w=="],
+
+    "he": ["he@1.2.0", "", { "bin": { "he": "bin/he" } }, "sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw=="],
+
     "highlight.js": ["highlight.js@10.7.3", "", {}, "sha512-tzcUFauisWKNHaRkN4Wjl/ZA07gENAjFl3J/c480dprkGTg5EQstgaNFqBfUqCq54kZRIEcreTsAgF/m2quD7A=="],
 
     "hono": ["hono@4.12.29", "", {}, "sha512-1hNiRjawYrLq/4m3DQQjPGFg0VZkk4RjQJDff/excI6Dm9BiL75qxGrd7/c6YOxPdq6AscP3LiXhQ6fKFC1Waw=="],
@@ -1218,14 +2010,22 @@
 
     "html-entities": ["html-entities@2.3.3", "", {}, "sha512-DV5Ln36z34NNTDgnz0EWGBLZENelNAtkiFA4kyNOG2tDI6Mz1uSWiq1wAKdyjnJwyDiDO7Fa2SO1CTxPXL8VxA=="],
 
+    "html-escaper": ["html-escaper@3.0.3", "", {}, "sha512-RuMffC89BOWQoY0WKGpIhn5gX3iI54O6nRA0yC124NYVtzjmFWBIiFd8M0x+ZdX0P9R4lADg1mgP8C7PxGOWuQ=="],
+
+    "html-void-elements": ["html-void-elements@3.0.0", "", {}, "sha512-bEqo66MRXsUGxWHV5IP0PUiAWwoEjba4VCzg0LjFJBpchPaTfyfCKTG6bc5F8ucKec3q5y6qOdGyYTSBEvhCrg=="],
+
     "htmlparser2": ["htmlparser2@10.1.0", "", { "dependencies": { "domelementtype": "^2.3.0", "domhandler": "^5.0.3", "domutils": "^3.2.2", "entities": "^7.0.1" } }, "sha512-VTZkM9GWRAtEpveh7MSF6SjjrpNVNNVJfFup7xTY3UpFtm67foy9HDVXneLtFVt4pMz5kZtgNcvCniNFb1hlEQ=="],
 
+    "http-cache-semantics": ["http-cache-semantics@4.2.0", "", {}, "sha512-dTxcvPXqPvXBQpq5dUr6mEMJX4oIEFv6bwom3FDwKRDsuIjjJGANqhBuoAn9c1RQJIdAKav33ED65E2ys+87QQ=="],
+
     "http-errors": ["http-errors@2.0.1", "", { "dependencies": { "depd": "~2.0.0", "inherits": "~2.0.4", "setprototypeof": "~1.2.0", "statuses": "~2.0.2", "toidentifier": "~1.0.1" } }, "sha512-4FbRdAX+bSdmo4AUFuS0WNiPz8NgFt+r8ThgNWmlrjQjt1Q7ZR9+zTlce2859x4KSXrwIsaeTqDoKQmtP8pLmQ=="],
 
     "https-proxy-agent": ["https-proxy-agent@9.0.0", "", { "dependencies": { "agent-base": "9.0.0", "debug": "^4.3.4" } }, "sha512-/MVmHp58WkOypgFhCLk4fzpPcFQvTJ/e6LBI7irpIO2HfxUbpmYoHF+KzipzJpxxzJu7aJNWQ0xojJ/dzV2G5g=="],
 
     "human-id": ["human-id@4.2.0", "", { "bin": { "human-id": "dist/cli.js" } }, "sha512-K3GbkIWqyvvlpfhBPlbEvD97TtqBpAYA4kt+cn2lD2x2HuohzZCibcA2nOlnJT6exqvJLggoB5nv2dNf192nEA=="],
 
+    "human-signals": ["human-signals@2.1.0", "", {}, "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw=="],
+
     "husky": ["husky@9.1.7", "", { "bin": { "husky": "bin.js" } }, "sha512-5gs5ytaNjBrh5Ow3zrvdUUY+0VxIuWVL4i9irt6friV+BqdCfmV11CQTWMiBYWHbXhco+J1kHfTOUkePhCDvMA=="],
 
     "iconv-lite": ["iconv-lite@0.7.3", "", { "dependencies": { "safer-buffer": ">= 2.1.2 < 3.0.0" } }, "sha512-IKXpvIzjnC9XTAUbVBcMfGS0EPaIXtW6v+zr+RRp+hqULEpo0owZax6wyRwPOJbWbzjYspQwusTsfVr0ifh4uQ=="],
@@ -1234,20 +2034,34 @@
 
     "ignore": ["ignore@5.3.2", "", {}, "sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g=="],
 
+    "immediate": ["immediate@3.0.6", "", {}, "sha512-XXOFtyqDjNDAQxVfYxuF7g9Il/IbWmmlQg2MYKOH8ExIT1qg6xc4zyS3HaEEATgs1btfzxq15ciUiY7gjSXRGQ=="],
+
     "immutable": ["immutable@5.1.9", "", {}, "sha512-m8nVez3rwrgmWxtLMt1ZYXB2Lv7OKYn/disyxAlSDYAlKSlFoPPfIAmAM/M5xqL4m4C/wAPw7S2/CNaUii1Hxg=="],
 
+    "import-meta-resolve": ["import-meta-resolve@4.2.0", "", {}, "sha512-Iqv2fzaTQN28s/FwZAoFq0ZSs/7hMAHJVX+w8PZl3cY19Pxk6jFFalxQoIfW2826i/fDLXv8IiEZRIT0lDuWcg=="],
+
     "import-without-cache": ["import-without-cache@0.4.0", "", {}, "sha512-NkJQA7oZ4YHQhd2+H3BoRFKF3d/XNsiKpHZCQEMH9pDX27hQQLsTyOocyRgaIVtf8gHX3Nt3LPkR4e5EdtPAGQ=="],
 
     "inherits": ["inherits@2.0.4", "", {}, "sha512-k/vGaX4/Yla3WzyMCvTQOXYeIHvqOKtnqBduzTHpzpQZzAskKMhZ2K+EnBiSM9zGSoIFeMpXKxa4dYeZIQqewQ=="],
 
     "ini": ["ini@1.3.8", "", {}, "sha512-JV/yugV2uzW5iMRSiZAyDtQd+nxtUnjeLt0acNdw98kKLrvuRVyB80tsREOE7yvGVgalhZ6RNXCmEHkUKBKxew=="],
 
+    "inline-style-parser": ["inline-style-parser@0.2.7", "", {}, "sha512-Nb2ctOyNR8DqQoR0OwRG95uNWIC0C1lCgf5Naz5H6Ji72KZ8OcFZLz2P5sNgwlyoJ8Yif11oMuYs5pBQa86csA=="],
+
     "internal-slot": ["internal-slot@1.1.0", "", { "dependencies": { "es-errors": "^1.3.0", "hasown": "^2.0.2", "side-channel": "^1.1.0" } }, "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw=="],
 
+    "internmap": ["internmap@1.0.1", "", {}, "sha512-lDB5YccMydFBtasVtxnZ3MRBHuaoE8GKsppq+EchKL2U4nK/DmEpPHNH8MZe5HkMtpSiTSOZwfN0tzYjO/lJEw=="],
+
     "ip-address": ["ip-address@10.2.0", "", {}, "sha512-/+S6j4E9AHvW9SWMSEY9Xfy66O5PWvVEJ08O0y5JGyEKQpojb0K0GKpz/v5HJ/G0vi3D2sjGK78119oXZeE0qA=="],
 
     "ipaddr.js": ["ipaddr.js@1.9.1", "", {}, "sha512-0KI/607xoxSToH7GjN1FfSbLoU0+btTicjsQSWQlh/hZykN8KpmMf7uYwPW3R+akZ6R/w18ZlXSHBYXiYUPO3g=="],
 
+    "iron-webcrypto": ["iron-webcrypto@1.2.1", "", {}, "sha512-feOM6FaSr6rEABp/eDfVseKyTMDt+KGpeB35SkVn9Tyn0CqvVsY3EwI0v5i8nMHyJnzCIQf7nsy3p41TPkJZhg=="],
+
+    "is-alphabetical": ["is-alphabetical@2.0.1", "", {}, "sha512-FWyyY60MeTNyeSRpkM2Iry0G9hpr7/9kD40mD/cGQEuilcZYS4okz8SN2Q6rLCJ8gbCt6fN+rC+6tMGS99LaxQ=="],
+
+    "is-alphanumerical": ["is-alphanumerical@2.0.1", "", { "dependencies": { "is-alphabetical": "^2.0.0", "is-decimal": "^2.0.0" } }, "sha512-hmbYhX/9MUMF5uh7tOXyK/n0ZvWpad5caBA17GsC6vyuCqaWliRG5K1qS9inmUhEMaOBIW7/whAnSwveW/LtZw=="],
+
     "is-arguments": ["is-arguments@1.2.0", "", { "dependencies": { "call-bound": "^1.0.2", "has-tostringtag": "^1.0.2" } }, "sha512-7bVbi0huj/wrIAOzb8U1aszg9kdi3KN/CyU19CTI7tAoZYEZoL9yCDXpbXN+uPsuWnP02cyug1gleqq+TU+YCA=="],
 
     "is-array-buffer": ["is-array-buffer@3.0.5", "", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.3", "get-intrinsic": "^1.2.6" } }, "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A=="],
@@ -1260,12 +2074,24 @@
 
     "is-date-object": ["is-date-object@1.1.0", "", { "dependencies": { "call-bound": "^1.0.2", "has-tostringtag": "^1.0.2" } }, "sha512-PwwhEakHVKTdRNVOw+/Gyh0+MzlCl4R6qKvkhuvLtPMggI1WAHt9sOwZxQLSGpUaDnrdyDsomoRgNnCfKNSXXg=="],
 
+    "is-decimal": ["is-decimal@2.0.1", "", {}, "sha512-AAB9hiomQs5DXWcRB1rqsxGUstbRroFOPPVAomNk/3XHR5JyEZChOyTWe2oayKnsSsr/kcGqF+z6yuH6HHpN0A=="],
+
+    "is-docker": ["is-docker@4.0.0", "", { "bin": { "is-docker": "cli.js" } }, "sha512-LHE+wROyG/Y/0ZnbktRCoTix2c1RhgWaZraMZ8o1Q7zCh0VSrICJQO5oqIIISrcSBtrXv0o233w1IYwsWCjTzA=="],
+
+    "is-extendable": ["is-extendable@0.1.1", "", {}, "sha512-5BMULNob1vgFX6EjQw5izWDxrecWK9AM72rugNr0TFldMOi0fj6Jk+zeKIt0xGj4cEfQIJth4w3OKWOJ4f+AFw=="],
+
     "is-extglob": ["is-extglob@2.1.1", "", {}, "sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ=="],
 
     "is-fullwidth-code-point": ["is-fullwidth-code-point@3.0.0", "", {}, "sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg=="],
 
     "is-glob": ["is-glob@4.0.3", "", { "dependencies": { "is-extglob": "^2.1.1" } }, "sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg=="],
 
+    "is-hexadecimal": ["is-hexadecimal@2.0.1", "", {}, "sha512-DgZQp241c8oO6cA1SbTEWiXeoxV42vlcJxgH+B3hi1AiqqKruZR3ZGF8In3fj4+/y/7rHvlOZLZtgJ/4ttYGZg=="],
+
+    "is-in-ssh": ["is-in-ssh@1.0.0", "", {}, "sha512-jYa6Q9rH90kR1vKB6NM7qqd1mge3Fx4Dhw5TVlK1MUBqhEOuCagrEHMevNuCcbECmXZ0ThXkRm+Ymr51HwEPAw=="],
+
+    "is-inside-container": ["is-inside-container@1.0.0", "", { "dependencies": { "is-docker": "^3.0.0" }, "bin": { "is-inside-container": "cli.js" } }, "sha512-KIYLCCJghfHZxqjYBE7rEy0OBuTd5xCHS7tHVgvCLkx7StIoaxwNW3hCALgEUjFfeRk+MG/Qxmp/vtETEF3tRA=="],
+
     "is-interactive": ["is-interactive@2.0.0", "", {}, "sha512-qP1vozQRI+BMOPcjFzrjXuQvdak2pHNUMZoeG2eRbiSqyvbEf/wQtEOTOX1guk6E3t36RkaqiSt8A/6YElNxLQ=="],
 
     "is-map": ["is-map@2.0.3", "", {}, "sha512-1Qed0/Hr2m+YqxnM09CjA2d/i6YZNfF6R2oRAOj36eUdS6qIV/huPJNSEpKbupewFs+ZsJlxsjjPbc0/afW6Lw=="],
@@ -1274,6 +2100,10 @@
 
     "is-number-object": ["is-number-object@1.1.1", "", { "dependencies": { "call-bound": "^1.0.3", "has-tostringtag": "^1.0.2" } }, "sha512-lZhclumE1G6VYD8VHe35wFaIif+CTy5SJIi5+3y4psDgWu4wPDoBhF8NxUOinEc7pHgiTsT6MaBb92rKhhD+Xw=="],
 
+    "is-obj": ["is-obj@2.0.0", "", {}, "sha512-drqDG3cbczxxEJRoOXcOjtdp1J/lyp1mNn0xaznRs8+muBhgQcrnbspox5X5fOw0HnMnbfDzvnEMEtqDEJEo8w=="],
+
+    "is-plain-obj": ["is-plain-obj@4.1.0", "", {}, "sha512-+Pgi+vMuUNkJyExiMBt5IlFoMyKnr5zhJ4Uspz58WOhBF5QoIZkFyNHIbBAtHwzVAgk5RtndVNsDRN61/mmDqg=="],
+
     "is-potential-custom-element-name": ["is-potential-custom-element-name@1.0.1", "", {}, "sha512-bCYeRA2rVibKZd+s2625gGnGF/t7DSqDs4dP7CrLA1m7jKWz6pps0LpYLJN8Q64HtmPKJ1hrN3nzPNKFEKOUiQ=="],
 
     "is-promise": ["is-promise@4.0.0", "", {}, "sha512-hvpoI6korhJMnej285dSg6nu1+e6uxs7zG3BYAm5byqDsgJNWwxzM6z6iZiAgQR4TJ30JmBTOwqZUw3WlyH3AQ=="],
@@ -1286,6 +2116,8 @@
 
     "is-shared-array-buffer": ["is-shared-array-buffer@1.0.4", "", { "dependencies": { "call-bound": "^1.0.3" } }, "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A=="],
 
+    "is-stream": ["is-stream@2.0.1", "", {}, "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg=="],
+
     "is-string": ["is-string@1.1.1", "", { "dependencies": { "call-bound": "^1.0.3", "has-tostringtag": "^1.0.2" } }, "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA=="],
 
     "is-subdir": ["is-subdir@1.2.0", "", { "dependencies": { "better-path-resolve": "1.0.0" } }, "sha512-2AT6j+gXe/1ueqbW6fLZJiIw3F8iXGJtt0yDrZaBhAZEG1raiTxKWU+IPqMCzQAXOUCKdA4UDMgacKH25XG2Cw=="],
@@ -1302,12 +2134,16 @@
 
     "is-windows": ["is-windows@1.0.2", "", {}, "sha512-eXK1UInq2bPmjyX6e3VHIzMLobc4J94i4AWn+Hpq3OU5KkrRC96OAcR3PRJ/pGu6m8TRnBHP9dkXQVsT/COVIA=="],
 
-    "isarray": ["isarray@2.0.5", "", {}, "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw=="],
+    "is-wsl": ["is-wsl@3.1.1", "", { "dependencies": { "is-inside-container": "^1.0.0" } }, "sha512-e6rvdUCiQCAuumZslxRJWR/Doq4VpPR82kqclvcS0efgt430SlGIk05vdCN58+VrzgtIcfNODjozVielycD4Sw=="],
+
+    "isarray": ["isarray@1.0.0", "", {}, "sha512-VLghIWNM6ELQzo7zwmcg0NmTVyWKYjvIeM83yjp0wRDTmUnrM678fQbcKBo6n2CJEF0szoG//ytg+TKla89ALQ=="],
 
     "isexe": ["isexe@2.0.0", "", {}, "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="],
 
     "jackspeak": ["jackspeak@3.4.3", "", { "dependencies": { "@isaacs/cliui": "^8.0.2" }, "optionalDependencies": { "@pkgjs/parseargs": "^0.11.0" } }, "sha512-OGlZQpz2yfahA/Rd1Y8Cd9SIEsqvXkLVoSw/cgwhnhFMDbsQFeZYoJJ7bIZBS9BcamUW96asq/npPWugM+RQBw=="],
 
+    "jake": ["jake@10.9.4", "", { "dependencies": { "async": "^3.2.6", "filelist": "^1.0.4", "picocolors": "^1.1.1" }, "bin": { "jake": "bin/cli.js" } }, "sha512-wpHYzhxiVQL+IV05BLE2Xn34zW1S223hvjtqk0+gsPrwd/8JNLXJgZZM/iPFsYc1xyphF+6M6EvdE5E9MBGkDA=="],
+
     "jiti": ["jiti@2.7.0", "", { "bin": { "jiti": "lib/jiti-cli.mjs" } }, "sha512-AC/7JofJvZGrrneWNaEnJeOLUx+JlGt7tNa0wZiRPT4MY1wmfKjt2+6O2p2uz2+skll8OZZmJMNqeke7kKbNgQ=="],
 
     "jose": ["jose@6.2.3", "", {}, "sha512-YYVDInQKFJfR/xa3ojUTl8c2KoTwiL1R5Wg9YCydwH0x0B9grbzlg5HC7mMjCtUJjbQ/YnGEZIhI5tCgfTb4Hw=="],
@@ -1324,6 +2160,8 @@
 
     "jsesc": ["jsesc@3.1.0", "", { "bin": { "jsesc": "bin/jsesc" } }, "sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA=="],
 
+    "json-schema": ["json-schema@0.4.0", "", {}, "sha512-es94M3nTIfsEPisRafak+HDLfHXnKBhV3vU5eqPcS3flIWqcxJWgXHXiey3YrpaNsanY5ei1VoYEbOzijuq9BA=="],
+
     "json-schema-traverse": ["json-schema-traverse@1.0.0", "", {}, "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug=="],
 
     "json-schema-typed": ["json-schema-typed@8.0.2", "", {}, "sha512-fQhoXdcvc3V28x7C7BMs4P5+kNlgUURe2jmUT1T//oBRMDrqy1QPelJimwZGo7Hg9VPV3EQV5Bnq4hbFy2vetA=="],
@@ -1334,8 +2172,28 @@
 
     "jsonfile": ["jsonfile@4.0.0", "", { "optionalDependencies": { "graceful-fs": "^4.1.6" } }, "sha512-m6F1R3z8jjlf2imQHS2Qez5sjKWQzbuuhuJ/FKYFRZvPE3PuHcSMVZzfsLhGVOkfd20obL5SWEBew5ShlquNxg=="],
 
+    "jsonpointer": ["jsonpointer@5.0.1", "", {}, "sha512-p/nXbhSEcu3pZRdkW1OfJhpsVtW1gd4Wa1fnQc9YLiTfAjn0312eMKimbdIQzuZl9aa9xUGaRlP9T/CJE/ditQ=="],
+
+    "jszip": ["jszip@3.10.1", "", { "dependencies": { "lie": "~3.3.0", "pako": "~1.0.2", "readable-stream": "~2.3.6", "setimmediate": "^1.0.5" } }, "sha512-xXDvecyTpGLrqFrvkrUSoxxfJI5AH7U8zxxtVclpsUtMCq4JQ290LY8AW5c7Ggnr/Y/oK+bQMbqK2qmtk3pN4g=="],
+
+    "katex": ["katex@0.17.0", "", { "dependencies": { "commander": "^8.3.0" }, "bin": { "katex": "cli.js" } }, "sha512-Vdw0ATsQ9V+LuegM/BTwQqV/6cTl5lbGcIrU+BCgLxyf6bo38ybOr372tuSIxir3CN720flu1meYR6XzNMwQnw=="],
+
+    "khroma": ["khroma@2.1.0", "", {}, "sha512-Ls993zuzfayK269Svk9hzpeGUKob/sIgZzyHYdjQoAdQetRKpOLj+k/QQQ/6Qi0Yz65mlROrfd+Ev+1+7dz9Kw=="],
+
+    "kind-of": ["kind-of@6.0.3", "", {}, "sha512-dcS1ul+9tmeD95T+x28/ehLgd9mENa3LsvDTtzm3vyBEO7RPptvAD+t44WVXaUjTBRcrpFeFlC8WCruUR456hw=="],
+
+    "kleur": ["kleur@4.1.5", "", {}, "sha512-o+NO+8WrRiQEE4/7nwRJhN1HWpVmJm511pBHUxPLtp0BUISzlBplORYSmTclCnJvQq2tKu/sgl3xVpkc7ZWuQQ=="],
+
     "knip": ["knip@6.24.0", "", { "dependencies": { "fdir": "^6.5.0", "formatly": "^0.3.0", "get-tsconfig": "4.14.0", "jiti": "^2.7.0", "oxc-parser": "^0.137.0", "oxc-resolver": "11.21.3", "picomatch": "^4.0.4", "smol-toml": "^1.6.1", "strip-json-comments": "5.0.3", "tinyglobby": "^0.2.17", "unbash": "^4.0.1", "yaml": "^2.9.0", "zod": "^4.1.11" }, "bin": { "knip": "bin/knip.js", "knip-bun": "bin/knip-bun.js" } }, "sha512-PokLlgeEjLh1rAsB7ts+52wZ37HBr1nDhE6NNONwEaXdeZGCJOkP7ZlIAI2Gtu8xohquzTWy75bc/1diI9shQw=="],
 
+    "kolorist": ["kolorist@1.8.0", "", {}, "sha512-Y+60/zizpJ3HRH8DCss+q95yr6145JXZo46OTpFvDZWLfRCE4qChOyk1b26nMaNpfHHgxagk9dXT5OP0Tfe+dQ=="],
+
+    "layout-base": ["layout-base@1.0.2", "", {}, "sha512-8h2oVEZNktL4BH2JCOI90iD1yXwL6iNW7KcCKT2QZgQJR2vbqDsldCTPRU9NifTCqHZci57XvQQ15YTu+sTYPg=="],
+
+    "leven": ["leven@4.1.0", "", {}, "sha512-KZ9W9nWDT7rF7Dazg8xyLHGLrmpgq2nVNFUckhqdW3szVP6YhCpp/RAnpmVExA9JvrMynjwSLVrEj3AepHR6ew=="],
+
+    "lie": ["lie@3.3.0", "", { "dependencies": { "immediate": "~3.0.5" } }, "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ=="],
+
     "lightningcss": ["lightningcss@1.32.0", "", { "dependencies": { "detect-libc": "^2.0.3" }, "optionalDependencies": { "lightningcss-android-arm64": "1.32.0", "lightningcss-darwin-arm64": "1.32.0", "lightningcss-darwin-x64": "1.32.0", "lightningcss-freebsd-x64": "1.32.0", "lightningcss-linux-arm-gnueabihf": "1.32.0", "lightningcss-linux-arm64-gnu": "1.32.0", "lightningcss-linux-arm64-musl": "1.32.0", "lightningcss-linux-x64-gnu": "1.32.0", "lightningcss-linux-x64-musl": "1.32.0", "lightningcss-win32-arm64-msvc": "1.32.0", "lightningcss-win32-x64-msvc": "1.32.0" } }, "sha512-NXYBzinNrblfraPGyrbPoD19C1h9lfI/1mzgWYvXUTe414Gz/X1FD2XBZSZM7rRTrMA8JL3OtAaGifrIKhQ5yQ=="],
 
     "lightningcss-android-arm64": ["lightningcss-android-arm64@1.32.0", "", { "os": "android", "cpu": "arm64" }, "sha512-YK7/ClTt4kAK0vo6w3X+Pnm0D2cf2vPHbhOXdoNti1Ga0al1P4TBZhwjATvjNwLEBCnKvjJc2jQgHXH0NEwlAg=="],
@@ -1374,28 +2232,76 @@
 
     "locate-path": ["locate-path@5.0.0", "", { "dependencies": { "p-locate": "^4.1.0" } }, "sha512-t7hw9pI+WvuwNJXwk5zVHpyhIqzg2qTlklJOf0mVxGSbe3Fp2VieZcduNYjaLDoy6p9uGpQEGWG87WpMKlNq8g=="],
 
+    "lodash-es": ["lodash-es@4.18.1", "", {}, "sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A=="],
+
+    "lodash.isequal": ["lodash.isequal@4.5.0", "", {}, "sha512-pDo3lu8Jhfjqls6GkMgpahsF9kCyayhgykjyLMNFTKWrpVdAQtYyB4muAMWozBB4ig/dtWAmsMxLEI8wuz+DYQ=="],
+
     "lodash.startcase": ["lodash.startcase@4.4.0", "", {}, "sha512-+WKqsK294HMSc2jEbNgpHpd0JfIBhp7rEV4aqXWqFr6AlXov+SlcgB1Fv01y2kGe3Gc8nMW7VA0SrGuSkRfIEg=="],
 
     "log-symbols": ["log-symbols@7.0.1", "", { "dependencies": { "is-unicode-supported": "^2.0.0", "yoctocolors": "^2.1.1" } }, "sha512-ja1E3yCr9i/0hmBVaM0bfwDjnGy8I/s6PP4DFp+yP+a+mrHO4Rm7DtmnqROTUkHIkqffC84YY7AeqX6oFk0WFg=="],
 
     "log-update": ["log-update@6.1.0", "", { "dependencies": { "ansi-escapes": "^7.0.0", "cli-cursor": "^5.0.0", "slice-ansi": "^7.1.0", "strip-ansi": "^7.1.0", "wrap-ansi": "^9.0.0" } }, "sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w=="],
 
+    "longest-streak": ["longest-streak@3.1.0", "", {}, "sha512-9Ri+o0JYgehTaVBBDoMqIl8GXtbWg711O3srftcHhZ0dqnETqLaoIK0x17fUw9rFSlK/0NlsKe0Ahhyl5pXE2g=="],
+
     "lru-cache": ["lru-cache@11.5.2", "", {}, "sha512-4pfM1Ff0x50o0tQwb5ucw/RzNyD0/YJME6IVcStalZuMWxdt3sR3huStTtxz4PUmvZfRguvDejasvQ2kifR11g=="],
 
+    "lru_map": ["lru_map@0.4.1", "", {}, "sha512-I+lBvqMMFfqaV8CJCISjI3wbjmwVu/VyOoU7+qtu9d7ioW5klMgsTTiUOUp+DJvfTTzKXoPbyC6YfgkNcyPSOg=="],
+
     "lunr": ["lunr@2.3.9", "", {}, "sha512-zTU3DaZaF3Rt9rhN3uBMGQD3dD2/vFQqnvZCDv4dl5iOzq2IZQqTxu90r4E5J+nP70J3ilqVCrbho2eWaeW8Ow=="],
 
     "lz-string": ["lz-string@1.5.0", "", { "bin": { "lz-string": "bin/bin.js" } }, "sha512-h5bgJWpxJNswbU7qCrV0tIKQCaS3blPDrqKWx+QxzuzL1zGUzij9XCWLrSLsJPu5t+eWA/ycetzYAO5IOMcWAQ=="],
 
     "magic-string": ["magic-string@0.30.21", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.5" } }, "sha512-vd2F4YUyEXKGcLHoq+TEyCjxueSeHnFxyyjNp80yg0XV4vUhnDer/lvvlqM/arB5bXQN5K2/3oinyCRyx8T2CQ=="],
 
+    "magicast": ["magicast@0.5.3", "", { "dependencies": { "@babel/parser": "^7.29.3", "@babel/types": "^7.29.0", "source-map-js": "^1.2.1" } }, "sha512-pVKE4UdSQ7DvHzivsCIFx2BJn1mHG6KsyrFcaxFx6tONdneEuThrDx0Cj3AMg58KyN4pzYT+LHOotxDQDjNvkw=="],
+
+    "markdown-extensions": ["markdown-extensions@2.0.0", "", {}, "sha512-o5vL7aDWatOTX8LzaS1WMoaoxIiLRQJuIKKe2wAw6IeULDHaqbiqiggmx+pKvZDb1Sj+pE46Sn1T7lCqfFtg1Q=="],
+
     "markdown-it": ["markdown-it@14.3.0", "", { "dependencies": { "argparse": "^2.0.1", "entities": "^4.5.0", "linkify-it": "^5.0.2", "mdurl": "^2.0.0", "punycode.js": "^2.3.1", "uc.micro": "^2.1.0" }, "bin": { "markdown-it": "bin/markdown-it.mjs" } }, "sha512-RCEsPjR+sr0x+AuYp601tKTkgFG4YEPLCzHST3cQ/fhlJkqAkz1L2/Qbp1j9qw5SBwQHFBoW8+hoN5xssOF0Tw=="],
 
+    "markdown-table": ["markdown-table@3.0.4", "", {}, "sha512-wiYz4+JrLyb/DqW2hkFJxP7Vd7JuTDm77fvbM8VfEQdmSMqcImWeeRbHwZjBjIFki/VaMK2BhFi7oUUZeM5bqw=="],
+
     "marked": ["marked@9.1.6", "", { "bin": { "marked": "bin/marked.js" } }, "sha512-jcByLnIFkd5gSXZmjNvS1TlmRhCXZjIzHYlaGkPlLIekG55JDR2Z4va9tZwCiP+/RDERiNhMOFu01xd6O5ct1Q=="],
 
     "marked-terminal": ["marked-terminal@7.3.0", "", { "dependencies": { "ansi-escapes": "^7.0.0", "ansi-regex": "^6.1.0", "chalk": "^5.4.1", "cli-highlight": "^2.1.11", "cli-table3": "^0.6.5", "node-emoji": "^2.2.0", "supports-hyperlinks": "^3.1.0" }, "peerDependencies": { "marked": ">=1 <16" } }, "sha512-t4rBvPsHc57uE/2nJOLmMbZCQ4tgAccAED3ngXQqW6g+TxA488JzJ+FK3lQkzBQOI1mRV/r/Kq+1ZlJ4D0owQw=="],
 
     "math-intrinsics": ["math-intrinsics@1.1.0", "", {}, "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g=="],
 
+    "mdast-util-definitions": ["mdast-util-definitions@6.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "@types/unist": "^3.0.0", "unist-util-visit": "^5.0.0" } }, "sha512-scTllyX6pnYNZH/AIp/0ePz6s4cZtARxImwoPJ7kS42n+MnVsI4XbnG6d4ibehRIldYMWM2LD7ImQblVhUejVQ=="],
+
+    "mdast-util-find-and-replace": ["mdast-util-find-and-replace@3.0.2", "", { "dependencies": { "@types/mdast": "^4.0.0", "escape-string-regexp": "^5.0.0", "unist-util-is": "^6.0.0", "unist-util-visit-parents": "^6.0.0" } }, "sha512-Tmd1Vg/m3Xz43afeNxDIhWRtFZgM2VLyaf4vSTYwudTyeuTneoL3qtWMA5jeLyz/O1vDJmmV4QuScFCA2tBPwg=="],
+
+    "mdast-util-from-markdown": ["mdast-util-from-markdown@2.0.3", "", { "dependencies": { "@types/mdast": "^4.0.0", "@types/unist": "^3.0.0", "decode-named-character-reference": "^1.0.0", "devlop": "^1.0.0", "mdast-util-to-string": "^4.0.0", "micromark": "^4.0.0", "micromark-util-decode-numeric-character-reference": "^2.0.0", "micromark-util-decode-string": "^2.0.0", "micromark-util-normalize-identifier": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0", "unist-util-stringify-position": "^4.0.0" } }, "sha512-W4mAWTvSlKvf8L6J+VN9yLSqQ9AOAAvHuoDAmPkz4dHf553m5gVj2ejadHJhoJmcmxEnOv6Pa8XJhpxE93kb8Q=="],
+
+    "mdast-util-gfm": ["mdast-util-gfm@3.1.0", "", { "dependencies": { "mdast-util-from-markdown": "^2.0.0", "mdast-util-gfm-autolink-literal": "^2.0.0", "mdast-util-gfm-footnote": "^2.0.0", "mdast-util-gfm-strikethrough": "^2.0.0", "mdast-util-gfm-table": "^2.0.0", "mdast-util-gfm-task-list-item": "^2.0.0", "mdast-util-to-markdown": "^2.0.0" } }, "sha512-0ulfdQOM3ysHhCJ1p06l0b0VKlhU0wuQs3thxZQagjcjPrlFRqY215uZGHHJan9GEAXd9MbfPjFJz+qMkVR6zQ=="],
+
+    "mdast-util-gfm-autolink-literal": ["mdast-util-gfm-autolink-literal@2.0.1", "", { "dependencies": { "@types/mdast": "^4.0.0", "ccount": "^2.0.0", "devlop": "^1.0.0", "mdast-util-find-and-replace": "^3.0.0", "micromark-util-character": "^2.0.0" } }, "sha512-5HVP2MKaP6L+G6YaxPNjuL0BPrq9orG3TsrZ9YXbA3vDw/ACI4MEsnoDpn6ZNm7GnZgtAcONJyPhOP8tNJQavQ=="],
+
+    "mdast-util-gfm-footnote": ["mdast-util-gfm-footnote@2.1.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "devlop": "^1.1.0", "mdast-util-from-markdown": "^2.0.0", "mdast-util-to-markdown": "^2.0.0", "micromark-util-normalize-identifier": "^2.0.0" } }, "sha512-sqpDWlsHn7Ac9GNZQMeUzPQSMzR6Wv0WKRNvQRg0KqHh02fpTz69Qc1QSseNX29bhz1ROIyNyxExfawVKTm1GQ=="],
+
+    "mdast-util-gfm-strikethrough": ["mdast-util-gfm-strikethrough@2.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "mdast-util-from-markdown": "^2.0.0", "mdast-util-to-markdown": "^2.0.0" } }, "sha512-mKKb915TF+OC5ptj5bJ7WFRPdYtuHv0yTRxK2tJvi+BDqbkiG7h7u/9SI89nRAYcmap2xHQL9D+QG/6wSrTtXg=="],
+
+    "mdast-util-gfm-table": ["mdast-util-gfm-table@2.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "devlop": "^1.0.0", "markdown-table": "^3.0.0", "mdast-util-from-markdown": "^2.0.0", "mdast-util-to-markdown": "^2.0.0" } }, "sha512-78UEvebzz/rJIxLvE7ZtDd/vIQ0RHv+3Mh5DR96p7cS7HsBhYIICDBCu8csTNWNO6tBWfqXPWekRuj2FNOGOZg=="],
+
+    "mdast-util-gfm-task-list-item": ["mdast-util-gfm-task-list-item@2.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "devlop": "^1.0.0", "mdast-util-from-markdown": "^2.0.0", "mdast-util-to-markdown": "^2.0.0" } }, "sha512-IrtvNvjxC1o06taBAVJznEnkiHxLFTzgonUdy8hzFVeDun0uTjxxrRGVaNFqkU1wJR3RBPEfsxmU6jDWPofrTQ=="],
+
+    "mdast-util-mdx": ["mdast-util-mdx@3.0.0", "", { "dependencies": { "mdast-util-from-markdown": "^2.0.0", "mdast-util-mdx-expression": "^2.0.0", "mdast-util-mdx-jsx": "^3.0.0", "mdast-util-mdxjs-esm": "^2.0.0", "mdast-util-to-markdown": "^2.0.0" } }, "sha512-JfbYLAW7XnYTTbUsmpu0kdBUVe+yKVJZBItEjwyYJiDJuZ9w4eeaqks4HQO+R7objWgS2ymV60GYpI14Ug554w=="],
+
+    "mdast-util-mdx-expression": ["mdast-util-mdx-expression@2.0.1", "", { "dependencies": { "@types/estree-jsx": "^1.0.0", "@types/hast": "^3.0.0", "@types/mdast": "^4.0.0", "devlop": "^1.0.0", "mdast-util-from-markdown": "^2.0.0", "mdast-util-to-markdown": "^2.0.0" } }, "sha512-J6f+9hUp+ldTZqKRSg7Vw5V6MqjATc+3E4gf3CFNcuZNWD8XdyI6zQ8GqH7f8169MM6P7hMBRDVGnn7oHB9kXQ=="],
+
+    "mdast-util-mdx-jsx": ["mdast-util-mdx-jsx@3.2.0", "", { "dependencies": { "@types/estree-jsx": "^1.0.0", "@types/hast": "^3.0.0", "@types/mdast": "^4.0.0", "@types/unist": "^3.0.0", "ccount": "^2.0.0", "devlop": "^1.1.0", "mdast-util-from-markdown": "^2.0.0", "mdast-util-to-markdown": "^2.0.0", "parse-entities": "^4.0.0", "stringify-entities": "^4.0.0", "unist-util-stringify-position": "^4.0.0", "vfile-message": "^4.0.0" } }, "sha512-lj/z8v0r6ZtsN/cGNNtemmmfoLAFZnjMbNyLzBafjzikOM+glrjNHPlf6lQDOTccj9n5b0PPihEBbhneMyGs1Q=="],
+
+    "mdast-util-mdxjs-esm": ["mdast-util-mdxjs-esm@2.0.1", "", { "dependencies": { "@types/estree-jsx": "^1.0.0", "@types/hast": "^3.0.0", "@types/mdast": "^4.0.0", "devlop": "^1.0.0", "mdast-util-from-markdown": "^2.0.0", "mdast-util-to-markdown": "^2.0.0" } }, "sha512-EcmOpxsZ96CvlP03NghtH1EsLtr0n9Tm4lPUJUBccV9RwUOneqSycg19n5HGzCf+10LozMRSObtVr3ee1WoHtg=="],
+
+    "mdast-util-phrasing": ["mdast-util-phrasing@4.1.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "unist-util-is": "^6.0.0" } }, "sha512-TqICwyvJJpBwvGAMZjj4J2n0X8QWp21b9l0o7eXyVJ25YNWYbJDVIyD1bZXE6WtV6RmKJVYmQAKWa0zWOABz2w=="],
+
+    "mdast-util-to-hast": ["mdast-util-to-hast@13.2.1", "", { "dependencies": { "@types/hast": "^3.0.0", "@types/mdast": "^4.0.0", "@ungap/structured-clone": "^1.0.0", "devlop": "^1.0.0", "micromark-util-sanitize-uri": "^2.0.0", "trim-lines": "^3.0.0", "unist-util-position": "^5.0.0", "unist-util-visit": "^5.0.0", "vfile": "^6.0.0" } }, "sha512-cctsq2wp5vTsLIcaymblUriiTcZd0CwWtCbLvrOzYCDZoWyMNV8sZ7krj09FSnsiJi3WVsHLM4k6Dq/yaPyCXA=="],
+
+    "mdast-util-to-markdown": ["mdast-util-to-markdown@2.1.2", "", { "dependencies": { "@types/mdast": "^4.0.0", "@types/unist": "^3.0.0", "longest-streak": "^3.0.0", "mdast-util-phrasing": "^4.0.0", "mdast-util-to-string": "^4.0.0", "micromark-util-classify-character": "^2.0.0", "micromark-util-decode-string": "^2.0.0", "unist-util-visit": "^5.0.0", "zwitch": "^2.0.0" } }, "sha512-xj68wMTvGXVOKonmog6LwyJKrYXZPvlwabaryTjLh9LuvovB/KAH+kvi8Gjj+7rJjsFi23nkUxRQv1KqSroMqA=="],
+
+    "mdast-util-to-string": ["mdast-util-to-string@4.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0" } }, "sha512-0H44vDimn51F0YwvxSJSm0eCDOJTRlmN0R1yBh4HLj9wiV1Dn0QoXGbvFAWj2hSItVTlCmBF1hqKlIyUBVFLPg=="],
+
     "mdn-data": ["mdn-data@2.27.1", "", {}, "sha512-9Yubnt3e8A0OKwxYSXyhLymGW4sCufcLG6VdiDdUGVkPhpqLxlvP5vl1983gQjJl3tqbrM731mjaZaP68AgosQ=="],
 
     "mdurl": ["mdurl@2.0.0", "", {}, "sha512-Lf+9+2r+Tdp5wXDXC4PcIBjTDtq4UKjCPMQhKIuzpJNW0b96kVqSwW0bT7FhRSfmAiFYgP+SCRvdrDozfh0U5w=="],
@@ -1406,14 +2312,92 @@
 
     "merge-descriptors": ["merge-descriptors@2.0.0", "", {}, "sha512-Snk314V5ayFLhp3fkUREub6WtjBfPdCPY1Ln8/8munuLuiYhsABgBVWsozAG+MWMbVEvcdcpbi9R7ww22l9Q3g=="],
 
+    "merge-stream": ["merge-stream@2.0.0", "", {}, "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w=="],
+
     "merge2": ["merge2@1.4.1", "", {}, "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="],
 
+    "mermaid": ["mermaid@11.16.0", "", { "dependencies": { "@braintree/sanitize-url": "^7.1.2", "@iconify/utils": "^3.0.2", "@mermaid-js/parser": "^1.2.0", "@types/d3": "^7.4.3", "@upsetjs/venn.js": "^2.0.0", "cytoscape": "^3.33.3", "cytoscape-cose-bilkent": "^4.1.0", "cytoscape-fcose": "^2.2.0", "d3": "^7.9.0", "d3-sankey": "^0.12.3", "dagre-d3-es": "7.0.14", "dayjs": "^1.11.20", "dompurify": "^3.3.3", "es-toolkit": "^1.45.1", "katex": "^0.16.45", "khroma": "^2.1.0", "marked": "^16.3.0", "roughjs": "^4.6.6", "stylis": "^4.3.6", "ts-dedent": "^2.2.0", "uuid": "^11.1.0 || ^12 || ^13 || ^14.0.0" } }, "sha512-Zvm3kbstgdpvIJPPItlL7fppIZ3kibvc1oZIGxdvk9t6UFz6flv+Jw7FtRGKwfcI8OckmH04LqG6LlS6X4B1pA=="],
+
+    "micromark": ["micromark@4.0.2", "", { "dependencies": { "@types/debug": "^4.0.0", "debug": "^4.0.0", "decode-named-character-reference": "^1.0.0", "devlop": "^1.0.0", "micromark-core-commonmark": "^2.0.0", "micromark-factory-space": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-chunked": "^2.0.0", "micromark-util-combine-extensions": "^2.0.0", "micromark-util-decode-numeric-character-reference": "^2.0.0", "micromark-util-encode": "^2.0.0", "micromark-util-normalize-identifier": "^2.0.0", "micromark-util-resolve-all": "^2.0.0", "micromark-util-sanitize-uri": "^2.0.0", "micromark-util-subtokenize": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-zpe98Q6kvavpCr1NPVSCMebCKfD7CA2NqZ+rykeNhONIJBpc1tFKt9hucLGwha3jNTNI8lHpctWJWoimVF4PfA=="],
+
+    "micromark-core-commonmark": ["micromark-core-commonmark@2.0.3", "", { "dependencies": { "decode-named-character-reference": "^1.0.0", "devlop": "^1.0.0", "micromark-factory-destination": "^2.0.0", "micromark-factory-label": "^2.0.0", "micromark-factory-space": "^2.0.0", "micromark-factory-title": "^2.0.0", "micromark-factory-whitespace": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-chunked": "^2.0.0", "micromark-util-classify-character": "^2.0.0", "micromark-util-html-tag-name": "^2.0.0", "micromark-util-normalize-identifier": "^2.0.0", "micromark-util-resolve-all": "^2.0.0", "micromark-util-subtokenize": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-RDBrHEMSxVFLg6xvnXmb1Ayr2WzLAWjeSATAoxwKYJV94TeNavgoIdA0a9ytzDSVzBy2YKFK+emCPOEibLeCrg=="],
+
+    "micromark-extension-gfm": ["micromark-extension-gfm@3.0.0", "", { "dependencies": { "micromark-extension-gfm-autolink-literal": "^2.0.0", "micromark-extension-gfm-footnote": "^2.0.0", "micromark-extension-gfm-strikethrough": "^2.0.0", "micromark-extension-gfm-table": "^2.0.0", "micromark-extension-gfm-tagfilter": "^2.0.0", "micromark-extension-gfm-task-list-item": "^2.0.0", "micromark-util-combine-extensions": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-vsKArQsicm7t0z2GugkCKtZehqUm31oeGBV/KVSorWSy8ZlNAv7ytjFhvaryUiCUJYqs+NoE6AFhpQvBTM6Q4w=="],
+
+    "micromark-extension-gfm-autolink-literal": ["micromark-extension-gfm-autolink-literal@2.1.0", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-sanitize-uri": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-oOg7knzhicgQ3t4QCjCWgTmfNhvQbDDnJeVu9v81r7NltNCVmhPy1fJRX27pISafdjL+SVc4d3l48Gb6pbRypw=="],
+
+    "micromark-extension-gfm-footnote": ["micromark-extension-gfm-footnote@2.1.0", "", { "dependencies": { "devlop": "^1.0.0", "micromark-core-commonmark": "^2.0.0", "micromark-factory-space": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-normalize-identifier": "^2.0.0", "micromark-util-sanitize-uri": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-/yPhxI1ntnDNsiHtzLKYnE3vf9JZ6cAisqVDauhp4CEHxlb4uoOTxOCJ+9s51bIB8U1N1FJ1RXOKTIlD5B/gqw=="],
+
+    "micromark-extension-gfm-strikethrough": ["micromark-extension-gfm-strikethrough@2.1.0", "", { "dependencies": { "devlop": "^1.0.0", "micromark-util-chunked": "^2.0.0", "micromark-util-classify-character": "^2.0.0", "micromark-util-resolve-all": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-ADVjpOOkjz1hhkZLlBiYA9cR2Anf8F4HqZUO6e5eDcPQd0Txw5fxLzzxnEkSkfnD0wziSGiv7sYhk/ktvbf1uw=="],
+
+    "micromark-extension-gfm-table": ["micromark-extension-gfm-table@2.1.1", "", { "dependencies": { "devlop": "^1.0.0", "micromark-factory-space": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-t2OU/dXXioARrC6yWfJ4hqB7rct14e8f7m0cbI5hUmDyyIlwv5vEtooptH8INkbLzOatzKuVbQmAYcbWoyz6Dg=="],
+
+    "micromark-extension-gfm-tagfilter": ["micromark-extension-gfm-tagfilter@2.0.0", "", { "dependencies": { "micromark-util-types": "^2.0.0" } }, "sha512-xHlTOmuCSotIA8TW1mDIM6X2O1SiX5P9IuDtqGonFhEK0qgRI4yeC6vMxEV2dgyr2TiD+2PQ10o+cOhdVAcwfg=="],
+
+    "micromark-extension-gfm-task-list-item": ["micromark-extension-gfm-task-list-item@2.1.0", "", { "dependencies": { "devlop": "^1.0.0", "micromark-factory-space": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-qIBZhqxqI6fjLDYFTBIa4eivDMnP+OZqsNwmQ3xNLE4Cxwc+zfQEfbs6tzAo2Hjq+bh6q5F+Z8/cksrLFYWQQw=="],
+
+    "micromark-extension-mdx-expression": ["micromark-extension-mdx-expression@3.0.1", "", { "dependencies": { "@types/estree": "^1.0.0", "devlop": "^1.0.0", "micromark-factory-mdx-expression": "^2.0.0", "micromark-factory-space": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-events-to-acorn": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-dD/ADLJ1AeMvSAKBwO22zG22N4ybhe7kFIZ3LsDI0GlsNr2A3KYxb0LdC1u5rj4Nw+CHKY0RVdnHX8vj8ejm4Q=="],
+
+    "micromark-extension-mdx-jsx": ["micromark-extension-mdx-jsx@3.0.2", "", { "dependencies": { "@types/estree": "^1.0.0", "devlop": "^1.0.0", "estree-util-is-identifier-name": "^3.0.0", "micromark-factory-mdx-expression": "^2.0.0", "micromark-factory-space": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-events-to-acorn": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0", "vfile-message": "^4.0.0" } }, "sha512-e5+q1DjMh62LZAJOnDraSSbDMvGJ8x3cbjygy2qFEi7HCeUT4BDKCvMozPozcD6WmOt6sVvYDNBKhFSz3kjOVQ=="],
+
+    "micromark-extension-mdx-md": ["micromark-extension-mdx-md@2.0.0", "", { "dependencies": { "micromark-util-types": "^2.0.0" } }, "sha512-EpAiszsB3blw4Rpba7xTOUptcFeBFi+6PY8VnJ2hhimH+vCQDirWgsMpz7w1XcZE7LVrSAUGb9VJpG9ghlYvYQ=="],
+
+    "micromark-extension-mdxjs": ["micromark-extension-mdxjs@3.0.0", "", { "dependencies": { "acorn": "^8.0.0", "acorn-jsx": "^5.0.0", "micromark-extension-mdx-expression": "^3.0.0", "micromark-extension-mdx-jsx": "^3.0.0", "micromark-extension-mdx-md": "^2.0.0", "micromark-extension-mdxjs-esm": "^3.0.0", "micromark-util-combine-extensions": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-A873fJfhnJ2siZyUrJ31l34Uqwy4xIFmvPY1oj+Ean5PHcPBYzEsvqvWGaWcfEIr11O5Dlw3p2y0tZWpKHDejQ=="],
+
+    "micromark-extension-mdxjs-esm": ["micromark-extension-mdxjs-esm@3.0.0", "", { "dependencies": { "@types/estree": "^1.0.0", "devlop": "^1.0.0", "micromark-core-commonmark": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-events-to-acorn": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0", "unist-util-position-from-estree": "^2.0.0", "vfile-message": "^4.0.0" } }, "sha512-DJFl4ZqkErRpq/dAPyeWp15tGrcrrJho1hKK5uBS70BCtfrIFg81sqcTVu3Ta+KD1Tk5vAtBNElWxtAa+m8K9A=="],
+
+    "micromark-factory-destination": ["micromark-factory-destination@2.0.1", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-Xe6rDdJlkmbFRExpTOmRj9N3MaWmbAgdpSrBQvCFqhezUn4AHqJHbaEnfbVYYiexVSs//tqOdY/DxhjdCiJnIA=="],
+
+    "micromark-factory-label": ["micromark-factory-label@2.0.1", "", { "dependencies": { "devlop": "^1.0.0", "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-VFMekyQExqIW7xIChcXn4ok29YE3rnuyveW3wZQWWqF4Nv9Wk5rgJ99KzPvHjkmPXF93FXIbBp6YdW3t71/7Vg=="],
+
+    "micromark-factory-mdx-expression": ["micromark-factory-mdx-expression@2.0.3", "", { "dependencies": { "@types/estree": "^1.0.0", "devlop": "^1.0.0", "micromark-factory-space": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-events-to-acorn": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0", "unist-util-position-from-estree": "^2.0.0", "vfile-message": "^4.0.0" } }, "sha512-kQnEtA3vzucU2BkrIa8/VaSAsP+EJ3CKOvhMuJgOEGg9KDC6OAY6nSnNDVRiVNRqj7Y4SlSzcStaH/5jge8JdQ=="],
+
+    "micromark-factory-space": ["micromark-factory-space@2.0.1", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-zRkxjtBxxLd2Sc0d+fbnEunsTj46SWXgXciZmHq0kDYGnck/ZSGj9/wULTV95uoeYiK5hRXP2mJ98Uo4cq/LQg=="],
+
+    "micromark-factory-title": ["micromark-factory-title@2.0.1", "", { "dependencies": { "micromark-factory-space": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-5bZ+3CjhAd9eChYTHsjy6TGxpOFSKgKKJPJxr293jTbfry2KDoWkhBb6TcPVB4NmzaPhMs1Frm9AZH7OD4Cjzw=="],
+
+    "micromark-factory-whitespace": ["micromark-factory-whitespace@2.0.1", "", { "dependencies": { "micromark-factory-space": "^2.0.0", "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-Ob0nuZ3PKt/n0hORHyvoD9uZhr+Za8sFoP+OnMcnWK5lngSzALgQYKMr9RJVOWLqQYuyn6ulqGWSXdwf6F80lQ=="],
+
+    "micromark-util-character": ["micromark-util-character@2.1.1", "", { "dependencies": { "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-wv8tdUTJ3thSFFFJKtpYKOYiGP2+v96Hvk4Tu8KpCAsTMs6yi+nVmGh1syvSCsaxz45J6Jbw+9DD6g97+NV67Q=="],
+
+    "micromark-util-chunked": ["micromark-util-chunked@2.0.1", "", { "dependencies": { "micromark-util-symbol": "^2.0.0" } }, "sha512-QUNFEOPELfmvv+4xiNg2sRYeS/P84pTW0TCgP5zc9FpXetHY0ab7SxKyAQCNCc1eK0459uoLI1y5oO5Vc1dbhA=="],
+
+    "micromark-util-classify-character": ["micromark-util-classify-character@2.0.1", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-K0kHzM6afW/MbeWYWLjoHQv1sgg2Q9EccHEDzSkxiP/EaagNzCm7T/WMKZ3rjMbvIpvBiZgwR3dKMygtA4mG1Q=="],
+
+    "micromark-util-combine-extensions": ["micromark-util-combine-extensions@2.0.1", "", { "dependencies": { "micromark-util-chunked": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-OnAnH8Ujmy59JcyZw8JSbK9cGpdVY44NKgSM7E9Eh7DiLS2E9RNQf0dONaGDzEG9yjEl5hcqeIsj4hfRkLH/Bg=="],
+
+    "micromark-util-decode-numeric-character-reference": ["micromark-util-decode-numeric-character-reference@2.0.2", "", { "dependencies": { "micromark-util-symbol": "^2.0.0" } }, "sha512-ccUbYk6CwVdkmCQMyr64dXz42EfHGkPQlBj5p7YVGzq8I7CtjXZJrubAYezf7Rp+bjPseiROqe7G6foFd+lEuw=="],
+
+    "micromark-util-decode-string": ["micromark-util-decode-string@2.0.1", "", { "dependencies": { "decode-named-character-reference": "^1.0.0", "micromark-util-character": "^2.0.0", "micromark-util-decode-numeric-character-reference": "^2.0.0", "micromark-util-symbol": "^2.0.0" } }, "sha512-nDV/77Fj6eH1ynwscYTOsbK7rR//Uj0bZXBwJZRfaLEJ1iGBR6kIfNmlNqaqJf649EP0F3NWNdeJi03elllNUQ=="],
+
+    "micromark-util-encode": ["micromark-util-encode@2.0.1", "", {}, "sha512-c3cVx2y4KqUnwopcO9b/SCdo2O67LwJJ/UyqGfbigahfegL9myoEFoDYZgkT7f36T0bLrM9hZTAaAyH+PCAXjw=="],
+
+    "micromark-util-events-to-acorn": ["micromark-util-events-to-acorn@2.0.3", "", { "dependencies": { "@types/estree": "^1.0.0", "@types/unist": "^3.0.0", "devlop": "^1.0.0", "estree-util-visit": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0", "vfile-message": "^4.0.0" } }, "sha512-jmsiEIiZ1n7X1Rr5k8wVExBQCg5jy4UXVADItHmNk1zkwEVhBuIUKRu3fqv+hs4nxLISi2DQGlqIOGiFxgbfHg=="],
+
+    "micromark-util-html-tag-name": ["micromark-util-html-tag-name@2.0.1", "", {}, "sha512-2cNEiYDhCWKI+Gs9T0Tiysk136SnR13hhO8yW6BGNyhOC4qYFnwF1nKfD3HFAIXA5c45RrIG1ub11GiXeYd1xA=="],
+
+    "micromark-util-normalize-identifier": ["micromark-util-normalize-identifier@2.0.1", "", { "dependencies": { "micromark-util-symbol": "^2.0.0" } }, "sha512-sxPqmo70LyARJs0w2UclACPUUEqltCkJ6PhKdMIDuJ3gSf/Q+/GIe3WKl0Ijb/GyH9lOpUkRAO2wp0GVkLvS9Q=="],
+
+    "micromark-util-resolve-all": ["micromark-util-resolve-all@2.0.1", "", { "dependencies": { "micromark-util-types": "^2.0.0" } }, "sha512-VdQyxFWFT2/FGJgwQnJYbe1jjQoNTS4RjglmSjTUlpUMa95Htx9NHeYW4rGDJzbjvCsl9eLjMQwGeElsqmzcHg=="],
+
+    "micromark-util-sanitize-uri": ["micromark-util-sanitize-uri@2.0.1", "", { "dependencies": { "micromark-util-character": "^2.0.0", "micromark-util-encode": "^2.0.0", "micromark-util-symbol": "^2.0.0" } }, "sha512-9N9IomZ/YuGGZZmQec1MbgxtlgougxTodVwDzzEouPKo3qFWvymFHWcnDi2vzV1ff6kas9ucW+o3yzJK9YB1AQ=="],
+
+    "micromark-util-subtokenize": ["micromark-util-subtokenize@2.1.0", "", { "dependencies": { "devlop": "^1.0.0", "micromark-util-chunked": "^2.0.0", "micromark-util-symbol": "^2.0.0", "micromark-util-types": "^2.0.0" } }, "sha512-XQLu552iSctvnEcgXw6+Sx75GflAPNED1qx7eBJ+wydBb2KCbRZe+NwvIEEMM83uml1+2WSXpBAcp9IUCgCYWA=="],
+
+    "micromark-util-symbol": ["micromark-util-symbol@2.0.1", "", {}, "sha512-vs5t8Apaud9N28kgCrRUdEed4UJ+wWNvicHLPxCa9ENlYuAY31M0ETy5y1vA33YoNPDFTghEbnh6efaE8h4x0Q=="],
+
+    "micromark-util-types": ["micromark-util-types@2.0.2", "", {}, "sha512-Yw0ECSpJoViF1qTU4DC6NwtC4aWGt1EkzaQB8KPPyCRR8z9TWeV0HbEFGTO+ZY1wB22zmxnJqhPyTpOVCpeHTA=="],
+
     "micromatch": ["micromatch@4.0.8", "", { "dependencies": { "braces": "^3.0.3", "picomatch": "^2.3.1" } }, "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA=="],
 
+    "mime": ["mime@2.6.0", "", { "bin": { "mime": "cli.js" } }, "sha512-USPkMeET31rOMiarsBNIHZKLGgvKc/LrjofAnBlOttf5ajRvqiRA8QsenbcooctK6d6Ts6aqZXBA+XbkKthiQg=="],
+
     "mime-db": ["mime-db@1.54.0", "", {}, "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ=="],
 
     "mime-types": ["mime-types@3.0.2", "", { "dependencies": { "mime-db": "^1.54.0" } }, "sha512-Lbgzdk0h4juoQ9fCKXW4by0UJqj+nOOrI9MJ1sSj4nI8aI2eo1qmvQEie4VD1glsS250n15LsWsYtCugiStS5A=="],
 
+    "mimic-fn": ["mimic-fn@2.1.0", "", {}, "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg=="],
+
     "mimic-function": ["mimic-function@5.0.1", "", {}, "sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA=="],
 
     "mimic-response": ["mimic-response@3.1.0", "", {}, "sha512-z0yWI+4FDrrweS8Zmt4Ej5HdJmky15+L2e6Wgn3+iK5fWzb6T3fhNFq2+MeTRb064c6Wr4N/wv0DzQTjNzHNGQ=="],
@@ -1424,6 +2408,8 @@
 
     "minipass": ["minipass@7.1.3", "", {}, "sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A=="],
 
+    "minizlib": ["minizlib@3.1.0", "", { "dependencies": { "minipass": "^7.1.2" } }, "sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw=="],
+
     "mkdirp": ["mkdirp@3.0.1", "", { "bin": { "mkdirp": "dist/cjs/src/bin.js" } }, "sha512-+NsyUUAZDmo6YVHzL/stxSu3t9YS1iljliy3BSDrXJ/dkn1KYdmtZODGGjLcc9XLgVVpH4KshHB8XmZgMhaBXg=="],
 
     "mkdirp-classic": ["mkdirp-classic@0.5.3", "", {}, "sha512-gKLcREMhtuZRwRAfqP3RFW+TK4JqApVBtOIftVgjuABpAtpxhPGaDcfvbhNvD0B8iD1oUr/txX35NjcaY6Ns/A=="],
@@ -1438,6 +2424,8 @@
 
     "msgpackr-extract": ["msgpackr-extract@3.0.4", "", { "dependencies": { "node-gyp-build-optional-packages": "5.2.2" }, "optionalDependencies": { "@msgpackr-extract/msgpackr-extract-darwin-arm64": "3.0.4", "@msgpackr-extract/msgpackr-extract-darwin-x64": "3.0.4", "@msgpackr-extract/msgpackr-extract-linux-arm": "3.0.4", "@msgpackr-extract/msgpackr-extract-linux-arm64": "3.0.4", "@msgpackr-extract/msgpackr-extract-linux-x64": "3.0.4", "@msgpackr-extract/msgpackr-extract-win32-x64": "3.0.4" }, "bin": { "download-msgpackr-prebuilds": "bin/download-prebuilds.js" } }, "sha512-4kmO/MdyUIkLIvTPr8VHLil4AtoKIoniWPIEk5+CDy0xnWC84azhSFmuJ7PxZdsYtiP5kEeQsORAVIeMgxT+Hw=="],
 
+    "muggle-string": ["muggle-string@0.4.1", "", {}, "sha512-VNTrAak/KhO2i8dqqnqnAHOa3cYBwXEZe9h+D5h/1ZqFSTEFHdM65lR7RoIqq3tBBYavsOXV84NoHXZ0AkPyqQ=="],
+
     "mute-stream": ["mute-stream@3.0.0", "", {}, "sha512-dkEJPVvun4FryqBmZ5KhDo0K9iDXAwn08tMLDinNdRBNPcYEDiWYysLcc6k3mjTMlbP9KyylvRpd4wFtwrT9rw=="],
 
     "mz": ["mz@2.7.0", "", { "dependencies": { "any-promise": "^1.0.0", "object-assign": "^4.0.1", "thenify-all": "^1.0.0" } }, "sha512-z81GNO7nnYMEhrGh9LeymoE4+Yr0Wn5McHIZMK5cfQCl+NDX08sCZgUc9/6MHni9IWuFLm1Z3HTCXu2z9fN62Q=="],
@@ -1450,6 +2438,10 @@
 
     "negotiator": ["negotiator@1.0.0", "", {}, "sha512-8Ofs/AUQh8MaEcrlq5xOX0CQ9ypTF5dl78mjlMNfOK08fzpgTHQRQPBxcPlEtIw0yRpws+Zo/3r+5WRby7u3Gg=="],
 
+    "neotraverse": ["neotraverse@0.6.18", "", {}, "sha512-Z4SmBUweYa09+o6pG+eASabEpP6QkQ70yHj351pQoEXIs8uHbaU2DWVmzBANKgflPa47A50PtB2+NgRpQvr7vA=="],
+
+    "nlcst-to-string": ["nlcst-to-string@4.0.0", "", { "dependencies": { "@types/nlcst": "^2.0.0" } }, "sha512-YKLBCcUYKAg0FNlOBT6aI91qFmSiFKiluk655WzPF+DDMA02qIyy8uiRqI8QXtcFpEvll12LpL5MXqEmAZ+dcA=="],
+
     "node-abi": ["node-abi@3.94.0", "", { "dependencies": { "semver": "^7.3.5" } }, "sha512-W5ZNO5KRPB5TkYmGVD9F6YqhsglXJzE6etpbmT+f6EQElhiX/UTG551cnsRGvLG3fyZEg9HwaDmNmj5nwJ4z9g=="],
 
     "node-addon-api": ["node-addon-api@6.1.0", "", {}, "sha512-+eawOlIgy680F0kBzPUNFhMZGtJ1YmqM6l4+Crf4IkImjYrO/mqPwRMh352g23uIaQKFItcQ64I7KMaJxHgAVA=="],
@@ -1458,12 +2450,24 @@
 
     "node-fetch": ["node-fetch@2.7.0", "", { "dependencies": { "whatwg-url": "^5.0.0" }, "peerDependencies": { "encoding": "^0.1.0" }, "optionalPeers": ["encoding"] }, "sha512-c4FRfUm/dbcWZ7U+1Wq0AwCyFL+3nt2bEw05wfxSz+DWpWsitgmSgYmy2dQdWyKC1694ELPqMs/YzUSNozLt8A=="],
 
+    "node-fetch-native": ["node-fetch-native@1.6.7", "", {}, "sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q=="],
+
+    "node-gyp-build": ["node-gyp-build@4.8.4", "", { "bin": { "node-gyp-build": "bin.js", "node-gyp-build-optional": "optional.js", "node-gyp-build-test": "build-test.js" } }, "sha512-LA4ZjwlnUblHVgq0oBF3Jl/6h/Nvs5fzBLwdEF4nuxnFdsfajde4WfxtJr3CaiH+F6ewcIB/q4jQ4UzPyid+CQ=="],
+
     "node-gyp-build-optional-packages": ["node-gyp-build-optional-packages@5.2.2", "", { "dependencies": { "detect-libc": "^2.0.1" }, "bin": { "node-gyp-build-optional-packages": "bin.js", "node-gyp-build-optional-packages-optional": "optional.js", "node-gyp-build-optional-packages-test": "build-test.js" } }, "sha512-s+w+rBWnpTMwSFbaE0UXsRlg7hU4FjekKU4eyAih5T8nJuNZT1nNsskXpxmeqSK9UzkBl6UgRlnKc8hz8IEqOw=="],
 
+    "node-html-parser": ["node-html-parser@6.1.13", "", { "dependencies": { "css-select": "^5.1.0", "he": "1.2.0" } }, "sha512-qIsTMOY4C/dAa5Q5vsobRpOOvPfC4pB61UVW2uSwZNUp0QU/jCekTal1vMmbO0DgdHeLUJpv/ARmDqErVxA3Sg=="],
+
+    "node-mock-http": ["node-mock-http@1.0.4", "", {}, "sha512-8DY+kFsDkNXy1sJglUfuODx1/opAGJGyrTuFqEoN90oRc2Vk0ZbD4K2qmKXBBEhZQzdKHIVfEJpDU8Ak2NJEvQ=="],
+
     "node-releases": ["node-releases@2.0.51", "", {}, "sha512-wRNIrw4DmVLKQlbgOMdkMx27Wrpzes2hh5Jtbi2bjPd+4wJstWIqP5A+lscnqbm0xxmT5Bpg8Lec5ItEBwx6BQ=="],
 
     "nopt": ["nopt@7.2.1", "", { "dependencies": { "abbrev": "^2.0.0" }, "bin": { "nopt": "bin/nopt.js" } }, "sha512-taM24ViiimT/XntxbPyJQzCG+p4EKOpgD3mxFwW38mGjVUrfERQOeY4EDHjdnptttfHuHQXFx+lTP08Q+mLa/w=="],
 
+    "normalize-path": ["normalize-path@3.0.0", "", {}, "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="],
+
+    "npm-run-path": ["npm-run-path@4.0.1", "", { "dependencies": { "path-key": "^3.0.0" } }, "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw=="],
+
     "nth-check": ["nth-check@2.1.1", "", { "dependencies": { "boolbase": "^1.0.0" } }, "sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w=="],
 
     "object-assign": ["object-assign@4.1.1", "", {}, "sha512-rJgTQnkUnH1sFw8yT6VSU3zD3sWmu6sZhIseY8VX+GRu3P6F7Fu+JNDoXfklElbLJSnc3FUQHVe4cU5hj+BcUg=="],
@@ -1478,18 +2482,32 @@
 
     "obug": ["obug@2.1.3", "", {}, "sha512-9miFgM2OFba7hB+pRgvtV84pYTBaoTHohvmIgiRt6dRIzbwEOIaNaP+dIlGs2fNFoB0SeISs0Jz5WFVRid6Xyg=="],
 
+    "ofetch": ["ofetch@1.5.1", "", { "dependencies": { "destr": "^2.0.5", "node-fetch-native": "^1.6.7", "ufo": "^1.6.1" } }, "sha512-2W4oUZlVaqAPAil6FUg/difl6YhqhUR7x2eZY4bQCko22UXg3hptq9KLQdqFClV+Wu85UX7hNtdGTngi/1BxcA=="],
+
+    "ohash": ["ohash@2.0.11", "", {}, "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ=="],
+
     "on-finished": ["on-finished@2.4.1", "", { "dependencies": { "ee-first": "1.1.1" } }, "sha512-oVlzkg3ENAhCk2zdv7IJwd/QUD4z2RxRwpkcGY8psCVcCYZNq4wYnVWALHM+brtuJjePWiYF/ClmuDr8Ch5+kg=="],
 
     "once": ["once@1.4.0", "", { "dependencies": { "wrappy": "1" } }, "sha512-lNaJgI+2Q5URQBkccEKHTQOPaXdUxnZZElQTZY0MFUAuaEqe1E+Nyvgdz/aIyNi6Z9MzO5dv1H8n58/GELp3+w=="],
 
     "onetime": ["onetime@7.0.0", "", { "dependencies": { "mimic-function": "^5.0.0" } }, "sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ=="],
 
+    "oniguruma-parser": ["oniguruma-parser@0.12.2", "", {}, "sha512-6HVa5oIrgMC6aA6WF6XyyqbhRPJrKR02L20+2+zpDtO5QAzGHAUGw5TKQvwi5vctNnRHkJYmjAhRVQF2EKdTQw=="],
+
+    "oniguruma-to-es": ["oniguruma-to-es@4.3.6", "", { "dependencies": { "oniguruma-parser": "^0.12.2", "regex": "^6.1.0", "regex-recursion": "^6.0.2" } }, "sha512-csuQ9x3Yr0cEIs/Zgx/OEt9iBw9vqIunAPQkx19R/fiMq2oGVTgcMqO/V3Ybqefr1TBvosI6jU539ksaBULJyA=="],
+
+    "open": ["open@11.0.0", "", { "dependencies": { "default-browser": "^5.4.0", "define-lazy-prop": "^3.0.0", "is-in-ssh": "^1.0.0", "is-inside-container": "^1.0.0", "powershell-utils": "^0.1.0", "wsl-utils": "^0.3.0" } }, "sha512-smsWv2LzFjP03xmvFoJ331ss6h+jixfA4UUV/Bsiyuu4YJPfN+FIQGOIiv4w9/+MoHkfkJ22UIaQWRVFRfH6Vw=="],
+
     "ora": ["ora@9.4.0", "", { "dependencies": { "chalk": "^5.6.2", "cli-cursor": "^5.0.0", "cli-spinners": "^3.2.0", "is-interactive": "^2.0.0", "is-unicode-supported": "^2.1.0", "log-symbols": "^7.0.1", "stdin-discarder": "^0.3.2", "string-width": "^8.1.0" } }, "sha512-84cglkRILFxdtA8hAvLNdMrtBpPNBTrQ9/ulg0FA7xLMnD6mifv+enAIeRmvtv+WgdCE+LPGOfQmtJRrVaIVhQ=="],
 
     "ordered-binary": ["ordered-binary@1.6.1", "", {}, "sha512-QkCdPooczexPLiXIrbVOPYkR3VO3T6v2OyKRkR1Xbhpy7/LAVXwahnRCgRp78Oe/Ehf0C/HATAxfSr6eA1oX+w=="],
 
+    "os-paths": ["os-paths@4.4.0", "", {}, "sha512-wrAwOeXp1RRMFfQY8Sy7VaGVmPocaLwSFOYCGKSyo8qmJ+/yaafCl5BCA1IQZWqFSRBrKDYFeR9d/VyQzfH/jg=="],
+
     "outdent": ["outdent@0.5.0", "", {}, "sha512-/jHxFIzoMXdqPzTaCpFzAAWhpkSjZPF4Vsn6jAfNpmbH/ymsmd7Qc6VE9BGn0L6YMj6uwpQLxCECpus4ukKS9Q=="],
 
+    "ow": ["ow@0.28.2", "", { "dependencies": { "@sindresorhus/is": "^4.2.0", "callsites": "^3.1.0", "dot-prop": "^6.0.1", "lodash.isequal": "^4.5.0", "vali-date": "^1.0.0" } }, "sha512-dD4UpyBh/9m4X2NVjA+73/ZPBRF+uF4zIMFvvQsabMiEK8x41L3rQ8EENOi35kyyoaJwNxEeJcP6Fj1H4U409Q=="],
+
     "oxc-parser": ["oxc-parser@0.139.0", "", { "dependencies": { "@oxc-project/types": "^0.139.0" }, "optionalDependencies": { "@oxc-parser/binding-android-arm-eabi": "0.139.0", "@oxc-parser/binding-android-arm64": "0.139.0", "@oxc-parser/binding-darwin-arm64": "0.139.0", "@oxc-parser/binding-darwin-x64": "0.139.0", "@oxc-parser/binding-freebsd-x64": "0.139.0", "@oxc-parser/binding-linux-arm-gnueabihf": "0.139.0", "@oxc-parser/binding-linux-arm-musleabihf": "0.139.0", "@oxc-parser/binding-linux-arm64-gnu": "0.139.0", "@oxc-parser/binding-linux-arm64-musl": "0.139.0", "@oxc-parser/binding-linux-ppc64-gnu": "0.139.0", "@oxc-parser/binding-linux-riscv64-gnu": "0.139.0", "@oxc-parser/binding-linux-riscv64-musl": "0.139.0", "@oxc-parser/binding-linux-s390x-gnu": "0.139.0", "@oxc-parser/binding-linux-x64-gnu": "0.139.0", "@oxc-parser/binding-linux-x64-musl": "0.139.0", "@oxc-parser/binding-openharmony-arm64": "0.139.0", "@oxc-parser/binding-wasm32-wasi": "0.139.0", "@oxc-parser/binding-win32-arm64-msvc": "0.139.0", "@oxc-parser/binding-win32-ia32-msvc": "0.139.0", "@oxc-parser/binding-win32-x64-msvc": "0.139.0" } }, "sha512-cf1TKZN+zc0lwqigeyXKzKVk5+vNRe99Or2+wVJsXLdlhJgC+gsIniYDfj/ZEBzCJ8Xm21ZG6YtMbR262CcS2w=="],
 
     "oxc-resolver": ["oxc-resolver@11.23.0", "", { "optionalDependencies": { "@oxc-resolver/binding-android-arm-eabi": "11.23.0", "@oxc-resolver/binding-android-arm64": "11.23.0", "@oxc-resolver/binding-darwin-arm64": "11.23.0", "@oxc-resolver/binding-darwin-x64": "11.23.0", "@oxc-resolver/binding-freebsd-x64": "11.23.0", "@oxc-resolver/binding-linux-arm-gnueabihf": "11.23.0", "@oxc-resolver/binding-linux-arm-musleabihf": "11.23.0", "@oxc-resolver/binding-linux-arm64-gnu": "11.23.0", "@oxc-resolver/binding-linux-arm64-musl": "11.23.0", "@oxc-resolver/binding-linux-ppc64-gnu": "11.23.0", "@oxc-resolver/binding-linux-riscv64-gnu": "11.23.0", "@oxc-resolver/binding-linux-riscv64-musl": "11.23.0", "@oxc-resolver/binding-linux-s390x-gnu": "11.23.0", "@oxc-resolver/binding-linux-x64-gnu": "11.23.0", "@oxc-resolver/binding-linux-x64-musl": "11.23.0", "@oxc-resolver/binding-openharmony-arm64": "11.23.0", "@oxc-resolver/binding-wasm32-wasi": "11.23.0", "@oxc-resolver/binding-win32-arm64-msvc": "11.23.0", "@oxc-resolver/binding-win32-x64-msvc": "11.23.0" } }, "sha512-f0+l598CJMOLnYPXsXxttJALH0ljtivdRMKtvHhxRuWa5FYmw5+qODARl8oYjMC/brpzKcrpdORsOBrTqhBZ9A=="],
@@ -1500,18 +2518,30 @@
 
     "p-filter": ["p-filter@2.1.0", "", { "dependencies": { "p-map": "^2.0.0" } }, "sha512-ZBxxZ5sL2HghephhpGAQdoskxplTwr7ICaehZwLIlfL6acuVgZPm8yBNuRAFBGEqtD/hmUeq9eqLg2ys9Xr/yw=="],
 
-    "p-limit": ["p-limit@2.3.0", "", { "dependencies": { "p-try": "^2.0.0" } }, "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w=="],
+    "p-limit": ["p-limit@7.3.0", "", { "dependencies": { "yocto-queue": "^1.2.1" } }, "sha512-7cIXg/Z0M5WZRblrsOla88S4wAK+zOQQWeBYfV3qJuJXMr+LnbYjaadrFaS0JILfEDPVqHyKnZ1Z/1d6J9VVUw=="],
 
     "p-locate": ["p-locate@4.1.0", "", { "dependencies": { "p-limit": "^2.2.0" } }, "sha512-R79ZZ/0wAxKGu3oYMlz8jy/kbhsNrS7SKZ7PxEHBgJ5+F2mtFW2fK2cOtBh1cHYkQsbzFV7I+EoRKe6Yt0oK7A=="],
 
     "p-map": ["p-map@2.1.0", "", {}, "sha512-y3b8Kpd8OAN444hxfBbFfj1FY/RjtTd8tzYwhUqNYXx0fXx2iX4maP4Qr6qhIKbQXI02wTLAda4fYUbDagTUFw=="],
 
+    "p-queue": ["p-queue@9.3.1", "", { "dependencies": { "eventemitter3": "^5.0.4", "p-timeout": "^7.0.0" } }, "sha512-POWdiIPmsUPGwb4FeQ4OBg46aqmcInSWe45CKDsGHiOBiVQM9chqfQTuqhuTzcg2Vz9faTI65at0KkVyVEiCHw=="],
+
+    "p-timeout": ["p-timeout@7.0.1", "", {}, "sha512-AxTM2wDGORHGEkPCt8yqxOTMgpfbEHqF51f/5fJCmwFC3C/zNcGT63SymH2ttOAaiIws2zVg4+izQCjrakcwHg=="],
+
     "p-try": ["p-try@2.2.0", "", {}, "sha512-R4nPAVTAU0B9D35/Gk3uJf/7XYbQcyohSKdvAxIRSNghFl4e71hVoGnBNQz9cWaXxO2I10KTC+3jMdvvoKw6dQ=="],
 
     "package-json-from-dist": ["package-json-from-dist@1.0.1", "", {}, "sha512-UEZIS3/by4OC8vL3P2dTXRETpebLI2NiI5vIrjaD/5UtrkFX/tNbwjTSRAGC/+7CAo2pIcBaRgWmcBBHcsaCIw=="],
 
     "package-manager-detector": ["package-manager-detector@0.2.11", "", { "dependencies": { "quansync": "^0.2.7" } }, "sha512-BEnLolu+yuz22S56CU1SUKq3XC3PkwD5wv4ikR4MfGvnRVcmzXR9DwSlW2fEamyTPyXHomBJRzgapeuBvRNzJQ=="],
 
+    "pagefind": ["pagefind@1.5.2", "", { "optionalDependencies": { "@pagefind/darwin-arm64": "1.5.2", "@pagefind/darwin-x64": "1.5.2", "@pagefind/freebsd-x64": "1.5.2", "@pagefind/linux-arm64": "1.5.2", "@pagefind/linux-x64": "1.5.2", "@pagefind/windows-arm64": "1.5.2", "@pagefind/windows-x64": "1.5.2" }, "bin": { "pagefind": "lib/runner/bin.cjs" } }, "sha512-XTUaK0hXMCu2jszWE584JGQT7y284TmMV9l/HX3rnG5uo3rHI/uHU56XTyyyPFjeWEBxECbAi0CaFDJOONtG0Q=="],
+
+    "pako": ["pako@1.0.11", "", {}, "sha512-4hLB8Py4zZce5s4yd9XzopqwVv/yGNhV1Bl8NTmCq1763HeK2+EwVTv+leGeL13Dnh2wfbqowVPXCIO0z4taYw=="],
+
+    "parse-entities": ["parse-entities@4.0.2", "", { "dependencies": { "@types/unist": "^2.0.0", "character-entities-legacy": "^3.0.0", "character-reference-invalid": "^2.0.0", "decode-named-character-reference": "^1.0.0", "is-alphanumerical": "^2.0.0", "is-decimal": "^2.0.0", "is-hexadecimal": "^2.0.0" } }, "sha512-GG2AQYWoLgL877gQIKeRPGO1xF9+eG1ujIb5soS5gPvLQ1y2o8FL90w2QWNdf9I361Mpp7726c+lj3U0qK1uGw=="],
+
+    "parse-latin": ["parse-latin@7.0.0", "", { "dependencies": { "@types/nlcst": "^2.0.0", "@types/unist": "^3.0.0", "nlcst-to-string": "^4.0.0", "unist-util-modify-children": "^4.0.0", "unist-util-visit-children": "^3.0.0", "vfile": "^6.0.0" } }, "sha512-mhHgobPPua5kZ98EF4HWiH167JWBfl4pvAIXXdbaVohtK7a6YBOy56kvhCqduqyo/f3yrHFWmqmiMg/BkBkYYQ=="],
+
     "parse5": ["parse5@8.0.1", "", { "dependencies": { "entities": "^8.0.0" } }, "sha512-z1e/HMG90obSGeidlli3hj7cbocou0/wa5HacvI3ASx34PecNjNQeaHNo5WIZpWofN9kgkqV1q5YvXe3F0FoPw=="],
 
     "parse5-html-rewriting-stream": ["parse5-html-rewriting-stream@8.0.1", "", { "dependencies": { "entities": "^8.0.0", "parse5": "^8.0.0", "parse5-sax-parser": "^8.0.0" } }, "sha512-NaRku2aMpUN1Sh1Gyk1KWUh2A7EJx2c6qYzvwsPtqhoHoaURshdrceYK3LunVCm3WHhm6FS7Vcczbvdh3/UIVw=="],
@@ -1524,18 +2554,26 @@
 
     "path-browserify": ["path-browserify@1.0.1", "", {}, "sha512-b7uo2UCUOYZcnF/3ID0lulOJi/bafxa1xPe7ZPsammBSpjSWQkjNxlt635YGS2MiR9GjvuXCtz2emr3jbsz98g=="],
 
+    "path-data-parser": ["path-data-parser@0.1.0", "", {}, "sha512-NOnmBpt5Y2RWbuv0LMzsayp3lVylAHLPUTut412ZA3l+C4uw4ZVkQbjShYCQ8TCpUMdPapr4YjUqLYD6v68j+w=="],
+
     "path-exists": ["path-exists@4.0.0", "", {}, "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w=="],
 
     "path-key": ["path-key@3.1.1", "", {}, "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="],
 
     "path-scurry": ["path-scurry@1.11.1", "", { "dependencies": { "lru-cache": "^10.2.0", "minipass": "^5.0.0 || ^6.0.2 || ^7.0.0" } }, "sha512-Xa4Nw17FS9ApQFJ9umLiJS4orGjm7ZzwUrwamcGQuHSzDyth9boKDaycYdDcZDuqYATXw4HFXgaqWTctW/v1HA=="],
 
-    "path-to-regexp": ["path-to-regexp@8.4.2", "", {}, "sha512-qRcuIdP69NPm4qbACK+aDogI5CBDMi1jKe0ry5rSQJz8JVLsC7jV8XpiJjGRLLol3N+R5ihGYcrPLTno6pAdBA=="],
+    "path-to-regexp": ["path-to-regexp@6.3.0", "", {}, "sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ=="],
+
+    "path-to-regexp-updated": ["path-to-regexp@6.3.0", "", {}, "sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ=="],
 
     "path-type": ["path-type@4.0.0", "", {}, "sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw=="],
 
     "pathe": ["pathe@2.0.3", "", {}, "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w=="],
 
+    "perfect-debounce": ["perfect-debounce@2.1.0", "", {}, "sha512-LjgdTytVFXeUgtHZr9WYViYSM/g8MkcTPYDlPa3cDqMirHjKiSZPYd6DoL7pK8AJQr+uWkQvCjHNdiMqsrJs+g=="],
+
+    "piccolore": ["piccolore@0.1.3", "", {}, "sha512-o8bTeDWjE086iwKrROaDf31K0qC/BENdm15/uH9usSC/uZjJOKb2YGiVHfLY4GhwsERiPI1jmwI2XrA7ACOxVw=="],
+
     "picocolors": ["picocolors@1.1.1", "", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="],
 
     "picomatch": ["picomatch@4.0.5", "", {}, "sha512-RvwwcruNjI1ncT5xRakeyS9Lf8lcItv34KD+aif+VH9kduAyfYBipGh12274xtenIPZ119/R9BdTBa8gAwSh0A=="],
@@ -1546,6 +2584,10 @@
 
     "pkce-challenge": ["pkce-challenge@5.0.1", "", {}, "sha512-wQ0b/W4Fr01qtpHlqSqspcj3EhBvimsdh0KlHhH8HRZnMsEa0ea2fTULOXOS9ccQr3om+GcGRk4e+isrZWV8qQ=="],
 
+    "points-on-curve": ["points-on-curve@0.2.0", "", {}, "sha512-0mYKnYYe9ZcqMCWhUjItv/oHjvgEsfKvnUTg8sAtnHr3GVy7rGkXCb6d5cSyqrWqL4k81b9CPg3urd+T7aop3A=="],
+
+    "points-on-path": ["points-on-path@0.2.1", "", { "dependencies": { "path-data-parser": "0.1.0", "points-on-curve": "0.2.0" } }, "sha512-25ClnWWuw7JbWZcgqY/gJ4FQWadKxGWk+3kR/7kD0tCaDtPPMj7oHu2ToLaVhfpnHrZzYby2w6tUA0eOIuUg8g=="],
+
     "possible-typed-array-names": ["possible-typed-array-names@1.1.0", "", {}, "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg=="],
 
     "postcss": ["postcss@8.5.16", "", { "dependencies": { "nanoid": "^3.3.12", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-vuwillviilfKZsg0VGj5R/YwwcHx4SLsIOI/7K6mQkWx+l5cUHTjj5g0AasTBcyXsbfTgrwsUNmVUb5xVwyPwg=="],
@@ -1554,14 +2596,28 @@
 
     "postcss-safe-parser": ["postcss-safe-parser@7.0.1", "", { "peerDependencies": { "postcss": "^8.4.31" } }, "sha512-0AioNCJZ2DPYz5ABT6bddIqlhgwhpHZ/l65YAYo0BCIn0xiDpsnTHz0gnoTGk0OXZW0JRs+cDwL8u/teRdz+8A=="],
 
+    "postcss-selector-parser": ["postcss-selector-parser@6.0.10", "", { "dependencies": { "cssesc": "^3.0.0", "util-deprecate": "^1.0.2" } }, "sha512-IQ7TZdoaqbT+LCpShg46jnZVlhWD2w6iQYAcYXfHARZ7X1t/UGhhceQDs5X0cGqKvYlHNOuv7Oa1xmb0oQuA3w=="],
+
+    "powershell-utils": ["powershell-utils@0.1.0", "", {}, "sha512-dM0jVuXJPsDN6DvRpea484tCUaMiXWjuCn++HGTqUWzGDjv5tZkEZldAJ/UMlqRYGFrD/etByo4/xOuC/snX2A=="],
+
     "preact": ["preact@10.29.4", "", {}, "sha512-GMpwh9+NJ8tSmqwIaVyFRQkiKfBEzQ+k7r7tle4W+kaJ+7wJiB9hFz9BixAomMtenPPSBfM4bZhXozGxhf0uFQ=="],
 
+    "preact-render-to-string": ["preact-render-to-string@6.7.0", "", { "peerDependencies": { "preact": ">=10 || >= 11.0.0-0" } }, "sha512-Z4WR8fmLMRpdYqJ9i7vrlXSsSrxVJydwrkEXHapexfARbWfGb7vGcnvNQnIzN0cXciMVOlz/XLoiMCi9gUsy9Q=="],
+
     "prebuild-install": ["prebuild-install@7.1.3", "", { "dependencies": { "detect-libc": "^2.0.0", "expand-template": "^2.0.3", "github-from-package": "0.0.0", "minimist": "^1.2.3", "mkdirp-classic": "^0.5.3", "napi-build-utils": "^2.0.0", "node-abi": "^3.3.0", "pump": "^3.0.0", "rc": "^1.2.7", "simple-get": "^4.0.0", "tar-fs": "^2.0.0", "tunnel-agent": "^0.6.0" }, "bin": { "prebuild-install": "bin.js" } }, "sha512-8Mf2cbV7x1cXPUILADGI3wuhfqWvtiLA1iclTDbFRZkgRQS0NqsPZphna9V+HyTEadheuPmjaJMsbzKQFOzLug=="],
 
     "prettier": ["prettier@2.8.8", "", { "bin": { "prettier": "bin-prettier.js" } }, "sha512-tdN8qQGvNjw4CHbY+XXk0JgCXn9QiF21a55rBe5LJAU+kDyC4WQn4+awm2Xfk2lQMk5fKup9XgzTZtGkjBdP9Q=="],
 
     "pretty-format": ["pretty-format@27.5.1", "", { "dependencies": { "ansi-regex": "^5.0.1", "ansi-styles": "^5.0.0", "react-is": "^17.0.1" } }, "sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ=="],
 
+    "prismjs": ["prismjs@1.30.0", "", {}, "sha512-DEvV2ZF2r2/63V+tK8hQvrR2ZGn10srHbXviTlcv7Kpzw8jWiNTqbVgjO3IY8RxrrOUF8VPMQQFysYYYv0YZxw=="],
+
+    "process-ancestry": ["process-ancestry@0.1.0", "", {}, "sha512-tGqJW/UnclpYASFcM6Xh8D8l/BMtaQ9+CSG0vlJSJTcdMM4lDRv4c6H0Pdcsfted+bVczdYSfk2fdukg2gQkZg=="],
+
+    "process-nextick-args": ["process-nextick-args@2.0.1", "", {}, "sha512-3ouUOpQhtgrbOa17J7+uxOTpITYWaGP7/AhoR3+A+/1e9skrzelGi/dXzEYyvbxubEF6Wn2ypscTKiKJFFn1ag=="],
+
+    "property-information": ["property-information@7.2.0", "", {}, "sha512-IAtzIB6sUiWaJYrX9smp3V46pBGbBeLFRGdh25kg1334VcBlD8HzhPeNIWQH9zhGmo2itIe25EHt9dQP7G5hmg=="],
+
     "proto-list": ["proto-list@1.2.4", "", {}, "sha512-vtK/94akxsTMhe0/cbfpR+syPuszcuwhqVjJq26CuNDgFGj682oRBXOP5MJpv2r7JtE8MsiepGIqvvOTBwn2vA=="],
 
     "proxy-addr": ["proxy-addr@2.0.7", "", { "dependencies": { "forwarded": "0.2.0", "ipaddr.js": "1.9.1" } }, "sha512-llQsMLSUDUPT44jdrU/O37qlnifitDP+ZwrmmZcoSKyLKvtZxpyV0n2/bD/N4tBAAZ/gJEdZU7KMraoK1+XYAg=="],
@@ -1580,6 +2636,8 @@
 
     "queue-microtask": ["queue-microtask@1.2.3", "", {}, "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="],
 
+    "radix3": ["radix3@1.1.2", "", {}, "sha512-b484I/7b8rDEdSDKckSSBA8knMpcdsXudlE/LNL639wFoHKwLbEkQFZHWEYwDC0wa0FKUcCY+GAF73Z7wxNVFA=="],
+
     "range-parser": ["range-parser@1.3.0", "", {}, "sha512-hek2mFQpPuI4E1BBKrSto+BU3e3x4xuarsbiwr3+lf7p44juvFMV0XFWQAP3xUyqXA4RrXLIoaSUGbSt056ZMw=="],
 
     "raw-body": ["raw-body@3.0.2", "", { "dependencies": { "bytes": "~3.1.2", "http-errors": "~2.0.1", "iconv-lite": "~0.7.0", "unpipe": "~1.0.0" } }, "sha512-K5zQjDllxWkf7Z5xJdV0/B0WTNqx6vxG70zJE4N0kBs4LovmEYWJzQGxC9bS9RAKu3bgM40lrd5zoLJ12MQ5BA=="],
@@ -1588,44 +2646,108 @@
 
     "react": ["react@19.2.7", "", {}, "sha512-HNe9WslTbXmFK8o8cmwgAeJFSBvt1bPdHCVKtaaV+WlAN36mpT4hcRpwbf3fY56ar2oIXzsBpOAiIRHAdY0OlQ=="],
 
+    "react-aria": ["react-aria@3.50.0", "", { "dependencies": { "@internationalized/date": "^3.12.2", "@internationalized/number": "^3.6.7", "@internationalized/string": "^3.2.9", "@react-types/shared": "^3.36.0", "@swc/helpers": "^0.5.0", "aria-hidden": "^1.2.3", "clsx": "^2.0.0", "react-stately": "3.48.0", "use-sync-external-store": "^1.6.0" }, "peerDependencies": { "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1", "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1" } }, "sha512-S0Os6QZk33fzUAKu1QLT9afoUaCBt1ZNdoiq0n2YMVgKIdNIQS8zxiZ8O9hYE6QyDkHKjD6q39LQZ+qaSAIgjw=="],
+
+    "react-aria-components": ["react-aria-components@1.19.0", "", { "dependencies": { "@internationalized/date": "^3.12.2", "@react-types/shared": "^3.36.0", "@swc/helpers": "^0.5.0", "client-only": "^0.0.1", "react-aria": "3.50.0", "react-stately": "3.48.0" }, "peerDependencies": { "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1", "react-dom": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1" } }, "sha512-2smSS5nqJ8cGYMQezuUXveZm7eMyHCqTN6mDpylQBYLYbdF5dxCCuW1DHn1VKLe1DybSfPvX/cZtJlDmvFfn8A=="],
+
     "react-dom": ["react-dom@19.2.7", "", { "dependencies": { "scheduler": "^0.27.0" }, "peerDependencies": { "react": "^19.2.7" } }, "sha512-t0BRVXvbiE/o20Hfw669rLbMCDWtYZLvmJigy2f0MxsXF+71pxhR3xOkspmsO8h3ZlNzyibAmtCa3l4lYKk6gQ=="],
 
     "react-is": ["react-is@17.0.2", "", {}, "sha512-w2GsyukL62IJnlaff/nRegPQR94C/XXamvMWmSHRJ4y7Ts/4ocGRmTHvOs8PSE6pB3dWOrD/nueuU5sduBsQ4w=="],
 
+    "react-refresh": ["react-refresh@0.18.0", "", {}, "sha512-QgT5//D3jfjJb6Gsjxv0Slpj23ip+HtOpnNgnb2S5zU3CB26G/IDPGoy4RJB42wzFE46DRsstbW6tKHoKbhAxw=="],
+
+    "react-stately": ["react-stately@3.48.0", "", { "dependencies": { "@internationalized/date": "^3.12.2", "@internationalized/number": "^3.6.7", "@internationalized/string": "^3.2.9", "@react-types/shared": "^3.36.0", "@swc/helpers": "^0.5.0", "use-sync-external-store": "^1.6.0" }, "peerDependencies": { "react": "^16.8.0 || ^17.0.0-rc.1 || ^18.0.0 || ^19.0.0-rc.1" } }, "sha512-ImicSAG+lTotAe5izcs1fz49Zk48w7pDusqYg04WaPhCoej8BJ24soMu3iLXIrsi273s4P1gZrYGrqReMfgEEA=="],
+
     "read-yaml-file": ["read-yaml-file@1.1.0", "", { "dependencies": { "graceful-fs": "^4.1.5", "js-yaml": "^3.6.1", "pify": "^4.0.1", "strip-bom": "^3.0.0" } }, "sha512-VIMnQi/Z4HT2Fxuwg5KrY174U1VdUIASQVWXXyqtNRtxSr9IYkn1rsI6Tb6HsrHCmB7gVpNwX6JxPTHcH6IoTA=="],
 
-    "readable-stream": ["readable-stream@3.6.2", "", { "dependencies": { "inherits": "^2.0.3", "string_decoder": "^1.1.1", "util-deprecate": "^1.0.1" } }, "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA=="],
+    "readable-stream": ["readable-stream@2.3.8", "", { "dependencies": { "core-util-is": "~1.0.0", "inherits": "~2.0.3", "isarray": "~1.0.0", "process-nextick-args": "~2.0.0", "safe-buffer": "~5.1.1", "string_decoder": "~1.1.1", "util-deprecate": "~1.0.1" } }, "sha512-8p0AUk4XODgIewSi0l8Epjs+EVnWiK7NoDIEGU0HhE7+ZyY8D1IMY7odu5lRrFXGg71L15KG8QrPmum45RTtdA=="],
 
     "readdirp": ["readdirp@5.0.0", "", {}, "sha512-9u/XQ1pvrQtYyMpZe7DXKv2p5CNvyVwzUB6uhLAnQwHMSgKMBR62lc7AHljaeteeHXn11XTAaLLUVZYVZyuRBQ=="],
 
+    "recma-build-jsx": ["recma-build-jsx@1.0.0", "", { "dependencies": { "@types/estree": "^1.0.0", "estree-util-build-jsx": "^3.0.0", "vfile": "^6.0.0" } }, "sha512-8GtdyqaBcDfva+GUKDr3nev3VpKAhup1+RvkMvUxURHpW7QyIvk9F5wz7Vzo06CEMSilw6uArgRqhpiUcWp8ew=="],
+
+    "recma-jsx": ["recma-jsx@1.0.1", "", { "dependencies": { "acorn-jsx": "^5.0.0", "estree-util-to-js": "^2.0.0", "recma-parse": "^1.0.0", "recma-stringify": "^1.0.0", "unified": "^11.0.0" }, "peerDependencies": { "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" } }, "sha512-huSIy7VU2Z5OLv6oFLosQGGDqPqdO1iq6bWNAdhzMxSJP7RAso4fCZ1cKu8j9YHCZf3TPrq4dw3okhrylgcd7w=="],
+
+    "recma-parse": ["recma-parse@1.0.0", "", { "dependencies": { "@types/estree": "^1.0.0", "esast-util-from-js": "^2.0.0", "unified": "^11.0.0", "vfile": "^6.0.0" } }, "sha512-OYLsIGBB5Y5wjnSnQW6t3Xg7q3fQ7FWbw/vcXtORTnyaSFscOtABg+7Pnz6YZ6c27fG1/aN8CjfwoUEUIdwqWQ=="],
+
+    "recma-stringify": ["recma-stringify@1.0.0", "", { "dependencies": { "@types/estree": "^1.0.0", "estree-util-to-js": "^2.0.0", "unified": "^11.0.0", "vfile": "^6.0.0" } }, "sha512-cjwII1MdIIVloKvC9ErQ+OgAtwHBmcZ0Bg4ciz78FtbT8In39aAYbaA7zvxQ61xVMSPE8WxhLwLbhif4Js2C+g=="],
+
     "reflect-metadata": ["reflect-metadata@0.2.2", "", {}, "sha512-urBwgfrvVP/eAyXx4hluJivBKzuEbSQs9rKWCrCkbSxNv8mxPcUZKeuoF3Uy4mJl3Lwprp6yy5/39VWigZ4K6Q=="],
 
+    "regex": ["regex@6.1.0", "", { "dependencies": { "regex-utilities": "^2.3.0" } }, "sha512-6VwtthbV4o/7+OaAF9I5L5V3llLEsoPyq9P1JVXkedTP33c7MfCG0/5NOPcSJn0TzXcG9YUrR0gQSWioew3LDg=="],
+
+    "regex-recursion": ["regex-recursion@6.0.2", "", { "dependencies": { "regex-utilities": "^2.3.0" } }, "sha512-0YCaSCq2VRIebiaUviZNs0cBz1kg5kVS2UKUfNIx8YVs1cN3AV7NTctO5FOKBA+UT2BPJIWZauYHPqJODG50cg=="],
+
+    "regex-utilities": ["regex-utilities@2.3.0", "", {}, "sha512-8VhliFJAWRaUiVvREIiW2NXXTmHs4vMNnSzuJVhscgmGav3g9VDxLrQndI3dZZVVdp0ZO/5v0xmX516/7M9cng=="],
+
     "regexp.prototype.flags": ["regexp.prototype.flags@1.5.4", "", { "dependencies": { "call-bind": "^1.0.8", "define-properties": "^1.2.1", "es-errors": "^1.3.0", "get-proto": "^1.0.1", "gopd": "^1.2.0", "set-function-name": "^2.0.2" } }, "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA=="],
 
+    "rehype": ["rehype@13.0.2", "", { "dependencies": { "@types/hast": "^3.0.0", "rehype-parse": "^9.0.0", "rehype-stringify": "^10.0.0", "unified": "^11.0.0" } }, "sha512-j31mdaRFrwFRUIlxGeuPXXKWQxet52RBQRvCmzl5eCefn/KGbomK5GMHNMsOJf55fgo3qw5tST5neDuarDYR2A=="],
+
+    "rehype-parse": ["rehype-parse@9.0.1", "", { "dependencies": { "@types/hast": "^3.0.0", "hast-util-from-html": "^2.0.0", "unified": "^11.0.0" } }, "sha512-ksCzCD0Fgfh7trPDxr2rSylbwq9iYDkSn8TCDmEJ49ljEUBxDVCzCHv7QNzZOfODanX4+bWQ4WZqLCRWYLfhag=="],
+
+    "rehype-raw": ["rehype-raw@7.0.0", "", { "dependencies": { "@types/hast": "^3.0.0", "hast-util-raw": "^9.0.0", "vfile": "^6.0.0" } }, "sha512-/aE8hCfKlQeA8LmyeyQvQF3eBiLRGNlfBJEvWH7ivp9sBqs7TNqBL5X3v157rM4IFETqDnIOO+z5M/biZbo9Ww=="],
+
+    "rehype-recma": ["rehype-recma@1.0.0", "", { "dependencies": { "@types/estree": "^1.0.0", "@types/hast": "^3.0.0", "hast-util-to-estree": "^3.0.0" } }, "sha512-lqA4rGUf1JmacCNWWZx0Wv1dHqMwxzsDWYMTowuplHF3xH0N/MmrZ/G3BDZnzAkRmxDadujCjaKM2hqYdCBOGw=="],
+
+    "rehype-stringify": ["rehype-stringify@10.0.1", "", { "dependencies": { "@types/hast": "^3.0.0", "hast-util-to-html": "^9.0.0", "unified": "^11.0.0" } }, "sha512-k9ecfXHmIPuFVI61B9DeLPN0qFHfawM6RsuX48hoqlaKSF61RskNjSm1lI8PhBEM0MRdLxVVm4WmTqJQccH9mA=="],
+
+    "remark-gfm": ["remark-gfm@4.0.1", "", { "dependencies": { "@types/mdast": "^4.0.0", "mdast-util-gfm": "^3.0.0", "micromark-extension-gfm": "^3.0.0", "remark-parse": "^11.0.0", "remark-stringify": "^11.0.0", "unified": "^11.0.0" } }, "sha512-1quofZ2RQ9EWdeN34S79+KExV1764+wCUGop5CPL1WGdD0ocPpu91lzPGbwWMECpEpd42kJGQwzRfyov9j4yNg=="],
+
+    "remark-mdx": ["remark-mdx@3.1.1", "", { "dependencies": { "mdast-util-mdx": "^3.0.0", "micromark-extension-mdxjs": "^3.0.0" } }, "sha512-Pjj2IYlUY3+D8x00UJsIOg5BEvfMyeI+2uLPn9VO9Wg4MEtN/VTIq2NEJQfde9PnX15KgtHyl9S0BcTnWrIuWg=="],
+
+    "remark-parse": ["remark-parse@11.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "mdast-util-from-markdown": "^2.0.0", "micromark-util-types": "^2.0.0", "unified": "^11.0.0" } }, "sha512-FCxlKLNGknS5ba/1lmpYijMUzX2esxW5xQqjWxw2eHFfS2MSdaHVINFmhjo+qN1WhZhNimq0dZATN9pH0IDrpA=="],
+
+    "remark-rehype": ["remark-rehype@11.1.2", "", { "dependencies": { "@types/hast": "^3.0.0", "@types/mdast": "^4.0.0", "mdast-util-to-hast": "^13.0.0", "unified": "^11.0.0", "vfile": "^6.0.0" } }, "sha512-Dh7l57ianaEoIpzbp0PC9UKAdCSVklD8E5Rpw7ETfbTl3FqcOOgq5q2LVDhgGCkaBv7p24JXikPdvhhmHvKMsw=="],
+
+    "remark-smartypants": ["remark-smartypants@3.0.2", "", { "dependencies": { "retext": "^9.0.0", "retext-smartypants": "^6.0.0", "unified": "^11.0.4", "unist-util-visit": "^5.0.0" } }, "sha512-ILTWeOriIluwEvPjv67v7Blgrcx+LZOkAUVtKI3putuhlZm84FnqDORNXPPm+HY3NdZOMhyDwZ1E+eZB/Df5dA=="],
+
+    "remark-stringify": ["remark-stringify@11.0.0", "", { "dependencies": { "@types/mdast": "^4.0.0", "mdast-util-to-markdown": "^2.0.0", "unified": "^11.0.0" } }, "sha512-1OSmLd3awB/t8qdoEOMazZkNsfVTeY4fTsgzcQFdXNq8ToTN4ZGwrMnlda4K6smTFKD+GRV6O48i6Z4iKgPPpw=="],
+
+    "request-light": ["request-light@0.7.0", "", {}, "sha512-lMbBMrDoxgsyO+yB3sDcrDuX85yYt7sS8BfQd11jtbW/z5ZWgLZRcEGLsLoYw7I0WSUGQBs8CC8ScIxkTX1+6Q=="],
+
     "require-directory": ["require-directory@2.1.1", "", {}, "sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q=="],
 
     "require-from-string": ["require-from-string@2.0.2", "", {}, "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw=="],
 
+    "reselect": ["reselect@5.2.0", "", {}, "sha512-AgZ3UOZm3YndfrJ4OYjgrT7bmCm/1iqkjvEfH/oYjzh6PD2qw4QuT3jjnXIrpdt4MTpMXclMT3lXbmRY+XRakw=="],
+
     "resolve-from": ["resolve-from@5.0.0", "", {}, "sha512-qYg9KP24dD5qka9J47d0aVky0N+b4fTU89LN9iDnjB5waksiC49rvMB0PrUJQGoTmH50XPiqOvAjDfaijGxYZw=="],
 
     "resolve-pkg-maps": ["resolve-pkg-maps@1.0.0", "", {}, "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw=="],
 
     "restore-cursor": ["restore-cursor@5.1.0", "", { "dependencies": { "onetime": "^7.0.0", "signal-exit": "^4.1.0" } }, "sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA=="],
 
+    "retext": ["retext@9.0.0", "", { "dependencies": { "@types/nlcst": "^2.0.0", "retext-latin": "^4.0.0", "retext-stringify": "^4.0.0", "unified": "^11.0.0" } }, "sha512-sbMDcpHCNjvlheSgMfEcVrZko3cDzdbe1x/e7G66dFp0Ff7Mldvi2uv6JkJQzdRcvLYE8CA8Oe8siQx8ZOgTcA=="],
+
+    "retext-latin": ["retext-latin@4.0.0", "", { "dependencies": { "@types/nlcst": "^2.0.0", "parse-latin": "^7.0.0", "unified": "^11.0.0" } }, "sha512-hv9woG7Fy0M9IlRQloq/N6atV82NxLGveq+3H2WOi79dtIYWN8OaxogDm77f8YnVXJL2VD3bbqowu5E3EMhBYA=="],
+
+    "retext-smartypants": ["retext-smartypants@6.2.0", "", { "dependencies": { "@types/nlcst": "^2.0.0", "nlcst-to-string": "^4.0.0", "unist-util-visit": "^5.0.0" } }, "sha512-kk0jOU7+zGv//kfjXEBjdIryL1Acl4i9XNkHxtM7Tm5lFiCog576fjNC9hjoR7LTKQ0DsPWy09JummSsH1uqfQ=="],
+
+    "retext-stringify": ["retext-stringify@4.0.0", "", { "dependencies": { "@types/nlcst": "^2.0.0", "nlcst-to-string": "^4.0.0", "unified": "^11.0.0" } }, "sha512-rtfN/0o8kL1e+78+uxPTqu1Klt0yPzKuQ2BfWwwfgIUSayyzxpM1PJzkKt4V8803uB9qSy32MvI7Xep9khTpiA=="],
+
     "reusify": ["reusify@1.1.0", "", {}, "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw=="],
 
     "rfdc": ["rfdc@1.4.1", "", {}, "sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA=="],
 
+    "robust-predicates": ["robust-predicates@3.0.3", "", {}, "sha512-NS3levdsRIUOmiJ8FZWCP7LG3QpJyrs/TE0Zpf1yvZu8cAJJ6QMW92H1c7kWpdIHo8RvmLxN/o2JXTKHp74lUA=="],
+
     "rolldown": ["rolldown@1.1.5", "", { "dependencies": { "@oxc-project/types": "=0.139.0", "@rolldown/pluginutils": "^1.0.0" }, "optionalDependencies": { "@rolldown/binding-android-arm64": "1.1.5", "@rolldown/binding-darwin-arm64": "1.1.5", "@rolldown/binding-darwin-x64": "1.1.5", "@rolldown/binding-freebsd-x64": "1.1.5", "@rolldown/binding-linux-arm-gnueabihf": "1.1.5", "@rolldown/binding-linux-arm64-gnu": "1.1.5", "@rolldown/binding-linux-arm64-musl": "1.1.5", "@rolldown/binding-linux-ppc64-gnu": "1.1.5", "@rolldown/binding-linux-s390x-gnu": "1.1.5", "@rolldown/binding-linux-x64-gnu": "1.1.5", "@rolldown/binding-linux-x64-musl": "1.1.5", "@rolldown/binding-openharmony-arm64": "1.1.5", "@rolldown/binding-wasm32-wasi": "1.1.5", "@rolldown/binding-win32-arm64-msvc": "1.1.5", "@rolldown/binding-win32-x64-msvc": "1.1.5" }, "bin": { "rolldown": "./bin/cli.mjs" } }, "sha512-t9z29cJjXf/vxQ8dyhCSpt6H6aSwHTk8cT5I3iy6SMXuFpk5mB6PL6XfC8PCwrPTx93udwKUm9HRteAlTGBLiA=="],
 
     "rolldown-plugin-dts": ["rolldown-plugin-dts@0.26.0", "", { "dependencies": { "@babel/generator": "^8.0.0", "@babel/helper-validator-identifier": "^8.0.0", "@babel/parser": "^8.0.0", "ast-kit": "^3.0.0", "birpc": "^4.0.0", "dts-resolver": "^3.0.0", "get-tsconfig": "5.0.0-beta.5", "obug": "^2.1.3" }, "peerDependencies": { "@ts-macro/tsc": "^0.3.6", "@typescript/native-preview": ">=7.0.0-dev.20260325.1", "rolldown": "^1.0.0", "typescript": "^5.0.0 || ^6.0.0", "vue-tsc": "~3.2.0 || ~3.3.0" }, "optionalPeers": ["@ts-macro/tsc", "@typescript/native-preview", "typescript", "vue-tsc"] }, "sha512-e+kEPtUiDES0htk5iqkSeF4EzAV7R+vugGB44iPDuw1Kw9E+WyL1VG7PaV0IIjGHLiacztMBcMTyrr8ON9CT1Q=="],
 
     "rollup": ["rollup@4.60.2", "", { "dependencies": { "@types/estree": "1.0.8" }, "optionalDependencies": { "@rollup/rollup-android-arm-eabi": "4.60.2", "@rollup/rollup-android-arm64": "4.60.2", "@rollup/rollup-darwin-arm64": "4.60.2", "@rollup/rollup-darwin-x64": "4.60.2", "@rollup/rollup-freebsd-arm64": "4.60.2", "@rollup/rollup-freebsd-x64": "4.60.2", "@rollup/rollup-linux-arm-gnueabihf": "4.60.2", "@rollup/rollup-linux-arm-musleabihf": "4.60.2", "@rollup/rollup-linux-arm64-gnu": "4.60.2", "@rollup/rollup-linux-arm64-musl": "4.60.2", "@rollup/rollup-linux-loong64-gnu": "4.60.2", "@rollup/rollup-linux-loong64-musl": "4.60.2", "@rollup/rollup-linux-ppc64-gnu": "4.60.2", "@rollup/rollup-linux-ppc64-musl": "4.60.2", "@rollup/rollup-linux-riscv64-gnu": "4.60.2", "@rollup/rollup-linux-riscv64-musl": "4.60.2", "@rollup/rollup-linux-s390x-gnu": "4.60.2", "@rollup/rollup-linux-x64-gnu": "4.60.2", "@rollup/rollup-linux-x64-musl": "4.60.2", "@rollup/rollup-openbsd-x64": "4.60.2", "@rollup/rollup-openharmony-arm64": "4.60.2", "@rollup/rollup-win32-arm64-msvc": "4.60.2", "@rollup/rollup-win32-ia32-msvc": "4.60.2", "@rollup/rollup-win32-x64-gnu": "4.60.2", "@rollup/rollup-win32-x64-msvc": "4.60.2", "fsevents": "~2.3.2" }, "bin": { "rollup": "dist/bin/rollup" } }, "sha512-J9qZyW++QK/09NyN/zeO0dG/1GdGfyp9lV8ajHnRVLfo/uFsbji5mHnDgn/qYdUHyCkM2N+8VyspgZclfAh0eQ=="],
 
+    "roughjs": ["roughjs@4.6.6", "", { "dependencies": { "hachure-fill": "^0.5.2", "path-data-parser": "^0.1.0", "points-on-curve": "^0.2.0", "points-on-path": "^0.2.1" } }, "sha512-ZUz/69+SYpFN/g/lUlo2FXcIjRkSu3nDarreVdGGndHEBJ6cXPdKguS8JGxwj5HA5xIbVKSmLgr5b3AWxtRfvQ=="],
+
     "router": ["router@2.2.0", "", { "dependencies": { "debug": "^4.4.0", "depd": "^2.0.0", "is-promise": "^4.0.0", "parseurl": "^1.3.3", "path-to-regexp": "^8.0.0" } }, "sha512-nLTrUKm2UyiL7rlhapu/Zl45FwNgkZGaCpZbIHajDYgwlJCOzLSk+cIPAnsEqV955GjILJnKbdQC1nVPz+gAYQ=="],
 
+    "run-applescript": ["run-applescript@7.1.0", "", {}, "sha512-DPe5pVFaAsinSaV6QjQ6gdiedWDcRCbUuiQfQa2wmWV7+xC9bGulGI8+TdRmoFkAPaBXk8CrAbnlY2ISniJ47Q=="],
+
     "run-parallel": ["run-parallel@1.2.0", "", { "dependencies": { "queue-microtask": "^1.2.2" } }, "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA=="],
 
+    "rw": ["rw@1.3.3", "", {}, "sha512-PdhdWy89SiZogBLaw42zdeqtRJ//zFd2PgQavcICDUgJT5oW10QCRKbJ6bg4r0/UY2M6BWd5tkxuGFRvCkgfHQ=="],
+
     "rxjs": ["rxjs@7.8.2", "", { "dependencies": { "tslib": "^2.1.0" } }, "sha512-dhKf903U/PQZY6boNNtAGdWbG85WAbjT/1xYoZIC7FAY0yWapOBQVsVrDl58W86//e1VpMNBtRV4MaXfdMySFA=="],
 
     "sade": ["sade@1.8.1", "", { "dependencies": { "mri": "^1.1.0" } }, "sha512-xal3CZX1Xlo/k4ApwCFrHVACi9fBqJ7V+mwhBsuf/1IOKbBy098Fex+Wa/5QMubw09pSZ/u8EY8PWgevJsXp1A=="],
@@ -1638,10 +2760,18 @@
 
     "sass": ["sass@1.99.0", "", { "dependencies": { "chokidar": "^4.0.0", "immutable": "^5.1.5", "source-map-js": ">=0.6.2 <2.0.0" }, "optionalDependencies": { "@parcel/watcher": "^2.4.1" }, "bin": { "sass": "sass.js" } }, "sha512-kgW13M54DUB7IsIRM5LvJkNlpH+WhMpooUcaWGFARkF1Tc82v9mIWkCbCYf+MBvpIUBSeSOTilpZjEPr2VYE6Q=="],
 
+    "satteri": ["satteri@0.9.5", "", { "dependencies": { "@types/estree-jsx": "^1.0.5", "@types/hast": "^3.0.4", "@types/mdast": "^4.0.4", "@types/unist": "^3.0.3" }, "optionalDependencies": { "@bruits/satteri-darwin-arm64": "0.9.5", "@bruits/satteri-darwin-x64": "0.9.5", "@bruits/satteri-linux-arm64-gnu": "0.9.5", "@bruits/satteri-linux-arm64-musl": "0.9.5", "@bruits/satteri-linux-x64-gnu": "0.9.5", "@bruits/satteri-linux-x64-musl": "0.9.5", "@bruits/satteri-wasm32-wasi": "0.9.5", "@bruits/satteri-win32-arm64-msvc": "0.9.5", "@bruits/satteri-win32-x64-msvc": "0.9.5" } }, "sha512-ZuWVl+vnM64y+/TtX8Kosv2c00W+hLQiiwnEL6H0UKVVrxFqMw4D2CJHHQaouVd89OAhtBBfjWLqhKi3TVUV4w=="],
+
+    "sax": ["sax@1.6.0", "", {}, "sha512-6R3J5M4AcbtLUdZmRv2SygeVaM7IhrLXu9BmnOGmmACak8fiUtOsYNWUS4uK7upbmHIBbLBeFeI//477BKLBzA=="],
+
     "saxes": ["saxes@6.0.0", "", { "dependencies": { "xmlchars": "^2.2.0" } }, "sha512-xAg7SOnEhrm5zI3puOOKyy1OMcMlIJZYNJY7xLBwSze0UjhPLnWfj2GF2EpT0jmzaJKIWKHLsaSSajf35bcYnA=="],
 
     "scheduler": ["scheduler@0.27.0", "", {}, "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q=="],
 
+    "scule": ["scule@1.3.0", "", {}, "sha512-6FtHJEvt+pVMIB9IBY+IcCJ6Z5f1iQnytgyfKMhDKgmzYG+TeH/wx1y3l27rshSbLiSanrR9ffZDrEsmjlQF2g=="],
+
+    "section-matter": ["section-matter@1.0.0", "", { "dependencies": { "extend-shallow": "^2.0.1", "kind-of": "^6.0.0" } }, "sha512-vfD3pmTzGpufjScBh50YHKzEu2lxBWhVEHsNGoEXmCmn2hKGfeNLYMzCJpe8cD7gqX7TJluOVpBkAequ6dgMmA=="],
+
     "semver": ["semver@7.8.5", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-Y7/KDsb8LjooZpwaqGyulO6DQlksgCncchHGk+sZIY4SBvUocMBEFH5Ur1fI4dV+Jvl0w6cjvucaIi40puRioA=="],
 
     "send": ["send@1.2.1", "", { "dependencies": { "debug": "^4.4.3", "encodeurl": "^2.0.0", "escape-html": "^1.0.3", "etag": "^1.8.1", "fresh": "^2.0.0", "http-errors": "^2.0.1", "mime-types": "^3.0.2", "ms": "^2.1.3", "on-finished": "^2.4.1", "range-parser": "^1.2.1", "statuses": "^2.0.2" } }, "sha512-1gnZf7DFcoIcajTjTwjwuDjzuz4PPcY2StKPlsGAQ1+YH20IRVrBaXSWmdjowTJ6u8Rc01PoYOGHXfP1mYcZNQ=="],
@@ -1652,12 +2782,18 @@
 
     "serve-static": ["serve-static@2.2.1", "", { "dependencies": { "encodeurl": "^2.0.0", "escape-html": "^1.0.3", "parseurl": "^1.3.3", "send": "^1.2.0" } }, "sha512-xRXBn0pPqQTVQiC8wyQrKs2MOlX24zQ0POGaj0kultvoOCstBQM5yvOhAVSUwOMjQtTvsPWoNCHfPGwaaQJhTw=="],
 
+    "server-destroy": ["server-destroy@1.0.1", "", {}, "sha512-rb+9B5YBIEzYcD6x2VKidaa+cqYBJQKnU4oe4E3ANwRRN56yk/ua1YCJT1n21NTS8w6CcOclAKNP3PhdCXKYtQ=="],
+
     "set-function-length": ["set-function-length@1.2.2", "", { "dependencies": { "define-data-property": "^1.1.4", "es-errors": "^1.3.0", "function-bind": "^1.1.2", "get-intrinsic": "^1.2.4", "gopd": "^1.0.1", "has-property-descriptors": "^1.0.2" } }, "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg=="],
 
     "set-function-name": ["set-function-name@2.0.2", "", { "dependencies": { "define-data-property": "^1.1.4", "es-errors": "^1.3.0", "functions-have-names": "^1.2.3", "has-property-descriptors": "^1.0.2" } }, "sha512-7PGFlmtwsEADb0WYyvCMa1t+yke6daIG4Wirafur5kcf+MhUnPms1UeR0CKQdTZD81yESwMHbtn+TR+dMviakQ=="],
 
+    "setimmediate": ["setimmediate@1.0.5", "", {}, "sha512-MATJdZp8sLqDl/68LfQmbP8zKPLQNV6BIZoIgrscFDQ+RsvK/BxeDQOgyxKKoh0y/8h3BqVFnCqQ/gd+reiIXA=="],
+
     "setprototypeof": ["setprototypeof@1.2.0", "", {}, "sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw=="],
 
+    "sharp": ["sharp@0.35.3", "", { "dependencies": { "@img/colour": "^1.1.0", "detect-libc": "^2.1.2", "semver": "^7.8.5" }, "optionalDependencies": { "@img/sharp-darwin-arm64": "0.35.3", "@img/sharp-darwin-x64": "0.35.3", "@img/sharp-freebsd-wasm32": "0.35.3", "@img/sharp-libvips-darwin-arm64": "1.3.2", "@img/sharp-libvips-darwin-x64": "1.3.2", "@img/sharp-libvips-linux-arm": "1.3.2", "@img/sharp-libvips-linux-arm64": "1.3.2", "@img/sharp-libvips-linux-ppc64": "1.3.2", "@img/sharp-libvips-linux-riscv64": "1.3.2", "@img/sharp-libvips-linux-s390x": "1.3.2", "@img/sharp-libvips-linux-x64": "1.3.2", "@img/sharp-libvips-linuxmusl-arm64": "1.3.2", "@img/sharp-libvips-linuxmusl-x64": "1.3.2", "@img/sharp-linux-arm": "0.35.3", "@img/sharp-linux-arm64": "0.35.3", "@img/sharp-linux-ppc64": "0.35.3", "@img/sharp-linux-riscv64": "0.35.3", "@img/sharp-linux-s390x": "0.35.3", "@img/sharp-linux-x64": "0.35.3", "@img/sharp-linuxmusl-arm64": "0.35.3", "@img/sharp-linuxmusl-x64": "0.35.3", "@img/sharp-webcontainers-wasm32": "0.35.3", "@img/sharp-win32-arm64": "0.35.3", "@img/sharp-win32-ia32": "0.35.3", "@img/sharp-win32-x64": "0.35.3" }, "peerDependencies": { "@types/node": "*" }, "optionalPeers": ["@types/node"] }, "sha512-ej0zVHuZGHCiABXcNxeYhpRnPNPAcvbG8RMdBAhDAxLKkCRVSpK3Iyu7qbqw3JMzoj0REeM6f3tJLtVwl0023Q=="],
+
     "shebang-command": ["shebang-command@2.0.0", "", { "dependencies": { "shebang-regex": "^3.0.0" } }, "sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA=="],
 
     "shebang-regex": ["shebang-regex@3.0.0", "", {}, "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="],
@@ -1676,6 +2812,8 @@
 
     "sherif-windows-x64": ["sherif-windows-x64@1.6.1", "", { "os": "win32", "cpu": "x64" }, "sha512-2r0qMxZGCMO2aq8Hlq7npxtAsUFVDsEFtUM/6dFo1npa/jHe2mbU7ii/Ymy0bloSa/qw/azrSfRV6GLU7Gjtxg=="],
 
+    "shiki": ["shiki@4.3.1", "", { "dependencies": { "@shikijs/core": "4.3.1", "@shikijs/engine-javascript": "4.3.1", "@shikijs/engine-oniguruma": "4.3.1", "@shikijs/langs": "4.3.1", "@shikijs/themes": "4.3.1", "@shikijs/types": "4.3.1", "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4" } }, "sha512-oR+qDVi2OjX1tmDpyv+3KviX01KzO6Af+0NNnKnsp9491UEGz2YpxTuJboS/6VhYpTdqzmuJBuiTlrAWWJAssw=="],
+
     "side-channel": ["side-channel@1.1.1", "", { "dependencies": { "es-errors": "^1.3.0", "object-inspect": "^1.13.4", "side-channel-list": "^1.0.1", "side-channel-map": "^1.0.1", "side-channel-weakmap": "^1.0.2" } }, "sha512-6x6dK6zJdpTzF4sQeNYxwtvBzf6Eg4GtlesS94HOvTudUeyK2WXAaIfmDgsyslYrRBeFIlsi54AYsFGUuhmvrQ=="],
 
     "side-channel-list": ["side-channel-list@1.0.1", "", { "dependencies": { "es-errors": "^1.3.0", "object-inspect": "^1.13.4" } }, "sha512-mjn/0bi/oUURjc5Xl7IaWi/OJJJumuoJFQJfDDyO46+hBWsfaVM65TBHq2eoZBhzl9EchxOijpkbRC8SVBQU0w=="],
@@ -1688,10 +2826,16 @@
 
     "signal-exit": ["signal-exit@4.1.0", "", {}, "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw=="],
 
+    "simple-code-frame": ["simple-code-frame@1.3.0", "", { "dependencies": { "kolorist": "^1.6.0" } }, "sha512-MB4pQmETUBlNs62BBeRjIFGeuy/x6gGKh7+eRUemn1rCFhqo7K+4slPqsyizCbcbYLnaYqaoZ2FWsZ/jN06D8w=="],
+
     "simple-concat": ["simple-concat@1.0.1", "", {}, "sha512-cSFtAPtRhljv69IK0hTVZQ+OfE9nePi/rtJmw5UjHeVyVroEqJXP1sFztKUy1qU+xvz3u/sfYJLa947b7nAN2Q=="],
 
     "simple-get": ["simple-get@4.0.1", "", { "dependencies": { "decompress-response": "^6.0.0", "once": "^1.3.1", "simple-concat": "^1.0.0" } }, "sha512-brv7p5WgH0jmQJr1ZDDfKDOSeWWg+OVypG99A/5vYGPqJ6pxiaHLy8nxtFjBA7oMa01ebA9gfh1uMCFqOuXxvA=="],
 
+    "simple-icons": ["simple-icons@13.21.0", "", {}, "sha512-LI5pVJPBv6oc79OMsffwb6kEqnmB8P1Cjg1crNUlhsxPETQ5UzbCKQdxU+7MW6+DD1qfPkla/vSKlLD4IfyXpQ=="],
+
+    "sirv": ["sirv@3.0.2", "", { "dependencies": { "@polka/url": "^1.0.0-next.24", "mrmime": "^2.0.0", "totalist": "^3.0.0" } }, "sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g=="],
+
     "sisteransi": ["sisteransi@1.0.5", "", {}, "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg=="],
 
     "size-limit": ["size-limit@12.1.0", "", { "dependencies": { "bytes-iec": "^3.1.1", "lilconfig": "^3.1.3", "nanospinner": "^1.2.2", "picocolors": "^1.1.1", "tinyglobby": "^0.2.16" }, "peerDependencies": { "jiti": "^2.0.0" }, "optionalPeers": ["jiti"], "bin": { "size-limit": "bin.js" } }, "sha512-VnDS2fycANrJFVPQwjaD+h+hkISY7EB3LsPsYWje4lBCjQwwsZLxjwwRwVJKHrcj2ZqyG+DdXykWm9mbZklZrw=="],
@@ -1702,6 +2846,8 @@
 
     "slice-ansi": ["slice-ansi@8.0.0", "", { "dependencies": { "ansi-styles": "^6.2.3", "is-fullwidth-code-point": "^5.1.0" } }, "sha512-stxByr12oeeOyY2BlviTNQlYV5xOj47GirPr4yA1hE9JCtxfQN0+tVbkxwCtYDQWhEKWFHsEK48ORg5jrouCAg=="],
 
+    "slugify": ["slugify@1.6.9", "", {}, "sha512-vZ7rfeehZui7wQs438JXBckYLkIIdfHOXsaVEUMyS5fHo1483l1bMdo0EDSWYclY0yZKFOipDy4KHuKs6ssvdg=="],
+
     "smol-toml": ["smol-toml@1.7.0", "", {}, "sha512-aqVvWoyO21L23mb+drl4RmMXbf6N7FdHjAhTRA9ZBL7apWBgfWC16KjrASI+1p9GAroljyMHj6fK67i0UiTNvQ=="],
 
     "solid-js": ["solid-js@1.9.14", "", { "dependencies": { "csstype": "^3.1.0", "seroval": "~1.5.4", "seroval-plugins": "~1.5.4" } }, "sha512-sAEXC0Kk0S1EDg+8ysEWJDbYhA3RRoEjwuySUGlKIemeo0I5YZfOyumNjNs9Sv3y2nmhD+0rW66ag2HsMuQiGQ=="],
@@ -1714,10 +2860,14 @@
 
     "source-map-support": ["source-map-support@0.5.21", "", { "dependencies": { "buffer-from": "^1.0.0", "source-map": "^0.6.0" } }, "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w=="],
 
+    "space-separated-tokens": ["space-separated-tokens@2.0.2", "", {}, "sha512-PEGlAwrG8yXGXRjW32fGbg66JAlOAwbObuqVoJpv/mRgoWDQfgH1wDPvtzWyUSNAXBGSk8h755YDbbcEy3SH2Q=="],
+
     "spawndamnit": ["spawndamnit@3.0.1", "", { "dependencies": { "cross-spawn": "^7.0.5", "signal-exit": "^4.0.1" } }, "sha512-MmnduQUuHCoFckZoWnXsTg7JaiLBJrKFj9UI2MbRPGaJeVpsLcVBu6P/IGZovziM/YBsellCmsprgNA+w0CzVg=="],
 
     "sprintf-js": ["sprintf-js@1.0.3", "", {}, "sha512-D9cPgkvLlV3t3IzL0D0YLvGA9Ahk4PcvVwUbN0dSGr1aP0Nrt4AEnTUbuGvquEC0mA64Gqt1fzirlRs5ibXx8g=="],
 
+    "stack-trace": ["stack-trace@1.0.0", "", {}, "sha512-H6D7134xi6qONvh7ZHKgviXf+rd3vhGBSvebPZCaUkd8zvQ+7PtDw6CljPTe4cXWNf2IKZGNqw6VJXSb9IgBpA=="],
+
     "stackback": ["stackback@0.0.2", "", {}, "sha512-1XMJE5fQo1jGH6Y/7ebnwPOBEkIEnT4QF32d5R1+VXdXveM0IBMJt8zfaxX1P3QhVwrYe+576+jkANtSS2mBbw=="],
 
     "statuses": ["statuses@2.0.2", "", {}, "sha512-DvEy55V3DB7uknRo+4iOGT5fP1slR8wQohVdknigZPMpMstaKJQWhwiYBACJE3Ul2pTnATihhBYnRhZQHGBiRw=="],
@@ -1734,7 +2884,9 @@
 
     "string-width-cjs": ["string-width@4.2.3", "", { "dependencies": { "emoji-regex": "^8.0.0", "is-fullwidth-code-point": "^3.0.0", "strip-ansi": "^6.0.1" } }, "sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g=="],
 
-    "string_decoder": ["string_decoder@1.3.0", "", { "dependencies": { "safe-buffer": "~5.2.0" } }, "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA=="],
+    "string_decoder": ["string_decoder@1.1.1", "", { "dependencies": { "safe-buffer": "~5.1.0" } }, "sha512-n/ShnvDi6FHbbVfviro+WojiFzv+s8MPMHBczVePfUpDJLwoLT0ht1l4YwBCbi8pJAveEEdnkHyPyTP/mzRfwg=="],
+
+    "stringify-entities": ["stringify-entities@4.0.4", "", { "dependencies": { "character-entities-html4": "^2.0.0", "character-entities-legacy": "^3.0.0" } }, "sha512-IwfBptatlO+QCJUo19AqvrPNqlVMpW9YEL2LIVY+Rpv2qsjCGxaDLNRgeGsQWJhfItebuJhsGSLjaBbNSQ+ieg=="],
 
     "strip-ansi": ["strip-ansi@6.0.1", "", { "dependencies": { "ansi-regex": "^5.0.1" } }, "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A=="],
 
@@ -1742,16 +2894,40 @@
 
     "strip-bom": ["strip-bom@3.0.0", "", {}, "sha512-vavAMRXOgBVNF6nyEEmL3DBK19iRpDcoIwW+swQ+CbGiu7lju6t+JklA1MHweoWtadgt4ISVUsXLyDq34ddcwA=="],
 
+    "strip-bom-string": ["strip-bom-string@1.0.0", "", {}, "sha512-uCC2VHvQRYu+lMh4My/sFNmF2klFymLX1wHJeXnbEJERpV/ZsVuonzerjfrGpIGF7LBVa1O7i9kjiWvJiFck8g=="],
+
+    "strip-final-newline": ["strip-final-newline@2.0.0", "", {}, "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA=="],
+
     "strip-json-comments": ["strip-json-comments@5.0.3", "", {}, "sha512-1tB5mhVo7U+ETBKNf92xT4hrQa3pm0MZ0PQvuDnWgAAGHDsfp4lPSpiS6psrSiet87wyGPh9ft6wmhOMQ0hDiw=="],
 
+    "style-to-js": ["style-to-js@1.1.21", "", { "dependencies": { "style-to-object": "1.0.14" } }, "sha512-RjQetxJrrUJLQPHbLku6U/ocGtzyjbJMP9lCNK7Ag0CNh690nSH8woqWH9u16nMjYBAok+i7JO1NP2pOy8IsPQ=="],
+
+    "style-to-object": ["style-to-object@1.0.14", "", { "dependencies": { "inline-style-parser": "0.2.7" } }, "sha512-LIN7rULI0jBscWQYaSswptyderlarFkjQ+t79nzty8tcIAceVomEVlLzH5VP4Cmsv6MtKhs7qaAiwlcp+Mgaxw=="],
+
+    "stylis": ["stylis@4.4.0", "", {}, "sha512-5Z9ZpRzfuH6l/UAvCPAPUo3665Nk2wLaZU3x+TLHKVzIz33+sbJqbtrYoC3KD4/uVOr2Zp+L0LySezP9OHV9yA=="],
+
     "supports-color": ["supports-color@7.2.0", "", { "dependencies": { "has-flag": "^4.0.0" } }, "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw=="],
 
     "supports-hyperlinks": ["supports-hyperlinks@3.2.0", "", { "dependencies": { "has-flag": "^4.0.0", "supports-color": "^7.0.0" } }, "sha512-zFObLMyZeEwzAoKCyu1B91U79K2t7ApXuQfo8OuxwXLDgcKxuwM+YvcbIhm6QWqz7mHUH1TVytR1PwVVjEuMig=="],
 
     "svelte": ["svelte@5.56.4", "", { "dependencies": { "@jridgewell/remapping": "^2.3.4", "@jridgewell/sourcemap-codec": "^1.5.0", "@sveltejs/acorn-typescript": "^1.0.10", "@types/estree": "^1.0.5", "@types/trusted-types": "^2.0.7", "acorn": "^8.12.1", "aria-query": "5.3.1", "axobject-query": "^4.1.0", "clsx": "^2.1.1", "devalue": "^5.8.1", "esm-env": "^1.2.1", "esrap": "^2.2.12", "is-reference": "^3.0.3", "locate-character": "^3.0.0", "magic-string": "^0.30.11", "zimmerframe": "^1.1.2" } }, "sha512-/d0QHehmRuJW8gVz395MTkPcPozxzdjBMBE8oEYGz8O3b9KTMzzQ9ZHJQLuFKOHOPQbU6kx/X4iid/EBBzH7iw=="],
 
+    "svelte-check": ["svelte-check@4.7.2", "", { "dependencies": { "@jridgewell/trace-mapping": "^0.3.25", "@sveltejs/load-config": "^0.2.0", "chokidar": "^4.0.1", "fdir": "^6.2.0", "picocolors": "^1.0.0", "sade": "^1.7.4" }, "peerDependencies": { "svelte": "^4.0.0 || ^5.0.0-next.0", "typescript": ">=5.0.0" }, "bin": { "svelte-check": "bin/svelte-check" } }, "sha512-GoS4XJdGswlq0rIT1vtFLzJY1bvHtY37McY9H9Gkm1Ggw/ICdZYn8J/Z8Yi0BEL0i3R4+jtaWVePjyppMlij/A=="],
+
+    "svelte2tsx": ["svelte2tsx@0.7.57", "", { "dependencies": { "dedent-js": "^1.0.1", "scule": "^1.3.0" }, "peerDependencies": { "svelte": "^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0", "typescript": "^4.9.4 || ^5.0.0 || ^6.0.0" } }, "sha512-nQo0xEfUpSVjfkxan2UmC6Wl9UZVe9+/pglUiyBNMJ7KDQ9DDooucmXdToBOvzSfgYjj/kMYwf6CTTDz/z048w=="],
+
+    "svgo": ["svgo@4.0.2", "", { "dependencies": { "commander": "^11.1.0", "css-select": "^5.1.0", "css-tree": "^3.0.1", "css-what": "^6.1.0", "csso": "^5.0.5", "picocolors": "^1.1.1", "sax": "^1.5.0" }, "bin": "./bin/svgo.js" }, "sha512-ekx94z1rRc5LDi6oSUaeRnYhd0UOJxdtQCL2rF8xpWxD3TPAsISWOrxezqGovqS38GRZOdpDfvQe3ts6F7nsng=="],
+
     "symbol-tree": ["symbol-tree@3.2.4", "", {}, "sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw=="],
 
+    "tagged-tag": ["tagged-tag@1.0.0", "", {}, "sha512-yEFYrVhod+hdNyx7g5Bnkkb0G6si8HJurOoOEgC8B/O0uXLHlaey/65KRv6cuWBNhBgHKAROVpc7QyYqE5gFng=="],
+
+    "tailwindcss": ["tailwindcss@4.3.2", "", {}, "sha512-WtctNNSH8A9jlMIqxzuYumOHU5uGZyRv0Q5svQl+oEPy5w84YpBxdb7MdqyiSPQge5jTJ6zFQLq0PFygdccSBA=="],
+
+    "tapable": ["tapable@2.3.3", "", {}, "sha512-uxc/zpqFg6x7C8vOE7lh6Lbda8eEL9zmVm/PLeTPBRhh1xCgdWaQ+J1CUieGpIfm2HdtsUpRv+HshiasBMcc6A=="],
+
+    "tar": ["tar@7.5.20", "", { "dependencies": { "@isaacs/fs-minipass": "^4.0.0", "chownr": "^3.0.0", "minipass": "^7.1.2", "minizlib": "^3.1.0", "yallist": "^5.0.0" } }, "sha512-9FcyK4PA6+WbzlTM9WhQm6vB5W7cP7dUiPsv1g7YDwEQnQ1CGpK3MGlKk/ITVWMk05kHZuBhmVhiv8LZoy/PFQ=="],
+
     "tar-fs": ["tar-fs@2.1.5", "", { "dependencies": { "chownr": "^1.1.1", "mkdirp-classic": "^0.5.2", "pump": "^3.0.0", "tar-stream": "^2.1.4" } }, "sha512-OboTd8mmMhZDNPV+UjQcK9yKAatXu2aJ+r1w4im1Otd4M4fl2hwvdoXUxIYHFTHWK/3y3FarBP70v3vwmGlOxw=="],
 
     "tar-stream": ["tar-stream@2.2.0", "", { "dependencies": { "bl": "^4.0.3", "end-of-stream": "^1.4.1", "fs-constants": "^1.0.0", "inherits": "^2.0.3", "readable-stream": "^3.1.1" } }, "sha512-ujeqbceABgwMZxEJnk2HDY2DlnUZ+9oEcb1KzTVfYHio0UE6dG71n60d8D2I4qNvleWrrXpmjpt7vZeF1LnMZQ=="],
@@ -1762,8 +2938,12 @@
 
     "thenify-all": ["thenify-all@1.6.0", "", { "dependencies": { "thenify": ">= 3.1.0 < 4" } }, "sha512-RNxQH/qI8/t3thXJDwcstUO4zeqo64+Uy/+sNVRBx4Xn2OX+OZ9oP+iJnNFqplFra2ZUVeKCSa2oVWi3T4uVmA=="],
 
+    "tiny-inflate": ["tiny-inflate@1.0.3", "", {}, "sha512-pkY1fj1cKHb2seWDy0B16HeWyczlJA9/WW3u3c4z/NiWDsO3DOU5D7nhTLE9CF0yXv/QZFY7sEJmj24dK+Rrqw=="],
+
     "tinybench": ["tinybench@2.9.0", "", {}, "sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg=="],
 
+    "tinyclip": ["tinyclip@0.1.15", "", {}, "sha512-uo33abH+Ays0xYaDysoBt494Hb3hsEczMpcC0MwFl773pazORx4fmvKhclhR1wonUbB6vvpRsvVMwnhfqeMc+A=="],
+
     "tinyexec": ["tinyexec@1.2.4", "", {}, "sha512-SHf/r48b7vOrjve9PxJo3MN5v5yuyjHvdUcrQffT3WXMUfnGmHDVbC4k3sHJaJTgZCwpUplIaAo5ANtMyp3YHg=="],
 
     "tinyglobby": ["tinyglobby@0.2.17", "", { "dependencies": { "fdir": "^6.5.0", "picomatch": "^4.0.4" } }, "sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g=="],
@@ -1780,12 +2960,20 @@
 
     "toidentifier": ["toidentifier@1.0.1", "", {}, "sha512-o5sSPKEkg/DIQNmH43V0/uerLrpzVedkUh8tGNvaeXpfpuwjKenlSox/2O/BTlZUtEe+JG7s5YhEz608PlAHRA=="],
 
+    "totalist": ["totalist@3.0.1", "", {}, "sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ=="],
+
     "tough-cookie": ["tough-cookie@6.0.2", "", { "dependencies": { "tldts": "^7.0.5" } }, "sha512-exgYmnmL/sJpR3upZfXG5PoatXQii55xAiXGXzY+sROLZ/Y+SLcp9PgJNI9Vz37HpQ74WvDcLT8eqm+kV3FzrA=="],
 
     "tr46": ["tr46@6.0.0", "", { "dependencies": { "punycode": "^2.3.1" } }, "sha512-bLVMLPtstlZ4iMQHpFHTR7GAGj2jxi8Dg0s2h2MafAE4uSWF98FC/3MomU51iQAMf8/qDUbKWf5GxuvvVcXEhw=="],
 
     "tree-kill": ["tree-kill@1.2.2", "", { "bin": { "tree-kill": "cli.js" } }, "sha512-L0Orpi8qGpRG//Nd+H90vFB+3iHnue1zSSGmNOOCh1GLJ7rUKVwV2HvijphGQS2UmhUZewS9VgvxYIdgr+fG1A=="],
 
+    "trim-lines": ["trim-lines@3.0.1", "", {}, "sha512-kRj8B+YHZCc9kQYdWfJB2/oUl9rA99qbowYYBtr4ui4mZyAQ2JpvVBd/6U2YloATfqBhBTSMhTpgBHtU0Mf3Rg=="],
+
+    "trough": ["trough@2.2.0", "", {}, "sha512-tmMpK00BjZiUyVyvrBK7knerNgmgvcV/KLVyuma/SC+TQN167GrMRciANTz09+k3zW8L8t60jWO1GpfkZdjTaw=="],
+
+    "ts-dedent": ["ts-dedent@2.3.0", "", {}, "sha512-JfJeIHke7y2egdGGgRAvpCwYFUsHlM2gPcrVOxFkznt/4uzQ7HFmvE63iFHVLBJNDuyDOQgijDK/tXH/f6Msjg=="],
+
     "ts-morph": ["ts-morph@21.0.1", "", { "dependencies": { "@ts-morph/common": "~0.22.0", "code-block-writer": "^12.0.0" } }, "sha512-dbDtVdEAncKctzrVZ+Nr7kHpHkv+0JDJb2MjjpBaj8bFeCkePU9rHfMklmhuLFnpeq/EJZk2IhStY6NzqgjOkg=="],
 
     "tsdown": ["tsdown@0.22.3", "", { "dependencies": { "ansis": "^4.3.1", "cac": "^7.0.0", "defu": "^6.1.7", "empathic": "^2.0.1", "hookable": "^6.1.1", "import-without-cache": "^0.4.0", "obug": "^2.1.3", "picomatch": "^4.0.4", "rolldown": "~1.1.1", "rolldown-plugin-dts": "^0.26.0", "semver": "^7.8.4", "tinyexec": "^1.2.4", "tinyglobby": "^0.2.17", "tree-kill": "^1.2.2", "unconfig-core": "^7.5.0" }, "peerDependencies": { "@arethetypeswrong/core": "^0.18.1", "@tsdown/css": "0.22.3", "@tsdown/exe": "0.22.3", "@vitejs/devtools": "*", "publint": "^0.3.8", "tsx": "*", "typescript": "^5.0.0 || ^6.0.0", "unplugin-unused": "^0.5.0", "unrun": "*" }, "optionalPeers": ["@arethetypeswrong/core", "@tsdown/css", "@tsdown/exe", "@vitejs/devtools", "publint", "tsx", "typescript", "unplugin-unused", "unrun"], "bin": { "tsdown": "./dist/run.mjs" } }, "sha512-louqbfA8Qf//B9jTTL0FPtXTNpjCWv1VPkbcmQMph2pTpzs+LnB1tbe4tDDRVpo2BjF5SgUXaTZe45SxB8pWHg=="],
@@ -1794,48 +2982,158 @@
 
     "tunnel-agent": ["tunnel-agent@0.6.0", "", { "dependencies": { "safe-buffer": "^5.0.1" } }, "sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w=="],
 
+    "twoslash": ["twoslash@0.3.9", "", { "dependencies": { "@typescript/vfs": "^1.6.4", "twoslash-protocol": "0.3.9" }, "peerDependencies": { "typescript": "^5.5.0 || ^6.0.0" } }, "sha512-rDclk+OtzuTX+tnea7DYLCkqGQ3eP0IyfD+kzUJ7t46X/NzlaxwrhecmEBNuSCuEn3V+n1PhcjUUQQ7gUJzX5Q=="],
+
+    "twoslash-protocol": ["twoslash-protocol@0.3.9", "", {}, "sha512-9/iwp+CXOnjFMPQuPL5PkuRbZnDoNpBvtJCLs9t8kDYkL3YHujbvnHfZA1i5fApDftVEdBw+T/4F+dH5kIzpYQ=="],
+
+    "type-fest": ["type-fest@5.8.0", "", { "dependencies": { "tagged-tag": "^1.0.0" } }, "sha512-YGYEVz3Fm5iy/AybuA0oyNFq7H4CgQNfRp/qfe8nurE1kuCeNm3/vfm9X4Mtl+qLyaKJUh5xrFZwogr41SMjYA=="],
+
     "type-is": ["type-is@2.1.0", "", { "dependencies": { "content-type": "^2.0.0", "media-typer": "^1.1.0", "mime-types": "^3.0.0" } }, "sha512-faYHw0anBbc/kWF3zFTEnxSFOAGUX9GFbOBthvDdLsIlEoWOFOtS0zgCiQYwIskL9iGXZL3kAXD8OoZ4GmMATA=="],
 
     "typedoc": ["typedoc@0.28.19", "", { "dependencies": { "@gerrit0/mini-shiki": "^3.23.0", "lunr": "^2.3.9", "markdown-it": "^14.1.1", "minimatch": "^10.2.5", "yaml": "^2.8.3" }, "peerDependencies": { "typescript": "5.0.x || 5.1.x || 5.2.x || 5.3.x || 5.4.x || 5.5.x || 5.6.x || 5.7.x || 5.8.x || 5.9.x || 6.0.x" }, "bin": { "typedoc": "bin/typedoc" } }, "sha512-wKh+lhdmMFivMlc6vRRcMGXeGEHGU2g8a2CkPTJjJlwRf1iXbimWIPcFolCqe4E0d/FRtGszpIrsp3WLpDB8Pw=="],
 
+    "typedoc-plugin-frontmatter": ["typedoc-plugin-frontmatter@1.3.1", "", { "dependencies": { "yaml": "^2.8.1" }, "peerDependencies": { "typedoc-plugin-markdown": ">=4.9.0" } }, "sha512-wXKnhpiOuG3lY9GGKiKcXNrhKbPYm/jA5wbzGE/kKdwlSu8++ZbEuKA0K2dvIna3F+5EQrv+3AeObHkS1QP7JA=="],
+
+    "typedoc-plugin-markdown": ["typedoc-plugin-markdown@4.12.0", "", { "peerDependencies": { "typedoc": "0.28.x" } }, "sha512-eJDEMAfxCmede22c/Jw7d0FA13ggAQv+KkwQYKYCdqI02cin6Rc9QRwbG/7XvvHWinuFejySnZVUWDtvGk3Vbg=="],
+
+    "typesafe-path": ["typesafe-path@0.2.2", "", {}, "sha512-OJabfkAg1WLZSqJAJ0Z6Sdt3utnbzr/jh+NAHoyWHJe8CMSy79Gm085094M9nvTPy22KzTVn5Zq5mbapCI/hPA=="],
+
     "typescript": ["typescript@6.0.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-y2TvuxSZPDyQakkFRPZHKFm+KKVqIisdg9/CZwm9ftvKXLP8NRWj38/ODjNbr43SsoXqNuAisEf1GdCxqWcdBw=="],
 
+    "typescript-auto-import-cache": ["typescript-auto-import-cache@0.3.6", "", { "dependencies": { "semver": "^7.3.8" } }, "sha512-RpuHXrknHdVdK7wv/8ug3Fr0WNsNi5l5aB8MYYuXhq2UH5lnEB1htJ1smhtD5VeCsGr2p8mUDtd83LCQDFVgjQ=="],
+
     "uc.micro": ["uc.micro@2.1.0", "", {}, "sha512-ARDJmphmdvUk6Glw7y9DQ2bFkKBHwQHLi2lsaH6PPmz/Ka9sFOBsBluozhDltWmnv9u/cF6Rt87znRTPV+yp/A=="],
 
+    "ufo": ["ufo@1.6.4", "", {}, "sha512-JFNbkD1Svwe0KvGi8GOeLcP4kAWQ609twvCdcHxq1oSL8svv39ZuSvajcD8B+5D0eL4+s1Is2D/O6KN3qcTeRA=="],
+
+    "ultrahtml": ["ultrahtml@1.7.0", "", {}, "sha512-2xRd0VHoAQE4M+vF/DvFFB7pUV0ZxTW1TLi7lHQWnF/Sb5TPeEUV/l+hxcNnGO00ZXGnR0voCMmYRKQf+rvJ2g=="],
+
     "unbash": ["unbash@4.0.2", "", {}, "sha512-8gwNZ29+0/3zmXw7ToIHZtg6wK37xnniRUdBt7B27xZxaxfgR5tGMaGHT0t0dLtBV9fXE7zurh0s6Z1DHVjfWg=="],
 
     "unconfig-core": ["unconfig-core@7.5.0", "", { "dependencies": { "@quansync/fs": "^1.0.0", "quansync": "^1.0.0" } }, "sha512-Su3FauozOGP44ZmKdHy2oE6LPjk51M/TRRjHv2HNCWiDvfvCoxC2lno6jevMA91MYAdCdwP05QnWdWpSbncX/w=="],
 
+    "uncrypto": ["uncrypto@0.1.3", "", {}, "sha512-Ql87qFHB3s/De2ClA9e0gsnS6zXG27SkTiSJwjCc9MebbfapQfuPzumMIUMi38ezPZVNFcHI9sUIepeQfw8J8Q=="],
+
     "undici": ["undici@7.28.0", "", {}, "sha512-cRZYrTDwWznlnRiPjggAGxZXanty6M8RV1ff8Wm4LWXBp7/IG8v5DnOm74DtUBp9OONpK75YlPnIjQqX0dBDtA=="],
 
     "undici-types": ["undici-types@8.3.0", "", {}, "sha512-j375ScV60dom+YkPFIfTLcOiPxkN/buHz5GobjLhixFuANaNs3C9l4GmrWqejgXWJ7BbJcFYpTEUkS1Ge8bpZQ=="],
 
     "unicode-emoji-modifier-base": ["unicode-emoji-modifier-base@1.0.0", "", {}, "sha512-yLSH4py7oFH3oG/9K+XWrz1pSi3dfUrWEnInbxMfArOfc1+33BlGPQtLsOYwvdMy11AwUBetYuaRxSPqgkq+8g=="],
 
+    "unified": ["unified@11.0.5", "", { "dependencies": { "@types/unist": "^3.0.0", "bail": "^2.0.0", "devlop": "^1.0.0", "extend": "^3.0.0", "is-plain-obj": "^4.0.0", "trough": "^2.0.0", "vfile": "^6.0.0" } }, "sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA=="],
+
+    "unifont": ["unifont@0.7.4", "", { "dependencies": { "css-tree": "^3.1.0", "ofetch": "^1.5.1", "ohash": "^2.0.11" } }, "sha512-oHeis4/xl42HUIeHuNZRGEvxj5AaIKR+bHPNegRq5LV1gdc3jundpONbjglKpihmJf+dswygdMJn3eftGIMemg=="],
+
+    "unist-util-find-after": ["unist-util-find-after@5.0.0", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-is": "^6.0.0" } }, "sha512-amQa0Ep2m6hE2g72AugUItjbuM8X8cGQnFoHk0pGfrFeT9GZhzN5SW8nRsiGKK7Aif4CrACPENkA6P/Lw6fHGQ=="],
+
+    "unist-util-is": ["unist-util-is@6.0.1", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-LsiILbtBETkDz8I9p1dQ0uyRUWuaQzd/cuEeS1hoRSyW5E5XGmTzlwY1OrNzzakGowI9Dr/I8HVaw4hTtnxy8g=="],
+
+    "unist-util-modify-children": ["unist-util-modify-children@4.0.0", "", { "dependencies": { "@types/unist": "^3.0.0", "array-iterate": "^2.0.0" } }, "sha512-+tdN5fGNddvsQdIzUF3Xx82CU9sMM+fA0dLgR9vOmT0oPT2jH+P1nd5lSqfCfXAw+93NhcXNY2qqvTUtE4cQkw=="],
+
+    "unist-util-position": ["unist-util-position@5.0.0", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-fucsC7HjXvkB5R3kTCO7kUjRdrS0BJt3M/FPxmHMBOm8JQi2BsHAHFsy27E0EolP8rp0NzXsJ+jNPyDWvOJZPA=="],
+
+    "unist-util-position-from-estree": ["unist-util-position-from-estree@2.0.0", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-KaFVRjoqLyF6YXCbVLNad/eS4+OfPQQn2yOd7zF/h5T/CSL2v8NpN6a5TPvtbXthAGw5nG+PuTtq+DdIZr+cRQ=="],
+
+    "unist-util-remove-position": ["unist-util-remove-position@5.0.0", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-visit": "^5.0.0" } }, "sha512-Hp5Kh3wLxv0PHj9m2yZhhLt58KzPtEYKQQ4yxfYFEO7EvHwzyDYnduhHnY1mDxoqr7VUwVuHXk9RXKIiYS1N8Q=="],
+
+    "unist-util-stringify-position": ["unist-util-stringify-position@4.0.0", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-0ASV06AAoKCDkS2+xw5RXJywruurpbC4JZSm7nr7MOt1ojAzvyyaO+UxZf18j8FCF6kmzCZKcAgN/yu2gm2XgQ=="],
+
+    "unist-util-visit": ["unist-util-visit@5.1.0", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-is": "^6.0.0", "unist-util-visit-parents": "^6.0.0" } }, "sha512-m+vIdyeCOpdr/QeQCu2EzxX/ohgS8KbnPDgFni4dQsfSCtpz8UqDyY5GjRru8PDKuYn7Fq19j1CQ+nJSsGKOzg=="],
+
+    "unist-util-visit-children": ["unist-util-visit-children@3.0.0", "", { "dependencies": { "@types/unist": "^3.0.0" } }, "sha512-RgmdTfSBOg04sdPcpTSD1jzoNBjt9a80/ZCzp5cI9n1qPzLZWF9YdvWGN2zmTumP1HWhXKdUWexjy/Wy/lJ7tA=="],
+
+    "unist-util-visit-parents": ["unist-util-visit-parents@6.0.2", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-is": "^6.0.0" } }, "sha512-goh1s1TBrqSqukSc8wrjwWhL0hiJxgA8m4kFxGlQ+8FYQ3C/m11FcTs4YYem7V664AhHVvgoQLk890Ssdsr2IQ=="],
+
     "universalify": ["universalify@0.1.2", "", {}, "sha512-rBJeI5CXAlmy1pV+617WB9J63U6XcazHHF2f2dbJix4XzpUF0RS3Zbj0FGIOCAva5P/d/GBOYaACQ1w+0azUkg=="],
 
     "unpipe": ["unpipe@1.0.0", "", {}, "sha512-pjy2bYhSsufwWlKwPc+l3cN7+wuJlK6uz0YdJEOlQDbl6jo/YlPi4mb8agUkVC8BF7V8NuzeyPNqRksA3hztKQ=="],
 
+    "unplugin-utils": ["unplugin-utils@0.3.2", "", { "dependencies": { "pathe": "^2.0.3", "picomatch": "^4.0.4" } }, "sha512-xVToRh2CTmLk2HnEG7ac4rl1MJTT3RFkpS8B++/SnB0kXvuaavD+n3m/vrzyWQOdJNSZQACnbz01pnppbwV5BA=="],
+
+    "unstorage": ["unstorage@1.17.5", "", { "dependencies": { "anymatch": "^3.1.3", "chokidar": "^5.0.0", "destr": "^2.0.5", "h3": "^1.15.10", "lru-cache": "^11.2.7", "node-fetch-native": "^1.6.7", "ofetch": "^1.5.1", "ufo": "^1.6.3" }, "peerDependencies": { "@azure/app-configuration": "^1.8.0", "@azure/cosmos": "^4.2.0", "@azure/data-tables": "^13.3.0", "@azure/identity": "^4.6.0", "@azure/keyvault-secrets": "^4.9.0", "@azure/storage-blob": "^12.26.0", "@capacitor/preferences": "^6 || ^7 || ^8", "@deno/kv": ">=0.9.0", "@netlify/blobs": "^6.5.0 || ^7.0.0 || ^8.1.0 || ^9.0.0 || ^10.0.0", "@planetscale/database": "^1.19.0", "@upstash/redis": "^1.34.3", "@vercel/blob": ">=0.27.1", "@vercel/functions": "^2.2.12 || ^3.0.0", "@vercel/kv": "^1 || ^2 || ^3", "aws4fetch": "^1.0.20", "db0": ">=0.2.1", "idb-keyval": "^6.2.1", "ioredis": "^5.4.2", "uploadthing": "^7.4.4" }, "optionalPeers": ["@azure/app-configuration", "@azure/cosmos", "@azure/data-tables", "@azure/identity", "@azure/keyvault-secrets", "@azure/storage-blob", "@capacitor/preferences", "@deno/kv", "@netlify/blobs", "@planetscale/database", "@upstash/redis", "@vercel/blob", "@vercel/functions", "@vercel/kv", "aws4fetch", "db0", "idb-keyval", "ioredis", "uploadthing"] }, "sha512-0i3iqvRfx29hkNntHyQvJTpf5W9dQ9ZadSoRU8+xVlhVtT7jAX57fazYO9EHvcRCfBCyi5YRya7XCDOsbTgkPg=="],
+
     "update-browserslist-db": ["update-browserslist-db@1.2.3", "", { "dependencies": { "escalade": "^3.2.0", "picocolors": "^1.1.1" }, "peerDependencies": { "browserslist": ">= 4.21.0" }, "bin": { "update-browserslist-db": "cli.js" } }, "sha512-Js0m9cx+qOgDxo0eMiFGEueWztz+d4+M3rGlmKPT+T4IS/jP4ylw3Nwpu6cpTTP8R1MAC1kF4VbdLt3ARf209w=="],
 
+    "uri-js": ["uri-js@4.4.1", "", { "dependencies": { "punycode": "^2.1.0" } }, "sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg=="],
+
+    "use-sync-external-store": ["use-sync-external-store@1.6.0", "", { "peerDependencies": { "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-Pp6GSwGP/NrPIrxVFAIkOQeyw8lFenOHijQWkUTrDvrF4ALqylP2C/KCkeS9dpUM3KvYRQhna5vt7IL95+ZQ9w=="],
+
     "util-deprecate": ["util-deprecate@1.0.2", "", {}, "sha512-EPD5q1uXyFxJpCrLnCc1nHnq3gOa6DZBocAIiI2TaSCA7VCJ1UJDMagCzIkXNsUYfD1daK//LTEQ8xiIbrHtcw=="],
 
+    "uuid": ["uuid@14.0.1", "", { "bin": { "uuid": "dist-node/bin/uuid" } }, "sha512-6ZxzVpzDXDa3bJWaHilVayA+BH/1zmxCJoVgvmqJnid/gPoKHxUrS/aC/T6LGQtNHT+XHG9fXPJB4d+IrU30Ew=="],
+
+    "vali-date": ["vali-date@1.0.0", "", {}, "sha512-sgECfZthyaCKW10N0fm27cg8HYTFK5qMWgypqkXMQ4Wbl/zZKx7xZICgcoxIIE+WFAP/MBL2EFwC/YvLxw3Zeg=="],
+
     "validate-npm-package-name": ["validate-npm-package-name@5.0.1", "", {}, "sha512-OljLrQ9SQdOUqTaQxqL5dEfZWrXExyyWsozYlAWFawPVNuD83igl7uJD2RTkNMbniIYgt8l81eCJGIdQF7avLQ=="],
 
     "vary": ["vary@1.1.2", "", {}, "sha512-BNGbWLfd0eUPabhkXUVm0j8uuvREyTh5ovRa/dyow/BqAbZJyC+5fU+IzQOzmAKzYqYRAISoRhdQr3eIZ/PXqg=="],
 
+    "vfile": ["vfile@6.0.3", "", { "dependencies": { "@types/unist": "^3.0.0", "vfile-message": "^4.0.0" } }, "sha512-KzIbH/9tXat2u30jf+smMwFCsno4wHVdNmzFyL+T/L3UGqqk6JKfVqOFOZEpZSHADH1k40ab6NUIXZq422ov3Q=="],
+
+    "vfile-location": ["vfile-location@5.0.3", "", { "dependencies": { "@types/unist": "^3.0.0", "vfile": "^6.0.0" } }, "sha512-5yXvWDEgqeiYiBe1lbxYF7UMAIm/IcopxMHrMQDq3nvKcjPKIhZklUKL+AE7J7uApI4kwe2snsK+eI6UTj9EHg=="],
+
+    "vfile-message": ["vfile-message@4.0.3", "", { "dependencies": { "@types/unist": "^3.0.0", "unist-util-stringify-position": "^4.0.0" } }, "sha512-QTHzsGd1EhbZs4AsQ20JX1rC3cOlt/IWJruk893DfLRr57lcnOeMaWG4K0JrRta4mIJZKth2Au3mM3u03/JWKw=="],
+
     "vite": ["vite@7.3.5", "", { "dependencies": { "esbuild": "^0.27.0", "fdir": "^6.5.0", "picomatch": "^4.0.3", "postcss": "^8.5.6", "rollup": "^4.43.0", "tinyglobby": "^0.2.15" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^20.19.0 || >=22.12.0", "jiti": ">=1.21.0", "less": "^4.0.0", "lightningcss": "^1.21.0", "sass": "^1.70.0", "sass-embedded": "^1.70.0", "stylus": ">=0.54.8", "sugarss": "^5.0.0", "terser": "^5.16.0", "tsx": "^4.8.1", "yaml": "^2.4.2" }, "optionalPeers": ["@types/node", "jiti", "less", "lightningcss", "sass", "sass-embedded", "stylus", "sugarss", "terser", "tsx", "yaml"], "bin": { "vite": "bin/vite.js" } }, "sha512-KuOaNhcnGFN2zIPGA7wRmzF+lJA1sea7rHq17aiJ++9lzY1WWG6Jpwqwe1KNbRVPIqHmr8GLYx7jbrQcN/7/ww=="],
 
+    "vite-dev-rpc": ["vite-dev-rpc@2.0.0", "", { "dependencies": { "birpc": "^4.0.0", "vite-hot-client": "^2.2.0" }, "peerDependencies": { "vite": "^2.9.0 || ^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0 || ^6.0.1 || ^7.0.0-0 || ^8.0.0" } }, "sha512-yKwbTwdHKSD2k/aGqyWpPHepo45OQc8lH3/6IfT4ZqeKE26ooKvi4WIEKzqWav8v+9Is8u1k8q54hvOmqASazA=="],
+
+    "vite-hot-client": ["vite-hot-client@2.2.0", "", { "peerDependencies": { "vite": "^2.6.0 || ^3.0.0 || ^4.0.0 || ^5.0.0-0 || ^6.0.0-0 || ^7.0.0-0 || ^8.0.0" } }, "sha512-76Zs9zrHbH7M7wqeyooGQKdX+yg0pQ0xuQ1PbFp4z5a0Lzn2e5IPFoCswnmqZ4GiwqB4Jo3WcDAMO9jARTJl8w=="],
+
+    "vite-plugin-inspect": ["vite-plugin-inspect@11.4.1", "", { "dependencies": { "ansis": "^4.3.0", "error-stack-parser-es": "^1.0.5", "obug": "^2.1.1", "ohash": "^2.0.11", "open": "^11.0.0", "perfect-debounce": "^2.1.0", "sirv": "^3.0.2", "unplugin-utils": "^0.3.1", "vite-dev-rpc": "^2.0.0" }, "peerDependencies": { "@nuxt/kit": "*", "vite": "^6.0.0 || ^7.0.0-0 || ^8.0.0-0" }, "optionalPeers": ["@nuxt/kit"] }, "sha512-ShOFe2PURXGvRS5OrgmOLZOCwDTD7dEBVt0tMpFPKb9AsvqXKCRGM8QgKrUbRbJYFXScHvDPpGRd28rYidC0tA=="],
+
     "vite-plugin-solid": ["vite-plugin-solid@2.11.12", "", { "dependencies": { "@babel/core": "^7.23.3", "@types/babel__core": "^7.20.4", "babel-preset-solid": "^1.8.4", "merge-anything": "^5.1.7", "solid-refresh": "^0.6.3", "vitefu": "^1.0.4" }, "peerDependencies": { "@testing-library/jest-dom": "^5.16.6 || ^5.17.0 || ^6.*", "solid-js": "^1.7.2", "vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0" }, "optionalPeers": ["@testing-library/jest-dom"] }, "sha512-FgjPcx2OwX9h6f28jli7A4bG7PP3te8uyakE5iqsmpq3Jqi1TWLgSroC9N6cMfGRU2zXsl4Q6ISvTr2VL0QHpA=="],
 
+    "vite-plugin-vue-devtools": ["vite-plugin-vue-devtools@8.1.5", "", { "dependencies": { "@vue/devtools-core": "^8.1.5", "@vue/devtools-kit": "^8.1.5", "@vue/devtools-shared": "^8.1.5", "sirv": "^3.0.2", "vite-plugin-inspect": "^11.3.3", "vite-plugin-vue-inspector": "^6.0.0" }, "peerDependencies": { "vite": "^6.0.0 || ^7.0.0 || ^8.0.0" } }, "sha512-QSVntSN0sbVV08CZntMWOfF8McyPyYyYd19sChLjxYyFCC7Fcpey74ztw1uCCU23wTmR2yWPb92uaxVD4Lw0Fg=="],
+
+    "vite-plugin-vue-inspector": ["vite-plugin-vue-inspector@6.0.0", "", { "dependencies": { "@babel/core": "^7.23.0", "@babel/plugin-proposal-decorators": "^7.23.0", "@babel/plugin-syntax-import-attributes": "^7.22.5", "@babel/plugin-syntax-import-meta": "^7.10.4", "@babel/plugin-transform-typescript": "^7.22.15", "@vue/babel-plugin-jsx": "^1.1.5", "@vue/compiler-dom": "^3.3.4", "kolorist": "^1.8.0", "magic-string": "^0.30.4" }, "peerDependencies": { "vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0" } }, "sha512-OpyITJLgZNibxlrik1EmRtvXHDjLRxNPsWkGFTERZs2LgMEdG4W0WoFt5GIgp3a3jRou+eJR8U1zOBk/XQgEbw=="],
+
+    "vite-prerender-plugin": ["vite-prerender-plugin@0.5.13", "", { "dependencies": { "kolorist": "^1.8.0", "magic-string": "0.x >= 0.26.0", "node-html-parser": "^6.1.12", "simple-code-frame": "^1.3.0", "source-map": "^0.7.4", "stack-trace": "^1.0.0-pre2" }, "peerDependencies": { "vite": "5.x || 6.x || 7.x || 8.x" } }, "sha512-IKSpYkzDBsKAxa05naRbj7GvNVMSdww/Z/E89oO3xndz+gWnOBOKOAbEXv7qDhktY/j3vHgJmoV1pPzqU2tx9g=="],
+
     "vitefu": ["vitefu@1.1.3", "", { "peerDependencies": { "vite": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0" }, "optionalPeers": ["vite"] }, "sha512-ub4okH7Z5KLjb6hDyjqrGXqWtWvoYdU3IGm/NorpgHncKoLTCfRIbvlhBm7r0YstIaQRYlp4yEbFqDcKSzXSSg=="],
 
     "vitest": ["vitest@4.1.9", "", { "dependencies": { "@vitest/expect": "4.1.9", "@vitest/mocker": "4.1.9", "@vitest/pretty-format": "4.1.9", "@vitest/runner": "4.1.9", "@vitest/snapshot": "4.1.9", "@vitest/spy": "4.1.9", "@vitest/utils": "4.1.9", "es-module-lexer": "^2.0.0", "expect-type": "^1.3.0", "magic-string": "^0.30.21", "obug": "^2.1.1", "pathe": "^2.0.3", "picomatch": "^4.0.3", "std-env": "^4.0.0-rc.1", "tinybench": "^2.9.0", "tinyexec": "^1.0.2", "tinyglobby": "^0.2.15", "tinyrainbow": "^3.1.0", "vite": "^6.0.0 || ^7.0.0 || ^8.0.0", "why-is-node-running": "^2.3.0" }, "peerDependencies": { "@edge-runtime/vm": "*", "@opentelemetry/api": "^1.9.0", "@types/node": "^20.0.0 || ^22.0.0 || >=24.0.0", "@vitest/browser-playwright": "4.1.9", "@vitest/browser-preview": "4.1.9", "@vitest/browser-webdriverio": "4.1.9", "@vitest/coverage-istanbul": "4.1.9", "@vitest/coverage-v8": "4.1.9", "@vitest/ui": "4.1.9", "happy-dom": "*", "jsdom": "*" }, "optionalPeers": ["@edge-runtime/vm", "@opentelemetry/api", "@types/node", "@vitest/browser-playwright", "@vitest/browser-preview", "@vitest/browser-webdriverio", "@vitest/coverage-istanbul", "@vitest/coverage-v8", "@vitest/ui", "happy-dom", "jsdom"], "bin": { "vitest": "./vitest.mjs" } }, "sha512-nE3/LEyc0z87uHYLZebqCUOaJr2hdtuPp7BQ4BosVFnfltxgAvMG08NyrSGlPpOUWvR27c5flSmYFTNr78L9GQ=="],
 
+    "volar-service-css": ["volar-service-css@0.0.71", "", { "dependencies": { "vscode-css-languageservice": "^6.3.0", "vscode-languageserver-textdocument": "^1.0.11", "vscode-uri": "^3.0.8" }, "peerDependencies": { "@volar/language-service": "~2.4.0" }, "optionalPeers": ["@volar/language-service"] }, "sha512-wRRFt9BpjMKCazcgOh67MSjUjiWUCAh99DyYSDIOTuxaRjEtDC7PpB0k1Y1wbJIW/pVtMUSVbpPo3UGSm0Byxw=="],
+
+    "volar-service-emmet": ["volar-service-emmet@0.0.71", "", { "dependencies": { "@emmetio/css-parser": "^0.4.1", "@emmetio/html-matcher": "^1.3.0", "@vscode/emmet-helper": "^2.9.3", "vscode-uri": "^3.0.8" }, "peerDependencies": { "@volar/language-service": "~2.4.0" }, "optionalPeers": ["@volar/language-service"] }, "sha512-zqjzt6bN95e3CUstBm0PBFAJnrfz0ZAARka87fart46/gNCLLuP3Vujy8V/J8HEziTFLnfkgIASLFYPUhonJcA=="],
+
+    "volar-service-html": ["volar-service-html@0.0.71", "", { "dependencies": { "vscode-html-languageservice": "^5.3.0", "vscode-languageserver-textdocument": "^1.0.11", "vscode-uri": "^3.0.8" }, "peerDependencies": { "@volar/language-service": "~2.4.0" }, "optionalPeers": ["@volar/language-service"] }, "sha512-e8tHPhgQ7ooLfudAEIku+kgd9pWkq3SSz8RbnQDI1+Eb8wbenkLGHqoirLqz5ORLV6wIMr2Iv08RWBG5eOcgpw=="],
+
+    "volar-service-prettier": ["volar-service-prettier@0.0.71", "", { "dependencies": { "vscode-uri": "^3.0.8" }, "peerDependencies": { "@volar/language-service": "~2.4.0", "prettier": "^2.2 || ^3.0" }, "optionalPeers": ["@volar/language-service", "prettier"] }, "sha512-Rz7JVH3qD108UCdmIEiZvOBNljMt2nLFdbN8AXcDfn7xD9F5I2aCIsDVqBbXw21PsnxG0b7MfwtNF+zPS/NKUg=="],
+
+    "volar-service-typescript": ["volar-service-typescript@0.0.71", "", { "dependencies": { "path-browserify": "^1.0.1", "semver": "^7.6.2", "typescript-auto-import-cache": "^0.3.5", "vscode-languageserver-textdocument": "^1.0.11", "vscode-nls": "^5.2.0", "vscode-uri": "^3.0.8" }, "peerDependencies": { "@volar/language-service": "~2.4.0" }, "optionalPeers": ["@volar/language-service"] }, "sha512-yTtM/BVT6hoyEYnDtaCyAtNhdNeS/mhTTABlBOdw3NNiRBUin3IznFJpgfjer4c6RYopiPjjQjc9VFhxVl1mLw=="],
+
+    "volar-service-typescript-twoslash-queries": ["volar-service-typescript-twoslash-queries@0.0.71", "", { "dependencies": { "vscode-uri": "^3.0.8" }, "peerDependencies": { "@volar/language-service": "~2.4.0" }, "optionalPeers": ["@volar/language-service"] }, "sha512-9K2k72s4n7rV9s4bX0MyjbX9iBribvKZbBJKuEmTCZfeWJXs6Yh7bGpY4eoc7UufAjvpheBqwyZCOIPBvxCv0A=="],
+
+    "volar-service-yaml": ["volar-service-yaml@0.0.71", "", { "dependencies": { "vscode-uri": "^3.0.8", "yaml-language-server": "~1.23.0" }, "peerDependencies": { "@volar/language-service": "~2.4.0" }, "optionalPeers": ["@volar/language-service"] }, "sha512-qYGWGuVpUTnZGu5P/CR4KLK4aIR8RrcVnmfZ2eRcj9q/I8VZCoC5yy9FtEvfNvnDp4MU17yhdJcvpQPIqhJS2Q=="],
+
+    "vscode-css-languageservice": ["vscode-css-languageservice@6.3.10", "", { "dependencies": { "@vscode/l10n": "^0.0.18", "vscode-languageserver-textdocument": "^1.0.12", "vscode-languageserver-types": "3.17.5", "vscode-uri": "^3.1.0" } }, "sha512-eq5N9Er3fC4vA9zd9EFhyBG90wtCCuXgRSpAndaOgXMh1Wgep5lBgRIeDgjZBW9pa+332yC9+49cZMW8jcL3MA=="],
+
+    "vscode-html-languageservice": ["vscode-html-languageservice@5.6.2", "", { "dependencies": { "@vscode/l10n": "^0.0.18", "vscode-languageserver-textdocument": "^1.0.12", "vscode-languageserver-types": "^3.17.5", "vscode-uri": "^3.1.0" } }, "sha512-ulCrSnFnfQ16YzvwnYUgEbUEl/ZG7u2eV27YhvLObSHKkb8fw1Z9cgsnUwjTEeDIdJDoTDTDpxuhQwoenoLNMg=="],
+
+    "vscode-json-languageservice": ["vscode-json-languageservice@4.1.8", "", { "dependencies": { "jsonc-parser": "^3.0.0", "vscode-languageserver-textdocument": "^1.0.1", "vscode-languageserver-types": "^3.16.0", "vscode-nls": "^5.0.0", "vscode-uri": "^3.0.2" } }, "sha512-0vSpg6Xd9hfV+eZAaYN63xVVMOTmJ4GgHxXnkLCh+9RsQBkWKIghzLhW2B9ebfG+LQQg8uLtsQ2aUKjTgE+QOg=="],
+
+    "vscode-jsonrpc": ["vscode-jsonrpc@9.0.1", "", {}, "sha512-rfuA6T75H6m5EkbhtEPzre9pT0HPcDI2MMy4+nPFIBks5J8JBAUHD4tRYSgaBOijIEC7SRkC1kKyXTLqbmh9jw=="],
+
+    "vscode-languageserver": ["vscode-languageserver@9.0.1", "", { "dependencies": { "vscode-languageserver-protocol": "3.17.5" }, "bin": { "installServerIntoExtension": "bin/installServerIntoExtension" } }, "sha512-woByF3PDpkHFUreUa7Hos7+pUWdeWMXRd26+ZX2A8cFx6v/JPTtd4/uN0/jB6XQHYaOlHbio03NTHCqrgG5n7g=="],
+
+    "vscode-languageserver-protocol": ["vscode-languageserver-protocol@3.18.2", "", { "dependencies": { "vscode-jsonrpc": "9.0.1", "vscode-languageserver-types": "3.18.0" } }, "sha512-XRyDbT0Pp3sSNti3JmxVEUMySWCSi1hhM+/KUlCy1hV1zmrqpM1OwO12EAki8blhmLuIMpaJrYbo0OzGVfK2Qg=="],
+
+    "vscode-languageserver-textdocument": ["vscode-languageserver-textdocument@1.0.12", "", {}, "sha512-cxWNPesCnQCcMPeenjKKsOCKQZ/L6Tv19DTRIGuLWe32lyzWhihGVJ/rcckZXJxfdKCFvRLS3fpBIsV/ZGX4zA=="],
+
+    "vscode-languageserver-types": ["vscode-languageserver-types@3.18.0", "", {}, "sha512-8TsGPNMIMiiBdkORgRSvLjuiEIiAFtO+KssmYWxQ+uSVvlf7RjK8YKCOjPzZ+YA04jXEV7+7LvkSmHkhpNS99g=="],
+
+    "vscode-nls": ["vscode-nls@5.2.0", "", {}, "sha512-RAaHx7B14ZU04EU31pT+rKz2/zSl7xMsfIZuo8pd+KZO6PXtQmpevpq3vxvWNcrGbdmhM/rr5Uw5Mz+NBfhVng=="],
+
+    "vscode-uri": ["vscode-uri@3.1.0", "", {}, "sha512-/BpdSx+yCQGnCvecbyXdxHDkuk55/G3xwnC0GqY4gmQ3j+A+g8kzzgB4Nk/SINjqn6+waqw3EgbVF2QKExkRxQ=="],
+
     "vue": ["vue@3.5.39", "", { "dependencies": { "@vue/compiler-dom": "3.5.39", "@vue/compiler-sfc": "3.5.39", "@vue/runtime-dom": "3.5.39", "@vue/server-renderer": "3.5.39", "@vue/shared": "3.5.39" }, "peerDependencies": { "typescript": "*" }, "optionalPeers": ["typescript"] }, "sha512-xmZCYabFGcirU8r0fTuvl/LICc1OU620rnqepaJDL/a141ZigkG7AyaxQLdqJ02ZRYzWe6YPaDHeQx7MfknQfA=="],
 
     "vue-component-type-helpers": ["vue-component-type-helpers@2.2.12", "", {}, "sha512-YbGqHZ5/eW4SnkPNR44mKVc6ZKQoRs/Rux1sxC6rdwXb4qpbOSYfDr9DsTHolOTGmIKgM9j141mZbBeg05R1pw=="],
 
+    "vue-tsc": ["vue-tsc@3.3.7", "", { "dependencies": { "@volar/typescript": "2.4.28", "@vue/language-core": "3.3.7" }, "peerDependencies": { "typescript": ">=5.0.0" }, "bin": { "vue-tsc": "bin/vue-tsc.js" } }, "sha512-+C+rgD49wAQ5bUTl2sp5a8Bzg4YoldMNXM+g7CFe604MYcQ8PrZPMQhIjJSzKXtPBCa+C5ayMipqjbA7splekQ=="],
+
     "w3c-xmlserializer": ["w3c-xmlserializer@5.0.0", "", { "dependencies": { "xml-name-validator": "^5.0.0" } }, "sha512-o8qghlI8NZHU1lLPrpi2+Uq7abh4GGPpYANlalzWxyWteJOCsr/P+oPBA49TOLu5FTZO4d3F9MnWJfiMo4BkmA=="],
 
     "walk-up-path": ["walk-up-path@4.0.0", "", {}, "sha512-3hu+tD8YzSLGuFYtPRb48vdhKMi0KQV5sn+uWr8+7dMEq/2G/dtLrdDinkLjqq5TIbIBjYJ4Ax/n3YiaW7QM8A=="],
@@ -1844,6 +3142,8 @@
 
     "weak-lru-cache": ["weak-lru-cache@1.2.2", "", {}, "sha512-DEAoo25RfSYMuTGc9vPJzZcZullwIqRDSI9LOy+fkCJPi6hykCnfKaXTuPBDuXAUcqHXyOgFtHNp/kB2FjYHbw=="],
 
+    "web-namespaces": ["web-namespaces@2.0.1", "", {}, "sha512-bKr1DkiNa2krS7qxNtdrtHAmzuYGFQLiQ13TsorsdT6ULTkPLKuu5+GsFpDlg6JFjUTwX2DyhMPG2be8uPrqsQ=="],
+
     "webidl-conversions": ["webidl-conversions@8.0.1", "", {}, "sha512-BMhLD/Sw+GbJC21C/UgyaZX41nPt8bUTg+jWyDeg7e7YN4xOM05YPSIXceACnXVtqyEw/LMClUQMtMZ+PGGpqQ=="],
 
     "whatwg-mimetype": ["whatwg-mimetype@5.0.0", "", {}, "sha512-sXcNcHOC51uPGF0P/D4NVtrkjSU2fNsm9iog4ZvZJsL3rjoDAzXZhkm2MWt1y+PUdggKAYVoMAIYcs78wJ51Cw=="],
@@ -1866,20 +3166,34 @@
 
     "wrappy": ["wrappy@1.0.2", "", {}, "sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ=="],
 
+    "wsl-utils": ["wsl-utils@0.3.1", "", { "dependencies": { "is-wsl": "^3.1.0", "powershell-utils": "^0.1.0" } }, "sha512-g/eziiSUNBSsdDJtCLB8bdYEUMj4jR7AGeUo96p/3dTafgjHhpF4RiCFPiRILwjQoDXx5MqkBr4fwWtR3Ky4Wg=="],
+
+    "xdg-app-paths": ["xdg-app-paths@5.5.1", "", { "dependencies": { "os-paths": "^4.0.1", "xdg-portable": "^7.2.0" } }, "sha512-hI3flOB4PLZIy5prbtTpirobtPE2ZtZ52szO+2mM9Efp6ErM398La+C1lIpNWDfNoQk+6Lsi6nMcCwVB7pxeMQ=="],
+
+    "xdg-portable": ["xdg-portable@7.3.0", "", { "dependencies": { "os-paths": "^4.0.1" } }, "sha512-sqMMuL1rc0FmMBOzCpd0yuy9trqF2yTTVe+E9ogwCSWQCdDEtQUwrZPT6AxqtsFGRNxycgncbP/xmOOSPw5ZUw=="],
+
+    "xhr2": ["xhr2@0.2.1", "", {}, "sha512-sID0rrVCqkVNUn8t6xuv9+6FViXjUVXq8H5rWOH2rz9fDNQEd4g0EA2XlcEdJXRz5BMEn4O1pJFdT+z4YHhoWw=="],
+
     "xml-name-validator": ["xml-name-validator@5.0.0", "", {}, "sha512-EvGK8EJ3DhaHfbRlETOWAS5pO9MZITeauHKJyb8wyajUfQUenkIg2MvLDTZ4T/TgIcm3HU0TFBgWWboAZ30UHg=="],
 
     "xmlchars": ["xmlchars@2.2.0", "", {}, "sha512-JZnDKK8B0RCDw84FNdDAIpZK+JuJw+s7Lz8nksI7SIuU3UXJJslUthsi+uWBUYOwPFwW7W7PRLRfUKpxjtjFCw=="],
 
+    "xxhash-wasm": ["xxhash-wasm@1.1.0", "", {}, "sha512-147y/6YNh+tlp6nd/2pWq38i9h6mz/EuQ6njIrmW8D1BS5nCqs0P6DG+m6zTGnNz5I+uhZ0SHxBs9BsPrwcKDA=="],
+
     "y18n": ["y18n@5.0.8", "", {}, "sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA=="],
 
     "yallist": ["yallist@3.1.1", "", {}, "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="],
 
     "yaml": ["yaml@2.9.0", "", { "bin": { "yaml": "bin.mjs" } }, "sha512-2AvhNX3mb8zd6Zy7INTtSpl1F15HW6Wnqj0srWlkKLcpYl/gMIMJiyuGq2KeI2YFxUPjdlB+3Lc10seMLtL4cA=="],
 
+    "yaml-language-server": ["yaml-language-server@1.23.0", "", { "dependencies": { "@vscode/l10n": "^0.0.18", "ajv": "^8.17.1", "ajv-draft-04": "^1.0.0", "ajv-i18n": "^4.2.0", "prettier": "^3.8.1", "request-light": "^0.5.7", "vscode-json-languageservice": "4.1.8", "vscode-languageserver": "^9.0.0", "vscode-languageserver-textdocument": "^1.0.1", "vscode-languageserver-types": "^3.16.0", "vscode-uri": "^3.0.2", "yaml": "2.8.3" }, "bin": { "yaml-language-server": "bin/yaml-language-server" } }, "sha512-3qVyCOexLCWw06PQa5kRPwvMWMZ/eZeCRWUvgD6a0OkqL/4iCnxy2WumbWifa937Uo5xhyWJ0uxlU39ljhNh7A=="],
+
     "yargs": ["yargs@18.0.0", "", { "dependencies": { "cliui": "^9.0.1", "escalade": "^3.1.1", "get-caller-file": "^2.0.5", "string-width": "^7.2.0", "y18n": "^5.0.5", "yargs-parser": "^22.0.0" } }, "sha512-4UEqdc2RYGHZc7Doyqkrqiln3p9X2DZVxaGbwhn2pi7MrRagKaOcIKe8L3OxYcbhXLgLFUS3zAYuQjKBQgmuNg=="],
 
     "yargs-parser": ["yargs-parser@22.0.0", "", {}, "sha512-rwu/ClNdSMpkSrUb+d6BRsSkLUq1fmfsY6TOpYzTwvwkg1/NRG85KBy3kq++A8LKQwX6lsu+aWad+2khvuXrqw=="],
 
+    "yocto-queue": ["yocto-queue@1.2.2", "", {}, "sha512-4LCcse/U2MHZ63HAJVE+v71o7yOdIe4cZ70Wpf8D/IyjDKYQLV5GD46B+hSTjJsvV5PztjvHoU580EftxjDZFQ=="],
+
     "yoctocolors": ["yoctocolors@2.1.2", "", {}, "sha512-CzhO+pFNo8ajLM2d2IW/R93ipy99LWjtwblvC1RsoSUMZgyLbYFr221TnSNT7GjGdYui6P459mw9JH/g/zW2ug=="],
 
     "zimmerframe": ["zimmerframe@1.1.4", "", {}, "sha512-B58NGBEoc8Y9MWWCQGl/gq9xBCe4IiKM0a2x7GZdQKOW5Exr8S1W24J6OgM1njK8xCRGvAJIL/MxXHf6SkmQKQ=="],
@@ -1890,6 +3204,10 @@
 
     "zone.js": ["zone.js@0.16.2", "", {}, "sha512-Eky7p2Z1Ig3NnbfodSPoARCjKBSTFMnE/ACsP1L/XJEfY4SdOFce19BsUCWVwL6K5ABZFy5J3bjcMWffX+YM3Q=="],
 
+    "zwitch": ["zwitch@2.0.4", "", {}, "sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A=="],
+
+    "@ai-sdk/gateway/@vercel/oidc": ["@vercel/oidc@3.1.0", "", {}, "sha512-Fw28YZpRnA3cAHHDlkt7xQHiJ0fcL+NRcIqsocZQUSmbzeIKRpwttJjik5ZGanXP+vlA4SbTg+AbA3bP363l+w=="],
+
     "@analogjs/vite-plugin-angular/oxc-parser": ["oxc-parser@0.121.0", "", { "dependencies": { "@oxc-project/types": "^0.121.0" }, "optionalDependencies": { "@oxc-parser/binding-android-arm-eabi": "0.121.0", "@oxc-parser/binding-android-arm64": "0.121.0", "@oxc-parser/binding-darwin-arm64": "0.121.0", "@oxc-parser/binding-darwin-x64": "0.121.0", "@oxc-parser/binding-freebsd-x64": "0.121.0", "@oxc-parser/binding-linux-arm-gnueabihf": "0.121.0", "@oxc-parser/binding-linux-arm-musleabihf": "0.121.0", "@oxc-parser/binding-linux-arm64-gnu": "0.121.0", "@oxc-parser/binding-linux-arm64-musl": "0.121.0", "@oxc-parser/binding-linux-ppc64-gnu": "0.121.0", "@oxc-parser/binding-linux-riscv64-gnu": "0.121.0", "@oxc-parser/binding-linux-riscv64-musl": "0.121.0", "@oxc-parser/binding-linux-s390x-gnu": "0.121.0", "@oxc-parser/binding-linux-x64-gnu": "0.121.0", "@oxc-parser/binding-linux-x64-musl": "0.121.0", "@oxc-parser/binding-openharmony-arm64": "0.121.0", "@oxc-parser/binding-wasm32-wasi": "0.121.0", "@oxc-parser/binding-win32-arm64-msvc": "0.121.0", "@oxc-parser/binding-win32-ia32-msvc": "0.121.0", "@oxc-parser/binding-win32-x64-msvc": "0.121.0" } }, "sha512-ek9o58+SCv6AV7nchiAcUJy1DNE2CC5WRdBcO0mF+W4oRjNQfPO7b3pLjTHSFECpHkKGOZSQxx3hk8viIL5YCg=="],
 
     "@angular-devkit/core/picomatch": ["picomatch@4.0.4", "", {}, "sha512-QP88BAKvMam/3NxH6vj2o21R6MjxZUAd6nlwAS/pnGvN9IVLocLHxGYIzFhg6fUQ+5th6P4dv4eW9jX3DSIj7A=="],
@@ -1908,8 +3226,30 @@
 
     "@angular/compiler-cli/@babel/core": ["@babel/core@7.29.7", "", { "dependencies": { "@babel/code-frame": "^7.29.7", "@babel/generator": "^7.29.7", "@babel/helper-compilation-targets": "^7.29.7", "@babel/helper-module-transforms": "^7.29.7", "@babel/helpers": "^7.29.7", "@babel/parser": "^7.29.7", "@babel/template": "^7.29.7", "@babel/traverse": "^7.29.7", "@babel/types": "^7.29.7", "@jridgewell/remapping": "^2.3.5", "convert-source-map": "^2.0.0", "debug": "^4.1.0", "gensync": "^1.0.0-beta.2", "json5": "^2.2.3", "semver": "^6.3.1" } }, "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA=="],
 
+    "@antfu/install-pkg/package-manager-detector": ["package-manager-detector@1.7.0", "", {}, "sha512-xg1eHpwYL/D/HEdWw2goFZP6vV0FH7W+PZ5rFkGjdIDLtxq7EkzBUeT3m+lndYCt8wKbmofUu1MUdMCXkCk9ZQ=="],
+
     "@arethetypeswrong/core/typescript": ["typescript@5.6.1-rc", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-E3b2+1zEFu84jB0YQi9BORDjz9+jGbwwy1Zi3G0LUNw7a7cePUrHMRNy8aPh53nXpkFGVHSxIZo5vKTfYaFiBQ=="],
 
+    "@astrojs/check/chokidar": ["chokidar@4.0.3", "", { "dependencies": { "readdirp": "^4.0.1" } }, "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA=="],
+
+    "@astrojs/check/yargs": ["yargs@17.7.3", "", { "dependencies": { "cliui": "^8.0.1", "escalade": "^3.1.1", "get-caller-file": "^2.0.5", "require-directory": "^2.1.1", "string-width": "^4.2.3", "y18n": "^5.0.5", "yargs-parser": "^21.1.1" } }, "sha512-GZtjxm/J/4TSxuL3FNYjCmLktBTnIw/rVmKSIyKeYAZpmJB2ig9VauCC5xsa82GNKVKDAqpOn3KVzNt0zmrU0g=="],
+
+    "@astrojs/mdx/source-map": ["source-map@0.7.6", "", {}, "sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ=="],
+
+    "@astrojs/preact/vite": ["vite@8.1.4", "", { "dependencies": { "lightningcss": "^1.32.0", "picomatch": "^4.0.5", "postcss": "^8.5.16", "rolldown": "~1.1.4", "tinyglobby": "^0.2.17" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^20.19.0 || >=22.12.0", "@vitejs/devtools": "^0.3.0", "esbuild": "^0.27.0 || ^0.28.0", "jiti": ">=1.21.0", "less": "^4.0.0", "sass": "^1.70.0", "sass-embedded": "^1.70.0", "stylus": ">=0.54.8", "sugarss": "^5.0.0", "terser": "^5.16.0", "tsx": "^4.8.1", "yaml": "^2.4.2" }, "optionalPeers": ["@types/node", "@vitejs/devtools", "esbuild", "jiti", "less", "sass", "sass-embedded", "stylus", "sugarss", "terser", "tsx", "yaml"], "bin": { "vite": "bin/vite.js" } }, "sha512-bTT9PsdWO+MQMNG9ZXIP/qM9wGh37DFxTV/sPq9cFpHr3w4jkgef032PkAL9jAqhk3Nz8NQw3O8n6/xFkqO4QQ=="],
+
+    "@astrojs/react/vite": ["vite@8.1.4", "", { "dependencies": { "lightningcss": "^1.32.0", "picomatch": "^4.0.5", "postcss": "^8.5.16", "rolldown": "~1.1.4", "tinyglobby": "^0.2.17" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^20.19.0 || >=22.12.0", "@vitejs/devtools": "^0.3.0", "esbuild": "^0.27.0 || ^0.28.0", "jiti": ">=1.21.0", "less": "^4.0.0", "sass": "^1.70.0", "sass-embedded": "^1.70.0", "stylus": ">=0.54.8", "sugarss": "^5.0.0", "terser": "^5.16.0", "tsx": "^4.8.1", "yaml": "^2.4.2" }, "optionalPeers": ["@types/node", "@vitejs/devtools", "esbuild", "jiti", "less", "sass", "sass-embedded", "stylus", "sugarss", "terser", "tsx", "yaml"], "bin": { "vite": "bin/vite.js" } }, "sha512-bTT9PsdWO+MQMNG9ZXIP/qM9wGh37DFxTV/sPq9cFpHr3w4jkgef032PkAL9jAqhk3Nz8NQw3O8n6/xFkqO4QQ=="],
+
+    "@astrojs/solid-js/vite": ["vite@8.1.4", "", { "dependencies": { "lightningcss": "^1.32.0", "picomatch": "^4.0.5", "postcss": "^8.5.16", "rolldown": "~1.1.4", "tinyglobby": "^0.2.17" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^20.19.0 || >=22.12.0", "@vitejs/devtools": "^0.3.0", "esbuild": "^0.27.0 || ^0.28.0", "jiti": ">=1.21.0", "less": "^4.0.0", "sass": "^1.70.0", "sass-embedded": "^1.70.0", "stylus": ">=0.54.8", "sugarss": "^5.0.0", "terser": "^5.16.0", "tsx": "^4.8.1", "yaml": "^2.4.2" }, "optionalPeers": ["@types/node", "@vitejs/devtools", "esbuild", "jiti", "less", "sass", "sass-embedded", "stylus", "sugarss", "terser", "tsx", "yaml"], "bin": { "vite": "bin/vite.js" } }, "sha512-bTT9PsdWO+MQMNG9ZXIP/qM9wGh37DFxTV/sPq9cFpHr3w4jkgef032PkAL9jAqhk3Nz8NQw3O8n6/xFkqO4QQ=="],
+
+    "@astrojs/svelte/vite": ["vite@8.1.4", "", { "dependencies": { "lightningcss": "^1.32.0", "picomatch": "^4.0.5", "postcss": "^8.5.16", "rolldown": "~1.1.4", "tinyglobby": "^0.2.17" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^20.19.0 || >=22.12.0", "@vitejs/devtools": "^0.3.0", "esbuild": "^0.27.0 || ^0.28.0", "jiti": ">=1.21.0", "less": "^4.0.0", "sass": "^1.70.0", "sass-embedded": "^1.70.0", "stylus": ">=0.54.8", "sugarss": "^5.0.0", "terser": "^5.16.0", "tsx": "^4.8.1", "yaml": "^2.4.2" }, "optionalPeers": ["@types/node", "@vitejs/devtools", "esbuild", "jiti", "less", "sass", "sass-embedded", "stylus", "sugarss", "terser", "tsx", "yaml"], "bin": { "vite": "bin/vite.js" } }, "sha512-bTT9PsdWO+MQMNG9ZXIP/qM9wGh37DFxTV/sPq9cFpHr3w4jkgef032PkAL9jAqhk3Nz8NQw3O8n6/xFkqO4QQ=="],
+
+    "@astrojs/telemetry/package-manager-detector": ["package-manager-detector@1.7.0", "", {}, "sha512-xg1eHpwYL/D/HEdWw2goFZP6vV0FH7W+PZ5rFkGjdIDLtxq7EkzBUeT3m+lndYCt8wKbmofUu1MUdMCXkCk9ZQ=="],
+
+    "@astrojs/vercel/@vercel/analytics": ["@vercel/analytics@1.6.1", "", { "peerDependencies": { "@remix-run/react": "^2", "@sveltejs/kit": "^1 || ^2", "next": ">= 13", "react": "^18 || ^19 || ^19.0.0-rc", "svelte": ">= 4", "vue": "^3", "vue-router": "^4" }, "optionalPeers": ["@remix-run/react", "@sveltejs/kit", "next", "react", "svelte", "vue", "vue-router"] }, "sha512-oH9He/bEM+6oKlv3chWuOOcp8Y6fo6/PSro8hEkgCW3pu9/OiCXiUpRUogDh3Fs3LH2sosDrx8CxeOLBEE+afg=="],
+
+    "@astrojs/vue/vite": ["vite@8.1.4", "", { "dependencies": { "lightningcss": "^1.32.0", "picomatch": "^4.0.5", "postcss": "^8.5.16", "rolldown": "~1.1.4", "tinyglobby": "^0.2.17" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^20.19.0 || >=22.12.0", "@vitejs/devtools": "^0.3.0", "esbuild": "^0.27.0 || ^0.28.0", "jiti": ">=1.21.0", "less": "^4.0.0", "sass": "^1.70.0", "sass-embedded": "^1.70.0", "stylus": ">=0.54.8", "sugarss": "^5.0.0", "terser": "^5.16.0", "tsx": "^4.8.1", "yaml": "^2.4.2" }, "optionalPeers": ["@types/node", "@vitejs/devtools", "esbuild", "jiti", "less", "sass", "sass-embedded", "stylus", "sugarss", "terser", "tsx", "yaml"], "bin": { "vite": "bin/vite.js" } }, "sha512-bTT9PsdWO+MQMNG9ZXIP/qM9wGh37DFxTV/sPq9cFpHr3w4jkgef032PkAL9jAqhk3Nz8NQw3O8n6/xFkqO4QQ=="],
+
     "@babel/code-frame/@babel/helper-validator-identifier": ["@babel/helper-validator-identifier@7.29.7", "", {}, "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg=="],
 
     "@babel/core/@babel/generator": ["@babel/generator@7.29.7", "", { "dependencies": { "@babel/parser": "^7.29.7", "@babel/types": "^7.29.7", "@jridgewell/gen-mapping": "^0.3.12", "@jridgewell/trace-mapping": "^0.3.28", "jsesc": "^3.0.2" } }, "sha512-DkXD5OJQaAQIdZ1bt3UZdEnHAn9Imd3IVBdX03UFe+ony9Ojw5pzr9YVKGDY1jt+Gcn/FnGkNf8r+Vj5NOJWtQ=="],
@@ -1926,10 +3266,18 @@
 
     "@babel/helper-compilation-targets/semver": ["semver@6.3.1", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="],
 
+    "@babel/helper-create-class-features-plugin/@babel/helper-annotate-as-pure": ["@babel/helper-annotate-as-pure@7.29.7", "", { "dependencies": { "@babel/types": "^7.29.7" } }, "sha512-OoK6239jHPuSQOoS0kfTVKn0b/rVTk0seKq4Gd2UMLtmOVLjDC0ki3e+c90Trqv2gMfvJFqkiljrr568+qddiw=="],
+
+    "@babel/helper-create-class-features-plugin/semver": ["semver@6.3.1", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="],
+
     "@babel/helper-module-transforms/@babel/helper-validator-identifier": ["@babel/helper-validator-identifier@7.29.7", "", {}, "sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg=="],
 
     "@babel/parser/@babel/types": ["@babel/types@8.0.4", "", { "dependencies": { "@babel/helper-string-parser": "^8.0.0", "@babel/helper-validator-identifier": "^8.0.4" } }, "sha512-eY+Yn3dCqTGmyiq2QRU66lA5FL8lqqqvecHt0fF3uHONIa7ToYsaCiWV8lOKqAs0Rb2SjixiKFROngnulPtt2g=="],
 
+    "@babel/plugin-transform-react-jsx/@babel/helper-annotate-as-pure": ["@babel/helper-annotate-as-pure@7.29.7", "", { "dependencies": { "@babel/types": "^7.29.7" } }, "sha512-OoK6239jHPuSQOoS0kfTVKn0b/rVTk0seKq4Gd2UMLtmOVLjDC0ki3e+c90Trqv2gMfvJFqkiljrr568+qddiw=="],
+
+    "@babel/plugin-transform-typescript/@babel/helper-annotate-as-pure": ["@babel/helper-annotate-as-pure@7.29.7", "", { "dependencies": { "@babel/types": "^7.29.7" } }, "sha512-OoK6239jHPuSQOoS0kfTVKn0b/rVTk0seKq4Gd2UMLtmOVLjDC0ki3e+c90Trqv2gMfvJFqkiljrr568+qddiw=="],
+
     "@babel/template/@babel/parser": ["@babel/parser@7.29.7", "", { "dependencies": { "@babel/types": "^7.29.7" }, "bin": "./bin/babel-parser.js" }, "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg=="],
 
     "@babel/traverse/@babel/generator": ["@babel/generator@7.29.7", "", { "dependencies": { "@babel/parser": "^7.29.7", "@babel/types": "^7.29.7", "@jridgewell/gen-mapping": "^0.3.12", "@jridgewell/trace-mapping": "^0.3.28", "jsesc": "^3.0.2" } }, "sha512-DkXD5OJQaAQIdZ1bt3UZdEnHAn9Imd3IVBdX03UFe+ony9Ojw5pzr9YVKGDY1jt+Gcn/FnGkNf8r+Vj5NOJWtQ=="],
@@ -1952,12 +3300,50 @@
 
     "@manypkg/get-packages/fs-extra": ["fs-extra@8.1.0", "", { "dependencies": { "graceful-fs": "^4.2.0", "jsonfile": "^4.0.0", "universalify": "^0.1.0" } }, "sha512-yhlQgA6mnOJUKOsRUFsgJdQCvkKhcz8tlZG5HBQfReYZy46OwLcY+Zia0mtdHsOo9y/hP+CxMN0TU9QxoOtG4g=="],
 
+    "@mapbox/node-pre-gyp/https-proxy-agent": ["https-proxy-agent@7.0.6", "", { "dependencies": { "agent-base": "^7.1.2", "debug": "4" } }, "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw=="],
+
+    "@mapbox/node-pre-gyp/nopt": ["nopt@8.1.0", "", { "dependencies": { "abbrev": "^3.0.0" }, "bin": { "nopt": "bin/nopt.js" } }, "sha512-ieGu42u/Qsa4TFktmaKEwM6MQH0pOWnaB3htzh0JRtx84+Mebc0cbZYN5bC+6WTZ4+77xrL9Pn5m7CV6VIkV7A=="],
+
+    "@mdx-js/mdx/source-map": ["source-map@0.7.6", "", {}, "sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ=="],
+
     "@parcel/watcher/node-addon-api": ["node-addon-api@7.1.1", "", {}, "sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ=="],
 
+    "@pierre/diffs/diff": ["diff@9.0.0", "", {}, "sha512-svtcdpS8CgJyqAjEQIXdb3OjhFVVYjzGAPO8WGCmRbrml64SPw/jJD4GoE98aR7r25A0XcgrK3F02yw9R/vhQw=="],
+
+    "@prefresh/vite/@babel/core": ["@babel/core@7.29.7", "", { "dependencies": { "@babel/code-frame": "^7.29.7", "@babel/generator": "^7.29.7", "@babel/helper-compilation-targets": "^7.29.7", "@babel/helper-module-transforms": "^7.29.7", "@babel/helpers": "^7.29.7", "@babel/parser": "^7.29.7", "@babel/template": "^7.29.7", "@babel/traverse": "^7.29.7", "@babel/types": "^7.29.7", "@jridgewell/remapping": "^2.3.5", "convert-source-map": "^2.0.0", "debug": "^4.1.0", "gensync": "^1.0.0-beta.2", "json5": "^2.2.3", "semver": "^6.3.1" } }, "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA=="],
+
+    "@prefresh/vite/@rollup/pluginutils": ["@rollup/pluginutils@4.2.1", "", { "dependencies": { "estree-walker": "^2.0.1", "picomatch": "^2.2.2" } }, "sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ=="],
+
     "@quansync/fs/quansync": ["quansync@1.0.0", "", {}, "sha512-5xZacEEufv3HSTPQuchrvV6soaiACMFnq1H8wkVioctoH3TRha9Sz66lOxRwPK/qZj7HPiSveih9yAyh98gvqA=="],
 
+    "@rollup/pluginutils/estree-walker": ["estree-walker@2.0.2", "", {}, "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="],
+
+    "@shikijs/core/@shikijs/types": ["@shikijs/types@4.3.1", "", { "dependencies": { "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4" } }, "sha512-CHFxE0jztBIZRHH6gxXE7DXUCFXjReEGxZ/j0rfSLGKZuwp2xBYycEP14875DSa9KLL/6700oxIq6oO6ef9K2g=="],
+
+    "@shikijs/engine-javascript/@shikijs/types": ["@shikijs/types@4.3.1", "", { "dependencies": { "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4" } }, "sha512-CHFxE0jztBIZRHH6gxXE7DXUCFXjReEGxZ/j0rfSLGKZuwp2xBYycEP14875DSa9KLL/6700oxIq6oO6ef9K2g=="],
+
+    "@shikijs/primitive/@shikijs/types": ["@shikijs/types@4.3.1", "", { "dependencies": { "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4" } }, "sha512-CHFxE0jztBIZRHH6gxXE7DXUCFXjReEGxZ/j0rfSLGKZuwp2xBYycEP14875DSa9KLL/6700oxIq6oO6ef9K2g=="],
+
+    "@shikijs/transformers/@shikijs/types": ["@shikijs/types@4.3.1", "", { "dependencies": { "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4" } }, "sha512-CHFxE0jztBIZRHH6gxXE7DXUCFXjReEGxZ/j0rfSLGKZuwp2xBYycEP14875DSa9KLL/6700oxIq6oO6ef9K2g=="],
+
+    "@shikijs/twoslash/@shikijs/types": ["@shikijs/types@4.3.1", "", { "dependencies": { "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4" } }, "sha512-CHFxE0jztBIZRHH6gxXE7DXUCFXjReEGxZ/j0rfSLGKZuwp2xBYycEP14875DSa9KLL/6700oxIq6oO6ef9K2g=="],
+
     "@stainless-code/codemap/package-manager-detector": ["package-manager-detector@1.7.0", "", {}, "sha512-xg1eHpwYL/D/HEdWw2goFZP6vV0FH7W+PZ5rFkGjdIDLtxq7EkzBUeT3m+lndYCt8wKbmofUu1MUdMCXkCk9ZQ=="],
 
+    "@tailwindcss/oxide-wasm32-wasi/@emnapi/core": ["@emnapi/core@1.11.1", "", { "dependencies": { "@emnapi/wasi-threads": "1.2.2", "tslib": "^2.4.0" }, "bundled": true }, "sha512-RSvbQmHzdKzNsLYa/wHrbc3KN4sYLKAdPZxqiM2HATqv/SBk2/ENSHpvXGaLOMcsAyz0poEGqkmmKYG3OWiJEQ=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/@emnapi/runtime": ["@emnapi/runtime@1.11.1", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-vgj7R3y3Wgx24IQaGPA/R6YFXLHVMOZ0uVEyIQPaWs+rd1AzfEMXlAC22FYwO1XkKR6NPsq7mUandH8oIRdZFw=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/@emnapi/wasi-threads": ["@emnapi/wasi-threads@1.2.2", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-c95qOXkHdydNKhscBTebqEC1CVAZpyqOfVfBzQ1qgzyl3gfeldUjIggDbIZgDKsHLgnsM+igH7TJ/eAasaVuMA=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/@napi-rs/wasm-runtime": ["@napi-rs/wasm-runtime@1.1.6", "", { "dependencies": { "@tybys/wasm-util": "^0.10.3" }, "peerDependencies": { "@emnapi/core": "^1.7.1", "@emnapi/runtime": "^1.7.1" }, "bundled": true }, "sha512-ZLv/JdUfkvOy9eCnnBaGfiO+XimbjebAeO+MRQqD/B+FR1tnRN0tpKSJHRbE8sFfS6aqsXZ67TQjfwfsxULVbg=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/@tybys/wasm-util": ["@tybys/wasm-util@0.10.3", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-F3fo1MYrRJYL3zER0OUOmkutjr1Vp23m7OsSgp7nq4SP6OqX6C/56XFIPAl5bt3zaBRjmW7SGz3u/6LwFpYcOg=="],
+
+    "@tailwindcss/oxide-wasm32-wasi/tslib": ["tslib@2.8.1", "", { "bundled": true }, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],
+
+    "@testing-library/dom/aria-query": ["aria-query@5.3.0", "", { "dependencies": { "dequal": "^2.0.3" } }, "sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A=="],
+
     "@testing-library/preact/@testing-library/dom": ["@testing-library/dom@8.20.1", "", { "dependencies": { "@babel/code-frame": "^7.10.4", "@babel/runtime": "^7.12.5", "@types/aria-query": "^5.0.1", "aria-query": "5.1.3", "chalk": "^4.1.0", "dom-accessibility-api": "^0.5.9", "lz-string": "^1.5.0", "pretty-format": "^27.0.2" } }, "sha512-/DiOQ5xBxgdYRC8LNk7U+RWat0S3qRLeIw3ZIkMQ9kkVlRmwD/Eg8k8CqIpD6GW7u20JIUOfMKbxtiLutpjQ4g=="],
 
     "@ts-morph/common/minimatch": ["minimatch@9.0.9", "", { "dependencies": { "brace-expansion": "^2.0.2" } }, "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg=="],
@@ -1966,8 +3352,28 @@
 
     "@types/babel__template/@babel/parser": ["@babel/parser@7.29.7", "", { "dependencies": { "@babel/types": "^7.29.7" }, "bin": "./bin/babel-parser.js" }, "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg=="],
 
+    "@vercel/cli-config/zod": ["zod@4.1.11", "", {}, "sha512-WPsqwxITS2tzx1bzhIKsEs19ABD5vmCVa4xBo2tq/SrV4RNZtfws1EnCWQXM6yh8bD08a1idvkB5MZSBiZsjwg=="],
+
+    "@vercel/nft/estree-walker": ["estree-walker@2.0.2", "", {}, "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="],
+
+    "@vercel/nft/glob": ["glob@13.0.6", "", { "dependencies": { "minimatch": "^10.2.2", "minipass": "^7.1.3", "path-scurry": "^2.0.2" } }, "sha512-Wjlyrolmm8uDpm/ogGyXZXb1Z+Ca2B8NbJwqBVg0axK9GbBeoS7yGV6vjXnYdGm6X53iehEuxxbyiKp8QmN4Vw=="],
+
+    "@vercel/oidc/jose": ["jose@5.10.0", "", {}, "sha512-s+3Al/p9g32Iq+oqXxkW//7jk2Vig6FF1CFqzVXoTUXt2qz89YWbL+OwS17NFYEvxC35n0FKeGO2LGYSxeM2Gg=="],
+
+    "@vercel/routing-utils/ajv": ["ajv@6.15.0", "", { "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", "json-schema-traverse": "^0.4.1", "uri-js": "^4.2.2" } }, "sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw=="],
+
+    "@vitejs/plugin-react/@babel/core": ["@babel/core@7.29.7", "", { "dependencies": { "@babel/code-frame": "^7.29.7", "@babel/generator": "^7.29.7", "@babel/helper-compilation-targets": "^7.29.7", "@babel/helper-module-transforms": "^7.29.7", "@babel/helpers": "^7.29.7", "@babel/parser": "^7.29.7", "@babel/template": "^7.29.7", "@babel/traverse": "^7.29.7", "@babel/types": "^7.29.7", "@jridgewell/remapping": "^2.3.5", "convert-source-map": "^2.0.0", "debug": "^4.1.0", "gensync": "^1.0.0-beta.2", "json5": "^2.2.3", "semver": "^6.3.1" } }, "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA=="],
+
+    "@vitejs/plugin-react/@rolldown/pluginutils": ["@rolldown/pluginutils@1.0.0-rc.3", "", {}, "sha512-eybk3TjzzzV97Dlj5c+XrBFW57eTNhzod66y9HrBlzJ6NsCrWCp/2kaPS3K9wJmurBC0Tdw4yPjXKZqlznim3Q=="],
+
+    "@vitejs/plugin-vue-jsx/@babel/core": ["@babel/core@7.29.7", "", { "dependencies": { "@babel/code-frame": "^7.29.7", "@babel/generator": "^7.29.7", "@babel/helper-compilation-targets": "^7.29.7", "@babel/helper-module-transforms": "^7.29.7", "@babel/helpers": "^7.29.7", "@babel/parser": "^7.29.7", "@babel/template": "^7.29.7", "@babel/traverse": "^7.29.7", "@babel/types": "^7.29.7", "@jridgewell/remapping": "^2.3.5", "convert-source-map": "^2.0.0", "debug": "^4.1.0", "gensync": "^1.0.0-beta.2", "json5": "^2.2.3", "semver": "^6.3.1" } }, "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA=="],
+
     "@vitest/utils/convert-source-map": ["convert-source-map@2.0.0", "", {}, "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg=="],
 
+    "@vscode/emmet-helper/jsonc-parser": ["jsonc-parser@2.3.1", "", {}, "sha512-H8jvkz1O50L3dMZCsLqiuB2tA7muqbSg1AtGEkN0leAqGjsUzDJir3Zwr02BhqdcITPg3ei3mZ+HjMocAknhhg=="],
+
+    "@vue/babel-plugin-resolve-type/@babel/parser": ["@babel/parser@7.29.7", "", { "dependencies": { "@babel/types": "^7.29.7" }, "bin": "./bin/babel-parser.js" }, "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg=="],
+
     "@vue/compiler-core/@babel/parser": ["@babel/parser@7.29.7", "", { "dependencies": { "@babel/types": "^7.29.7" }, "bin": "./bin/babel-parser.js" }, "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg=="],
 
     "@vue/compiler-core/entities": ["entities@7.0.1", "", {}, "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA=="],
@@ -1978,10 +3384,32 @@
 
     "@vue/compiler-sfc/estree-walker": ["estree-walker@2.0.2", "", {}, "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="],
 
+    "@vue/devtools-kit/birpc": ["birpc@2.9.0", "", {}, "sha512-KrayHS5pBi69Xi9JmvoqrIgYGDkD6mcSe/i6YKi3w5kekCLzrX4+nawcXqrj2tIp50Kw/mT/s3p+GVK0A0sKxw=="],
+
+    "@vue/devtools-kit/hookable": ["hookable@5.5.3", "", {}, "sha512-Yc+BQe8SvoXH1643Qez1zqLRmbA5rCL+sSmk6TVos0LWVfNIB7PGncdlId77WzLGSIB5KaWgTaNTs2lNVEI6VQ=="],
+
+    "anymatch/picomatch": ["picomatch@2.3.2", "", {}, "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA=="],
+
+    "astro/aria-query": ["aria-query@5.3.2", "", {}, "sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw=="],
+
+    "astro/get-tsconfig": ["get-tsconfig@5.0.0-beta.4", "", { "dependencies": { "resolve-pkg-maps": "^1.0.0" } }, "sha512-7nF7C9fIPFEMHgEMEfgIlO9wDdZ8CyHw27rWciFZfHvHDReIiPhsYuzPRXsfvBCqFy1l8RRyyWV7QLM+ZhUJsQ=="],
+
+    "astro/package-manager-detector": ["package-manager-detector@1.7.0", "", {}, "sha512-xg1eHpwYL/D/HEdWw2goFZP6vV0FH7W+PZ5rFkGjdIDLtxq7EkzBUeT3m+lndYCt8wKbmofUu1MUdMCXkCk9ZQ=="],
+
+    "astro/vite": ["vite@8.1.4", "", { "dependencies": { "lightningcss": "^1.32.0", "picomatch": "^4.0.5", "postcss": "^8.5.16", "rolldown": "~1.1.4", "tinyglobby": "^0.2.17" }, "optionalDependencies": { "fsevents": "~2.3.3" }, "peerDependencies": { "@types/node": "^20.19.0 || >=22.12.0", "@vitejs/devtools": "^0.3.0", "esbuild": "^0.27.0 || ^0.28.0", "jiti": ">=1.21.0", "less": "^4.0.0", "sass": "^1.70.0", "sass-embedded": "^1.70.0", "stylus": ">=0.54.8", "sugarss": "^5.0.0", "terser": "^5.16.0", "tsx": "^4.8.1", "yaml": "^2.4.2" }, "optionalPeers": ["@types/node", "@vitejs/devtools", "esbuild", "jiti", "less", "sass", "sass-embedded", "stylus", "sugarss", "terser", "tsx", "yaml"], "bin": { "vite": "bin/vite.js" } }, "sha512-bTT9PsdWO+MQMNG9ZXIP/qM9wGh37DFxTV/sPq9cFpHr3w4jkgef032PkAL9jAqhk3Nz8NQw3O8n6/xFkqO4QQ=="],
+
     "babel-plugin-jsx-dom-expressions/@babel/helper-module-imports": ["@babel/helper-module-imports@7.18.6", "", { "dependencies": { "@babel/types": "^7.18.6" } }, "sha512-0NFvs3VkuSYbFi1x2Vd6tKrywq+z/cLeYC/RJNFrIX/30Bf5aiGYbtvGXolEktzJH8o5E5KJ3tT+nkxuuZFVlA=="],
 
     "babel-plugin-jsx-dom-expressions/parse5": ["parse5@7.3.0", "", { "dependencies": { "entities": "^6.0.0" } }, "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw=="],
 
+    "bl/readable-stream": ["readable-stream@3.6.2", "", { "dependencies": { "inherits": "^2.0.3", "string_decoder": "^1.1.1", "util-deprecate": "^1.0.1" } }, "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA=="],
+
+    "blume/marked": ["marked@18.0.6", "", { "bin": { "marked": "bin/marked.js" } }, "sha512-MrV5puXBfuiy6wl6DLaq3BtIJQAJToAd5zt/ZKhRfGRAuFPALE7/4Y7jnxRQoEgK/pBgurGqLyAuRgZ2xOjr6w=="],
+
+    "blume/undici": ["undici@8.7.0", "", {}, "sha512-N7iQtfyLhIMOFgQubvmLV26svHpO0bqKnAiWotTQCVKCmWrcGbBotPuW1x+xwYZ2VHdSTVUfPQQnlEt1/LouTQ=="],
+
+    "blume/zod": ["zod@3.25.76", "", {}, "sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ=="],
+
     "body-parser/content-type": ["content-type@2.0.0", "", {}, "sha512-j/O/d7GcZCyNl7/hwZAb606rzqkyvaDctLmckbxLzHvFBzTJHuGEdodATcP3yIRoDrLHkIATJuvzbFlp/ki2cQ=="],
 
     "cli-highlight/parse5": ["parse5@5.1.1", "", {}, "sha512-ugq4DFI0Ptb+WWjAdOK16+u/nHfiIrcE+sh8kZMaM0WllQKLI9rOUq6c2b7cwPkXdzfQESqvoqK6ug7U/Yyzug=="],
@@ -1996,12 +3424,64 @@
 
     "cliui/wrap-ansi": ["wrap-ansi@9.0.2", "", { "dependencies": { "ansi-styles": "^6.2.1", "string-width": "^7.0.0", "strip-ansi": "^7.1.0" } }, "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww=="],
 
+    "css-select/domutils": ["domutils@3.2.2", "", { "dependencies": { "dom-serializer": "^2.0.0", "domelementtype": "^2.3.0", "domhandler": "^5.0.3" } }, "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw=="],
+
+    "csso/css-tree": ["css-tree@2.2.1", "", { "dependencies": { "mdn-data": "2.0.28", "source-map-js": "^1.0.1" } }, "sha512-OA0mILzGc1kCOCSJerOeqDxDQ4HOh+G8NbOJFOTgOCzpw7fCBubk0fEyxp8AgOL/jvLgYA/uV0cMbe43ElF1JA=="],
+
+    "cytoscape-fcose/cose-base": ["cose-base@2.2.0", "", { "dependencies": { "layout-base": "^2.0.0" } }, "sha512-AzlgcsCbUMymkADOJtQm3wO9S3ltPfYOFD5033keQn9NJzIbtnZj+UdBJe7DYml/8TdbtHJW3j58SOnKhWY/5g=="],
+
+    "d3-dsv/commander": ["commander@7.2.0", "", {}, "sha512-QrWXB+ZQSVPmIWIhtEO9H+gwHaMGYiF5ChvoJ+K9ZGHG/sVsa6yiesAD1GC/x46sET00Xlwo1u49RVVVzvcSkw=="],
+
+    "d3-dsv/iconv-lite": ["iconv-lite@0.6.3", "", { "dependencies": { "safer-buffer": ">= 2.1.2 < 3.0.0" } }, "sha512-4fCk79wshMdzMp2rH06qWrJE4iolqLhCUH+OiuIgU++RB0+94NlDL81atO7GX55uUKueo0txHNtvEyI6D7WdMw=="],
+
+    "d3-sankey/d3-array": ["d3-array@2.12.1", "", { "dependencies": { "internmap": "^1.0.0" } }, "sha512-B0ErZK/66mHtEsR1TkPEEkwdy+WDesimkM5gpZr5Dsg54BiTA5RXtYW5qTLIAcekaS9xfZrzBLF/OAkB3Qn1YQ=="],
+
+    "d3-sankey/d3-shape": ["d3-shape@1.3.7", "", { "dependencies": { "d3-path": "1" } }, "sha512-EUkvKjqPFUAZyOlhY5gzCxCeI0Aep04LwIRpsZ/mLFelJiUfnK56jo5JMDSE7yyP2kLSb6LtF+S5chMk7uqPqw=="],
+
+    "deep-equal/isarray": ["isarray@2.0.5", "", {}, "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw=="],
+
+    "domutils/dom-serializer": ["dom-serializer@1.4.1", "", { "dependencies": { "domelementtype": "^2.0.1", "domhandler": "^4.2.0", "entities": "^2.0.0" } }, "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag=="],
+
+    "domutils/domhandler": ["domhandler@4.3.1", "", { "dependencies": { "domelementtype": "^2.2.0" } }, "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ=="],
+
     "editorconfig/minimatch": ["minimatch@9.0.9", "", { "dependencies": { "brace-expansion": "^2.0.2" } }, "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg=="],
 
+    "epub-gen-memory/css-select": ["css-select@4.3.0", "", { "dependencies": { "boolbase": "^1.0.0", "css-what": "^6.0.1", "domhandler": "^4.3.1", "domutils": "^2.8.0", "nth-check": "^2.0.1" } }, "sha512-wPpOYtnsVontu2mODhA19JrqWxNsfdatRKd64kmpRbQgh1KtItko5sTnEpPdpSaJszTOhEMlF/RPz28qj4HqhQ=="],
+
+    "epub-gen-memory/dom-serializer": ["dom-serializer@1.4.1", "", { "dependencies": { "domelementtype": "^2.0.1", "domhandler": "^4.2.0", "entities": "^2.0.0" } }, "sha512-VHwB3KfrcOOkelEG2ZOfxqLZdfkil8PtJi4P8N2MMXucZq2yLp75ClViUlOVwyoHEDjYU433Aq+5zWP61+RGag=="],
+
+    "epub-gen-memory/domhandler": ["domhandler@4.3.1", "", { "dependencies": { "domelementtype": "^2.2.0" } }, "sha512-GrwoxYN+uWlzO8uhUXRl0P+kHE4GtVPfYzVLcUxPL7KNdHKj66vvlhiweIHqYYXWlw+T8iLMp42Lm67ghw4WMQ=="],
+
+    "epub-gen-memory/htmlparser2": ["htmlparser2@7.2.0", "", { "dependencies": { "domelementtype": "^2.0.1", "domhandler": "^4.2.2", "domutils": "^2.8.0", "entities": "^3.0.1" } }, "sha512-H7MImA4MS6cw7nbyURtLPO1Tms7C5H602LRETv95z1MxO/7CP7rDVROehUYeYBUYEON94NXXDEPmZuq+hX4sog=="],
+
+    "es-get-iterator/isarray": ["isarray@2.0.5", "", {}, "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw=="],
+
+    "estree-util-to-js/source-map": ["source-map@0.7.6", "", {}, "sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ=="],
+
+    "execa/onetime": ["onetime@5.1.2", "", { "dependencies": { "mimic-fn": "^2.1.0" } }, "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg=="],
+
+    "execa/signal-exit": ["signal-exit@3.0.7", "", {}, "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="],
+
+    "express/cookie": ["cookie@0.7.2", "", {}, "sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w=="],
+
+    "filelist/minimatch": ["minimatch@5.1.9", "", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-7o1wEA2RyMP7Iu7GNba9vc0RWWGACJOCZBJX2GJWip0ikV+wcOsgVuY9uE8CPiyQhkGFSlhuSkZPavN7u1c2Fw=="],
+
     "glob/minimatch": ["minimatch@9.0.9", "", { "dependencies": { "brace-expansion": "^2.0.2" } }, "sha512-OBwBN9AL4dqmETlpS2zasx+vTeWclWzkblfZk7KTA5j3jeOONz/tRCnZomUyvNg83wL5Zv9Ss6HMJXAgL8R2Yg=="],
 
+    "gray-matter/js-yaml": ["js-yaml@3.15.0", "", { "dependencies": { "argparse": "^1.0.7", "esprima": "^4.0.0" }, "bin": { "js-yaml": "bin/js-yaml.js" } }, "sha512-ttBQIIQPDeLjpPOohtUdXuXUVoA2uIB6fEH9HyJ7234s5mBJ5wTx20njxplLZQgLaOfpmPQA7X2t5AX6tIPbog=="],
+
+    "hast-util-from-html/parse5": ["parse5@7.3.0", "", { "dependencies": { "entities": "^6.0.0" } }, "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw=="],
+
+    "hast-util-raw/parse5": ["parse5@7.3.0", "", { "dependencies": { "entities": "^6.0.0" } }, "sha512-IInvU7fabl34qmi9gY8XOVxhYyMyuH2xUNpb2q8/Y+7552KlejkRvqvD19nMoUW/uQGGbqNpA6Tufu5FL5BZgw=="],
+
+    "htmlparser2/domutils": ["domutils@3.2.2", "", { "dependencies": { "dom-serializer": "^2.0.0", "domelementtype": "^2.3.0", "domhandler": "^5.0.3" } }, "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw=="],
+
     "htmlparser2/entities": ["entities@7.0.1", "", {}, "sha512-TWrgLOFUQTH994YUyl1yT4uyavY5nNB5muff+RtWaqNVCAK408b5ZnnbNAUEWLTCpum9w6arT70i1XdQ4UeOPA=="],
 
+    "is-inside-container/is-docker": ["is-docker@3.0.0", "", { "bin": { "is-docker": "cli.js" } }, "sha512-eljcgEDlEns/7AXFosB5K/2nCM4P7FQPkGc/DWLy5rmFEWvZayGrik1d9/QIY5nJ4f9YsVvBkA6kJpHn9rISdQ=="],
+
+    "katex/commander": ["commander@8.3.0", "", {}, "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww=="],
+
     "knip/oxc-parser": ["oxc-parser@0.137.0", "", { "dependencies": { "@oxc-project/types": "^0.137.0" }, "optionalDependencies": { "@oxc-parser/binding-android-arm-eabi": "0.137.0", "@oxc-parser/binding-android-arm64": "0.137.0", "@oxc-parser/binding-darwin-arm64": "0.137.0", "@oxc-parser/binding-darwin-x64": "0.137.0", "@oxc-parser/binding-freebsd-x64": "0.137.0", "@oxc-parser/binding-linux-arm-gnueabihf": "0.137.0", "@oxc-parser/binding-linux-arm-musleabihf": "0.137.0", "@oxc-parser/binding-linux-arm64-gnu": "0.137.0", "@oxc-parser/binding-linux-arm64-musl": "0.137.0", "@oxc-parser/binding-linux-ppc64-gnu": "0.137.0", "@oxc-parser/binding-linux-riscv64-gnu": "0.137.0", "@oxc-parser/binding-linux-riscv64-musl": "0.137.0", "@oxc-parser/binding-linux-s390x-gnu": "0.137.0", "@oxc-parser/binding-linux-x64-gnu": "0.137.0", "@oxc-parser/binding-linux-x64-musl": "0.137.0", "@oxc-parser/binding-openharmony-arm64": "0.137.0", "@oxc-parser/binding-wasm32-wasi": "0.137.0", "@oxc-parser/binding-win32-arm64-msvc": "0.137.0", "@oxc-parser/binding-win32-ia32-msvc": "0.137.0", "@oxc-parser/binding-win32-x64-msvc": "0.137.0" } }, "sha512-yFImD+WLElJpLKy8llG1qe4DCmMsL18peRp8XP1JKfig/gISbJkglnpDtX2aTmAn10kZF7164HbN2H8QPsXxGg=="],
 
     "knip/oxc-resolver": ["oxc-resolver@11.21.3", "", { "optionalDependencies": { "@oxc-resolver/binding-android-arm-eabi": "11.21.3", "@oxc-resolver/binding-android-arm64": "11.21.3", "@oxc-resolver/binding-darwin-arm64": "11.21.3", "@oxc-resolver/binding-darwin-x64": "11.21.3", "@oxc-resolver/binding-freebsd-x64": "11.21.3", "@oxc-resolver/binding-linux-arm-gnueabihf": "11.21.3", "@oxc-resolver/binding-linux-arm-musleabihf": "11.21.3", "@oxc-resolver/binding-linux-arm64-gnu": "11.21.3", "@oxc-resolver/binding-linux-arm64-musl": "11.21.3", "@oxc-resolver/binding-linux-ppc64-gnu": "11.21.3", "@oxc-resolver/binding-linux-riscv64-gnu": "11.21.3", "@oxc-resolver/binding-linux-riscv64-musl": "11.21.3", "@oxc-resolver/binding-linux-s390x-gnu": "11.21.3", "@oxc-resolver/binding-linux-x64-gnu": "11.21.3", "@oxc-resolver/binding-linux-x64-musl": "11.21.3", "@oxc-resolver/binding-openharmony-arm64": "11.21.3", "@oxc-resolver/binding-wasm32-wasi": "11.21.3", "@oxc-resolver/binding-win32-arm64-msvc": "11.21.3", "@oxc-resolver/binding-win32-x64-msvc": "11.21.3" } }, "sha512-2Mx3fKQz7+xgrBONjsxOgCGtMHOn38/HxMzW1I5efwXB5a4lRN0Vp40gYUJFBWJslcrvwoofTrqoTnLbwTd3pA=="],
@@ -2012,16 +3492,28 @@
 
     "log-update/wrap-ansi": ["wrap-ansi@9.0.2", "", { "dependencies": { "ansi-styles": "^6.2.1", "string-width": "^7.0.0", "strip-ansi": "^7.1.0" } }, "sha512-42AtmgqjV+X1VpdOfyTGOYRi0/zsoLqtXQckTmqTeybT+BDIbM/Guxo7x3pE2vtpr1ok6xRqM9OpBe+Jyoqyww=="],
 
+    "magicast/@babel/parser": ["@babel/parser@7.29.7", "", { "dependencies": { "@babel/types": "^7.29.7" }, "bin": "./bin/babel-parser.js" }, "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg=="],
+
     "marked-terminal/chalk": ["chalk@5.6.2", "", {}, "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA=="],
 
+    "mermaid/katex": ["katex@0.16.47", "", { "dependencies": { "commander": "^8.3.0" }, "bin": { "katex": "cli.js" } }, "sha512-Eeo8Ys1doU1z+x8AZsPpQu+p/QcZBI5PeOo7QGQdy2x2m0MU/hYagBbGOmXwr5KVbEfVuWv9LpnQWeehogurjg=="],
+
+    "mermaid/marked": ["marked@16.4.2", "", { "bin": { "marked": "bin/marked.js" } }, "sha512-TI3V8YYWvkVf3KJe1dRkpnjs68JUPyEa5vjKrp1XEEJUAOaQc+Qj+L1qWbPd0SJuAdQkFU0h73sXXqwDYxsiDA=="],
+
     "micromatch/picomatch": ["picomatch@2.3.2", "", {}, "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA=="],
 
     "node-fetch/whatwg-url": ["whatwg-url@5.0.0", "", { "dependencies": { "tr46": "~0.0.3", "webidl-conversions": "^3.0.0" } }, "sha512-saE57nupxk6v3HY35+jzBwYa0rKSy0XR8JSxZPwgLr7ys0IBzhGviA1/TUGJLmSVqs8pb9AnvICXEuOHLprYTw=="],
 
+    "node-html-parser/css-select": ["css-select@5.2.2", "", { "dependencies": { "boolbase": "^1.0.0", "css-what": "^6.1.0", "domhandler": "^5.0.2", "domutils": "^3.0.1", "nth-check": "^2.0.1" } }, "sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw=="],
+
     "ora/chalk": ["chalk@5.6.2", "", {}, "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA=="],
 
     "ora/string-width": ["string-width@8.2.2", "", { "dependencies": { "get-east-asian-width": "^1.5.0", "strip-ansi": "^7.1.2" } }, "sha512-GaPUh5gfdrYzqeVNZvUfT23vYYxXzKYidUcnMtJg/3rxRV63EFZy3k6xfKlmfeJD0176lnUV/Usr3XcwSvFzpg=="],
 
+    "p-locate/p-limit": ["p-limit@2.3.0", "", { "dependencies": { "p-try": "^2.0.0" } }, "sha512-//88mFWSJx8lxCzwdAABTJL2MyWB12+eIY7MDL2SqLmAkeKU9qxRvWuSyTjm3FUmpBEMuFfckAIqEaVGUDxb6w=="],
+
+    "parse-entities/@types/unist": ["@types/unist@2.0.11", "", {}, "sha512-CmBKiL6NNo/OqgmMn95Fk9Whlp2mtvIv+KNpQKN2F4SjvrEesubTRWGYSg+BnWZOnlCaSTU1sMpsBOzgbYhnsA=="],
+
     "parse5/entities": ["entities@8.0.0", "", {}, "sha512-zwfzJecQ/Uej6tusMqwAqU/6KL2XaB2VZ2Jg54Je6ahNBGNH6Ek6g3jjNCF0fG9EWQKGZNddNjU5F1ZQn/sBnA=="],
 
     "parse5-html-rewriting-stream/entities": ["entities@8.0.0", "", {}, "sha512-zwfzJecQ/Uej6tusMqwAqU/6KL2XaB2VZ2Jg54Je6ahNBGNH6Ek6g3jjNCF0fG9EWQKGZNddNjU5F1ZQn/sBnA=="],
@@ -2042,23 +3534,47 @@
 
     "read-yaml-file/js-yaml": ["js-yaml@3.15.0", "", { "dependencies": { "argparse": "^1.0.7", "esprima": "^4.0.0" }, "bin": { "js-yaml": "bin/js-yaml.js" } }, "sha512-ttBQIIQPDeLjpPOohtUdXuXUVoA2uIB6fEH9HyJ7234s5mBJ5wTx20njxplLZQgLaOfpmPQA7X2t5AX6tIPbog=="],
 
+    "readable-stream/safe-buffer": ["safe-buffer@5.1.2", "", {}, "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="],
+
     "rolldown-plugin-dts/get-tsconfig": ["get-tsconfig@5.0.0-beta.5", "", { "dependencies": { "resolve-pkg-maps": "^1.0.0" } }, "sha512-/6gFNr0N04nob252sTQxyFLi3eKFRqIg1I87YcqAMT1i6SQrSF6KujUEQrtrjMV0H/eejTCltLdDSTEMzHbnsQ=="],
 
     "rollup/@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
 
     "sass/chokidar": ["chokidar@4.0.3", "", { "dependencies": { "readdirp": "^4.0.1" } }, "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA=="],
 
+    "shiki/@shikijs/engine-oniguruma": ["@shikijs/engine-oniguruma@4.3.1", "", { "dependencies": { "@shikijs/types": "4.3.1", "@shikijs/vscode-textmate": "^10.0.2" } }, "sha512-OXyNMzg0pews+msMj4cHeqT4xiYKKvbnn6VbdAXxfoFl3SSx4fJTc8FadECuc5/H9p3BzhNAoAUXKwAu9rWYhg=="],
+
+    "shiki/@shikijs/langs": ["@shikijs/langs@4.3.1", "", { "dependencies": { "@shikijs/types": "4.3.1" } }, "sha512-m0l9nsDqgBHvbZbk7A0/kXz/impK3uB/c6rAn6Gpg/uPtdZRQ+alsN/17MU5thb68XTj/4DxkZAotrM0GGSpDQ=="],
+
+    "shiki/@shikijs/themes": ["@shikijs/themes@4.3.1", "", { "dependencies": { "@shikijs/types": "4.3.1" } }, "sha512-dgpoJ4WqNi2yTmizQHBJ5zcX6j2lE6icN/0yt4l1kkf16jrY/pwPLoTb1ETsWMz0OBLf9ZNvwmxft+cH+N9qSA=="],
+
+    "shiki/@shikijs/types": ["@shikijs/types@4.3.1", "", { "dependencies": { "@shikijs/vscode-textmate": "^10.0.2", "@types/hast": "^3.0.4" } }, "sha512-CHFxE0jztBIZRHH6gxXE7DXUCFXjReEGxZ/j0rfSLGKZuwp2xBYycEP14875DSa9KLL/6700oxIq6oO6ef9K2g=="],
+
     "slice-ansi/ansi-styles": ["ansi-styles@6.2.3", "", {}, "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg=="],
 
     "slice-ansi/is-fullwidth-code-point": ["is-fullwidth-code-point@5.1.0", "", { "dependencies": { "get-east-asian-width": "^1.3.1" } }, "sha512-5XHYaSyiqADb4RnZ1Bdad6cPp8Toise4TzEjcOYDHZkTCbKgiUl7WTUCpNWHuxmDt91wnsZBc9xinNzopv3JMQ=="],
 
     "solid-refresh/@babel/generator": ["@babel/generator@7.29.7", "", { "dependencies": { "@babel/parser": "^7.29.7", "@babel/types": "^7.29.7", "@jridgewell/gen-mapping": "^0.3.12", "@jridgewell/trace-mapping": "^0.3.28", "jsesc": "^3.0.2" } }, "sha512-DkXD5OJQaAQIdZ1bt3UZdEnHAn9Imd3IVBdX03UFe+ony9Ojw5pzr9YVKGDY1jt+Gcn/FnGkNf8r+Vj5NOJWtQ=="],
 
+    "string_decoder/safe-buffer": ["safe-buffer@5.1.2", "", {}, "sha512-Gd2UZBJDkXlY7GbJxfsE8/nvKkUEU1G38c1siN6QP6a9PT9MmHB8GnpscSmMJSoF8LOIrt8ud/wPtojys4G6+g=="],
+
     "strip-ansi/ansi-regex": ["ansi-regex@5.0.1", "", {}, "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="],
 
     "strip-ansi-cjs/ansi-regex": ["ansi-regex@5.0.1", "", {}, "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="],
 
-    "svelte/aria-query": ["aria-query@5.3.1", "", {}, "sha512-Z/ZeOgVl7bcSYZ/u/rh0fOpvEpq//LZmdbkXyc7syVzjPAhfOa9ebsdTSjEBDU4vs5nC98Kfduj1uFo0qyET3g=="],
+    "svelte-check/chokidar": ["chokidar@4.0.3", "", { "dependencies": { "readdirp": "^4.0.1" } }, "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA=="],
+
+    "svgo/commander": ["commander@11.1.0", "", {}, "sha512-yPVavfyCcRhmorC7rWlkHn15b4wDVgVmBA7kV4QVBsF7kv/9TKJAbAXVTxvTnwP8HHKjRCJDClKbciiYS7p0DQ=="],
+
+    "svgo/css-select": ["css-select@5.2.2", "", { "dependencies": { "boolbase": "^1.0.0", "css-what": "^6.1.0", "domhandler": "^5.0.2", "domutils": "^3.0.1", "nth-check": "^2.0.1" } }, "sha512-TizTzUddG/xYLA3NXodFM0fSbNizXjOKhqiQQwvhlspadZokn1KDy0NZFS0wuEubIYAV5/c1/lAr0TaaFXEXzw=="],
+
+    "svgo/css-what": ["css-what@6.2.2", "", {}, "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA=="],
+
+    "tar/chownr": ["chownr@3.0.0", "", {}, "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g=="],
+
+    "tar/yallist": ["yallist@5.0.0", "", {}, "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw=="],
+
+    "tar-stream/readable-stream": ["readable-stream@3.6.2", "", { "dependencies": { "inherits": "^2.0.3", "string_decoder": "^1.1.1", "util-deprecate": "^1.0.1" } }, "sha512-9u/sniCrY3D5WdsERHzHE4G2YCXqoG5FTHUiCC4SIbr6XcLZBY05ya9EKjYek9O5xOAwjGq+1JdGBAS7Q9ScoA=="],
 
     "tsdown/cac": ["cac@7.0.0", "", {}, "sha512-tixWYgm5ZoOD+3g6UTea91eow5z6AAHaho3g0V9CNSNb45gM8SmflpAc+GRd1InC4AqN/07Unrgp56Y94N9hJQ=="],
 
@@ -2070,12 +3586,28 @@
 
     "vite-plugin-solid/@babel/core": ["@babel/core@7.29.7", "", { "dependencies": { "@babel/code-frame": "^7.29.7", "@babel/generator": "^7.29.7", "@babel/helper-compilation-targets": "^7.29.7", "@babel/helper-module-transforms": "^7.29.7", "@babel/helpers": "^7.29.7", "@babel/parser": "^7.29.7", "@babel/template": "^7.29.7", "@babel/traverse": "^7.29.7", "@babel/types": "^7.29.7", "@jridgewell/remapping": "^2.3.5", "convert-source-map": "^2.0.0", "debug": "^4.1.0", "gensync": "^1.0.0-beta.2", "json5": "^2.2.3", "semver": "^6.3.1" } }, "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA=="],
 
+    "vite-plugin-vue-inspector/@babel/core": ["@babel/core@7.29.7", "", { "dependencies": { "@babel/code-frame": "^7.29.7", "@babel/generator": "^7.29.7", "@babel/helper-compilation-targets": "^7.29.7", "@babel/helper-module-transforms": "^7.29.7", "@babel/helpers": "^7.29.7", "@babel/parser": "^7.29.7", "@babel/template": "^7.29.7", "@babel/traverse": "^7.29.7", "@babel/types": "^7.29.7", "@jridgewell/remapping": "^2.3.5", "convert-source-map": "^2.0.0", "debug": "^4.1.0", "gensync": "^1.0.0-beta.2", "json5": "^2.2.3", "semver": "^6.3.1" } }, "sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA=="],
+
+    "vite-plugin-vue-inspector/@vue/babel-plugin-jsx": ["@vue/babel-plugin-jsx@1.5.0", "", { "dependencies": { "@babel/helper-module-imports": "^7.27.1", "@babel/helper-plugin-utils": "^7.27.1", "@babel/plugin-syntax-jsx": "^7.27.1", "@babel/template": "^7.27.2", "@babel/traverse": "^7.28.0", "@babel/types": "^7.28.2", "@vue/babel-helper-vue-transform-on": "1.5.0", "@vue/babel-plugin-resolve-type": "1.5.0", "@vue/shared": "^3.5.18" }, "peerDependencies": { "@babel/core": "^7.0.0-0" }, "optionalPeers": ["@babel/core"] }, "sha512-mneBhw1oOqCd2247O0Yw/mRwC9jIGACAJUlawkmMBiNmL4dGA2eMzuNZVNqOUfYTa6vqmND4CtOPzmEEEqLKFw=="],
+
+    "vite-prerender-plugin/source-map": ["source-map@0.7.6", "", {}, "sha512-i5uvt8C3ikiWeNZSVZNWcfZPItFQOsYTUAOkcUPGd8DqDy1uOUikjt5dG+uRlwyvR108Fb9DOd4GvXfT0N2/uQ=="],
+
+    "vscode-css-languageservice/vscode-languageserver-types": ["vscode-languageserver-types@3.17.5", "", {}, "sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg=="],
+
+    "vscode-languageserver/vscode-languageserver-protocol": ["vscode-languageserver-protocol@3.17.5", "", { "dependencies": { "vscode-jsonrpc": "8.2.0", "vscode-languageserver-types": "3.17.5" } }, "sha512-mb1bvRJN8SVznADSGWM9u/b07H7Ecg0I3OgXDuLdn307rl/J3A9YD6/eYOssqhecL27hK1IPZAsaqh00i/Jljg=="],
+
     "wrap-ansi/ansi-styles": ["ansi-styles@6.2.3", "", {}, "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg=="],
 
     "wrap-ansi/string-width": ["string-width@8.2.2", "", { "dependencies": { "get-east-asian-width": "^1.5.0", "strip-ansi": "^7.1.2" } }, "sha512-GaPUh5gfdrYzqeVNZvUfT23vYYxXzKYidUcnMtJg/3rxRV63EFZy3k6xfKlmfeJD0176lnUV/Usr3XcwSvFzpg=="],
 
     "wrap-ansi/strip-ansi": ["strip-ansi@7.2.0", "", { "dependencies": { "ansi-regex": "^6.2.2" } }, "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w=="],
 
+    "yaml-language-server/prettier": ["prettier@3.9.5", "", { "bin": { "prettier": "bin/prettier.cjs" } }, "sha512-/FVl766LpUfB5vXgCYOYa0MeV/441Ia99AeICQIQFTY/Nw0roZwULcXpku5i1/m5kt/baz+s4Zogspd839HSMg=="],
+
+    "yaml-language-server/request-light": ["request-light@0.5.8", "", {}, "sha512-3Zjgh+8b5fhRJBQZoy+zbVKpAQGLyka0MPgW3zruTF4dFFJ8Fqcfu9YsAvi/rvdcaTeWG3MkbZv4WKxAn/84Lg=="],
+
+    "yaml-language-server/yaml": ["yaml@2.8.3", "", { "bin": { "yaml": "bin.mjs" } }, "sha512-AvbaCLOO2Otw/lW5bmh9d/WEdcDFdQp2Z2ZUH3pX9U2ihyUY0nvLv7J6TrWowklRGPYbB/IuIMfYgxaCPg5Bpg=="],
+
     "yargs/string-width": ["string-width@7.2.0", "", { "dependencies": { "emoji-regex": "^10.3.0", "get-east-asian-width": "^1.0.0", "strip-ansi": "^7.1.0" } }, "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ=="],
 
     "@analogjs/vite-plugin-angular/oxc-parser/@oxc-parser/binding-android-arm-eabi": ["@oxc-parser/binding-android-arm-eabi@0.121.0", "", { "os": "android", "cpu": "arm" }, "sha512-n07FQcySwOlzap424/PLMtOkbS7xOu8nsJduKL8P3COGHKgKoDYXwoAHCbChfgFpHnviehrLWIPX0lKGtbEk/A=="],
@@ -2134,6 +3666,12 @@
 
     "@angular/compiler-cli/@babel/core/semver": ["semver@6.3.1", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="],
 
+    "@astrojs/check/chokidar/readdirp": ["readdirp@4.1.2", "", {}, "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg=="],
+
+    "@astrojs/check/yargs/cliui": ["cliui@8.0.1", "", { "dependencies": { "string-width": "^4.2.0", "strip-ansi": "^6.0.1", "wrap-ansi": "^7.0.0" } }, "sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ=="],
+
+    "@astrojs/check/yargs/yargs-parser": ["yargs-parser@21.1.1", "", {}, "sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw=="],
+
     "@babel/generator/@babel/types/@babel/helper-string-parser": ["@babel/helper-string-parser@8.0.0", "", {}, "sha512-6mJgmFFFIIO82vvoLt9XtRC7/TkzXfts1t/SpRX4IHSzMgqoPYCWesVu1udUPUWioAE/2fcG6WuI8zrkE1gwrg=="],
 
     "@babel/parser/@babel/types/@babel/helper-string-parser": ["@babel/helper-string-parser@8.0.0", "", {}, "sha512-6mJgmFFFIIO82vvoLt9XtRC7/TkzXfts1t/SpRX4IHSzMgqoPYCWesVu1udUPUWioAE/2fcG6WuI8zrkE1gwrg=="],
@@ -2142,12 +3680,50 @@
 
     "@isaacs/cliui/wrap-ansi/ansi-styles": ["ansi-styles@6.2.3", "", {}, "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg=="],
 
+    "@mapbox/node-pre-gyp/https-proxy-agent/agent-base": ["agent-base@7.1.4", "", {}, "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ=="],
+
+    "@mapbox/node-pre-gyp/nopt/abbrev": ["abbrev@3.0.1", "", {}, "sha512-AO2ac6pjRB3SJmGJo+v5/aK6Omggp6fsLrs6wN9bd35ulu4cCwaAU9+7ZhXjeqHVkaHThLuzH0nZr0YpCDhygg=="],
+
+    "@prefresh/vite/@babel/core/@babel/generator": ["@babel/generator@7.29.7", "", { "dependencies": { "@babel/parser": "^7.29.7", "@babel/types": "^7.29.7", "@jridgewell/gen-mapping": "^0.3.12", "@jridgewell/trace-mapping": "^0.3.28", "jsesc": "^3.0.2" } }, "sha512-DkXD5OJQaAQIdZ1bt3UZdEnHAn9Imd3IVBdX03UFe+ony9Ojw5pzr9YVKGDY1jt+Gcn/FnGkNf8r+Vj5NOJWtQ=="],
+
+    "@prefresh/vite/@babel/core/@babel/parser": ["@babel/parser@7.29.7", "", { "dependencies": { "@babel/types": "^7.29.7" }, "bin": "./bin/babel-parser.js" }, "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg=="],
+
+    "@prefresh/vite/@babel/core/convert-source-map": ["convert-source-map@2.0.0", "", {}, "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg=="],
+
+    "@prefresh/vite/@babel/core/semver": ["semver@6.3.1", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="],
+
+    "@prefresh/vite/@rollup/pluginutils/estree-walker": ["estree-walker@2.0.2", "", {}, "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="],
+
+    "@prefresh/vite/@rollup/pluginutils/picomatch": ["picomatch@2.3.2", "", {}, "sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA=="],
+
     "@testing-library/preact/@testing-library/dom/aria-query": ["aria-query@5.1.3", "", { "dependencies": { "deep-equal": "^2.0.5" } }, "sha512-R5iJ5lkuHybztUfuOAznmboyjWq8O6sqNqtK7CLOqdydi54VNbORp49mb14KbWgG1QD3JFO9hJdZ+y4KutfdOQ=="],
 
     "@ts-morph/common/minimatch/brace-expansion": ["brace-expansion@2.1.2", "", { "dependencies": { "balanced-match": "^1.0.0" } }, "sha512-w5JZcKgdhDOgOwm8H+KgbosopHMuGcl6qbulwjtz3SM7I7P3yW1eAjzMPLrIE+NQ9vjgANKHWeMHnrT0OXW1oA=="],
 
+    "@vercel/nft/glob/path-scurry": ["path-scurry@2.0.2", "", { "dependencies": { "lru-cache": "^11.0.0", "minipass": "^7.1.2" } }, "sha512-3O/iVVsJAPsOnpwWIeD+d6z/7PmqApyQePUtCndjatj/9I5LylHvt5qluFaBT3I5h3r1ejfR056c+FCv+NnNXg=="],
+
+    "@vercel/routing-utils/ajv/json-schema-traverse": ["json-schema-traverse@0.4.1", "", {}, "sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg=="],
+
+    "@vitejs/plugin-react/@babel/core/@babel/generator": ["@babel/generator@7.29.7", "", { "dependencies": { "@babel/parser": "^7.29.7", "@babel/types": "^7.29.7", "@jridgewell/gen-mapping": "^0.3.12", "@jridgewell/trace-mapping": "^0.3.28", "jsesc": "^3.0.2" } }, "sha512-DkXD5OJQaAQIdZ1bt3UZdEnHAn9Imd3IVBdX03UFe+ony9Ojw5pzr9YVKGDY1jt+Gcn/FnGkNf8r+Vj5NOJWtQ=="],
+
+    "@vitejs/plugin-react/@babel/core/@babel/parser": ["@babel/parser@7.29.7", "", { "dependencies": { "@babel/types": "^7.29.7" }, "bin": "./bin/babel-parser.js" }, "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg=="],
+
+    "@vitejs/plugin-react/@babel/core/convert-source-map": ["convert-source-map@2.0.0", "", {}, "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg=="],
+
+    "@vitejs/plugin-react/@babel/core/semver": ["semver@6.3.1", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="],
+
+    "@vitejs/plugin-vue-jsx/@babel/core/@babel/generator": ["@babel/generator@7.29.7", "", { "dependencies": { "@babel/parser": "^7.29.7", "@babel/types": "^7.29.7", "@jridgewell/gen-mapping": "^0.3.12", "@jridgewell/trace-mapping": "^0.3.28", "jsesc": "^3.0.2" } }, "sha512-DkXD5OJQaAQIdZ1bt3UZdEnHAn9Imd3IVBdX03UFe+ony9Ojw5pzr9YVKGDY1jt+Gcn/FnGkNf8r+Vj5NOJWtQ=="],
+
+    "@vitejs/plugin-vue-jsx/@babel/core/@babel/parser": ["@babel/parser@7.29.7", "", { "dependencies": { "@babel/types": "^7.29.7" }, "bin": "./bin/babel-parser.js" }, "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg=="],
+
+    "@vitejs/plugin-vue-jsx/@babel/core/convert-source-map": ["convert-source-map@2.0.0", "", {}, "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg=="],
+
+    "@vitejs/plugin-vue-jsx/@babel/core/semver": ["semver@6.3.1", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="],
+
     "babel-plugin-jsx-dom-expressions/parse5/entities": ["entities@6.0.1", "", {}, "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g=="],
 
+    "bl/readable-stream/string_decoder": ["string_decoder@1.3.0", "", { "dependencies": { "safe-buffer": "~5.2.0" } }, "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA=="],
+
     "cli-highlight/yargs/cliui": ["cliui@7.0.4", "", { "dependencies": { "string-width": "^4.2.0", "strip-ansi": "^6.0.0", "wrap-ansi": "^7.0.0" } }, "sha512-OcRE68cOsVMXp1Yvonl/fzkQOyjLSu/8bhPDfQt0e0/Eb283TKP20Fs2MqoPsr9SwA595rRCA+QMzYc9nBP+JQ=="],
 
     "cli-highlight/yargs/yargs-parser": ["yargs-parser@20.2.9", "", {}, "sha512-y11nGElTIV+CT3Zv9t7VKl+Q3hTQoT9a1Qzezhhl6Rp21gJ/IVTW7Z3y9EWXhuUBC2Shnf+DX0antecpAwSP8w=="],
@@ -2158,10 +3734,32 @@
 
     "cliui/wrap-ansi/ansi-styles": ["ansi-styles@6.2.3", "", {}, "sha512-4Dj6M28JB+oAH8kFkTLUo+a2jwOFkuqb3yucU0CANcRRUbxS0cP0nZYCGjcc3BNXwRIsUVmDGgzawme7zvJHvg=="],
 
+    "csso/css-tree/mdn-data": ["mdn-data@2.0.28", "", {}, "sha512-aylIc7Z9y4yzHYAJNuESG3hfhC+0Ibp/MAMiaOZgNv4pmEdFyfZhhhny4MNiAfWdBQ1RQ2mfDWmM1x8SvGyp8g=="],
+
+    "cytoscape-fcose/cose-base/layout-base": ["layout-base@2.0.1", "", {}, "sha512-dp3s92+uNI1hWIpPGH3jK2kxE2lMjdXdr+DH8ynZHpd6PUlH6x6cbuXnoMmiNumznqaNO31xu9e79F0uuZ0JFg=="],
+
+    "d3-sankey/d3-shape/d3-path": ["d3-path@1.0.9", "", {}, "sha512-VLaYcn81dtHVTjEHd8B+pbe9yHWpXKZUC87PzoFmsFrJqgFwDe/qxfp5MlfsfM1V5E/iVt0MmEbWQ7FVIXh/bg=="],
+
+    "domutils/dom-serializer/entities": ["entities@2.2.0", "", {}, "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A=="],
+
     "editorconfig/minimatch/brace-expansion": ["brace-expansion@2.1.2", "", { "dependencies": { "balanced-match": "^1.0.0" } }, "sha512-w5JZcKgdhDOgOwm8H+KgbosopHMuGcl6qbulwjtz3SM7I7P3yW1eAjzMPLrIE+NQ9vjgANKHWeMHnrT0OXW1oA=="],
 
+    "epub-gen-memory/css-select/css-what": ["css-what@6.2.2", "", {}, "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA=="],
+
+    "epub-gen-memory/dom-serializer/entities": ["entities@2.2.0", "", {}, "sha512-p92if5Nz619I0w+akJrLZH0MX0Pb5DX39XOwQTtXSdQQOaYH03S1uIQp4mhOZtAXrxq4ViO67YTiLBo2638o9A=="],
+
+    "epub-gen-memory/htmlparser2/entities": ["entities@3.0.1", "", {}, "sha512-WiyBqoomrwMdFG1e0kqvASYfnlb0lp8M5o5Fw2OFq1hNZxxcNk8Ik0Xm7LxzBhuidnZB/UtBqVCgUz3kBOP51Q=="],
+
+    "filelist/minimatch/brace-expansion": ["brace-expansion@2.1.2", "", { "dependencies": { "balanced-match": "^1.0.0" } }, "sha512-w5JZcKgdhDOgOwm8H+KgbosopHMuGcl6qbulwjtz3SM7I7P3yW1eAjzMPLrIE+NQ9vjgANKHWeMHnrT0OXW1oA=="],
+
     "glob/minimatch/brace-expansion": ["brace-expansion@2.1.2", "", { "dependencies": { "balanced-match": "^1.0.0" } }, "sha512-w5JZcKgdhDOgOwm8H+KgbosopHMuGcl6qbulwjtz3SM7I7P3yW1eAjzMPLrIE+NQ9vjgANKHWeMHnrT0OXW1oA=="],
 
+    "gray-matter/js-yaml/argparse": ["argparse@1.0.10", "", { "dependencies": { "sprintf-js": "~1.0.2" } }, "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg=="],
+
+    "hast-util-from-html/parse5/entities": ["entities@6.0.1", "", {}, "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g=="],
+
+    "hast-util-raw/parse5/entities": ["entities@6.0.1", "", {}, "sha512-aN97NXWF6AWBTahfVOIrB/NShkzi5H7F9r1s9mD3cDj4Ko5f2qhhVoYMibXF7GlLveb/D2ioWay8lxI97Ven3g=="],
+
     "knip/oxc-parser/@oxc-parser/binding-android-arm-eabi": ["@oxc-parser/binding-android-arm-eabi@0.137.0", "", { "os": "android", "cpu": "arm" }, "sha512-KDs+0VPdEmasOkpuJHW9V5WCF+cvYdMQv2Jd+aJXt+cxIx12NToRQRbXaRwUEDsZw+/jMk81Ve8ZFbjUkJTOwA=="],
 
     "knip/oxc-parser/@oxc-parser/binding-android-arm64": ["@oxc-parser/binding-android-arm64@0.137.0", "", { "os": "android", "cpu": "arm64" }, "sha512-WhALNzfy3x/RfC6bsqX+csavuUY0yHHE7XfgPE5M542uhoBZUUoGTPG+nkMbGoG4+gcfss5s7urMyn5QBHu0sw=="],
@@ -2250,10 +3848,16 @@
 
     "log-update/wrap-ansi/string-width": ["string-width@7.2.0", "", { "dependencies": { "emoji-regex": "^10.3.0", "get-east-asian-width": "^1.0.0", "strip-ansi": "^7.1.0" } }, "sha512-tsaTIkKW9b4N+AEj+SVA+WhJzV7/zMhcSu78mLKWSk7cXMOSHsBKFWUs0fWwq8QyK3MgJBQRX6Gbi4kYbdvGkQ=="],
 
+    "mermaid/katex/commander": ["commander@8.3.0", "", {}, "sha512-OkTL9umf+He2DZkUq8f8J9of7yL6RJKI24dVITBmNfZBmri9zYZQrKkuXiKhyfPSu8tUhnVBB1iKXevvnlR4Ww=="],
+
     "node-fetch/whatwg-url/tr46": ["tr46@0.0.3", "", {}, "sha512-N3WMsuqV66lT30CrXNbEjx4GEwlow3v6rr4mCcv6prnfwhS01rkgyFdjPNBYd9br7LpXV1+Emh01fHnq2Gdgrw=="],
 
     "node-fetch/whatwg-url/webidl-conversions": ["webidl-conversions@3.0.1", "", {}, "sha512-2JAn3z8AR6rjK8Sm8orRC0h/bcl/DqL7tRPdGZ4I1CjdF+EaMLmYxBHyXuKL849eucPFhvBoxMsflfOb8kxaeQ=="],
 
+    "node-html-parser/css-select/css-what": ["css-what@6.2.2", "", {}, "sha512-u/O3vwbptzhMs3L1fQE82ZSLHQQfto5gyZzwteVIEyeaY5Fc7R4dapF/BvRoSYFeqfBk4m0V1Vafq5Pjv25wvA=="],
+
+    "node-html-parser/css-select/domutils": ["domutils@3.2.2", "", { "dependencies": { "dom-serializer": "^2.0.0", "domelementtype": "^2.3.0", "domhandler": "^5.0.3" } }, "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw=="],
+
     "ora/string-width/strip-ansi": ["strip-ansi@7.2.0", "", { "dependencies": { "ansi-regex": "^6.2.2" } }, "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w=="],
 
     "read-yaml-file/js-yaml/argparse": ["argparse@1.0.10", "", { "dependencies": { "sprintf-js": "~1.0.2" } }, "sha512-o5Roy6tNG4SL/FOkCAN6RzjiakZS25RLYFrcMttJqbdd8BWrnA+fGz57iN5Pb06pvBGvl5gQ0B48dJlslXvoTg=="],
@@ -2262,6 +3866,12 @@
 
     "solid-refresh/@babel/generator/@babel/parser": ["@babel/parser@7.29.7", "", { "dependencies": { "@babel/types": "^7.29.7" }, "bin": "./bin/babel-parser.js" }, "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg=="],
 
+    "svelte-check/chokidar/readdirp": ["readdirp@4.1.2", "", {}, "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg=="],
+
+    "svgo/css-select/domutils": ["domutils@3.2.2", "", { "dependencies": { "dom-serializer": "^2.0.0", "domelementtype": "^2.3.0", "domhandler": "^5.0.3" } }, "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw=="],
+
+    "tar-stream/readable-stream/string_decoder": ["string_decoder@1.3.0", "", { "dependencies": { "safe-buffer": "~5.2.0" } }, "sha512-hkRX8U1WjJFd8LsDJ2yQ/wWWxaopEsABU1XfkM8A+j0+85JAGppt16cr1Whg6KIbb4okU6Mql6BOj+uup/wKeA=="],
+
     "vite-plugin-solid/@babel/core/@babel/generator": ["@babel/generator@7.29.7", "", { "dependencies": { "@babel/parser": "^7.29.7", "@babel/types": "^7.29.7", "@jridgewell/gen-mapping": "^0.3.12", "@jridgewell/trace-mapping": "^0.3.28", "jsesc": "^3.0.2" } }, "sha512-DkXD5OJQaAQIdZ1bt3UZdEnHAn9Imd3IVBdX03UFe+ony9Ojw5pzr9YVKGDY1jt+Gcn/FnGkNf8r+Vj5NOJWtQ=="],
 
     "vite-plugin-solid/@babel/core/@babel/parser": ["@babel/parser@7.29.7", "", { "dependencies": { "@babel/types": "^7.29.7" }, "bin": "./bin/babel-parser.js" }, "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg=="],
@@ -2270,6 +3880,18 @@
 
     "vite-plugin-solid/@babel/core/semver": ["semver@6.3.1", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="],
 
+    "vite-plugin-vue-inspector/@babel/core/@babel/generator": ["@babel/generator@7.29.7", "", { "dependencies": { "@babel/parser": "^7.29.7", "@babel/types": "^7.29.7", "@jridgewell/gen-mapping": "^0.3.12", "@jridgewell/trace-mapping": "^0.3.28", "jsesc": "^3.0.2" } }, "sha512-DkXD5OJQaAQIdZ1bt3UZdEnHAn9Imd3IVBdX03UFe+ony9Ojw5pzr9YVKGDY1jt+Gcn/FnGkNf8r+Vj5NOJWtQ=="],
+
+    "vite-plugin-vue-inspector/@babel/core/@babel/parser": ["@babel/parser@7.29.7", "", { "dependencies": { "@babel/types": "^7.29.7" }, "bin": "./bin/babel-parser.js" }, "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg=="],
+
+    "vite-plugin-vue-inspector/@babel/core/convert-source-map": ["convert-source-map@2.0.0", "", {}, "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg=="],
+
+    "vite-plugin-vue-inspector/@babel/core/semver": ["semver@6.3.1", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="],
+
+    "vite-plugin-vue-inspector/@vue/babel-plugin-jsx/@vue/babel-helper-vue-transform-on": ["@vue/babel-helper-vue-transform-on@1.5.0", "", {}, "sha512-0dAYkerNhhHutHZ34JtTl2czVQHUNWv6xEbkdF5W+Yrv5pCWsqjeORdOgbtW2I9gWlt+wBmVn+ttqN9ZxR5tzA=="],
+
+    "vite-plugin-vue-inspector/@vue/babel-plugin-jsx/@vue/babel-plugin-resolve-type": ["@vue/babel-plugin-resolve-type@1.5.0", "", { "dependencies": { "@babel/code-frame": "^7.27.1", "@babel/helper-module-imports": "^7.27.1", "@babel/helper-plugin-utils": "^7.27.1", "@babel/parser": "^7.28.0", "@vue/compiler-sfc": "^3.5.18" }, "peerDependencies": { "@babel/core": "^7.0.0-0" } }, "sha512-Wm/60o+53JwJODm4Knz47dxJnLDJ9FnKnGZJbUUf8nQRAtt6P+undLUAVU3Ha33LxOJe6IPoifRQ6F/0RrU31w=="],
+
     "vite/esbuild/@esbuild/aix-ppc64": ["@esbuild/aix-ppc64@0.27.7", "", { "os": "aix", "cpu": "ppc64" }, "sha512-EKX3Qwmhz1eMdEJokhALr0YiD0lhQNwDqkPYyPhiSwKrh7/4KRjQc04sZ8db+5DVVnZ1LmbNDI1uAMPEUBnQPg=="],
 
     "vite/esbuild/@esbuild/android-arm": ["@esbuild/android-arm@0.27.7", "", { "os": "android", "cpu": "arm" }, "sha512-jbPXvB4Yj2yBV7HUfE2KHe4GJX51QplCN1pGbYjvsyCZbQmies29EoJbkEc+vYuU5o45AfQn37vZlyXy4YJ8RQ=="],
@@ -2322,16 +3944,24 @@
 
     "vite/esbuild/@esbuild/win32-x64": ["@esbuild/win32-x64@0.27.7", "", { "os": "win32", "cpu": "x64" }, "sha512-56hiAJPhwQ1R4i+21FVF7V8kSD5zZTdHcVuRFMW0hn753vVfQN8xlx4uOPT4xoGH0Z/oVATuR82AiqSTDIpaHg=="],
 
+    "vscode-languageserver/vscode-languageserver-protocol/vscode-jsonrpc": ["vscode-jsonrpc@8.2.0", "", {}, "sha512-C+r0eKJUIfiDIfwJhria30+TYWPtuHJXHtI7J0YlOmKAo7ogxP20T0zxB7HZQIFhIyvoBPwWskjxrvAtfjyZfA=="],
+
+    "vscode-languageserver/vscode-languageserver-protocol/vscode-languageserver-types": ["vscode-languageserver-types@3.17.5", "", {}, "sha512-Ld1VelNuX9pdF39h2Hgaeb5hEZM2Z3jUrrMgWQAu82jMtZp7p3vJT3BzToKtZI7NgQssZje5o0zryOrhQvzQAg=="],
+
     "yargs/string-width/emoji-regex": ["emoji-regex@10.6.0", "", {}, "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A=="],
 
     "yargs/string-width/strip-ansi": ["strip-ansi@7.2.0", "", { "dependencies": { "ansi-regex": "^6.2.2" } }, "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w=="],
 
+    "@astrojs/check/yargs/cliui/wrap-ansi": ["wrap-ansi@7.0.0", "", { "dependencies": { "ansi-styles": "^4.0.0", "string-width": "^4.1.0", "strip-ansi": "^6.0.0" } }, "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q=="],
+
     "@ts-morph/common/minimatch/brace-expansion/balanced-match": ["balanced-match@1.0.2", "", {}, "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="],
 
     "cli-highlight/yargs/cliui/wrap-ansi": ["wrap-ansi@7.0.0", "", { "dependencies": { "ansi-styles": "^4.0.0", "string-width": "^4.1.0", "strip-ansi": "^6.0.0" } }, "sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q=="],
 
     "editorconfig/minimatch/brace-expansion/balanced-match": ["balanced-match@1.0.2", "", {}, "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="],
 
+    "filelist/minimatch/brace-expansion/balanced-match": ["balanced-match@1.0.2", "", {}, "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="],
+
     "glob/minimatch/brace-expansion/balanced-match": ["balanced-match@1.0.2", "", {}, "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="],
 
     "knip/oxc-resolver/@oxc-resolver/binding-wasm32-wasi/@emnapi/core": ["@emnapi/core@1.11.0", "", { "dependencies": { "@emnapi/wasi-threads": "1.2.2", "tslib": "^2.4.0" } }, "sha512-l9Oo58x0HOP5znGzVhYW9U3e5wVuA4LAZU2AGezTmkhO1CgQRFDhDg4nneHsu/t3WniXg9QrG2nIXL/ZS8ln8Q=="],
@@ -2339,5 +3969,7 @@
     "knip/oxc-resolver/@oxc-resolver/binding-wasm32-wasi/@emnapi/runtime": ["@emnapi/runtime@1.11.0", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-55coeOFKHv1ywEcUXJtWU5f+Jr/W5tZDvZig8DLKSwUN1JpROQ4rk/SNOQiFWmaR/VKF4zuFyW1B8JduOSv6Pg=="],
 
     "log-update/wrap-ansi/string-width/emoji-regex": ["emoji-regex@10.6.0", "", {}, "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A=="],
+
+    "vite-plugin-vue-inspector/@vue/babel-plugin-jsx/@vue/babel-plugin-resolve-type/@babel/parser": ["@babel/parser@7.29.7", "", { "dependencies": { "@babel/types": "^7.29.7" }, "bin": "./bin/babel-parser.js" }, "sha512-hnORnjP/1P/zFEndoeX+n+t1RwWRJiJpM/jO7FW32Kn9r5+sJB2JWOdYo4L6k78j15eCwY3Gm/7364B1EMwtNg=="],
   }
 }
diff --git a/docs/README.md b/docs/README.md
index fa2cfaf..f35da8f 100644
--- a/docs/README.md
+++ b/docs/README.md
@@ -1,6 +1,6 @@
 # Docs
 
-Repo-wide documentation hub for `@stainless-code/layers`. The package landing page is the root [`README.md`](../README.md) (install, quick start); this folder holds maintainer-facing reference and forward-looking work.
+Repo-wide documentation hub for `@stainless-code/layers`. Public docs live on the [Blume site](https://stainless-code.com/layers) — canonical for concepts, API, guides, examples, and adapter detail; the repo root [`README.md`](../README.md) is the repo landing. This folder holds maintainer-facing reference and forward-looking work.
 
 ## Reference
 
@@ -8,6 +8,8 @@ Repo-wide documentation hub for `@stainless-code/layers`. The package landing pa
 - [`glossary.md`](./glossary.md) — ubiquitous language for the layer/stack domain (layer, stack, client, phase, transition, call context, scope, gcTime, upsert, settle, blocker, dismissing, observer).
 - [`roadmap.md`](./roadmap.md) — forward-looking work only, not a mirror of `src/`.
 
+Public docs-site voice/tone lives in the [`docs-voice`](../.agents/skills/docs-voice/SKILL.md) skill (authoring guidance, not a `docs/` reference).
+
 ## Lifecycle folders
 
 - [`plans/`](./plans/) — in-flight work commits here; deleted + lifted when it ships.
diff --git a/docs/architecture.md b/docs/architecture.md
index 409e86c..98bf298 100644
--- a/docs/architecture.md
+++ b/docs/architecture.md
@@ -4,7 +4,7 @@
 
 The design is self-contained: an app-wide client owns named, ordered stacks of layers; each adapter subscribes to a stack's snapshot and renders the active layers in that library or framework's reactivity; a caller opens a layer from anywhere and may `await` its typed result.
 
-For when to reach for this library (and when a plain component is simpler), see the [use-case matrix in the README](../README.md#when-to-use-it).
+For when to reach for this library (and when a plain component is simpler), see [When to use Layers](https://stainless-code.com/layers/concepts/when-to-use).
 
 ## Package boundary
 
@@ -48,7 +48,7 @@ Every adapter exposes the same primitives (client context, `useLayerClient`, wir
 
 ¹ Angular ships `renderStack(vcr)` — a compiler-free imperative outlet (`ViewContainerRef.createComponent` + `setInput`, id-keyed so state changes update inputs without recreating components). ² Angular has no `StackSubscribe`; its `useStack({ select })` signal is the idiomatic equivalent. ³ Angular's `useLayerGroup`/`createStackHook` expose `renderInto(vcr)` instead of an `Outlet` component; `createStackHook` returns `{ provideClient, useAppStack, renderInto }` (no `AppHost`/`AppLayer`). ⁴ Svelte ships no `.svelte` components: render with `{#each useStack().current as s}` + `callFor(s)` (runes) / `{#each $stack}` + `callFor(client, stackId, s)` (store) in your own markup. ⁵ Svelte's `useStack()` already returns the headless pair — `.current` (states) + `callFor`. ⁶ Svelte's `useLayerGroup` exposes the child `stack` (`SvelteStack` / `Readable`) instead of an `Outlet`.
 
-Per-adapter API detail lives in each package README; this matrix is the cross-adapter comparison for choosing and porting between adapters.
+Per-adapter API detail lives on the [Blume adapters pages](https://stainless-code.com/layers/adapters); this matrix is the cross-adapter comparison for choosing and porting between adapters.
 
 ## Layer lifecycle
 
diff --git a/docs/glossary.md b/docs/glossary.md
index ac6cdce..8ce6b5a 100644
--- a/docs/glossary.md
+++ b/docs/glossary.md
@@ -27,16 +27,16 @@ Ubiquitous language for the `@stainless-code/layers` domain. Keep terms stable a
 - **scope** — per-stack queueing on `StackOptions`: `scope: { strategy: "serial" | "parallel" }` (`parallel` when omitted); `serial` = one active layer at a time, `parallel` = stack freely.
 - **gcTime** — keep dismissed layers in a cache so re-opening the same key restores `data` without re-running `loadFn`. One slot per key (last-dismissed-wins); evicted after `gcTime` with explicit teardown.
 - **loadFn** — optional async load run on `open`; cancelable via `AbortController`; `pending` → `active` with `data` on success, `error` on throw.
-- **Observer / selector** — adapters subscribe to `LayerStack.getSnapshot()` and project via a selector (React `useSyncExternalStore`, Svelte runes, Vue `shallowRef`, Solid `from`, Angular `signal`).
+- **Observer / selector** — adapters subscribe to `LayerStack.getSnapshot()` and project via a selector (React `useSyncExternalStore`, Preact `useSyncExternalStore`, Solid `from`, Angular `signal`, Vue `shallowRef`, Svelte runes).
 - **Options helper** (`layerOptions`) — identity function carrying `<P, R, E, D>` generics so `LayerClient.open` infers the response type end-to-end.
-- **Outlet** — renders the active stack. React, Preact, Vue, and Solid ship `StackOutlet`; Angular exposes `renderStack(vcr)`; Svelte renders from `useStack().current` + `callFor`. See [adapter ergonomics](./architecture.md#adapter-ergonomics).
-- **Stack handles** (`useStackHandles`) — headless `{ states, getCall }` for custom hosts (React/Preact/Vue/Solid/Angular; Svelte's `useStack()` already returns `.current` + `callFor`). `StackOutlet` is the registered-component convenience built on it where shipped.
+- **Outlet** — renders the active stack. React, Preact, and Solid ship `StackOutlet`; Angular exposes `renderStack(vcr)`; Vue ships `StackOutlet`; Svelte renders from `useStack().current` + `callFor`. See [adapter ergonomics](./architecture.md#adapter-ergonomics).
+- **Stack handles** (`useStackHandles`) — headless `{ states, getCall }` for custom hosts (React/Preact/Solid/Angular/Vue; Svelte's `useStack()` already returns `.current` + `callFor`). `StackOutlet` is the registered-component convenience built on it where shipped.
 - **Layer group** — a child stack owned by a parent layer and tied to its lifetime: created via `createLayerGroup` / adapter `useLayerGroup`; when the parent dismisses, the group's stack auto-drains. Same `LayerClient`, no second client.
 - **Child stack** — the stack a layer group opens onto; id derived from the parent's `stackId` + `layerId` via `childStackId` (`` `${parentStackId}~${parentLayerId}~${name}` ``).
 - **Validator** (`validate`) — a Standard Schema or sync `(input) => output` fn that parses/validates a layer's `payload` at `open`; the layer stores the parsed output. Failure rejects `open` with a `PayloadValidationError`.
 - **createLayer** — core factory: `options` + `client` → headless `LayerHandle` / `ValidatedLayerHandle` (layer ops + `stack`/`client`/`options`/`current` escapes; no reactive field).
-- **LayerHandle** — return of plain `createLayer`. `open`/`upsert` take payload only; `dismiss`/`update` take optional `{ id?, force? }`; `cancelQueued` takes `{ id? }` (see **cancelQueued**).
-- **ValidatedLayerHandle** — when `options.validate` is set: `open`/`upsert` = schema **input**; `state`/`update`/`current` = parsed **output**.
+- **LayerHandle** — return of plain `createLayer`. `open`/`upsert` take payload only; `dismiss` takes `{ id?, force? }`; `update` / `cancelQueued` take `{ id? }` (see **cancelQueued**).
+- **ValidatedLayerHandle** — when `options.validate` is set: `open`/`upsert` = schema **input**; `current`/`update` = parsed **output**. Wired adapters also expose reactive `state`/`queued`/`top` as output.
 - **useLayer** — adapter wired handle (`createLayer` + reactive `state`/`queued`/`top`). Svelte: `createLayer`; Angular: `injectLayer`.
 - **useLayerState** / **useLayerQueuedState** / **useQueuedStack** — observe-only (mounted per-key / queued per-key / queued whole-stack); return `LayerState[]` (or framework wrappers). Renamed/added vs the old singular `useLayer(key, …)`.
 - **current** — live-checked bound instance on a handle (`Layer | null`); correlation + explicit `{ id }` — not a hidden control default.
diff --git a/docs/plans/lit-adapter.md b/docs/plans/lit-adapter.md
new file mode 100644
index 0000000..f9af989
--- /dev/null
+++ b/docs/plans/lit-adapter.md
@@ -0,0 +1,205 @@
+# Lit adapter (`@stainless-code/lit-layers`)
+
+> Plan owner: open. Status: **Ready to implement** (grilled). Linked from [`docs/roadmap.md`](../roadmap.md) § Adapters.
+
+Seventh framework adapter at **full matrix parity**. Lit research clone: `/Users/sutusebastian/Developer/OSS/lit/lit` ([lit/lit](https://github.com/lit/lit), [`lit@3.3.3`](https://lit.dev/)).
+
+## Problem
+
+- Six adapters at parity; Lit/WC consumers need the same binding **Seam** (`LayerStack.subscribe` / `getSnapshot` → host reactivity + render).
+- Lit idioms differ ([Reactive Controllers](https://lit.dev/docs/composition/controllers/), [`@lit/context`](https://lit.dev/docs/data/context/), [`repeat`](https://lit.dev/docs/templates/lists/)) — shape must be Lit-native while hitting every matrix cell.
+- Default Lit shadow DOM fights overlays; no `HostAdapter` (roadmap) — outlet must render inline where mounted.
+- Policy: **every new adapter gets full treatment** (primitives + tier-2 sugar, `tests-dom`, docs, skill, recipes typecheck, size-limit) — not a sparse MVP.
+
+## Decisions (grilled)
+
+| Topic               | Lock                                                                                                                                                            |
+| ------------------- | --------------------------------------------------------------------------------------------------------------------------------------------------------------- |
+| When                | Consumers in funnel — implement after this plan; no demand-wait                                                                                                 |
+| Parity bar          | Full matrix like React/Vue/Solid (capability), Lit-shaped APIs                                                                                                  |
+| Binding model       | `ReactiveController` + `requestUpdate`; CEs for provider/outlet/subscribe                                                                                       |
+| Factory             | `createStackHook` name kept; Lit-shaped return                                                                                                                  |
+| Outlet DOM          | **Light DOM default** (`createRenderRoot() { return this }`); optional shadow later only if needed                                                              |
+| `component`         | `(props) => TemplateResult` **or** `typeof LitElement`; **no** tag strings in v1                                                                                |
+| CE tags             | `stack-provider` / `stack-outlet` / `stack-subscribe` (+ `app-host` for `createStackHook`) — kebab of matrix names                                              |
+| CE registration     | Explicit **`defineStackElements()`** on `.`; **`"sideEffects": false`**; no auto-register on import (tenets 2 + 4)                                              |
+| Peers               | `lit` `^3.2.0`, `@lit/context` `^1.1.0` (required); optional `client?` override everywhere                                                                      |
+| Signals             | **Single flavour** now. `./signals` only if Lit promotes signals past Labs (same bar as Svelte runes vs `./store`)                                              |
+| `StackSubscribe`    | Property **`.renderer`** callback ([virtualizer `.renderItem`](https://github.com/lit/lit/tree/main/packages/labs/virtualizer) pattern)                         |
+| `LayerGroup`        | **`outlet(): TemplateResult` + `stackId`** ([router `Routes.outlet()`](https://github.com/lit/lit/tree/main/packages/labs/router); like Angular `renderInto`)   |
+| `createStackHook`   | React-full: `StackProvider`, `useAppStack`, `AppHost` CE, `AppLayerController`                                                                                  |
+| Observe/drive names | `*Controller` classes + thin `use*(host, …)` factories (matrix names)                                                                                           |
+| SSR                 | Vue/Solid posture: subscribe in `hostConnected`, teardown `hostDisconnected`; empty until connect; no `typeof window` guard; `initialSnapshot` separate roadmap |
+| `ContextRoot`       | Optional / documented for late-upgraded providers — **not** auto-installed                                                                                      |
+| Docs recipes        | Lit = code-only tabs (`?raw`); Blume live `<Component>` hard-caps React/Vue/Svelte                                                                              |
+
+## Proposed Interface (or Boundary)
+
+### Package
+
+| Item          | Value                                             |
+| ------------- | ------------------------------------------------- |
+| Path          | `packages/lit`                                    |
+| Name          | `@stainless-code/lit-layers`                      |
+| Dep           | `@stainless-code/layers` `workspace:*`            |
+| Peers         | `lit` `^3.2.0`, `@lit/context` `^1.1.0`           |
+| `sideEffects` | `false`                                           |
+| Exports       | `.` only (no `./elements`, no `./signals`)        |
+| Build         | `tsdown`; knip + size-limit + `check:pack` parity |
+
+### Public surface
+
+```ts
+export * from "@stainless-code/layers";
+
+// Context (@lit/context)
+export const layerClientContext: Context<…, LayerClient>;
+export function provideLayerClient(host, client?: LayerClient): LayerClient;
+export function useLayerClient(host): LayerClient; // throws if missing
+
+// Registration (idempotent customElements.define)
+export function defineStackElements(): void;
+
+// Controllers + use* factories (host-first) — full matrix:
+// useStack, useQueuedStack, useLayerState, useLayerQueuedState,
+// useLayer, useStackHandles, useMutationFlow, useLayerGroup, useLayerClient
+export class StackController implements ReactiveController { /* … */ }
+export class LayerController implements ReactiveController { /* wired handle */ }
+export class StackHandlesController implements ReactiveController { /* … */ }
+export class MutationFlowController implements ReactiveController { /* … */ }
+export class LayerGroupController implements ReactiveController {
+  outlet(): TemplateResult; // router-shaped
+  readonly stackId: string;
+  // open, dismissAll, states, …
+}
+
+// CEs (classes exported; define via defineStackElements)
+export class StackProvider extends LitElement { /* tag: stack-provider */ }
+export class StackOutlet extends LitElement {
+  /* tag: stack-outlet; light DOM; repeat by state.id;
+     component = TemplateResult fn | LitElement ctor */
+}
+export class StackSubscribe extends LitElement {
+  /* tag: stack-subscribe; .selector; .renderer(value) => TemplateResult */
+}
+
+export function createStackHook(config?): {
+  StackProvider: typeof StackProvider; // bound stack id / client defaults
+  useAppStack: (host) => AppStackController;
+  AppHost: typeof LitElement; // tag app-host — host props + stack-outlet
+  AppLayer: typeof AppLayerController;
+};
+
+export type LitLayerComponent =
+  | (new () => LitElement)
+  | ((props: LayerComponentProps) => TemplateResult);
+```
+
+Internal: `subscribeStackSnapshot` (pull-model subscribe + selector memo + `requestUpdate`).
+
+### Usage (default path)
+
+```ts
+import {
+  LayerClient,
+  createLayer,
+  defineStackElements,
+  provideLayerClient,
+} from "@stainless-code/lit-layers";
+import { LitElement, html } from "lit";
+import { customElement } from "lit/decorators.js";
+
+defineStackElements();
+
+export const client = new LayerClient();
+export const confirm = createLayer({
+  key: "confirm",
+  stack: "modal",
+  component: ConfirmDialog, // LitElement ctor or (props) => TemplateResult
+});
+
+@customElement("my-app")
+class MyApp extends LitElement {
+  render() {
+    return html`<button
+      @click=${() => confirm(client).open({ message: "Delete?" })}
+    >
+      Delete
+    </button>`;
+  }
+}
+
+// shell
+html`
+  <stack-provider .client=${client}>
+    <my-app></my-app>
+    <div id="overlays"><stack-outlet stack="modal"></stack-outlet></div>
+  </stack-provider>
+`;
+```
+
+### What it hides / forbids
+
+- Hides: subscribe lifecycle, selector memo, `createCallContext`, context wire-up.
+- Forbids: cross-adapter imports; framework peers in core; `HostAdapter` / built-in portal; auto CE registration on `.` import; `@lit-labs/signals` in v1.
+
+## Dependency Strategy
+
+| Category                | How                                                                                                 |
+| ----------------------- | --------------------------------------------------------------------------------------------------- |
+| **Ports & adapters**    | Core port = `subscribe` / `getSnapshot` / `getQueuedSnapshot`. Lit owns Transport + Renderer.       |
+| **Mock (cat. 4)**       | Peers `lit` + `@lit/context`. Never duplicate `lit`.                                                |
+| **Local-substitutable** | Fake `ReactiveControllerHost` + real `LayerClient` in bun tests; vitest + real Lit in `tests-dom/`. |
+
+## Migration
+
+Greenfield.
+
+1. Scaffold `packages/lit` (mirror Vue: manifest, tsdown, tsconfig, README, knip, size-limit).
+2. Tracer: `subscribeStackSnapshot` + `StackController` / `useStack` + unit test.
+3. Context + `provideLayerClient` / `useLayerClient`.
+4. `defineStackElements` + `StackOutlet` / `StackProvider` + `tests-dom` (id-keyed `repeat`, light DOM).
+5. Remaining matrix: wired `useLayer`, `StackSubscribe`, `useMutationFlow`, `useLayerGroup` (`outlet()`), `useStackHandles`, `createStackHook` + DOM/type tests.
+6. Docs: `adapters/lit.mdx`, matrix rows, `adapter-hooks.mdx`, skill, recipes (`lit.ts` `?raw`) + `typecheck:recipes`.
+7. Changeset on publish PR. Lift grill locks into [`architecture.md`](../architecture.md) when the package ships (close plan).
+
+## Testing Strategy
+
+| Suite           | Assert                                                                                            |
+| --------------- | ------------------------------------------------------------------------------------------------- |
+| `src/*.test.ts` | Subscribe/unsub; selector skip; context; `defineStackElements` idempotent; group `outlet()`       |
+| `tests-dom/`    | Provider → outlet → open/end; no remount on prop churn; light DOM; subscribe `.renderer`; AppHost |
+| `*.test-d.ts`   | Inference parity                                                                                  |
+
+## Glossary impact
+
+None. Framework bindings (`StackController`, `outlet()`, CE tags) are not new domain nouns. Existing glossary (`outlet`, `observer`, `call context`, `useLayer`) stands.
+
+## Out of scope
+
+- `@lit-labs/signals` / `./signals` until Lit first-party signals (Svelte dual-API bar).
+- `@lit-labs/ssr` package; tag-string `component`; auto-register on import; `HostAdapter` / portal; focus/z-order/a11y chrome.
+- Lit 4 peer OR until Lit 4 exists.
+
+## Rejected alternatives
+
+| Alternative                            | Why rejected                                                                       |
+| -------------------------------------- | ---------------------------------------------------------------------------------- |
+| Sparse controllers-only v1             | Policy: full treatment for every new adapter                                       |
+| Demand-gate before coding              | Consumers ready now                                                                |
+| Auto-register CEs on `.` import        | Tenet 4 (surprising side effects); tenet 2 (outlet optional)                       |
+| `./elements` side-effect subpath       | Same magic as auto-register; Svelte subpath is dual reactivity, not define helpers |
+| `layers-*` / `sc-*` tags               | Drifts from `StackOutlet` naming on other adapters                                 |
+| Shadow DOM outlet default              | Overlay stacking; consumers own portals                                            |
+| Bound `Outlet` CE from `useLayerGroup` | Not Lit-native; use `outlet()` like router                                         |
+| Signals dual entry now                 | Labs ≠ Svelte’s two first-party APIs                                               |
+
+## Open questions
+
+None blocking implementation. Deferred: Lit 4 peer OR; `mode="shadow"` on outlet; `./signals` if Labs graduates.
+
+## References
+
+- Layers: [`docs/architecture.md`](../architecture.md), [`adapter-hooks.mdx`](../../apps/docs/content/reference/adapter-hooks.mdx), Vue/Solid/Angular peers.
+- Lit: [lit.dev](https://lit.dev/), [Controllers](https://lit.dev/docs/composition/controllers/), [Context](https://lit.dev/docs/data/context/), [`repeat`](https://lit.dev/docs/templates/lists/), clone `/Users/sutusebastian/Developer/OSS/lit/lit`.
+- Tenets: [`.agents/skills/product-tenets/SKILL.md`](../../.agents/skills/product-tenets/SKILL.md).
diff --git a/docs/roadmap.md b/docs/roadmap.md
index 7ea7521..9897df8 100644
--- a/docs/roadmap.md
+++ b/docs/roadmap.md
@@ -18,9 +18,15 @@ Forward-looking work only — not a mirror of `src/`. Shipped features live in [
 
 ## Adapters
 
-- **Lit** + **Angular SSR** + **React Native** bindings if demand materializes.
+- **Qwik** + **Alpine** + **Marko** + **Angular SSR** + **React Native** bindings if demand materializes.
+- **[Lit adapter](./plans/lit-adapter.md)** (`@stainless-code/lit-layers`) — full matrix parity; controllers + `@lit/context` + light-DOM `<stack-outlet>`; grilled, ready to implement.
 - A **`HostAdapter`** contract is deliberately **not** planned — `StackOutlet` renders inline; consumers wrap it in their own `createPortal` if they need a portal target. Keeping the core agnostic means no host/portal abstraction baked in.
 
+## Docs site (`apps/docs/`, Blume)
+
+- **MCP server + Ask AI** — require `deployment.output: "server"` + a deploy adapter + API key + rate limits on `/api/ask`. `llms.txt` / `llms-full.txt` / per-page `.md` mirrors / `agent-readability.json` already cover the static agent surface.
+- **`<Component>`/`examples/` consolidation** — collapse the React (and optionally Vue/Svelte) live-demo slice onto Blume's native `<Component path=…>` (live preview + source tabs from one file); keep Solid/Preact/Angular as `?raw` code tabs. Large restructure; defer until the recipe matrix stabilizes.
+
 ## Out of scope
 
 - Sidecar / nested-portal hosting, route masking, and z-order management — these are consumer concerns, not core. Re-evaluate only if a real consumer needs them and the agnostic contract can express it without leaking library- or framework-specific details.
diff --git a/knip.json b/knip.json
index 05a39d4..bc407df 100644
--- a/knip.json
+++ b/knip.json
@@ -60,6 +60,7 @@
       "project": ["src/**/*.ts", "tests-dom/**/*.ts"]
     }
   },
+  "ignoreWorkspaces": ["apps/docs"],
   "ignoreDependencies": ["@stainless-code/codemap", "@angular/core"],
   "ignoreBinaries": ["lychee"],
   "ignoreIssues": {
diff --git a/lychee.toml b/lychee.toml
index c6a04b6..d19cdf6 100644
--- a/lychee.toml
+++ b/lychee.toml
@@ -6,7 +6,8 @@
 offline = true
 include_fragments = "anchor-only"
 # `.cursor/` holds symlinks to `.agents/`; scanning both double-checks and the
-# relative links inside resolve against the wrong base. `docs/api` is generated.
+# relative links inside resolve against the wrong base.
 # `docs/research/` is a staged, DO-NOT-COMMIT artifact whose agent-transcript
 # citations (`[label](<uuid>)`) are chat links, not files.
-exclude_path = ["node_modules", "dist", "docs/api", ".cursor", "docs/research"]
+# `apps/docs` — Blume MDX + site routes; gated by `docs:validate`, not lychee.
+exclude_path = ["node_modules", "dist", ".cursor", "docs/research", "apps/docs"]
diff --git a/package.json b/package.json
index 559b0c0..b9bb85b 100644
--- a/package.json
+++ b/package.json
@@ -2,7 +2,7 @@
   "name": "layers-monorepo",
   "private": true,
   "description": "Monorepo for @stainless-code/layers — a headless layer/stack manager with a UI-agnostic core and opt-in adapters.",
-  "homepage": "https://github.com/stainless-code/layers#readme",
+  "homepage": "https://stainless-code.com/layers",
   "bugs": {
     "url": "https://github.com/stainless-code/layers/issues"
   },
@@ -13,6 +13,7 @@
   },
   "funding": "https://github.com/sponsors/SutuSebastian",
   "workspaces": [
+    "apps/*",
     "packages/*"
   ],
   "type": "module",
@@ -26,7 +27,12 @@
     "check:links": "lychee --config lychee.toml \"**/*.md\"",
     "check:pack": "bun run --filter '*' check:pack",
     "clean": "git clean -xdf -e .env",
-    "docs:api": "typedoc",
+    "docs:api": "bun apps/docs/scripts/rewrite-api-links.ts --clean && typedoc && bun apps/docs/scripts/rewrite-api-links.ts",
+    "docs:build": "bun run --filter '@stainless-code/layers-docs' build",
+    "docs:check": "bun run --filter '@stainless-code/layers-docs' check",
+    "docs:dev": "bun run --filter '@stainless-code/layers-docs' dev",
+    "docs:preview": "bun run --filter '@stainless-code/layers-docs' preview",
+    "docs:validate": "bun run --filter '@stainless-code/layers-docs' validate",
     "fix": "bun run lint:fix && bun run format",
     "fix:changes": "bun run lint:fix:changes && bun run format:changes",
     "format": "oxfmt --no-error-on-unmatched-pattern",
@@ -71,8 +77,13 @@
     "size-limit": "12.1.0",
     "tsdown": "0.22.3",
     "typedoc": "0.28.19",
+    "typedoc-plugin-frontmatter": "1.3.1",
+    "typedoc-plugin-markdown": "4.12.0",
     "typescript": "6.0.3"
   },
+  "overrides": {
+    "path-to-regexp": "6.3.0"
+  },
   "engines": {
     "bun": ">=1.0.0",
     "node": "^20.19.0 || >=22.12.0"
diff --git a/packages/angular/README.md b/packages/angular/README.md
index b04965b..2d6db53 100644
--- a/packages/angular/README.md
+++ b/packages/angular/README.md
@@ -1,106 +1,70 @@
 # @stainless-code/angular-layers
 
-Open any layer from anywhere in Angular and manage modal, dialog, drawer, popover, and toast UI as ordered, named stacks. `@stainless-code/angular-layers` adds Angular signals, DI, and imperative rendering helpers to [@stainless-code/layers](https://github.com/stainless-code/layers); awaiting a typed result and fire-and-forget invocation (`void client.open(...)`) are equally first-class.
+<!-- TODO: once the docs site (https://stainless-code.com/layers) is deployed, swap this src to https://stainless-code.com/layers/logo.svg for a stable, self-owned URL. -->
+<p align="center">
+  <img src="https://raw.githubusercontent.com/stainless-code/layers/main/apps/docs/public/logo.svg" alt="Layers" height="48" />
+</p>
 
-Named stacks, singletons via `upsert` with live `update`, serial queues, nested child stacks, transitions, dismissal blockers, and validation provide standalone value. Full fit matrix: [README — When to use it](https://github.com/stainless-code/layers#when-to-use-it).
+Modals are just async functions you forgot to `await`.
 
-## Install
+The Angular adapter for Layers — open any layer from anywhere and `await` a typed result. State coordination, not UI ownership: Layers owns the stack/keys/transitions/await contract; you own rendering, focus, portals, and a11y.
 
-```bash
-bun add @stainless-code/angular-layers
-```
+> Experimental — the API may change between minor releases. Pin your version.
 
-`@stainless-code/layers` core is pulled in automatically and re-exported. `@angular/core` is a required peer (`>=17.0.0`, signals).
+## Install
 
-## Getting started
+`bun add @stainless-code/angular-layers`
 
-### 1. Declare a layer
+**Peer:** `@angular/core` (`>=17.0.0`)
 
-Register an Angular component on the layer. Layer components receive `@Input()` fields matching `LayerComponentProps` (`call`, `payload`, `phase`, `actionStatus`, …).
+## Taste
 
 ```ts
-import { Component, Input } from "@angular/core";
+import { Component, ViewContainerRef, inject } from "@angular/core";
 import {
+  injectLayer,
   layerOptions,
+  provideLayerClient,
+  renderStack,
   type LayerComponentProps,
 } from "@stainless-code/angular-layers";
 
-export type ConfirmPayload = {
-  title: string;
-  message: string;
-};
-export type ConfirmResponse = boolean;
-
 @Component({
-  selector: "app-confirm-dialog",
-  standalone: true,
+  selector: "confirm-dialog",
   template: `
     <div role="dialog">
       <h2>{{ payload.title }}</h2>
-      <p>{{ payload.message }}</p>
       <button type="button" (click)="call.end(true)">Yes</button>
       <button type="button" (click)="call.end(false)">No</button>
     </div>
   `,
 })
-export class ConfirmDialogComponent {
-  @Input({ required: true })
-  call!: LayerComponentProps<ConfirmPayload, ConfirmResponse>["call"];
-
-  @Input({ required: true })
-  payload!: ConfirmPayload;
+class ConfirmDialogComponent {
+  call!: LayerComponentProps<{ title: string }, boolean>["call"];
+  payload!: { title: string };
 }
 
-export const confirm = layerOptions<ConfirmPayload, ConfirmResponse>({
+export const confirm = layerOptions({
   stack: "confirm",
   key: ["confirm", "remove"],
   component: ConfirmDialogComponent,
-  exitingDelay: 200,
 });
-```
-
-### 2. Provide the client and mount the stack
-
-```ts
-import type { ApplicationConfig } from "@angular/core";
-import { provideLayerClient } from "@stainless-code/angular-layers";
-
-export const appConfig: ApplicationConfig = {
-  providers: [provideLayerClient()],
-};
-```
-
-Call `renderStack` in an **injection context** (e.g. a host component constructor). It imperatively renders each active layer's registered component into a `ViewContainerRef` via `createComponent` + `setInput`. Components are keyed by stable layer `id` — state changes update inputs without recreating the `ComponentRef`.
-
-```ts
-import { Component, ViewContainerRef } from "@angular/core";
-import { renderStack } from "@stainless-code/angular-layers";
 
 @Component({
-  selector: "app-confirm-host",
+  selector: "app-root",
   standalone: true,
-  template: "",
+  providers: [provideLayerClient()],
+  template: `<ng-container #outlet />`,
 })
-export class ConfirmHostComponent {
-  constructor(vcr: ViewContainerRef) {
-    renderStack(vcr, "confirm");
+export class AppComponent {
+  private vcr = inject(ViewContainerRef);
+  constructor() {
+    renderStack(this.vcr, "confirm");
   }
 }
-```
-
-Place `<app-confirm-host />` once near the root (or call `renderStack` against any `ViewContainerRef` outlet — including one from `@ViewChild`). Outside a constructor, wrap the call in `runInInjectionContext(injector, () => renderStack(vcr, stack))`.
-
-For fully custom hosts, use `useStackHandles(stack?, rootProps?)` → `{ states, getCall }` and iterate the `states` signal yourself.
-
-### 3. Call and await
-
-```ts
-import { Component } from "@angular/core";
-import { injectLayer, useLayerClient } from "@stainless-code/angular-layers";
-import { confirm, type ConfirmResponse } from "./confirm.layer";
 
 @Component({
-  selector: "app-remove-button",
+  selector: "remove-btn",
   standalone: true,
   template: `<button type="button" (click)="remove()">Remove</button>`,
 })
@@ -108,144 +72,21 @@ export class RemoveButtonComponent {
   private readonly c = injectLayer(confirm);
 
   async remove() {
-    const ok: ConfirmResponse = await this.c.open({
+    const ok = await this.c.open({
       title: "Remove?",
       message: "Sure?",
     });
-    // ok: boolean
+    if (ok) deleteItem();
   }
 }
 ```
 
-Low-level bag-form alternative: `useLayerClient()` + `client.open({ ...confirm, payload })`.
-
-`ConfirmResponse` is inferred from `layerOptions<ConfirmPayload, ConfirmResponse>` — no explicit generics on `open`.
-
-When `P` is `void`, `unknown`, `undefined`, or a union containing `undefined`, omit the `payload` key; `R` defaults to `void`. This no-payload toast is opened fire-and-forget and dismissed without a response:
-
-```ts
-import { Component, Input } from "@angular/core";
-import {
-  layerOptions,
-  type LayerComponentProps,
-  useLayerClient,
-} from "@stainless-code/angular-layers";
-
-@Component({
-  selector: "app-saved-toast",
-  standalone: true,
-  template: `
-    <div role="status">
-      Saved
-      <button type="button" (click)="call.dismiss()">Dismiss</button>
-    </div>
-  `,
-})
-export class SavedToastComponent {
-  @Input({ required: true }) call!: LayerComponentProps["call"];
-}
-
-export const savedToast = layerOptions<void>({
-  stack: "toast",
-  key: ["toast", "saved"],
-  component: SavedToastComponent,
-});
-
-@Component({
-  selector: "app-save-button",
-  standalone: true,
-  template: `<button type="button" (click)="showSaved()">Save</button>`,
-})
-export class SaveButtonComponent {
-  private readonly client = useLayerClient();
-
-  showSaved() {
-    void this.client.open(savedToast);
-  }
-}
-```
-
-Mount the toast stack the same way — `renderStack(vcr, "toast")` in a host component.
-
-## Angular divergences from React
-
-The package builds compiler-free with tsdown, so **no adapter-shipped `@Component` outlets** (`StackOutlet`, `Outlet`, `AppHost`, `AppLayer`, `StackProvider`). Rendering is imperative:
-
-| React                                                      | Angular                                                                                 |
-| ---------------------------------------------------------- | --------------------------------------------------------------------------------------- |
-| `<StackProvider>`                                          | `provideLayerClient()` in app config                                                    |
-| `<StackOutlet stack="…" />`                                | `renderStack(vcr, stack)` or `renderInto(vcr)` from `useLayerGroup` / `createStackHook` |
-| `useLayer(confirm).open(payload)`                          | `injectLayer(confirm).open(payload)`                                                    |
-| `useLayerState({ key, stack })`                            | `injectLayerState({ key, stack })`                                                      |
-| `createStackHook` → `{ StackProvider, AppHost, AppLayer }` | `createStackHook` → `{ provideClient, useAppStack, renderInto }`                        |
-
-Use `useStack({ stack, select })` (or `injectStack`) for isolated subscriptions; there is no `StackSubscribe` render-prop component.
-
-## API
-
-All imports from `@stainless-code/angular-layers`.
-
-### Provider & client
-
-| Export               | Signature                                   | Role                                              |
-| -------------------- | ------------------------------------------- | ------------------------------------------------- |
-| `LAYER_CLIENT`       | `InjectionToken<LayerClient>`               | DI token for the app client                       |
-| `provideLayerClient` | `(client?: LayerClient) => FactoryProvider` | Add to `providers`; creates a client when omitted |
-| `useLayerClient`     | `() => LayerClient`                         | `inject(LAYER_CLIENT)` — injection context only   |
-
-### Wired handle & subscriptions
-
-Injection context only (`effect()` internally).
-
-| Export                                                 | Returns                                 | Role                   |
-| ------------------------------------------------------ | --------------------------------------- | ---------------------- |
-| **`injectLayer(options, client?)`**                    | handle signals + `state`/`queued`/`top` | Drive + observe.       |
-| **`injectLayerState({ key, … }, client?)`**            | `Signal<LayerState[]>`                  | Observe-only, mounted. |
-| **`injectLayerQueuedState({ key, … }, client?)`**      | `Signal<LayerState[]>`                  | Observe-only, queued.  |
-| **`useStack({ stack?, select?, compare? }, client?)`** | `Signal<T>`                             | Whole-stack mounted.   |
-| **`injectQueuedStack({ … }, client?)`**                | `Signal<T>`                             | Whole-stack queued.    |
-
-```ts
-readonly c = injectLayer(confirm);
-readonly mounted = injectLayerState({ key: confirm.key, stack: "confirm" });
-readonly count = useStack({ stack: "confirm", select: (s) => s.length });
-```
-
-### Rendering
-
-- **`renderStack(vcr, stack?, rootProps?) => void`** — imperative outlet; renders registered `component` types into `vcr`. Injection context only.
-- **`useStackHandles(stack?, rootProps?) => StackHandles`** — headless `{ states: Signal<LayerState[]>, getCall }` for custom `@for` hosts.
-
-### Nested stacks & async actions
-
-- **`useLayerGroup(call, options?) => LayerGroup`** — child stack scoped to a parent layer's lifetime. Returns `{ open, dismissAll, states, stackId, renderInto }`. Call `renderInto(vcr)` instead of mounting an outlet component.
-- **`useMutationFlow(call) => MutationFlow<R>`** — `{ pending: Signal<boolean>, run }`. `run(fn).orEnd(response)` ends on success; leaves the layer open and rethrows on failure. Use `flow.pending()` in templates:
-
-```html
-<button [disabled]="flow.pending()" (click)="save()">Confirm</button>
-```
-
-Call `useMutationFlow` in an injection context (e.g. the layer component constructor).
-
-### App chrome factory
-
-| Export                | Signature                            | Role                                                                      |
-| --------------------- | ------------------------------------ | ------------------------------------------------------------------------- |
-| **`createStackHook`** | `({ stack?, client? }) => StackHook` | Bind stack id once. Returns `{ provideClient, useAppStack, renderInto }`. |
-
-- **`useAppStack()`** — `{ open, dismissAll, states }` with `stack` pre-bound.
-- **`renderInto(vcr, rootProps?)`** — imperative outlet for the bound stack.
-
-No `StackProvider`, `AppHost`, or `AppLayer` components — register `provideClient()` in config and call `renderInto(vcr)` from a host.
-
-### Angular-specific types
-
-`StackHandles`, `MutationRun<R>`, `MutationFlow<R>`, `ScopedOpen`, `LayerGroup`, `AppStack`, `StackHook`.
-
-### Core re-exports
-
-`export * from "@stainless-code/layers"` — includes `createLayer`, `LayerHandle`, `ValidatedLayerHandle`, plus `LayerClient`, `layerOptions`, `LayerState`, validation helpers, and the rest of the zero-dep engine.
+## Docs
 
-Engine concepts (transitions, blockers, validation, serial scope, `gcTime`) live in core — see the [`layers` skill](https://github.com/stainless-code/layers/blob/main/packages/core/skills/layers/SKILL.md) and [architecture](https://github.com/stainless-code/layers/blob/main/docs/architecture.md).
+- [Angular adapter](https://stainless-code.com/layers/adapters/angular)
+- [Getting started](https://stainless-code.com/layers/guides/getting-started)
+- [When to use Layers](https://stainless-code.com/layers/concepts/when-to-use)
+- [Stability & versioning](https://stainless-code.com/layers/concepts/stability)
+- [Full docs](https://stainless-code.com/layers)
 
-Full guide: [repo README](https://github.com/stainless-code/layers#readme).
+[Source on GitHub](https://github.com/stainless-code/layers/tree/main/packages/angular)
diff --git a/packages/angular/package.json b/packages/angular/package.json
index 33e3d24..856a7f6 100644
--- a/packages/angular/package.json
+++ b/packages/angular/package.json
@@ -14,7 +14,7 @@
     "tanstack-intent",
     "typescript"
   ],
-  "homepage": "https://github.com/stainless-code/layers/tree/main/packages/angular#readme",
+  "homepage": "https://stainless-code.com/layers/adapters/angular",
   "bugs": {
     "url": "https://github.com/stainless-code/layers/issues"
   },
diff --git a/packages/angular/skills/angular-layers/SKILL.md b/packages/angular/skills/angular-layers/SKILL.md
index 955a0ec..802040b 100644
--- a/packages/angular/skills/angular-layers/SKILL.md
+++ b/packages/angular/skills/angular-layers/SKILL.md
@@ -14,7 +14,7 @@ metadata:
   library_version: "0.1.0"
   framework: "angular"
 sources:
-  - https://github.com/stainless-code/layers/blob/main/packages/angular/README.md
+  - https://stainless-code.com/layers/adapters/angular
   - https://github.com/stainless-code/layers/blob/main/docs/architecture.md
 ---
 
@@ -37,7 +37,7 @@ It fits when you need any of:
 
 Skip it only for a single always-local overlay with no return, stacking, queue, animation, or guard needs and no wish for a global registry.
 
-Full fit matrix: [README — When to use it](https://github.com/stainless-code/layers#when-to-use-it).
+Full fit matrix: [When to use Layers](https://stainless-code.com/layers/concepts/when-to-use).
 
 ## Install
 
diff --git a/packages/core/README.md b/packages/core/README.md
index 6f7898c..a47897b 100644
--- a/packages/core/README.md
+++ b/packages/core/README.md
@@ -1,199 +1,57 @@
 # @stainless-code/layers
 
-Headless, UI-agnostic engine for opening any layer from anywhere and managing it as an ordered, named stack. An app-wide `LayerClient` owns stack state and lifecycle; awaiting a typed result is optional, and `void client.open(...)` is equally first-class.
+<!-- TODO: once the docs site (https://stainless-code.com/layers) is deployed, swap this src to https://stainless-code.com/layers/logo.svg for a stable, self-owned URL. -->
+<p align="center">
+  <img src="https://raw.githubusercontent.com/stainless-code/layers/main/apps/docs/public/logo.svg" alt="Layers" height="48" />
+</p>
 
-Adapters bind the engine to a specific UI library or framework — `@stainless-code/react-layers`, `@stainless-code/preact-layers`, `@stainless-code/svelte-layers`, `@stainless-code/vue-layers`, `@stainless-code/solid-layers`, `@stainless-code/angular-layers` — and each depends on and re-exports this package.
+Modals are just async functions you forgot to `await`.
 
-## Install
-
-```bash
-bun add @stainless-code/layers
-```
-
-Usually you install an adapter instead; it pulls this package in as a dependency.
+The zero-dependency, framework-agnostic core of Layers — the layer/stack engine every adapter wraps. State coordination, not UI ownership: it owns ordering, keys, transitions, blockers, and the `await client.open(...)` contract; you own rendering, focus, portals, and a11y.
 
-## When to use
+> Experimental — the API may change between minor releases. Pin your version.
 
-Reach for the core directly when building a library or framework adapter, or driving overlay or stack state in a headless, non-UI context. App developers usually install their library or framework adapter instead; it re-exports this core.
+## Install
 
-Use it to open layers imperatively from anywhere and manage ordered, named stacks. Await a typed result or fire-and-forget; both are first-class. Singletons via `upsert` with live `update`, serial one-at-a-time queues, nested or child stacks, transitions, dismissal blockers, validation, and `gcTime` each stand on their own.
+`bun add @stainless-code/layers`
 
-Skip the core directly when an app only needs overlay UI and an adapter exists—install the adapter. Skip the whole library for a single, always-local overlay with no return, stacking, queue, animation, or guard needs.
+**Peer:** none. App developers install a [framework adapter](https://stainless-code.com/layers/adapters) instead.
 
-## Quick start
+## Taste
 
 ```ts
 import {
   LayerClient,
   layerOptions,
-  layerKey,
+  createLayer,
   createCallContext,
-  isPayloadValidationError,
 } from "@stainless-code/layers";
 
-type ConfirmPayload = { title: string };
-type ConfirmResponse = boolean;
-
-const client = new LayerClient({
-  defaultStackOptions: {
-    confirm: { scope: { strategy: "serial" }, gcTime: 5_000 },
-  },
-});
-
-// Brand a reusable definition — response type (boolean) flows into open()
-const confirm = layerOptions<ConfirmPayload, ConfirmResponse>({
+const client = new LayerClient();
+const confirm = layerOptions<{ title: string }, boolean>({
   stack: "confirm",
   key: ["confirm", "remove"],
-  enteringDelay: 200,
-  exitingDelay: 200,
 });
 
-// Or brand a key alone
-const removeKey = layerKey<ConfirmResponse>()(["confirm", "remove"]);
+const c = createLayer(confirm, client);
 
-// Observe stack snapshots (adapters bind this to UI reactivity)
 const stack = client.getStack("confirm");
-const unsubStack = stack.subscribe(() => {
+stack.subscribe(() => {
   for (const state of stack.getSnapshot()) {
-    const layer = stack.getLayer(state.id)!;
-    const call = createCallContext(stack, layer, state);
-    // render state + call in your UI; call.end(response) resolves the caller's await
+    const call = createCallContext(stack, stack.getLayer(state.id)!, state);
+    // render the layer; call.end(response) resolves `await c.open(...)`.
   }
 });
 
-client.subscribeStacks((stackId) => {
-  /* new stack materialized */
-});
-
-try {
-  const ok = await client.open({
-    ...confirm,
-    payload: { title: "Remove item?" },
-    validate: (input: unknown) => {
-      const title =
-        typeof input === "object" && input !== null && "title" in input
-          ? input.title
-          : undefined;
-      if (typeof title !== "string" || !title.trim()) {
-        throw new Error("Title required");
-      }
-      return { title };
-    },
-  });
-  // ok: boolean — inferred from layerOptions DataTag
-} catch (err) {
-  if (isPayloadValidationError(err)) {
-    /* err.issues */
-  }
-}
-
-unsubStack();
-```
-
-Payload and response are both optional. This fire-and-forget layer has neither;
-its renderer resolves the call with `call.dismiss()`.
-
-```ts
-const maintenanceNotice = layerOptions<void>({
-  stack: "notice",
-  key: ["notice", "maintenance"],
-});
-const noticeStack = client.getStack("notice");
-
-noticeStack.subscribe(() => {
-  for (const state of noticeStack.getSnapshot()) {
-    const layer = noticeStack.getLayer(state.id)!;
-    const call = createCallContext(noticeStack, layer, state);
-    void call.dismiss();
-  }
-});
-
-void client.open(maintenanceNotice);
-```
-
-## Engine model
-
-```text
-LayerClient
-  ├── ensureStack / getStack / getStackIds / subscribeStacks / dismissAll
-  └── LayerStack (per named surface)
-        ├── getSnapshot / getQueuedSnapshot / subscribe
-        └── Layer[] (ordered; each has state + promise)
-```
-
-1. **Declare** — `layerOptions<P, R>({ stack, key, ... })` brands the key with a `DataTag` for response inference.
-2. **Observe** — subscribe to a stack snapshot; use `createCallContext(stack, layer, state)` to wire `call.end` / `call.dismiss` in your renderer.
-3. **Call** — `await client.open({ ...options, payload })` or `createLayer(options, client).open(payload)` (no spread); resolution happens when something calls `call.end(response)` or `stack.dismiss(layer, response)`.
-
-## Public API
-
-### Classes
-
-| Export                       | Role                                                                                                                                                                                                                                                                            |
-| ---------------------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| **`LayerClient`**            | App-wide orchestrator. `open()`, `getStack()`, `getStackIds()`, `subscribeStacks()`, `dismissAll()`, `ensureStack()`, `bindChildStack()`                                                                                                                                        |
-| **`LayerStack`**             | One named surface. `getSnapshot()`, `getQueuedSnapshot()`, `subscribe()`, `getLayer()`, `find()` (topmost same-key), `open()`, `dismiss()`, `dismissAll()`, `addBlocker()`, `update()`, `setRunning()`, `settle()`, `cancelQueued()` (FIFO; optional `{ id }` for exact queued) |
-| **`Layer`**                  | One frame: `id`, `key`, `state`, `promise` (`ControlledPromise<R>`), `abortController`, `addBlocker()`, `setRunning()`, `resolve()` / `reject()` / `abort()`                                                                                                                    |
-| **`Subscribable`**           | Base subscription primitive (`subscribe()`, `size`) used by stacks                                                                                                                                                                                                              |
-| **`ControlledPromise<T>`**   | Promise with external `resolve` / `reject` (`Resolve`, `Reject` types)                                                                                                                                                                                                          |
-| **`PayloadValidationError`** | Thrown when `validate` fails at `open`                                                                                                                                                                                                                                          |
-
-### Functions
-
-| Export                                 | Role                                                                                                   |
-| -------------------------------------- | ------------------------------------------------------------------------------------------------------ |
-| **`layerOptions()`**                   | Brand a reusable options object; `key` carries a `DataTag` so `open()` infers `R` / `E`                |
-| **`createLayer()`**                    | `options` + `client` → `LayerHandle` / `ValidatedLayerHandle` (see [glossary](../../docs/glossary.md)) |
-| **`layerKey()`**                       | Brand a key alone: `layerKey<R>()(key)`                                                                |
-| **`createCallContext()`**              | Build the imperative `call` handle (`end`, `dismiss`, `update`, `settle`, `addBlocker`, …)             |
-| **`createLayerGroup()`**               | Child stack scoped to a parent layer's lifetime (`open`, `dismissAll`, `dispose`)                      |
-| **`childStackId()`**                   | Derive a collision-free child stack id from a parent `call`                                            |
-| **`hashKey()`** / **`keySignature()`** | Stable string identity for a `LayerKey`                                                                |
-| **`isPayloadValidationError()`**       | Narrow `PayloadValidationError`                                                                        |
-| **`notifyManager`**                    | `{ batch, batchCalls }` — dedupe notifications inside a batch                                          |
-
-### Key inference (`DataTag`)
-
-`layerOptions` / `layerKey` brand keys at compile time only. Helpers: **`DataTag`**, **`InferDataTagResponse`**, **`InferDataTagError`**, **`ResponseOf`**, **`ErrorOf`**.
-
-### Payload validation
-
-Optional `validate` on `layerOptions` or `open` — a **`StandardSchemaV1`** schema or sync **`Validator`** fn (`(input: unknown) => output`, throws on invalid). Parsed synchronously at `open`; failure rejects with **`PayloadValidationError`** (`issues: ReadonlyArray<ValidationIssue>`). Input/output inference: **`InferValidatorInput`**, **`InferValidatorOutput`**, **`OpenValidatePayload`** (validated handle `open` arg).
-
-### App-wide error typing
-
-Augment **`Register`** to set **`DefaultLayerError`** once:
-
-```ts
-declare module "@stainless-code/layers" {
-  interface Register {
-    defaultError: AppError;
-  }
-}
+const ok = await c.open({ title: "Remove?" });
 ```
 
-### Layer & stack options (types)
-
-**`LayerOptions`**, **`OpenLayerOptions`**, **`StackOptions`**, **`StackDefaults`**, **`LayerClientOptions`**, **`LayerGroupOptions`**, **`LayerGroupHandle`**, **`OmitKeyof`**.
-
-Notable per-layer options: `enteringDelay` / `exitingDelay`, `upsert`, `loadFn`, `validate`, `rootProps`, `component`.
-
-Notable per-stack options: `scope: { strategy: "serial" | "parallel" }`, `gcTime`, `dismissAllMode`.
-
-### Snapshots & lifecycle (types)
-
-**`LayerState`**, **`LayerPhase`** (`pending` \| `queued` \| `active` \| `dismissed` \| `error`), **`LayerTransition`** (`entering` \| `settled` \| `exiting`), **`LayerActionStatus`**, **`LayerCallContext`**, **`LayerComponentProps`**, **`LayerComponent`**, **`LayerKey`**, **`LayerHandle`**, **`ValidatedLayerHandle`**.
-
-Transitions complete on **whichever fires first** of `{ enteringDelay/exitingDelay elapsed, call.settle() }`. Serial stacks queue later opens (`phase: "queued"`, visible via `getQueuedSnapshot()`).
-
-### Blockers & bulk dismiss (types)
-
-**`BlockerFn`**, **`StackBlockerFn`**, **`DismissOptions`** (`force?`), **`DismissAllOptions`** / **`DismissAllMode`** (`"skipBlocked"` \| `"stopAtBlocked"` \| `"force"`). `call.end` / `call.dismiss` return `Promise<boolean>` (`false` when vetoed). `dismissing` is `true` while blockers run.
-
-### Standard Schema (type)
-
-**`StandardSchemaV1`** — vendored [Standard Schema v1](https://standardschema.dev) interface (+ `InferInput` / `InferOutput` namespace helpers).
+## Docs
 
----
+- [Core adapter](https://stainless-code.com/layers/adapters/core)
+- [Getting started](https://stainless-code.com/layers/guides/getting-started)
+- [When to use Layers](https://stainless-code.com/layers/concepts/when-to-use)
+- [Stability & versioning](https://stainless-code.com/layers/concepts/stability)
+- [Full docs](https://stainless-code.com/layers)
 
-Full guide & adapter examples: [repo README](https://github.com/stainless-code/layers#readme). Architecture: [docs/architecture.md](https://github.com/stainless-code/layers/blob/main/docs/architecture.md).
+[Source on GitHub](https://github.com/stainless-code/layers/tree/main/packages/core)
diff --git a/packages/core/package.json b/packages/core/package.json
index 3fffade..5c1ab10 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -14,7 +14,7 @@
     "toast",
     "typescript"
   ],
-  "homepage": "https://github.com/stainless-code/layers/tree/main/packages/core#readme",
+  "homepage": "https://stainless-code.com/layers/adapters/core",
   "bugs": {
     "url": "https://github.com/stainless-code/layers/issues"
   },
diff --git a/packages/core/skills/layers/SKILL.md b/packages/core/skills/layers/SKILL.md
index 115e880..e41d266 100644
--- a/packages/core/skills/layers/SKILL.md
+++ b/packages/core/skills/layers/SKILL.md
@@ -14,7 +14,7 @@ metadata:
   library_version: "0.1.0"
   framework: "framework-agnostic"
 sources:
-  - https://github.com/stainless-code/layers/blob/main/packages/core/README.md
+  - https://stainless-code.com/layers/adapters/core
   - https://github.com/stainless-code/layers/blob/main/docs/architecture.md
 ---
 
@@ -32,7 +32,7 @@ Use it to open layers imperatively from anywhere and manage ordered, named stack
 
 Skip the core directly when an app only needs overlay UI and an adapter exists—install the adapter. Skip the whole library for a single, always-local overlay with no return, stacking, queue, animation, or guard needs.
 
-Full fit matrix: [README — When to use it](https://github.com/stainless-code/layers#when-to-use-it).
+Full fit matrix: [When to use Layers](https://stainless-code.com/layers/concepts/when-to-use).
 
 ## Install
 
diff --git a/packages/core/src/dataTag.ts b/packages/core/src/dataTag.ts
index dfb7b31..2edb41d 100644
--- a/packages/core/src/dataTag.ts
+++ b/packages/core/src/dataTag.ts
@@ -13,7 +13,10 @@ export type DataTag<
   Key extends LayerKey,
   R,
   E = DefaultLayerError,
-> = Key extends { [dataTagSymbol]: unknown; [dataTagErrorSymbol]: unknown }
+> = Key extends {
+  [dataTagSymbol]: unknown;
+  [dataTagErrorSymbol]: unknown;
+}
   ? Key
   : Key & {
       [dataTagSymbol]: R;
diff --git a/packages/preact/README.md b/packages/preact/README.md
index bd67474..3cbe6fc 100644
--- a/packages/preact/README.md
+++ b/packages/preact/README.md
@@ -1,81 +1,60 @@
 # @stainless-code/preact-layers
 
-Preact adapter for [@stainless-code/layers](https://github.com/stainless-code/layers#readme) — open any modal, dialog, drawer, popover, or toast from anywhere and manage it as an ordered, named stack.
+<!-- TODO: once the docs site (https://stainless-code.com/layers) is deployed, swap this src to https://stainless-code.com/layers/logo.svg for a stable, self-owned URL. -->
+<p align="center">
+  <img src="https://raw.githubusercontent.com/stainless-code/layers/main/apps/docs/public/logo.svg" alt="Layers" height="48" />
+</p>
 
-Awaiting a typed result with `await client.open(...)` and fire-and-forget with `void client.open(...)` are equally first-class. Named stacks, singletons via `upsert` with live `update`, serial queues, nested stacks, transitions, blockers, and validation provide standalone value.
+Modals are just async functions you forgot to `await`.
 
-Engine concepts live in core — see the [`layers` skill](https://github.com/stainless-code/layers/blob/main/packages/core/skills/layers/SKILL.md) and [architecture guide](https://github.com/stainless-code/layers/blob/main/docs/architecture.md). Full fit matrix: [README — When to use it](https://github.com/stainless-code/layers#when-to-use-it).
+The Preact adapter for Layers — open any layer from anywhere and `await` a typed result. State coordination, not UI ownership: Layers owns the stack/keys/transitions/await contract; you own rendering, focus, portals, and a11y.
 
-## Install
+> Experimental — the API may change between minor releases. Pin your version.
 
-```bash
-bun add @stainless-code/preact-layers
-```
+## Install
 
-`@stainless-code/layers` core is pulled in automatically and re-exported — import both adapter hooks/components and core APIs from this one package. `preact` (>=10.19.0) is a required peer dependency (adapter uses `preact/compat` for `useSyncExternalStore`).
+`bun add @stainless-code/preact-layers`
 
-## Getting started
+**Peer:** `preact` (`>=10.19.0`)
 
-### 1. Declare a layer
+## Taste
 
 ```tsx
 import {
   layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
   type LayerComponentProps,
 } from "@stainless-code/preact-layers";
 
-type ConfirmPayload = {
-  title: string;
-  message: string;
-};
-
-type ConfirmResponse = boolean;
-
 function ConfirmDialog({
   call,
   payload,
-}: LayerComponentProps<ConfirmPayload, ConfirmResponse>) {
+}: LayerComponentProps<{ title: string }, boolean>) {
   return (
     <div role="dialog">
       <h2>{payload.title}</h2>
-      <p>{payload.message}</p>
-      <button type="button" onClick={() => void call.end(true)}>
-        Yes
-      </button>
-      <button type="button" onClick={() => void call.end(false)}>
-        No
-      </button>
+      <button onClick={() => void call.end(true)}>Yes</button>
+      <button onClick={() => void call.end(false)}>No</button>
     </div>
   );
 }
 
-export const confirm = layerOptions<ConfirmPayload, ConfirmResponse>({
+const confirm = layerOptions({
   stack: "confirm",
   key: ["confirm", "remove"],
   component: ConfirmDialog,
-  exitingDelay: 200,
 });
-```
-
-### 2. Mount a stack outlet
-
-```tsx
-import { StackProvider, StackOutlet } from "@stainless-code/preact-layers";
 
 function App() {
   return (
     <StackProvider>
       <StackOutlet stack="confirm" />
+      <RemoveButton />
     </StackProvider>
   );
 }
-```
-
-### 3. Call and await
-
-```tsx
-import { useLayer } from "@stainless-code/preact-layers";
-import { confirm } from "./confirm";
 
 function RemoveButton() {
   const c = useLayer(confirm);
@@ -97,107 +76,12 @@ function RemoveButton() {
 }
 ```
 
-Low-level bag-form alternative: `useLayerClient()` + `client.open({ ...confirm, payload })`.
-
-Payload and response are both optional. A no-payload, fire-and-forget layer
-omits `payload`, does not `await` `open`, and dismisses without a response:
-
-```tsx
-import {
-  layerOptions,
-  type LayerComponentProps,
-  useLayerClient,
-} from "@stainless-code/preact-layers";
-
-function SavedToast({ call }: LayerComponentProps<void>) {
-  return (
-    <div role="status">
-      Saved
-      <button type="button" onClick={() => void call.dismiss()}>
-        Dismiss
-      </button>
-    </div>
-  );
-}
-
-const savedToast = layerOptions<void>({
-  key: ["toast", "saved"],
-  component: SavedToast,
-});
-
-function SaveButton() {
-  const client = useLayerClient();
-
-  return (
-    <button
-      type="button"
-      onClick={() => {
-        saveItem();
-        void client.open({ ...savedToast });
-      }}
-    >
-      Save
-    </button>
-  );
-}
-```
-
-## API
-
-All imports from `@stainless-code/preact-layers`.
-
-### Provider & client
-
-| Export                 | Signature               | Role                                                                   |
-| ---------------------- | ----------------------- | ---------------------------------------------------------------------- |
-| **`StackProvider`**    | `{ client?, children }` | Mount a `LayerClient` for the subtree (creates one lazily if omitted). |
-| **`useLayerClient()`** | `() => LayerClient`     | Read the nearest client; call `client.open(...)`.                      |
-
-### Wired handle & subscriptions
-
-| Export                                                                 | Role                                                     |
-| ---------------------------------------------------------------------- | -------------------------------------------------------- |
-| **`useLayer(options, client?)`**                                       | Drive + observe. See [glossary](../../docs/glossary.md). |
-| **`useLayerState({ key, stack?, select?, compare? }, client?)`**       | Observe-only, mounted, `LayerState[]`.                   |
-| **`useLayerQueuedState({ key, stack?, select?, compare? }, client?)`** | Observe-only, queued, `LayerState[]`.                    |
-| **`useStack({ stack?, select?, compare? }, client?)`**                 | Whole-stack mounted snapshot.                            |
-| **`useQueuedStack({ stack?, select?, compare? }, client?)`**           | Whole-stack queued snapshot.                             |
-| **`StackSubscribe({ stack?, selector, children })`**                   | Render-prop subscription.                                |
-
-```tsx
-const c = useLayer(confirm);
-const mounted = useLayerState({ key: confirm.key, stack: "confirm" });
-const count = useStack({ stack: "confirm", select: (s) => s.length });
-```
-
-### Rendering
-
-- **`useStackHandles(stack?, rootProps?) => StackHandles`** — headless `{ states, getCall }` for custom hosts.
-- **`StackOutlet({ stack?, rootProps? })`** — render active layers with their registered `component` and full props. A missing component renders nothing and warns in development.
-
-### Nested stacks & async actions
-
-- **`useLayerGroup(call, options?) => LayerGroup`** — child stack scoped to a parent layer's lifetime; auto-drains on parent dismiss. Returns `{ open, dismissAll, states, Outlet, stackId }`.
-- **`useMutationFlow(call) => MutationFlow<R>`** — drive `actionStatus: "running"` during async work. `run(fn).orEnd(response)` ends on success, or leaves the layer open and rethrows on failure.
-
-### App chrome factory
-
-| Export                | Signature                                   | Role                                                                                                       |
-| --------------------- | ------------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
-| **`createStackHook`** | `({ stack?, client?, Host? }) => StackHook` | Bind stack id and optional host wrapper once. Returns `{ StackProvider, useAppStack, AppHost, AppLayer }`. |
-
-- **`useAppStack()`** — `{ open, dismissAll, states }` with `stack` pre-bound.
-- **`AppHost`** — renders `StackOutlet` for the bound stack. Its props become `rootProps`; an optional configured `Host` receives the same props and wraps the outlet.
-- **`AppLayer`** — controlled open/close via props (`open`, `payload`, `options`, `onResolved`).
-
-### Preact-specific types
-
-`StackHandles`, `MutationRun<R>`, `MutationFlow<R>`, `ScopedOpen`, `LayerGroup`, `AppStack`, `AppLayerProps<P, R>`, `StackHook<HostProps>`.
-
-### Core re-exports
-
-This package **`export *` from `@stainless-code/layers`** — includes `createLayer`, `LayerHandle`, `ValidatedLayerHandle`, and all other core APIs from the same path.
+## Docs
 
-Engine concepts (transitions, blockers, validation, serial scope, `gcTime`) live in core — see the [`layers` skill](https://github.com/stainless-code/layers/blob/main/packages/core/skills/layers/SKILL.md) and [architecture doc](https://github.com/stainless-code/layers/blob/main/docs/architecture.md).
+- [Preact adapter](https://stainless-code.com/layers/adapters/preact)
+- [Getting started](https://stainless-code.com/layers/guides/getting-started)
+- [When to use Layers](https://stainless-code.com/layers/concepts/when-to-use)
+- [Stability & versioning](https://stainless-code.com/layers/concepts/stability)
+- [Full docs](https://stainless-code.com/layers)
 
-Full guide: [repo README](https://github.com/stainless-code/layers#readme).
+[Source on GitHub](https://github.com/stainless-code/layers/tree/main/packages/preact)
diff --git a/packages/preact/package.json b/packages/preact/package.json
index d590da0..6dc47ea 100644
--- a/packages/preact/package.json
+++ b/packages/preact/package.json
@@ -14,7 +14,7 @@
     "tanstack-intent",
     "typescript"
   ],
-  "homepage": "https://github.com/stainless-code/layers/tree/main/packages/preact#readme",
+  "homepage": "https://stainless-code.com/layers/adapters/preact",
   "bugs": {
     "url": "https://github.com/stainless-code/layers/issues"
   },
diff --git a/packages/preact/skills/preact-layers/SKILL.md b/packages/preact/skills/preact-layers/SKILL.md
index 4e5ac39..6744fe8 100644
--- a/packages/preact/skills/preact-layers/SKILL.md
+++ b/packages/preact/skills/preact-layers/SKILL.md
@@ -14,7 +14,7 @@ metadata:
   library_version: "0.1.0"
   framework: "preact"
 sources:
-  - https://github.com/stainless-code/layers/blob/main/packages/preact/README.md
+  - https://stainless-code.com/layers/adapters/preact
   - https://github.com/stainless-code/layers/blob/main/docs/architecture.md
 ---
 
@@ -37,7 +37,7 @@ It fits when you need any of:
 
 Skip only for a single always-local overlay with no return, stacking, queue, animation, guard needs, and no wish for a global registry.
 
-Full fit matrix: [README — When to use it](https://github.com/stainless-code/layers#when-to-use-it).
+Full fit matrix: [When to use Layers](https://stainless-code.com/layers/concepts/when-to-use).
 
 ## Install
 
diff --git a/packages/react/README.md b/packages/react/README.md
index fd622e8..6ec8671 100644
--- a/packages/react/README.md
+++ b/packages/react/README.md
@@ -1,75 +1,60 @@
 # @stainless-code/react-layers
 
-Open any layer from anywhere and manage modal, dialog, drawer, popover, or toast UI as an ordered, named stack. This React adapter for [@stainless-code/layers](https://github.com/stainless-code/layers#readme) supports awaiting a typed result and fire-and-forget invocation (`void client.open(...)`) as equally first-class choices.
+<!-- TODO: once the docs site (https://stainless-code.com/layers) is deployed, swap this src to https://stainless-code.com/layers/logo.svg for a stable, self-owned URL. -->
+<p align="center">
+  <img src="https://raw.githubusercontent.com/stainless-code/layers/main/apps/docs/public/logo.svg" alt="Layers" height="48" />
+</p>
 
-Named stacks, singletons with `upsert` and live `update`, serial queues, nested stacks, transitions, dismissal blockers, payload validation, and headless rendering each stand on their own. Full fit matrix: [README — When to use it](https://github.com/stainless-code/layers#when-to-use-it).
+Modals are just async functions you forgot to `await`.
 
-## Install
+The React adapter for Layers — open any layer from anywhere and `await` a typed result. State coordination, not UI ownership: Layers owns the stack/keys/transitions/await contract; you own rendering, focus, portals, and a11y.
 
-```bash
-bun add @stainless-code/react-layers
-```
+> Experimental — the API may change between minor releases. Pin your version.
+
+## Install
 
-`@stainless-code/layers` core is pulled in automatically and re-exported — import both adapter hooks and core APIs (`LayerClient`, `layerOptions`, `LayerState`, `LayerComponentProps`, etc.) from this one package. `react` is a required peer dependency (you already have it; do not add it to the install line).
+`bun add @stainless-code/react-layers`
 
-## Getting started
+**Peer:** `react` (`^18.0.0 || ^19.0.0`)
 
-### 1. Declare a layer
+## Taste
 
 ```tsx
 import {
   layerOptions,
+  StackProvider,
+  StackOutlet,
+  useLayer,
   type LayerComponentProps,
 } from "@stainless-code/react-layers";
 
-export type ConfirmPayload = { title: string; message: string };
-export type ConfirmResponse = boolean;
-
 function ConfirmDialog({
   call,
   payload,
-}: LayerComponentProps<ConfirmPayload, ConfirmResponse>) {
+}: LayerComponentProps<{ title: string }, boolean>) {
   return (
     <div role="dialog">
       <h2>{payload.title}</h2>
-      <p>{payload.message}</p>
-      <button type="button" onClick={() => void call.end(true)}>
-        Yes
-      </button>
-      <button type="button" onClick={() => void call.end(false)}>
-        No
-      </button>
+      <button onClick={() => void call.end(true)}>Yes</button>
+      <button onClick={() => void call.end(false)}>No</button>
     </div>
   );
 }
 
-export const confirm = layerOptions<ConfirmPayload, ConfirmResponse>({
+const confirm = layerOptions({
   stack: "confirm",
   key: ["confirm", "remove"],
   component: ConfirmDialog,
-  exitingDelay: 200,
 });
-```
-
-### 2. Mount a stack outlet
-
-```tsx
-import { StackProvider, StackOutlet } from "@stainless-code/react-layers";
 
 function App() {
   return (
     <StackProvider>
       <StackOutlet stack="confirm" />
+      <RemoveButton />
     </StackProvider>
   );
 }
-```
-
-### 3. Call and await
-
-```tsx
-import { useLayer } from "@stainless-code/react-layers";
-import { confirm } from "./confirm";
 
 function RemoveButton() {
   const c = useLayer(confirm);
@@ -91,103 +76,12 @@ function RemoveButton() {
 }
 ```
 
-Low-level bag-form alternative: `useLayerClient()` + `client.open({ ...confirm, payload })`.
-
-Payload and response are both optional. A no-payload, fire-and-forget layer
-omits `payload`, does not `await` `open`, and dismisses without a response:
-
-```tsx
-import {
-  layerOptions,
-  type LayerComponentProps,
-  useLayerClient,
-} from "@stainless-code/react-layers";
-
-function Notice({ call }: LayerComponentProps) {
-  return (
-    <div role="status">
-      Saved
-      <button type="button" onClick={() => void call.dismiss()}>
-        Close
-      </button>
-    </div>
-  );
-}
-
-const notice = layerOptions({
-  key: ["notice", "saved"],
-  component: Notice,
-});
-
-function SaveNoticeButton() {
-  const client = useLayerClient();
-
-  return (
-    <button type="button" onClick={() => void client.open(notice)}>
-      Show saved notice
-    </button>
-  );
-}
-```
-
-## API
-
-All imports from `@stainless-code/react-layers`.
-
-### Provider & client
-
-| Export                 | Signature               | Role                                                                   |
-| ---------------------- | ----------------------- | ---------------------------------------------------------------------- |
-| **`StackProvider`**    | `{ client?, children }` | Mount a `LayerClient` for the subtree (creates one lazily if omitted). |
-| **`useLayerClient()`** | `() => LayerClient`     | Read the nearest client; call `client.open(...)`.                      |
-
-### Wired handle & subscriptions
-
-| Export                                                                 | Signature                                | Role                                                                |
-| ---------------------------------------------------------------------- | ---------------------------------------- | ------------------------------------------------------------------- |
-| **`useLayer(options, client?)`**                                       | → `LayerHandle` + `state`/`queued`/`top` | Drive + observe. Validated I/O: [glossary](../../docs/glossary.md). |
-| **`useLayerState({ key, stack?, select?, compare? }, client?)`**       | → `LayerState[]` (or selected `U`)       | Observe-only, mounted.                                              |
-| **`useLayerQueuedState({ key, stack?, select?, compare? }, client?)`** | → `LayerState[]` (or selected `U`)       | Observe-only, queued.                                               |
-| **`useStack({ stack?, select?, compare? }, client?)`**                 | → `T`                                    | Whole-stack mounted.                                                |
-| **`useQueuedStack({ stack?, select?, compare? }, client?)`**           | → `T`                                    | Whole-stack queued.                                                 |
-| **`StackSubscribe({ stack?, selector, children })`**                   | render-prop                              | Isolate a subscription; pass selected value to `children`.          |
-
-```tsx
-const c = useLayer(confirm);
-const ok = await c.open({ title: "Remove?" });
-const mounted = useLayerState({ key: confirm.key, stack: "confirm" });
-const count = useStack({ stack: "confirm", select: (s) => s.length });
-const queued = useQueuedStack({ stack: "confirm" });
-```
-
-### Rendering
-
-- **`useStackHandles(stack?, rootProps?) => StackHandles`** — headless `{ states, getCall }` for custom hosts.
-- **`StackOutlet({ stack?, rootProps? })`** — render active layers with their registered `component` and full props. A missing component renders nothing and warns in development.
-
-### Nested stacks & async actions
-
-- **`useLayerGroup(call, options?) => LayerGroup`** — child stack scoped to a parent layer's lifetime; auto-drains on parent dismiss. Returns `{ open, dismissAll, states, Outlet, stackId }`.
-- **`useMutationFlow(call) => MutationFlow<R>`** — drive `actionStatus: "running"` during async work. `run(fn).orEnd(response)` ends on success, or leaves the layer open and rethrows on failure.
-
-### App chrome factory
-
-| Export                | Signature                                   | Role                                                                                                       |
-| --------------------- | ------------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
-| **`createStackHook`** | `({ stack?, client?, Host? }) => StackHook` | Bind stack id and optional host wrapper once. Returns `{ StackProvider, useAppStack, AppHost, AppLayer }`. |
-
-- **`useAppStack()`** — `{ open, dismissAll, states }` with `stack` pre-bound.
-- **`AppHost`** — renders `StackOutlet` for the bound stack. Its props become `rootProps`; an optional configured `Host` receives the same props and wraps the outlet.
-- **`AppLayer`** — controlled open/close via props (`open`, `payload`, `options`, `onResolved`).
-
-### React-specific types
-
-`WiredLayerHandle`, `WiredValidatedLayerHandle`, `StackHandles`, `MutationRun<R>`, `MutationFlow<R>`, `ScopedOpen`, `LayerGroup`, `AppStack`, `AppLayerProps<P, R>`, `StackHook<HostProps>`, `UseStackOptions`, `UseLayerStateOptions`.
-
-### Core re-exports
-
-This package **`export *` from `@stainless-code/layers`** — core types and APIs (`LayerClient`, `LayerStack`, `layerOptions`, `layerKey`, `createLayer`, `LayerHandle`, `ValidatedLayerHandle`, `LayerState`, `LayerComponentProps`, `LayerCallContext`, `createLayerGroup`, `DataTag`, `ResponseOf`, `ErrorOf`, validation helpers, etc.) import from the same path.
+## Docs
 
-Engine concepts (transitions, blockers, validation, serial scope, `gcTime`) live in core — see the [`layers` skill](https://github.com/stainless-code/layers/blob/main/packages/core/skills/layers/SKILL.md) and [architecture doc](https://github.com/stainless-code/layers/blob/main/docs/architecture.md).
+- [React adapter](https://stainless-code.com/layers/adapters/react)
+- [Getting started](https://stainless-code.com/layers/guides/getting-started)
+- [When to use Layers](https://stainless-code.com/layers/concepts/when-to-use)
+- [Stability & versioning](https://stainless-code.com/layers/concepts/stability)
+- [Full docs](https://stainless-code.com/layers)
 
-Full guide: [repo README](https://github.com/stainless-code/layers#readme).
+[Source on GitHub](https://github.com/stainless-code/layers/tree/main/packages/react)
diff --git a/packages/react/package.json b/packages/react/package.json
index c4ab900..d52f965 100644
--- a/packages/react/package.json
+++ b/packages/react/package.json
@@ -14,7 +14,7 @@
     "tanstack-intent",
     "typescript"
   ],
-  "homepage": "https://github.com/stainless-code/layers/tree/main/packages/react#readme",
+  "homepage": "https://stainless-code.com/layers/adapters/react",
   "bugs": {
     "url": "https://github.com/stainless-code/layers/issues"
   },
diff --git a/packages/react/skills/react-layers/SKILL.md b/packages/react/skills/react-layers/SKILL.md
index 6a3e750..125d561 100644
--- a/packages/react/skills/react-layers/SKILL.md
+++ b/packages/react/skills/react-layers/SKILL.md
@@ -14,7 +14,7 @@ metadata:
   library_version: "0.1.0"
   framework: "react"
 sources:
-  - https://github.com/stainless-code/layers/blob/main/packages/react/README.md
+  - https://stainless-code.com/layers/adapters/react
   - https://github.com/stainless-code/layers/blob/main/docs/architecture.md
 ---
 
@@ -31,7 +31,7 @@ Named stacks, singletons with `upsert` and live `update`, serial queues, nested
 
 **Skip it only when:** you have a single, always-local overlay opened from one component, with no return, stacking, queue, animation, or guard needs and no wish for a global registry.
 
-Full fit matrix: [README — When to use it](https://github.com/stainless-code/layers#when-to-use-it).
+Full fit matrix: [When to use Layers](https://stainless-code.com/layers/concepts/when-to-use).
 
 ## Install
 
diff --git a/packages/solid/README.md b/packages/solid/README.md
index 6517f24..c40b909 100644
--- a/packages/solid/README.md
+++ b/packages/solid/README.md
@@ -1,80 +1,59 @@
 # @stainless-code/solid-layers
 
-Open any layer from anywhere and manage modal, dialog, drawer, popover, or toast UI as an ordered, named stack. This SolidJS adapter for [@stainless-code/layers](https://github.com/stainless-code/layers#readme) supports awaiting a typed result and fire-and-forget invocation (`void client.open(...)`) as equally first-class choices.
+<!-- TODO: once the docs site (https://stainless-code.com/layers) is deployed, swap this src to https://stainless-code.com/layers/logo.svg for a stable, self-owned URL. -->
+<p align="center">
+  <img src="https://raw.githubusercontent.com/stainless-code/layers/main/apps/docs/public/logo.svg" alt="Layers" height="48" />
+</p>
 
-Named stacks, singletons with `upsert` and live `update`, serial queues, nested stacks, transitions, dismissal blockers, payload validation, and headless rendering each stand on their own. Full fit matrix: [README — When to use it](https://github.com/stainless-code/layers#when-to-use-it).
+Modals are just async functions you forgot to `await`.
 
-## Install
+The Solid adapter for Layers — open any layer from anywhere and `await` a typed result. State coordination, not UI ownership: Layers owns the stack/keys/transitions/await contract; you own rendering, focus, portals, and a11y.
 
-```bash
-bun add @stainless-code/solid-layers
-```
+> Experimental — the API may change between minor releases. Pin your version.
 
-`@stainless-code/layers` core is pulled in automatically and re-exported — import both adapter hooks and core APIs (`LayerClient`, `layerOptions`, `LayerState`, `LayerComponentProps`, etc.) from this one package. `solid-js` is a required peer dependency (`>=1.6`).
+## Install
 
-## Getting started
+`bun add @stainless-code/solid-layers`
 
-### 1. Declare a layer
+**Peer:** `solid-js` (`>=1.6.0`)
+
+## Taste
 
 ```tsx
 import {
+  LayerClient,
+  LayerClientContext,
+  StackOutlet,
   layerOptions,
+  useLayer,
   type LayerComponentProps,
 } from "@stainless-code/solid-layers";
 
-export type ConfirmPayload = { title: string; message: string };
-export type ConfirmResponse = boolean;
-
-function ConfirmDialog(
-  props: LayerComponentProps<ConfirmPayload, ConfirmResponse>,
-) {
+function ConfirmDialog(props: LayerComponentProps<{ title: string }, boolean>) {
   return (
     <div role="dialog">
       <h2>{props.payload.title}</h2>
-      <p>{props.payload.message}</p>
-      <button type="button" onClick={() => void props.call.end(true)}>
-        Yes
-      </button>
-      <button type="button" onClick={() => void props.call.end(false)}>
-        No
-      </button>
+      <button onClick={() => void props.call.end(true)}>Yes</button>
+      <button onClick={() => void props.call.end(false)}>No</button>
     </div>
   );
 }
 
-export const confirm = layerOptions<ConfirmPayload, ConfirmResponse>({
+const confirm = layerOptions({
   stack: "confirm",
   key: ["confirm", "remove"],
   component: ConfirmDialog,
-  exitingDelay: 200,
 });
-```
-
-### 2. Mount a stack outlet
-
-```tsx
-import {
-  LayerClient,
-  LayerClientContext,
-  StackOutlet,
-} from "@stainless-code/solid-layers";
-
 const client = new LayerClient();
 
 function App() {
   return (
     <LayerClientContext.Provider value={client}>
       <StackOutlet stack="confirm" />
+      <RemoveButton />
     </LayerClientContext.Provider>
   );
 }
-```
-
-### 3. Call and await
-
-```tsx
-import { useLayer } from "@stainless-code/solid-layers";
-import { confirm } from "./confirm";
 
 function RemoveButton() {
   const c = useLayer(confirm);
@@ -93,106 +72,12 @@ function RemoveButton() {
 }
 ```
 
-Low-level bag-form alternative: `useLayerClient()` + `client.open({ ...confirm, payload })`. Solid also exports idiomatic `create*` aliases for the observe/stack hooks (`createStack`, `createLayerState`, `createQueuedStack`, `createLayerQueuedState`) — not for the wired handle (`useLayer` / core `createLayer`).
-
-Payload and response are both optional. A no-payload, fire-and-forget layer omits `payload`, does not `await` `open`, and dismisses without a response:
-
-```tsx
-import {
-  layerOptions,
-  type LayerComponentProps,
-  useLayerClient,
-} from "@stainless-code/solid-layers";
-
-function Notice(props: LayerComponentProps) {
-  return (
-    <div role="status">
-      Saved
-      <button type="button" onClick={() => void props.call.dismiss()}>
-        Close
-      </button>
-    </div>
-  );
-}
-
-const notice = layerOptions({
-  key: ["notice", "saved"],
-  component: Notice,
-});
-
-function SaveNoticeButton() {
-  const client = useLayerClient();
-
-  return (
-    <button type="button" onClick={() => void client.open(notice)}>
-      Show saved notice
-    </button>
-  );
-}
-```
-
-## API
-
-All imports from `@stainless-code/solid-layers`.
-
-### Provider & client
-
-| Export                   | Signature                           | Role                                                                                        |
-| ------------------------ | ----------------------------------- | ------------------------------------------------------------------------------------------- |
-| **`LayerClientContext`** | `Context<LayerClient \| undefined>` | Solid context for the app client; wrap with `<LayerClientContext.Provider value={client}>`. |
-| **`useLayerClient()`**   | `() => LayerClient`                 | Read the nearest client from context; throws if no provider.                                |
-
-`createStackHook` also returns a **`StackProvider`** that wraps `LayerClientContext.Provider` for a bound stack.
-
-### Wired handle & subscriptions
-
-| Export                                                 | Returns                                    | Role                                                              |
-| ------------------------------------------------------ | ------------------------------------------ | ----------------------------------------------------------------- |
-| **`useLayer(options, client?)`**                       | `Accessor` handle + `state`/`queued`/`top` | Drive + observe. Core **`createLayer`** re-exported for headless. |
-| **`useLayerState({ key, … }, client?)`**               | `Accessor<LayerState[]>`                   | Observe-only, mounted. **`createLayerState`** alias.              |
-| **`useLayerQueuedState({ key, … }, client?)`**         | `Accessor<LayerState[]>`                   | Observe-only, queued. **`createLayerQueuedState`** alias.         |
-| **`useStack({ stack?, select?, compare? }, client?)`** | `Accessor<T>`                              | Whole-stack mounted. **`createStack`** alias.                     |
-| **`useQueuedStack({ … }, client?)`**                   | `Accessor<T>`                              | Whole-stack queued. **`createQueuedStack`** alias.                |
-| **`StackSubscribe({ stack?, selector, children })`**   | render-prop                                | `children` receives `Accessor<T>`.                                |
-
-```tsx
-const c = useLayer(confirm);
-const mounted = useLayerState({ key: confirm.key, stack: "confirm" });
-const count = useStack({ stack: "confirm", select: (s) => s.length });
-```
-
-Read accessors inside reactive scopes — call `mounted()` in JSX or `createEffect`.
-
-### Rendering
-
-- **`useStackHandles(stack?, rootProps?) => StackHandles`** — headless `{ states, getCall }` for custom hosts. `states` is an `Accessor<LayerState[]>`.
-- **`StackOutlet({ stack?, rootProps? })`** — render active layers with their registered `component` and full props. Layers are keyed by `id` so state changes update props in place without remounting. A missing component renders nothing and warns in development.
-
-`StackOutlet` renders inline. Wrap it in `Portal` from `solid-js/web` when you need a specific DOM target.
-
-### Nested stacks & async actions
-
-- **`useLayerGroup(call, options?) => LayerGroup`** — child stack scoped to a parent layer's lifetime; auto-drains on parent dismiss. Returns `{ open, dismissAll, states, Outlet, stackId }`. `states` is an `Accessor<LayerState[]>`.
-- **`useMutationFlow(call) => MutationFlow<R>`** — drive `actionStatus: "running"` during async work. `pending` is an `Accessor<boolean>`; call `flow.pending()`. `run(fn).orEnd(response)` ends on success, or leaves the layer open and rethrows on failure.
-
-### App chrome factory
-
-| Export                | Signature                                   | Role                                                                                                       |
-| --------------------- | ------------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
-| **`createStackHook`** | `({ stack?, client?, Host? }) => StackHook` | Bind stack id and optional host wrapper once. Returns `{ StackProvider, useAppStack, AppHost, AppLayer }`. |
-
-- **`useAppStack()`** — `{ open, dismissAll, states }` with `stack` pre-bound. `states` is an `Accessor<LayerState[]>`.
-- **`AppHost`** — renders `StackOutlet` for the bound stack. Its props become `rootProps`; an optional configured `Host` receives the same props and wraps the outlet.
-- **`AppLayer`** — controlled open/close via props (`open`, `payload`, `options`, `onResolved`).
-
-### Solid-specific types
-
-`StackHandles`, `MutationRun<R>`, `MutationFlow<R>`, `ScopedOpen`, `LayerGroup`, `AppStack`, `AppLayerProps<P, R>`, `StackHook<HostProps>`.
-
-### Core re-exports
-
-This package **`export *` from `@stainless-code/layers`** — includes `createLayer`, `LayerHandle`, `ValidatedLayerHandle`, and all other core APIs from the same path.
+## Docs
 
-Engine concepts (transitions, blockers, validation, serial scope, `gcTime`) live in core — see the [`layers` skill](https://github.com/stainless-code/layers/blob/main/packages/core/skills/layers/SKILL.md) and [architecture doc](https://github.com/stainless-code/layers/blob/main/docs/architecture.md).
+- [Solid adapter](https://stainless-code.com/layers/adapters/solid)
+- [Getting started](https://stainless-code.com/layers/guides/getting-started)
+- [When to use Layers](https://stainless-code.com/layers/concepts/when-to-use)
+- [Stability & versioning](https://stainless-code.com/layers/concepts/stability)
+- [Full docs](https://stainless-code.com/layers)
 
-Full guide: [repo README](https://github.com/stainless-code/layers#readme).
+[Source on GitHub](https://github.com/stainless-code/layers/tree/main/packages/solid)
diff --git a/packages/solid/package.json b/packages/solid/package.json
index 56178ba..862aa37 100644
--- a/packages/solid/package.json
+++ b/packages/solid/package.json
@@ -14,7 +14,7 @@
     "tanstack-intent",
     "typescript"
   ],
-  "homepage": "https://github.com/stainless-code/layers/tree/main/packages/solid#readme",
+  "homepage": "https://stainless-code.com/layers/adapters/solid",
   "bugs": {
     "url": "https://github.com/stainless-code/layers/issues"
   },
diff --git a/packages/solid/skills/solid-layers/SKILL.md b/packages/solid/skills/solid-layers/SKILL.md
index faf3e87..0bf8c9f 100644
--- a/packages/solid/skills/solid-layers/SKILL.md
+++ b/packages/solid/skills/solid-layers/SKILL.md
@@ -14,7 +14,7 @@ metadata:
   library_version: "0.1.0"
   framework: "solid"
 sources:
-  - https://github.com/stainless-code/layers/blob/main/packages/solid/README.md
+  - https://stainless-code.com/layers/adapters/solid
   - https://github.com/stainless-code/layers/blob/main/docs/architecture.md
 ---
 
@@ -31,7 +31,7 @@ Named stacks, singletons with `upsert` and live `update`, serial queues, nested
 
 **Skip it only when:** you have a single, always-local overlay opened from one component, with no return, stacking, queue, animation, or guard needs and no wish for a global registry.
 
-Full fit matrix: [README — When to use it](https://github.com/stainless-code/layers#when-to-use-it).
+Full fit matrix: [When to use Layers](https://stainless-code.com/layers/concepts/when-to-use).
 
 ## Install
 
diff --git a/packages/svelte/README.md b/packages/svelte/README.md
index e883de3..5ff8a62 100644
--- a/packages/svelte/README.md
+++ b/packages/svelte/README.md
@@ -1,75 +1,32 @@
 # @stainless-code/svelte-layers
 
-Open any layer from anywhere with `@stainless-code/svelte-layers` and manage modal, dialog, drawer, popover, and toast UI as ordered, named stacks. Await a typed result when the caller needs one, or fire-and-forget with `void client.open(...)`; both are first-class. Named stacks, singleton `upsert` with live `update`, serial queues, nested child stacks via `useLayerGroup`, async actions via `useMutationFlow`, transitions, blockers, and validation provide standalone value.
+<!-- TODO: once the docs site (https://stainless-code.com/layers) is deployed, swap this src to https://stainless-code.com/layers/logo.svg for a stable, self-owned URL. -->
+<p align="center">
+  <img src="https://raw.githubusercontent.com/stainless-code/layers/main/apps/docs/public/logo.svg" alt="Layers" height="48" />
+</p>
 
-Full fit matrix: [README — When to use it](https://github.com/stainless-code/layers#when-to-use-it).
+Modals are just async functions you forgot to `await`.
 
-## Install
-
-```bash
-bun add @stainless-code/svelte-layers
-```
-
-`@stainless-code/layers` core is pulled in automatically and re-exported from both entry points. `svelte` is a required peer dependency (you already have it; do not add it to the install line).
-
-## Two entry points
-
-| Import                                | Svelte version   | Reactivity                                                                                                                                                                                                          |
-| ------------------------------------- | ---------------- | ------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------------- |
-| `@stainless-code/svelte-layers`       | **5.7+** (runes) | `useStack` / `createLayer` → `SvelteStack` (`stack.current`, `stack.callFor`); `useMutationFlow` → `{ pending, run }` (`flow.pending` in markup); `useLayerGroup` → child `SvelteStack` via `group.stack`           |
-| `@stainless-code/svelte-layers/store` | **3+** (stores)  | `useStack` / `createLayer` → `Readable<T>` (`$stack`); `useMutationFlow.pending` → `Readable<boolean>` (`$pending`); `useLayerGroup.stack` → `Readable<LayerState[]>`; standalone `callFor(client, stackId, state)` |
-
-Pick **one entry per app** — do not mix runes and store bindings for the same stack surface.
+The Svelte adapter for Layers — open any layer from anywhere and `await` a typed result. State coordination, not UI ownership: Layers owns the stack/keys/transitions/await contract; you own rendering, focus, portals, and a11y.
 
-## Getting started — runes (`@stainless-code/svelte-layers`)
+> Experimental — the API may change between minor releases. Pin your version.
 
-### 1. Declare a layer
-
-```ts
-// layers/confirm.ts
-import { layerOptions } from "@stainless-code/svelte-layers";
-import ConfirmDialog from "./ConfirmDialog.svelte";
-
-export type ConfirmPayload = {
-  title: string;
-};
-
-export type ConfirmResponse = boolean;
-
-export const confirm = layerOptions<ConfirmPayload, ConfirmResponse>({
-  stack: "confirm",
-  key: ["confirm", "remove"],
-  component: ConfirmDialog,
-  exitingDelay: 200,
-});
-```
-
-```svelte
-<!-- ConfirmDialog.svelte -->
-<script lang="ts">
-  import type { LayerComponentProps } from "@stainless-code/svelte-layers";
-  import type { ConfirmPayload, ConfirmResponse } from "./confirm";
+## Install
 
-  let { call, payload }: LayerComponentProps<ConfirmPayload, ConfirmResponse> =
-    $props();
-</script>
+`bun add @stainless-code/svelte-layers`
 
-<div role="dialog">
-  <h2>{payload.title}</h2>
-  <button type="button" onclick={() => void call.end(true)}>Yes</button>
-  <button type="button" onclick={() => void call.end(false)}>No</button>
-</div>
-```
+**Peer:** `svelte` (`>=3.0.0`; runes need 5.7+)
 
-### 2. Mount the stack outlet
+Two entry points: [`@stainless-code/svelte-layers`](https://stainless-code.com/layers/adapters/svelte/runes) (runes, Svelte 5.7+) and [`@stainless-code/svelte-layers/store`](https://stainless-code.com/layers/adapters/svelte/store) (Svelte 3+). Pick one per app.
 
-There is no built-in outlet — render active layers yourself with `{#each}`.
+## Taste
 
 ```svelte
 <!-- App.svelte -->
 <script lang="ts">
   import { setLayerClient, useStack } from "@stainless-code/svelte-layers";
-  import { confirm } from "./layers/confirm";
+  import ConfirmDialog from "./ConfirmDialog.svelte";
+  import { confirm } from "./confirm";
 
   setLayerClient();
   const stack = useStack({ stack: "confirm" });
@@ -77,19 +34,15 @@ There is no built-in outlet — render active layers yourself with `{#each}`.
 
 {#each stack.current as s (s.id)}
   {@const call = stack.callFor(s)}
-  {#if call}
-    {@const Comp = confirm.component}
-    <Comp {call} payload={s.payload} phase={s.phase} actionStatus={s.actionStatus} />
-  {/if}
+  {#if call}<ConfirmDialog {call} payload={s.payload} />{/if}
 {/each}
 ```
 
-### 3. Call and await
-
 ```svelte
+<!-- RemoveButton.svelte -->
 <script lang="ts">
   import { createLayer } from "@stainless-code/svelte-layers";
-  import { confirm } from "./layers/confirm";
+  import { confirm } from "./confirm";
 
   const c = createLayer(confirm);
 
@@ -103,284 +56,15 @@ There is no built-in outlet — render active layers yourself with `{#each}`.
 <button type="button" onclick={() => void handleRemove()}>Remove</button>
 ```
 
-Low-level bag-form alternative: `useLayerClient()` + `client.open({ ...confirm, payload })`.
-
-## Getting started — stores (`@stainless-code/svelte-layers/store`)
-
-Layer options and the call flow are the same, but store-based apps should import core APIs from `@stainless-code/svelte-layers/store`. In particular, change the declaration above to import `layerOptions` from the `/store` entry; importing the runes entry requires Svelte 5.7+. The outlet wiring differs, and Svelte 3/4 components use legacy syntax as shown below.
-
-### 2. Mount the store outlet
-
-```svelte
-<!-- App.svelte -->
-<script lang="ts">
-  import { setLayerClient, useStack, callFor } from "@stainless-code/svelte-layers/store";
-  import { confirm } from "./layers/confirm";
-
-  const client = setLayerClient();
-  const stack = useStack({ stack: "confirm" });
-</script>
-
-{#each $stack as s (s.id)}
-  {@const call = callFor(client, "confirm", s)}
-  {#if call}
-    <svelte:component
-      this={confirm.component}
-      {call}
-      payload={s.payload}
-      phase={s.phase}
-      actionStatus={s.actionStatus}
-    />
-  {/if}
-{/each}
-```
-
-With stores, `callFor` is a **standalone function** — it is not a method on the stack handle. The outlet keeps `<svelte:component>` because this entry targets Svelte 3+; the runes entry uses the Svelte 5 dynamic-component idiom (`<Comp/>`).
-
-The layer declaration shape is shared, but the component above uses Svelte 5 syntax. In Svelte 3/4, declare props and events with legacy syntax:
-
-```svelte
-<script lang="ts">
-  import type { LayerComponentProps } from "@stainless-code/svelte-layers/store";
-  import type { ConfirmPayload, ConfirmResponse } from "./confirm";
-
-  export let call: LayerComponentProps<
-    ConfirmPayload,
-    ConfirmResponse
-  >["call"];
-  export let payload: LayerComponentProps<
-    ConfirmPayload,
-    ConfirmResponse
-  >["payload"];
-</script>
-
-<button type="button" on:click={() => void call.end(true)}>Yes</button>
-<button type="button" on:click={() => void call.end(false)}>No</button>
-```
-
-When the payload admits `undefined`, omit `payload` from `open`; when the response is omitted, it defaults to `void`. This store-entry notice is both no-payload and fire-and-forget. Mount its `"notice"` stack with the store outlet pattern above.
-
-```ts
-// layers/notice.ts
-import { layerOptions } from "@stainless-code/svelte-layers/store";
-import Notice from "./Notice.svelte";
-
-export const notice = layerOptions<void>({
-  stack: "notice",
-  key: ["notice"],
-  component: Notice,
-});
-```
-
-```svelte
-<!-- Notice.svelte -->
-<script lang="ts">
-  import type { LayerComponentProps } from "@stainless-code/svelte-layers/store";
-
-  export let call: LayerComponentProps<void>["call"];
-</script>
-
-<p>Changes saved.</p>
-<button type="button" on:click={() => void call.dismiss()}>Dismiss</button>
-```
-
-```svelte
-<!-- NoticeButton.svelte -->
-<script lang="ts">
-  import { useLayerClient } from "@stainless-code/svelte-layers/store";
-  import { notice } from "./layers/notice";
-
-  const client = useLayerClient();
-</script>
-
-<button type="button" on:click={() => void client.open(notice)}>
-  Show notice
-</button>
-```
-
-## Mutation flow & nested stacks
-
-The adapter ships no `.svelte` outlet components — render active layers with `useStack().current` and `callFor` as above. `useMutationFlow` and `useLayerGroup` use the same compiler-free render path on both entries.
-
-### `useMutationFlow` — runes
-
-`useMutationFlow(call)` returns `{ pending, run }`. `pending` is a reactive `readonly boolean` — read `flow.pending` in markup or `$derived`. `run(fn).orEnd(response)` sets `actionStatus: "running"` while `fn` runs, ends the layer with `response` on success, or leaves it open and rethrows on failure.
-
-```svelte
-<!-- SaveDialog.svelte -->
-<script lang="ts">
-  import { type LayerComponentProps, useMutationFlow } from "@stainless-code/svelte-layers";
-
-  let { call, payload }: LayerComponentProps<{ title: string }, boolean> = $props();
-  const flow = useMutationFlow(call);
-</script>
-
-<div role="dialog" aria-label={payload.title}>
-  <button
-    type="button"
-    disabled={flow.pending}
-    onclick={() => void flow.run(() => save()).orEnd(true)}
-  >
-    Save
-  </button>
-</div>
-```
-
-### `useMutationFlow` — stores
-
-Same `run(fn).orEnd(response)` contract; `pending` is a `Readable<boolean>` — bind it and auto-subscribe with `$pending`.
-
-```svelte
-<!-- SaveDialog.svelte -->
-<script lang="ts">
-  import { type LayerComponentProps, useMutationFlow } from "@stainless-code/svelte-layers/store";
-
-  let { call, payload }: LayerComponentProps<{ title: string }, boolean> = $props();
-  const { pending, run } = useMutationFlow(call);
-</script>
-
-<div role="dialog" aria-label={payload.title}>
-  <button type="button" disabled={$pending} onclick={() => void run(() => save()).orEnd(true)}>
-    Save
-  </button>
-</div>
-```
-
-### `useLayerGroup` — runes
-
-`useLayerGroup(call, options?)` returns `{ open, dismissAll, stack, stackId }`. `stack` is a `SvelteStack` — render `{#each group.stack.current as s}` and pair each state with `group.stack.callFor(s)`. The child stack is disposed and dismissed on `onDestroy`.
-
-```svelte
-<!-- ParentDrawer.svelte -->
-<script lang="ts">
-  import { type LayerComponentProps, useLayerGroup } from "@stainless-code/svelte-layers";
-  import { childLayer } from "./layers/child";
-
-  let { call, payload }: LayerComponentProps<{ title: string }, boolean> = $props();
-  const group = useLayerGroup(call);
-</script>
-
-<div role="dialog" aria-label={payload.title}>
-  <h2>{payload.title}</h2>
-  <button
-    type="button"
-    onclick={() =>
-      void group.open({ ...childLayer, payload: { label: "Child" } })}
-  >
-    Open child
-  </button>
-  {#each group.stack.current as s (s.id)}
-    {@const childCall = group.stack.callFor(s)}
-    {#if childCall}
-      {@const Comp = childLayer.component}
-      <Comp
-        call={childCall}
-        payload={s.payload}
-        phase={s.phase}
-        actionStatus={s.actionStatus}
-      />
-    {/if}
-  {/each}
-</div>
-```
-
-### `useLayerGroup` — stores
-
-`stack` is a `Readable<LayerState[]>`. Render `{#each $stack}` and pair each state with `callFor(client, group.stackId, s)`.
-
-```svelte
-<!-- ParentDrawer.svelte -->
-<script lang="ts">
-  import {
-    callFor,
-    type LayerComponentProps,
-    useLayerClient,
-    useLayerGroup,
-  } from "@stainless-code/svelte-layers/store";
-  import { childLayer } from "./layers/child";
-
-  let { call, payload }: LayerComponentProps<{ title: string }, boolean> = $props();
-  const client = useLayerClient();
-  const group = useLayerGroup(call);
-  const stack = group.stack;
-</script>
-
-<div role="dialog" aria-label={payload.title}>
-  <h2>{payload.title}</h2>
-  <button
-    type="button"
-    onclick={() =>
-      void group.open({ ...childLayer, payload: { label: "Child" } })}
-  >
-    Open child
-  </button>
-  {#each $stack as s (s.id)}
-    {@const childCall = callFor(client, group.stackId, s)}
-    {#if childCall}
-      <svelte:component
-        this={childLayer.component}
-        call={childCall}
-        payload={s.payload}
-        phase={s.phase}
-        actionStatus={s.actionStatus}
-      />
-    {/if}
-  {/each}
-</div>
-```
-
-## API
-
-### Runes entry (`@stainless-code/svelte-layers`) — complete adapter exports
-
-| Export                                                 | Signature                                          | Role                                                                                             |
-| ------------------------------------------------------ | -------------------------------------------------- | ------------------------------------------------------------------------------------------------ |
-| **`setLayerClient`**                                   | `(client?) => LayerClient`                         | Provide a `LayerClient` via Svelte context (creates one if omitted).                             |
-| **`useLayerClient`**                                   | `() => LayerClient`                                | Read the nearest client from context.                                                            |
-| **`createLayer(options, client?)`**                    | `SvelteStack` handle + `state`/`queued`/`top`      | Drive + observe.                                                                                 |
-| **`createLayerState({ key, … }, client?)`**            | `SvelteStack<LayerState[]>`                        | Observe-only, mounted, all same-key.                                                             |
-| **`createLayerQueuedState({ key, … }, client?)`**      | `SvelteStack<LayerState[]>`                        | Observe-only, queued.                                                                            |
-| **`useStack({ stack?, select?, compare? }, client?)`** | `SvelteStack`                                      | Whole-stack mounted.                                                                             |
-| **`createQueuedStack({ … }, client?)`**                | `SvelteStack`                                      | Whole-stack queued.                                                                              |
-| **`useMutationFlow`**                                  | `(call) => MutationFlow<R>`                        | Coordinate async work with `actionStatus: "running"`; `run(fn).orEnd(response)` ends on success. |
-| **`useLayerGroup`**                                    | `(call, options?) => LayerGroup`                   | Child stack scoped to the calling layer; `stack` is a `SvelteStack`; cleaned up on `onDestroy`.  |
-| **`SvelteStack`**                                      | `{ readonly current, callFor(state, rootProps?) }` | Return type of `useStack` / `createLayerState` / `useLayerGroup.stack` on the runes entry.       |
-| **`createLayerHandle`**                                | core `createLayer`                                 | Headless factory (core); adapter `createLayer` is the reactive wired handle.                     |
-| **`MutationFlow<R>`**                                  | `{ readonly pending: boolean, run }`               | `pending` mirrors `actionStatus: "running"`; read `flow.pending` in markup.                      |
-| **`MutationRun<R>`**                                   | `{ orEnd(response) => Promise<void> }`             | Ends the layer with `response` on success; on failure leaves it open and rethrows.               |
-| **`LayerGroup`**                                       | `{ open, dismissAll, stack, stackId }`             | `open` is stack-pre-bound; `dismissAll(response?)` clears the child stack.                       |
-| **`LayerComponentProps`**                              | type                                               | Props contract for layer components.                                                             |
-
-```ts
-const count = useStack({ stack: "confirm", select: (s) => s.length });
-const mounted = createLayerState({ key: confirm.key, stack: "confirm" });
-```
-
-Read `stack.current` (or `layer.current`) inside reactive contexts. `stack.callFor(state, rootProps?)` builds each layer's `call` context.
-
-### Stores entry (`@stainless-code/svelte-layers/store`) — complete adapter exports
-
-| Export                                            | Signature                                                          | Role                                                                                                     |
-| ------------------------------------------------- | ------------------------------------------------------------------ | -------------------------------------------------------------------------------------------------------- |
-| **`setLayerClient`**                              | `(client?) => LayerClient`                                         | Same context provider as the runes entry.                                                                |
-| **`useLayerClient`**                              | `() => LayerClient`                                                | Same context reader.                                                                                     |
-| **`useStack`**                                    | `({ stack?, select?, compare? }, client?) => Readable<T>`          | Whole-stack mounted store.                                                                               |
-| **`createLayer(options, client?)`**               | wired handle store                                                 | Drive + observe.                                                                                         |
-| **`createLayerState({ key, … }, client?)`**       | `Readable<LayerState[]>`                                           | Observe-only, mounted.                                                                                   |
-| **`createLayerQueuedState({ key, … }, client?)`** | `Readable<LayerState[]>`                                           | Observe-only, queued.                                                                                    |
-| **`createQueuedStack({ … }, client?)`**           | `Readable<T>`                                                      | Whole-stack queued.                                                                                      |
-| **`useMutationFlow`**                             | `(call) => MutationFlow<R>`                                        | Same `run(fn).orEnd(response)` contract; `pending` is a `Readable<boolean>` (subscribe with `$pending`). |
-| **`useLayerGroup`**                               | `(call, options?) => LayerGroup`                                   | Child stack store via `stack: Readable<LayerState[]>`; cleaned up on `onDestroy`.                        |
-| **`callFor`**                                     | `(client, stackId, state, rootProps?) => LayerCallContext \| null` | Build a layer's `call` context; `null` if the layer is gone.                                             |
-| **`MutationFlow<R>`**                             | `{ pending: Readable<boolean>, run }`                              | `pending` mirrors `actionStatus: "running"`.                                                             |
-| **`MutationRun<R>`**                              | `{ orEnd(response) => Promise<void> }`                             | Ends on success; on failure leaves the layer open and rethrows.                                          |
-| **`LayerGroup`**                                  | `{ open, dismissAll, stack, stackId }`                             | Render `$stack` with `callFor(client, stackId, s)`.                                                      |
-| **`LayerComponentProps`**                         | type                                                               | Props contract for layer components.                                                                     |
-
-### Core re-exports (both entries)
+The store entry uses the same `createLayer` / `useStack` pattern with Svelte stores — import from `@stainless-code/svelte-layers/store` instead.
 
-Both entries re-export core types (`export type *`) and a selective value set (`LayerClient`, `layerOptions`, `layerKey`, `createLayerHandle` [= core `createLayer`], `LayerStack`, …). Adapter **`createLayer`** is the Svelte-wired reactive handle — not the core factory (that is **`createLayerHandle`**).
+## Docs
 
-Engine concepts (transitions, blockers, validation, serial scope, `gcTime`) live in core — see the [`layers` skill](https://github.com/stainless-code/layers/blob/main/packages/core/skills/layers/SKILL.md) and [architecture doc](https://github.com/stainless-code/layers/blob/main/docs/architecture.md).
+- [Svelte adapter (runes)](https://stainless-code.com/layers/adapters/svelte/runes)
+- [Svelte adapter (store)](https://stainless-code.com/layers/adapters/svelte/store)
+- [Getting started](https://stainless-code.com/layers/guides/getting-started)
+- [When to use Layers](https://stainless-code.com/layers/concepts/when-to-use)
+- [Stability & versioning](https://stainless-code.com/layers/concepts/stability)
+- [Full docs](https://stainless-code.com/layers)
 
-Full guide: [repo README](https://github.com/stainless-code/layers#readme).
+[Source on GitHub](https://github.com/stainless-code/layers/tree/main/packages/svelte)
diff --git a/packages/svelte/package.json b/packages/svelte/package.json
index 3a6fe08..070fed2 100644
--- a/packages/svelte/package.json
+++ b/packages/svelte/package.json
@@ -14,7 +14,7 @@
     "tanstack-intent",
     "typescript"
   ],
-  "homepage": "https://github.com/stainless-code/layers/tree/main/packages/svelte#readme",
+  "homepage": "https://stainless-code.com/layers/adapters/svelte/runes",
   "bugs": {
     "url": "https://github.com/stainless-code/layers/issues"
   },
diff --git a/packages/svelte/skills/svelte-layers/SKILL.md b/packages/svelte/skills/svelte-layers/SKILL.md
index b57bfdd..d829350 100644
--- a/packages/svelte/skills/svelte-layers/SKILL.md
+++ b/packages/svelte/skills/svelte-layers/SKILL.md
@@ -14,7 +14,7 @@ metadata:
   library_version: "0.1.0"
   framework: "svelte"
 sources:
-  - https://github.com/stainless-code/layers/blob/main/packages/svelte/README.md
+  - https://stainless-code.com/layers/adapters/svelte/runes
   - https://github.com/stainless-code/layers/blob/main/docs/architecture.md
 ---
 
@@ -35,7 +35,7 @@ Reach for `@stainless-code/svelte-layers` to open overlay UI imperatively from a
 
 Skip it only for a single, always-local overlay with no return, stacking, queue, animation, or guard needs and no wish for a global registry.
 
-Full fit matrix: [README — When to use it](https://github.com/stainless-code/layers#when-to-use-it).
+Full fit matrix: [When to use Layers](https://stainless-code.com/layers/concepts/when-to-use).
 
 ## Install
 
diff --git a/packages/vue/README.md b/packages/vue/README.md
index cd36da0..693e7a0 100644
--- a/packages/vue/README.md
+++ b/packages/vue/README.md
@@ -1,36 +1,36 @@
 # @stainless-code/vue-layers
 
-Open any layer from anywhere and manage overlay UI as an ordered, named stack. This Vue 3 adapter for [@stainless-code/layers](https://github.com/stainless-code/layers#readme) supports both typed results with `await client.open(...)` and equally first-class fire-and-forget calls with `void client.open(...)`, plus singletons via `upsert` and live `update`, serial queues, nested stacks via `useLayerGroup`, transitions, blockers, and validation.
+<!-- TODO: once the docs site (https://stainless-code.com/layers) is deployed, swap this src to https://stainless-code.com/layers/logo.svg for a stable, self-owned URL. -->
+<p align="center">
+  <img src="https://raw.githubusercontent.com/stainless-code/layers/main/apps/docs/public/logo.svg" alt="Layers" height="48" />
+</p>
 
-Full fit matrix: [README — When to use it](https://github.com/stainless-code/layers#when-to-use-it).
+Modals are just async functions you forgot to `await`.
 
-## Install
+The Vue adapter for Layers — open any layer from anywhere and `await` a typed result. State coordination, not UI ownership: Layers owns the stack/keys/transitions/await contract; you own rendering, focus, portals, and a11y.
 
-```bash
-bun add @stainless-code/vue-layers
-```
+> Experimental — the API may change between minor releases. Pin your version.
 
-`@stainless-code/layers` core is pulled in automatically and re-exported — import adapter composables and core APIs from this one package. `vue` (>=3.3) is a required peer dependency (you already have it; do not add it to the install line).
+## Install
 
-## Getting started
+`bun add @stainless-code/vue-layers`
 
-### 1. Declare a layer
+**Peer:** `vue` (`>=3.3.0`)
+
+## Taste
 
 ```vue
 <!-- ConfirmDialog.vue -->
 <script setup lang="ts">
 import type { LayerComponentProps } from "@stainless-code/vue-layers";
-import type { ConfirmPayload, ConfirmResponse } from "./confirm";
-
 const { call, payload } =
-  defineProps<LayerComponentProps<ConfirmPayload, ConfirmResponse>>();
+  defineProps<LayerComponentProps<{ title: string }, boolean>>();
 </script>
-
 <template>
   <div role="dialog">
     <h2>{{ payload.title }}</h2>
-    <button type="button" @click="call.end(true)">Yes</button>
-    <button type="button" @click="call.end(false)">No</button>
+    <button @click="() => void call.end(true)">Yes</button>
+    <button @click="() => void call.end(false)">No</button>
   </div>
 </template>
 ```
@@ -40,21 +40,13 @@ const { call, payload } =
 import { layerOptions } from "@stainless-code/vue-layers";
 import ConfirmDialog from "./ConfirmDialog.vue";
 
-export type ConfirmPayload = { title: string };
-export type ConfirmResponse = boolean;
-
-export const confirm = layerOptions<ConfirmPayload, ConfirmResponse>({
+export const confirm = layerOptions({
   stack: "confirm",
   key: ["confirm", "remove"],
   component: ConfirmDialog,
-  exitingDelay: 200,
 });
 ```
 
-### 2. Mount a stack outlet
-
-Call `provideLayerClient()` once in root `setup()`, then mount `<StackOutlet>` for each stack you need.
-
 ```vue
 <!-- App.vue -->
 <script setup lang="ts">
@@ -62,18 +54,13 @@ import { provideLayerClient, StackOutlet } from "@stainless-code/vue-layers";
 
 provideLayerClient();
 </script>
-
 <template>
-  <RouterView />
   <StackOutlet stack="confirm" />
 </template>
 ```
 
-Wrap `<StackOutlet>` in `<Teleport to="body">` when you need a portal target.
-
-### 3. Call and await
-
 ```vue
+<!-- RemoveButton.vue -->
 <script setup lang="ts">
 import { useLayer } from "@stainless-code/vue-layers";
 import { confirm } from "./confirm";
@@ -92,120 +79,12 @@ async function handleRemove() {
 </template>
 ```
 
-Low-level bag-form alternative: `useLayerClient()` + `client.open({ ...confirm, payload })`.
-
-`payload` is optional when its type is `void`, `unknown`, `undefined`, or a union containing `undefined`; responses default to `void`. This no-payload, fire-and-forget layer omits `payload`, does not await the returned promise, and dismisses without a response:
-
-```vue
-<!-- NoticeDialog.vue -->
-<script setup lang="ts">
-import type { LayerComponentProps } from "@stainless-code/vue-layers";
-
-const { call } = defineProps<LayerComponentProps<void>>();
-</script>
-
-<template>
-  <div role="status">
-    Changes saved.
-    <button type="button" @click="call.dismiss()">Close</button>
-  </div>
-</template>
-```
-
-```ts
-// notice.ts
-import { layerOptions } from "@stainless-code/vue-layers";
-import NoticeDialog from "./NoticeDialog.vue";
-
-export const notice = layerOptions<void>({
-  stack: "notice",
-  key: ["notice", "saved"],
-  component: NoticeDialog,
-});
-```
-
-```vue
-<script setup lang="ts">
-import { useLayerClient } from "@stainless-code/vue-layers";
-import { notice } from "./notice";
-
-const client = useLayerClient();
-
-function showNotice() {
-  void client.open(notice);
-}
-</script>
-
-<template>
-  <button type="button" @click="showNotice()">Save</button>
-</template>
-```
-
-## API
-
-All imports from `@stainless-code/vue-layers`.
-
-### Provider & client
-
-| Export                   | Signature                  | Role                                                                                                 |
-| ------------------------ | -------------------------- | ---------------------------------------------------------------------------------------------------- |
-| **`provideLayerClient`** | `(client?) => LayerClient` | Provide a `LayerClient` via Vue provide/inject (creates one if omitted). Call in a parent `setup()`. |
-| **`useLayerClient`**     | `() => LayerClient`        | Read the nearest client from inject; throws if none provided.                                        |
-
-### Wired handle & subscriptions
-
-Call inside `setup()` or an `effectScope()` — subscriptions clean up via `onScopeDispose`. Refs auto-unwrap in templates; use `.value` in `<script setup>`.
-
-| Export                                                                 | Returns                              | Role                                                                     |
-| ---------------------------------------------------------------------- | ------------------------------------ | ------------------------------------------------------------------------ |
-| **`useLayer(options, client?)`**                                       | handle refs + `state`/`queued`/`top` | Drive + observe. See [glossary](../../docs/glossary.md).                 |
-| **`useLayerState({ key, stack?, select?, compare? }, client?)`**       | `Readonly<Ref<LayerState[]>>`        | Observe-only, mounted.                                                   |
-| **`useLayerQueuedState({ key, stack?, select?, compare? }, client?)`** | `Readonly<Ref<LayerState[]>>`        | Observe-only, queued.                                                    |
-| **`useStack({ stack?, select?, compare? }, client?)`**                 | `Readonly<Ref<T>>`                   | Whole-stack mounted.                                                     |
-| **`useQueuedStack({ stack?, select?, compare? }, client?)`**           | `Readonly<Ref<T>>`                   | Whole-stack queued.                                                      |
-| **`StackSubscribe({ stack?, selector })`**                             | scoped slot                          | Slot `{ value: unknown }`; prefer `useStack({ select })` for typed refs. |
-
-```vue
-<script setup lang="ts">
-import { useLayer, useLayerState, useStack } from "@stainless-code/vue-layers";
-import { confirm } from "./confirm";
-
-const c = useLayer(confirm);
-const mounted = useLayerState({ key: confirm.key, stack: "confirm" });
-const count = useStack({ stack: "confirm", select: (s) => s.length });
-</script>
-```
-
-Optional trailing `client` overrides context client.
-
-### Rendering
-
-- **`useStackHandles(stack?, rootProps?) => StackHandles`** — headless `{ states, getCall }` for custom hosts. `states` is `Readonly<Ref<LayerState[]>>`.
-- **`StackOutlet({ stack?, rootProps? })`** — render active layers with their registered `component` and full props. A missing component renders nothing and warns in development.
-
-`StackOutlet` renders inline. Wrap it in `<Teleport>` when you need a portal target.
-
-### Nested stacks & async actions
-
-- **`useLayerGroup(call, options?) => LayerGroup`** — child stack scoped to a parent layer's lifetime; auto-drains on parent dismiss. Returns `{ open, dismissAll, states, Outlet, stackId }`.
-- **`useMutationFlow(call) => MutationFlow<R>`** — drive `actionStatus: "running"` during async work. `run(fn).orEnd(response)` ends on success, or leaves the layer open and rethrows on failure. `pending` is `Readonly<Ref<boolean>>` — use `flow.pending.value` in script or `flow.pending` in templates.
-
-### App chrome factory
-
-| Export                | Signature                                   | Role                                                                                                       |
-| --------------------- | ------------------------------------------- | ---------------------------------------------------------------------------------------------------------- |
-| **`createStackHook`** | `({ stack?, client?, Host? }) => StackHook` | Bind stack id and optional host wrapper once. Returns `{ StackProvider, useAppStack, AppHost, AppLayer }`. |
-
-- **`useAppStack()`** — `{ open, dismissAll, states }` with `stack` pre-bound; `states` is a ref.
-- **`AppHost`** — renders `StackOutlet` for the bound stack. Host props are forwarded via fallthrough attrs as `rootProps`; an optional configured `Host` receives the same attrs and wraps the outlet.
-- **`AppLayer`** — controlled open/close via props (`open`, `payload`, `options`, `onResolved`).
-
-### Vue-specific types
-
-`StackHandles`, `StackSubscribeProps`, `MutationRun<R>`, `MutationFlow<R>`, `ScopedOpen`, `LayerGroup`, `AppStack`, `AppLayerProps<P, R>`, `StackHook<HostProps>`.
-
-### Core re-exports
+## Docs
 
-`export * from "@stainless-code/layers"` — includes `createLayer`, `LayerHandle`, `ValidatedLayerHandle`, plus `LayerClient`, `layerOptions`, `LayerState`, validation helpers, and more.
+- [Vue adapter](https://stainless-code.com/layers/adapters/vue)
+- [Getting started](https://stainless-code.com/layers/guides/getting-started)
+- [When to use Layers](https://stainless-code.com/layers/concepts/when-to-use)
+- [Stability & versioning](https://stainless-code.com/layers/concepts/stability)
+- [Full docs](https://stainless-code.com/layers)
 
-Full guide: [repo README](https://github.com/stainless-code/layers#readme).
+[Source on GitHub](https://github.com/stainless-code/layers/tree/main/packages/vue)
diff --git a/packages/vue/package.json b/packages/vue/package.json
index 44383f2..769218b 100644
--- a/packages/vue/package.json
+++ b/packages/vue/package.json
@@ -14,7 +14,7 @@
     "typescript",
     "vue"
   ],
-  "homepage": "https://github.com/stainless-code/layers/tree/main/packages/vue#readme",
+  "homepage": "https://stainless-code.com/layers/adapters/vue",
   "bugs": {
     "url": "https://github.com/stainless-code/layers/issues"
   },
diff --git a/packages/vue/skills/vue-layers/SKILL.md b/packages/vue/skills/vue-layers/SKILL.md
index 5eb79a2..11f18a9 100644
--- a/packages/vue/skills/vue-layers/SKILL.md
+++ b/packages/vue/skills/vue-layers/SKILL.md
@@ -14,7 +14,7 @@ metadata:
   library_version: "0.1.0"
   framework: "vue"
 sources:
-  - https://github.com/stainless-code/layers/blob/main/packages/vue/README.md
+  - https://stainless-code.com/layers/adapters/vue
   - https://github.com/stainless-code/layers/blob/main/docs/architecture.md
 ---
 
@@ -31,7 +31,7 @@ Named stacks, singletons with `upsert` and live `update`, serial queues, nested
 
 **Skip it only when:** you have a single, always-local overlay opened from one component, with no return, stacking, queue, animation, or guard needs and no wish for a global registry.
 
-Full fit matrix: [README — When to use it](https://github.com/stainless-code/layers#when-to-use-it).
+Full fit matrix: [When to use Layers](https://stainless-code.com/layers/concepts/when-to-use).
 
 ## Install
 
diff --git a/typedoc.json b/typedoc.json
index fd791f7..f0764f0 100644
--- a/typedoc.json
+++ b/typedoc.json
@@ -1,5 +1,6 @@
 {
   "$schema": "https://typedoc.org/schema.json",
+  "plugin": ["typedoc-plugin-markdown", "typedoc-plugin-frontmatter"],
   "entryPoints": [
     "packages/core/src/index.ts",
     "packages/react/src/index.tsx",
@@ -10,10 +11,30 @@
     "packages/preact/src/index.ts",
     "packages/angular/src/index.ts"
   ],
-  "out": "docs/api",
   "tsconfig": "tsconfig.docs.json",
+  "cleanOutputDir": false,
+  "outputs": [
+    {
+      "name": "markdown",
+      "path": "apps/docs/content/reference/api"
+    }
+  ],
+  "router": "module",
+  "publicPath": "/reference/api/",
+  "preserveAnchorCasing": true,
+  "fileExtension": ".mdx",
+  "entryFileName": "_typedoc-entry.mdx",
+  "modulesFileName": "_typedoc-modules.mdx",
+  "flattenOutputFiles": true,
+  "useCodeBlocks": true,
+  "hidePageHeader": true,
+  "hideBreadcrumbs": true,
+  "indexFormat": "table",
+  "parametersFormat": "table",
+  "interfacePropertiesFormat": "table",
+  "classPropertiesFormat": "table",
+  "typeDeclarationFormat": "table",
   "name": "@stainless-code/layers",
-  "includeVersion": false,
   "readme": "none",
   "entryPointStrategy": "resolve",
   "categorizeByGroup": false,
@@ -28,24 +49,11 @@
     "invalidPath": true,
     "rewrittenLink": true
   },
-  "highlightLanguages": [
-    "bash",
-    "css",
-    "html",
-    "javascript",
-    "jsx",
-    "json",
-    "jsonc",
-    "ts",
-    "tsx",
-    "typescript",
-    "svelte",
-    "vue"
-  ],
   "excludePrivate": true,
   "excludeInternal": true,
-  "disableSources": false,
-  "sourceLinkTemplate": "https://github.com/stainless-code/layers/blob/{gitRevision}/{path}#L{line}",
-  "gitRevision": "main",
-  "logLevel": "Info"
+  "frontmatterGlobals": {
+    "search": {
+      "tags": ["api", "reference"]
+    }
+  }
 }