diff --git a/.changeset/sticky-header-stacking.md b/.changeset/sticky-header-stacking.md
new file mode 100644
index 0000000..4c0a9db
--- /dev/null
+++ b/.changeset/sticky-header-stacking.md
@@ -0,0 +1,17 @@
+---
+'rowkit': patch
+---
+
+Fix a `sticky` column losing its own header in `DataTable`.
+
+Every header cell sat on the same `z-sticky` layer, so at equal z-index the
+later cells in the DOM painted over the pinned one. Scrolling right slid the
+neighbouring header straight across the pinned column's heading, while the
+pinned body cells below stayed put — the column kept its data and lost its name.
+
+The header row now establishes one stacking context and the pinned cell is
+ordered inside it. No API change.
+
+If your application places rowkit under a **fixed header of its own**, note that
+`--z-index-sticky` is `100`: a table's sticky header will paint over any chrome
+below that. Raise your header above it.
diff --git a/AGENTS.md b/AGENTS.md
new file mode 100644
index 0000000..f73a6c2
--- /dev/null
+++ b/AGENTS.md
@@ -0,0 +1,68 @@
+# AGENTS.md
+
+Instructions for coding agents working **on** rowkit.
+
+> Looking for the API of the library itself? That is
+> [`packages/ui/AGENTS.md`](./packages/ui/AGENTS.md) — generated from the source,
+> shipped inside the npm package, and describing how to *use* the components.
+> This file is about changing them.
+
+## Read first
+
+- **[`CLAUDE.md`](./CLAUDE.md)** — the working agreement: stack, hard rules,
+  repository layout, definition of done. It is the authority; where this file and
+  that one disagree, that one wins.
+- **[`docs/conventions.md`](./docs/conventions.md)** — before designing anything
+  with a public surface. Prop naming, state ownership, event and slot shapes and
+  the recurring accessibility patterns are decided there, once, for every
+  component.
+- **[`ROADMAP.md`](./ROADMAP.md)** — before proposing a component. The scope is
+  twelve, and that is a decision rather than a stage.
+
+## Commands
+
+```bash
+pnpm build        # run first in a fresh clone; workspace deps resolve through dist
+pnpm test         # unit, component and browser tests
+pnpm lint         # eslint, type-aware
+pnpm typecheck    # vue-tsc, strict
+pnpm format       # prettier
+pnpm size         # bundle budget, brotli
+
+pnpm docs:props   # regenerate the props tables after touching a prop or its JSDoc
+pnpm docs:agents  # regenerate packages/ui/AGENTS.md, likewise
+```
+
+`pnpm build` before anything else is not optional. The playground, the docs and
+the type checker all resolve `rowkit` through `packages/ui/dist`, and an unbuilt
+workspace produces a wall of confusing type errors rather than one clear one.
+
+## Three things that are true here and not everywhere
+
+**Backward compatibility matters.** rowkit is a published package with semver and
+changesets, not an application. Breaking a public API is a deliberate act that
+needs a major-version changeset and a reason, never a convenience taken while
+doing something else. Generic agent guidance often says the opposite; it is wrong
+for this repository.
+
+**The failure mode is silence, not errors.** A Tailwind class that matches no
+utility, a token in the wrong theme namespace, a `@source` path that resolves
+nowhere, a slot prop named `name`: no error, no warning, wrong pixels. Verify
+rendering and computed styles rather than assuming a green build means a correct
+page. Several tests in `packages/ui/src/styles/` exist because of exactly this.
+
+**Generated files are generated.** The props tables in `docs/components/*.md` and
+`packages/ui/AGENTS.md` are derived from prop types and JSDoc. Editing them by
+hand fails CI; run the command above and commit the result.
+
+## Before opening a pull request
+
+Everything in the definition of done in `CLAUDE.md`, plus a changeset for any
+public API change:
+
+```bash
+pnpm changeset
+```
+
+Describe the change the way a consumer reading a changelog would want it
+described — what changed and what it means for them, not which files moved.
diff --git a/docs/.vitepress/config.ts b/docs/.vitepress/config.ts
index 114e770..39a5ee7 100644
--- a/docs/.vitepress/config.ts
+++ b/docs/.vitepress/config.ts
@@ -47,6 +47,8 @@ export default defineConfig({
     nav: [
       { text: 'Guide', link: '/introduction' },
       { text: 'Components', link: '/components/button' },
+      { text: 'Patterns', link: '/patterns/data-table-page' },
+      { text: 'Storybook', link: 'https://storybook.rowkit.dev' },
       { text: 'Decisions', link: '/decisions/001-typescript-pin' },
       {
         text: 'v0.x',
@@ -103,6 +105,21 @@ export default defineConfig({
           { text: 'Tooltip', link: '/components/tooltip' },
         ],
       },
+      {
+        text: 'Patterns',
+        items: [
+          { text: 'A data table page', link: '/patterns/data-table-page' },
+          { text: 'Forms', link: '/patterns/forms' },
+          { text: 'Loading states', link: '/patterns/loading-states' },
+        ],
+      },
+      {
+        text: 'Project',
+        items: [
+          { text: 'Roadmap', link: '/roadmap' },
+          { text: 'Contributing', link: '/contributing' },
+        ],
+      },
       {
         text: 'Decisions',
         items: [
diff --git a/docs/.vitepress/theme/components/DemoBox.vue b/docs/.vitepress/theme/components/DemoBox.vue
index 31c8a48..4acf366 100644
--- a/docs/.vitepress/theme/components/DemoBox.vue
+++ b/docs/.vitepress/theme/components/DemoBox.vue
@@ -36,7 +36,7 @@ const alignment = { start: 'items-start', center: 'items-center', end: 'items-en
 
 <template>
   <div
-    class="my-6 flex gap-4 overflow-x-auto rounded-lg border border-border bg-surface p-6"
+    class="rk-demo my-6 flex gap-4 overflow-x-auto rounded-lg border border-border bg-surface p-6"
     :class="layout === 'stack' ? 'flex-col' : ['flex-wrap', alignment[align]]"
   >
     <slot />
diff --git a/docs/.vitepress/theme/index.ts b/docs/.vitepress/theme/index.ts
index 67d426a..c3082de 100644
--- a/docs/.vitepress/theme/index.ts
+++ b/docs/.vitepress/theme/index.ts
@@ -1,3 +1,4 @@
+import { inject as injectAnalytics } from '@vercel/analytics'
 import type { Theme } from 'vitepress'
 import DefaultTheme from 'vitepress/theme'
 import * as rowkit from 'rowkit'
@@ -29,5 +30,17 @@ export default {
     app.component('DemoBox', DemoBox)
     app.component('ColorScale', ColorScale)
     app.component('TokenGrid', TokenGrid)
+
+    /*
+     * Vercel Analytics, guarded because `enhanceApp` runs during the static
+     * build as well as in the browser. `inject()` writes a `<script>` into
+     * `document.head`, so calling it server-side fails the docs build rather
+     * than the page — the same shape as the SSR traps the overlay demos hit.
+     *
+     * Cookieless and without personal data, so it needs no consent banner.
+     */
+    if (typeof window !== 'undefined') {
+      injectAnalytics()
+    }
   },
 } satisfies Theme
diff --git a/docs/.vitepress/theme/tokens.css b/docs/.vitepress/theme/tokens.css
index 12322e5..0fbf85a 100644
--- a/docs/.vitepress/theme/tokens.css
+++ b/docs/.vitepress/theme/tokens.css
@@ -23,6 +23,114 @@
 @source '../../components';
 @source '../../*.md';
 
+/*
+ * A table inside a demo is a table, not a block.
+ *
+ * VitePress sets `.vp-doc table { display: block; overflow-x: auto }` so a long
+ * markdown table scrolls instead of stretching the page. A block-level table
+ * generates an anonymous inner table box that is shrink-to-fit, so `width: 100%`
+ * sizes the *block* and leaves the cells at their content width — the table
+ * measures full width in JavaScript while rendering with several hundred pixels
+ * of empty space to its right.
+ *
+ * `DataTable` brings its own scroll container, so it neither needs nor wants
+ * VitePress's treatment.
+ */
+/*
+ * Controls inside a demo keep the styling their component gave them.
+ *
+ * VitePress's default theme ships an **unlayered** reset:
+ *
+ *   button, input, optgroup, select, textarea { border: 0; padding: 0; … }
+ *   button { background-color: transparent; background-image: none }
+ *
+ * Tailwind v4 puts every utility in `@layer utilities`, and unlayered CSS beats
+ * layered CSS whatever the order or the specificity. So `bg-primary-solid`,
+ * `px-4` and `border` lost on every button and input in a demo, while `h-9` and
+ * `rounded-md` — properties the reset does not name — came through. The result
+ * was a live demo of an invisible button.
+ *
+ * `all: revert-layer` from an unlayered rule rolls every property back to the
+ * layered value underneath — the component's own utility where it set one, and
+ * Tailwind's preflight default where it did not.
+ *
+ * `all`, rather than a list of properties, because a list has to guess which
+ * property each utility writes and gets it wrong. Reverting `padding` restores
+ * the *physical* longhands, while `px-4` writes `padding-inline`; the unlayered
+ * shorthand then beat the layered logical property and the controls came back
+ * with correct backgrounds, correct borders and no padding at all.
+ *
+ * The blunt alternative, `@import 'tailwindcss' important`, makes every utility
+ * important and collides with Tailwind's own `container` utility — a class
+ * VitePress uses for its layout — and for important declarations layer order is
+ * reversed, so a layered `!important` beats an unlayered one and the collision
+ * is unwinnable.
+ */
+.rk-demo :is(button, input, optgroup, select, textarea) {
+  all: revert-layer;
+}
+
+.rk-demo table {
+  display: table;
+  margin: 0;
+  overflow: visible;
+}
+
+/*
+ * The markdown below the hero shares the hero's lines.
+ *
+ * Two differences to reconcile. The hero and the feature cards cap at 1152px
+ * while the markdown container caps at 1280px, and the markdown container adds
+ * its own padding, which `box-sizing: border-box` then subtracts from that cap.
+ *
+ * `content-box` makes the cap describe the content rather than the box, so the
+ * padding stays — it is the only gutter on a narrow screen — while the content
+ * edges line up with the cards above at every width.
+ */
+/*
+ * The gutter is re-declared rather than inherited so the cap can subtract it:
+ * under `content-box` the max-width no longer accounts for padding, so without
+ * the `min()` the box grows past a narrow viewport by exactly twice the gutter.
+ */
+.VPHome .vp-doc.container {
+  --rk-gutter: 24px;
+
+  box-sizing: content-box;
+  max-width: min(1152px, 100% - 2 * var(--rk-gutter));
+  padding-inline: var(--rk-gutter);
+}
+
+@media (min-width: 640px) {
+  .VPHome .vp-doc.container {
+    --rk-gutter: 48px;
+  }
+}
+
+@media (min-width: 960px) {
+  .VPHome .vp-doc.container {
+    --rk-gutter: 64px;
+  }
+}
+
+/*
+ * VitePress's chrome outranks anything inside a demo.
+ *
+ * Its navbar sits at z-index 20; rowkit's `--z-index-sticky` is 100, because
+ * that scale is designed for an application where rowkit *is* the chrome. In the
+ * docs it is the guest, so a `DataTable` with a sticky header scrolled its
+ * header straight over the site nav and the search box.
+ *
+ * The same applies to any app embedding rowkit under a fixed header: its header
+ * has to sit above `--z-index-sticky`, and this is the one-line version of that.
+ */
+:root {
+  --vp-z-index-local-nav: 1010;
+  --vp-z-index-nav: 1020;
+  --vp-z-index-layout-top: 1030;
+  --vp-z-index-backdrop: 1040;
+  --vp-z-index-sidebar: 1050;
+}
+
 :root {
   --vp-c-brand-1: var(--color-primary-700);
   --vp-c-brand-2: var(--color-primary-600);
diff --git a/docs/components/data-table.md b/docs/components/data-table.md
index 95a0b02..c55f510 100644
--- a/docs/components/data-table.md
+++ b/docs/components/data-table.md
@@ -72,6 +72,13 @@ the data lands — the header and the column widths are already correct.
 Sort a column and switch to `loading`: the sort survives, because the table
 never owned it.
 
+::: warning Under a fixed header of your own
+`--z-index-sticky` is `100`, because rowkit's scale assumes rowkit is the page's
+chrome. A sticky table header will therefore paint over any application header
+below that layer — raise yours above it. This site does exactly that for
+VitePress's navbar.
+:::
+
 ## Anatomy
 
 | Part      | Purpose                                                       |
diff --git a/docs/contributing.md b/docs/contributing.md
new file mode 100644
index 0000000..a277d88
--- /dev/null
+++ b/docs/contributing.md
@@ -0,0 +1,128 @@
+# Contributing
+
+rowkit is a small, deliberately scoped library. The most useful contributions
+are bug reports with a reproduction, and improvements to components that already
+exist. New components are almost certainly out of scope — see
+[the roadmap](/roadmap) for why.
+
+## Getting set up
+
+```bash
+git clone https://github.com/NikolaiKushner/rowkit
+cd rowkit
+pnpm install
+pnpm build        # workspace packages resolve through dist, so build first
+```
+
+Then whichever surface you need:
+
+```bash
+pnpm dev          # Nuxt playground, for manual testing
+pnpm storybook    # the component workshop
+pnpm docs:dev     # this site
+pnpm test         # unit, component and browser tests
+```
+
+**`pnpm build` before anything else** is not optional in a fresh clone. The
+playground, the docs and the type checker all resolve `rowkit` through
+`packages/ui/dist`, and an unbuilt workspace produces a wall of confusing type
+errors rather than a clear one.
+
+## The stages a change goes through
+
+```bash
+pnpm lint         # eslint, type-aware
+pnpm format       # prettier
+pnpm typecheck    # vue-tsc, strict
+pnpm test         # the whole suite
+pnpm size         # bundle budget, in brotli
+```
+
+CI runs all of these, with **build first** — for the reason above.
+
+## Conventions
+
+Read [API conventions](/conventions) before designing anything with a public
+surface. Prop naming, state ownership, event and slot shapes and the recurring
+accessibility patterns are decided there, once, for every component. A change
+that deviates needs a reason on the page, not just in a pull request.
+
+The rules that get work sent back:
+
+- **No hardcoded design values.** Every colour, space, radius, shadow and layer
+  references a token. If none fits, propose one — `skeleton` was added exactly
+  that way.
+- **Variants live in `ComponentName.variants.ts`**, defined with `cva`. Never a
+  long class string in a template.
+- **Class names are written out in full.** Tailwind finds utilities by scanning
+  for literal strings, so `bg-${variant}-subtle` is valid TypeScript that
+  generates no CSS at all.
+- **Every prop carries a JSDoc comment.** These generate the props tables and
+  `AGENTS.md`; a comment restating the prop name is worse than none.
+- **No `any`.** If typing is genuinely hard, ask rather than escaping the type
+  system.
+- **Build on Reka UI** wherever a primitive exists. Never hand-roll focus
+  management, ARIA wiring or keyboard handling.
+
+## What a finished component looks like
+
+Nothing is marked Stable until all seven are true:
+
+1. Renders every variant correctly in light and dark mode
+2. Full keyboard support, and that support is documented
+3. `addon-a11y` passes with zero violations
+4. All props typed and JSDoc'd
+5. Stories cover every variant and every state
+6. An interaction test for the primary behaviour
+7. A docs page, including a **"when not to use"** section
+
+That last one is not a formality. It is the most-read section on every page, and
+writing it is usually where a scope problem surfaces.
+
+## Generated files
+
+Two things are derived from the source and will fail CI if edited by hand or
+left stale:
+
+```bash
+pnpm docs:props    # the props table on every component page
+pnpm docs:agents   # AGENTS.md, which ships inside the package
+```
+
+Run whichever applies after changing a prop, a JSDoc comment, an emit, a model
+or a slot, and commit the result.
+
+## Changesets
+
+Every change to the public API needs one:
+
+```bash
+pnpm changeset
+```
+
+Describe the change the way a consumer reading a changelog would want it
+described — what changed and what it means for them, not which files moved. If
+it fixes something that was broken in a released version, say what the symptom
+was, because that is how someone recognises their own bug.
+
+## Reporting a bug
+
+The useful ones contain a reproduction: a StackBlitz, a minimal repo, or the
+smallest component that shows it. rowkit's own failure mode is worth knowing
+when you write the report — **the bugs here are usually silent**. A Tailwind
+class that matches no utility, a token in the wrong namespace, a slot prop named
+`name`: no error, no warning, wrong pixels. "It renders but looks wrong" is a
+perfectly good bug report, and a screenshot beats a description.
+
+## What is unlikely to be accepted
+
+- A new component. Twelve is a decision; see [the roadmap](/roadmap).
+- A new dependency, unless it replaces more code than it adds.
+- A prop that lets a component make a multi-step decision for the consumer —
+  auto-resetting the page, auto-sorting a server-paged table. Those belong in
+  the application, and there is usually a composable answer instead.
+- Icons. rowkit ships none, on purpose; icon slots take whatever you use.
+
+None of these are hard "no"s if the argument is good. Open an issue before
+writing the code, though — it is a poor trade to review a pull request into a
+decision that was already made.
diff --git a/docs/decisions/001-typescript-pin.md b/docs/decisions/001-typescript-pin.md
index 50cd247..49cd570 100644
--- a/docs/decisions/001-typescript-pin.md
+++ b/docs/decisions/001-typescript-pin.md
@@ -1,4 +1,4 @@
-# 001 — TypeScript pinned to 6.x, not 7
+# TypeScript pinned to 6.x, not 7
 
 **Status:** accepted
 **Decided:** Phase 0a. Migrated here from `plan.md` prose in Phase 0b.
diff --git a/docs/decisions/002-no-project-references.md b/docs/decisions/002-no-project-references.md
index a84f457..334b950 100644
--- a/docs/decisions/002-no-project-references.md
+++ b/docs/decisions/002-no-project-references.md
@@ -1,4 +1,4 @@
-# 002 — No `tsc` project references between packages
+# No `tsc` project references between packages
 
 **Status:** accepted
 **Decided:** Phase 0a. Migrated here from `plan.md` prose in Phase 0b.
diff --git a/docs/decisions/003-cell-slot-typing.md b/docs/decisions/003-cell-slot-typing.md
index 90a8473..6bd7bb1 100644
--- a/docs/decisions/003-cell-slot-typing.md
+++ b/docs/decisions/003-cell-slot-typing.md
@@ -1,4 +1,4 @@
-# 003 — Cell slot typing: the fallback, and why
+# Cell slot typing: the fallback, and why
 
 **Status:** accepted
 **Decided:** Phase 3, session 3.3. Investigated rather than assumed.
diff --git a/docs/decisions/004-datatable-performance.md b/docs/decisions/004-datatable-performance.md
index 1194d92..c35f6ee 100644
--- a/docs/decisions/004-datatable-performance.md
+++ b/docs/decisions/004-datatable-performance.md
@@ -1,4 +1,4 @@
-# 004 — DataTable is not virtualized in v1
+# DataTable is not virtualized in v1
 
 **Status:** accepted
 **Decided:** Phase 3. Measured, not estimated.
diff --git a/docs/index.md b/docs/index.md
index 81da206..a95a4d0 100644
--- a/docs/index.md
+++ b/docs/index.md
@@ -36,17 +36,26 @@ import { ref } from 'vue'
 import { useClientSort } from 'rowkit'
 
 const columns = [
-  { key: 'name', header: 'Name', sortable: true },
+  { key: 'name', header: 'Name', sortable: true, sticky: true },
+  { key: 'email', header: 'Email', sortable: true },
   { key: 'role', header: 'Role', sortable: true },
+  { key: 'team', header: 'Team', sortable: true },
   { key: 'status', header: 'Status' },
+  { key: 'lastActive', header: 'Last active', sortable: true },
   { key: 'seats', header: 'Seats', sortable: true, align: 'end' },
 ]
 
 const people = [
-  { id: 1, name: 'Ada Lovelace', role: 'Owner', status: 'active', seats: 3 },
-  { id: 2, name: 'Grace Hopper', role: 'Admin', status: 'active', seats: 12 },
-  { id: 3, name: 'Alan Turing', role: 'Member', status: 'invited', seats: 1 },
-  { id: 4, name: 'Katherine Johnson', role: 'Member', status: 'suspended', seats: 0 },
+  { id: 1, name: 'Ada Lovelace', email: 'ada@example.com', role: 'Owner', team: 'Platform', status: 'active', lastActive: '2 minutes ago', seats: 3 },
+  { id: 2, name: 'Grace Hopper', email: 'grace@example.com', role: 'Admin', team: 'Platform', status: 'active', lastActive: '1 hour ago', seats: 12 },
+  { id: 3, name: 'Alan Turing', email: 'alan@example.com', role: 'Member', team: 'Research', status: 'invited', lastActive: 'never', seats: 1 },
+  { id: 4, name: 'Katherine Johnson', email: 'katherine@example.com', role: 'Member', team: 'Research', status: 'suspended', lastActive: '3 weeks ago', seats: 0 },
+  { id: 5, name: 'Barbara Liskov', email: 'barbara@example.com', role: 'Admin', team: 'Research', status: 'active', lastActive: '20 minutes ago', seats: 7 },
+  { id: 6, name: 'Margaret Hamilton', email: 'margaret@example.com', role: 'Owner', team: 'Flight', status: 'active', lastActive: 'yesterday', seats: 24 },
+  { id: 7, name: 'Radia Perlman', email: 'radia@example.com', role: 'Member', team: 'Networking', status: 'active', lastActive: '4 days ago', seats: 2 },
+  { id: 8, name: 'Shafi Goldwasser', email: 'shafi@example.com', role: 'Member', team: 'Research', status: 'invited', lastActive: 'never', seats: 1 },
+  { id: 9, name: 'Frances Allen', email: 'frances@example.com', role: 'Admin', team: 'Compilers', status: 'active', lastActive: '6 hours ago', seats: 9 },
+  { id: 10, name: 'Jean Bartik', email: 'jean@example.com', role: 'Member', team: 'Flight', status: 'suspended', lastActive: '2 months ago', seats: 0 },
 ]
 
 const tone = { active: 'success', invited: 'warning', suspended: 'danger' }
diff --git a/docs/patterns/data-table-page.md b/docs/patterns/data-table-page.md
new file mode 100644
index 0000000..b29e0b2
--- /dev/null
+++ b/docs/patterns/data-table-page.md
@@ -0,0 +1,272 @@
+# A data table page
+
+Filter bar, table, pagination, and the empty states — wired the way a
+server-backed page actually works. This is the pattern rowkit exists for; every
+component below is doing one job, and the composition is where the decisions
+live.
+
+<script setup>
+import { computed, ref, watch } from 'vue'
+import { compareSortable } from 'rowkit'
+
+const roles = ['Owner', 'Admin', 'Member', 'Billing']
+const statuses = ['active', 'invited', 'suspended']
+const firstNames = ['Ada', 'Grace', 'Alan', 'Katherine', 'Barbara', 'Edsger', 'Margaret', 'Donald', 'Radia', 'Tim']
+const lastNames = ['Lovelace', 'Hopper', 'Turing', 'Johnson', 'Liskov', 'Dijkstra', 'Hamilton', 'Knuth', 'Perlman', 'Berners-Lee']
+
+// Deterministic, so the page renders the same on the server and after hydration.
+const allUsers = Array.from({ length: 137 }, (_, i) => {
+  const first = firstNames[i % firstNames.length]
+  const last = lastNames[(i * 3) % lastNames.length]
+  return {
+    id: i + 1,
+    name: `${first} ${last}`,
+    email: `${first.toLowerCase()}.${last.toLowerCase().replace(/[^a-z]/g, '')}${i}@example.com`,
+    role: roles[i % roles.length],
+    status: statuses[i % statuses.length],
+    seats: (i * 7) % 24,
+  }
+})
+
+const roleOptions = roles.map((role) => ({ label: role, value: role }))
+const statusOptions = statuses.map((s) => ({ label: s[0].toUpperCase() + s.slice(1), value: s }))
+
+const search = ref('')
+const role = ref()
+const status = ref()
+const sort = ref()
+const page = ref(1)
+const pageSize = ref(10)
+const selected = ref([])
+
+const columns = [
+  { key: 'name', header: 'Name', sortable: true, sticky: true, width: '14rem' },
+  { key: 'email', header: 'Email', sortable: true, width: '20rem' },
+  { key: 'role', header: 'Role', sortable: true, width: '8rem' },
+  {
+    key: 'status',
+    header: 'Status',
+    sortable: true,
+    width: '9rem',
+    sortValue: (row) => ({ active: 0, invited: 1, suspended: 2 })[row.status],
+  },
+  { key: 'seats', header: 'Seats', sortable: true, align: 'end', width: '7rem' },
+]
+
+const tone = { active: 'success', invited: 'warning', suspended: 'danger' }
+
+const filtered = computed(() => {
+  const term = search.value.trim().toLowerCase()
+  return allUsers.filter((user) => {
+    if (role.value && user.role !== role.value) return false
+    if (status.value && user.status !== status.value) return false
+    if (!term) return true
+    return user.name.toLowerCase().includes(term) || user.email.toLowerCase().includes(term)
+  })
+})
+
+const sorted = computed(() => {
+  if (!sort.value) return filtered.value
+  const column = columns.find((c) => c.key === sort.value.key)
+  if (!column) return filtered.value
+  const valueOf = (row) => (column.sortValue ? column.sortValue(row) : row[column.key])
+  return [...filtered.value].sort((a, b) => compareSortable(valueOf(a), valueOf(b), sort.value.direction))
+})
+
+const pageRows = computed(() =>
+  sorted.value.slice((page.value - 1) * pageSize.value, page.value * pageSize.value)
+)
+
+const chips = computed(() => {
+  const applied = []
+  if (search.value.trim()) applied.push({ id: 'search', label: 'Search', value: search.value })
+  if (role.value) applied.push({ id: 'role', label: 'Role', value: role.value })
+  if (status.value) {
+    applied.push({
+      id: 'status',
+      label: 'Status',
+      value: statusOptions.find((o) => o.value === status.value)?.label,
+    })
+  }
+  return applied
+})
+
+function removeFilter(id) {
+  if (id === 'search') search.value = ''
+  if (id === 'role') role.value = undefined
+  if (id === 'status') status.value = undefined
+}
+
+function clearFilters() {
+  search.value = ''
+  role.value = undefined
+  status.value = undefined
+}
+
+// The application resets the page, not the components.
+watch([search, role, status, sort, pageSize], () => {
+  page.value = 1
+})
+</script>
+
+<!-- prettier-ignore -->
+<DemoBox layout="stack">
+  <FilterBar v-model:search="search" :filters="chips" :result-count="filtered.length" label="Filter users" searchable search-placeholder="Search name or email" @remove="removeFilter" @clear="clearFilters">
+    <template #controls>
+      <Field label="Role" label-sr-only><Select v-model="role" :options="roleOptions" placeholder="Role" class="min-w-36" /></Field>
+      <Field label="Status" label-sr-only><Select v-model="status" :options="statusOptions" placeholder="Status" class="min-w-36" /></Field>
+    </template>
+  </FilterBar>
+  <DataTable :rows="pageRows" :columns="columns" caption="Users" selectable="multiple" :row-label="(row) => `Select ${row.name}`" v-model:sort="sort" v-model:selected="selected" hoverable>
+    <template #[`cell:status`]="{ row }"><Badge :variant="tone[row.status]" size="sm" dot>{{ row.status }}</Badge></template>
+    <template #empty>
+      <EmptyState reason="no-results" title="No users match these filters" size="sm" :level="3" announce>
+        <template #actions><Button variant="secondary" size="sm" @click="clearFilters">Clear filters</Button></template>
+      </EmptyState>
+    </template>
+  </DataTable>
+  <TablePagination v-model:page="page" v-model:page-size="pageSize" :total="filtered.length" label="Users pagination" />
+</DemoBox>
+
+Search for a name, narrow by role, sort a column, page through. Then filter down
+to nothing and watch the empty state — it says the filter matched nothing, not
+that you have no users.
+
+## The code
+
+```vue
+<script setup lang="ts">
+import {
+  Badge, Button, DataTable, EmptyState, FilterBar, Field, Select, TablePagination,
+  compareSortable,
+  type DataTableColumn, type DataTableSort, type FilterChip,
+} from 'rowkit'
+import { computed, ref, watch } from 'vue'
+
+interface User {
+  id: number
+  name: string
+  email: string
+  role: string
+  status: 'active' | 'invited' | 'suspended'
+  seats: number
+}
+
+const search = ref('')
+const role = ref<string>()
+const status = ref<string>()
+const sort = ref<DataTableSort<User>>()
+const page = ref(1)
+const pageSize = ref(10)
+const selected = ref<User['id'][]>([])
+
+const columns: DataTableColumn<User>[] = [
+  { key: 'name', header: 'Name', sortable: true, sticky: true, width: '14rem' },
+  { key: 'email', header: 'Email', sortable: true, width: '20rem' },
+  { key: 'role', header: 'Role', sortable: true, width: '8rem' },
+  {
+    key: 'status',
+    header: 'Status',
+    sortable: true,
+    width: '9rem',
+    sortValue: (row) => ({ active: 0, invited: 1, suspended: 2 })[row.status],
+  },
+  { key: 'seats', header: 'Seats', sortable: true, align: 'end', width: '7rem' },
+]
+
+// Whatever your data source is, it answers these four questions.
+const filtered = computed(() => /* search + role + status */)
+const sorted = computed(() => /* compareSortable, using column.sortValue */)
+const pageRows = computed(() =>
+  sorted.value.slice((page.value - 1) * pageSize.value, page.value * pageSize.value)
+)
+
+const chips = computed<FilterChip[]>(() => [
+  ...(search.value ? [{ id: 'search', label: 'Search', value: search.value }] : []),
+  ...(role.value ? [{ id: 'role', label: 'Role', value: role.value }] : []),
+  ...(status.value ? [{ id: 'status', label: 'Status', value: status.value }] : []),
+])
+
+function removeFilter(id: string) {
+  if (id === 'search') search.value = ''
+  if (id === 'role') role.value = undefined
+  if (id === 'status') status.value = undefined
+}
+
+watch([search, role, status, sort, pageSize], () => {
+  page.value = 1
+})
+</script>
+```
+
+The template is the demo above, verbatim.
+
+## Why it is wired this way
+
+**The page resets the page number, not the components.** `TablePagination` never
+moves the page on its own — not when the page size changes, not when the filters
+narrow. That watcher is four lines and it belongs to you, because the right
+answer differs: a filter change should land on page 1, while a page-size change
+in a long audit log might reasonably keep the user near the row they were
+reading. A component cannot know which you meant, so it reports and you decide.
+
+Without the watcher the failure is quiet and nasty: filter 137 users down to 3
+while sitting on page 9, and the table renders empty with pagination insisting
+there are nine pages.
+
+**Sorting happens outside the table.** `DataTable` renders what it is handed and
+reports what was clicked; it never reorders its own rows. That is not a
+limitation, it is the only correct default for a paged table — sorting inside the
+table would reorder the ten rows on screen and present them as if they were the
+top ten of 137. Swap `sorted` for a server call and nothing else on the page
+changes.
+
+**`sortValue` exists for statuses.** Sorted alphabetically, `invited` falls
+between `active` and `suspended`, which is meaningless. Mapping the three to
+`0 | 1 | 2` sorts them by severity, which is what someone clicking that header
+wants.
+
+**The empty state knows why it is empty.** `reason="no-results"` changes the copy
+and the action — clear the filters, rather than create your first user. Offering
+"create a user" to an admin with 137 of them and a bad filter is the failure the
+prop exists to prevent. `announce` is on because the table had rows a moment ago
+and a screen reader user gets no other signal that the filter did anything.
+
+**Chip ids name the filter, not its value.** `'role'`, never `'role-admin'`. The
+value changes as the user picks a different one; the identity must not, because
+`@remove` hands that id back and the handler switches on it.
+
+**Every filter control has a label.** `labelSrOnly` keeps the toolbar visually
+clean without taking the name away. A placeholder is not a label — it disappears
+the moment a value is chosen, which is exactly when someone asks what the control
+is.
+
+## Making it server-backed
+
+Replace the three computeds with a request and change nothing else:
+
+```ts
+const { data } = await useFetch('/api/users', {
+  query: computed(() => ({
+    q: search.value,
+    role: role.value,
+    status: status.value,
+    sort: sort.value?.key,
+    direction: sort.value?.direction,
+    page: page.value,
+    pageSize: pageSize.value,
+  })),
+})
+
+const pageRows = computed(() => data.value?.rows ?? [])
+const total = computed(() => data.value?.total ?? 0)
+```
+
+That substitution being this small is the point of every "the consumer owns
+state" decision in [the conventions](/conventions). The components never knew
+where the rows came from.
+
+Add `:loading="pending"` to the table and it renders placeholder rows in the real
+column layout while the request is in flight — see
+[loading states](/patterns/loading-states) for when that helps and when it makes
+things worse.
diff --git a/docs/patterns/forms.md b/docs/patterns/forms.md
new file mode 100644
index 0000000..3a14a7c
--- /dev/null
+++ b/docs/patterns/forms.md
@@ -0,0 +1,192 @@
+# Forms
+
+`Field` owns the label, the hint, the error and the ARIA wiring between them.
+Your application owns what is valid and when to say so. rowkit deliberately
+ships no validation layer — that decision, and how to wire any validation
+library to it, is what this page is about.
+
+<script setup>
+import { computed, reactive, ref } from 'vue'
+
+const form = reactive({ name: '', email: '', role: undefined, seats: '1' })
+const touched = reactive({ name: false, email: false, role: false, seats: false })
+const submitted = ref(false)
+const saving = ref(false)
+const saved = ref(false)
+
+const roleOptions = [
+  { label: 'Owner', value: 'owner' },
+  { label: 'Admin', value: 'admin' },
+  { label: 'Member', value: 'member' },
+]
+
+const errors = computed(() => ({
+  name: form.name.trim() ? undefined : 'Enter a name.',
+  email: /^[^@\s]+@[^@\s.]+\.\S+$/.test(form.email) ? undefined : 'Enter a valid email address.',
+  role: form.role ? undefined : 'Choose a role.',
+  seats: Number(form.seats) >= 1 ? undefined : 'At least one seat.',
+}))
+
+// An error is shown once the user has left the field, or once they have tried
+// to submit — never while they are still typing into it for the first time.
+const shown = computed(() =>
+  Object.fromEntries(
+    Object.entries(errors.value).map(([key, message]) => [
+      key,
+      touched[key] || submitted.value ? message : undefined,
+    ])
+  )
+)
+
+const isValid = computed(() => Object.values(errors.value).every((e) => e === undefined))
+
+function submit() {
+  submitted.value = true
+  saved.value = false
+  if (!isValid.value) return
+  saving.value = true
+  setTimeout(() => {
+    saving.value = false
+    saved.value = true
+  }, 900)
+}
+</script>
+
+<!-- prettier-ignore -->
+<DemoBox layout="stack">
+  <form class="flex w-full max-w-md flex-col gap-4" novalidate @submit.prevent="submit">
+    <Field label="Full name" :error="shown.name" required><Input v-model="form.name" @blur="touched.name = true" /></Field>
+    <Field label="Work email" hint="Used for the invitation and for billing receipts." :error="shown.email" required><Input v-model="form.email" type="email" placeholder="ada@example.com" @blur="touched.email = true" /></Field>
+    <Field label="Role" hint="Determines what they can change." :error="shown.role" required><Select v-model="form.role" :options="roleOptions" placeholder="Choose a role" /></Field>
+    <Field label="Seats" :error="shown.seats" required><Input v-model="form.seats" type="number" @blur="touched.seats = true" /></Field>
+    <div class="flex items-center gap-3">
+      <Button type="submit" :loading="saving">Send invitation</Button>
+      <span v-if="saved" class="text-sm text-text-muted">Invitation sent.</span>
+    </div>
+  </form>
+</DemoBox>
+
+Press **Send invitation** with the form empty: every field reports at once and
+focus stays where it is. Then fix one and watch its error go while its hint
+stays.
+
+## The code
+
+```vue
+<script setup lang="ts">
+import { Button, Field, Input, Select } from 'rowkit'
+import { computed, reactive, ref } from 'vue'
+
+const form = reactive({ name: '', email: '', role: undefined, seats: '1' })
+const touched = reactive({ name: false, email: false, role: false, seats: false })
+const submitted = ref(false)
+
+const errors = computed(() => ({
+  name: form.name.trim() ? undefined : 'Enter a name.',
+  email: /^[^@\s]+@[^@\s.]+\.\S+$/.test(form.email) ? undefined : 'Enter a valid email address.',
+  role: form.role ? undefined : 'Choose a role.',
+  seats: Number(form.seats) >= 1 ? undefined : 'At least one seat.',
+}))
+
+/** Shown after blur, or after a submit attempt — never mid-first-keystroke. */
+const shown = computed(() =>
+  Object.fromEntries(
+    Object.entries(errors.value).map(([key, message]) => [
+      key,
+      touched[key] || submitted.value ? message : undefined,
+    ])
+  )
+)
+</script>
+
+<template>
+  <!-- `novalidate` because this form renders its own messages. -->
+  <form novalidate @submit.prevent="submit">
+    <Field label="Work email" hint="Used for billing receipts." :error="shown.email" required>
+      <Input v-model="form.email" type="email" @blur="touched.email = true" />
+    </Field>
+  </form>
+</template>
+```
+
+## Why it is wired this way
+
+**The presence of `error` is the error state.** There is no separate `invalid`
+flag to keep in sync, because two sources of truth for one condition is how a
+field ends up outlined in red with no message, or apologising about a value that
+is now fine. Set `error` to a string or to `undefined`; everything else follows.
+
+**Validation timing is yours, and it is the part libraries get wrong.**
+Validating on every keystroke tells someone their email is invalid after they
+have typed one character, which is true and useless. The `touched`/`submitted`
+split above is the smallest thing that behaves properly: nothing until you leave
+the field, everything the moment you try to submit.
+
+`Field` does not implement this because it cannot — it has no idea whether your
+form submits per-field, on blur, or on a wizard step.
+
+**The hint survives the error.** Both are referenced by `aria-describedby` at
+once, so fixing a mistake never costs you the guidance that would have prevented
+it. Fields that swap the hint out for the error remove the explanation exactly
+when it is needed.
+
+**State flows down from `Field`.** `disabled` and `required` on the `Field` reach
+whatever control is inside it, and the generated `id` wires the label to it.
+`Input` and `Select` both accept the same treatment, which is the whole reason
+they are documented together.
+
+**`novalidate` on the form, because you are rendering the messages.** Marking a
+`Field` required marks the control required, which is correct for assistive
+technology — and it also switches on the browser's own constraint validation.
+Without `novalidate` the browser intercepts the submit, refuses to fire the
+event, and shows its own bubble instead: a different message, in the browser's
+language rather than your app's, unstyled and unpositionable.
+
+The symptom is that submitting an empty form appears to do nothing at all,
+because your handler is never reached. Keep `required` for the semantics, and
+turn off the native UI.
+
+**The submit button does not disable itself while invalid.** A disabled submit
+gives no reason and cannot be focused to ask for one; a keyboard user reaches a
+dead control and learns nothing. Let them submit, then show every error at once —
+which is also what makes "press submit on an empty form" a useful thing to try.
+
+While the request is in flight the button sets `aria-busy` rather than
+`disabled`, so focus is not destroyed by the user's own action.
+
+## With a validation library
+
+Nothing above assumes the checks are hand-written. Any resolver that produces a
+message per field drops straight in — `error` takes a string.
+
+```ts
+import { z } from 'zod'
+
+const schema = z.object({
+  name: z.string().min(1, 'Enter a name.'),
+  email: z.string().email('Enter a valid email address.'),
+  seats: z.coerce.number().min(1, 'At least one seat.'),
+})
+
+const errors = computed(() => {
+  const result = schema.safeParse(form)
+  if (result.success) return {}
+  return Object.fromEntries(result.error.issues.map((issue) => [issue.path[0], issue.message]))
+})
+```
+
+The same applies to VeeValidate, FormKit, or a server returning a
+`{ field: message }` map from a 422. rowkit's job ends at rendering the state and
+announcing it correctly.
+
+## Accessibility notes
+
+- The error is `role="alert"`, so it is announced when it appears rather than
+  waiting for the user to arrive at the field.
+- The required marker is decorative; the control also carries `required`, which
+  is what assistive technology reads.
+- A label is always rendered. `labelSrOnly` hides it visually — for a search box
+  in a toolbar — and never from a screen reader.
+- Server errors work identically: set `error` from the response. If several
+  fields fail, move focus to the first one so a keyboard user is not left
+  hunting.
diff --git a/docs/patterns/loading-states.md b/docs/patterns/loading-states.md
new file mode 100644
index 0000000..65a18bb
--- /dev/null
+++ b/docs/patterns/loading-states.md
@@ -0,0 +1,173 @@
+# Loading states
+
+Three rules, one component. Most of the work is deciding _whether_ to show a
+loading state at all — a placeholder that flashes for 80ms is worse than no
+placeholder, and an empty state shown during a slow request is a lie.
+
+<script setup>
+import { computed, onUnmounted, ref } from 'vue'
+
+const columns = [
+  { key: 'name', header: 'Name', sortable: true, width: '14rem' },
+  { key: 'role', header: 'Role', width: '9rem' },
+  { key: 'status', header: 'Status', width: '9rem' },
+  { key: 'seats', header: 'Seats', align: 'end', width: '7rem' },
+]
+
+const users = [
+  { id: 1, name: 'Ada Lovelace', role: 'Owner', status: 'active', seats: 3 },
+  { id: 2, name: 'Grace Hopper', role: 'Admin', status: 'active', seats: 12 },
+  { id: 3, name: 'Alan Turing', role: 'Member', status: 'invited', seats: 1 },
+]
+
+const tone = { active: 'success', invited: 'warning', suspended: 'danger' }
+
+const pending = ref(false)
+const showSkeleton = ref(false)
+const rows = ref(users)
+let delayTimer
+let doneTimer
+
+/**
+ * The delay is the whole pattern: `pending` flips immediately, `showSkeleton`
+ * only after 150ms, so a fast response never produces a flash.
+ */
+function load(duration) {
+  clearTimeout(delayTimer)
+  clearTimeout(doneTimer)
+  pending.value = true
+  rows.value = []
+  delayTimer = setTimeout(() => {
+    if (pending.value) showSkeleton.value = true
+  }, 150)
+  doneTimer = setTimeout(() => {
+    pending.value = false
+    showSkeleton.value = false
+    rows.value = users
+  }, duration)
+}
+
+onUnmounted(() => {
+  clearTimeout(delayTimer)
+  clearTimeout(doneTimer)
+})
+</script>
+
+<!-- prettier-ignore -->
+<DemoBox layout="stack">
+  <div class="flex flex-wrap gap-2">
+    <Button size="sm" variant="secondary" @click="load(80)">Fast response (80ms)</Button>
+    <Button size="sm" variant="secondary" @click="load(1800)">Slow response (1800ms)</Button>
+  </div>
+  <DataTable :rows="rows" :columns="columns" caption="Team members" :loading="showSkeleton" :loading-rows="3" loading-label="Loading team members">
+    <template #[`cell:status`]="{ row }"><Badge :variant="tone[row.status]" size="sm" dot>{{ row.status }}</Badge></template>
+  </DataTable>
+  <p class="!my-0 text-sm text-text-muted">{{ pending ? (showSkeleton ? 'loading — placeholder shown' : 'loading — under the delay, nothing shown') : 'idle' }}</p>
+</DemoBox>
+
+Press **Fast response** and watch nothing happen: the request finishes before the
+placeholder is allowed to appear. Press **Slow response** and the placeholder
+arrives, in the real column layout, and the data lands without the page moving.
+
+## The delay, in eleven lines
+
+```ts
+const pending = ref(false)
+const showSkeleton = ref(false)
+
+async function load() {
+  pending.value = true
+  const delay = setTimeout(() => {
+    if (pending.value) showSkeleton.value = true
+  }, 150)
+
+  try {
+    rows.value = await fetchRows()
+  } finally {
+    clearTimeout(delay)
+    pending.value = false
+    showSkeleton.value = false
+  }
+}
+```
+
+`pending` drives whatever must react immediately — disabling a re-submit,
+tracking in-flight state. `showSkeleton` is the only thing the placeholder reads.
+
+**150ms is the number.** Below roughly that, a person does not perceive the wait
+as a wait; a placeholder appearing and vanishing inside it registers as a glitch,
+not as feedback. Above it they have noticed, and silence starts to read as broken.
+
+## Rules
+
+**Match the shape of what is arriving.** A skeleton exists to reserve the layout
+so nothing jumps when the data lands. If you do not know the shape — an unknown
+number of rows, a response that might be an error — you want a spinner or
+nothing, not a guess that will be wrong.
+
+`DataTable`'s `loading` does this for you: placeholder rows in the real column
+widths, with the header already correct.
+
+**Empty and pending are different states.** A user who sees "No projects yet"
+during a slow request will believe it, and some of them will go and create a
+duplicate. Never fall through to the empty state until the request has actually
+resolved:
+
+```vue
+<DataTable :rows="rows" :columns="columns" caption="Projects" :loading="showSkeleton">
+  <template #empty>
+    <!-- Only reached once loading is false. -->
+    <EmptyState reason="no-data" title="No projects yet" />
+  </template>
+</DataTable>
+```
+
+**Announce once, not per placeholder.** `Skeleton` is `aria-hidden` and has no
+say in it — a loading table renders dozens of them, and a screen reader user
+should hear "Loading team members" once. That is what `loadingLabel` is for: one
+live region standing for the whole region.
+
+Reach for `Skeleton`'s own `label` prop only on the single element that
+represents a region you are loading by itself.
+
+**Do not re-render a spinner on top of content that is already there.** For a
+refresh — a filter change over rows already on screen — leave the rows and set
+`aria-busy` on the container instead. Replacing populated content with
+placeholders makes a 200ms refetch feel like a page load.
+
+## Composing skeletons
+
+Away from the table, the primitives are a bar, a circle and a block, and you
+arrange them into the layout that is arriving:
+
+<DemoBox layout="stack">
+  <div class="flex w-full max-w-md items-center gap-4">
+    <Skeleton variant="circle" />
+    <div class="flex-1"><Skeleton :lines="2" /></div>
+  </div>
+</DemoBox>
+
+```vue
+<div class="flex items-center gap-4">
+  <Skeleton variant="circle" />
+  <div class="flex-1">
+    <Skeleton :lines="2" />
+  </div>
+</div>
+```
+
+The last bar in a stack is shortened, because real paragraphs do not end flush
+with the margin and a stack of equal bars reads as a table.
+
+## Motion
+
+The pulse is behind `motion-safe:`, so it is absent entirely for anyone who has
+asked for reduced motion — the shapes stay, the animation goes, and nothing else
+changes. That is the right trade for an _ambient_ loop, which carries no
+information the static shape does not.
+
+The exception is deliberate and lives on `Button`: its spinner is the only thing
+telling the user something is happening, so gating it would remove the signal
+rather than reduce motion. `styles/motion.test.ts` enforces the distinction —
+an ungated animation fails the build unless it is exempted by name with a
+written reason.
diff --git a/docs/phases/phase-5-docs-site.md b/docs/phases/phase-5-docs-site.md
index 2c81765..5bb96e8 100644
--- a/docs/phases/phase-5-docs-site.md
+++ b/docs/phases/phase-5-docs-site.md
@@ -85,6 +85,43 @@ theme's `Layout`, and wrapping the default layout would put the nav and sidebar
 inside `main` — a worse violation than the one it cures. Recorded for the v2
 custom-theme decision.
 
+**The fourth silent one, and it shipped.** Every `<button>` and `<input>` in
+every demo rendered with no background, no padding and no border — while
+`h-9` and `rounded-md` came through normally, which is what made it look like a
+half-working stylesheet rather than a cascade problem. VitePress's default theme
+ships an **unlayered** reset (`button, input, … { border: 0; padding: 0 }`,
+`button { background-color: transparent }`), and unlayered CSS beats anything in
+`@layer utilities` regardless of order or specificity. Tailwind v4 layers every
+utility, so the reset won on exactly the properties it names.
+
+The first fix — `@import 'tailwindcss' important;` — worked and was wrong. It
+makes **every** utility important, including Tailwind's own `container` utility,
+which is the class VitePress uses for its layout; that silently inflated the hero
+and the feature cards. And it could not be corrected from outside, because for
+important declarations the cascade **reverses layer order**, so a layered
+`!important` beats an unlayered one.
+
+The fix that stands is scoped to demo boxes: `revert-layer` on the properties
+VitePress resets, which rolls each one back to the layered value underneath —
+the component's own utility where it set one, preflight's default where it did
+not.
+
+Worth being blunt about why it got through: the verification pass checked a
+`Badge` (a `<span>`) and the demo container (a `<div>`), neither of which
+VitePress resets, and read `aria-busy`, focus and width off the button without
+ever reading its `background-color`. Axe was clean because dark text on a white
+background passes contrast perfectly well. `src/docs-styles.test.ts` now pins the
+`revert-layer` rule _and_ asserts that `important` mode has not come back.
+
+**A second table bug behind the first.** With the controls fixed, the tables
+still stopped short of their container. VitePress sets `.vp-doc table
+{ display: block }` so long markdown tables scroll; a block-level table's inner
+grid is shrink-to-fit, so `width: 100%` sizes the block and leaves the cells at
+content width — 619px of dead space beside a table that reports full width to
+`getBoundingClientRect`. That is exactly how it survived a measurement pass.
+`.rk-demo table { display: table }` fixes it, and the lesson is to measure the
+cells rather than the table box.
+
 **Two axe findings on the toast page, neither rowkit's.** `aria-hidden-focus`
 (2) is Reka's toast focus guards — already known, already scoped off for the
 Storybook run, still awaiting upstream. `color-contrast` (8) is entirely
@@ -293,6 +330,16 @@ Wire the generation into the build so it regenerates on release. This is a genui
 - **Vercel, two projects** from the monorepo: `docs/` (VitePress) and Storybook (`storybook build` output). Both build on push to `main`
 - `rowkit.dev` → docs project; `storybook.rowkit.dev` as the Storybook domain (subdomains are free with the domain you own)
 - VitePress on Vercel is zero-config (`docs:build`, output `docs/.vitepress/dist`); the only monorepo wrinkle is setting the project root — five minutes
+
+> **Analytics.** `@vercel/analytics` is injected from `enhanceApp`, behind a
+> `typeof window` guard because that hook runs during the static build too and
+> `inject()` writes into `document.head`. It is a root devDependency, not a
+> `docs` one — `docs/` is not a workspace package here, so `--filter docs` has
+> nothing to filter. Locally the injected script 404s on
+> `/_vercel/insights/script.js`, which only exists on Vercel's edge; that one
+> console error in a local verification run is expected. Nothing is added to the
+> Storybook project, where the only interesting metric is in the deploy logs.
+
 - Add a `robots.txt` and let VitePress emit the sitemap (`sitemap: { hostname: 'https://rowkit.dev' }`) — the docs ranking for "vue data table typed columns" queries is a real acquisition channel, and it costs one config line
 - PR preview deployments come free with Vercel — every docs PR gets a preview URL, which is exactly how docs changes should be reviewed
 
@@ -314,15 +361,15 @@ Session 5.1 ends with a deployed site. That ordering is deliberate — see above
 
 ## Phase Definition of Done
 
-- [ ] `rowkit.dev` live, HTTPS, custom domain — **needs the Vercel project and DNS; everything up to the deploy is ready**
+- [x] `rowkit.dev` live, HTTPS, custom domain — deployed; the apex currently 308s to `www`, which disagrees with the sitemap's declared hostname and is worth settling
 - [x] Landing page with a working live DataTable demo — sorting and selection verified interactive in a browser, zero hydration warnings
 - [ ] Installation verified by executing both paths in fresh projects outside the monorepo
 - [x] All twelve component pages: live demo, generated props table, "when not to use" intact — thirteen tables (twelve components plus `Input`) generated from the source, with a drift test standing behind them
-- [ ] Three pattern pages live
+- [x] Three pattern pages live — data-table-page, forms, loading-states, each with a live demo, the real code, and the notes on why it is wired that way
 - [x] Tokens page renders from the tokens package, not hand-maintained — 5 colour ramps, 7 scales, 147 copy targets, all read from `tokens` at render time
 - [x] AGENTS.md generated from source, shipped in the package, rendered in docs — 13 sections, 19.3 kB, confirmed present in `npm pack --dry-run`
-- [ ] Storybook deployed on its subdomain, linked from docs nav
-- [ ] Docs build clean — zero SSR errors, zero dead internal links (`vitepress build` fails on dead links by default; leave that on)
+- [x] Storybook deployed on its subdomain, linked from docs nav — `storybook.rowkit.dev`, in the top nav
+- [x] Docs build clean — zero SSR errors, zero dead internal links, and a `robots.txt` pointing at the sitemap
 - [x] Site works on mobile — measured at 375px across all ten pages with a demo: **zero horizontal page overflow everywhere**, and the one wide demo (`TablePagination`, 19px over) scrolls inside its own box, which is the intended behaviour
 - [x] Dark mode toggle works and rowkit demos follow it — the demo container flips `oklch(1 0 0)` → `oklch(0.21 0.033 264)` off the semantic token, with no per-demo styling involved
 
diff --git a/docs/public/robots.txt b/docs/public/robots.txt
new file mode 100644
index 0000000..fe8b8c3
--- /dev/null
+++ b/docs/public/robots.txt
@@ -0,0 +1,4 @@
+User-agent: *
+Allow: /
+
+Sitemap: https://rowkit.dev/sitemap.xml
diff --git a/docs/roadmap.md b/docs/roadmap.md
new file mode 100644
index 0000000..d02ec5c
--- /dev/null
+++ b/docs/roadmap.md
@@ -0,0 +1,110 @@
+# Roadmap
+
+Twelve components for v1.0. That number is a decision rather than a stage on the
+way to forty, and this page is the honest version of what exists, what does not,
+and what was deliberately left out.
+
+[`ROADMAP.md`](https://github.com/NikolaiKushner/rowkit/blob/main/ROADMAP.md) in
+the repository is the source of truth; this page is the readable one.
+
+## Stages
+
+| Stage           | Meaning                                                                 |
+| --------------- | ----------------------------------------------------------------------- |
+| 🟡 Experimental | Renders, has a story, the API may still change                          |
+| 🟢 Stable       | Full API documented, tested, a11y verified, keyboard support, dark mode |
+| 🔒 Locked       | Stable, and no breaking change without a major version                  |
+
+Nothing is Locked before v1.0, because that is what v1.0 means.
+
+## v1.0 scope
+
+**Foundations**
+
+| Component                          | Stage     |
+| ---------------------------------- | --------- |
+| [Button](/components/button)       | 🟢 Stable |
+| [Field & Input](/components/field) | 🟢 Stable |
+| [Select](/components/select)       | 🟢 Stable |
+| [Badge](/components/badge)         | 🟢 Stable |
+
+**Data**
+
+| Component                                       | Stage     |
+| ----------------------------------------------- | --------- |
+| [DataTable](/components/data-table)             | 🟢 Stable |
+| [TablePagination](/components/table-pagination) | 🟢 Stable |
+| [FilterBar](/components/filter-bar)             | 🟢 Stable |
+| [EmptyState](/components/empty-state)           | 🟢 Stable |
+| [Skeleton](/components/skeleton)                | 🟢 Stable |
+
+**Overlays**
+
+| Component                      | Stage     |
+| ------------------------------ | --------- |
+| [Dialog](/components/dialog)   | 🟢 Stable |
+| [Toast](/components/toast)     | 🟢 Stable |
+| [Tooltip](/components/tooltip) | 🟢 Stable |
+
+All twelve meet the definition of done. What remains before v1.0 is time and
+real-world use: an API is not proven by its author.
+
+## Where the project is
+
+The library is built, tested and documented. It is **not on npm yet** — the name
+is reserved and publishing is the final phase of the plan. Until then the source
+is on [GitHub](https://github.com/NikolaiKushner/rowkit) and this site runs the
+real components.
+
+After the first release, the useful work is feedback from people who are not me.
+Version 1.0 comes when the API has survived contact with a few real
+applications, not when a checklist empties.
+
+## Considered, not planned
+
+Reasonable ideas that are explicitly out of scope for v1.0. Recording them is how
+they stay out:
+
+- Date picker / date range picker
+- Rich text editor
+- Charts — better served by a dedicated library
+- Command palette
+- A form validation layer — rowkit provides field states; validation is the
+  application's job, and [the forms pattern](/patterns/forms) shows the wiring
+- Virtualised lists beyond `DataTable`
+- A Figma kit
+- A React port
+
+If one of these is what you need, a broader kit or a specialist library is the
+better answer, and rowkit composes with both.
+
+## Non-goals
+
+**Not a general-purpose UI library.** If you need forty components covering every
+case, use [Nuxt UI](https://ui.nuxt.com) or
+[shadcn-vue](https://www.shadcn-vue.com). Both are good; see
+[the introduction](/introduction) for how to route yourself between them.
+
+**Not a CSS framework.** Tailwind v4 is a peer dependency. rowkit does not
+replace it, wrap it, or ship its own copy.
+
+**Not opinionated about data fetching.** Components take props. Where the data
+comes from, and when, is yours.
+
+## Beyond v1.0
+
+Nothing here is promised, and none of it starts before the API has settled:
+
+- A popover, which is the honest answer to "can a tooltip contain a link"
+- Virtualisation for `DataTable`, once there is a real workload that needs it
+  rather than a benchmark — see
+  [the decision record](/decisions/004-datatable-performance) for the current
+  reasoning
+- A custom docs theme, which is a legitimate project and the lowest-information
+  work available today
+
+## Suggesting something
+
+Open an issue. The most useful ones describe the problem rather than the
+component — "the filter bar cannot show a range" is far more actionable than
+"add a date picker", and often has an answer that needs no new component at all.
diff --git a/package.json b/package.json
index 3b1f306..6cc4c47 100644
--- a/package.json
+++ b/package.json
@@ -48,6 +48,7 @@
     "@storybook/vue3-vite": "^10.5.5",
     "@tailwindcss/vite": "^4.3.3",
     "@types/node": "^26.1.1",
+    "@vercel/analytics": "^2.0.1",
     "@vitejs/plugin-vue": "^6.0.8",
     "@vitest/browser": "^4.1.10",
     "@vitest/browser-playwright": "^4.1.10",
diff --git a/packages/ui/scripts/component-api.d.mts b/packages/ui/scripts/component-api.d.mts
new file mode 100644
index 0000000..f9fe8df
--- /dev/null
+++ b/packages/ui/scripts/component-api.d.mts
@@ -0,0 +1,37 @@
+/**
+ * Types for the shared component-API extraction.
+ *
+ * The extractor is plain JS: it runs under bare `node` as a build step, with no
+ * compile ahead of it. This file exists so tests can import it without escaping
+ * the type system, which hard rule 7 forbids.
+ */
+
+/** Absolute path of the `packages/ui` directory. */
+export declare const packageRoot: string
+
+/** Absolute path of the repository root. */
+export declare const repoRoot: string
+
+/** Collapses a JSDoc comment to one line. */
+export declare function summarise(comment: string, limit?: number): string
+
+/** One entry per component, describing its public API. */
+export declare function buildComponentApi(): Promise<
+  Map<
+    string,
+    {
+      component: string
+      propsType: string
+      props: {
+        name: string
+        type: string
+        required: boolean
+        default: string | undefined
+        description: string
+      }[]
+      models: { name: string; type: string; description: string }[]
+      events: { name: string; payload: string; description: string }[]
+      slots: { name: string; props: string; description: string; dynamic?: boolean }[]
+    }
+  >
+>
diff --git a/packages/ui/src/components/DataTable/DataTable.test.ts b/packages/ui/src/components/DataTable/DataTable.test.ts
index f9d21e5..f822a57 100644
--- a/packages/ui/src/components/DataTable/DataTable.test.ts
+++ b/packages/ui/src/components/DataTable/DataTable.test.ts
@@ -234,6 +234,35 @@ describe('DataTable', () => {
       expect(el.find('tbody td').classes()).toContain('left-0')
     })
 
+    it('keeps a pinned header cell above the header cells that follow it', () => {
+      /*
+       * The header row establishes one stacking context; inside it the pinned
+       * cell has to outrank its siblings. Without that they all sat on the same
+       * layer, so the later ones in the DOM painted over the pinned one and
+       * scrolling right slid `Email` straight across `Name` — while the pinned
+       * body cells below stayed put, leaving the column without its heading.
+       *
+       * jsdom has no layout, so this asserts the structure that produces the
+       * paint order rather than the paint order itself.
+       */
+      const el = setup({
+        columns: [
+          { key: 'name', header: 'Name', sticky: true },
+          { key: 'role', header: 'Role' },
+        ],
+      })
+
+      expect(el.find('thead tr').classes()).toContain('z-sticky')
+
+      const [pinned, plain] = el.findAll('thead th').slice(-2)
+      expect(pinned?.classes()).toContain('z-1')
+      expect(plain?.classes()).not.toContain('z-1')
+
+      // The layer belongs to the row now; a cell carrying it too would create a
+      // second stacking context and put the cells back on equal footing.
+      expect(pinned?.classes()).not.toContain('z-sticky')
+    })
+
     it('gives a pinned body cell an opaque background so rows do not show through', () => {
       // Inherited from the row rather than hardcoded, so selected and hover
       // states are not painted over by the pinned column.
diff --git a/packages/ui/src/components/DataTable/DataTable.variants.ts b/packages/ui/src/components/DataTable/DataTable.variants.ts
index d9a9b1a..f9372dd 100644
--- a/packages/ui/src/components/DataTable/DataTable.variants.ts
+++ b/packages/ui/src/components/DataTable/DataTable.variants.ts
@@ -31,9 +31,17 @@ export const dataTableCaptionVariants = cva('px-3 py-2 text-left text-text-muted
 })
 
 /**
- * Header cells outrank body cells in the stacking order so a sticky header
- * paints over a pinned column as the body scrolls under it.
+ * The header row is one layer, and its own stacking context.
  *
+ * `z-sticky` sits on the row rather than on each cell so the header as a whole
+ * paints over the body — including over a pinned column, which is positioned and
+ * would otherwise rise above static header cells. Inside that context the cells
+ * only have to be ordered against each other, which takes a plain offset rather
+ * than another step on the token scale.
+ */
+export const dataTableHeaderRowVariants = cva('relative z-sticky')
+
+/**
  * Body cells need no z-index of their own: a `sticky` cell is positioned, and a
  * positioned element already paints above its static siblings.
  */
@@ -51,12 +59,21 @@ export const dataTableHeaderCellVariants = cva(
         end: 'text-end',
       },
       sticky: {
-        true: 'sticky top-0 z-sticky',
+        true: 'sticky top-0',
         false: '',
       },
       /** Pinned to the start edge, with a shadow once there is anything hidden behind it. */
       pinned: {
-        true: 'sticky left-0 z-sticky',
+        /**
+         * `z-1` orders this cell against the other header cells, inside the
+         * stacking context the header row establishes — not against the page.
+         *
+         * Without it every header cell sat on the same layer, so the later ones
+         * in the DOM painted over the pinned one: scrolling right slid `Email`
+         * straight across `Name` while the pinned body cells below stayed put,
+         * and the column lost its own heading.
+         */
+        true: 'sticky left-0 z-1',
         false: '',
       },
     },
diff --git a/packages/ui/src/components/DataTable/DataTable.vue b/packages/ui/src/components/DataTable/DataTable.vue
index 1b65a40..d502666 100644
--- a/packages/ui/src/components/DataTable/DataTable.vue
+++ b/packages/ui/src/components/DataTable/DataTable.vue
@@ -9,6 +9,7 @@ import {
   dataTableCellVariants,
   dataTableCheckboxVariants,
   dataTableHeaderCellVariants,
+  dataTableHeaderRowVariants,
   dataTablePinnedShadow,
   dataTableRadioVariants,
   dataTableRowVariants,
@@ -318,7 +319,7 @@ function pinnedClass(column: DataTableColumn<TRow>): string | false {
       </caption>
 
       <thead>
-        <tr>
+        <tr :class="dataTableHeaderRowVariants()">
           <th
             v-if="props.selectable !== undefined"
             scope="col"
diff --git a/packages/ui/src/components/DataTable/index.ts b/packages/ui/src/components/DataTable/index.ts
index 6939ccc..be3febc 100644
--- a/packages/ui/src/components/DataTable/index.ts
+++ b/packages/ui/src/components/DataTable/index.ts
@@ -18,6 +18,7 @@ export {
   dataTableCaptionVariants,
   dataTableCellVariants,
   dataTableHeaderCellVariants,
+  dataTableHeaderRowVariants,
   dataTableCheckboxVariants,
   dataTableRadioVariants,
   dataTableRowVariants,
diff --git a/packages/ui/src/docs-styles.test.ts b/packages/ui/src/docs-styles.test.ts
new file mode 100644
index 0000000..2900277
--- /dev/null
+++ b/packages/ui/src/docs-styles.test.ts
@@ -0,0 +1,77 @@
+import { readFile } from 'node:fs/promises'
+import { join } from 'node:path'
+import { describe, expect, it } from 'vitest'
+import { repoRoot } from '../scripts/component-api.mjs'
+
+/**
+ * The docs stylesheet has to keep winning against VitePress's own reset.
+ *
+ * VitePress's default theme ships an unlayered reset — `button, input, …
+ * { border: 0; padding: 0 }` and `button { background-color: transparent }` —
+ * and unlayered CSS beats anything in `@layer utilities` regardless of order or
+ * specificity. Left alone, every button and input in a live demo renders with no
+ * background, no padding and no border, while the properties the reset does not
+ * name come through normally.
+ *
+ * That is the failure mode this project keeps meeting: correct classes, correct
+ * stylesheet, no error anywhere, wrong pixels. It shipped once already.
+ */
+describe('docs stylesheet', () => {
+  it("restores demo controls from under VitePress's reset", async () => {
+    const css = await readFile(join(repoRoot, 'docs/.vitepress/theme/tokens.css'), 'utf8')
+    expect(
+      css,
+      'without this every button and input in a demo loses its background, padding and border'
+    ).toMatch(/\.rk-demo :is\(button, input[^)]*\)\s*\{\s*all: revert-layer/)
+  })
+
+  it('does not reach for `important` mode', async () => {
+    /*
+     * The blunt fix for the same problem, and it backfires: every utility
+     * becomes important, Tailwind's own `container` utility then collides with
+     * the class VitePress uses for its layout, and because layer order is
+     * reversed for important declarations a layered `!important` beats an
+     * unlayered one — so the collision cannot be overridden.
+     */
+    const css = await readFile(join(repoRoot, 'docs/.vitepress/theme/tokens.css'), 'utf8')
+    // Anchored to a line start: the comment above explains why not to do this,
+    // and matching prose would fail the assertion on its own explanation.
+    expect(css).not.toMatch(/^@import 'tailwindcss' important/m)
+  })
+
+  it("keeps VitePress's chrome above a sticky table header", async () => {
+    /*
+     * VitePress's navbar sits at z-index 20 and `--z-index-sticky` is 100,
+     * because that scale assumes rowkit *is* the chrome. In the docs it is the
+     * guest, so a DataTable's sticky header scrolled over the site nav.
+     */
+    const css = await readFile(join(repoRoot, 'docs/.vitepress/theme/tokens.css'), 'utf8')
+    expect(css).toMatch(/--vp-z-index-nav:\s*\d{4}/)
+  })
+
+  it('aligns home markdown with the hero', async () => {
+    const css = await readFile(join(repoRoot, 'docs/.vitepress/theme/tokens.css'), 'utf8')
+    expect(css).toMatch(/\.VPHome \.vp-doc\.container\s*\{[^}]*box-sizing: content-box/)
+  })
+
+  it('keeps demo tables as tables', async () => {
+    /*
+     * VitePress sets `.vp-doc table { display: block }` so long markdown tables
+     * scroll. A block-level table's inner grid is shrink-to-fit, so `width:
+     * 100%` sizes the block and leaves the cells short — and the table reports
+     * full width to `getBoundingClientRect`, which is how this survived a
+     * measurement pass while rendering with 619px of dead space beside it.
+     */
+    const css = await readFile(join(repoRoot, 'docs/.vitepress/theme/tokens.css'), 'utf8')
+    expect(css).toMatch(/\.rk-demo table\s*\{[^}]*display:\s*table/)
+  })
+
+  it('sources the component library and the markdown pages', async () => {
+    const css = await readFile(join(repoRoot, 'docs/.vitepress/theme/tokens.css'), 'utf8')
+    // Paths resolve relative to this file, so the markdown ones climb out of
+    // `.vitepress/`. A non-existent `@source` is not an error, just no CSS.
+    for (const source of ['../../../packages/ui/src', '../../components', '../../*.md']) {
+      expect(css, `missing @source ${source}`).toContain(`@source '${source}'`)
+    }
+  })
+})
diff --git a/packages/ui/src/styles/variants.test.ts b/packages/ui/src/styles/variants.test.ts
index 7a9f401..269b6a4 100644
--- a/packages/ui/src/styles/variants.test.ts
+++ b/packages/ui/src/styles/variants.test.ts
@@ -11,6 +11,7 @@ import {
   dataTableCellVariants,
   dataTableCheckboxVariants,
   dataTableHeaderCellVariants,
+  dataTableHeaderRowVariants,
   dataTableRadioVariants,
   dataTableRowVariants,
   dataTableSelectCellVariants,
@@ -157,6 +158,7 @@ const components: readonly (readonly [string, CvaFn])[] = [
   ['DataTable wrapper', dataTableWrapperVariants],
   ['DataTable', dataTableVariants],
   ['DataTable caption', dataTableCaptionVariants],
+  ['DataTable header row', dataTableHeaderRowVariants],
   ['DataTable header cell', dataTableHeaderCellVariants],
   ['DataTable cell', dataTableCellVariants],
   ['DataTable row', dataTableRowVariants],
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 5ed2899..c04548a 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -35,6 +35,9 @@ importers:
       '@types/node':
         specifier: ^26.1.1
         version: 26.1.1
+      '@vercel/analytics':
+        specifier: ^2.0.1
+        version: 2.0.1(nuxt@4.5.1(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@types/node@26.1.1)(@vue/compiler-sfc@3.5.40)(db0@0.3.4)(esbuild@0.28.1)(eslint@10.8.0(jiti@2.7.0))(ioredis@5.11.1)(lightningcss@1.33.0)(magicast@0.5.3)(optionator@0.9.4)(oxc-parser@0.140.0)(rollup-plugin-visualizer@7.0.1(rolldown@1.2.0)(rollup@4.62.3))(rollup@4.62.3)(srvx@0.12.4)(terser@5.49.0)(typescript@6.0.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))(vue-tsc@3.3.8(typescript@6.0.3))(yaml@2.9.0))(react@19.2.8)(vue@3.5.40(typescript@6.0.3))
       '@vitejs/plugin-vue':
         specifier: ^6.0.8
         version: 6.0.8(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.3))
@@ -2352,6 +2355,35 @@ packages:
     peerDependencies:
       valibot: ^1.4.0
 
+  '@vercel/analytics@2.0.1':
+    resolution: {integrity: sha512-MTQG6V9qQrt1tsDeF+2Uoo5aPjqbVPys1xvnIftXSJYG2SrwXRHnqEvVoYID7BTruDz4lCd2Z7rM1BdkUehk2g==}
+    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
+    peerDependenciesMeta:
+      '@remix-run/react':
+        optional: true
+      '@sveltejs/kit':
+        optional: true
+      next:
+        optional: true
+      nuxt:
+        optional: true
+      react:
+        optional: true
+      svelte:
+        optional: true
+      vue:
+        optional: true
+      vue-router:
+        optional: true
+
   '@vercel/nft@1.10.2':
     resolution: {integrity: sha512-w+WyX5Ulmj4dtTZrxaulqrjaLZHSbnPzx75SJsTNYmotKsqn1JlLnDJa+lz5hn90HJofhl/2MAtw0mCrgM3qYw==}
     engines: {node: '>=20'}
@@ -6656,6 +6688,18 @@ snapshots:
       tinyexec: 1.2.4
       zigpty: 0.2.1
 
+  '@devframes/hub@0.7.14(devframe@0.7.14(srvx@0.12.4)(typescript@6.0.3))':
+    dependencies:
+      birpc: 4.0.0
+      destr: 2.0.5
+      devframe: 0.7.14(srvx@0.12.4)(typescript@6.0.3)
+      nostics: 1.2.0
+      pathe: 2.0.3
+      perfect-debounce: 2.1.0
+      tinyexec: 1.2.4
+      zigpty: 0.2.1
+    optional: true
+
   '@devframes/json-render@0.7.14(@devframes/hub@0.7.14(devframe@0.7.14(srvx@0.11.22)(typescript@6.0.3)))(devframe@0.7.14(srvx@0.11.22)(typescript@6.0.3))':
     dependencies:
       '@json-render/core': 0.19.0(zod@4.4.3)
@@ -6665,6 +6709,16 @@ snapshots:
     optionalDependencies:
       '@devframes/hub': 0.7.14(devframe@0.7.14(srvx@0.11.22)(typescript@6.0.3))
 
+  '@devframes/json-render@0.7.14(@devframes/hub@0.7.14(devframe@0.7.14(srvx@0.12.4)(typescript@6.0.3)))(devframe@0.7.14(srvx@0.12.4)(typescript@6.0.3))':
+    dependencies:
+      '@json-render/core': 0.19.0(zod@4.4.3)
+      devframe: 0.7.14(srvx@0.12.4)(typescript@6.0.3)
+      nostics: 1.2.0
+      zod: 4.4.3
+    optionalDependencies:
+      '@devframes/hub': 0.7.14(devframe@0.7.14(srvx@0.12.4)(typescript@6.0.3))
+    optional: true
+
   '@docsearch/css@3.8.2': {}
 
   '@docsearch/js@3.8.2(@algolia/client-search@5.56.0)(react@19.2.8)(search-insights@2.17.3)':
@@ -7358,6 +7412,93 @@ snapshots:
       - webpack
       - xml2js
 
+  '@nuxt/nitro-server@4.5.1(db2b3d73d0418905ca848b84d96d2a7b)':
+    dependencies:
+      '@nuxt/devalue': 2.0.2
+      '@nuxt/kit': 4.5.1(magic-string@1.1.0)(magicast@0.5.3)(oxc-parser@0.140.0)(rolldown@1.2.0)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0)))
+      '@unhead/vue': 3.2.3(esbuild@0.28.1)(lightningcss@1.33.0)(rolldown@1.2.0)(rollup@4.62.3)(srvx@0.12.4)(typescript@6.0.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.3))
+      '@vue/shared': 3.5.40
+      consola: 3.4.2
+      defu: 6.1.7
+      destr: 2.0.5
+      devalue: 5.8.2
+      errx: 0.1.0
+      escape-string-regexp: 5.0.0
+      exsolve: 1.1.0
+      h3: 1.15.11
+      impound: 1.1.6(esbuild@0.28.1)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))
+      klona: 2.0.6
+      mocked-exports: 0.1.1
+      nitropack: 2.13.4(oxc-parser@0.140.0)(rolldown@1.2.0)(srvx@0.12.4)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))
+      nostics: 1.2.0
+      nuxt: 4.5.1(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@types/node@26.1.1)(@vue/compiler-sfc@3.5.40)(db0@0.3.4)(esbuild@0.28.1)(eslint@10.8.0(jiti@2.7.0))(ioredis@5.11.1)(lightningcss@1.33.0)(magicast@0.5.3)(optionator@0.9.4)(oxc-parser@0.140.0)(rollup-plugin-visualizer@7.0.1(rolldown@1.2.0)(rollup@4.62.3))(rollup@4.62.3)(srvx@0.12.4)(terser@5.49.0)(typescript@6.0.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))(vue-tsc@3.3.8(typescript@6.0.3))(yaml@2.9.0)
+      nypm: 0.6.8
+      ohash: 2.0.11
+      pathe: 2.0.3
+      rou3: 0.9.1
+      std-env: 4.2.0
+      ufo: 1.6.4
+      unctx: 3.0.0(magic-string@1.1.0)(oxc-parser@0.140.0)(rolldown@1.2.0)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0)))
+      unstorage: 1.17.5(db0@0.3.4)(ioredis@5.11.1)
+      vue: 3.5.40(typescript@6.0.3)
+      vue-bundle-renderer: 2.3.1
+      vue-devtools-stub: 0.1.0
+    optionalDependencies:
+      '@babel/plugin-syntax-typescript': 7.29.7(@babel/core@7.29.7)
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@capacitor/preferences'
+      - '@deno/kv'
+      - '@electric-sql/pglite'
+      - '@farmfe/core'
+      - '@libsql/client'
+      - '@modelcontextprotocol/sdk'
+      - '@netlify/blobs'
+      - '@parcel/watcher'
+      - '@planetscale/database'
+      - '@rspack/core'
+      - '@unhead/cli'
+      - '@upstash/redis'
+      - '@vercel/blob'
+      - '@vercel/functions'
+      - '@vercel/kv'
+      - aws4fetch
+      - bare-abort-controller
+      - bare-buffer
+      - better-sqlite3
+      - bun-types-no-globals
+      - cac
+      - db0
+      - drizzle-orm
+      - encoding
+      - esbuild
+      - idb-keyval
+      - ioredis
+      - lightningcss
+      - magic-string
+      - magicast
+      - mysql2
+      - oxc-parser
+      - react-native-b4a
+      - rolldown
+      - rollup
+      - sqlite3
+      - srvx
+      - supports-color
+      - typescript
+      - unloader
+      - unplugin
+      - uploadthing
+      - vite
+      - webpack
+      - xml2js
+    optional: true
+
   '@nuxt/schema@4.5.1':
     dependencies:
       '@vue/shared': 3.5.40
@@ -7439,6 +7580,70 @@ snapshots:
       - vue-tsc
       - yaml
 
+  '@nuxt/vite-builder@4.5.1(97e5790b2a0d976c61fb7bdbde0109f0)':
+    dependencies:
+      '@nuxt/kit': 4.5.1(magic-string@1.1.0)(magicast@0.5.3)(oxc-parser@0.140.0)(rolldown@1.2.0)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0)))
+      '@vitejs/plugin-vue': 6.0.8(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.3))
+      '@vitejs/plugin-vue-jsx': 5.1.6(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.3))
+      autoprefixer: 10.5.4(postcss@8.5.23)
+      consola: 3.4.2
+      cssnano: 8.0.2(postcss@8.5.23)
+      defu: 6.1.7
+      escape-string-regexp: 5.0.0
+      exsolve: 1.1.0
+      generic-names: 4.0.0
+      get-port-please: 3.2.0
+      jiti: 2.7.0
+      js-tokens: 10.0.0
+      knitwork: 1.3.0
+      mlly: 1.8.2
+      mocked-exports: 0.1.1
+      nuxt: 4.5.1(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@types/node@26.1.1)(@vue/compiler-sfc@3.5.40)(db0@0.3.4)(esbuild@0.28.1)(eslint@10.8.0(jiti@2.7.0))(ioredis@5.11.1)(lightningcss@1.33.0)(magicast@0.5.3)(optionator@0.9.4)(oxc-parser@0.140.0)(rollup-plugin-visualizer@7.0.1(rolldown@1.2.0)(rollup@4.62.3))(rollup@4.62.3)(srvx@0.12.4)(terser@5.49.0)(typescript@6.0.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))(vue-tsc@3.3.8(typescript@6.0.3))(yaml@2.9.0)
+      nypm: 0.6.8
+      pathe: 2.0.3
+      pkg-types: 2.3.1
+      postcss: 8.5.23
+      rolldown-string: 0.3.1(rolldown@1.2.0)
+      seroval: 1.5.6
+      std-env: 4.2.0
+      ufo: 1.6.4
+      unenv: 2.0.0-rc.24
+      vite: 8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0)
+      vite-node: 6.0.0(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0)
+      vite-plugin-checker: 0.14.5(eslint@10.8.0(jiti@2.7.0))(optionator@0.9.4)(typescript@6.0.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))(vue-tsc@3.3.8(typescript@6.0.3))
+      vue: 3.5.40(typescript@6.0.3)
+      vue-bundle-renderer: 2.3.1
+    optionalDependencies:
+      '@babel/plugin-syntax-jsx': 7.29.7(@babel/core@7.29.7)
+      rolldown: 1.2.0
+      rollup-plugin-visualizer: 7.0.1(rolldown@1.2.0)(rollup@4.62.3)
+    transitivePeerDependencies:
+      - '@biomejs/biome'
+      - '@types/node'
+      - '@vitejs/devtools'
+      - esbuild
+      - eslint
+      - less
+      - magic-string
+      - magicast
+      - meow
+      - optionator
+      - oxc-parser
+      - oxlint
+      - sass
+      - sass-embedded
+      - stylelint
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - tsx
+      - typescript
+      - unplugin
+      - vue-tsc
+      - yaml
+    optional: true
+
   '@one-ini/wasm@0.1.1': {}
 
   '@oxc-parser/binding-android-arm-eabi@0.127.0':
@@ -8307,6 +8512,32 @@ snapshots:
       - typescript
       - unloader
 
+  '@unhead/bundler@3.2.3(esbuild@0.28.1)(lightningcss@1.33.0)(rolldown@1.2.0)(rollup@4.62.3)(srvx@0.12.4)(typescript@6.0.3)(unhead@3.2.3(esbuild@0.28.1)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0)))(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))':
+    dependencies:
+      '@vitejs/devtools-kit': 0.4.9(srvx@0.12.4)(typescript@6.0.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))
+      magic-string: 1.1.0
+      oxc-parser: 0.140.0
+      oxc-walker: 1.0.0(esbuild@0.28.1)(oxc-parser@0.140.0)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))
+      ufo: 1.6.4
+      unhead: 3.2.3(esbuild@0.28.1)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))
+      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))
+    optionalDependencies:
+      esbuild: 0.28.1
+      lightningcss: 1.33.0
+      rolldown: 1.2.0
+      vite: 8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0)
+    transitivePeerDependencies:
+      - '@farmfe/core'
+      - '@modelcontextprotocol/sdk'
+      - '@rspack/core'
+      - bun-types-no-globals
+      - cac
+      - rollup
+      - srvx
+      - typescript
+      - unloader
+    optional: true
+
   '@unhead/vue@3.2.3(esbuild@0.28.1)(lightningcss@1.33.0)(rolldown@1.2.0)(rollup@4.62.3)(srvx@0.11.22)(typescript@6.0.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.3))':
     dependencies:
       '@unhead/bundler': 3.2.3(esbuild@0.28.1)(lightningcss@1.33.0)(rolldown@1.2.0)(rollup@4.62.3)(srvx@0.11.22)(typescript@6.0.3)(unhead@3.2.3(esbuild@0.28.1)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0)))(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))
@@ -8331,10 +8562,41 @@ snapshots:
       - typescript
       - unloader
 
+  '@unhead/vue@3.2.3(esbuild@0.28.1)(lightningcss@1.33.0)(rolldown@1.2.0)(rollup@4.62.3)(srvx@0.12.4)(typescript@6.0.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.3))':
+    dependencies:
+      '@unhead/bundler': 3.2.3(esbuild@0.28.1)(lightningcss@1.33.0)(rolldown@1.2.0)(rollup@4.62.3)(srvx@0.12.4)(typescript@6.0.3)(unhead@3.2.3(esbuild@0.28.1)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0)))(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))
+      hookable: 6.1.1
+      unhead: 3.2.3(esbuild@0.28.1)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))
+      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))
+      vue: 3.5.40(typescript@6.0.3)
+    optionalDependencies:
+      vite: 8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0)
+    transitivePeerDependencies:
+      - '@farmfe/core'
+      - '@modelcontextprotocol/sdk'
+      - '@rspack/core'
+      - '@unhead/cli'
+      - bun-types-no-globals
+      - cac
+      - esbuild
+      - lightningcss
+      - rolldown
+      - rollup
+      - srvx
+      - typescript
+      - unloader
+    optional: true
+
   '@valibot/to-json-schema@1.7.1(valibot@1.4.2(typescript@6.0.3))':
     dependencies:
       valibot: 1.4.2(typescript@6.0.3)
 
+  '@vercel/analytics@2.0.1(nuxt@4.5.1(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@types/node@26.1.1)(@vue/compiler-sfc@3.5.40)(db0@0.3.4)(esbuild@0.28.1)(eslint@10.8.0(jiti@2.7.0))(ioredis@5.11.1)(lightningcss@1.33.0)(magicast@0.5.3)(optionator@0.9.4)(oxc-parser@0.140.0)(rollup-plugin-visualizer@7.0.1(rolldown@1.2.0)(rollup@4.62.3))(rollup@4.62.3)(srvx@0.12.4)(terser@5.49.0)(typescript@6.0.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))(vue-tsc@3.3.8(typescript@6.0.3))(yaml@2.9.0))(react@19.2.8)(vue@3.5.40(typescript@6.0.3))':
+    optionalDependencies:
+      nuxt: 4.5.1(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@types/node@26.1.1)(@vue/compiler-sfc@3.5.40)(db0@0.3.4)(esbuild@0.28.1)(eslint@10.8.0(jiti@2.7.0))(ioredis@5.11.1)(lightningcss@1.33.0)(magicast@0.5.3)(optionator@0.9.4)(oxc-parser@0.140.0)(rollup-plugin-visualizer@7.0.1(rolldown@1.2.0)(rollup@4.62.3))(rollup@4.62.3)(srvx@0.12.4)(terser@5.49.0)(typescript@6.0.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))(vue-tsc@3.3.8(typescript@6.0.3))(yaml@2.9.0)
+      react: 19.2.8
+      vue: 3.5.40(typescript@6.0.3)
+
   '@vercel/nft@1.10.2(rollup@4.62.3)':
     dependencies:
       '@mapbox/node-pre-gyp': 2.0.3
@@ -8370,6 +8632,23 @@ snapshots:
       - srvx
       - typescript
 
+  '@vitejs/devtools-kit@0.4.9(srvx@0.12.4)(typescript@6.0.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))':
+    dependencies:
+      '@devframes/hub': 0.7.14(devframe@0.7.14(srvx@0.12.4)(typescript@6.0.3))
+      '@devframes/json-render': 0.7.14(@devframes/hub@0.7.14(devframe@0.7.14(srvx@0.12.4)(typescript@6.0.3)))(devframe@0.7.14(srvx@0.12.4)(typescript@6.0.3))
+      devframe: 0.7.14(srvx@0.12.4)(typescript@6.0.3)
+      local-pkg: 1.2.1
+      mlly: 1.8.2
+      nostics: 1.2.0
+      nypm: 0.6.8
+      vite: 8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0)
+    transitivePeerDependencies:
+      - '@modelcontextprotocol/sdk'
+      - cac
+      - srvx
+      - typescript
+    optional: true
+
   '@vitejs/plugin-vue-jsx@5.1.6(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.3))':
     dependencies:
       '@babel/core': 7.29.7
@@ -9122,6 +9401,11 @@ snapshots:
     optionalDependencies:
       srvx: 0.11.22
 
+  crossws@0.4.10(srvx@0.12.4):
+    optionalDependencies:
+      srvx: 0.12.4
+    optional: true
+
   css-select@5.2.2:
     dependencies:
       boolbase: 1.0.0
@@ -9257,20 +9541,37 @@ snapshots:
       - srvx
       - typescript
 
-  devlop@1.1.0:
-    dependencies:
-      dequal: 2.0.3
-
-  diff@8.0.4: {}
-
-  dir-glob@3.0.1:
+  devframe@0.7.14(srvx@0.12.4)(typescript@6.0.3):
     dependencies:
-      path-type: 4.0.0
-
-  doctypes@1.1.0: {}
-
-  dom-accessibility-api@0.5.16: {}
-
+      '@valibot/to-json-schema': 1.7.1(valibot@1.4.2(typescript@6.0.3))
+      birpc: 4.0.0
+      crossws: 0.4.10(srvx@0.12.4)
+      destr: 2.0.5
+      h3: 2.0.1-rc.26(crossws@0.4.10(srvx@0.12.4))
+      mrmime: 2.0.1
+      nostics: 1.2.0
+      pathe: 2.0.3
+      ufo: 1.6.4
+      valibot: 1.4.2(typescript@6.0.3)
+    transitivePeerDependencies:
+      - srvx
+      - typescript
+    optional: true
+
+  devlop@1.1.0:
+    dependencies:
+      dequal: 2.0.3
+
+  diff@8.0.4: {}
+
+  dir-glob@3.0.1:
+    dependencies:
+      path-type: 4.0.0
+
+  doctypes@1.1.0: {}
+
+  dom-accessibility-api@0.5.16: {}
+
   dom-accessibility-api@0.6.3: {}
 
   dom-serializer@2.0.0:
@@ -9754,6 +10055,14 @@ snapshots:
     optionalDependencies:
       crossws: 0.4.10(srvx@0.11.22)
 
+  h3@2.0.1-rc.26(crossws@0.4.10(srvx@0.12.4)):
+    dependencies:
+      rou3: 0.9.1
+      srvx: 0.12.4
+    optionalDependencies:
+      crossws: 0.4.10(srvx@0.12.4)
+    optional: true
+
   has-flag@4.0.0: {}
 
   has-symbols@1.1.0: {}
@@ -10202,6 +10511,28 @@ snapshots:
     transitivePeerDependencies:
       - srvx
 
+  listhen@1.10.1(srvx@0.12.4):
+    dependencies:
+      '@parcel/watcher-wasm': 2.6.0
+      citty: 0.2.2
+      consola: 3.4.2
+      crossws: 0.4.10(srvx@0.12.4)
+      defu: 6.1.7
+      get-port-please: 3.2.0
+      h3: 1.15.11
+      http-shutdown: 1.2.2
+      jiti: 2.7.0
+      node-forge: 1.4.0
+      pathe: 2.0.3
+      std-env: 4.2.0
+      tinyclip: 0.1.15
+      ufo: 1.6.4
+      untun: 0.2.2
+      uqr: 0.1.3
+    transitivePeerDependencies:
+      - srvx
+    optional: true
+
   loader-utils@3.3.1: {}
 
   local-pkg@1.2.1:
@@ -10496,6 +10827,119 @@ snapshots:
       - vite
       - webpack
 
+  nitropack@2.13.4(oxc-parser@0.140.0)(rolldown@1.2.0)(srvx@0.12.4)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0)):
+    dependencies:
+      '@cloudflare/kv-asset-handler': 0.4.2
+      '@rollup/plugin-alias': 6.0.0(rollup@4.62.3)
+      '@rollup/plugin-commonjs': 29.0.3(rollup@4.62.3)
+      '@rollup/plugin-inject': 5.0.5(rollup@4.62.3)
+      '@rollup/plugin-json': 6.1.0(rollup@4.62.3)
+      '@rollup/plugin-node-resolve': 16.0.3(rollup@4.62.3)
+      '@rollup/plugin-replace': 6.0.3(rollup@4.62.3)
+      '@rollup/plugin-terser': 1.0.0(rollup@4.62.3)
+      '@vercel/nft': 1.10.2(rollup@4.62.3)
+      archiver: 7.0.1
+      c12: 3.3.4(magicast@0.5.3)
+      chokidar: 5.0.0
+      citty: 0.2.2
+      compatx: 0.2.0
+      confbox: 0.2.4
+      consola: 3.4.2
+      cookie-es: 2.0.1
+      croner: 10.0.1
+      crossws: 0.3.5
+      db0: 0.3.4
+      defu: 6.1.7
+      destr: 2.0.5
+      dot-prop: 10.2.0
+      esbuild: 0.28.1
+      escape-string-regexp: 5.0.0
+      etag: 1.8.1
+      exsolve: 1.1.0
+      globby: 16.2.2
+      gzip-size: 7.0.0
+      h3: 1.15.11
+      hookable: 5.5.3
+      httpxy: 0.5.5
+      ioredis: 5.11.1
+      jiti: 2.7.0
+      klona: 2.0.6
+      knitwork: 1.3.0
+      listhen: 1.10.1(srvx@0.12.4)
+      magic-string: 0.30.21
+      magicast: 0.5.3
+      mime: 4.1.0
+      mlly: 1.8.2
+      node-fetch-native: 1.6.7
+      node-mock-http: 1.0.4
+      ofetch: 1.5.1
+      ohash: 2.0.11
+      pathe: 2.0.3
+      perfect-debounce: 2.1.0
+      pkg-types: 2.3.1
+      pretty-bytes: 7.1.1
+      radix3: 1.1.2
+      rollup: 4.62.3
+      rollup-plugin-visualizer: 7.0.1(rolldown@1.2.0)(rollup@4.62.3)
+      scule: 1.3.0
+      semver: 7.8.5
+      serve-placeholder: 2.0.2
+      serve-static: 2.2.1
+      source-map: 0.7.6
+      std-env: 4.2.0
+      ufo: 1.6.4
+      ultrahtml: 1.7.0
+      uncrypto: 0.1.3
+      unctx: 2.5.0
+      unenv: 2.0.0-rc.24
+      unimport: 6.3.1(esbuild@0.28.1)(oxc-parser@0.140.0)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))
+      unplugin-utils: 0.3.2
+      unstorage: 1.17.5(db0@0.3.4)(ioredis@5.11.1)
+      untyped: 2.0.0
+      unwasm: 0.5.3
+      youch: 4.1.1
+      youch-core: 0.3.3
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@capacitor/preferences'
+      - '@deno/kv'
+      - '@electric-sql/pglite'
+      - '@farmfe/core'
+      - '@libsql/client'
+      - '@netlify/blobs'
+      - '@parcel/watcher'
+      - '@planetscale/database'
+      - '@rspack/core'
+      - '@upstash/redis'
+      - '@vercel/blob'
+      - '@vercel/functions'
+      - '@vercel/kv'
+      - aws4fetch
+      - bare-abort-controller
+      - bare-buffer
+      - better-sqlite3
+      - bun-types-no-globals
+      - drizzle-orm
+      - encoding
+      - idb-keyval
+      - mysql2
+      - oxc-parser
+      - react-native-b4a
+      - rolldown
+      - sqlite3
+      - srvx
+      - supports-color
+      - unloader
+      - uploadthing
+      - vite
+      - webpack
+    optional: true
+
   node-fetch-native@1.6.7: {}
 
   node-fetch@2.7.0:
@@ -10674,6 +11118,146 @@ snapshots:
       - xml2js
       - yaml
 
+  nuxt@4.5.1(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@types/node@26.1.1)(@vue/compiler-sfc@3.5.40)(db0@0.3.4)(esbuild@0.28.1)(eslint@10.8.0(jiti@2.7.0))(ioredis@5.11.1)(lightningcss@1.33.0)(magicast@0.5.3)(optionator@0.9.4)(oxc-parser@0.140.0)(rollup-plugin-visualizer@7.0.1(rolldown@1.2.0)(rollup@4.62.3))(rollup@4.62.3)(srvx@0.12.4)(terser@5.49.0)(typescript@6.0.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))(vue-tsc@3.3.8(typescript@6.0.3))(yaml@2.9.0):
+    dependencies:
+      '@dxup/nuxt': 0.5.4(esbuild@0.28.1)(magicast@0.5.3)(oxc-parser@0.140.0)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))
+      '@nuxt/cli': 3.37.0(@nuxt/schema@4.5.1)(magicast@0.5.3)
+      '@nuxt/devtools': 3.3.1(db0@0.3.4)(ioredis@5.11.1)(magic-string@1.1.0)(oxc-parser@0.140.0)(rolldown@1.2.0)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0)))(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.3))
+      '@nuxt/kit': 4.5.1(magic-string@1.1.0)(magicast@0.5.3)(oxc-parser@0.140.0)(rolldown@1.2.0)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0)))
+      '@nuxt/nitro-server': 4.5.1(db2b3d73d0418905ca848b84d96d2a7b)
+      '@nuxt/schema': 4.5.1
+      '@nuxt/telemetry': 2.8.0(@nuxt/kit@4.5.1(magic-string@1.1.0)(magicast@0.5.3)(oxc-parser@0.140.0)(rolldown@1.2.0)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))))
+      '@nuxt/vite-builder': 4.5.1(97e5790b2a0d976c61fb7bdbde0109f0)
+      '@unhead/vue': 3.2.3(esbuild@0.28.1)(lightningcss@1.33.0)(rolldown@1.2.0)(rollup@4.62.3)(srvx@0.12.4)(typescript@6.0.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.3))
+      '@vue/shared': 3.5.40
+      chokidar: 5.0.0
+      compatx: 0.2.0
+      consola: 3.4.2
+      cookie-es: 3.1.1
+      defu: 6.1.7
+      devalue: 5.8.2
+      errx: 0.1.0
+      escape-string-regexp: 5.0.0
+      exsolve: 1.1.0
+      fnv1a-64: 0.1.1
+      hookable: 6.1.1
+      ignore: 7.0.6
+      impound: 1.1.6(esbuild@0.28.1)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))
+      jiti: 2.7.0
+      klona: 2.0.6
+      knitwork: 1.3.0
+      magic-string: 1.1.0
+      mlly: 1.8.2
+      nanotar: 0.3.0
+      nostics: 1.2.0
+      nypm: 0.6.8
+      object-identity: 0.2.3
+      ofetch: 1.5.1
+      ohash: 2.0.11
+      on-change: 6.0.2
+      oxc-walker: 1.0.0(esbuild@0.28.1)(oxc-parser@0.140.0)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))
+      pathe: 2.0.3
+      perfect-debounce: 2.1.0
+      picomatch: 4.0.5
+      pkg-types: 2.3.1
+      rolldown: 1.2.0
+      rolldown-string: 0.3.1(rolldown@1.2.0)
+      rou3: 0.9.1
+      scule: 1.3.0
+      std-env: 4.2.0
+      tinyglobby: 0.2.17
+      ufo: 1.6.4
+      ultrahtml: 1.7.0
+      uncrypto: 0.1.3
+      unctx: 3.0.0(magic-string@1.1.0)(oxc-parser@0.140.0)(rolldown@1.2.0)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0)))
+      undici: 8.9.0
+      unhead: 3.2.3(esbuild@0.28.1)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))
+      unimport: 6.3.1(esbuild@0.28.1)(oxc-parser@0.140.0)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))
+      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))
+      unrouting: 0.2.2
+      untyped: 2.0.0
+      verkit: 0.2.0
+      vue: 3.5.40(typescript@6.0.3)
+      vue-router: 5.2.0(@vue/compiler-sfc@3.5.40)(esbuild@0.28.1)(rolldown@1.2.0)(rollup@4.62.3)(vite@8.1.5(@types/node@26.1.1)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.49.0)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.3))
+    optionalDependencies:
+      '@types/node': 26.1.1
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@babel/plugin-proposal-decorators'
+      - '@babel/plugin-syntax-jsx'
+      - '@babel/plugin-syntax-typescript'
+      - '@biomejs/biome'
+      - '@capacitor/preferences'
+      - '@deno/kv'
+      - '@electric-sql/pglite'
+      - '@farmfe/core'
+      - '@libsql/client'
+      - '@modelcontextprotocol/sdk'
+      - '@netlify/blobs'
+      - '@pinia/colada'
+      - '@planetscale/database'
+      - '@rollup/plugin-babel'
+      - '@rspack/core'
+      - '@unhead/cli'
+      - '@upstash/redis'
+      - '@vercel/blob'
+      - '@vercel/functions'
+      - '@vercel/kv'
+      - '@vitejs/devtools'
+      - '@vue/compiler-sfc'
+      - aws4fetch
+      - bare-abort-controller
+      - bare-buffer
+      - better-sqlite3
+      - bufferutil
+      - bun-types-no-globals
+      - cac
+      - commander
+      - db0
+      - drizzle-orm
+      - encoding
+      - esbuild
+      - eslint
+      - idb-keyval
+      - ioredis
+      - less
+      - lightningcss
+      - magicast
+      - meow
+      - mysql2
+      - optionator
+      - oxc-parser
+      - oxlint
+      - pinia
+      - react-native-b4a
+      - rollup
+      - rollup-plugin-visualizer
+      - sass
+      - sass-embedded
+      - sqlite3
+      - srvx
+      - stylelint
+      - stylus
+      - sugarss
+      - supports-color
+      - terser
+      - tsx
+      - typescript
+      - unloader
+      - uploadthing
+      - utf-8-validate
+      - vite
+      - vue-tsc
+      - webpack
+      - xml2js
+      - yaml
+    optional: true
+
   nypm@0.6.8:
     dependencies:
       citty: 0.2.2