diff --git a/.github/ISSUE_TEMPLATE/bug.yml b/.github/ISSUE_TEMPLATE/bug.yml
index 47cb4c5..0557f1a 100644
--- a/.github/ISSUE_TEMPLATE/bug.yml
+++ b/.github/ISSUE_TEMPLATE/bug.yml
@@ -25,12 +25,12 @@ body:
       placeholder: Firefox 156 on Windows 11, Safari on iOS 18.7, Chrome 139 on Android 15
     validations:
       required: true
-  - type: textarea
-    id: selftest
+  - type: input
+    id: version
     attributes:
-      label: Self-test
-      description: Open https://sqzer.dev/selftest/ in the same browser and paste what it prints. It names the package version and what the browser can decode.
-      render: text
+      label: Version of `sqzer`
+      description: The number in the page's footer, after "`sqzer` on npm".
+      placeholder: 0.3.0
     validations:
       required: true
   - type: textarea
diff --git a/.github/check.mjs b/.github/check.mjs
deleted file mode 100644
index 4912472..0000000
--- a/.github/check.mjs
+++ /dev/null
@@ -1,91 +0,0 @@
-// The page in a headless browser, against the version of `sqzer` that
-// `site/package.json` names. Run by `.github/workflows/check.yml` on every
-// pull request, the Dependabot bumps included, with `site/` served at `URL`.
-//
-//   npm install --no-save --no-package-lock playwright@1.63.0
-//   npx playwright install --with-deps chromium
-//   python3 -m http.server -d site 8000 &
-//   node .github/check.mjs
-import { chromium } from "playwright";
-
-const url = process.env.URL ?? "http://localhost:8000/";
-const problems = [];
-
-// The server was started a moment ago and may not be listening yet.
-for (let attempt = 1; ; attempt++) {
-  try {
-    const response = await fetch(url);
-    if (response.ok) break;
-    throw new Error(`HTTP ${response.status}`);
-  } catch (e) {
-    if (attempt === 20) throw new Error(`${url} is not serving: ${e.message}`);
-    await new Promise((done) => setTimeout(done, 500));
-  }
-}
-
-const browser = await chromium.launch();
-const page = await browser.newPage();
-page.on("pageerror", (e) => problems.push(`page error: ${e.message}`));
-page.on("console", (m) => {
-  if (m.type() === "error") problems.push(`console: ${m.text()}`);
-});
-const status = () => page.textContent("#status");
-
-try {
-  // 1. the self-test: `decodeAny` on the page and in a worker
-  await page.goto(`${url}selftest/`);
-  await page.waitForFunction(() => document.getElementById("out").textContent.endsWith("done\n"), null, { timeout: 120_000 });
-  const out = await page.textContent("#out");
-  console.log(out);
-  problems.push(...out.split("\n").filter((line) => line.startsWith("FAIL")));
-
-  // 2. the page: a JPEG in, an image out, with the defaults
-  const settled = (done) =>
-    page.waitForFunction((done) => {
-      const s = document.getElementById("status");
-      return done.test(s.textContent) || s.classList.contains("failed");
-    }, done, { timeout: 120_000 });
-  await page.goto(url);
-  await settled(/^Ready\./);
-  if (await status() === "Ready.") {
-    await page.setInputFiles("#file", new URL("../site/selftest/fixtures/pattern-rgb.jpg", import.meta.url).pathname);
-    await settled(/^Done/);
-  }
-  const summary = await page.textContent("#summary");
-  console.log(`${await status()}\n${summary}`);
-  if (!/^Done/.test(await status())) {
-    problems.push(`the page: ${await status()}`);
-  } else {
-    // the download is a picture of the fixture's size, not just a link. The
-    // page's CSP lets an <img> load a blob and nothing else read one, so the
-    // byte count comes from the result block, as the command line prints it
-    const made = await page.evaluate(async () => {
-      const a = document.getElementById("download");
-      if (a.hidden || !a.href) return "no download";
-      const img = new Image();
-      img.src = a.href;
-      try {
-        await img.decode();
-        return { name: a.download, width: img.naturalWidth, height: img.naturalHeight };
-      } catch (e) {
-        return `${a.download} is no image this browser decodes: ${e.message}`;
-      }
-    });
-    const bytes = summary.match(/-> (\d+(?:\.\d+)? [KM]?B) /)?.[1];
-    console.log({ ...(typeof made === "string" ? { made } : made), bytes });
-    if (typeof made === "string") problems.push(`the page: ${made}`);
-    else if (made.width !== 48 || made.height !== 32) problems.push(`the page: the output is ${made.width}x${made.height}, the fixture is 48x32`);
-    if (!bytes || bytes === "0 B") problems.push(`the page: the output has ${bytes ?? "no"} bytes`);
-  }
-} catch (e) {
-  // what the browser said before the wait ran out is the diagnosis
-  problems.push(`the check did not finish: ${e.message.split("\n")[0]}`);
-} finally {
-  await browser.close();
-}
-
-if (problems.length) {
-  console.error(`\n${problems.join("\n")}`);
-  process.exit(1);
-}
-console.log("\nok");
diff --git a/.github/dependabot.yml b/.github/dependabot.yml
index d2eaaef..468be1c 100644
--- a/.github/dependabot.yml
+++ b/.github/dependabot.yml
@@ -1,8 +1,12 @@
 version: 2
 updates:
-  # The version of `sqzer` the page imports, which `site/worker.js` reads
-  # from `site/package.json`. Merging the pull request is the whole bump.
+  # `sqzer` comes alone: a release of the package is one pull request with
+  # nothing else in it, and merging it is the whole bump. The build and test
+  # tooling comes grouped.
   - package-ecosystem: npm
-    directory: /site
+    directory: /
     schedule:
       interval: daily
+    groups:
+      tooling:
+        dependency-type: development
diff --git a/.github/pull_request_template.md b/.github/pull_request_template.md
index ba6439d..8d0422b 100644
--- a/.github/pull_request_template.md
+++ b/.github/pull_request_template.md
@@ -6,15 +6,15 @@
 
 ## Browsers tried
 
-<!-- CI covers headless Chromium. Which browsers did you load the page in? For a change to the canvas fallback or the comparison, Safari matters. -->
+<!-- CI covers headless Chromium and Firefox. Which browsers did you load the page in? For a change to the canvas fallback or the comparison, Safari matters. -->
 
 ## New dependencies
 
-<!-- The page has one, `sqzer`. Anything else: what, why the page cannot do without it, and its licence. Or "none". -->
+<!-- What, why the page cannot do without it, and its licence. Or "none". -->
 
 ## Checklist
 
-- [ ] `.github/check.mjs` passes locally, or CI shows it green
-- [ ] a path that depends on the browser got a line in `/selftest/`, if one changed
+- [ ] `pnpm check` passes locally, or CI shows it green
+- [ ] a path that depends on the browser got a Vitest test next to it, if one changed
 - [ ] a new ADR has its row in `docs/adr/README.md` and its entry in `.greptile/files.json`, if there is one
 - [ ] the `Content-Security-Policy` is unchanged, or the PR says why it had to change
diff --git a/.github/workflows/check.yml b/.github/workflows/check.yml
index 01a87fd..44ce6bd 100644
--- a/.github/workflows/check.yml
+++ b/.github/workflows/check.yml
@@ -1,7 +1,7 @@
 name: Check
 
-# The page in headless Chromium against the version of `sqzer` that
-# `site/package.json` names, so a Dependabot bump is tested before it merges.
+# The checks of ADR-0002 D6, against the version of `sqzer` that `package.json`
+# names, so a Dependabot bump is tested before it merges.
 on:
   pull_request:
   push:
@@ -17,7 +17,19 @@ jobs:
     timeout-minutes: 15
     steps:
       - uses: actions/checkout@v7
-      - run: npm install --no-save --no-package-lock playwright@1.63.0
-      - run: npx playwright install --with-deps chromium
-      - run: python3 -m http.server -d site 8000 &
-      - run: node .github/check.mjs
+      # the version of pnpm is the `packageManager` of `package.json`
+      - uses: pnpm/action-setup@v6
+      - uses: actions/setup-node@v7
+        with:
+          node-version: 24
+          cache: pnpm
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm typecheck
+      - run: pnpm lint
+      - run: pnpm format:check
+      - run: pnpm fsd
+      - run: pnpm exec playwright install --with-deps chromium firefox
+      # units, components and `decodeAny`, in Chromium and Firefox
+      - run: pnpm test
+      # the built page, served by `vite preview`, in Chromium and Firefox
+      - run: pnpm test:e2e
diff --git a/.github/workflows/pages.yml b/.github/workflows/pages.yml
index 02ad25e..1ba8ed0 100644
--- a/.github/workflows/pages.yml
+++ b/.github/workflows/pages.yml
@@ -1,7 +1,7 @@
 name: Pages
 
 # Every merge to `main` is a deploy: the page never waits for a release of
-# the crates. `site/` is published as it is, there is no build step.
+# the crates. The page is built by Vite and `dist/` is published.
 on:
   push:
     branches: [main]
@@ -26,8 +26,16 @@ jobs:
       url: ${{ steps.deploy.outputs.page_url }}
     steps:
       - uses: actions/checkout@v7
+      # the version of pnpm is the `packageManager` of `package.json`
+      - uses: pnpm/action-setup@v6
+      - uses: actions/setup-node@v7
+        with:
+          node-version: 24
+          cache: pnpm
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm build
       - uses: actions/upload-pages-artifact@v5
         with:
-          path: site
+          path: dist
       - id: deploy
         uses: actions/deploy-pages@v5
diff --git a/.gitignore b/.gitignore
index 646ac51..123892c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -1,2 +1,5 @@
 .DS_Store
 node_modules/
+dist/
+test-results/
+playwright-report/
diff --git a/.greptile/config.json b/.greptile/config.json
index 33b2ab3..35c629c 100644
--- a/.greptile/config.json
+++ b/.greptile/config.json
@@ -1,78 +1,46 @@
 {
   "strictness": 2,
-  "commentTypes": [
-    "logic",
-    "syntax"
-  ],
-  "autoReview": [
-    "open",
-    "push"
-  ],
+  "commentTypes": ["logic", "syntax"],
+  "autoReview": ["open", "push"],
   "statusCheck": true,
-  "excludeAuthors": [
-    "dependabot[bot]"
-  ],
-  "ignorePatterns": "site/selftest/fixtures/*\nLICENSE-*\nCODE_OF_CONDUCT.md",
-  "instructions": "sqzer.dev is the page that runs the `sqzer` npm package in the browser. It moves from plain HTML to React 19, TypeScript and Vite under ADR-0002; until that port lands, `site/` is the page. CLAUDE.md is the rule book and docs/adr holds the decisions; where they disagree during the port, the accepted ADR wins. Review against them. The page depends on the published package by exact version and sends nothing anywhere. The page never writes a decoder, encoder, resampler or metric; what the package lacks is a change to sqzer-dev/sqzer, not to this repository.",
+  "excludeAuthors": ["dependabot[bot]"],
+  "ignorePatterns": "tests/fixtures/*\nLICENSE-*\nCODE_OF_CONDUCT.md",
+  "instructions": "sqzer.dev is the page that runs the `sqzer` npm package in the browser. It is a React 19 and TypeScript application built by Vite (ADR-0002), with the search as an XState machine whose worker outlives a search (ADR-0004). CLAUDE.md is the rule book and docs/adr holds the decisions; where they disagree, the accepted ADR wins. Review against them. The page depends on the published package by exact version and sends nothing anywhere. The page never writes a decoder, encoder, resampler or metric; what the package lacks is a change to sqzer-dev/sqzer, not to this repository.",
   "rules": [
     {
       "id": "no-third-party",
       "rule": "The page talks to its own origin and nothing else: no analytics, no error reporting, no font, script, stylesheet, image or wasm from another host, no `data:` URI. The `Content-Security-Policy` is written once in `vite.config.ts` and injected into the built `index.html`; it is not widened for convenience. Flag any new origin, any inline script in `index.html`, any `style` attribute or `<style>` block, a React `style` prop that sets anything but a custom property, a raised `build.assetsInlineLimit`, and any removal or loosening of a directive. Fonts are files bundled from our own packages, under `font-src 'self'`. The root stays wrapped in Base UI's `<CSPProvider disableStyleElements>`; flag any dependency that creates a `<style>` element at run time (Radix primitives that lock scroll through `react-remove-scroll`, Vaul, CSS-in-JS).",
-      "scope": [
-        "src/**",
-        "index.html",
-        "vite.config.ts",
-        "public/**"
-      ],
+      "scope": ["src/**", "index.html", "vite.config.ts", "public/**"],
       "severity": "high"
     },
     {
       "id": "package-by-version",
       "rule": "`sqzer` is a dependency in `package.json` at an exact version, installed by pnpm from the npm registry with the committed `pnpm-lock.yaml`, bundled by Vite and served from the page's own origin. Flag a range instead of an exact version, a second place the version is written, a URL import of the package, a checkout or vendored copy of it, an npm or Yarn lockfile, and a CI install that may change the lockfile instead of `pnpm install --frozen-lockfile`. Any new dependency states its licence in the pull request.",
-      "scope": [
-        "package.json",
-        "pnpm-lock.yaml",
-        "src/**",
-        "vite.config.ts",
-        ".github/**"
-      ],
+      "scope": ["package.json", "pnpm-lock.yaml", "src/**", "vite.config.ts", ".github/**"],
       "severity": "high"
     },
     {
       "id": "work-in-the-worker",
-      "rule": "Every call into the package happens in the worker in `src/shared/api/sqzer/`. Only that slice's client starts or ends the worker, and only the search machine in `src/features/encode-image/model/` uses the client, as an invoked callback actor whose cleanup terminates the worker. A search cannot be interrupted, so cancelling means stopping the actor, which ends the worker; that stays the only way. Flag an import of `sqzer` outside the worker, a `new Worker` outside the client, the client used outside the machine, and any attempt to interrupt an encode otherwise.",
-      "scope": [
-        "src/**"
-      ],
+      "rule": "Every call into the package happens in the worker in `src/shared/api/sqzer/`. Only that slice's client starts or ends the worker, and only the search machine in `src/pages/compress/model/` uses the client, as a callback actor invoked by the machine's `open` state, whose cleanup terminates the worker (ADR-0004). The worker outlives a search and keeps the decoded image. A search cannot be interrupted, so cancelling means re-entering `open`, which stops the actor and ends the worker; that stays the only way. Flag an import of `sqzer` outside the worker, a `new Worker` outside the client, the client used outside the machine, a worker ended while it is idle, and any attempt to interrupt an encode otherwise.",
+      "scope": ["src/**"],
       "severity": "high"
     },
     {
       "id": "no-codecs-here",
       "rule": "No decoder, encoder, resampler, colour transform or metric is written in this repository. The package's decoder comes first; the browser's canvas decodes only what the package cannot (SVG, HEIC where the browser can), never inside the search. An SVG is drawn on the page from an `<img>`, because `createImageBitmap` refuses an SVG blob inside a worker in every browser. A missing capability is a pull request to `sqzer-dev/sqzer`, followed by a version bump here.",
-      "scope": [
-        "src/**"
-      ],
+      "scope": ["src/**"],
       "severity": "high"
     },
     {
       "id": "codecs-drive-the-controls",
       "rule": "What the page offers as formats, backends and what it says it can read comes from the package's `codecs()` at run time. Flag a hardcoded list of formats or backends. The controls start at the package's defaults and the page never changes a default of the package on its own.",
-      "scope": [
-        "src/**"
-      ],
+      "scope": ["src/**"],
       "severity": "medium"
     },
     {
       "id": "one-styling-system",
       "rule": "Components are shadcn/ui's Base UI flavour in `src/shared/ui/`, styled with Tailwind 4 on shadcn's tokens, which map Radix Colors `gray` and `blackA`/`whiteA` (ADR-0003). Flag CSS Modules, CSS-in-JS, a second component library, a colour or font outside the tokens, Radix `red` anywhere but an alert, glass built other than through the `glass` utility, glass nested in glass or used on anything but the floating panels, the bottom expander and the corner labels, and a new dependency whose licence is not added to `licenses.txt`.",
-      "scope": [
-        "src/**",
-        "index.html",
-        "vite.config.ts",
-        "package.json",
-        "public/**",
-        "tests/**"
-      ],
+      "scope": ["src/**", "index.html", "vite.config.ts", "package.json", "public/**", "tests/**"],
       "severity": "medium"
     },
     {
@@ -82,31 +50,22 @@
     },
     {
       "id": "browser-check",
-      "rule": "The `browser` job of `check.yml` runs on every pull request: `tsc --noEmit`, oxlint with `eslint-plugin-react-hooks` as the JS plugin `react-hooks-js`, Steiger, Vitest in browser mode in Chromium and Firefox, and the Playwright suite in `tests/e2e/` against the built page in Chromium and Firefox. A change keeps it green. A change to a path that depends on the browser (the canvas fallback, `decodeAny`, the comparison) adds a Vitest browser test for it, and the Playwright suite checks that no request leaves the page's origin. Tool versions change through `package.json` and Dependabot, on purpose.",
-      "scope": [
-        "src/**",
-        "tests/**",
-        "index.html",
-        "vite.config.ts",
-        ".github/**"
-      ],
+      "rule": "The `browser` job of `check.yml` runs on every pull request: `tsc`, oxlint with its type-aware rules and `eslint-plugin-react-hooks` as the JS plugin `react-hooks-js`, `oxfmt --check`, Steiger, Vitest in browser mode in Chromium and Firefox, and the Playwright suite in `tests/e2e/` against the built page in Chromium and Firefox. A change keeps it green, and does not loosen `.oxlintrc.json` or the `tsconfig` files to get there: a rule is turned off only with its reason next to it. A change to a path that depends on the browser (the canvas fallback, `decodeAny`, the comparison) adds a Vitest browser test for it, and the Playwright suite checks that no request leaves the page's origin. Tool versions change through `package.json` and Dependabot, on purpose.",
+      "scope": ["src/**", "tests/**", "index.html", "vite.config.ts", ".github/**"],
       "severity": "medium"
     },
     {
       "id": "accepted-adrs",
       "rule": "An accepted ADR is never rewritten; ticking or annotating its own action items and adding a `Superseded by` line at the top are fine. A change of design or behaviour that an ADR decided gets a new numbered file, a row in `docs/adr/README.md`, an entry in `.greptile/files.json` scoped to what it governs, and an update to any rule in `.greptile/config.json` it changes, all in the same PR.",
-      "scope": [
-        "docs/adr/**",
-        ".greptile/**"
-      ],
+      "scope": ["docs/adr/**", ".greptile/**"],
       "severity": "medium"
     },
     {
       "id": "user-facing-prose",
       "rule": "User-facing text (the page's copy, README, contributor docs, issue forms, PR template, docs): sentence-case headings, backticks on every identifier, flag and path, no em dashes, no emoji, no tables, explanation in `#` comments above a command rather than prose around it, uncertainty stated flatly with the next step named.",
       "scope": [
-        "site/index.html",
-        "site/main.js",
+        "index.html",
+        "src/**",
         "README.md",
         "CONTRIBUTING.md",
         "SECURITY.md",
diff --git a/.greptile/files.json b/.greptile/files.json
index 1ef894d..47db329 100644
--- a/.greptile/files.json
+++ b/.greptile/files.json
@@ -6,55 +6,37 @@
     },
     {
       "path": "README.md",
-      "description": "What the page is, how to run it, how the version of sqzer is bumped, how a browser is checked"
+      "description": "What the page is, how to run it, how the version of sqzer is bumped, the checks and the deploy"
     },
     {
       "path": "docs/adr/README.md",
       "description": "The index of design and behaviour decisions, and which decisions taken in sqzer-dev/sqzer govern this page",
-      "scope": [
-        "docs/adr/**",
-        "site/**"
-      ]
+      "scope": ["docs/adr/**", "src/**", "index.html"]
     },
     {
       "path": "docs/adr/0001-page-design.md",
       "description": "The design of the page: the drop zone as the empty state, the image on the whole screen under glass panels, the target first and every package option behind Advanced, untouched controls sending nothing, the search shown as it runs, the result as size, difference and chips, errors as alerts, the privacy claim, the wordmark, the accessibility floor",
-      "scope": [
-        "site/**"
-      ]
+      "scope": ["src/**", "index.html"]
     },
     {
       "path": "docs/adr/0002-stack.md",
       "description": "The stack: React 19 and TypeScript under Vite with the Rust React Compiler, `<ViewTransition>` and `<Activity>`, the search as an XState machine with the worker as an actor, `sqzer` from npm served from the page's own origin, the Content-Security-Policy injected at build, Feature-Sliced Design, oxlint, Vitest browser mode, Playwright, the layout, the deploy and Dependabot",
-      "scope": [
-        "src/**",
-        "index.html",
-        "vite.config.ts",
-        "package.json",
-        "tsconfig.json",
-        "tests/**",
-        ".github/**"
-      ]
+      "scope": ["src/**", "index.html", "vite.config.ts", "package.json", "tsconfig.json", "tests/**", ".github/**"]
     },
     {
       "path": "docs/adr/0003-design-system.md",
       "description": "The components and the look: shadcn/ui on Base UI under `<CSPProvider disableStyleElements>`, Tailwind 4 as the one styling system, Geist Sans and Mono self-hosted, Radix Colors grey mapped onto shadcn's tokens, one `glass` utility with its fallbacks and contrast test, Lucide icons, the licence notices",
-      "scope": [
-        "src/**",
-        "index.html",
-        "vite.config.ts",
-        "package.json",
-        "public/**",
-        "tests/**"
-      ]
+      "scope": ["src/**", "index.html", "vite.config.ts", "package.json", "public/**", "tests/**"]
     },
     {
-      "path": "site/worker.js",
-      "description": "The message protocol between the page and the worker, at the top of the file, and how the package version is read",
-      "scope": [
-        "site/main.js",
-        "site/worker.js"
-      ]
+      "path": "docs/adr/0004-worker-lifetime.md",
+      "description": "The worker's lifetime and the layout: the worker actor is invoked by the machine's `open` state and keeps the decoded image between searches, cancelling is re-entering `open`, every message names its image, and slices are merged into `src/pages/compress/` until something is reused",
+      "scope": ["src/**"]
+    },
+    {
+      "path": "src/shared/api/sqzer/protocol.ts",
+      "description": "The messages between the page and the worker: what the client sends, what the worker answers, and the stages a failure names",
+      "scope": ["src/shared/api/**", "src/pages/compress/model/**"]
     }
   ]
 }
diff --git a/.oxfmtrc.json b/.oxfmtrc.json
new file mode 100644
index 0000000..79c7916
--- /dev/null
+++ b/.oxfmtrc.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "./node_modules/oxfmt/configuration_schema.json",
+  "printWidth": 120,
+  "singleQuote": true,
+  "sortImports": {},
+  "sortPackageJson": true,
+  "ignorePatterns": ["**/*.md", "pnpm-lock.yaml", "tests/fixtures/**", "LICENSE-*"]
+}
diff --git a/.oxlintrc.json b/.oxlintrc.json
new file mode 100644
index 0000000..d687276
--- /dev/null
+++ b/.oxlintrc.json
@@ -0,0 +1,59 @@
+{
+  "$schema": "./node_modules/oxlint/configuration_schema.json",
+  "plugins": ["eslint", "typescript", "react", "jsx-a11y", "import", "promise", "unicorn", "oxc"],
+  // `eslint-plugin-react-hooks` under an alias, for the React Compiler rules (ADR-0002 D6)
+  "jsPlugins": [{ "name": "react-hooks-js", "specifier": "eslint-plugin-react-hooks" }],
+  "options": {
+    "typeAware": true,
+    "denyWarnings": true,
+    "reportUnusedDisableDirectives": "error"
+  },
+  "categories": {
+    "correctness": "error",
+    "suspicious": "error",
+    "perf": "error",
+    "pedantic": "error"
+  },
+  "rules": {
+    "react-hooks-js/rules-of-hooks": "error",
+    "react-hooks-js/exhaustive-deps": "error",
+    "react-hooks-js/static-components": "error",
+    "react-hooks-js/use-memo": "error",
+    "react-hooks-js/void-use-memo": "error",
+    "react-hooks-js/preserve-manual-memoization": "error",
+    "react-hooks-js/incompatible-library": "error",
+    "react-hooks-js/immutability": "error",
+    "react-hooks-js/globals": "error",
+    "react-hooks-js/refs": "error",
+    "react-hooks-js/set-state-in-effect": "error",
+    "react-hooks-js/error-boundaries": "error",
+    "react-hooks-js/purity": "error",
+    "react-hooks-js/set-state-in-render": "error",
+    "react-hooks-js/unsupported-syntax": "error",
+    "react-hooks-js/config": "error",
+    "react-hooks-js/gating": "error",
+
+    "typescript/no-explicit-any": "error",
+    "typescript/no-non-null-assertion": "error",
+    "typescript/consistent-type-imports": "error",
+    "eslint/no-console": "error",
+    "eslint/max-lines-per-function": ["error", { "max": 50, "skipBlankLines": true, "skipComments": true }],
+    "typescript/no-confusing-void-expression": ["error", { "ignoreArrowShorthand": true }],
+    // a stylesheet is imported for what it does, not for a value
+    "import/no-unassigned-import": ["error", { "allow": ["**/*.css"] }],
+
+    // the automatic JSX runtime needs no `React` in scope
+    "react/react-in-jsx-scope": "off",
+    // the DOM, XState and the package hand out mutable types, so nearly every parameter fails it
+    "typescript/prefer-readonly-parameter-types": "off",
+    // `noImplicitReturns` checks the same with the types, and allows an effect that has nothing to clean up
+    "typescript/consistent-return": "off"
+  },
+  "overrides": [
+    {
+      "files": ["src/**/*.test.ts", "src/**/*.test.tsx"],
+      "plugins": ["eslint", "typescript", "react", "jsx-a11y", "import", "promise", "unicorn", "oxc", "vitest"]
+    }
+  ],
+  "ignorePatterns": ["dist"]
+}
diff --git a/.vscode/extensions.json b/.vscode/extensions.json
new file mode 100644
index 0000000..170b9ea
--- /dev/null
+++ b/.vscode/extensions.json
@@ -0,0 +1,3 @@
+{
+  "recommendations": ["oxc.oxc-vscode", "vitest.explorer", "ms-playwright.playwright"]
+}
diff --git a/.vscode/settings.json b/.vscode/settings.json
new file mode 100644
index 0000000..c79a186
--- /dev/null
+++ b/.vscode/settings.json
@@ -0,0 +1,27 @@
+{
+  // `oxfmt` formats on save and `oxlint` fixes what it can, both run from `node_modules`
+  // with `.oxfmtrc.json` and `.oxlintrc.json`, the same as `pnpm format` and `pnpm lint`
+  "editor.formatOnSave": true,
+  "editor.codeActionsOnSave": {
+    "source.fixAll.oxc": "explicit"
+  },
+  "[typescript][typescriptreact][javascript][json][jsonc][css][html][yaml]": {
+    "editor.defaultFormatter": "oxc.oxc-vscode"
+  },
+  // prose is not formatted: `.oxfmtrc.json` leaves Markdown alone
+  "[markdown]": {
+    "editor.formatOnSave": false,
+    "files.trimTrailingWhitespace": false
+  },
+  "oxc.lint.run": "onType",
+  "oxc.requireConfig": true,
+
+  "editor.rulers": [120],
+  "files.eol": "\n",
+  "files.insertFinalNewline": true,
+  "files.trimTrailingWhitespace": true,
+  "search.exclude": {
+    "dist": true,
+    "pnpm-lock.yaml": true
+  }
+}
diff --git a/CLAUDE.md b/CLAUDE.md
index a503899..e4139c9 100644
--- a/CLAUDE.md
+++ b/CLAUDE.md
@@ -4,62 +4,78 @@ Guidance for Claude Code working in this repository.
 
 ## What this is
 
-The page at `sqzer.dev`: a static page that runs the `sqzer` npm package in the browser. The package is built from `crates/sqzer-wasm` in `github.com/sqzer-dev/sqzer`; its API is that crate's `README.md`, and the decisions behind this page are ADR-0011 D6 in that repository's `docs/adr/0011-browser-build.md`. This repository holds the page only.
+The page at `sqzer.dev`: a single-page application that runs the `sqzer` npm package in the browser. The package is built from `crates/sqzer-wasm` in `github.com/sqzer-dev/sqzer`, and its API is that crate's `README.md`. The decisions behind the page are in `docs/adr` here, on top of ADR-0011 D6 in that repository's `docs/adr/0011-browser-build.md`. This repository holds the page only.
 
-Solo-maintained. Plain HTML, one ES module (`site/main.js`) and one worker script (`site/worker.js`). No framework, no bundler, no build step, no dependency other than `sqzer`.
+Solo-maintained. React 19 and TypeScript, built by Vite, with the search as an XState machine (ADR-0002, ADR-0004). The build is static files: no server, and no router until there is a second page.
 
 The page moves on its own cadence, apart from `sqzer`: the look, the controls, quality-of-life features and anything else on top of the package's public API happen here, in pull requests that deploy on merge. What the package cannot do, a format, an option, a decoder, is a change to `sqzer` first and a version bump here after its release. Never work around a gap in the package on the page.
 
 ## Layout
 
 ```
-site/               published to GitHub Pages as it is, on every merge to `main`
-site/index.html     markup and the Content-Security-Policy
-site/main.js        the file, the controls, the worker's lifetime, what is shown
-site/worker.js      every call into `sqzer`. The message protocol is at its top
-site/package.json   the version of `sqzer`, read by `worker.js` at run time, bumped by Dependabot
-site/selftest/      `decodeAny` checked in the browser that opens it
-.github/check.mjs   the one automated check, run by `check.yml` on every pull request
-.greptile/          what the reviewer reads and the rules it checks against
-docs/adr            decisions. Add a new numbered file, never edit an accepted one
+index.html                  the entry Vite builds. The Content-Security-Policy is added at build
+vite.config.ts              the build, and the one place the policy is written
+src/app/                    the root and the global stylesheet
+src/pages/compress/ui/      the page and its parts: drop zone, controls, status, comparison, result
+src/pages/compress/model/   the search machine, the worker actor, the picked image, the result
+src/pages/compress/lib/     drawing on the page, codec lookups, the summary, reading the controls
+src/shared/api/sqzer/       the worker, its client and the message types. Every call into `sqzer`
+src/shared/lib/             small helpers, named by their domain
+tests/e2e/                  the Playwright suite, against the built page
+tests/fixtures/             the images both suites use
+package.json                `sqzer` and the tooling, at exact versions, bumped by Dependabot
+.greptile/                  what the reviewer reads and the rules it checks against
+docs/adr                    decisions. Add a new numbered file, never edit an accepted one
 ```
 
+Vitest tests sit next to what they test, as `*.test.ts` and `*.test.tsx`.
+
 `CONTRIBUTING.md`, `SECURITY.md`, the issue forms and the PR template mirror `sqzer`'s, adapted to a page: questions go to `sqzer`'s Discussions, bugs in the output go to `sqzer`, security reports come here. `CODE_OF_CONDUCT.md` and `LICENSE-*` are verbatim third-party texts: never edit them for style.
 
 ## Rules
 
-- The page depends on the published package by exact version, from jsDelivr, never on a checkout of `sqzer`. `site/package.json` is the only place the version is written.
-- It sends nothing anywhere: no analytics, no error reporting, no third-party request other than jsDelivr. The `Content-Security-Policy` in `index.html` says so; do not widen it for convenience.
-- Every call into `sqzer` runs in the worker. The package is synchronous, and a search takes seconds.
-- A search cannot be interrupted. `main.js` ends the worker and starts another; keep that the only way an encode is cancelled.
+- `sqzer` is a dependency at an exact version, installed by pnpm from the committed `pnpm-lock.yaml`, bundled by Vite and served from the page's own origin. Never a range, a URL import or a checkout of `sqzer`. `package.json` and the lockfile are the only places the version is written.
+- The page sends nothing anywhere: no analytics, no error reporting, no request to another origin. The `Content-Security-Policy` in `vite.config.ts` says so; do not widen it for convenience. No inline script, no `style` attribute, no `<style>` block, and a React `style` prop sets custom properties only.
+- Every call into `sqzer` runs in the worker. The package is synchronous, and a search takes seconds. Only the client in `src/shared/api/sqzer/` starts or ends a worker, and only the search machine uses the client.
+- A search cannot be interrupted. The machine's `restart` re-enters its `open` state, which ends the worker and starts another; keep that the only way an encode is cancelled. An idle worker is never ended: it holds the decoded image, so a change of the controls only pays for the encode (ADR-0004).
 - The package's decoder comes first, the browser's canvas decodes what the package cannot. An SVG is drawn on the page from an `<img>`, at the size asked for: `createImageBitmap` refuses an SVG blob inside a worker in Chrome and Firefox.
 - What the format list offers comes from `codecs()`. Do not hardcode formats or backends.
 - Never write a decoder, encoder, resampler or metric here. If the package lacks something, that is a change to `sqzer`.
-- Licence: MIT or Apache-2.0. When the page switches to the AGPL build of `sqzer`, the repository becomes AGPL-3.0 (ADR-0011 D6). Do not import AGPL code before that switch is made deliberately.
+- Code sits in `src/pages/compress/` until a second place uses it, then it moves to the layer Feature-Sliced Design names for it (ADR-0004 D4). Imports go to lower layers, through a public `index.ts`.
+- The checks are strict on purpose. A lint rule is turned off only in `.oxlintrc.json`, with its reason next to it, and a `tsconfig` flag is not loosened to make a change pass.
+- Licence: MIT or Apache-2.0, and a new dependency states its licence in the pull request. When the page switches to the AGPL build of `sqzer`, the repository becomes AGPL-3.0 (ADR-0011 D6). Do not import AGPL code before that switch is made deliberately.
 
 ## Commands
 
 ```sh
-python3 -m http.server -d site 8000   # the page, at http://localhost:8000
-# http://localhost:8000/selftest/     # the browser checks, one line each
+pnpm install                   # pnpm is pinned by `packageManager` in `package.json`
+pnpm dev                       # the page at http://localhost:5173, without the policy
+pnpm build && pnpm preview     # the built page at http://localhost:4173, with the policy
+pnpm format                    # oxfmt, in place
 ```
 
-`.github/check.mjs` is the one automated check, run by `check.yml` on every pull request: `/selftest/` and one JPEG through the page, in headless Chromium, against the package version the branch names. There is no linter. Beyond that, a change is checked by loading the page in Chrome and Firefox: a JPEG, an SVG, a TIFF (shown through the worker's preview), a file that is no image, and a change of format while a search runs. Safari needs Apple hardware; ask.
+`check.yml` runs the `browser` job on every pull request, and `pnpm check` runs the same locally:
 
 ```sh
-# the check as CI runs it. playwright is installed per run, it is not a dependency of the page
-npm install --no-save --no-package-lock playwright@1.63.0
-npx playwright install --with-deps chromium
-python3 -m http.server -d site 8000 &
-node .github/check.mjs
+pnpm typecheck      # tsc over the page and over the configs and end-to-end tests
+pnpm lint           # oxlint, type-aware, with the React Compiler rules of `eslint-plugin-react-hooks`
+pnpm format:check   # oxfmt
+pnpm fsd            # Steiger: the layers and the imports
+pnpm test           # Vitest in browser mode, in Chromium and Firefox
+pnpm test:e2e       # Playwright against `vite build` served by `vite preview`, in Chromium and Firefox
+
+# the two test suites need the browsers once
+pnpm exec playwright install --with-deps chromium firefox
 ```
 
+A change to a path that depends on the browser, the canvas fallback, `decodeAny` or the comparison, gets a Vitest test next to it. Beyond the suites, a change to the look is checked by loading the page in Chrome and Firefox. Safari needs Apple hardware; ask.
+
 ## Workflow
 
-- `main` deploys. Work on a branch, open a PR, squash-merge. A ruleset on `main` requires a pull request, the `browser` check green, every review thread resolved, linear history and squash merges only; there is no bypass, so nothing is pushed to `main` directly.
+- `main` deploys: `pages.yml` builds the page and publishes `dist/`. Work on a branch, open a PR, squash-merge. A ruleset on `main` requires a pull request, the `browser` check green, every review thread resolved, linear history and squash merges only; there is no bypass, so nothing is pushed to `main` directly.
 - Conventional commit prefixes: `feat: ...`, `fix: ...`, `ci: ...`, `docs: ...`, `chore: ...`.
 - Greptile reviews every PR (`.greptile/config.json`); Dependabot's are excluded. A new ADR gets an entry in `.greptile/files.json` and an update to any rule it changes, same PR.
-- After a release of `sqzer`: bump `site/package.json`, or merge the Dependabot PR once its check is green.
+- After a release of `sqzer`: merge the Dependabot PR once its check is green, or set the version in `package.json` and run `pnpm install`.
 
 ## Writing style for anything user-facing
 
diff --git a/CONTRIBUTING.md b/CONTRIBUTING.md
index b5b6a99..75d2682 100644
--- a/CONTRIBUTING.md
+++ b/CONTRIBUTING.md
@@ -9,46 +9,56 @@ English is preferred for issues and pull requests; if you can, add an English ve
 ## Before you start
 
 - Anything bigger than a small fix: open an issue first, so we agree on the approach before you spend time on it.
-- Decisions live in [`docs/adr`](docs/adr). The ones the page is built on are in [`sqzer-dev/sqzer`](https://github.com/sqzer-dev/sqzer/blob/main/docs/adr/0011-browser-build.md), D6. A change to a decision gets a new numbered record; an accepted one is never edited.
+- Decisions live in [`docs/adr`](docs/adr), on top of D6 of [ADR-0011 in `sqzer-dev/sqzer`](https://github.com/sqzer-dev/sqzer/blob/main/docs/adr/0011-browser-build.md). A change to a decision gets a new numbered record; an accepted one is never edited.
 - What the page cannot do because the package cannot: a format, an option, a decoder. That is a change to [`sqzer-dev/sqzer`](https://github.com/sqzer-dev/sqzer) first, then a version bump here.
 - Usage questions go to the [Discussions of `sqzer`](https://github.com/sqzer-dev/sqzer/discussions/categories/q-a), not issues.
 - Security problems go through [private vulnerability reporting](https://github.com/sqzer-dev/sqzer.dev/security/advisories/new), never a public issue. See [`SECURITY.md`](SECURITY.md).
 
 ## Development setup
 
-Nothing to install for the page itself: any static file server over `site/` works, and the package comes from jsDelivr.
+The page needs Node 24 and pnpm, which `packageManager` in `package.json` pins.
 
 ```sh
-# then open http://localhost:8000, and http://localhost:8000/selftest/ for the browser checks
-python3 -m http.server -d site 8000
+pnpm install
+
+# the page at http://localhost:5173, reloading as you edit. it runs without the Content-Security-Policy
+pnpm dev
+
+# the page as it is deployed, at http://localhost:4173
+pnpm build && pnpm preview
 ```
 
 ## Checks
 
-CI runs `.github/check.mjs` on every pull request: `/selftest/` and one JPEG through the page in headless Chromium, against the version of `sqzer` your branch names. Run it before asking for review, then load the page in Chrome and Firefox yourself: a JPEG, an SVG, a TIFF, a file that is no image, and a change of format while a search runs.
+CI runs the `browser` job on every pull request, against the version of `sqzer` your branch names. Run the same before asking for review.
 
 ```sh
-# the same check, locally. needs the network: the package comes from jsDelivr
-npm install --no-save --no-package-lock playwright@1.63.0
-npx playwright install --with-deps chromium
-python3 -m http.server -d site 8000 &
-node .github/check.mjs
+# the two test suites need the browsers once
+pnpm exec playwright install --with-deps chromium firefox
+
+# types, oxlint, oxfmt, Steiger, Vitest in browser mode, then Playwright against the built page
+pnpm check
+
+# rewrites what `pnpm format:check` complains about
+pnpm format
 ```
 
-> **Note**: Safari cannot be driven here. If your change touches the canvas fallback or the comparison, say in the PR which browsers you tried.
+A change to a path that depends on the browser, the canvas fallback, `decodeAny` or the comparison, gets a Vitest test next to it, as `*.test.ts` or `*.test.tsx`. The checks are strict on purpose: a lint rule is turned off only in `.oxlintrc.json`, with its reason next to it.
+
+> **Note**: The suites run in Chromium and Firefox. Safari cannot be driven here. If your change touches the canvas fallback or the comparison, say in the PR which browsers you tried.
 
 ## Rules the page follows
 
-- Plain HTML, one ES module and one worker script. No framework, no bundler, no build step, no dependency other than `sqzer`.
-- `sqzer` comes from jsDelivr at the exact version in `site/package.json`. That file is the only place the version is written.
-- The page sends nothing anywhere: its origin and jsDelivr are the only hosts. The `Content-Security-Policy` in `site/index.html` enforces it and is not widened for convenience.
-- Every call into the package runs in the worker. A search cannot be interrupted, so cancelling means ending the worker and starting another.
+- React 19 and TypeScript, built by Vite into static files. The code sits in `src/pages/compress/` until a second place uses a part of it, and imports go to lower layers through a public `index.ts`.
+- `sqzer` is a dependency at an exact version, installed from the committed `pnpm-lock.yaml` and served from the page's own origin. `package.json` and the lockfile are the only places the version is written.
+- The page sends nothing anywhere: its own origin is the only host. The `Content-Security-Policy` in `vite.config.ts` enforces it and is not widened for convenience. No inline script, no `style` attribute, no `<style>` block.
+- Every call into the package runs in the worker. A search cannot be interrupted, so cancelling means ending the worker and starting another, and only the search machine does that. An idle worker is kept: it holds the decoded image.
 - The package's decoder comes first; the browser's canvas decodes only what the package cannot. Nothing here decodes, encodes, resizes or scores an image itself.
 - Formats, backends and what the page says it reads come from the package's `codecs()`, never from a list in the code.
 
 ## Licences and new dependencies
 
-The page is `MIT OR Apache-2.0`, and it has one dependency, `sqzer`, under the same licence. A pull request that adds another one says why the page cannot do without it and states the licence. AGPL and GPL code is not accepted until the page switches to the AGPL build of `sqzer`, which will be its own decision.
+The page is `MIT OR Apache-2.0`. A pull request that adds a dependency says why the page cannot do without it and states the licence. AGPL and GPL code is not accepted until the page switches to the AGPL build of `sqzer`, which will be its own decision.
 
 Unless you say otherwise, any contribution you submit is dual-licensed as `MIT OR Apache-2.0`, as defined in the Apache-2.0 licence, without additional terms.
 
diff --git a/README.md b/README.md
index 7468faa..dd79bec 100644
--- a/README.md
+++ b/README.md
@@ -1,60 +1,64 @@
 # sqzer.dev
 
-The page at [sqzer.dev](https://sqzer.dev): drop an image, get a smaller one that looks the same. It runs [`sqzer`](https://github.com/sqzer-dev/sqzer) in the browser, from the [`sqzer` package on npm](https://www.npmjs.com/package/sqzer). The image never leaves the tab: no upload, no analytics, no error reporting.
+The page at [sqzer.dev](https://sqzer.dev): drop an image, get a smaller one that looks the same. It runs [`sqzer`](https://github.com/sqzer-dev/sqzer) in the browser, from the [`sqzer` package on npm](https://www.npmjs.com/package/sqzer). The image never leaves the tab: no upload, no analytics, no error reporting, and no request to any origin but the page's own.
 
-Plain HTML, one ES module and one worker script. No framework, no bundler, no build step.
+React 19 and TypeScript, built by Vite into static files.
 
 ```
-site/index.html     the page
-site/main.js        the file, the controls, what is shown
-site/worker.js      every call into `sqzer`, off the main thread
-site/package.json   the version of `sqzer` the page imports
-site/selftest/      what `decodeAny` does in the browser that opens it
+index.html              the entry Vite builds
+src/app/                the root and the global stylesheet
+src/pages/compress/     the page: its parts, the search machine, the helpers
+src/shared/api/sqzer/   the worker: every call into `sqzer`, off the main thread
+tests/                  the end-to-end suite and the fixtures
+docs/adr/               the decisions
 ```
 
 ## Run it
 
-Any static file server over `site/` works. The package itself comes from jsDelivr, so this needs a network.
+It needs Node 24 and pnpm, which `packageManager` in `package.json` pins.
 
 ```sh
-# then open http://localhost:8000
-python3 -m http.server -d site 8000
+pnpm install
+
+# the page at http://localhost:5173, reloading as you edit. it runs without the Content-Security-Policy
+pnpm dev
+
+# the page as it is deployed, at http://localhost:4173
+pnpm build && pnpm preview
 ```
 
 ## The version of `sqzer`
 
-`site/package.json` is the one place it is written. `worker.js` reads it and imports `https://cdn.jsdelivr.net/npm/sqzer@<version>/sqzer.js`. Nothing is installed from it.
+`sqzer` is a dependency at an exact version. Vite bundles it into the worker and serves its wasm from the page's own origin, and the footer shows the version the worker loaded.
 
 ```
-# site/package.json. after a release of sqzer: edit the version, or merge the Dependabot pull request that does
+# package.json. after a release of sqzer: merge the Dependabot pull request, or edit the version and run `pnpm install`
 "dependencies": { "sqzer": "0.3.0" }
 ```
 
-> **Note**: Keep it an exact version. `worker.js` puts the string into the URL as it is.
+> **Note**: Keep it an exact version. `package.json` and `pnpm-lock.yaml` are the only places it is written.
 
-## Deploy
+## Checks and deploy
 
-Every merge to `main` is a deploy: `.github/workflows/pages.yml` publishes `site/` to GitHub Pages as it is.
-
-Every pull request runs `.github/workflows/check.yml` first: the page and `/selftest/` in headless Chromium, against the version of `sqzer` the branch names. A Dependabot bump that breaks the page fails there instead of on the site.
+Every pull request runs `.github/workflows/check.yml` first, against the version of `sqzer` the branch names. A Dependabot bump that breaks the page fails there instead of on the site.
 
 ```sh
-# the same check, locally. needs the network: the package comes from jsDelivr
-npm install --no-save --no-package-lock playwright@1.63.0
-npx playwright install --with-deps chromium
-python3 -m http.server -d site 8000 &
-node .github/check.mjs
-```
-
-## Checking a browser
-
-`sqzer`'s own tests run in Node, which has no canvas. What `decodeAny` does with an SVG or a HEIC file depends on the browser, so that part is checked by opening a page in it:
-
-```
-https://sqzer.dev/selftest/
+# all of it, as CI runs it
+pnpm check
+
+# or one at a time
+pnpm typecheck      # tsc
+pnpm lint           # oxlint
+pnpm format:check   # oxfmt. `pnpm format` rewrites
+pnpm fsd            # Steiger, the Feature-Sliced Design layers
+pnpm test           # Vitest in browser mode, in Chromium and Firefox
+pnpm test:e2e       # Playwright against the built page, in Chromium and Firefox
+
+# the two test suites need the browsers once
+pnpm exec playwright install --with-deps chromium firefox
 ```
 
-It prints one line per check. `ok` is as documented, `note` differs between browsers and may, `FAIL` is a defect: open an issue with the text.
+Every merge to `main` is a deploy: `.github/workflows/pages.yml` builds the page and publishes `dist/` to GitHub Pages.
 
 ## Contributing
 
diff --git a/SECURITY.md b/SECURITY.md
index 87123c6..83604a6 100644
--- a/SECURITY.md
+++ b/SECURITY.md
@@ -18,9 +18,9 @@ The page is maintained by one person. Expect an acknowledgement within a week, a
 
 In scope:
 
-- anything that makes the page send image data, or anything else, to a host other than its own origin and `cdn.jsdelivr.net`
+- anything that makes the page send image data, or anything else, to a host other than its own origin
 - a way to run script or load a resource from a dropped, pasted or picked file: its name, an SVG's content, anything the page puts on screen
-- a way around the `Content-Security-Policy` in `site/index.html`
+- a way around the `Content-Security-Policy`, which `vite.config.ts` writes into the built `index.html`
 - a page that keeps running the previous visitor's data, or leaks it between tabs
 
 > **Note**: A crafted image that crashes the encoder, hangs it or makes it allocate without bound is a bug in the `sqzer` package, not in this page. Report it to [`sqzer-dev/sqzer`](https://github.com/sqzer-dev/sqzer/security/advisories/new) instead; the page picks up the fix with the next version bump.
diff --git a/docs/adr/0002-stack.md b/docs/adr/0002-stack.md
index adbeddd..6b3c9eb 100644
--- a/docs/adr/0002-stack.md
+++ b/docs/adr/0002-stack.md
@@ -1,6 +1,7 @@
 # ADR-0002: The stack
 
 **Status:** Accepted   **Date:** 2026-10-03   **Deciders:** Vlad (sole maintainer)
+**Superseded by:** ADR-0004 for the worker's lifetime in D10 and the slice list of D5: the worker lives as long as the machine's `open` state and keeps the decoded image between searches, and slices are merged into `src/pages/compress/` until something is reused
 **Scope:** What the page is built with: the framework, the language, the bundler, the React APIs the page leans on, how the search's state is held, how `sqzer` reaches the page, the Content-Security-Policy under a build, the source layout, the checks, the deploy and the dependency updates. The design system, the component library and the styling system are ADR-0003 (ADR-0001 D10). What the page looks like and does is ADR-0001, and nothing here changes it.
 
 ---
@@ -307,13 +308,13 @@ What changes elsewhere:
 
 ## 6. Action items
 
-1. [ ] The port: `site/` becomes the Vite project of D7, `main.js` and `worker.js` become TypeScript under D4 and D5 with the search as the machine of D10, and the page behaves exactly as it does today. The redesign of ADR-0001, with D9, starts after it.
-2. [ ] The checks of D6 in `check.yml`, in the `browser` job, with `/selftest/` moved into Vitest browser mode and `.github/check.mjs` into the Playwright suite. Their first green run in CI is the browser check this record could not make.
-3. [ ] `pages.yml` builds and uploads `dist/`.
-4. [ ] `dependabot.yml`: the `npm` ecosystem at the root, `sqzer` alone, the tooling grouped.
-5. [ ] `CLAUDE.md`, `README.md`, `CONTRIBUTING.md` and the PR template, with the port. The README's "Checking a browser" section goes.
-6. [ ] `sqzer-dev/sqzer`: a note under ADR-0011 action item 5 pointing here.
-7. [ ] ADR-0003: the design system, the component library and the styling system.
+1. [x] The port: `site/` becomes the Vite project of D7, `main.js` and `worker.js` become TypeScript under D4 and D5 with the search as the machine of D10, and the page behaves exactly as it does today. The redesign of ADR-0001, with D9, starts after it.
+2. [x] The checks of D6 in `check.yml`, in the `browser` job, with `/selftest/` moved into Vitest browser mode and `.github/check.mjs` into the Playwright suite. Their first green run in CI is the browser check this record could not make.
+3. [x] `pages.yml` builds and uploads `dist/`.
+4. [x] `dependabot.yml`: the `npm` ecosystem at the root, `sqzer` alone, the tooling grouped.
+5. [x] `CLAUDE.md`, `README.md`, `CONTRIBUTING.md` and the PR template, with the port. The README's "Checking a browser" section goes.
+6. [x] `sqzer-dev/sqzer`: a note under ADR-0011 action item 5 pointing here. (Opened as pull request 53 there, to merge after the port: https://github.com/sqzer-dev/sqzer/pull/53)
+7. [x] ADR-0003: the design system, the component library and the styling system.
 
 ---
 
diff --git a/docs/adr/0003-design-system.md b/docs/adr/0003-design-system.md
index 3bb7edb..85fa1f5 100644
--- a/docs/adr/0003-design-system.md
+++ b/docs/adr/0003-design-system.md
@@ -222,7 +222,7 @@ What changes elsewhere: ADR-0002 D3's policy gains `font-src 'self'`. ADR-0002's
 2. [ ] `<CSPProvider disableStyleElements>` at the root, the scrollbar rules of D2, `font-src 'self'` in the policy, and the Playwright check for `securitypolicyviolation`.
 3. [ ] The Geist fonts of D3 and the token mapping of D4, light and dark.
 4. [ ] The `glass` utility of D5, its fallbacks, the "Solid panels" switch, and the contrast test of every glass surface over the white, black and noise fixtures.
-5. [ ] `licenses.txt` of D7, linked from the footer.
+5. [x] `licenses.txt` of D7, linked from the footer. (Written by the build since the port of ADR-0002: Vite's list for the page's bundle, and `sqzer` added for the worker's.)
 
 ---
 
diff --git a/docs/adr/0004-worker-lifetime.md b/docs/adr/0004-worker-lifetime.md
new file mode 100644
index 0000000..f1f428a
--- /dev/null
+++ b/docs/adr/0004-worker-lifetime.md
@@ -0,0 +1,134 @@
+# ADR-0004: The worker outlives a search
+
+**Status:** Accepted   **Date:** 2026-10-04   **Deciders:** Vlad (sole maintainer)
+**Scope:** How long the worker lives and how a search is cancelled, which ADR-0002 D10 decided, and where the page's code sits, which ADR-0002 D5 sketched. Nothing else in ADR-0002 changes, and nothing in ADR-0001 or ADR-0003.
+
+---
+
+## 1. Context
+
+ADR-0002 D10 made the worker a callback actor invoked by `searching`. Leaving that state for any reason ends the worker, a finished search included. The page on `main` does it differently: one worker lives as long as the tab, and it is ended only to cancel.
+
+The port was built the way D10 says first, and both pages were measured in headless Chromium and Firefox:
+
+```text
+# a 4000x2250 JPEG, format `jpeg`, fixed quality, width 1600. the time from a change of
+# quality to the result on the page, the 250 ms the controls rest included
+                              Chromium   Firefox
+the page on `main`            0.37 s     0.57 s
+a worker per search, D10      0.95 s     1.15 s
+```
+
+The package keeps the decoded and the resized image between calls, "so a quality slider only pays for the encode", as its README says. A worker per search throws that away: every change of a control starts a worker, instantiates 8 MB of wasm, decodes and resizes again. ADR-0001 puts a target control and an Advanced panel on the page, and each of them would pay this.
+
+The port also ran Steiger for the first time. The page has one route, so six of the slices D5 names are used in one place each, and `fsd/insignificant-slice` flags all six.
+
+---
+
+## 2. Decision
+
+### D1. The worker lives as long as the machine's `open` state
+
+The machine gets one state above the four of D10. `open` invokes the worker actor, and `empty`, `searching`, `result` and `failed` are its children. The worker starts with the page, so `codecs()` and the version reach the controls before any image, and it keeps the decoded image between searches. A search that ends in `result` or in `failed` leaves the worker running.
+
+```text
+open                    invokes the worker actor
+  empty                 no image yet
+  searching
+    reading             the worker decodes the image, or the page draws it
+    encoding            the search, or one encode at a fixed quality
+  result
+  failed
+```
+
+With this, a change of quality on the photo above takes 0.37 s in Chromium and 0.55 s in Firefox, the same as on `main`.
+
+### D2. Cancelling is re-entering `open`
+
+A `restart` event re-enters `open`. That stops the actor, and the actor's cleanup terminates the worker. It is still the only way an encode is cancelled, and still held by the machine: no code outside it ends a worker.
+
+```text
+a new image during a search          at once. the worker is busy with the image that left
+the controls move during a search    after 300 ms. if the worker finishes what it was doing
+                                     first, it stays and encodes again with the newest options
+a failure while newer options wait   at once, so the newest options get their run
+a search asked of a worker that      at once
+failed to start or to load
+```
+
+The 300 ms are the `PATIENCE_MS` of `site/main.js`. A worker that is idle is never ended: a new image or new options go to the one that is there.
+
+### D3. Every message names its image
+
+A worker that outlives its image can still answer for it. Each request carries a number for the image it is about, the worker repeats it in the reply, and the actor drops a reply about an image that was replaced since. `site/worker.js` did the same with `id`. Its `job` is gone: the machine has one encode running at a time and marks it `outdated` when the controls move.
+
+### D4. Slices are merged until something is reused
+
+`fsd/insignificant-slice` stays on. A slice exists once two places use it, and until then its code sits with its one user. For a page with one route that is the page:
+
+```text
+src/app/                    the root and the global stylesheet
+src/pages/compress/ui/      the page and its parts: drop zone, controls, status, comparison, result
+src/pages/compress/model/   the search machine, the worker actor, the picked image, the result
+src/pages/compress/lib/     drawing on the page, codec lookups, the summary, reading the controls
+src/shared/api/sqzer/       the worker, its client and the message types (ADR-0002 D4),
+                            behind `src/shared/api/index.ts`
+src/shared/lib/             small helpers, named by their domain
+```
+
+The search machine is in `src/pages/compress/model/`, not in `src/features/encode-image/model/`. When a second place needs a part, it moves down to the layer D5 names for it. `src/shared/ui/` arrives with ADR-0003.
+
+---
+
+## 3. Options considered
+
+**A worker per search, as D10 had it.** The smallest machine: four flat states and an actor that runs one script. Rejected for the numbers in section 1.
+
+**Cancelling inside the package**, so that a worker never has to be ended. Not possible in a form the page can use today:
+
+- The search calls `Encoder::encode` once per trial, and that is one blocking call into a third-party encoder with no way to stop it. The earliest a search could stop is between two trials. ADR-0011 measured 18 seconds for a search on a 12 megapixel photo. A search is at most six trials, so that is about three seconds each.
+- While a trial runs, the worker's event loop is blocked, so a `cancel` message is not delivered until the whole search is over. Reaching a blocked worker takes a `SharedArrayBuffer`, which needs the isolation headers GitHub Pages cannot send. The other way is a search that yields between trials, which needs JSPI, experimental in `wasm-bindgen`, or the search loop of `sqzer-metrics` rebuilt as steps. ADR-0011 names both limits.
+- Ending the worker stops an encode at once.
+
+It comes back if the hosting can send the headers or an encoder gains a hook. It would be a change to `sqzer` first and a version bump here after.
+
+**A spawned actor**, stopped and spawned again by actions, with the four states flat. Rejected: the worker's lifetime would be held by two actions that have to stay in step. With `open` it is held by a state.
+
+**Turning `fsd/insignificant-slice` off** and keeping the slices of D5. Rejected: a slice with one user is a folder to walk through, and merging costs nothing to undo when the second user comes.
+
+---
+
+## 4. Trade-offs
+
+**A bigger machine.** `open`, the patience, the image numbers, and three flags, `held`, `outdated` and `broken`, where D10 had four states and no flag. All of it is what `main.js` already held in variables.
+
+**The decoded image stays in memory** for as long as the tab shows it, as on `main`. A worker per search gave it back after every result.
+
+**One slice holds the page.** Steiger checks the layers, not the folders inside a slice, so `ui`, `model` and `lib` under `pages/compress` are kept apart by review until parts of them move out.
+
+---
+
+## 5. Consequences
+
+- ADR-0002 gets a `Superseded by` line for the worker's lifetime in D10 and for the slice list of D5. The rest of D10 stands: an XState machine, the worker as a callback actor, the client used by nothing else.
+- The Greptile rule `work-in-the-worker` names `src/pages/compress/model/` and the `open` state. This record gets its entry in `.greptile/files.json`.
+- The rule in `CLAUDE.md` holds as it is written: a search cannot be interrupted, and ending the worker is the only way an encode is cancelled.
+
+---
+
+## 6. Action items
+
+1. [x] The machine of D1 to D3 and the layout of D4, in the port of ADR-0002 item 1.
+2. [x] Steiger in `check.yml` with `fsd/insignificant-slice` on, with ADR-0002 item 2.
+
+---
+
+## Sources
+
+- ADR-0002 D4, D5 and D10, in this directory
+- `site/main.js` and `site/worker.js` on `main`, for `PATIENCE_MS`, `id` and `job`
+- The package's README, "Decode once, encode many times": https://github.com/sqzer-dev/sqzer/tree/main/crates/sqzer-wasm
+- ADR-0011 of `sqzer-dev/sqzer`, for the single thread, the isolation headers and JSPI: https://github.com/sqzer-dev/sqzer/blob/main/docs/adr/0011-browser-build.md
+- `Search::encode_with` in `crates/sqzer-metrics/src/search.rs` and `Encoder::encode` in `crates/sqzer-core/src/codec.rs`, `sqzer-dev/sqzer`
+- XState, re-entering a state: https://stately.ai/docs/transitions#re-entering
+- Steiger, `insignificant-slice`: https://github.com/feature-sliced/steiger/tree/master/packages/steiger-plugin-fsd/src/insignificant-slice
diff --git a/docs/adr/README.md b/docs/adr/README.md
index e08aa63..644fea1 100644
--- a/docs/adr/README.md
+++ b/docs/adr/README.md
@@ -6,9 +6,10 @@ One file per decision, numbered, never edited after acceptance. A superseded rec
 0001-page-design.md     the design of the page, from references   Accepted
 0002-stack.md           the stack: React 19, Vite, XState, `sqzer` from npm   Accepted
 0003-design-system.md   the components and the look: shadcn on Base UI, Geist, Radix Colors, glass   Accepted
+0004-worker-lifetime.md   the worker outlives a search, slices merge until something is reused   Accepted
 ```
 
-The decisions this page is built on were taken in [`sqzer-dev/sqzer`](https://github.com/sqzer-dev/sqzer) and stay there: [`docs/adr/0011-browser-build.md`](https://github.com/sqzer-dev/sqzer/blob/main/docs/adr/0011-browser-build.md), D3 for the package's API and D6 for this page: its own repository, the published package by version from jsDelivr, a static page without a framework or a build step, nothing sent anywhere, the licence line it sits on.
+The decisions this page is built on were taken in [`sqzer-dev/sqzer`](https://github.com/sqzer-dev/sqzer) and stay there: [`docs/adr/0011-browser-build.md`](https://github.com/sqzer-dev/sqzer/blob/main/docs/adr/0011-browser-build.md), D3 for the package's API and D6 for this page: its own repository, the published package by exact version, nothing sent anywhere, the licence line it sits on. D6 also made the page plain HTML with the package from jsDelivr; ADR-0002 replaced both.
 
 What belongs here: the look of the page, its controls and behaviour, its hosting, and the switch to the AGPL build when that exists. A design record was drafted and parked in [pull request 1](https://github.com/sqzer-dev/sqzer.dev/pull/1); the real one starts from the notes at its top.
 
diff --git a/index.html b/index.html
new file mode 100644
index 0000000..e78a801
--- /dev/null
+++ b/index.html
@@ -0,0 +1,17 @@
+<!doctype html>
+<html lang="en">
+  <head>
+    <meta charset="utf-8" />
+    <meta name="viewport" content="width=device-width, initial-scale=1" />
+    <meta name="color-scheme" content="light dark" />
+    <title>sqzer</title>
+    <meta
+      name="description"
+      content="Drop an image, get a smaller one that looks the same. Runs in the browser, nothing is uploaded."
+    />
+    <script type="module" src="/src/app/main.tsx"></script>
+  </head>
+  <body>
+    <div id="root"></div>
+  </body>
+</html>
diff --git a/package.json b/package.json
new file mode 100644
index 0000000..37c5581
--- /dev/null
+++ b/package.json
@@ -0,0 +1,47 @@
+{
+  "name": "sqzer.dev",
+  "private": true,
+  "description": "The page at sqzer.dev.",
+  "license": "MIT OR Apache-2.0",
+  "type": "module",
+  "scripts": {
+    "dev": "vite",
+    "build": "vite build",
+    "preview": "vite preview",
+    "typecheck": "tsc -p tsconfig.app.json && tsc -p tsconfig.node.json",
+    "lint": "oxlint",
+    "format": "oxfmt",
+    "format:check": "oxfmt --check",
+    "fsd": "steiger ./src",
+    "test": "vitest run",
+    "test:e2e": "playwright test",
+    "check": "pnpm typecheck && pnpm lint && pnpm format:check && pnpm fsd && pnpm test && pnpm test:e2e"
+  },
+  "dependencies": {
+    "@xstate/react": "6.1.0",
+    "react": "19.3.0",
+    "react-dom": "19.3.0",
+    "sqzer": "0.3.0",
+    "xstate": "5.33.2"
+  },
+  "devDependencies": {
+    "@playwright/test": "1.63.0",
+    "@types/node": "24.19.1",
+    "@types/react": "19.3.0",
+    "@types/react-dom": "19.3.0",
+    "@vitejs/plugin-react": "6.1.1",
+    "@vitest/browser-playwright": "5.0.3",
+    "eslint-plugin-react-hooks": "7.1.1",
+    "oxc-transform-react": "0.145.0",
+    "oxfmt": "0.71.0",
+    "oxlint": "1.86.0",
+    "oxlint-tsgolint": "7.0.2003",
+    "playwright": "1.63.0",
+    "steiger": "0.7.0",
+    "typescript": "7.0.2",
+    "vite": "8.3.2",
+    "vitest": "5.0.3",
+    "vitest-browser-react": "2.3.0"
+  },
+  "packageManager": "pnpm@12.8.1"
+}
diff --git a/playwright.config.ts b/playwright.config.ts
new file mode 100644
index 0000000..e2ab4c2
--- /dev/null
+++ b/playwright.config.ts
@@ -0,0 +1,23 @@
+import { defineConfig, devices } from '@playwright/test';
+
+const ci = Boolean(process.env['CI']);
+const url = 'http://localhost:4173';
+
+// End to end, against the built page: the policy is tested where it is served (ADR-0002 D3, D6).
+export default defineConfig({
+  testDir: 'tests/e2e',
+  fullyParallel: true,
+  forbidOnly: ci,
+  retries: 0,
+  reporter: ci ? 'github' : 'list',
+  use: { baseURL: url },
+  projects: [
+    { name: 'chromium', use: devices['Desktop Chrome'] },
+    { name: 'firefox', use: devices['Desktop Firefox'] },
+  ],
+  webServer: {
+    command: 'pnpm build && pnpm preview --port 4173 --strictPort',
+    url,
+    reuseExistingServer: !ci,
+  },
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
new file mode 100644
index 0000000..8daa055
--- /dev/null
+++ b/pnpm-lock.yaml
@@ -0,0 +1,3521 @@
+---
+lockfileVersion: '9.0'
+
+importers:
+
+  .:
+    configDependencies: {}
+    packageManagerDependencies:
+      pnpm:
+        specifier: 12.8.1
+        version: 12.8.1
+
+packages:
+
+  '@pnpm/exe.android-arm64@12.8.1':
+    resolution: {integrity: sha512-siDxcidfz5eM6L2tJfik+i2bbUEw8UC7MZ3Yl2HYdRmqbdhHGAOQACtOOu6QVW4Jul4/w5wVKm+wM8ACtgh1Pg==}
+    cpu: [arm64]
+    os: [android]
+
+  '@pnpm/exe.android-x64@12.8.1':
+    resolution: {integrity: sha512-0F/uqPRc3aN4vLHsa0f+6fTtmsigFQ9/yxEU43fionF//pNHEd5e97b3w/nKIgqYMCUQCJphmBRMA9Q8/wlo9Q==}
+    cpu: [x64]
+    os: [android]
+
+  '@pnpm/exe.darwin-arm64@12.8.1':
+    resolution: {integrity: sha512-/rwavvMQJsl2RIxOHBnDF+4Gk+fhQFAY4M3PQZoKskJOEnaJcygG9p1xby6wcQcbS4d9dIubv09CQhufTgfmpw==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@pnpm/exe.darwin-x64@12.8.1':
+    resolution: {integrity: sha512-htYt2gN7zqJKLhC99Ft6EUiO7myjZAZXfmGCTJUL1v+o7vE9hZdE1+fAkk4Oj1ZHNRti6b2woOxEkRkAusi8OQ==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@pnpm/exe.freebsd-x64@12.8.1':
+    resolution: {integrity: sha512-PB5BULNgytxvExoOXUUeseS/DcpPENs+cg3iA6xHHeaLT4ctEGKSGXEbuj7USeqvo8JBpAx039hivnbzGqDwnA==}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@pnpm/exe.linux-arm64-musl@12.8.1':
+    resolution: {integrity: sha512-kKeyC/ArjrgdciQRBrOL0j9HtOI4gDRgoyP+eJ1CQKyadpKlf/DhDDyspXe07R3B9KagTVLUF2nlt6Dr5quFIg==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@pnpm/exe.linux-arm64@12.8.1':
+    resolution: {integrity: sha512-q4s9a9X2O3N9aeUFooW24orNrxvu20+jyVUFR5RanPCqOKKPBrgs2iywMkBBx1aXkkzdWT54/mfz8Be8sJlWEw==}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@pnpm/exe.linux-ppc64@12.8.1':
+    resolution: {integrity: sha512-F7XSjKJthwCh/L6abZiMpAfo2Cm61SZIT3e4dfgiIjESndlWaXCnfLKngSgZ/SEMsdmHT6dud3+kWIB3tw0/xQ==}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@pnpm/exe.linux-riscv64@12.8.1':
+    resolution: {integrity: sha512-z1ecpIK/ZY08Unk69KWWE9867oaKUytGUjrHnBoGFAAhsK+q+0cfvBH+f5fWobJ7FX97leMlLO+gkJolddM45Q==}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@pnpm/exe.linux-s390x@12.8.1':
+    resolution: {integrity: sha512-KU6tnrBfu4uKXTq6N5qJwSm8FSrs9Wc8b5AUEsHK9bRXwNdsZ1/lRxG1++X29SKRW9OSNuDSjxASv5mAvGo1gA==}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@pnpm/exe.linux-x64-musl@12.8.1':
+    resolution: {integrity: sha512-eUE8BWJkDr2tJb/yrk0yVnszlmNqFarVxUlqiZ9BAkct28Nq/5g2H0tvMDmPA7fAQW3STNj+omJPPRVT+4s5sQ==}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@pnpm/exe.linux-x64@12.8.1':
+    resolution: {integrity: sha512-8bDZ0lZlCdi2rvnFul7EYgcC7zKeWSe76y8JV2oXobaS8p9i9d6PSf6LgLtTM0fI7R9Oh4eLCbveXyNDMmvZ+g==}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@pnpm/exe.win32-arm64@12.8.1':
+    resolution: {integrity: sha512-MsT0dlrRxnCRCHCaosNbhWpEiAFnFuMEu3KuDJDU41BXgTwiINxU8goloUSUDejWZUqKaUqNC/qUTihl9nFtqg==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@pnpm/exe.win32-x64@12.8.1':
+    resolution: {integrity: sha512-SWtPe0PsbTTk//gJND10tMdOfCYjrkq5+qV49hzVhY7xz2iJ339Rc+xwASlcvbwTfrvH39YNqpKYibD+CRGLwA==}
+    cpu: [x64]
+    os: [win32]
+
+  pnpm@12.8.1:
+    resolution: {integrity: sha512-9kupB1B/XOr+BsjTjmBS0BeURFgOwSed3Vv8EctIqoomRLZlmOB+dh2oSHKp/FfV+QK4f6SdAkGY1VhhKqu+RQ==}
+    engines: {node: '>=18.*'}
+    hasBin: true
+
+snapshots:
+
+  '@pnpm/exe.android-arm64@12.8.1':
+    optional: true
+
+  '@pnpm/exe.android-x64@12.8.1':
+    optional: true
+
+  '@pnpm/exe.darwin-arm64@12.8.1':
+    optional: true
+
+  '@pnpm/exe.darwin-x64@12.8.1':
+    optional: true
+
+  '@pnpm/exe.freebsd-x64@12.8.1':
+    optional: true
+
+  '@pnpm/exe.linux-arm64-musl@12.8.1':
+    optional: true
+
+  '@pnpm/exe.linux-arm64@12.8.1':
+    optional: true
+
+  '@pnpm/exe.linux-ppc64@12.8.1':
+    optional: true
+
+  '@pnpm/exe.linux-riscv64@12.8.1':
+    optional: true
+
+  '@pnpm/exe.linux-s390x@12.8.1':
+    optional: true
+
+  '@pnpm/exe.linux-x64-musl@12.8.1':
+    optional: true
+
+  '@pnpm/exe.linux-x64@12.8.1':
+    optional: true
+
+  '@pnpm/exe.win32-arm64@12.8.1':
+    optional: true
+
+  '@pnpm/exe.win32-x64@12.8.1':
+    optional: true
+
+  pnpm@12.8.1:
+    optionalDependencies:
+      '@pnpm/exe.android-arm64': 12.8.1
+      '@pnpm/exe.android-x64': 12.8.1
+      '@pnpm/exe.darwin-arm64': 12.8.1
+      '@pnpm/exe.darwin-x64': 12.8.1
+      '@pnpm/exe.freebsd-x64': 12.8.1
+      '@pnpm/exe.linux-arm64': 12.8.1
+      '@pnpm/exe.linux-arm64-musl': 12.8.1
+      '@pnpm/exe.linux-ppc64': 12.8.1
+      '@pnpm/exe.linux-riscv64': 12.8.1
+      '@pnpm/exe.linux-s390x': 12.8.1
+      '@pnpm/exe.linux-x64': 12.8.1
+      '@pnpm/exe.linux-x64-musl': 12.8.1
+      '@pnpm/exe.win32-arm64': 12.8.1
+      '@pnpm/exe.win32-x64': 12.8.1
+
+---
+lockfileVersion: '9.0'
+
+settings:
+  autoInstallPeers: true
+  excludeLinksFromLockfile: false
+
+importers:
+
+  .:
+    dependencies:
+      '@xstate/react':
+        specifier: 6.1.0
+        version: 6.1.0(@types/react@19.3.0)(react@19.3.0)(xstate@5.33.2)
+      react:
+        specifier: 19.3.0
+        version: 19.3.0
+      react-dom:
+        specifier: 19.3.0
+        version: 19.3.0(react@19.3.0)
+      sqzer:
+        specifier: 0.3.0
+        version: 0.3.0
+      xstate:
+        specifier: 5.33.2
+        version: 5.33.2
+    devDependencies:
+      '@playwright/test':
+        specifier: 1.63.0
+        version: 1.63.0
+      '@types/node':
+        specifier: 24.19.1
+        version: 24.19.1
+      '@types/react':
+        specifier: 19.3.0
+        version: 19.3.0
+      '@types/react-dom':
+        specifier: 19.3.0
+        version: 19.3.0(@types/react@19.3.0)
+      '@vitejs/plugin-react':
+        specifier: 6.1.1
+        version: 6.1.1(oxc-transform-react@0.145.0)(vite@8.3.2(@types/node@24.19.1))
+      '@vitest/browser-playwright':
+        specifier: 5.0.3
+        version: 5.0.3(playwright@1.63.0)(vite@8.3.2(@types/node@24.19.1))(vitest@5.0.3)
+      eslint-plugin-react-hooks:
+        specifier: 7.1.1
+        version: 7.1.1(eslint@10.12.0)
+      oxc-transform-react:
+        specifier: 0.145.0
+        version: 0.145.0
+      oxfmt:
+        specifier: 0.71.0
+        version: 0.71.0
+      oxlint:
+        specifier: 1.86.0
+        version: 1.86.0(oxlint-tsgolint@7.0.2003)
+      oxlint-tsgolint:
+        specifier: 7.0.2003
+        version: 7.0.2003
+      playwright:
+        specifier: 1.63.0
+        version: 1.63.0
+      steiger:
+        specifier: 0.7.0
+        version: 0.7.0(typescript@7.0.2)
+      typescript:
+        specifier: 7.0.2
+        version: 7.0.2
+      vite:
+        specifier: 8.3.2
+        version: 8.3.2(@types/node@24.19.1)
+      vitest:
+        specifier: 5.0.3
+        version: 5.0.3(@types/node@24.19.1)(@vitest/browser-playwright@5.0.3)(@vitest/ui@5.0.3)(vite@8.3.2(@types/node@24.19.1))
+      vitest-browser-react:
+        specifier: 2.3.0
+        version: 2.3.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)(vitest@5.0.3)
+
+packages:
+
+  '@babel/code-frame@7.29.7':
+    resolution: {integrity: sha512-Aup7aUOfpbAUg2ROOJN6Iw5f9DMBlzu0mIkm/malLQFN/YQgO48wCj0Kxa3sEHJvPVFg7siR+qRInwXd2qhQKw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/compat-data@7.29.7':
+    resolution: {integrity: sha512-locTkQyKvwIEgBzVrn8693ebc97F2U8ZHjbXwDXJ5Fn2TCpNwTlKcaKLkdHop5c/icOFE7qt7Q9JC5hnKNa6Gg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/core@7.29.7':
+    resolution: {integrity: sha512-RgHBCvtjbOK2gXSNBNIkNoEc9qoVEtau3hj8gEqKQuL3HZAibKarWFEI3Lfm6EYKkLalOh8eSrj9b+ch9H/VBA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/generator@7.29.8':
+    resolution: {integrity: sha512-gZbepsdh3WDtgZKWL+vTPh71LSBrm/Y4/QDZBVCcYfmeTEEuoOYwlSy+G1StfJg+/Zy550u/3TATbm7qDbbMtg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-compilation-targets@7.29.7':
+    resolution: {integrity: sha512-wem6WaBj4NaVYVdNhLPPVacES6ZJ+KBBfSkTMD3YZxbP3rm3Di85tJU5ljaUNhaOynt+Aj0xruhYuzQBt8n71g==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-globals@7.29.7':
+    resolution: {integrity: sha512-3nQVUAtvkKH9zahfWgw96Jc/uFOmjACE1kQz82E2lqWmHBgjzbNlsC22nuQTfahmWeQtTq5nQ/4Nnd2A1wj4zA==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-imports@7.29.7':
+    resolution: {integrity: sha512-ejHwrQQYcm9xnTivShn2IDOlIzInN34AXskvq9QicvCtEzq1Vzclu/tKF8Jq1Cg8JG2GL6/EmjgsCT7lXepE3g==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-module-transforms@7.29.7':
+    resolution: {integrity: sha512-UPUVSyXbOh627KiCIGQSgwWzGeBKLkaJ9PJEdrngIwMSzxLR4jS4+f1f1jb7VzBbg8nFLaYotvVPFCTqdrmTAg==}
+    engines: {node: '>=6.9.0'}
+    peerDependencies:
+      '@babel/core': ^7.0.0
+
+  '@babel/helper-string-parser@7.29.7':
+    resolution: {integrity: sha512-Pb5ijPrZ89GDH8223L4UP8i6QApWxs04RbPQJTeWDV0/keR2E36MeKnyr6LYmUUvqRRI+Iv87SuF1W6ErINzYw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-identifier@7.29.7':
+    resolution: {integrity: sha512-qehxGkRj55h/ff8EMaJ+cYhyaKlHIxqYDn682wQD7RNp9UujOQsHog2uS0r2vzr4pW+sXf90NeeayjcNaX3fFg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helper-validator-option@7.29.7':
+    resolution: {integrity: sha512-N9ZErrD+yW5geCDtBqnOoxmR8+tNKiGuxKlDpuJxfsqpa2dFcexaziGAE/qoHLiDDreVNMupxGmSoNlyvsA3gw==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/helpers@7.29.7':
+    resolution: {integrity: sha512-1k2lAGRMfHTcwuNYcCNUmaUffmQv8KWMfh2iJUUeRlwlwH4FdNG7mfPI10NPfLHJFThE4Tyr4mv7kTNZOiPuBg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/parser@7.29.9':
+    resolution: {integrity: sha512-CjXrNHTnvqBVqHgdBysY3vk2T8tpJHb5/RMeHJBTyVa9xgugCB0CJTx/3oO8RV2QRQP391RWpB7D6hLjm8V9uA==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  '@babel/template@7.29.7':
+    resolution: {integrity: sha512-puq+Gf35oI24FeN11LkoUQFqv9uwNeWpxXZi/Ji3rRIoKAzKnxRaZ+Gkj0vKS9ZCiTESfng1N9LyOyXvo+m+Gg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/traverse@7.29.8':
+    resolution: {integrity: sha512-I5z7H3bf/41ktsNVLtpN0wAa336HkqIHQ5BuPLEhTkt1jVSyZpeNKIzTgEWmlxjdg81R0IgUCcaE+Ok3NvrfZg==}
+    engines: {node: '>=6.9.0'}
+
+  '@babel/types@7.29.8':
+    resolution: {integrity: sha512-Vj1jF3cPfxg7OAfoI7QnVKLoILlm2JF9pnVHrX8qx7AHMiYWT+NDAA7jChlNgRS4WTLc/fD1lXLmPixluj+3Gg==}
+    engines: {node: '>=6.9.0'}
+
+  '@blazediff/core@1.10.0':
+    resolution: {integrity: sha512-AOQff0zgR7cGsZL+4E7hVkmujoPUpm0J9xzWGWZj5wCjd3gmxESXAPfKyuzs93VdpQNFhHlBhfOjrcZ+XTERtQ==}
+
+  '@cacheable/memory@2.2.0':
+    resolution: {integrity: sha512-CTLKqLItRCEixEAewD3/j9DB3/o96gpTPD4eJ1v+DGOlxZRZncRQkGYqqnAGCscYd6RNeXfGeiuCphsPtqyIfQ==}
+
+  '@cacheable/utils@2.5.0':
+    resolution: {integrity: sha512-buipgOVDkkPXNR5+xBpDw7Zk2n1EvU7qBJCNUcL7rhQ//kfpOXPAvQ511Os0vpLYJ1pZnvudNytkQt2hst3wqA==}
+
+  '@clack/core@0.4.1':
+    resolution: {integrity: sha512-Pxhij4UXg8KSr7rPek6Zowm+5M22rbd2g1nfojHJkxp5YkFqiZ2+YLEM/XGVIzvGOcM0nqjIFxrpDwWRZYWYjA==}
+
+  '@clack/prompts@0.9.1':
+    resolution: {integrity: sha512-JIpyaboYZeWYlyP0H+OoPPxd6nqueG/CmN6ixBiNFsIDHREevjIf0n0Ohh5gr5C8pEDknzgvz+pIJ8dMhzWIeg==}
+
+  '@eslint-community/eslint-utils@4.10.1':
+    resolution: {integrity: sha512-cuadcxVFE8sDK6iWJbs8Sn0av2Nrh2QSGQhVlBW9AaAHqHwjWsZHT8LJ4hFGPh7ASBV2deFdM7H/DPjulmh8rg==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    peerDependencies:
+      eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
+
+  '@eslint-community/regexpp@4.12.2':
+    resolution: {integrity: sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew==}
+    engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
+
+  '@eslint/config-array@0.23.5':
+    resolution: {integrity: sha512-Y3kKLvC1dvTOT+oGlqNQ1XLqK6D1HU2YXPc52NmAlJZbMMWDzGYXMiPRJ8TYD39muD/OTjlZmNJ4ib7dvSrMBA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@eslint/config-helpers@0.7.0':
+    resolution: {integrity: sha512-DObd/KKUsU+FaFv4PLxSRenpXfQWmPXXP3pPZ6/K1PCrMu2vQpMDMuQe/BqYeoLcz8ro0bVDF1RxOJgfVEdhUw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@eslint/core@1.2.1':
+    resolution: {integrity: sha512-MwcE1P+AZ4C6DWlpin/OmOA54mmIZ/+xZuJiQd4SyB29oAJjN30UW9wkKNptW2ctp4cEsvhlLY/CsQ1uoHDloQ==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@eslint/object-schema@3.0.5':
+    resolution: {integrity: sha512-vqTaUEgxzm+YDSdElad6PiRoX4t8VGDjCtt05zn4nU810UIx/uNEV7/lZJ6KwFThKZOzOxzXy48da+No7HZaMw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@eslint/plugin-kit@0.7.3':
+    resolution: {integrity: sha512-IkO+/KEUvwbVpiURZg+P7zF74z5Jxe0UgJxVni+RtoHQ6IZieXaO02kmadomap/q+l6bc/jdPGGqTjhuZnuz1Q==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  '@feature-sliced/filesystem@3.1.1':
+    resolution: {integrity: sha512-P3WpHkOqdH4572ZhTfeg/Sbw0qkIuMw0QcLyTUygfwTZg1yd7hIv8QDYbhTddNTiFDgBRJTrYw/s6r2hnlo6Tw==}
+
+  '@feature-sliced/steiger-plugin@0.8.0':
+    resolution: {integrity: sha512-wACwEYLVxs6bziUDaZXlp6k43dantdU5MSBtO48MwonwrupdzYcLhs6+Ps9YoWDINccaAlqiMxlHmgLJubK5Ow==}
+
+  '@humanfs/core@0.19.2':
+    resolution: {integrity: sha512-UhXNm+CFMWcbChXywFwkmhqjs3PRCmcSa/hfBgLIb7oQ5HNb1wS0icWsGtSAUNgefHeI+eBrA8I1fxmbHsGdvA==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/node@0.16.8':
+    resolution: {integrity: sha512-gE1eQNZ3R++kTzFUpdGlpmy8kDZD/MLyHqDwqjkVQI0JMdI1D51sy1H958PNXYkM2rAac7e5/CnIKZrHtPh3BQ==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanfs/types@0.15.0':
+    resolution: {integrity: sha512-ZZ1w0aoQkwuUuC7Yf+7sdeaNfqQiiLcSRbfI08oAxqLtpXQr9AIVX7Ay7HLDuiLYAaFPu8oBYNq/QIi9URHJ3Q==}
+    engines: {node: '>=18.18.0'}
+
+  '@humanwhocodes/module-importer@1.0.1':
+    resolution: {integrity: sha512-bxveV4V8v5Yb4ncFTT3rPSgZBOpCkjfK0y4oVVVJwIuDVBRMDXrPyXRL988i5ap9m9bnyEEjWfm5WkBmtffLfA==}
+    engines: {node: '>=12.22'}
+
+  '@humanwhocodes/retry@0.4.3':
+    resolution: {integrity: sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ==}
+    engines: {node: '>=18.18'}
+
+  '@jridgewell/gen-mapping@0.3.13':
+    resolution: {integrity: sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA==}
+
+  '@jridgewell/remapping@2.3.5':
+    resolution: {integrity: sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ==}
+
+  '@jridgewell/resolve-uri@3.1.2':
+    resolution: {integrity: sha512-bRISgCIjP20/tbWSPWMEi54QVPRZExkuD9lJL+UIxUKtwVJA8wW1Trb1jMs1RFXo1CBTNZ/5hpC9QvmKWdopKw==}
+    engines: {node: '>=6.0.0'}
+
+  '@jridgewell/sourcemap-codec@1.6.0':
+    resolution: {integrity: sha512-T7jf+5zgsZHwNJ4lvQ7/aezbyk0nNX+zJVWpmHA7VYsEx7a7qr5Rg5IbtJFqkgze5Y2sruq1RUY8Q837Od7iFw==}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    resolution: {integrity: sha512-zzNR+SdQSDJzc8joaeP8QQoCQr8NuYx2dIIytl1QeBEZHJ9uW6hebsrYgbz8hJwUQao3TWCMtmfV8Nu1twOLAw==}
+
+  '@keyv/bigmap@1.3.1':
+    resolution: {integrity: sha512-WbzE9sdmQtKy8vrNPa9BRnwZh5UF4s1KTmSK0KUVLo3eff5BlQNNWDnFOouNpKfPKDnms9xynJjsMYjMaT/aFQ==}
+    engines: {node: '>= 18'}
+    peerDependencies:
+      keyv: ^5.6.0
+
+  '@keyv/serialize@1.1.1':
+    resolution: {integrity: sha512-dXn3FZhPv0US+7dtJsIi2R+c7qWYiReoEh5zUntWCf4oSpMNib8FDhSoed6m3QyZdx5hK7iLFkYk3rNxwt8vTA==}
+
+  '@nodelib/fs.scandir@2.1.5':
+    resolution: {integrity: sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.stat@2.0.5':
+    resolution: {integrity: sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A==}
+    engines: {node: '>= 8'}
+
+  '@nodelib/fs.walk@1.2.8':
+    resolution: {integrity: sha512-oGB+UxlgWcgQkgwo8GcEGwemoTFt3FIO9ababBmaGwXIoBKZ+GTy0pP185beGg7Llih/NSHSV2XAs1lnznocSg==}
+    engines: {node: '>= 8'}
+
+  '@oxc-project/types@0.152.0':
+    resolution: {integrity: sha512-oM/5rLBm2tPkg0iBgkH/FOeR3PCDpY19GTgAZjMFM8h9WI9VW7cLgzp6nwtarYKmovavIQZ+Fe/RKX/8C8O/Rw==}
+
+  '@oxc-transform-react/binding-android-arm-eabi@0.145.0':
+    resolution: {integrity: sha512-KuK3zAp10yFyeAxIXlZn2ycsFpaKLxUmj5BVRS1io4XfwnKTozb/goZakgKD5JEiHOVOtEKt1r7pTrmW/pFxxA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
+
+  '@oxc-transform-react/binding-android-arm64@0.145.0':
+    resolution: {integrity: sha512-eDUKx6MAgRAF67JPScjLF6h8lL2qmlvFrXGSG8mYFIVJb++NMyDygiIo8TAKdWQNguoBElUZw/SK2EPRaKsryQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@oxc-transform-react/binding-darwin-arm64@0.145.0':
+    resolution: {integrity: sha512-msCgwbVLswJ08JaUOjfPddieVJwE4IT1Y23A1DDyKVyzZp2ormo9a4ffDEu9nmmovdEj8VqAyFgggsgzIkBVrA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxc-transform-react/binding-darwin-x64@0.145.0':
+    resolution: {integrity: sha512-R0PtsoOCsARulmWhLG1fFInT+98TRl/H6w6ifi8XOLvpdsksD1rxsw4Ol84lHbdHCcMNjfJTckZzQIZBMiXkLg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxc-transform-react/binding-freebsd-x64@0.145.0':
+    resolution: {integrity: sha512-/MJ7+IvxfutSGqn6hIXU92wGNk5FlkqbTHM+kEl7ytLLOSAyivYhF2gxdYMmXTwOG56k2XviMcE0D/TBjdyoRA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@oxc-transform-react/binding-linux-arm-gnueabihf@0.145.0':
+    resolution: {integrity: sha512-ssHZ0W2wSjQwaBQdkg8u+A7dTdw2vkGSK0hRfCoDCkRkETu+19Q8Tae7NNxlYHcP1iUQYhEj8Qfgpq+S/MdrYA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-transform-react/binding-linux-arm-musleabihf@0.145.0':
+    resolution: {integrity: sha512-adJy4lQVcoIW6CUzQYbDgbHZMDSLoizwCinG2Dex29jdACKwIgXQQrIAHAgfveaZleKIB/rf3usGoRcOGyfz7Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxc-transform-react/binding-linux-arm64-gnu@0.145.0':
+    resolution: {integrity: sha512-7KRa0CC1FaSKx5sy+bDtqGvXF+RiVoMmSe8OmTKm9kRZkNVdmsmpnsQhgravehTohlWDveo5aoGMwcFtffGDmw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-transform-react/binding-linux-arm64-musl@0.145.0':
+    resolution: {integrity: sha512-fGhZkDnk2RoMp6THas9HFGorF0A1wwPPA/2Lu9IUO1ip5MJqS/JG7/conmiz0DBG0PWBtnKl2Y8sA/VBiD/oQw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-transform-react/binding-linux-ppc64-gnu@0.145.0':
+    resolution: {integrity: sha512-VBaUTjRZYRypD2tL7cmbM2Fn6fvTnacLQ1GdsU1Y6A3fkqA/z+wc5Vy1QnnuFe9sIwb9xCvSS2tJVlucR39FYw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-transform-react/binding-linux-riscv64-gnu@0.145.0':
+    resolution: {integrity: sha512-s2cimMVAmWe9dtjyWdGsYtevi9C7gJoOXwrCZD0BX7hgyGmuBO3iWQjx4W48hdXlWS176NoxuFIHAN72N86upA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-transform-react/binding-linux-riscv64-musl@0.145.0':
+    resolution: {integrity: sha512-hFPrsL2nKL4aa8vFmheR53PcrxQgym8bnaSD1pMX9IoyQq+/ksAuw1CDJSV9c5xhxxZdw/KTPVer7M/6OQvfoA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-transform-react/binding-linux-s390x-gnu@0.145.0':
+    resolution: {integrity: sha512-YLKhySqqu0JAtT0z8GuaFF7Hht3IvQLZShTH0DxeV28NwSthva+qJ7GN09ALT1bqRVvMjNGycgPHaGSWBUIt7A==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-transform-react/binding-linux-x64-gnu@0.145.0':
+    resolution: {integrity: sha512-WqgJ+0M9mwQ1cRfSgk4vzYudD2imLSBhUZ2QFes06vUjigts5Dw4NajWKc2JibPHYsoiUA9Zj39zWwC5AxXEGQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxc-transform-react/binding-linux-x64-musl@0.145.0':
+    resolution: {integrity: sha512-eIre/TjGt07IVKoWUrUOkPxN7UKeWxbiGvCywoGLDRe1/2K50MrA2vQahZ8AlW5CLmajOr9ePKrkRzLg1fa0cQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxc-transform-react/binding-openharmony-arm64@0.145.0':
+    resolution: {integrity: sha512-zhWiyJ+9XD4cuhSZIT6aozuXDHcZHNdoVe88xVmx2XN00anjZ6VAGj31rhD8ndha/F8NllcQEr8Q61Dr2MHv5Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@oxc-transform-react/binding-win32-arm64-msvc@0.145.0':
+    resolution: {integrity: sha512-Q0oiZfrfYyhmpqH2K0dylDTooIadecGsoiQks7G0AbuszCu2I7zYyJo4ArFc3d5Hj49Jjc5dDAE5WP/Sg2p8hw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxc-transform-react/binding-win32-ia32-msvc@0.145.0':
+    resolution: {integrity: sha512-ERpriVJY5S8hXd3BJi4UtzsIVsEQnntmpqTgRqh0XCaflLRLTQnPWpkO8rgtI7xye5MRhfhA+qsxKg2olJs4qA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@oxc-transform-react/binding-win32-x64-msvc@0.145.0':
+    resolution: {integrity: sha512-sa781BGPLDw8+7ATrgUpLr0f4t0Q14O+zk3fOuQbUpjW5jERc9a3k1xIYKX1JkTG/sszoFhi8LzyCoMC49tkWA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@oxfmt/binding-android-arm-eabi@0.71.0':
+    resolution: {integrity: sha512-l31EyBfB4egJeFua11aQFEUE9nnDtfpWCadqQovm0WL30t/yUHtdFl/5HyFXvd5xT8Ewh3U4TI9f30GowrQ1fw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
+
+  '@oxfmt/binding-android-arm64@0.71.0':
+    resolution: {integrity: sha512-E8q39SUZzSXQ08oZoFoTkxRADkdBNgL6De4qgZYr2O4JCunwqrZwAyCebxIF3yVHBafHM30WUkhTkDi+jNYZOw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@oxfmt/binding-darwin-arm64@0.71.0':
+    resolution: {integrity: sha512-pTteTrN88DicrmJ3DocBmpNDa6Umfh0iveEG8rnAlDFQpclmtDS7hnIvZbIEV9mDO0Ot1U0sjtoJQ1itd/ZMhQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxfmt/binding-darwin-x64@0.71.0':
+    resolution: {integrity: sha512-G5melRC3IiNEgXlNKJhSExJYQGAQIppHFp2cl/wFrqQcEwmc4k4TkrHaFTR29SDudjoW5AZq5cXPGJDqtlH/Yg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxfmt/binding-freebsd-x64@0.71.0':
+    resolution: {integrity: sha512-Hb1P5yKb9aiH2VSbm3Ml37mKjzqpunYet9krw/YK7V5JsAUJDQlju3Yk/dEqQvJD/usBvpi01Vbk9ZDNo0a8Cw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@oxfmt/binding-linux-arm-gnueabihf@0.71.0':
+    resolution: {integrity: sha512-r7n4JEO+rkp0kaP3ia+0hv6FzK3PQIHqaF0jxGuhjJ4JHVX9ZVRbgpDVDW+OloyuJsRWpWFDKIHe8gfl1p/4mQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxfmt/binding-linux-arm-musleabihf@0.71.0':
+    resolution: {integrity: sha512-EEynTF4nakgqDhVCmd3cHQCmTcw0BM8ea6eHigTdtZ3yxdsBNv+dYkt+OpDDZx1n/jzjI7J+Ht7IgkqFWuJUxQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxfmt/binding-linux-arm64-gnu@0.71.0':
+    resolution: {integrity: sha512-7VgJIrywCwR/G6YMv+HqsccUt8Z4q4mbM2xR+Ry/6AeMk4pCmZ9aO4Srd3mmrvVu8PsCZGP7oHEHSXWTmyloaQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxfmt/binding-linux-arm64-musl@0.71.0':
+    resolution: {integrity: sha512-AOCaminv/+fhinUXKvtPZT4POhNYmN9GfvaJdgJa1AbvuzClWGwDIXfJg8eu3sYaVL2B68jNvmS7LZGAYa0z3A==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxfmt/binding-linux-ppc64-gnu@0.71.0':
+    resolution: {integrity: sha512-0SHxuaa4QRLM7jfsd8wc6L7KdLg+FR6/ah9k1eAvcrK/Sni7oxchMvsjwUsyakVAta+wBVDkjJTr7/RFU0uUGA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxfmt/binding-linux-riscv64-gnu@0.71.0':
+    resolution: {integrity: sha512-UNKj1+rPorTK6uSlQzpN96vDNbHbL/63zcpznweo0ImQdkDdtQCS7G3puxX++2cESPKT2B56Y6DICUmFTJde5A==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxfmt/binding-linux-riscv64-musl@0.71.0':
+    resolution: {integrity: sha512-5cVXKj7a0mWu7GU6/bZgNyv+KtLgM5S9cnT26Os2/abj8pK/bklHsbdYEHGLLniGjNYkyzwem8mZciPCaDtilw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxfmt/binding-linux-s390x-gnu@0.71.0':
+    resolution: {integrity: sha512-lNpcMuZvyU1V/CY5h19hac03m4E4PLSYRckcxZOynSPojI4Mwt6nEu9wT/gVf0bclH3xGEWjwqApnSTgjkd2oA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxfmt/binding-linux-x64-gnu@0.71.0':
+    resolution: {integrity: sha512-5/Z6pUewQpknXqC4/ykK6Zc6RiteAnPem1Ci7K1RZLVF6w6MMjwHjR4vsjijW4Czidgv7HKeVglGjElADliT9w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxfmt/binding-linux-x64-musl@0.71.0':
+    resolution: {integrity: sha512-uVdG2N/4GEbOeljpQ+xv+NeEwJWJGj0WaxSiSYnoiqIYy3RWrWd3rGUmxWXP1A8+ferNvvwFoDAtvgsDUvBuSw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxfmt/binding-openharmony-arm64@0.71.0':
+    resolution: {integrity: sha512-1LwEZmSDRFKeBaGd/Hgj2xI3SmgGFpF4YtgkSx0sTYdTiZfHWbcFvRIBjL1YiDNdQd9Khda3Ij8CoqBULjskDg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@oxfmt/binding-win32-arm64-msvc@0.71.0':
+    resolution: {integrity: sha512-5tplmkeMXmza3PUptJQy25wCPJbIAg5g5r7zs+DI+7eEYOqbY+7roMdSH2zbDvv1Pb4oTDJ6NWYx9IRxBxXwhQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxfmt/binding-win32-ia32-msvc@0.71.0':
+    resolution: {integrity: sha512-T2LWgh3Vx4PYDjtcqRRGDyCsVxeF/VE5xTpUQiCm65bNLwMpRnJYj6Hlkf6qRM3+jxCIOqHD1kVHNQCCiAVMNQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@oxfmt/binding-win32-x64-msvc@0.71.0':
+    resolution: {integrity: sha512-L06SVp7Hu1EQTkh3+PHnKK26dxVbEpOG2InMwCooTE4MA437b5FgfTleCCiGn4ykISHnHU6UHaIg7SiMO7rBHA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@oxlint-tsgolint/darwin-arm64@7.0.2003':
+    resolution: {integrity: sha512-TgV33rXr6ueXBwvc+0nssUkTBSXHJxv77I8p4RCjDjCnvexHtmoPiudVRDfj3S3puMDdeQdHW6jdUgUPy3nr/w==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxlint-tsgolint/darwin-x64@7.0.2003':
+    resolution: {integrity: sha512-hY3FMAjIaPDdK3FNxyRXRfHPOFeoBn6dmnLyKZgQ2IbTTD1adXhl6PfCIqHhCPvurigv7nf7mYuWZZ19MmJzmg==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxlint-tsgolint/linux-arm64@7.0.2003':
+    resolution: {integrity: sha512-eAET4JpyfBbg8SO0K74o4R55tEjVC292pIyxGOw2XGf8x/HrPNyxwQ478jMYOM54FIVOHc8sJ6VRHxluy6lucw==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@oxlint-tsgolint/linux-x64@7.0.2003':
+    resolution: {integrity: sha512-GXdyO/XyqDJ3s/llR/oOktLsYNjZtWSQBy0JMc+/0gsNPvTcseKPhn9c6KcFyWmnr6H4vljYALbujonqSzzEGw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@oxlint-tsgolint/win32-arm64@7.0.2003':
+    resolution: {integrity: sha512-TWauXnPfet0VgpmrstoAK58eJ4gbuwPUuUTQmYQAzE/RG1CpnxXtrKUJULf6lyerPE4KN3gM+DflIA1hOH+38Q==}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxlint-tsgolint/win32-x64@7.0.2003':
+    resolution: {integrity: sha512-DoRmfe7j8VqNlukp8liRVW45GQDhzRccNenjD/pdzelgtffW47pCMd1xbJLkPaPbKnTwID3onn3VZlL7JbebEA==}
+    cpu: [x64]
+    os: [win32]
+
+  '@oxlint/binding-android-arm-eabi@1.86.0':
+    resolution: {integrity: sha512-63Ozq6yQn79B2UxjSZ9huJmI+3/ZPI7hxAe6TyFh9oQL447KnIMoffOdtog+h4KILbQr61ZRvFPW5gYbAUgpgQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
+
+  '@oxlint/binding-android-arm64@1.86.0':
+    resolution: {integrity: sha512-JdLGp44phbf/0Du236Dt06yfK6Qw8xhTFeDvHJdjk167r59OfP5+BL31mgMYVnswS8e+j6tFuccSY0QDC/lgCw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@oxlint/binding-darwin-arm64@1.86.0':
+    resolution: {integrity: sha512-h+vkOr4ik6KLFCXdtNVEj9xfnXfNUpPoF95QjORdhiSpLqQePzcN81kGHjAgsw1/G7WBWK5KsFKbI2UK8EyzMA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@oxlint/binding-darwin-x64@1.86.0':
+    resolution: {integrity: sha512-wbglRuH5eKsp68keTOOeKDHU1astWSRYFsh2bwKQTAPb44rD6kVgzYI1ZrAJRTc6/7PH55ZXFCQx0rQXrj0UdA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@oxlint/binding-freebsd-x64@1.86.0':
+    resolution: {integrity: sha512-yTQ7QSOlNfQsrfbeVweTiegQJLKPjUKgXp/JpGiFzza6Hp29S9LAoH77TM3L0RjK39iQRZB5lk5iq2t241Mfag==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@oxlint/binding-linux-arm-gnueabihf@1.86.0':
+    resolution: {integrity: sha512-QYJGy0E2Tv8GAayyBIeHFTwQb8u+zrvrOYrifuDGZDr9ad5XsDhiMScpZymhS9fwWjqrgG2ZUwT4vpY0ISqp4Q==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxlint/binding-linux-arm-musleabihf@1.86.0':
+    resolution: {integrity: sha512-oQo83CafLT8p3qh0AGkN0tSUIh5Hm63mfDsoqUmBQUBnSZLNBAbyRaAftfGY5a0cKZ34dG6jAtMYgcY5kZqt5g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@oxlint/binding-linux-arm64-gnu@1.86.0':
+    resolution: {integrity: sha512-EM6wy5c2UM12qPb7iDJDBAZvHyfEJGH6iosFgaFiaRZpirz99//EHcUyD2KAskz07x1TULuiAtsojf4nvWWksw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxlint/binding-linux-arm64-musl@1.86.0':
+    resolution: {integrity: sha512-vCiUQb9ZNzZalxYRU4mlZwUqT5f+c7Sk9DwUOplWHtik3Dl4r3DVnUB5tBeRuTAUe6MUVCTylNW7TkkN8J1oTw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxlint/binding-linux-ppc64-gnu@1.86.0':
+    resolution: {integrity: sha512-T0AzE89yjTYmOhB/hb6i+rWTpe2mYt+xiguBhs9DEPIJTZ1H8OYqsE4VxJHHw2Wlq8Mztwvp2P8NV87ZOuhPRw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxlint/binding-linux-riscv64-gnu@1.86.0':
+    resolution: {integrity: sha512-s49r0K2f5Oc7fJoMUO1WkdhYK5Ob79uYRwWQ/XNoGysaOq3RUGmGUbHSuXiyydTTA+P9xEdDEnnlZVXiaSJhlw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxlint/binding-linux-riscv64-musl@1.86.0':
+    resolution: {integrity: sha512-JIa2tYR8ayb3nvcMSZzn4O/xTy13S7MHllu7cBD+B5qDQXXSRy/Vwk1aNpiTjZmBJGwKCHOy/NvnY5Xcwg27uQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [riscv64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxlint/binding-linux-s390x-gnu@1.86.0':
+    resolution: {integrity: sha512-XwXMyBsAuWZkhZU74UNcfQKr1CJJAKnS80dZzOnjl6A4fKcf91IjFgidegQugMHA5SN8ulwDXEDV1yPntjXgQQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxlint/binding-linux-x64-gnu@1.86.0':
+    resolution: {integrity: sha512-C1WjukSyMnr66b+w1/tV8RFVv6d9v0MzDf4p9IxVXknqgmTHBgZh1pccN1eHzFr0b9Tbb3OXoPsAAdAuHAQfeA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@oxlint/binding-linux-x64-musl@1.86.0':
+    resolution: {integrity: sha512-ap6KLmvC38c6MdYzsIh25cXQupqYvjd37tMNftzrX1DCtkX1Gcf2B+S2B17dD4lKa5c5gJog7DQJyDo82PBKyw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@oxlint/binding-openharmony-arm64@1.86.0':
+    resolution: {integrity: sha512-996Q9w/2GLwNyy5Djs39Jt09aFlr4b7TPhoj7dvo5FHmcyiF68nPz73HNc5UAYKIYeK+M9JzPQ4Wg1r1dXvP6A==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@oxlint/binding-win32-arm64-msvc@1.86.0':
+    resolution: {integrity: sha512-9uTCHYTknNkug5+46ViSoUMuOuGWK61D87QnblU6CXaWKJC630Z7dbls61vdHxya/cR2ycQZ6Mm6ckgF6Cag5g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@oxlint/binding-win32-ia32-msvc@1.86.0':
+    resolution: {integrity: sha512-a47ga7EKVfMU8rO0i1m3mGwfNRj3FhQyt1d/ukO/E9u1HHF3KpR3tyb3VhuJBGEVPF8uR4exSyHUyx7xbE+uxw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@oxlint/binding-win32-x64-msvc@1.86.0':
+    resolution: {integrity: sha512-az4dzifCRzES1crwu6pDFXzJTIanrdxXFL9TbiJWrx9LKcuacbR83aPvxDA1LKLNswi/RoqitC7Afcflhu3zBQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@playwright/test@1.63.0':
+    resolution: {integrity: sha512-oxMK4vllB9RK5NQ2l1pq1IfOf2AvnEuj/vYGDj0H2nMtmtZpKtCwt/l00GEO6xjGfpBNAvjovvYdCm50dRQkpQ==}
+    engines: {node: '>=20'}
+    hasBin: true
+
+  '@polka/url@1.0.0-next.29':
+    resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==}
+
+  '@rolldown/binding-android-arm-eabi@1.2.12':
+    resolution: {integrity: sha512-dB/a1214qKfHMXCpgqR4OZT+jS4kTyEXbQGJPqzobt5EwH5rX080pxE37alt3RzvR1bf1Yz/yGqRfrYAxuPw0A==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [android]
+
+  '@rolldown/binding-android-arm64@1.2.12':
+    resolution: {integrity: sha512-7KHFgQ5VJxIHcLlrwrc3Xbds7oTNQT7Pgi9gQCJKrd2VGab/UksIOYp6VD8MzCstGxOKMgNamPwUCfxPdP1OHg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [android]
+
+  '@rolldown/binding-darwin-arm64@1.2.12':
+    resolution: {integrity: sha512-3YIhqHD96nA5SaYNRBR16HnGv4oavZvXfD/ayHM+oYZ0WD/8lBAtf6zQua4kEyAvpqrluKXl0lnOBoiNby7x9w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@rolldown/binding-darwin-x64@1.2.12':
+    resolution: {integrity: sha512-UuuJ35MFw4gmFOrE9pEqIV+K3syIKveph+Qc1/ljHZVdoDW4pz/JHR/eMVom+TZGl/5OOvGJOWaOCVt3ZfqhxA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [darwin]
+
+  '@rolldown/binding-freebsd-x64@1.2.12':
+    resolution: {integrity: sha512-uMvssit0a4W+/7D8CbHUvG719mH3R2jwXAlh/XcPvuHTE0g++LymF88DCGNX0HM2rBOn0xrzgXktIB6fLSJBTQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.2.12':
+    resolution: {integrity: sha512-XcFu0R0xWnwzSf4IQgFH1rJIckPN1pLy2R+4r9IDB7Yfu/ys9cVqfa4pBrMHj7a3gl8mIR4nRNPg0e5IvEVs6g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm]
+    os: [linux]
+
+  '@rolldown/binding-linux-arm64-gnu@1.2.12':
+    resolution: {integrity: sha512-260UrKgn8tz39ak+SMDOirKzr7V04M9dWPw5llW00SwBivCZoWcRBKV1d8cXnRkUmSZA3BdiUmBHWk7734Ulpw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-arm64-musl@1.2.12':
+    resolution: {integrity: sha512-5YK1I9SqDkbPgc1IA8BgDl34suqUS2q0KWnBrirm0E51YjOs6eo6dV6jbQfNE/argHRSvd0QUGgtpIoYx+WWpw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  '@rolldown/binding-linux-ppc64-gnu@1.2.12':
+    resolution: {integrity: sha512-Rkcrmp7eFRg74yL5fXEU91JEWbdEPLevWwGtXpmhbjlD1StScbWTmO94Bhly+Mo+ketKYkdmM1vNUKeWSlx8cQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [ppc64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-s390x-gnu@1.2.12':
+    resolution: {integrity: sha512-qvK4DuAsQc2BSjlx+Xr+IzOIvvxbGZqxFwdWfG6F518Erj0GGISyQbJ6pIappnOxlNPzNHvo/L0BwB30GZ+zVw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [s390x]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-x64-gnu@1.2.12':
+    resolution: {integrity: sha512-Q9uLBO53Xd4QIq1WOycVQyPP1O4HhraEV2qqb3uTrnVw6QZih9duY4vNXOivL1xoUS1/z+W8eF4NMfl2a8Sdjw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  '@rolldown/binding-linux-x64-musl@1.2.12':
+    resolution: {integrity: sha512-3IBxWFMjbOZskDPKv8Lf9BCnahlKuHthWkYnyIxOH/QcJrFcS4EmcenthApkwr/5+nEqZlLzeYbxeMaX7A5u4g==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  '@rolldown/binding-openharmony-arm64@1.2.12':
+    resolution: {integrity: sha512-xtX61xg4LKPkPWilZU1ynKClz5Gj4bf74LML4r3eVLWumKnGjoEr1OSHQhMdbBDoYTi+yjrujvpZe2pUnqCrrA==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [openharmony]
+
+  '@rolldown/binding-win32-arm64-msvc@1.2.12':
+    resolution: {integrity: sha512-At7fPB6PCaIjzgIhEZFxuT+BBFqiQibJDT4d3PhiR3f4E7bbMZF4aKblbFfEM3sETRDd1YiQx/+U/g/B/ou5Ew==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [arm64]
+    os: [win32]
+
+  '@rolldown/binding-win32-x64-msvc@1.2.12':
+    resolution: {integrity: sha512-WIw2haVKwjuYdXkHaoC0mF8Le71TuCBxjrdKqLbJGctbBABj+ClfmNvtbOnzpq3RokNo5+V1qhtSzJyXorsklQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    cpu: [x64]
+    os: [win32]
+
+  '@rolldown/pluginutils@1.0.1':
+    resolution: {integrity: sha512-2j9bGt5Jh8hj+vPtgzPtl72j0yRxHAyumoo6TNfAjsLB04UtpSvPbPcDcBMxz7n+9CYB0c1GxQFxYRg2jimqGw==}
+
+  '@sindresorhus/merge-streams@4.0.0':
+    resolution: {integrity: sha512-tlqY9xq5ukxTUZBmoOp+m61cqwQD5pHJtFY3Mn8CA8ps6yghLH/Hw8UPdqg4OLmFW3IFlcXnQNmo/dh8HzXYIQ==}
+    engines: {node: '>=18'}
+
+  '@types/chai@5.2.3':
+    resolution: {integrity: sha512-Mw558oeA9fFbv65/y4mHtXDs9bPnFMZAL/jxdPFUpOHHIXX91mcgEHbS5Lahr+pwZFR8A7GQleRWeI6cGFC2UA==}
+
+  '@types/deep-eql@4.0.2':
+    resolution: {integrity: sha512-c9h9dVVMigMPc4bwTvC5dxqtqJZwQPePsWjPlpSOnojbor6pGqdk541lfA7AqFQr5pB1BRdq0juY9db81BwyFw==}
+
+  '@types/esrecurse@4.3.1':
+    resolution: {integrity: sha512-xJBAbDifo5hpffDBuHl0Y8ywswbiAp/Wi7Y/GtAgSlZyIABppyurxVueOPE8LUQOxdlgi6Zqce7uoEpqNTeiUw==}
+
+  '@types/estree@1.0.9':
+    resolution: {integrity: sha512-GhdPgy1el4/ImP05X05Uw4cw2/M93BCUmnEvWZNStlCzEKME4Fkk+YpoA5OiHNQmoS7Cafb8Xa3Pya8m1Qrzeg==}
+
+  '@types/json-schema@7.0.15':
+    resolution: {integrity: sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA==}
+
+  '@types/node@24.19.1':
+    resolution: {integrity: sha512-aS3/DG0oM05K0RIXXP+hKjinGG5IgSSVGzswZxW3O0sS3pH4/fycXundUC9XsszgKCk4gHXylTEK6hyFxVxnoQ==}
+
+  '@types/react-dom@19.3.0':
+    resolution: {integrity: sha512-ZI7bU42mZXXKHn/qNLEw2IrbiINU7X5+vfgdixBHkCNpYWXjKgfQ/P+uyGb5CjOLB9UcnTeg3rylQtV2hym44Q==}
+    peerDependencies:
+      '@types/react': ^19.3.0
+
+  '@types/react@19.3.0':
+    resolution: {integrity: sha512-N0rFCuH9YoxG9/m61l9MfpJKfmLOVU0em7ipIz6TRgSSkvReLB9vL85GB+yr8Bs5leqpvg96JSwF4ZS1s4viQg==}
+
+  '@typescript/typescript-aix-ppc64@7.0.2':
+    resolution: {integrity: sha512-MTKKkWB7p/0E9xi1d1tHtZ5PiLkGEMIq88pK2CubZjOsLtYTLqhgIgi6zepFa+9GHZ6h05NMCkQxGKiPXMxXtQ==}
+    engines: {node: '>=16.20.0'}
+    cpu: [ppc64]
+    os: [aix]
+
+  '@typescript/typescript-darwin-arm64@7.0.2':
+    resolution: {integrity: sha512-gowzar9MwS/aRWp6f3a4KUqzRjAZjOsmGNCM6LcTgXum+dBfgsBVMN+AgvOCCbguXyick6LJhpBszxMebJ8syA==}
+    engines: {node: '>=16.20.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@typescript/typescript-darwin-x64@7.0.2':
+    resolution: {integrity: sha512-SZ9xZInqApNlNGc9s0W1VSsktYSOe9cFqNOIqmN1Gs8SmkjKZYFt017G4VwPxASInODuAdbTW7sXiFUf893RgA==}
+    engines: {node: '>=16.20.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@typescript/typescript-freebsd-arm64@7.0.2':
+    resolution: {integrity: sha512-W5NH4y/J0plIIS5b2xvTEkU7JFxyqdMAOgf+Ilhl0vHQXKO5dZoxd+C/jEtq56c4F3wk71RB4BMRQ2XdI+bwYQ==}
+    engines: {node: '>=16.20.0'}
+    cpu: [arm64]
+    os: [freebsd]
+
+  '@typescript/typescript-freebsd-x64@7.0.2':
+    resolution: {integrity: sha512-UMGDx5sTpzNw3WiPebH7l90IWfJggEd+egHt/q6p7/Cm3zqoV7VxkGXt+3DxPIw8CcmvAB0j3sVVfbhX+M4Tpw==}
+    engines: {node: '>=16.20.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  '@typescript/typescript-linux-arm64@7.0.2':
+    resolution: {integrity: sha512-Qh4eU4/y3yDjnfjjyPYihMj5/ODIlmt+Bzu17OI+fiSRDW57QmU5SiN63exPRNJPKUzcc1INa1NXdrJ+MqHjUQ==}
+    engines: {node: '>=16.20.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@typescript/typescript-linux-arm@7.0.2':
+    resolution: {integrity: sha512-gffT3xPz9sR7j/YJExkyPntrI0P2EP9XbOyWzth2/Gs0RstK+90RBcO0ncXoXy/beYll1SXw846Nf2zdnEz0QQ==}
+    engines: {node: '>=16.20.0'}
+    cpu: [arm]
+    os: [linux]
+
+  '@typescript/typescript-linux-loong64@7.0.2':
+    resolution: {integrity: sha512-uEHck9i8hoAzXPiYRib1O7miOnz23SxIeVl6F4LXox+qov1K35jHcEW6VHKvZI+pyvl7fZEP4MCU5LYvIq1GuQ==}
+    engines: {node: '>=16.20.0'}
+    cpu: [loong64]
+    os: [linux]
+
+  '@typescript/typescript-linux-mips64el@7.0.2':
+    resolution: {integrity: sha512-R4KvAMnE43W5Qeqb0Ly56O3mWMWIAgsMyz36DCaycd5nbg/9kzm0liw3JocfRqyJY0KPmzFjbswozXyW0DnIYA==}
+    engines: {node: '>=16.20.0'}
+    cpu: [mips64el]
+    os: [linux]
+
+  '@typescript/typescript-linux-ppc64@7.0.2':
+    resolution: {integrity: sha512-DORx5b3sd/4S7eayxm4FQv+A7CrkUIGRaHiwI8oiHTAI1fAPWhF4J0vAlkC8biAlHSVVwxMQ3tjZ2/DVbnQiiA==}
+    engines: {node: '>=16.20.0'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@typescript/typescript-linux-riscv64@7.0.2':
+    resolution: {integrity: sha512-wf0jqEDOjrPRnKwYRyyJDRo11KMbvMFrU+q4zqKyChODBzvlkbhNQfKvLxQCcwTpdDaXSHZTVuh0JoCrKCUMHQ==}
+    engines: {node: '>=16.20.0'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@typescript/typescript-linux-s390x@7.0.2':
+    resolution: {integrity: sha512-IkwJc3L7yhytWd/ewjyxNDfOmswCm9GWMJT/ue/dU4aZNbwZeYAetq42VyLmsmSjvoX7z74X6ZaYCtzAr0EuGw==}
+    engines: {node: '>=16.20.0'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@typescript/typescript-linux-x64@7.0.2':
+    resolution: {integrity: sha512-EYdf2cNg7rgCWJnxCdJ+F3V39O8ihb37eHAu1LK8oAFizgTQbPOK7zHHXbPt8rX24COqODXeI3sIf0fCXG7H/A==}
+    engines: {node: '>=16.20.0'}
+    cpu: [x64]
+    os: [linux]
+
+  '@typescript/typescript-netbsd-arm64@7.0.2':
+    resolution: {integrity: sha512-+polYF4MF04aPpO5FTkHran9yUQDSXqy5GiSDKpsll5jy3l3+g9QLhpf39T+ePtefhXLOGrLl0QIjkQP6VnelA==}
+    engines: {node: '>=16.20.0'}
+    cpu: [arm64]
+    os: [netbsd]
+
+  '@typescript/typescript-netbsd-x64@7.0.2':
+    resolution: {integrity: sha512-8YIT0EHM/3dq10ZOVF/A7pc/YSMtbcecct4rWtexrnSCHOPcpC2KTLXfTCR6vDpnSiY12heNb1GiN/wu+T/FyA==}
+    engines: {node: '>=16.20.0'}
+    cpu: [x64]
+    os: [netbsd]
+
+  '@typescript/typescript-openbsd-arm64@7.0.2':
+    resolution: {integrity: sha512-APT8+ClYnuYm1u9+kgGXoMj2VzWzcymwh2gNSQVySHfkRDGOTVkoWLjCmOQSaO+PoqQ57B0flRp9SA+7GnnkzQ==}
+    engines: {node: '>=16.20.0'}
+    cpu: [arm64]
+    os: [openbsd]
+
+  '@typescript/typescript-openbsd-x64@7.0.2':
+    resolution: {integrity: sha512-yX7s+Q0Dln0Dt9tEzZsAjXXR/+ytBM7AlglaqyeMPxQszJ1JhlJdZ6jLA+IzldHtflX81em7lDao1xXu+aRRkg==}
+    engines: {node: '>=16.20.0'}
+    cpu: [x64]
+    os: [openbsd]
+
+  '@typescript/typescript-sunos-x64@7.0.2':
+    resolution: {integrity: sha512-dLJDGaLZ1D4HPQn62u1n8mBDkJREwMsAkCdkwd4Ieqw+x3TUyTsqY0YiBCtE6H6OzzgGk3iuZ3vFWRS+E8/d1g==}
+    engines: {node: '>=16.20.0'}
+    cpu: [x64]
+    os: [sunos]
+
+  '@typescript/typescript-win32-arm64@7.0.2':
+    resolution: {integrity: sha512-Gyl1Vy6OsWesLzmq+EP0Fb7b4Nid5232AvcA2SFcdYreldpNtYFFofPjnt62y9hQy7VTaZp65ICJjuAQRaVcIQ==}
+    engines: {node: '>=16.20.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@typescript/typescript-win32-x64@7.0.2':
+    resolution: {integrity: sha512-0BQ3HkAHHlKLSp1qRvf3SUhGpGsDuhB/jgFw75guyqbxJqEaS0Cw/VFO8i2nHglJUzQCRtMMR/IBAKE3ETMC4g==}
+    engines: {node: '>=16.20.0'}
+    cpu: [x64]
+    os: [win32]
+
+  '@vitejs/plugin-react@6.1.1':
+    resolution: {integrity: sha512-yxLaQV9gkhS8ezJqCM6+ndU7mDY6gqAg75NQ+0IjwEI8IYOmQCgkRwHKVSfWXW076DsqMo0Dk+0FK1U+M5RgFw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    peerDependencies:
+      '@rolldown/plugin-babel': ^0.1.7 || ^0.2.0
+      babel-plugin-react-compiler: ^1.0.0
+      oxc-transform-react: ^0.145.0
+      vite: ^8.0.0
+    peerDependenciesMeta:
+      '@rolldown/plugin-babel':
+        optional: true
+      babel-plugin-react-compiler:
+        optional: true
+      oxc-transform-react:
+        optional: true
+
+  '@vitest/browser-playwright@5.0.3':
+    resolution: {integrity: sha512-rYBHwIFL/ZtI6dl0rbrAatScXCrvX+TL2BX2AGOigkC1Y6u3rIWw8KMQJJMS4drSa1ksMCmZU2wpgwdE7kqu3g==}
+    peerDependencies:
+      playwright: '*'
+      vitest: 5.0.3
+
+  '@vitest/browser@5.0.3':
+    resolution: {integrity: sha512-7KHIkVA/gTRxQV9qPa9qLK+g5INZG6iRrlwXSFG5EKsOomW3UzzW7wsdt1Yp5PufzQ43lniuONlb4lUVCC2qSg==}
+    peerDependencies:
+      vitest: 5.0.3
+
+  '@vitest/mocker@5.0.3':
+    resolution: {integrity: sha512-T8sWAIbkSyAjkwTcaEc3Iu0o9A27X1/kdXrizhZkGuSKScRQtRzclfAMpOTcGdXCsqxeWlpGy3XjqaW8CpLORg==}
+    peerDependencies:
+      msw: ^2.4.9
+      vite: ^6.0.0 || ^7.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      msw:
+        optional: true
+      vite:
+        optional: true
+
+  '@vitest/pretty-format@5.0.3':
+    resolution: {integrity: sha512-3hr5eV5z2ff0l2Q1vaKQbB4j3M3tElw8stDokEOTqXJB3Es5VrT8gBRIMY59gGuFp8Y61sWlWFK1aNUH5dHDYw==}
+
+  '@vitest/spy@5.0.3':
+    resolution: {integrity: sha512-XhFysQTB8AZ+P4gMi+Lpo99vg2AZi0qKpaB9yXQl37+CaMEAPO3iH/wGVnSyL5MPERiLezpqTVtrR6UZH5GCXg==}
+
+  '@vitest/ui@5.0.3':
+    resolution: {integrity: sha512-9dfvqDBvSbHM6y9YVXxAypkl2z7mrWozK/JFo237qI0cj/3M/kzDKiVZqzi3TE54Ler7Jditud7OMBZCyUvRHA==}
+    peerDependencies:
+      vitest: 5.0.3
+
+  '@vitest/utils@5.0.3':
+    resolution: {integrity: sha512-77fDTZv8eu1CzlIfgPU2yrl5MXSUaUAOvgdZEeVm3X3WIxUubIX2SforqS6176lT32HCF6uBVMYVqfHxw7o6eg==}
+
+  '@xstate/react@6.1.0':
+    resolution: {integrity: sha512-ep9F0jGTI63B/jE8GHdMpUqtuz7yRebNaKv8EMUaiSi29NOglywc2X2YSOV/ygbIK+LtmgZ0q9anoEA2iBSEOw==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+      xstate: ^5.28.0
+    peerDependenciesMeta:
+      xstate:
+        optional: true
+
+  acorn-jsx@5.3.2:
+    resolution: {integrity: sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ==}
+    peerDependencies:
+      acorn: ^6.0.0 || ^7.0.0 || ^8.0.0
+
+  acorn@8.18.0:
+    resolution: {integrity: sha512-lGq+9yr1/GuAWaVYIHRjvvySG5/4VfKIvC8EWxStPdcDh/Ka7FG3twP6v4d5BkravUilhIAsG4Qj83t02LWUPQ==}
+    engines: {node: '>=0.4.0'}
+    hasBin: true
+
+  ajv@6.15.0:
+    resolution: {integrity: sha512-fgFx7Hfoq60ytK2c7DhnF8jIvzYgOMxfugjLOSMHjLIPgenqa7S7oaagATUq99mV6IYvN2tRmC0wnTYX6iPbMw==}
+
+  ansi-regex@5.0.1:
+    resolution: {integrity: sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ==}
+    engines: {node: '>=8'}
+
+  ansi-styles@4.3.0:
+    resolution: {integrity: sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg==}
+    engines: {node: '>=8'}
+
+  argparse@2.0.1:
+    resolution: {integrity: sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q==}
+
+  assertion-error@2.0.1:
+    resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
+    engines: {node: '>=12'}
+
+  balanced-match@4.0.4:
+    resolution: {integrity: sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA==}
+    engines: {node: 18 || 20 || >=22}
+
+  baseline-browser-mapping@2.11.27:
+    resolution: {integrity: sha512-ElY12DaROGuan+lMmZ8Cvo/ZUbXPe7Enc/9VU/b1T3Kp4dwytRcNdR8DoSJN5SNJT/CuvcCA0DHDVmMOCePdRQ==}
+    engines: {node: '>=6.0.0'}
+    hasBin: true
+
+  brace-expansion@5.0.12:
+    resolution: {integrity: sha512-YovQ3rzhaLMIrDjNDMkNS01tea93qhEhG5xy8f6+R0l+dw3Ki+5sCoIoI942iuLZTHWogWktgwVDhU09iNEimQ==}
+    engines: {node: 20 || >=22}
+
+  braces@3.0.3:
+    resolution: {integrity: sha512-yQbXgO/OSZVD2IsiLlro+7Hf6Q18EJrKSEsdoMzKePKXct3gvD8oLcOQdIzGupr5Fj+EDe8gO/lxc1BzfMpxvA==}
+    engines: {node: '>=8'}
+
+  browserslist@4.29.3:
+    resolution: {integrity: sha512-1R4kiYKXGViqEN0CnoDrXc1StD9niAwu+j2dukWzrD4bJgsD4lDmEp0CRbc6E/vYJIfTHwPmwyaKtVSudICdPA==}
+    engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
+    hasBin: true
+
+  cacheable@2.5.0:
+    resolution: {integrity: sha512-60cyAOytib/OzBw1JNSoSV/boK1AtHryDIjvVBk7XbN4ugfkM3+Sry7fEjNgPMGgOjuaZPAp8ruZ0Cxafwyq9g==}
+
+  caniuse-lite@1.0.30001814:
+    resolution: {integrity: sha512-/Uaf1lAzr59XcMpW0o96WoEfr+VXK2OX4U9AgFoiSHsVJ4HppnIFUjtYzsyDH2+tgANaQb2/oxYGwCPapN1FpA==}
+
+  chai@6.3.0:
+    resolution: {integrity: sha512-XWAtwJ6OHO+tj0EKCs0Y2UamnyOxseZWltU4x2U2wh8g4AigdjwvtUjvLP2tqkA/avxHEtzxNaqGq/YGNwckKg==}
+    engines: {node: '>=18'}
+
+  chokidar@4.0.3:
+    resolution: {integrity: sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA==}
+    engines: {node: '>= 14.16.0'}
+
+  cliui@8.0.1:
+    resolution: {integrity: sha512-BSeNnyus75C4//NQ9gQt1/csTXyo/8Sb+afLAkzAptFuMsod9HFokGNudZpi/oQV73hnVK+sR+5PVRMd+Dr7YQ==}
+    engines: {node: '>=12'}
+
+  color-convert@2.0.1:
+    resolution: {integrity: sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ==}
+    engines: {node: '>=7.0.0'}
+
+  color-name@1.1.4:
+    resolution: {integrity: sha512-dOy+3AuW3a2wNbZHIuMZpTcgjGuLU/uBL/ubcZF9OXbDo8ff4O8yVp5Bf0efS8uEoYo5q4Fx7dY9OgQGXgAsQA==}
+
+  convert-source-map@2.0.0:
+    resolution: {integrity: sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg==}
+
+  cosmiconfig@10.0.1:
+    resolution: {integrity: sha512-/zvGoYn0y27QTBmK+0B+oPdEPC4fKGUmJsMTQbDjqph00TrkqfVFW/M+C6ya54sYCgHC6QCwK/mI6djt8cEGHQ==}
+    engines: {node: ^22.18 || >= 24}
+
+  cross-spawn@7.0.6:
+    resolution: {integrity: sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA==}
+    engines: {node: '>= 8'}
+
+  csstype@3.2.3:
+    resolution: {integrity: sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ==}
+
+  debug@4.4.3:
+    resolution: {integrity: sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA==}
+    engines: {node: '>=6.0'}
+    peerDependencies:
+      supports-color: '*'
+    peerDependenciesMeta:
+      supports-color:
+        optional: true
+
+  deep-is@0.1.4:
+    resolution: {integrity: sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ==}
+
+  detect-libc@2.1.2:
+    resolution: {integrity: sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ==}
+    engines: {node: '>=8'}
+
+  effector@23.4.4:
+    resolution: {integrity: sha512-QkZboRN28K/iwxigDhlJcI3ux3aNbt8kYGGH/GkqWG0OlGeyuBhb7PdM89Iu+ogV8Lmz16xIlwnXR2UNWI6psg==}
+    engines: {node: '>=11.0.0'}
+
+  electron-to-chromium@1.5.444:
+    resolution: {integrity: sha512-5ss/uJfoDYDHT0lfJzT6FbcskIzROIOPf0BbbFkGcvDzoJU7i//9GDrwwIHQVmIsrAGiF3ihpADBRIsrEFt1rQ==}
+
+  emoji-regex@8.0.0:
+    resolution: {integrity: sha512-MSjYzcWNOA0ewAHpz0MxpYFvwg6yjy1NG3xteoqz644VCo/RPgnr1/GGt+ic3iJTzQ8Eu3TdM14SawnVUmGE6A==}
+
+  empathic@1.1.0:
+    resolution: {integrity: sha512-rsPft6CK3eHtrlp9Y5ALBb+hfK+DWnA4WFebbazxjWyx8vSm3rZeoM3z9irsjcqO3PYRzlfv27XIB4tz2DV7RA==}
+    engines: {node: '>=14'}
+
+  env-paths@2.2.1:
+    resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
+    engines: {node: '>=6'}
+
+  es-module-lexer@2.3.2:
+    resolution: {integrity: sha512-poHGpORABojJJucnV9KbOavETW8lBVnphkW77ER5/BQ5Fz7oXSoCNek7IH3vR5nRjdsEz926ibFYX8KtLQmdyw==}
+
+  escalade@3.2.0:
+    resolution: {integrity: sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA==}
+    engines: {node: '>=6'}
+
+  escape-string-regexp@4.0.0:
+    resolution: {integrity: sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA==}
+    engines: {node: '>=10'}
+
+  eslint-plugin-react-hooks@7.1.1:
+    resolution: {integrity: sha512-f2I7Gw6JbvCexzIInuSbZpfdQ44D7iqdWX01FKLvrPgqxoE7oMj8clOfto8U6vYiz4yd5oKu39rRSVOe1zRu0g==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0 || ^10.0.0
+
+  eslint-scope@9.1.2:
+    resolution: {integrity: sha512-xS90H51cKw0jltxmvmHy2Iai1LIqrfbw57b79w/J7MfvDfkIkFZ+kj6zC3BjtUwh150HsSSdxXZcsuv72miDFQ==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  eslint-visitor-keys@3.4.3:
+    resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
+    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+
+  eslint-visitor-keys@5.0.1:
+    resolution: {integrity: sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  eslint@10.12.0:
+    resolution: {integrity: sha512-npHjrHb2o4ehH3mE+YuxABR+0gyb0aVWCIolgJDArwCiHEIsonBm3ZKjel5b0U5+a+MbEvIyRCGCzD3eKKK2NA==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+    hasBin: true
+    peerDependencies:
+      jiti: '*'
+    peerDependenciesMeta:
+      jiti:
+        optional: true
+
+  espree@11.2.0:
+    resolution: {integrity: sha512-7p3DrVEIopW1B1avAGLuCSh1jubc01H2JHc8B4qqGblmg5gI9yumBgACjWo4JlIc04ufug4xJ3SQI8HkS/Rgzw==}
+    engines: {node: ^20.19.0 || ^22.13.0 || >=24}
+
+  esquery@1.7.0:
+    resolution: {integrity: sha512-Ap6G0WQwcU/LHsvLwON1fAQX9Zp0A2Y6Y/cJBl9r/JbW90Zyg4/zbG6zzKa2OTALELarYHmKu0GhpM5EO+7T0g==}
+    engines: {node: '>=0.10'}
+
+  esrecurse@4.3.0:
+    resolution: {integrity: sha512-KmfKL3b6G+RXvP8N1vr3Tq1kL/oCFgn2NYXEtqP8/L3pKapUA4G8cFVaoF3SU323CD4XypR/ffioHmkti6/Tag==}
+    engines: {node: '>=4.0'}
+
+  estraverse@5.3.0:
+    resolution: {integrity: sha512-MMdARuVEQziNTeJD8DgMqmhwR11BRQ/cBP+pLtYdSTnf3MIO8fFeiINEbX36ZdNlfU/7A9f3gUw49B3oQsvwBA==}
+    engines: {node: '>=4.0'}
+
+  estree-walker@3.0.3:
+    resolution: {integrity: sha512-7RUKfXgSMMkzt6ZuXmqapOurLGPPfgj6l9uRZ7lRGolvk0y2yocc35LdcxKC5PQZdn2DMqioAQ2NoWcrTKmm6g==}
+
+  esutils@2.0.3:
+    resolution: {integrity: sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g==}
+    engines: {node: '>=0.10.0'}
+
+  expect-type@1.4.0:
+    resolution: {integrity: sha512-KfYbmpRm0VbLjEvVa9yGwCi9GI34xvi7A/HXYWQO65CSD2u3MczUJSuwXKFIxlGsgBQizV9q5J9NHj4VG0n+pA==}
+    engines: {node: '>=12.0.0'}
+
+  fast-deep-equal@3.1.3:
+    resolution: {integrity: sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q==}
+
+  fast-glob@3.3.3:
+    resolution: {integrity: sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg==}
+    engines: {node: '>=8.6.0'}
+
+  fast-json-stable-stringify@2.1.0:
+    resolution: {integrity: sha512-lhd/wF+Lk98HZoTCtlVraHtfh5XYijIjalXck7saUtuanSDyLMxnHhSXEDJqHxD7msR8D0uCmqlkwjCV8xvwHw==}
+
+  fast-levenshtein@2.0.6:
+    resolution: {integrity: sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw==}
+
+  fastest-levenshtein@1.0.16:
+    resolution: {integrity: sha512-eRnCtTTtGZFpQCwhJiUOuxPQWRXVKYDn0b2PeHfXL6/Zi53SLAzAHfVhVWK2AryC/WH05kGfxhFIPvTF0SXQzg==}
+    engines: {node: '>= 4.9.1'}
+
+  fastq@1.20.3:
+    resolution: {integrity: sha512-XKv5nnLs6nLF71NgiKJLIZFLkPyIEuOselLG7ujZnGrRfQK8HpvY+WqKhAJUAdLomwVHErVS4LfxFlPq0/FTAw==}
+
+  fdir@6.5.0:
+    resolution: {integrity: sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg==}
+    engines: {node: '>=12.0.0'}
+    peerDependencies:
+      picomatch: ^3 || ^4
+    peerDependenciesMeta:
+      picomatch:
+        optional: true
+
+  fflate@0.8.3:
+    resolution: {integrity: sha512-tbZNuJrLwGUp3zshBtdy4W+ORxZuIh8a5ilyIEQDC5rY1f3U20JMry0Ll3WBzU58EZKsEuJFXhb5gwv8CsPvgA==}
+
+  file-entry-cache@11.1.5:
+    resolution: {integrity: sha512-+PFTHITI08JIGhnNpGNI8T8inUpgZfk3GNEqfT9R2zZV2iFXg3CvqzSl/uEhs7TSGujYRELEANyDvS8Fj7+S7Q==}
+
+  fill-range@7.1.1:
+    resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
+    engines: {node: '>=8'}
+
+  find-up@5.0.0:
+    resolution: {integrity: sha512-78/PXT1wlLLDgTzDs7sjq9hzz0vXD+zn+7wypEe4fXQxCmdmqfGsEPQxmiCSQI3ajFV91bVSsvNtrJRiW6nGng==}
+    engines: {node: '>=10'}
+
+  flat-cache@6.1.23:
+    resolution: {integrity: sha512-f++BY9pTk+983xK1FLzlLpmM0i0z+jHmx3QESGkURMXujQZz1k5wzwX6hjnQ8goaD0B+sYnDK1yZ6MTyZfUaqA==}
+
+  flatted@3.4.4:
+    resolution: {integrity: sha512-5+ybhBZANEJxaH3X5evAFatUxLfEHSr7n6kYJ+1Qd0mUqr4eu9gIf6GDbWHf8RJijHrjjO8G+la14SlL2SeS1Q==}
+
+  fsevents@2.3.3:
+    resolution: {integrity: sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw==}
+    engines: {node: ^8.16.0 || ^10.6.0 || >=11.0.0}
+    os: [darwin]
+
+  gensync@1.0.0-beta.2:
+    resolution: {integrity: sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg==}
+    engines: {node: '>=6.9.0'}
+
+  get-caller-file@2.0.5:
+    resolution: {integrity: sha512-DyFP3BM/3YHTQOCUL/w0OZHR0lpKeGrxotcHWcqNEdnltqFwXVfhEBQ94eIo34AfQpo0rGki4cyIiftY06h2Fg==}
+    engines: {node: 6.* || 8.* || >= 10.*}
+
+  glob-parent@5.1.2:
+    resolution: {integrity: sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow==}
+    engines: {node: '>= 6'}
+
+  glob-parent@6.0.2:
+    resolution: {integrity: sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A==}
+    engines: {node: '>=10.13.0'}
+
+  globby@16.2.4:
+    resolution: {integrity: sha512-c8B/VNLmxRcmqqenRA9t+9IyOjf9+V6lTxPaUJLqOCONdQkWZ0ETYgX0qbtJqPsgCNusT9MZ5Jeidw8Eb9tn2g==}
+    engines: {node: '>=20'}
+
+  hashery@1.5.1:
+    resolution: {integrity: sha512-iZyKG96/JwPz1N55vj2Ie2vXbhu440zfUfJvSwEqEbeLluk7NnapfGqa7LH0mOsnDxTF85Mx8/dyR6HfqcbmbQ==}
+    engines: {node: '>=20'}
+
+  hermes-estree@0.25.1:
+    resolution: {integrity: sha512-0wUoCcLp+5Ev5pDW2OriHC2MJCbwLwuRx+gAqMTOkGKJJiBCLjtrvy4PWUGn6MIVefecRpzoOZ/UV6iGdOr+Cw==}
+
+  hermes-parser@0.25.1:
+    resolution: {integrity: sha512-6pEjquH3rqaI6cYAXYPcz9MS4rY6R4ngRgrgfDshRptUZIc3lw0MCIJIGDj9++mfySOuPTHB4nrSW99BCvOPIA==}
+
+  hookified@1.15.1:
+    resolution: {integrity: sha512-MvG/clsADq1GPM2KGo2nyfaWVyn9naPiXrqIe4jYjXNZQt238kWyOGrsyc/DmRAQ+Re6yeo6yX/yoNCG5KAEVg==}
+
+  hookified@2.2.0:
+    resolution: {integrity: sha512-p/LgFzRN5FeoD3DLS6bkUapeye6E4SI6yJs6KetENd18S+FBthqYq2amJUWpt5z0EQwwHemidjY5OqJGEKm5uA==}
+
+  ignore@5.3.2:
+    resolution: {integrity: sha512-hsBTNUqQTDwkWtcdYI2i06Y/nUBEsNEDJKjWdigLvegy8kDuJAS8uRlpkkcQpyEXL0Z/pjDy5HBmMjRCJ2gq+g==}
+    engines: {node: '>= 4'}
+
+  ignore@7.0.12:
+    resolution: {integrity: sha512-/8UvqAPU9DGTI9k4mxtf49U37Isfwr8Uts96+SBHIkFxPJnHS0Ew4f00sM4Scd8V8EjM0jUNtVDdv1kPdt35lg==}
+    engines: {node: '>= 4'}
+
+  immer@10.2.0:
+    resolution: {integrity: sha512-d/+XTN3zfODyjr89gM3mPq1WNX2B8pYsu7eORitdwyA2sBubnTl3laYlBk4sXY5FUa5qTZGBDPJICVbvqzjlbw==}
+
+  imurmurhash@0.1.4:
+    resolution: {integrity: sha512-JmXMZ6wuvDmLiHEml9ykzqO6lwFbof0GG4IkcGaENdCRDDmMVnny7s5HsIgHCbaq0w2MyPhDqkhTUgS2LU2PHA==}
+    engines: {node: '>=0.8.19'}
+
+  is-extglob@2.1.1:
+    resolution: {integrity: sha512-SbKbANkN603Vi4jEZv49LeVJMn4yGwsbzZworEoyEiutsN3nJYdbO36zfhGJ6QEDpOZIFkDtnq5JRxmvl3jsoQ==}
+    engines: {node: '>=0.10.0'}
+
+  is-fullwidth-code-point@3.0.0:
+    resolution: {integrity: sha512-zymm5+u+sCsSWyD9qNaejV3DFvhCKclKdizYaJUuHA83RLjb7nSuGnddCHGv0hk+KY7BMAlsWeK4Ueg6EV6XQg==}
+    engines: {node: '>=8'}
+
+  is-glob@4.0.3:
+    resolution: {integrity: sha512-xelSayHH36ZgE7ZWhli7pW34hNbNl8Ojv5KVmkJD4hBdD3th8Tfk9vYasLM+mXWOZhFkgZfxhLSnrwRr4elSSg==}
+    engines: {node: '>=0.10.0'}
+
+  is-number@7.0.0:
+    resolution: {integrity: sha512-41Cifkg6e8TylSpdtTpeLVMqvSBEVzTttHvERD741+pnZ8ANv0004MRL43QKPDlK9cGvNp6NZWZUBlbGXYxxng==}
+    engines: {node: '>=0.12.0'}
+
+  is-path-inside@4.0.0:
+    resolution: {integrity: sha512-lJJV/5dYS+RcL8uQdBDW9c9uWFLLBNRyFhnAKXw5tVqLlKZ4RMGZKv+YQ/IA3OhD+RpbJa1LLFM1FQPGyIXvOA==}
+    engines: {node: '>=12'}
+
+  isexe@2.0.0:
+    resolution: {integrity: sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw==}
+
+  js-tokens@4.0.0:
+    resolution: {integrity: sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ==}
+
+  js-yaml@5.4.2:
+    resolution: {integrity: sha512-m+aqu+LwO1O6sIopafj8HUVl5aawITwZQe/yHpMCKjaWBaA/d07B/QdMb3529REftiU+RMMHL3Vlsw3hON7vWg==}
+    hasBin: true
+
+  jsesc@3.1.0:
+    resolution: {integrity: sha512-/sM3dO2FOzXjKQhJuo0Q173wf2KOo8t4I8vHy6lF9poUp7bKT0/NHE8fPX23PwfhnykfqnC2xRxOnVw5XuGIaA==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  json-schema-traverse@0.4.1:
+    resolution: {integrity: sha512-xbbCH5dCYU5T8LcEhhuh7HJ88HXuW3qsI3Y0zOZFKfZEHcpWiHU/Jxzk629Brsab/mMiHQti9wMP+845RPe3Vg==}
+
+  json-stable-stringify-without-jsonify@1.0.1:
+    resolution: {integrity: sha512-Bdboy+l7tA3OGW6FjyFHWkP5LuByj1Tk33Ljyq0axyzdk9//JSi2u3fP1QSmd1KNwq6VOKYGlAu87CisVir6Pw==}
+
+  json5@2.2.3:
+    resolution: {integrity: sha512-XmOWe7eyHYH14cLdVPoyg+GOH3rYX++KpzrylJwSW98t3Nk+U8XOl8FWKOgwtzdb8lXGf6zYwDUzeHMWfxasyg==}
+    engines: {node: '>=6'}
+    hasBin: true
+
+  keyv@5.6.0:
+    resolution: {integrity: sha512-CYDD3SOtsHtyXeEORYRx2qBtpDJFjRTGXUtmNEMGyzYOKj1TE3tycdlho7kA1Ufx9OYWZzg52QFBGALTirzDSw==}
+
+  levn@0.4.1:
+    resolution: {integrity: sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ==}
+    engines: {node: '>= 0.8.0'}
+
+  lightningcss-android-arm64@1.33.0:
+    resolution: {integrity: sha512-gEpRTalKdosp4Bb8qWtc2iOgE5SeIHlpS1up9bFq2wAyYhl1UdTObYiHe98zEM9SQvSoqQZ1IQD0JNpg3Ml5pg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [android]
+
+  lightningcss-darwin-arm64@1.33.0:
+    resolution: {integrity: sha512-Sciaz8eenNTKn9b3t7+xr0ipTp9YxKQY4npwQ3mrRuL0BAVHBLyZxofhaKBAVtzmtRZ/zTyo0/to4B1uWG/Djg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  lightningcss-darwin-x64@1.33.0:
+    resolution: {integrity: sha512-Z5UPAxzrjlWNNyGy6i65cJzzvgJ5D3T6wMvs+gWpY9d7qRhANrxqAp6LhxIgZhWEw18RfJTGcRxjuLIBr+m8XQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  lightningcss-freebsd-x64@1.33.0:
+    resolution: {integrity: sha512-QQM/Ti/hQajJwCY+RiWuCZ9sdtI/XQk7nDK5vC8kkdwixezOlDgvDx7+RT+QjK6FcFT4MpsuoBnHIo/O3StRRg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [freebsd]
+
+  lightningcss-linux-arm-gnueabihf@1.33.0:
+    resolution: {integrity: sha512-N7FVBe6iS24MlM6R/4RBTxGhQheZGs7tiQ9U32UtF75NzP5Q7xWPRqLBCKxlRQRk3rY1jCIPLzx7WzOhuUIRLQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm]
+    os: [linux]
+
+  lightningcss-linux-arm64-gnu@1.33.0:
+    resolution: {integrity: sha512-j2v/itmy4HlNxlc6voKXYgBqNi0Ng2LShg4z7GufpEgs05P+2suBVyi9I6YHq5uoVFx9ETin3eCEhLVyXGQnKg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-arm64-musl@1.33.0:
+    resolution: {integrity: sha512-yiO5ROMuYQgXbC60yjZU5CYSFZGKXL0HFATXt9mHJn1+zW55oCtMI9NfcVhYLMFDL7gV7oBPon/EmMMGg2OvtQ==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-linux-x64-gnu@1.33.0:
+    resolution: {integrity: sha512-ar+Ju7LmcN0Jo4FpL4hpFybwNG9/3A/Br5KW2n2jyODg3MEZXaDYADdemoNS+BDNfMgKvylJLj4S5tyRActuAg==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
+  lightningcss-linux-x64-musl@1.33.0:
+    resolution: {integrity: sha512-RYiYbkokw0trfKqqzfF55lginwEPrD3OJDfTuJzFs1MK6iFnDenaz1fqLLtX4ITG3OktJQXOeTaw1awrBAlZPw==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
+  lightningcss-win32-arm64-msvc@1.33.0:
+    resolution: {integrity: sha512-1K+MPfLSFVpphzpdbfkhlWk6wBrTObBzS2T6db10PNOZgR9GoVsAWzwNyuhUYYbTp23j+4RrncfujZ4uAzXvwA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  lightningcss-win32-x64-msvc@1.33.0:
+    resolution: {integrity: sha512-OlEICDx/Xl0FqSp4bry8zFnCvGpig3Gl4gCquvYwHuqJKEC1+n9NgDniFvqHGmMv1ZkqDJrDqKKSykTDX+ehuA==}
+    engines: {node: '>= 12.0.0'}
+    cpu: [x64]
+    os: [win32]
+
+  lightningcss@1.33.0:
+    resolution: {integrity: sha512-WkUDrojuJs0xkgGf2udWxa3yGBRxPtxUkB79i6aCZLRgc7PM8fZe9TosfPDcvEpQZbuFASnHYmRLBLUbmLOIIA==}
+    engines: {node: '>= 12.0.0'}
+
+  locate-path@6.0.0:
+    resolution: {integrity: sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw==}
+    engines: {node: '>=10'}
+
+  lodash-es@4.18.1:
+    resolution: {integrity: sha512-J8xewKD/Gk22OZbhpOVSwcs60zhd95ESDwezOFuA3/099925PdHJ7OFHNTGtajL3AlZkykD32HykiMo+BIBI8A==}
+
+  lru-cache@5.1.1:
+    resolution: {integrity: sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w==}
+
+  magic-string@1.4.2:
+    resolution: {integrity: sha512-vG+rjFRj1PqdIBozIxAGMjPlOhaVe+GXpbttY/iSK7rGcJRMlwNJO7dcUwmUqkymsFLJiNGI06t4D7Fr7yRC9g==}
+
+  merge2@1.4.1:
+    resolution: {integrity: sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg==}
+    engines: {node: '>= 8'}
+
+  micromatch@4.0.8:
+    resolution: {integrity: sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA==}
+    engines: {node: '>=8.6'}
+
+  minimatch@10.2.6:
+    resolution: {integrity: sha512-vpLQEs+VLCr1nU0BXS07maYoFwlDAH0gngQuuttxIwutDFEMHq2blX+8vpgxDdK3J1PwjCJiep77OitTZ4Ll1A==}
+    engines: {node: 18 || 20 || >=22}
+
+  mrmime@2.0.1:
+    resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
+    engines: {node: '>=10'}
+
+  ms@2.1.3:
+    resolution: {integrity: sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA==}
+
+  nanoid@3.3.19:
+    resolution: {integrity: sha512-Y2tUNy4ouw6tq5oDSKeQYGOyhkUBhNOcGV/02KC+6kd9eDGqdZd++mjMiIDilrBYvjEnCYvVtsuHCuP+okSfug==}
+    engines: {node: ^10 || ^12 || ^13.7 || ^14 || >=15.0.1}
+    hasBin: true
+
+  natural-compare@1.4.0:
+    resolution: {integrity: sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw==}
+
+  node-releases@2.0.57:
+    resolution: {integrity: sha512-kQK9LGGFiHtrWiNhZtA7Qbw17AQz+dmsEKODRIVTXA9+e5MS/2gZEBhYJt13GrAz5/IOZKddH/0Z3TP/Zgo+yw==}
+    engines: {node: '>=18'}
+
+  obug@2.2.1:
+    resolution: {integrity: sha512-XrsrhT5sybtKI6wakr2SPOlGZWWYbUXZ7a0jT8/QOeAPau+1X/bSegNe5YR75oJmEZQbKningirmGOEJCIk61Q==}
+    engines: {node: '>=12.20.0'}
+
+  optionator@0.9.4:
+    resolution: {integrity: sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g==}
+    engines: {node: '>= 0.8.0'}
+
+  oxc-transform-react@0.145.0:
+    resolution: {integrity: sha512-y8cfjow11WKvDekonySPVvRUvNuIvqNT0LZ0Aey6j5dsNUD6k4hy6Mae/SLmng5egmb1GdJS11GduJ+IoEAXEw==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+
+  oxfmt@0.71.0:
+    resolution: {integrity: sha512-lUPUl0d/+Io5pDrsPXWs6rB4N/bpB78oj9CTDpnbulfDz+0r3XXcHPlQ7kRPJ2GjIT4nX+/mcqunOeP9BvsEtg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      svelte: ^5.0.0
+      vite-plus: '*'
+    peerDependenciesMeta:
+      svelte:
+        optional: true
+      vite-plus:
+        optional: true
+
+  oxlint-tsgolint@7.0.2003:
+    resolution: {integrity: sha512-VnK4zlqgmgq/7ZcjzCk/WpN8kKFsYGcB85Io9qT3wL4K8Un3RKmJkp793crNETieMusPMKOA4a+Mw2wbteI6TQ==}
+    hasBin: true
+
+  oxlint@1.86.0:
+    resolution: {integrity: sha512-og0lhgvZfgGF//gOOmZXvtr+GmBbAGEnbEhv/QUg7UW2Wi4wHMnJbnMD+zuHgPdJxdklfgpPupdlAaAySyxrZg==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      oxlint-tsgolint: '>=7.0.2003'
+      vite-plus: '*'
+    peerDependenciesMeta:
+      oxlint-tsgolint:
+        optional: true
+      vite-plus:
+        optional: true
+
+  p-limit@3.1.0:
+    resolution: {integrity: sha512-TYOanM3wGwNGsZN2cVTYPArw454xnXj5qmWF1bEoAc4+cU/ol7GVh7odevjp1FNHduHc3KZMcFduxU5Xc6uJRQ==}
+    engines: {node: '>=10'}
+
+  p-locate@5.0.0:
+    resolution: {integrity: sha512-LaNjtRWUBY++zB5nE/NwcaoMylSPk+S+ZHNB1TzdbMJMny6dynpAGt7X/tl/QYq3TIeE6nxHppbo2LGymrG5Pw==}
+    engines: {node: '>=10'}
+
+  path-exists@4.0.0:
+    resolution: {integrity: sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w==}
+    engines: {node: '>=8'}
+
+  path-key@3.1.1:
+    resolution: {integrity: sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q==}
+    engines: {node: '>=8'}
+
+  pathe@2.0.3:
+    resolution: {integrity: sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w==}
+
+  patronum@2.3.0:
+    resolution: {integrity: sha512-BfKIOpoymVz6XnkOn8Fi5QZ1a3r/3lXdd8BcdHmYDbIXPTIRnD1EPFBFev/DheWnOge6/ZswEqgNF2ANLGOxLw==}
+    peerDependencies:
+      effector: ^23
+
+  picocolors@1.1.1:
+    resolution: {integrity: sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA==}
+
+  picomatch@2.3.2:
+    resolution: {integrity: sha512-V7+vQEJ06Z+c5tSye8S+nHUfI51xoXIXjHQ99cQtKUkQqqO1kO/KCJUfZXuB47h/YBlDhah2H3hdUGXn8ie0oA==}
+    engines: {node: '>=8.6'}
+
+  picomatch@4.0.7:
+    resolution: {integrity: sha512-qcJu88Q2IWqJsDD529JKMdwGm/dvInW4HvQnRwiH9JtihJvzGOscDtHE3x1pBKeUOTysQ8kVmLnJ2kJu7yhcGA==}
+    engines: {node: '>=12'}
+
+  playwright-core@1.63.0:
+    resolution: {integrity: sha512-rYCsBF/M5HjUch52bbtVONEFjv6Xu8sm8h72dNlR5bzIE1fvC/bxgspzkjSfU+MweEMmPM8KJebG6nnyxo5mCg==}
+    engines: {node: '>=20'}
+    hasBin: true
+
+  playwright@1.63.0:
+    resolution: {integrity: sha512-+7ziBLidS4NaNCdt57SUDT+wYmmd5fmiQejUic/kb+YsYSCPyOOE9sebzMjNmQrsnNpDJqd4WHvV/8lfKfUDUg==}
+    engines: {node: '>=20'}
+    hasBin: true
+
+  pluralize@8.0.0:
+    resolution: {integrity: sha512-Nc3IT5yHzflTfbjgqWcCPpo7DaKy4FnpB0l/zCAW0Tc7jxAiuqSxHasntB3D7887LSrA93kDJ9IXovxJYxyLCA==}
+    engines: {node: '>=4'}
+
+  pngjs@7.0.0:
+    resolution: {integrity: sha512-LKWqWJRhstyYo9pGvgor/ivk2w94eSjE3RGVuzLGlr3NmD8bf7RcYGze1mNdEHRP6TRP6rMuDHk5t44hnTRyow==}
+    engines: {node: '>=14.19.0'}
+
+  postcss@8.5.28:
+    resolution: {integrity: sha512-RRuzqDtt5Y9h3quz5hWhK+TPnsmVs6WwSU6LkJMeY4HstUEDuYTG8UJSdawMRzmzAtV+KEoG8N3Qg2qLy5vM/A==}
+    engines: {node: ^10 || ^12 || >=14}
+
+  prelude-ls@1.2.1:
+    resolution: {integrity: sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g==}
+    engines: {node: '>= 0.8.0'}
+
+  prexit@2.3.0:
+    resolution: {integrity: sha512-mX+LIbtS0anKtl2PykYabxninwloblUQMRO6CubeSmjxb+kKlATuJoH9UeN8NLE4TgIEFWfBXw7V3GkWbBrSmg==}
+    engines: {node: '>=12'}
+
+  punycode@2.3.1:
+    resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
+    engines: {node: '>=6'}
+
+  qified@0.10.1:
+    resolution: {integrity: sha512-+Owyggi9IxT1ePKGafcI87ubSmxol6smwJ+RAHDQlx9+9cPwFWDiKFFCPuWhr9ignlGpZ9vDQLw67N4dcTVFEA==}
+    engines: {node: '>=20'}
+
+  queue-microtask@1.2.3:
+    resolution: {integrity: sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A==}
+
+  react-dom@19.3.0:
+    resolution: {integrity: sha512-JDk8dgif51OjFoDE70+OT9ICyYr+69HlmihNwp1+Nsfbna3t5sIiCa9ZJktDmQ4/1b/rn26hIAR2uYXDMr5r0Q==}
+    peerDependencies:
+      react: ^19.3.0
+
+  react@19.3.0:
+    resolution: {integrity: sha512-E8LUcbtBWt20bbl2YoHfx4ZDBdxVTfOKtCZn9cDSJ4l6/nuoApcpIBcj47t2wZoVX8g2ZHuMHbiShgCR1T5Sog==}
+    engines: {node: '>=0.10.0'}
+
+  readdirp@4.1.2:
+    resolution: {integrity: sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg==}
+    engines: {node: '>= 14.18.0'}
+
+  require-directory@2.1.1:
+    resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
+    engines: {node: '>=0.10.0'}
+
+  reusify@1.1.0:
+    resolution: {integrity: sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw==}
+    engines: {iojs: '>=1.0.0', node: '>=0.10.0'}
+
+  rolldown@1.2.12:
+    resolution: {integrity: sha512-8wafseiaG80xmXSfqidUNqZcylTlhmPZZt+za2m+js2sFZ8dTNlhIOV2WcbIPx2hgwPBJpEUGFAMZ9bgBBLTSQ==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+
+  run-parallel@1.2.0:
+    resolution: {integrity: sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA==}
+
+  scheduler@0.28.0:
+    resolution: {integrity: sha512-juorfCmIkIw8tT+p5BXSm6PJjQF/ycEYmKyzURCIt/RaZIhL+PulbQ9Yu2z1HdOJDdqDTlxA1+xKBmHXJsczAw==}
+
+  semver@6.3.1:
+    resolution: {integrity: sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA==}
+    hasBin: true
+
+  shebang-command@2.0.0:
+    resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
+    engines: {node: '>=8'}
+
+  shebang-regex@3.0.0:
+    resolution: {integrity: sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A==}
+    engines: {node: '>=8'}
+
+  sirv@3.0.2:
+    resolution: {integrity: sha512-2wcC/oGxHis/BoHkkPwldgiPSYcpZK3JU28WoMVv55yHJgcZ8rlXvuG9iZggz+sU1d4bRgIGASwyWqjxu3FM0g==}
+    engines: {node: '>=18'}
+
+  sisteransi@1.0.5:
+    resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
+
+  slash@5.1.0:
+    resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==}
+    engines: {node: '>=14.16'}
+
+  source-map-js@1.2.2:
+    resolution: {integrity: sha512-KGj/8Y43x35aZVDtt+J4mK1hoLGHULMYfSkODJNQjNDC3oW1PqPoxMwo0pLUsWM/UEGzON/NxeHywEfNXNP3Vw==}
+    engines: {node: '>=0.10.0'}
+
+  sqzer@0.3.0:
+    resolution: {integrity: sha512-mffC/kcYk3Ayj5OJhV7Skg8Tnx5Qx1B2akJpVuPuNbedg7UlR65DgWorRwA0TjCR8RrsM01ZBiBgDiG17f/poQ==}
+
+  std-env@4.3.0:
+    resolution: {integrity: sha512-OtU/EgQ1kIm5KwqQpBC6ZEMXrZRui11w8zgfTWp8cdO9B8OaPsbA8bTHO2P+HNo1VlUTGMVBwPhydu6poeXiag==}
+
+  steiger@0.7.0:
+    resolution: {integrity: sha512-KXqt/6LqQE5O9QhJ9ZsA4M/Nwys6pslryXk67PltNZ8UBzbV9X9PEwMqskEdOObgnHsb+hEOzPH1UbSGFMuRYg==}
+    engines: {node: '>=22.18.0'}
+    hasBin: true
+
+  string-width@4.2.3:
+    resolution: {integrity: sha512-wKyQRQpjJ0sIp62ErSZdGsjMJWsap5oRNihHhu6G7JVO/9jIB6UyevL+tXuOqrng8j/cxKTWyWUwvSTriiZz/g==}
+    engines: {node: '>=8'}
+
+  strip-ansi@6.0.1:
+    resolution: {integrity: sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A==}
+    engines: {node: '>=8'}
+
+  tinybench@6.2.0:
+    resolution: {integrity: sha512-78U2TlB2CnVenajOFzf3BKSm0J6oz5L0NV7g32LCPccvYc0lbWvys4d3uUUCS2B1N8PAf2+aekR8i1KbC3HO7Q==}
+    engines: {node: '>=20.0.0'}
+
+  tinyexec@1.3.1:
+    resolution: {integrity: sha512-GCvB3aoys96IuDFBMcTB46JOR6mdMtAToqwiW8JlWhsoh1mhHi/xn9ss/Dg7N555GiJyEt2qzoG/NHCwM6h1EA==}
+    engines: {node: '>=18'}
+
+  tinyglobby@0.2.17:
+    resolution: {integrity: sha512-wXR/dYpcqKmfWpEdZjiKJOwCNFndD0DMnrW/cYjVGttEkBfVgcLFHoNrlj47mjOVic9yyNu65alsgF4NQyTa2g==}
+    engines: {node: '>=12.0.0'}
+
+  tinypool@2.2.0:
+    resolution: {integrity: sha512-jBrmx4lYmaC9k/mgPbylxs7kBUxHtD8256up+HjLaDFfXScKJQyil+SWXSvhAtT7XHo+yTVlpB81PGmHP8oLSQ==}
+    engines: {node: ^20.0.0 || >=22.0.0}
+
+  tinyrainbow@3.2.0:
+    resolution: {integrity: sha512-LgO3D9yZJjApUiuUfl9iFAwrtaX4+lok3wJIqttGoKCHlWUqHqbQpnxCf82L8FjgKsh4iGo78hqJwgL8F6To2A==}
+    engines: {node: '>=14.0.0'}
+
+  to-regex-range@5.0.1:
+    resolution: {integrity: sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ==}
+    engines: {node: '>=8.0'}
+
+  totalist@3.0.1:
+    resolution: {integrity: sha512-sf4i37nQ2LBx4m3wB74y+ubopq6W/dIzXg0FDGjsYnZHVa1Da8FH853wlL2gtUhg+xJXjfk3kUZS3BRoQeoQBQ==}
+    engines: {node: '>=6'}
+
+  tsconfck@3.1.6:
+    resolution: {integrity: sha512-ks6Vjr/jEw0P1gmOVwutM3B7fWxoWBL2KRDb1JfqGVawBmO5UsvmWOQFGHBPl5yxYz4eERr19E6L7NMv+Fej4w==}
+    engines: {node: ^18 || >=20}
+    deprecated: unmaintained
+    hasBin: true
+    peerDependencies:
+      typescript: ^5.0.0
+    peerDependenciesMeta:
+      typescript:
+        optional: true
+
+  type-check@0.4.0:
+    resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
+    engines: {node: '>= 0.8.0'}
+
+  typescript@5.9.3:
+    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
+    engines: {node: '>=14.17'}
+    hasBin: true
+
+  typescript@7.0.2:
+    resolution: {integrity: sha512-8FYau96o3NKOhbjKi/qNvG/W5jhzxkbdm5sj9AbZ/5T5sWqn3hJgLfGx27sRKZWTvyzCP8dLRBTf5tBTSRVUNA==}
+    engines: {node: '>=16.20.0'}
+    hasBin: true
+
+  undici-types@7.24.6:
+    resolution: {integrity: sha512-WRNW+sJgj5OBN4/0JpHFqtqzhpbnV0GuB+OozA9gCL7a993SmU+1JBZCzLNxYsbMfIeDL+lTsphD5jN5N+n0zg==}
+
+  unicorn-magic@0.4.1:
+    resolution: {integrity: sha512-lzlXPoVB0Uy/FvTaUgX39RbixYiSKoc3JSoSf01+0c2B6FR3qdYIPN7Qjo/AV7n6sqLCk0509cT3LRj1oSZ1+A==}
+    engines: {node: '>=20'}
+
+  update-browserslist-db@1.3.3:
+    resolution: {integrity: sha512-pJ2sYawQS0R/WI928Gj5GlPhTGzbMelq0+4INtSYNDV9ErKJcX6xjGWkoG/VnB3dpUm00zALaqkrUD77pO5TDQ==}
+    hasBin: true
+    peerDependencies:
+      browserslist: '>= 4.21.0'
+
+  uri-js@4.4.1:
+    resolution: {integrity: sha512-7rKUyy33Q1yc98pQ1DAmLtwX109F7TIfWlW1Ydo8Wl1ii1SeHieeh0HHfPeL2fMXK6z0s8ecKs9frCuLJvndBg==}
+
+  use-isomorphic-layout-effect@1.2.1:
+    resolution: {integrity: sha512-tpZZ+EX0gaghDAiFR37hj5MgY6ZN55kLiPkJsKxBMZ6GZdOSPJXiOzPM984oPYZ5AnehYx5WQp1+ME8I/P/pRA==}
+    peerDependencies:
+      '@types/react': '*'
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+
+  use-sync-external-store@1.7.0:
+    resolution: {integrity: sha512-6L+EeigHMQhdaIPNIFUKwfWJSwWFQ8gJbJ2DLOs5sDIegTwR9fRxvnM3uciHKjIZhFz+KAv2emhWMRvDmMcY8A==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0
+
+  vite@8.3.2:
+    resolution: {integrity: sha512-SQr1x6W5vVSbROg7vsyXIaxK9b0G7zsT68acdWWRmnBUsgDieLCRG+Rep9WdZgcposvv/GSnr4GUUBqB3vXq6w==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@types/node': ^20.19.0 || >=22.12.0
+      '@vitejs/devtools': ^0.7.1
+      esbuild: ^0.27.0 || ^0.28.0
+      jiti: '>=1.21.0'
+      less: ^4.0.0
+      sass: ^1.70.0
+      sass-embedded: ^1.70.0
+      stylus: '>=0.54.8'
+      sugarss: ^5.0.0
+      terser: ^5.16.0
+      tsx: ^4.8.1
+      yaml: ^2.4.2
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+      '@vitejs/devtools':
+        optional: true
+      esbuild:
+        optional: true
+      jiti:
+        optional: true
+      less:
+        optional: true
+      sass:
+        optional: true
+      sass-embedded:
+        optional: true
+      stylus:
+        optional: true
+      sugarss:
+        optional: true
+      terser:
+        optional: true
+      tsx:
+        optional: true
+      yaml:
+        optional: true
+
+  vitest-browser-react@2.3.0:
+    resolution: {integrity: sha512-S5vdGHHA93j2Z6dbmIJI1wtxT3AXPTRlmC1Meo+ekG011yNnEutMAnHrwyj8qFlGhgBYA8ENGK6+o1Q+vnFz6A==}
+    peerDependencies:
+      '@types/react': ^18.0.0 || ^19.0.0
+      '@types/react-dom': ^18.0.0 || ^19.0.0
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+      vitest: ^4.0.0 || ^5.0.0
+    peerDependenciesMeta:
+      '@types/react':
+        optional: true
+      '@types/react-dom':
+        optional: true
+
+  vitest@5.0.3:
+    resolution: {integrity: sha512-xMw97S3rjdtj5dkVat7jCsqWBpvchs3RlpQctUqwJD0KkERk40vz2fJ77lDwW/Vzh/pk18eItYAzkodhSes3jQ==}
+    engines: {node: ^22.12.0 || ^24.0.0 || >=26.0.0}
+    hasBin: true
+    peerDependencies:
+      '@edge-runtime/vm': '*'
+      '@opentelemetry/api': ^1.9.0
+      '@types/node': ^22.0.0 || >=24.0.0
+      '@vitest/browser-playwright': 5.0.3
+      '@vitest/browser-preview': 5.0.3
+      '@vitest/browser-webdriverio': ^5.0.0-beta.5 || >=5.0.0
+      '@vitest/coverage-istanbul': 5.0.3
+      '@vitest/coverage-v8': 5.0.3
+      '@vitest/ui': 5.0.3
+      happy-dom: '*'
+      jsdom: '*'
+      vite: ^6.4.0 || ^7.0.0 || ^8.0.0
+    peerDependenciesMeta:
+      '@edge-runtime/vm':
+        optional: true
+      '@opentelemetry/api':
+        optional: true
+      '@types/node':
+        optional: true
+      '@vitest/browser-playwright':
+        optional: true
+      '@vitest/browser-preview':
+        optional: true
+      '@vitest/browser-webdriverio':
+        optional: true
+      '@vitest/coverage-istanbul':
+        optional: true
+      '@vitest/coverage-v8':
+        optional: true
+      '@vitest/ui':
+        optional: true
+      happy-dom:
+        optional: true
+      jsdom:
+        optional: true
+
+  vscode-jsonrpc@9.0.3:
+    resolution: {integrity: sha512-qETYf9PCl1lVfwR+oBmMfc4vP2nqLNA35ABxorw3j06+xlKRgDVxbLgKm4Y/xPL0YWdeDjLoI4ImICIT3nB0zQ==}
+    engines: {node: '>=14.0.0'}
+
+  vscode-languageserver-protocol@3.18.4:
+    resolution: {integrity: sha512-CCXbyr99dafRJzJH/0Ryk7ly5T8XPmSR0//OuF2w4m+9JiOin7zcAT5iET8GRE7Z9taFBejb3GbM0a0mbjdbrg==}
+
+  vscode-languageserver-types@3.18.4:
+    resolution: {integrity: sha512-nQsacoiijvl0fRf2q28uFDrAVwRhdCa3QveiF7/CX0r18mLR5FU/1WskSsCKOjmEbtteKUnY8x8Yzxop+k0zwg==}
+
+  vscode-languageserver@10.1.2:
+    resolution: {integrity: sha512-pXPWde3RytdeBVEs6PulOOT5OpeXC5GkWRpcT11f5rNn41jviQsAYPyAqJ/0oVGETQLKPJtYbHNiMPlfLb0NTQ==}
+    hasBin: true
+
+  web-tree-sitter@0.26.13:
+    resolution: {integrity: sha512-5bUZ7vbQ1kcondet96wzP974+JfCZDeQ7bTpacICm2nnvHpa5cO0ByRsoMcAhUP+743vpkb4m0BFlVSm+Ye9VA==}
+
+  which@2.0.2:
+    resolution: {integrity: sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA==}
+    engines: {node: '>= 8'}
+    hasBin: true
+
+  why-is-node-running@3.2.1:
+    resolution: {integrity: sha512-Tb2FUhB4vUsGQlfSquQLYkApkuPAFQXGFzxWKHHumVz2dK+X1RUm/HnID4+TfIGYJ1kTcwOaCk/buYCEJr6YjQ==}
+    engines: {node: '>=20.11'}
+    hasBin: true
+
+  word-wrap@1.2.5:
+    resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
+    engines: {node: '>=0.10.0'}
+
+  wrap-ansi@7.0.0:
+    resolution: {integrity: sha512-YVGIj2kamLSTxw6NsZjoBxfSwsn0ycdesmc4p+Q21c5zPuZ1pl+NfxVdxPtdHvmNVOQ6XSYG4AUtyt/Fi7D16Q==}
+    engines: {node: '>=10'}
+
+  ws@8.22.0:
+    resolution: {integrity: sha512-Ydggc987+RO0AnWtZ/7Wq9FtNvcrL1b/RO0ud9mWjUPgDrsAAwQSF51sm2hm1XofbU/4jkpGEsLFsZZxU+1DOg==}
+    engines: {node: '>=10.0.0'}
+    peerDependencies:
+      bufferutil: ^4.0.1
+      utf-8-validate: '>=5.0.2'
+    peerDependenciesMeta:
+      bufferutil:
+        optional: true
+      utf-8-validate:
+        optional: true
+
+  xstate@5.33.2:
+    resolution: {integrity: sha512-8tC7yXgeCvpT8gKEeEje6ikJJG1wpnoLiXe+HfECW8m10ubMd3QxKOwWA8KxPJVBcLwfdRoMKYxIBGYKmo37/A==}
+
+  y18n@5.0.8:
+    resolution: {integrity: sha512-0pfFzegeDWJHJIAmTLRP2DwHjdF5s7jo9tuztdQxAhINCdvS+3nGINqPd00AphqJR/0LhANUS6/+7SCb98YOfA==}
+    engines: {node: '>=10'}
+
+  yallist@3.1.1:
+    resolution: {integrity: sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g==}
+
+  yargs-parser@21.1.1:
+    resolution: {integrity: sha512-tVpsJW7DdjecAiFpbIB1e3qxIQsE6NoPc5/eTdrbbIC4h0LVsWhnoa3g+m2HclBIujHzsxZ4VJVA+GUuc2/LBw==}
+    engines: {node: '>=12'}
+
+  yargs@17.7.3:
+    resolution: {integrity: sha512-GZtjxm/J/4TSxuL3FNYjCmLktBTnIw/rVmKSIyKeYAZpmJB2ig9VauCC5xsa82GNKVKDAqpOn3KVzNt0zmrU0g==}
+    engines: {node: '>=12'}
+
+  yocto-queue@0.1.0:
+    resolution: {integrity: sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q==}
+    engines: {node: '>=10'}
+
+  zod-validation-error@3.5.4:
+    resolution: {integrity: sha512-+hEiRIiPobgyuFlEojnqjJnhFvg4r/i3cqgcm67eehZf/WBaK3g6cD02YU9mtdVxZjv8CzCA9n/Rhrs3yAAvAw==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      zod: ^3.24.4
+
+  zod-validation-error@4.0.2:
+    resolution: {integrity: sha512-Q6/nZLe6jxuU80qb/4uJ4t5v2VEZ44lzQjPDhYJNztRQ4wyWc6VF3D3Kb/fAuPetZQnhS3hnajCf9CsWesghLQ==}
+    engines: {node: '>=18.0.0'}
+    peerDependencies:
+      zod: ^3.25.0 || ^4.0.0
+
+  zod@3.25.76:
+    resolution: {integrity: sha512-gzUt/qt81nXsFGKIFcC3YnfEAx5NkunCfnDlvuBSSFS02bcXu4Lmea0AFIUwbLWxWPx3d9p8S5QoaujKcNQxcQ==}
+
+  zod@4.6.5:
+    resolution: {integrity: sha512-v5l/aFXZQeai4awLbOpSoHecE9UiMrnfx75tEXLjNonXVARxQ5mOeipTjROUchszUNCqnE+hqAMujRsRHsut2Q==}
+
+snapshots:
+
+  '@babel/code-frame@7.29.7':
+    dependencies:
+      '@babel/helper-validator-identifier': 7.29.7
+      js-tokens: 4.0.0
+      picocolors: 1.1.1
+
+  '@babel/compat-data@7.29.7': {}
+
+  '@babel/core@7.29.7':
+    dependencies:
+      '@babel/code-frame': 7.29.7
+      '@babel/generator': 7.29.8
+      '@babel/helper-compilation-targets': 7.29.7
+      '@babel/helper-module-transforms': 7.29.7(@babel/core@7.29.7)
+      '@babel/helpers': 7.29.7
+      '@babel/parser': 7.29.9
+      '@babel/template': 7.29.7
+      '@babel/traverse': 7.29.8
+      '@babel/types': 7.29.8
+      '@jridgewell/remapping': 2.3.5
+      convert-source-map: 2.0.0
+      debug: 4.4.3
+      gensync: 1.0.0-beta.2
+      json5: 2.2.3
+      semver: 6.3.1
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/generator@7.29.8':
+    dependencies:
+      '@babel/parser': 7.29.9
+      '@babel/types': 7.29.8
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+      jsesc: 3.1.0
+
+  '@babel/helper-compilation-targets@7.29.7':
+    dependencies:
+      '@babel/compat-data': 7.29.7
+      '@babel/helper-validator-option': 7.29.7
+      browserslist: 4.29.3
+      lru-cache: 5.1.1
+      semver: 6.3.1
+
+  '@babel/helper-globals@7.29.7': {}
+
+  '@babel/helper-module-imports@7.29.7':
+    dependencies:
+      '@babel/traverse': 7.29.8
+      '@babel/types': 7.29.8
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-module-transforms@7.29.7(@babel/core@7.29.7)':
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/helper-module-imports': 7.29.7
+      '@babel/helper-validator-identifier': 7.29.7
+      '@babel/traverse': 7.29.8
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/helper-string-parser@7.29.7': {}
+
+  '@babel/helper-validator-identifier@7.29.7': {}
+
+  '@babel/helper-validator-option@7.29.7': {}
+
+  '@babel/helpers@7.29.7':
+    dependencies:
+      '@babel/template': 7.29.7
+      '@babel/types': 7.29.8
+
+  '@babel/parser@7.29.9':
+    dependencies:
+      '@babel/types': 7.29.8
+
+  '@babel/template@7.29.7':
+    dependencies:
+      '@babel/code-frame': 7.29.7
+      '@babel/parser': 7.29.9
+      '@babel/types': 7.29.8
+
+  '@babel/traverse@7.29.8':
+    dependencies:
+      '@babel/code-frame': 7.29.7
+      '@babel/generator': 7.29.8
+      '@babel/helper-globals': 7.29.7
+      '@babel/parser': 7.29.9
+      '@babel/template': 7.29.7
+      '@babel/types': 7.29.8
+      debug: 4.4.3
+    transitivePeerDependencies:
+      - supports-color
+
+  '@babel/types@7.29.8':
+    dependencies:
+      '@babel/helper-string-parser': 7.29.7
+      '@babel/helper-validator-identifier': 7.29.7
+
+  '@blazediff/core@1.10.0': {}
+
+  '@cacheable/memory@2.2.0':
+    dependencies:
+      '@cacheable/utils': 2.5.0
+      '@keyv/bigmap': 1.3.1(keyv@5.6.0)
+      hookified: 1.15.1
+      keyv: 5.6.0
+
+  '@cacheable/utils@2.5.0':
+    dependencies:
+      hashery: 1.5.1
+      keyv: 5.6.0
+
+  '@clack/core@0.4.1':
+    dependencies:
+      picocolors: 1.1.1
+      sisteransi: 1.0.5
+
+  '@clack/prompts@0.9.1':
+    dependencies:
+      '@clack/core': 0.4.1
+      picocolors: 1.1.1
+      sisteransi: 1.0.5
+
+  '@eslint-community/eslint-utils@4.10.1(eslint@10.12.0)':
+    dependencies:
+      eslint: 10.12.0
+      eslint-visitor-keys: 3.4.3
+
+  '@eslint-community/regexpp@4.12.2': {}
+
+  '@eslint/config-array@0.23.5':
+    dependencies:
+      '@eslint/object-schema': 3.0.5
+      debug: 4.4.3
+      minimatch: 10.2.6
+    transitivePeerDependencies:
+      - supports-color
+
+  '@eslint/config-helpers@0.7.0':
+    dependencies:
+      '@eslint/core': 1.2.1
+
+  '@eslint/core@1.2.1':
+    dependencies:
+      '@types/json-schema': 7.0.15
+
+  '@eslint/object-schema@3.0.5': {}
+
+  '@eslint/plugin-kit@0.7.3':
+    dependencies:
+      '@eslint/core': 1.2.1
+      levn: 0.4.1
+
+  '@feature-sliced/filesystem@3.1.1':
+    dependencies:
+      typescript: 5.9.3
+
+  '@feature-sliced/steiger-plugin@0.8.0(typescript@7.0.2)':
+    dependencies:
+      '@feature-sliced/filesystem': 3.1.1
+      fastest-levenshtein: 1.0.16
+      lodash-es: 4.18.1
+      pluralize: 8.0.0
+      tsconfck: 3.1.6(typescript@7.0.2)
+      web-tree-sitter: 0.26.13
+    transitivePeerDependencies:
+      - typescript
+
+  '@humanfs/core@0.19.2':
+    dependencies:
+      '@humanfs/types': 0.15.0
+
+  '@humanfs/node@0.16.8':
+    dependencies:
+      '@humanfs/core': 0.19.2
+      '@humanfs/types': 0.15.0
+      '@humanwhocodes/retry': 0.4.3
+
+  '@humanfs/types@0.15.0': {}
+
+  '@humanwhocodes/module-importer@1.0.1': {}
+
+  '@humanwhocodes/retry@0.4.3': {}
+
+  '@jridgewell/gen-mapping@0.3.13':
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.6.0
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/remapping@2.3.5':
+    dependencies:
+      '@jridgewell/gen-mapping': 0.3.13
+      '@jridgewell/trace-mapping': 0.3.31
+
+  '@jridgewell/resolve-uri@3.1.2': {}
+
+  '@jridgewell/sourcemap-codec@1.6.0': {}
+
+  '@jridgewell/trace-mapping@0.3.31':
+    dependencies:
+      '@jridgewell/resolve-uri': 3.1.2
+      '@jridgewell/sourcemap-codec': 1.6.0
+
+  '@keyv/bigmap@1.3.1(keyv@5.6.0)':
+    dependencies:
+      hashery: 1.5.1
+      hookified: 1.15.1
+      keyv: 5.6.0
+
+  '@keyv/serialize@1.1.1': {}
+
+  '@nodelib/fs.scandir@2.1.5':
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      run-parallel: 1.2.0
+
+  '@nodelib/fs.stat@2.0.5': {}
+
+  '@nodelib/fs.walk@1.2.8':
+    dependencies:
+      '@nodelib/fs.scandir': 2.1.5
+      fastq: 1.20.3
+
+  '@oxc-project/types@0.152.0': {}
+
+  '@oxc-transform-react/binding-android-arm-eabi@0.145.0':
+    optional: true
+
+  '@oxc-transform-react/binding-android-arm64@0.145.0':
+    optional: true
+
+  '@oxc-transform-react/binding-darwin-arm64@0.145.0':
+    optional: true
+
+  '@oxc-transform-react/binding-darwin-x64@0.145.0':
+    optional: true
+
+  '@oxc-transform-react/binding-freebsd-x64@0.145.0':
+    optional: true
+
+  '@oxc-transform-react/binding-linux-arm-gnueabihf@0.145.0':
+    optional: true
+
+  '@oxc-transform-react/binding-linux-arm-musleabihf@0.145.0':
+    optional: true
+
+  '@oxc-transform-react/binding-linux-arm64-gnu@0.145.0':
+    optional: true
+
+  '@oxc-transform-react/binding-linux-arm64-musl@0.145.0':
+    optional: true
+
+  '@oxc-transform-react/binding-linux-ppc64-gnu@0.145.0':
+    optional: true
+
+  '@oxc-transform-react/binding-linux-riscv64-gnu@0.145.0':
+    optional: true
+
+  '@oxc-transform-react/binding-linux-riscv64-musl@0.145.0':
+    optional: true
+
+  '@oxc-transform-react/binding-linux-s390x-gnu@0.145.0':
+    optional: true
+
+  '@oxc-transform-react/binding-linux-x64-gnu@0.145.0':
+    optional: true
+
+  '@oxc-transform-react/binding-linux-x64-musl@0.145.0':
+    optional: true
+
+  '@oxc-transform-react/binding-openharmony-arm64@0.145.0':
+    optional: true
+
+  '@oxc-transform-react/binding-win32-arm64-msvc@0.145.0':
+    optional: true
+
+  '@oxc-transform-react/binding-win32-ia32-msvc@0.145.0':
+    optional: true
+
+  '@oxc-transform-react/binding-win32-x64-msvc@0.145.0':
+    optional: true
+
+  '@oxfmt/binding-android-arm-eabi@0.71.0':
+    optional: true
+
+  '@oxfmt/binding-android-arm64@0.71.0':
+    optional: true
+
+  '@oxfmt/binding-darwin-arm64@0.71.0':
+    optional: true
+
+  '@oxfmt/binding-darwin-x64@0.71.0':
+    optional: true
+
+  '@oxfmt/binding-freebsd-x64@0.71.0':
+    optional: true
+
+  '@oxfmt/binding-linux-arm-gnueabihf@0.71.0':
+    optional: true
+
+  '@oxfmt/binding-linux-arm-musleabihf@0.71.0':
+    optional: true
+
+  '@oxfmt/binding-linux-arm64-gnu@0.71.0':
+    optional: true
+
+  '@oxfmt/binding-linux-arm64-musl@0.71.0':
+    optional: true
+
+  '@oxfmt/binding-linux-ppc64-gnu@0.71.0':
+    optional: true
+
+  '@oxfmt/binding-linux-riscv64-gnu@0.71.0':
+    optional: true
+
+  '@oxfmt/binding-linux-riscv64-musl@0.71.0':
+    optional: true
+
+  '@oxfmt/binding-linux-s390x-gnu@0.71.0':
+    optional: true
+
+  '@oxfmt/binding-linux-x64-gnu@0.71.0':
+    optional: true
+
+  '@oxfmt/binding-linux-x64-musl@0.71.0':
+    optional: true
+
+  '@oxfmt/binding-openharmony-arm64@0.71.0':
+    optional: true
+
+  '@oxfmt/binding-win32-arm64-msvc@0.71.0':
+    optional: true
+
+  '@oxfmt/binding-win32-ia32-msvc@0.71.0':
+    optional: true
+
+  '@oxfmt/binding-win32-x64-msvc@0.71.0':
+    optional: true
+
+  '@oxlint-tsgolint/darwin-arm64@7.0.2003':
+    optional: true
+
+  '@oxlint-tsgolint/darwin-x64@7.0.2003':
+    optional: true
+
+  '@oxlint-tsgolint/linux-arm64@7.0.2003':
+    optional: true
+
+  '@oxlint-tsgolint/linux-x64@7.0.2003':
+    optional: true
+
+  '@oxlint-tsgolint/win32-arm64@7.0.2003':
+    optional: true
+
+  '@oxlint-tsgolint/win32-x64@7.0.2003':
+    optional: true
+
+  '@oxlint/binding-android-arm-eabi@1.86.0':
+    optional: true
+
+  '@oxlint/binding-android-arm64@1.86.0':
+    optional: true
+
+  '@oxlint/binding-darwin-arm64@1.86.0':
+    optional: true
+
+  '@oxlint/binding-darwin-x64@1.86.0':
+    optional: true
+
+  '@oxlint/binding-freebsd-x64@1.86.0':
+    optional: true
+
+  '@oxlint/binding-linux-arm-gnueabihf@1.86.0':
+    optional: true
+
+  '@oxlint/binding-linux-arm-musleabihf@1.86.0':
+    optional: true
+
+  '@oxlint/binding-linux-arm64-gnu@1.86.0':
+    optional: true
+
+  '@oxlint/binding-linux-arm64-musl@1.86.0':
+    optional: true
+
+  '@oxlint/binding-linux-ppc64-gnu@1.86.0':
+    optional: true
+
+  '@oxlint/binding-linux-riscv64-gnu@1.86.0':
+    optional: true
+
+  '@oxlint/binding-linux-riscv64-musl@1.86.0':
+    optional: true
+
+  '@oxlint/binding-linux-s390x-gnu@1.86.0':
+    optional: true
+
+  '@oxlint/binding-linux-x64-gnu@1.86.0':
+    optional: true
+
+  '@oxlint/binding-linux-x64-musl@1.86.0':
+    optional: true
+
+  '@oxlint/binding-openharmony-arm64@1.86.0':
+    optional: true
+
+  '@oxlint/binding-win32-arm64-msvc@1.86.0':
+    optional: true
+
+  '@oxlint/binding-win32-ia32-msvc@1.86.0':
+    optional: true
+
+  '@oxlint/binding-win32-x64-msvc@1.86.0':
+    optional: true
+
+  '@playwright/test@1.63.0':
+    dependencies:
+      playwright: 1.63.0
+
+  '@polka/url@1.0.0-next.29': {}
+
+  '@rolldown/binding-android-arm-eabi@1.2.12':
+    optional: true
+
+  '@rolldown/binding-android-arm64@1.2.12':
+    optional: true
+
+  '@rolldown/binding-darwin-arm64@1.2.12':
+    optional: true
+
+  '@rolldown/binding-darwin-x64@1.2.12':
+    optional: true
+
+  '@rolldown/binding-freebsd-x64@1.2.12':
+    optional: true
+
+  '@rolldown/binding-linux-arm-gnueabihf@1.2.12':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-gnu@1.2.12':
+    optional: true
+
+  '@rolldown/binding-linux-arm64-musl@1.2.12':
+    optional: true
+
+  '@rolldown/binding-linux-ppc64-gnu@1.2.12':
+    optional: true
+
+  '@rolldown/binding-linux-s390x-gnu@1.2.12':
+    optional: true
+
+  '@rolldown/binding-linux-x64-gnu@1.2.12':
+    optional: true
+
+  '@rolldown/binding-linux-x64-musl@1.2.12':
+    optional: true
+
+  '@rolldown/binding-openharmony-arm64@1.2.12':
+    optional: true
+
+  '@rolldown/binding-win32-arm64-msvc@1.2.12':
+    optional: true
+
+  '@rolldown/binding-win32-x64-msvc@1.2.12':
+    optional: true
+
+  '@rolldown/pluginutils@1.0.1': {}
+
+  '@sindresorhus/merge-streams@4.0.0': {}
+
+  '@types/chai@5.2.3':
+    dependencies:
+      '@types/deep-eql': 4.0.2
+      assertion-error: 2.0.1
+
+  '@types/deep-eql@4.0.2': {}
+
+  '@types/esrecurse@4.3.1': {}
+
+  '@types/estree@1.0.9': {}
+
+  '@types/json-schema@7.0.15': {}
+
+  '@types/node@24.19.1':
+    dependencies:
+      undici-types: 7.24.6
+
+  '@types/react-dom@19.3.0(@types/react@19.3.0)':
+    dependencies:
+      '@types/react': 19.3.0
+
+  '@types/react@19.3.0':
+    dependencies:
+      csstype: 3.2.3
+
+  '@typescript/typescript-aix-ppc64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-darwin-arm64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-darwin-x64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-freebsd-arm64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-freebsd-x64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-linux-arm64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-linux-arm@7.0.2':
+    optional: true
+
+  '@typescript/typescript-linux-loong64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-linux-mips64el@7.0.2':
+    optional: true
+
+  '@typescript/typescript-linux-ppc64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-linux-riscv64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-linux-s390x@7.0.2':
+    optional: true
+
+  '@typescript/typescript-linux-x64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-netbsd-arm64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-netbsd-x64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-openbsd-arm64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-openbsd-x64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-sunos-x64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-win32-arm64@7.0.2':
+    optional: true
+
+  '@typescript/typescript-win32-x64@7.0.2':
+    optional: true
+
+  '@vitejs/plugin-react@6.1.1(oxc-transform-react@0.145.0)(vite@8.3.2(@types/node@24.19.1))':
+    dependencies:
+      '@rolldown/pluginutils': 1.0.1
+      vite: 8.3.2(@types/node@24.19.1)
+    optionalDependencies:
+      oxc-transform-react: 0.145.0
+
+  '@vitest/browser-playwright@5.0.3(playwright@1.63.0)(vite@8.3.2(@types/node@24.19.1))(vitest@5.0.3)':
+    dependencies:
+      '@vitest/browser': 5.0.3(vite@8.3.2(@types/node@24.19.1))(vitest@5.0.3)
+      '@vitest/mocker': 5.0.3(vite@8.3.2(@types/node@24.19.1))
+      playwright: 1.63.0
+      tinyrainbow: 3.2.0
+      vitest: 5.0.3(@types/node@24.19.1)(@vitest/browser-playwright@5.0.3)(@vitest/ui@5.0.3)(vite@8.3.2(@types/node@24.19.1))
+    transitivePeerDependencies:
+      - bufferutil
+      - msw
+      - utf-8-validate
+      - vite
+
+  '@vitest/browser@5.0.3(vite@8.3.2(@types/node@24.19.1))(vitest@5.0.3)':
+    dependencies:
+      '@blazediff/core': 1.10.0
+      '@vitest/mocker': 5.0.3(vite@8.3.2(@types/node@24.19.1))
+      '@vitest/ui': 5.0.3(vitest@5.0.3)
+      '@vitest/utils': 5.0.3
+      magic-string: 1.4.2
+      pngjs: 7.0.0
+      sirv: 3.0.2
+      tinyrainbow: 3.2.0
+      vitest: 5.0.3(@types/node@24.19.1)(@vitest/browser-playwright@5.0.3)(@vitest/ui@5.0.3)(vite@8.3.2(@types/node@24.19.1))
+      ws: 8.22.0
+    transitivePeerDependencies:
+      - bufferutil
+      - msw
+      - utf-8-validate
+      - vite
+
+  '@vitest/mocker@5.0.3(vite@8.3.2(@types/node@24.19.1))':
+    dependencies:
+      '@jridgewell/trace-mapping': 0.3.31
+      '@vitest/spy': 5.0.3
+      estree-walker: 3.0.3
+      magic-string: 1.4.2
+    optionalDependencies:
+      vite: 8.3.2(@types/node@24.19.1)
+
+  '@vitest/pretty-format@5.0.3':
+    dependencies:
+      tinyrainbow: 3.2.0
+
+  '@vitest/spy@5.0.3': {}
+
+  '@vitest/ui@5.0.3(vitest@5.0.3)':
+    dependencies:
+      '@vitest/utils': 5.0.3
+      fflate: 0.8.3
+      flatted: 3.4.4
+      pathe: 2.0.3
+      sirv: 3.0.2
+      tinyrainbow: 3.2.0
+      vitest: 5.0.3(@types/node@24.19.1)(@vitest/browser-playwright@5.0.3)(@vitest/ui@5.0.3)(vite@8.3.2(@types/node@24.19.1))
+
+  '@vitest/utils@5.0.3':
+    dependencies:
+      '@vitest/pretty-format': 5.0.3
+      convert-source-map: 2.0.0
+      tinyrainbow: 3.2.0
+
+  '@xstate/react@6.1.0(@types/react@19.3.0)(react@19.3.0)(xstate@5.33.2)':
+    dependencies:
+      react: 19.3.0
+      use-isomorphic-layout-effect: 1.2.1(@types/react@19.3.0)(react@19.3.0)
+      use-sync-external-store: 1.7.0(react@19.3.0)
+    optionalDependencies:
+      xstate: 5.33.2
+    transitivePeerDependencies:
+      - '@types/react'
+
+  acorn-jsx@5.3.2(acorn@8.18.0):
+    dependencies:
+      acorn: 8.18.0
+
+  acorn@8.18.0: {}
+
+  ajv@6.15.0:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-json-stable-stringify: 2.1.0
+      json-schema-traverse: 0.4.1
+      uri-js: 4.4.1
+
+  ansi-regex@5.0.1: {}
+
+  ansi-styles@4.3.0:
+    dependencies:
+      color-convert: 2.0.1
+
+  argparse@2.0.1: {}
+
+  assertion-error@2.0.1: {}
+
+  balanced-match@4.0.4: {}
+
+  baseline-browser-mapping@2.11.27: {}
+
+  brace-expansion@5.0.12:
+    dependencies:
+      balanced-match: 4.0.4
+
+  braces@3.0.3:
+    dependencies:
+      fill-range: 7.1.1
+
+  browserslist@4.29.3:
+    dependencies:
+      baseline-browser-mapping: 2.11.27
+      caniuse-lite: 1.0.30001814
+      electron-to-chromium: 1.5.444
+      node-releases: 2.0.57
+      update-browserslist-db: 1.3.3(browserslist@4.29.3)
+
+  cacheable@2.5.0:
+    dependencies:
+      '@cacheable/memory': 2.2.0
+      '@cacheable/utils': 2.5.0
+      hookified: 1.15.1
+      keyv: 5.6.0
+      qified: 0.10.1
+
+  caniuse-lite@1.0.30001814: {}
+
+  chai@6.3.0: {}
+
+  chokidar@4.0.3:
+    dependencies:
+      readdirp: 4.1.2
+
+  cliui@8.0.1:
+    dependencies:
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+      wrap-ansi: 7.0.0
+
+  color-convert@2.0.1:
+    dependencies:
+      color-name: 1.1.4
+
+  color-name@1.1.4: {}
+
+  convert-source-map@2.0.0: {}
+
+  cosmiconfig@10.0.1:
+    dependencies:
+      env-paths: 2.2.1
+      js-yaml: 5.4.2
+
+  cross-spawn@7.0.6:
+    dependencies:
+      path-key: 3.1.1
+      shebang-command: 2.0.0
+      which: 2.0.2
+
+  csstype@3.2.3: {}
+
+  debug@4.4.3:
+    dependencies:
+      ms: 2.1.3
+
+  deep-is@0.1.4: {}
+
+  detect-libc@2.1.2: {}
+
+  effector@23.4.4: {}
+
+  electron-to-chromium@1.5.444: {}
+
+  emoji-regex@8.0.0: {}
+
+  empathic@1.1.0: {}
+
+  env-paths@2.2.1: {}
+
+  es-module-lexer@2.3.2: {}
+
+  escalade@3.2.0: {}
+
+  escape-string-regexp@4.0.0: {}
+
+  eslint-plugin-react-hooks@7.1.1(eslint@10.12.0):
+    dependencies:
+      '@babel/core': 7.29.7
+      '@babel/parser': 7.29.9
+      eslint: 10.12.0
+      hermes-parser: 0.25.1
+      zod: 4.6.5
+      zod-validation-error: 4.0.2(zod@4.6.5)
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-scope@9.1.2:
+    dependencies:
+      '@types/esrecurse': 4.3.1
+      '@types/estree': 1.0.9
+      esrecurse: 4.3.0
+      estraverse: 5.3.0
+
+  eslint-visitor-keys@3.4.3: {}
+
+  eslint-visitor-keys@5.0.1: {}
+
+  eslint@10.12.0:
+    dependencies:
+      '@eslint-community/eslint-utils': 4.10.1(eslint@10.12.0)
+      '@eslint-community/regexpp': 4.12.2
+      '@eslint/config-array': 0.23.5
+      '@eslint/config-helpers': 0.7.0
+      '@eslint/core': 1.2.1
+      '@eslint/plugin-kit': 0.7.3
+      '@humanfs/node': 0.16.8
+      '@humanwhocodes/module-importer': 1.0.1
+      '@humanwhocodes/retry': 0.4.3
+      '@types/estree': 1.0.9
+      ajv: 6.15.0
+      cross-spawn: 7.0.6
+      debug: 4.4.3
+      escape-string-regexp: 4.0.0
+      eslint-scope: 9.1.2
+      eslint-visitor-keys: 5.0.1
+      espree: 11.2.0
+      esquery: 1.7.0
+      esutils: 2.0.3
+      fast-deep-equal: 3.1.3
+      file-entry-cache: 11.1.5
+      find-up: 5.0.0
+      glob-parent: 6.0.2
+      ignore: 5.3.2
+      imurmurhash: 0.1.4
+      is-glob: 4.0.3
+      json-stable-stringify-without-jsonify: 1.0.1
+      minimatch: 10.2.6
+      natural-compare: 1.4.0
+      optionator: 0.9.4
+    transitivePeerDependencies:
+      - supports-color
+
+  espree@11.2.0:
+    dependencies:
+      acorn: 8.18.0
+      acorn-jsx: 5.3.2(acorn@8.18.0)
+      eslint-visitor-keys: 5.0.1
+
+  esquery@1.7.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  esrecurse@4.3.0:
+    dependencies:
+      estraverse: 5.3.0
+
+  estraverse@5.3.0: {}
+
+  estree-walker@3.0.3:
+    dependencies:
+      '@types/estree': 1.0.9
+
+  esutils@2.0.3: {}
+
+  expect-type@1.4.0: {}
+
+  fast-deep-equal@3.1.3: {}
+
+  fast-glob@3.3.3:
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.8
+
+  fast-json-stable-stringify@2.1.0: {}
+
+  fast-levenshtein@2.0.6: {}
+
+  fastest-levenshtein@1.0.16: {}
+
+  fastq@1.20.3:
+    dependencies:
+      reusify: 1.1.0
+
+  fdir@6.5.0(picomatch@4.0.7):
+    optionalDependencies:
+      picomatch: 4.0.7
+
+  fflate@0.8.3: {}
+
+  file-entry-cache@11.1.5:
+    dependencies:
+      flat-cache: 6.1.23
+
+  fill-range@7.1.1:
+    dependencies:
+      to-regex-range: 5.0.1
+
+  find-up@5.0.0:
+    dependencies:
+      locate-path: 6.0.0
+      path-exists: 4.0.0
+
+  flat-cache@6.1.23:
+    dependencies:
+      cacheable: 2.5.0
+      flatted: 3.4.4
+      hookified: 1.15.1
+
+  flatted@3.4.4: {}
+
+  fsevents@2.3.3:
+    optional: true
+
+  gensync@1.0.0-beta.2: {}
+
+  get-caller-file@2.0.5: {}
+
+  glob-parent@5.1.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  glob-parent@6.0.2:
+    dependencies:
+      is-glob: 4.0.3
+
+  globby@16.2.4:
+    dependencies:
+      '@sindresorhus/merge-streams': 4.0.0
+      fast-glob: 3.3.3
+      ignore: 7.0.12
+      is-path-inside: 4.0.0
+      micromatch: 4.0.8
+      slash: 5.1.0
+      unicorn-magic: 0.4.1
+
+  hashery@1.5.1:
+    dependencies:
+      hookified: 1.15.1
+
+  hermes-estree@0.25.1: {}
+
+  hermes-parser@0.25.1:
+    dependencies:
+      hermes-estree: 0.25.1
+
+  hookified@1.15.1: {}
+
+  hookified@2.2.0: {}
+
+  ignore@5.3.2: {}
+
+  ignore@7.0.12: {}
+
+  immer@10.2.0: {}
+
+  imurmurhash@0.1.4: {}
+
+  is-extglob@2.1.1: {}
+
+  is-fullwidth-code-point@3.0.0: {}
+
+  is-glob@4.0.3:
+    dependencies:
+      is-extglob: 2.1.1
+
+  is-number@7.0.0: {}
+
+  is-path-inside@4.0.0: {}
+
+  isexe@2.0.0: {}
+
+  js-tokens@4.0.0: {}
+
+  js-yaml@5.4.2:
+    dependencies:
+      argparse: 2.0.1
+
+  jsesc@3.1.0: {}
+
+  json-schema-traverse@0.4.1: {}
+
+  json-stable-stringify-without-jsonify@1.0.1: {}
+
+  json5@2.2.3: {}
+
+  keyv@5.6.0:
+    dependencies:
+      '@keyv/serialize': 1.1.1
+
+  levn@0.4.1:
+    dependencies:
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+
+  lightningcss-android-arm64@1.33.0:
+    optional: true
+
+  lightningcss-darwin-arm64@1.33.0:
+    optional: true
+
+  lightningcss-darwin-x64@1.33.0:
+    optional: true
+
+  lightningcss-freebsd-x64@1.33.0:
+    optional: true
+
+  lightningcss-linux-arm-gnueabihf@1.33.0:
+    optional: true
+
+  lightningcss-linux-arm64-gnu@1.33.0:
+    optional: true
+
+  lightningcss-linux-arm64-musl@1.33.0:
+    optional: true
+
+  lightningcss-linux-x64-gnu@1.33.0:
+    optional: true
+
+  lightningcss-linux-x64-musl@1.33.0:
+    optional: true
+
+  lightningcss-win32-arm64-msvc@1.33.0:
+    optional: true
+
+  lightningcss-win32-x64-msvc@1.33.0:
+    optional: true
+
+  lightningcss@1.33.0:
+    dependencies:
+      detect-libc: 2.1.2
+    optionalDependencies:
+      lightningcss-android-arm64: 1.33.0
+      lightningcss-darwin-arm64: 1.33.0
+      lightningcss-darwin-x64: 1.33.0
+      lightningcss-freebsd-x64: 1.33.0
+      lightningcss-linux-arm-gnueabihf: 1.33.0
+      lightningcss-linux-arm64-gnu: 1.33.0
+      lightningcss-linux-arm64-musl: 1.33.0
+      lightningcss-linux-x64-gnu: 1.33.0
+      lightningcss-linux-x64-musl: 1.33.0
+      lightningcss-win32-arm64-msvc: 1.33.0
+      lightningcss-win32-x64-msvc: 1.33.0
+
+  locate-path@6.0.0:
+    dependencies:
+      p-locate: 5.0.0
+
+  lodash-es@4.18.1: {}
+
+  lru-cache@5.1.1:
+    dependencies:
+      yallist: 3.1.1
+
+  magic-string@1.4.2:
+    dependencies:
+      '@jridgewell/sourcemap-codec': 1.6.0
+
+  merge2@1.4.1: {}
+
+  micromatch@4.0.8:
+    dependencies:
+      braces: 3.0.3
+      picomatch: 2.3.2
+
+  minimatch@10.2.6:
+    dependencies:
+      brace-expansion: 5.0.12
+
+  mrmime@2.0.1: {}
+
+  ms@2.1.3: {}
+
+  nanoid@3.3.19: {}
+
+  natural-compare@1.4.0: {}
+
+  node-releases@2.0.57: {}
+
+  obug@2.2.1: {}
+
+  optionator@0.9.4:
+    dependencies:
+      deep-is: 0.1.4
+      fast-levenshtein: 2.0.6
+      levn: 0.4.1
+      prelude-ls: 1.2.1
+      type-check: 0.4.0
+      word-wrap: 1.2.5
+
+  oxc-transform-react@0.145.0:
+    optionalDependencies:
+      '@oxc-transform-react/binding-android-arm-eabi': 0.145.0
+      '@oxc-transform-react/binding-android-arm64': 0.145.0
+      '@oxc-transform-react/binding-darwin-arm64': 0.145.0
+      '@oxc-transform-react/binding-darwin-x64': 0.145.0
+      '@oxc-transform-react/binding-freebsd-x64': 0.145.0
+      '@oxc-transform-react/binding-linux-arm-gnueabihf': 0.145.0
+      '@oxc-transform-react/binding-linux-arm-musleabihf': 0.145.0
+      '@oxc-transform-react/binding-linux-arm64-gnu': 0.145.0
+      '@oxc-transform-react/binding-linux-arm64-musl': 0.145.0
+      '@oxc-transform-react/binding-linux-ppc64-gnu': 0.145.0
+      '@oxc-transform-react/binding-linux-riscv64-gnu': 0.145.0
+      '@oxc-transform-react/binding-linux-riscv64-musl': 0.145.0
+      '@oxc-transform-react/binding-linux-s390x-gnu': 0.145.0
+      '@oxc-transform-react/binding-linux-x64-gnu': 0.145.0
+      '@oxc-transform-react/binding-linux-x64-musl': 0.145.0
+      '@oxc-transform-react/binding-openharmony-arm64': 0.145.0
+      '@oxc-transform-react/binding-win32-arm64-msvc': 0.145.0
+      '@oxc-transform-react/binding-win32-ia32-msvc': 0.145.0
+      '@oxc-transform-react/binding-win32-x64-msvc': 0.145.0
+
+  oxfmt@0.71.0:
+    dependencies:
+      tinypool: 2.2.0
+    optionalDependencies:
+      '@oxfmt/binding-android-arm-eabi': 0.71.0
+      '@oxfmt/binding-android-arm64': 0.71.0
+      '@oxfmt/binding-darwin-arm64': 0.71.0
+      '@oxfmt/binding-darwin-x64': 0.71.0
+      '@oxfmt/binding-freebsd-x64': 0.71.0
+      '@oxfmt/binding-linux-arm-gnueabihf': 0.71.0
+      '@oxfmt/binding-linux-arm-musleabihf': 0.71.0
+      '@oxfmt/binding-linux-arm64-gnu': 0.71.0
+      '@oxfmt/binding-linux-arm64-musl': 0.71.0
+      '@oxfmt/binding-linux-ppc64-gnu': 0.71.0
+      '@oxfmt/binding-linux-riscv64-gnu': 0.71.0
+      '@oxfmt/binding-linux-riscv64-musl': 0.71.0
+      '@oxfmt/binding-linux-s390x-gnu': 0.71.0
+      '@oxfmt/binding-linux-x64-gnu': 0.71.0
+      '@oxfmt/binding-linux-x64-musl': 0.71.0
+      '@oxfmt/binding-openharmony-arm64': 0.71.0
+      '@oxfmt/binding-win32-arm64-msvc': 0.71.0
+      '@oxfmt/binding-win32-ia32-msvc': 0.71.0
+      '@oxfmt/binding-win32-x64-msvc': 0.71.0
+
+  oxlint-tsgolint@7.0.2003:
+    optionalDependencies:
+      '@oxlint-tsgolint/darwin-arm64': 7.0.2003
+      '@oxlint-tsgolint/darwin-x64': 7.0.2003
+      '@oxlint-tsgolint/linux-arm64': 7.0.2003
+      '@oxlint-tsgolint/linux-x64': 7.0.2003
+      '@oxlint-tsgolint/win32-arm64': 7.0.2003
+      '@oxlint-tsgolint/win32-x64': 7.0.2003
+
+  oxlint@1.86.0(oxlint-tsgolint@7.0.2003):
+    optionalDependencies:
+      '@oxlint/binding-android-arm-eabi': 1.86.0
+      '@oxlint/binding-android-arm64': 1.86.0
+      '@oxlint/binding-darwin-arm64': 1.86.0
+      '@oxlint/binding-darwin-x64': 1.86.0
+      '@oxlint/binding-freebsd-x64': 1.86.0
+      '@oxlint/binding-linux-arm-gnueabihf': 1.86.0
+      '@oxlint/binding-linux-arm-musleabihf': 1.86.0
+      '@oxlint/binding-linux-arm64-gnu': 1.86.0
+      '@oxlint/binding-linux-arm64-musl': 1.86.0
+      '@oxlint/binding-linux-ppc64-gnu': 1.86.0
+      '@oxlint/binding-linux-riscv64-gnu': 1.86.0
+      '@oxlint/binding-linux-riscv64-musl': 1.86.0
+      '@oxlint/binding-linux-s390x-gnu': 1.86.0
+      '@oxlint/binding-linux-x64-gnu': 1.86.0
+      '@oxlint/binding-linux-x64-musl': 1.86.0
+      '@oxlint/binding-openharmony-arm64': 1.86.0
+      '@oxlint/binding-win32-arm64-msvc': 1.86.0
+      '@oxlint/binding-win32-ia32-msvc': 1.86.0
+      '@oxlint/binding-win32-x64-msvc': 1.86.0
+      oxlint-tsgolint: 7.0.2003
+
+  p-limit@3.1.0:
+    dependencies:
+      yocto-queue: 0.1.0
+
+  p-locate@5.0.0:
+    dependencies:
+      p-limit: 3.1.0
+
+  path-exists@4.0.0: {}
+
+  path-key@3.1.1: {}
+
+  pathe@2.0.3: {}
+
+  patronum@2.3.0(effector@23.4.4):
+    dependencies:
+      effector: 23.4.4
+
+  picocolors@1.1.1: {}
+
+  picomatch@2.3.2: {}
+
+  picomatch@4.0.7: {}
+
+  playwright-core@1.63.0: {}
+
+  playwright@1.63.0:
+    dependencies:
+      playwright-core: 1.63.0
+
+  pluralize@8.0.0: {}
+
+  pngjs@7.0.0: {}
+
+  postcss@8.5.28:
+    dependencies:
+      nanoid: 3.3.19
+      picocolors: 1.1.1
+      source-map-js: 1.2.2
+
+  prelude-ls@1.2.1: {}
+
+  prexit@2.3.0: {}
+
+  punycode@2.3.1: {}
+
+  qified@0.10.1:
+    dependencies:
+      hookified: 2.2.0
+
+  queue-microtask@1.2.3: {}
+
+  react-dom@19.3.0(react@19.3.0):
+    dependencies:
+      react: 19.3.0
+      scheduler: 0.28.0
+
+  react@19.3.0: {}
+
+  readdirp@4.1.2: {}
+
+  require-directory@2.1.1: {}
+
+  reusify@1.1.0: {}
+
+  rolldown@1.2.12:
+    dependencies:
+      '@oxc-project/types': 0.152.0
+      '@rolldown/pluginutils': 1.0.1
+    optionalDependencies:
+      '@rolldown/binding-android-arm-eabi': 1.2.12
+      '@rolldown/binding-android-arm64': 1.2.12
+      '@rolldown/binding-darwin-arm64': 1.2.12
+      '@rolldown/binding-darwin-x64': 1.2.12
+      '@rolldown/binding-freebsd-x64': 1.2.12
+      '@rolldown/binding-linux-arm-gnueabihf': 1.2.12
+      '@rolldown/binding-linux-arm64-gnu': 1.2.12
+      '@rolldown/binding-linux-arm64-musl': 1.2.12
+      '@rolldown/binding-linux-ppc64-gnu': 1.2.12
+      '@rolldown/binding-linux-s390x-gnu': 1.2.12
+      '@rolldown/binding-linux-x64-gnu': 1.2.12
+      '@rolldown/binding-linux-x64-musl': 1.2.12
+      '@rolldown/binding-openharmony-arm64': 1.2.12
+      '@rolldown/binding-win32-arm64-msvc': 1.2.12
+      '@rolldown/binding-win32-x64-msvc': 1.2.12
+
+  run-parallel@1.2.0:
+    dependencies:
+      queue-microtask: 1.2.3
+
+  scheduler@0.28.0: {}
+
+  semver@6.3.1: {}
+
+  shebang-command@2.0.0:
+    dependencies:
+      shebang-regex: 3.0.0
+
+  shebang-regex@3.0.0: {}
+
+  sirv@3.0.2:
+    dependencies:
+      '@polka/url': 1.0.0-next.29
+      mrmime: 2.0.1
+      totalist: 3.0.1
+
+  sisteransi@1.0.5: {}
+
+  slash@5.1.0: {}
+
+  source-map-js@1.2.2: {}
+
+  sqzer@0.3.0: {}
+
+  std-env@4.3.0: {}
+
+  steiger@0.7.0(typescript@7.0.2):
+    dependencies:
+      '@clack/prompts': 0.9.1
+      '@feature-sliced/steiger-plugin': 0.8.0(typescript@7.0.2)
+      chokidar: 4.0.3
+      cosmiconfig: 10.0.1
+      effector: 23.4.4
+      empathic: 1.1.0
+      fastest-levenshtein: 1.0.16
+      globby: 16.2.4
+      immer: 10.2.0
+      lodash-es: 4.18.1
+      micromatch: 4.0.8
+      patronum: 2.3.0(effector@23.4.4)
+      picocolors: 1.1.1
+      prexit: 2.3.0
+      vscode-languageserver: 10.1.2
+      yargs: 17.7.3
+      zod: 3.25.76
+      zod-validation-error: 3.5.4(zod@3.25.76)
+    transitivePeerDependencies:
+      - typescript
+
+  string-width@4.2.3:
+    dependencies:
+      emoji-regex: 8.0.0
+      is-fullwidth-code-point: 3.0.0
+      strip-ansi: 6.0.1
+
+  strip-ansi@6.0.1:
+    dependencies:
+      ansi-regex: 5.0.1
+
+  tinybench@6.2.0: {}
+
+  tinyexec@1.3.1: {}
+
+  tinyglobby@0.2.17:
+    dependencies:
+      fdir: 6.5.0(picomatch@4.0.7)
+      picomatch: 4.0.7
+
+  tinypool@2.2.0: {}
+
+  tinyrainbow@3.2.0: {}
+
+  to-regex-range@5.0.1:
+    dependencies:
+      is-number: 7.0.0
+
+  totalist@3.0.1: {}
+
+  tsconfck@3.1.6(typescript@7.0.2):
+    optionalDependencies:
+      typescript: 7.0.2
+
+  type-check@0.4.0:
+    dependencies:
+      prelude-ls: 1.2.1
+
+  typescript@5.9.3: {}
+
+  typescript@7.0.2:
+    optionalDependencies:
+      '@typescript/typescript-aix-ppc64': 7.0.2
+      '@typescript/typescript-darwin-arm64': 7.0.2
+      '@typescript/typescript-darwin-x64': 7.0.2
+      '@typescript/typescript-freebsd-arm64': 7.0.2
+      '@typescript/typescript-freebsd-x64': 7.0.2
+      '@typescript/typescript-linux-arm': 7.0.2
+      '@typescript/typescript-linux-arm64': 7.0.2
+      '@typescript/typescript-linux-loong64': 7.0.2
+      '@typescript/typescript-linux-mips64el': 7.0.2
+      '@typescript/typescript-linux-ppc64': 7.0.2
+      '@typescript/typescript-linux-riscv64': 7.0.2
+      '@typescript/typescript-linux-s390x': 7.0.2
+      '@typescript/typescript-linux-x64': 7.0.2
+      '@typescript/typescript-netbsd-arm64': 7.0.2
+      '@typescript/typescript-netbsd-x64': 7.0.2
+      '@typescript/typescript-openbsd-arm64': 7.0.2
+      '@typescript/typescript-openbsd-x64': 7.0.2
+      '@typescript/typescript-sunos-x64': 7.0.2
+      '@typescript/typescript-win32-arm64': 7.0.2
+      '@typescript/typescript-win32-x64': 7.0.2
+
+  undici-types@7.24.6: {}
+
+  unicorn-magic@0.4.1: {}
+
+  update-browserslist-db@1.3.3(browserslist@4.29.3):
+    dependencies:
+      browserslist: 4.29.3
+      escalade: 3.2.0
+      picocolors: 1.1.1
+
+  uri-js@4.4.1:
+    dependencies:
+      punycode: 2.3.1
+
+  use-isomorphic-layout-effect@1.2.1(@types/react@19.3.0)(react@19.3.0):
+    dependencies:
+      react: 19.3.0
+    optionalDependencies:
+      '@types/react': 19.3.0
+
+  use-sync-external-store@1.7.0(react@19.3.0):
+    dependencies:
+      react: 19.3.0
+
+  vite@8.3.2(@types/node@24.19.1):
+    dependencies:
+      lightningcss: 1.33.0
+      picomatch: 4.0.7
+      postcss: 8.5.28
+      rolldown: 1.2.12
+      tinyglobby: 0.2.17
+    optionalDependencies:
+      '@types/node': 24.19.1
+      fsevents: 2.3.3
+
+  vitest-browser-react@2.3.0(@types/react-dom@19.3.0(@types/react@19.3.0))(@types/react@19.3.0)(react-dom@19.3.0(react@19.3.0))(react@19.3.0)(vitest@5.0.3):
+    dependencies:
+      react: 19.3.0
+      react-dom: 19.3.0(react@19.3.0)
+      vitest: 5.0.3(@types/node@24.19.1)(@vitest/browser-playwright@5.0.3)(@vitest/ui@5.0.3)(vite@8.3.2(@types/node@24.19.1))
+    optionalDependencies:
+      '@types/react': 19.3.0
+      '@types/react-dom': 19.3.0(@types/react@19.3.0)
+
+  vitest@5.0.3(@types/node@24.19.1)(@vitest/browser-playwright@5.0.3)(@vitest/ui@5.0.3)(vite@8.3.2(@types/node@24.19.1)):
+    dependencies:
+      '@types/chai': 5.2.3
+      '@vitest/mocker': 5.0.3(vite@8.3.2(@types/node@24.19.1))
+      chai: 6.3.0
+      es-module-lexer: 2.3.2
+      expect-type: 1.4.0
+      magic-string: 1.4.2
+      obug: 2.2.1
+      picomatch: 4.0.7
+      std-env: 4.3.0
+      tinybench: 6.2.0
+      tinyexec: 1.3.1
+      tinyglobby: 0.2.17
+      vite: 8.3.2(@types/node@24.19.1)
+      why-is-node-running: 3.2.1
+    optionalDependencies:
+      '@types/node': 24.19.1
+      '@vitest/browser-playwright': 5.0.3(playwright@1.63.0)(vite@8.3.2(@types/node@24.19.1))(vitest@5.0.3)
+      '@vitest/ui': 5.0.3(vitest@5.0.3)
+    transitivePeerDependencies:
+      - msw
+
+  vscode-jsonrpc@9.0.3: {}
+
+  vscode-languageserver-protocol@3.18.4:
+    dependencies:
+      vscode-jsonrpc: 9.0.3
+      vscode-languageserver-types: 3.18.4
+
+  vscode-languageserver-types@3.18.4: {}
+
+  vscode-languageserver@10.1.2:
+    dependencies:
+      vscode-languageserver-protocol: 3.18.4
+
+  web-tree-sitter@0.26.13: {}
+
+  which@2.0.2:
+    dependencies:
+      isexe: 2.0.0
+
+  why-is-node-running@3.2.1: {}
+
+  word-wrap@1.2.5: {}
+
+  wrap-ansi@7.0.0:
+    dependencies:
+      ansi-styles: 4.3.0
+      string-width: 4.2.3
+      strip-ansi: 6.0.1
+
+  ws@8.22.0: {}
+
+  xstate@5.33.2: {}
+
+  y18n@5.0.8: {}
+
+  yallist@3.1.1: {}
+
+  yargs-parser@21.1.1: {}
+
+  yargs@17.7.3:
+    dependencies:
+      cliui: 8.0.1
+      escalade: 3.2.0
+      get-caller-file: 2.0.5
+      require-directory: 2.1.1
+      string-width: 4.2.3
+      y18n: 5.0.8
+      yargs-parser: 21.1.1
+
+  yocto-queue@0.1.0: {}
+
+  zod-validation-error@3.5.4(zod@3.25.76):
+    dependencies:
+      zod: 3.25.76
+
+  zod-validation-error@4.0.2(zod@4.6.5):
+    dependencies:
+      zod: 4.6.5
+
+  zod@3.25.76: {}
+
+  zod@4.6.5: {}
diff --git a/site/index.html b/site/index.html
deleted file mode 100644
index c9da8da..0000000
--- a/site/index.html
+++ /dev/null
@@ -1,61 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<meta name="color-scheme" content="light dark">
-<!-- The page talks to its own origin and to jsDelivr, where the package is. Nothing else. -->
-<meta http-equiv="Content-Security-Policy" content="default-src 'none'; script-src 'self' https://cdn.jsdelivr.net 'wasm-unsafe-eval'; worker-src 'self'; connect-src 'self' https://cdn.jsdelivr.net; img-src 'self' blob:; style-src 'self'; base-uri 'none'; form-action 'none'">
-<title>sqzer</title>
-<meta name="description" content="Drop an image, get a smaller one that looks the same. Runs in the browser, nothing is uploaded.">
-<link rel="stylesheet" href="style.css">
-<script type="module" src="main.js"></script>
-</head>
-<body>
-<header>
-  <h1>sqzer</h1>
-  <p>Drop an image, get a smaller one that looks the same. It is encoded in this tab: nothing is uploaded.</p>
-</header>
-
-<main>
-  <label id="drop" for="file">
-    <span>Drop an image here, paste one, or choose a file.</span>
-    <input id="file" type="file">
-  </label>
-
-  <form id="options">
-    <label>Format
-      <select id="format" name="format">
-        <option value="auto">chosen per image</option>
-      </select>
-    </label>
-    <fieldset id="how">
-      <legend>Quality</legend>
-      <label><input type="radio" name="mode" value="target" checked> score
-        <input id="target" name="target" type="number" min="0" max="100" step="1" value="70" aria-label="SSIMULACRA2 score to search for"></label>
-      <label><input type="radio" name="mode" value="quality"> fixed
-        <input id="quality" name="quality" type="number" min="0" max="100" step="1" value="80" aria-label="Encoder quality, no search"></label>
-    </fieldset>
-    <label>Width
-      <input id="width" name="width" type="number" min="1" step="1" placeholder="original" inputmode="numeric">
-    </label>
-  </form>
-
-  <p id="status" role="status" aria-live="polite">Loading the encoder.</p>
-
-  <section id="result" hidden aria-label="Result">
-    <div id="compare">
-      <img id="before" alt="The image as it was dropped">
-      <img id="after" alt="The image as sqzer encoded it" hidden>
-      <input id="split" type="range" min="0" max="100" value="50" aria-label="Before on the left, after on the right">
-    </div>
-    <pre id="summary"></pre>
-    <a id="download" hidden>Download</a>
-  </section>
-</main>
-
-<footer>
-  <p><a href="https://github.com/sqzer-dev/sqzer">sqzer</a> as a command line and a Rust library, <a href="https://www.npmjs.com/package/sqzer"><code>sqzer</code> on npm</a><span id="version"></span>, <a href="https://github.com/sqzer-dev/sqzer.dev">this page</a>. No analytics, no error reporting.</p>
-</footer>
-</body>
-</html>
diff --git a/site/main.js b/site/main.js
deleted file mode 100644
index 6e809c1..0000000
--- a/site/main.js
+++ /dev/null
@@ -1,372 +0,0 @@
-// The page: takes a file, keeps the worker in step with the file and the
-// controls, and shows what comes back. Every call into `sqzer` is in `worker.js`.
-
-// The package's default `maxPixels`, for the one image the page draws itself.
-const MAX_PIXELS = 24_000_000;
-// How long an encode already running may take to finish before it is thrown away.
-const PATIENCE_MS = 300;
-
-const $ = (id) => document.getElementById(id);
-const form = $("options");
-const status = $("status");
-
-let worker;
-let codecs = [];
-// The file on the page, as `take` makes it.
-let input = null;
-// The newest request, { job, options }, and the job the worker is busy with.
-let wanted = null;
-let running = null;
-let started = 0;
-let patience = 0;
-let ids = 0;
-let jobs = 0;
-let shown = null;
-
-function spawn() {
-  const made = new Worker("worker.js", { type: "module" });
-  // a worker that was ended may still have messages on their way
-  made.onmessage = ({ data }) => {
-    if (made === worker) on[data.type]?.(data);
-  };
-  made.onerror = (e) => {
-    e.preventDefault();
-    fail(`The encoder could not start: ${e.message ?? "this browser has no module workers"}.`);
-  };
-  worker = made;
-}
-
-// The package is synchronous: a search cannot be interrupted from outside.
-// The only way to stop one is to end its worker and start another.
-function restart() {
-  worker.terminate();
-  spawn();
-  running = null;
-  if (!input) return;
-  input.info = null;
-  if (input.preview === "asked") input.preview = "wanted";
-  if (wanted) start();
-}
-
-function say(text) {
-  status.textContent = text;
-  status.classList.remove("failed");
-}
-
-function fail(text) {
-  // a browser's own message may end in a full stop already
-  status.textContent = text.replace(/\.+$/, ".");
-  status.classList.add("failed");
-}
-
-// `673 B`, `45.6 KB`, `1.2 MB`, as the command line prints them.
-function bytes(n) {
-  if (n < 1000) return `${n} B`;
-  if (n < 1e6) return `${(n / 1e3).toFixed(1)} KB`;
-  return `${(n / 1e6).toFixed(1)} MB`;
-}
-
-function change(before, after) {
-  const percent = Math.round((after / before - 1) * 100);
-  return `${percent > 0 ? "+" : ""}${percent}%`;
-}
-
-const codec = (format) => codecs.find((c) => c.format === format);
-
-// What the controls say, as the options of the package. It validates them.
-function options() {
-  const data = new FormData(form);
-  const out = {};
-  const format = data.get("format");
-  if (format !== "auto") out.format = format;
-  if (lossy(format)) {
-    const mode = data.get("mode");
-    const value = data.get(mode);
-    if (value !== "") out[mode] = Number(value);
-  }
-  const width = data.get("width");
-  if (width !== "") out.width = Number(width);
-  return out;
-}
-
-// Whether quality means anything for `format`. An encoder that is lossless
-// only (PNG, and WebP in this build) takes no target and no quality.
-function lossy(format) {
-  return format === "auto" || codec(format)?.encoder?.lossy !== false;
-}
-
-function isSvg(buffer) {
-  const head = new TextDecoder().decode(new Uint8Array(buffer, 0, Math.min(buffer.byteLength, 4096)));
-  return /<svg[\s>/]/.test(head);
-}
-
-async function load(blob) {
-  const url = URL.createObjectURL(blob);
-  try {
-    const img = new Image();
-    img.src = url;
-    await img.decode();
-    return img;
-  } finally {
-    URL.revokeObjectURL(url);
-  }
-}
-
-// The input drawn by the browser, for what the package cannot decode: RGBA
-// as `fromPixels` takes it. A vector image is drawn at `width`, sharp at any
-// size; pixels are drawn at their own size and resized by the package.
-async function draw(file, width) {
-  const img = await load(new Blob([file.bytes], { type: file.type }));
-  let { naturalWidth: w, naturalHeight: h } = img;
-  if (!(w && h)) throw new Error("the browser gives no size for this image");
-  if (file.vector && width) {
-    h = Math.max(1, Math.round((h * width) / w));
-    w = width;
-  }
-  if (w * h > MAX_PIXELS) {
-    throw new Error(`${w}x${h} is over the limit of ${MAX_PIXELS / 1e6} megapixels`);
-  }
-  const canvas = document.createElement("canvas");
-  canvas.width = w;
-  canvas.height = h;
-  const context = canvas.getContext("2d", { willReadFrequently: true });
-  context.drawImage(img, 0, 0, w, h);
-  return context.getImageData(0, 0, w, h);
-}
-
-async function take(file) {
-  if (!file) return;
-  if (input?.url) URL.revokeObjectURL(input.url);
-  const buffer = await file.arrayBuffer();
-  const vector = isSvg(buffer);
-  input = {
-    id: ++ids,
-    name: file.name || "image",
-    bytes: buffer,
-    size: buffer.byteLength,
-    type: vector ? "image/svg+xml" : file.type,
-    vector,
-    // drawn on the page instead of decoded in the worker
-    canvas: vector,
-    // what the worker holds: `decoded` fills it in
-    info: null,
-    // the width a vector image was last drawn at
-    drawn: null,
-    // null, "wanted", "asked" or "shown": the worker's rendering as "before"
-    preview: null,
-    url: "",
-  };
-  input.url = URL.createObjectURL(new Blob([buffer], { type: input.type }));
-  show(null);
-  $("compare").style.width = "";
-  $("compare").style.aspectRatio = "";
-  $("before").src = input.url;
-  $("result").hidden = false;
-  // whatever the worker is encoding is for the image that just left
-  wanted = null;
-  if (running !== null) restart();
-  sync();
-}
-
-// Bring the worker up to date with the file and the controls.
-function sync() {
-  if (!input) return;
-  wanted = { job: ++jobs, options: options() };
-  if (running === null) return start();
-  clearTimeout(patience);
-  patience = setTimeout(restart, PATIENCE_MS);
-}
-
-async function start() {
-  clearTimeout(patience);
-  const { job, options } = wanted;
-  const file = input;
-  running = job;
-  started = performance.now();
-  // a width the package will refuse is not one to draw at
-  const width = file.vector && Number.isInteger(options.width) && options.width > 0 ? options.width : 0;
-  if (!file.info || (file.canvas && file.drawn !== width)) {
-    // `decoded` comes back here
-    say(`Reading ${file.name}.`);
-    file.info = null;
-    if (!file.canvas) {
-      worker.postMessage({ type: "decode", id: file.id, bytes: file.bytes });
-      return;
-    }
-    try {
-      const { data, width: w, height: h } = await draw(file, width);
-      if (running !== job || input !== file) return;
-      file.drawn = width;
-      worker.postMessage({ type: "pixels", id: file.id, rgba: data.buffer, width: w, height: h }, [data.buffer]);
-    } catch (e) {
-      if (running !== job || input !== file) return;
-      running = null;
-      fail(file.unreadable ? `${file.unreadable}.` : `The browser could not read this image: ${e.message}.`);
-    }
-    return;
-  }
-  if (file.preview === "wanted") {
-    file.preview = "asked";
-    worker.postMessage({ type: "preview", id: file.id });
-  }
-  say("Encoding.");
-  worker.postMessage({ type: "encode", id: file.id, job, options });
-}
-
-// The stem of the input's name with the extension of the output.
-function rename(name, extension) {
-  return `${name.replace(/\.[^./\\]*$/, "")}.${extension}`;
-}
-
-// Put `result` on the page, or clear it with `null`.
-function show(result) {
-  if (shown) URL.revokeObjectURL(shown);
-  shown = null;
-  const after = $("after");
-  const download = $("download");
-  after.hidden = !result;
-  if (!result) {
-    after.removeAttribute("src");
-    download.hidden = true;
-    $("summary").textContent = "";
-    return;
-  }
-  const { format, backend, bytes: data, outputWidth, outputHeight, width, height } = result;
-  const { mime, extension } = codec(format);
-  const name = rename(input.name, extension);
-  shown = URL.createObjectURL(new Blob([data], { type: mime }));
-  after.src = shown;
-  $("compare").style.aspectRatio = `${outputWidth} / ${outputHeight}`;
-  $("compare").style.width = `${outputWidth}px`;
-  download.href = shown;
-  download.download = name;
-  download.textContent = `Download ${name}`;
-  download.hidden = false;
-
-  // the line the command line prints for a file, then what it leaves to `--json`
-  const how = result.lossless
-    ? "lossless"
-    : `q${result.quality}${result.score === undefined ? "" : ` s${result.score.toFixed(1)}`}`;
-  const lines = [
-    `${input.name} -> ${name}  ${bytes(input.size)} -> ${bytes(data.length)}  ${change(input.size, data.length)}  ${format} ${how}`,
-    `${width}x${height}${outputWidth === width && outputHeight === height ? "" : ` -> ${outputWidth}x${outputHeight}`}  ${result.content}  ${result.inputFormat ?? "drawn by the browser"} -> ${format} (${backend})`,
-  ];
-  if (result.trials?.length) {
-    const reached = result.reached ? "reached" : "not reached";
-    const count = result.trials.length === 1 ? "1 trial" : `${result.trials.length} trials`;
-    lines.push(`target ${result.target} ${reached} in ${count}: ${result.trials.map((t) => `q${t.quality} s${t.score.toFixed(1)}`).join(", ")}`);
-  }
-  $("summary").textContent = lines.join("\n");
-}
-
-const on = {
-  ready({ version, codecs: list }) {
-    codecs = list;
-    $("version").textContent = ` ${version}`;
-    const select = $("format");
-    if (select.options.length === 1) {
-      for (const { format, encoder } of list) {
-        if (!encoder) continue;
-        const only = encoder.lossy ? "" : ", lossless";
-        select.add(new Option(`${format.toUpperCase()}${only} (${encoder.backend})`, format));
-      }
-    }
-    if (!input) say("Ready.");
-  },
-
-  decoded({ id, ...info }) {
-    if (id !== input?.id) return;
-    input.info = info;
-    if (!shown) {
-      $("compare").style.aspectRatio = `${info.width} / ${info.height}`;
-      $("compare").style.width = `${info.width}px`;
-    }
-    start();
-  },
-
-  trial({ id, job, n, max, quality, score }) {
-    if (id !== input?.id || job !== wanted?.job) return;
-    say(`Encoding: trial ${n} of at most ${max}, quality ${quality} scores ${score.toFixed(1)}.`);
-  },
-
-  encoded({ id, job, result }) {
-    if (id !== input?.id) return;
-    running = null;
-    // the controls moved while this one ran
-    if (job !== wanted.job) return start();
-    show(result);
-    say(`Done in ${((performance.now() - started) / 1000).toFixed(1)} s.`);
-  },
-
-  previewed({ id, bytes: data }) {
-    if (id !== input?.id) return;
-    URL.revokeObjectURL(input.url);
-    input.url = URL.createObjectURL(new Blob([data], { type: "image/webp" }));
-    input.preview = "shown";
-    $("before").src = input.url;
-  },
-
-  error({ id, job, stage, kind, message }) {
-    if (stage === "load") return fail(`The encoder could not load: ${message}.`);
-    if (id !== input?.id) return;
-    if (stage === "preview") return;
-    // the package has no decoder and the worker's canvas had none either:
-    // the page's own `<img>` is the last one to ask
-    if (stage === "decode" && kind === "DecoderUnavailable" && !input.canvas) {
-      input.canvas = true;
-      input.unreadable = message;
-      return start();
-    }
-    running = null;
-    if (stage === "encode" && job !== wanted.job) return start();
-    show(null);
-    fail(`${message}.`);
-  },
-};
-
-// An image the browser cannot show itself, a TIFF say, is shown as the worker decoded it.
-$("before").addEventListener("error", () => {
-  if (!input || input.preview) return;
-  input.preview = "wanted";
-  if (input.info) {
-    input.preview = "asked";
-    worker.postMessage({ type: "preview", id: input.id });
-  }
-});
-
-$("file").addEventListener("change", (e) => take(e.target.files[0]));
-
-addEventListener("paste", (e) => {
-  const file = e.clipboardData?.files[0];
-  if (!file) return;
-  e.preventDefault();
-  take(file);
-});
-
-addEventListener("dragover", (e) => {
-  e.preventDefault();
-  document.body.classList.add("dragging");
-});
-addEventListener("dragleave", (e) => {
-  // leaving the window, not moving from one element to the next
-  if (!e.relatedTarget) document.body.classList.remove("dragging");
-});
-addEventListener("drop", (e) => {
-  e.preventDefault();
-  document.body.classList.remove("dragging");
-  take(e.dataTransfer.files[0]);
-});
-
-let typing = 0;
-form.addEventListener("input", () => {
-  $("how").disabled = !lossy($("format").value);
-  clearTimeout(typing);
-  typing = setTimeout(sync, 250);
-});
-form.addEventListener("submit", (e) => e.preventDefault());
-
-$("split").addEventListener("input", (e) => {
-  $("compare").style.setProperty("--split", `${e.target.value}%`);
-});
-
-spawn();
diff --git a/site/package.json b/site/package.json
deleted file mode 100644
index b812c5f..0000000
--- a/site/package.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "name": "sqzer.dev",
-  "private": true,
-  "description": "The page at sqzer.dev. `worker.js` reads the version of `sqzer` from here and imports it from jsDelivr.",
-  "license": "MIT OR Apache-2.0",
-  "dependencies": {
-    "sqzer": "0.3.0"
-  }
-}
diff --git a/site/selftest/checks.js b/site/selftest/checks.js
deleted file mode 100644
index c9c784b..0000000
--- a/site/selftest/checks.js
+++ /dev/null
@@ -1,151 +0,0 @@
-// What `decodeAny` does in this browser, on the page and in a worker. The
-// package's own tests run in Node, which has no canvas, so the canvas path
-// of `decodeAny` is only ever checked here, by opening this page.
-//
-// ok     as the package documents it
-// note   differs between browsers and is allowed to: read it, do not fix it
-// FAIL   a defect, in the package or in this page
-
-const where = typeof document === "undefined" ? "worker" : "page  ";
-
-// As `../worker.js` loads it: the version of `../package.json`, from jsDelivr.
-async function load() {
-  const manifest = await (await fetch(new URL("../package.json", import.meta.url))).json();
-  const version = manifest.dependencies.sqzer;
-  const sqzer = await import(`https://cdn.jsdelivr.net/npm/sqzer@${version}/sqzer.js`);
-  await sqzer.default();
-  return { sqzer, version };
-}
-
-async function fixture(name) {
-  const response = await fetch(new URL(`fixtures/${name}`, import.meta.url));
-  return new Uint8Array(await response.arrayBuffer());
-}
-
-export async function run(say) {
-  const { sqzer, version } = await load();
-  say(`       ${where}  sqzer ${version}, ${navigator.userAgent}`);
-
-  // Count the bitmaps `decodeAny` makes and the ones it closes. A bitmap
-  // holds decoded pixels until it is closed, so the two must agree.
-  const bitmap = globalThis.createImageBitmap;
-  let made = 0;
-  let closed = 0;
-  globalThis.createImageBitmap = async (...args) => {
-    const result = await bitmap(...args);
-    made += 1;
-    return result;
-  };
-  const close = ImageBitmap.prototype.close;
-  ImageBitmap.prototype.close = function () {
-    closed += 1;
-    return close.call(this);
-  };
-
-  // The pixels of a decoded image: through a lossless PNG and back.
-  async function pixels(image) {
-    const { bytes } = image.encode({ format: "png" });
-    const drawn = await bitmap(new Blob([bytes], { type: "image/png" }));
-    const context = new OffscreenCanvas(drawn.width, drawn.height).getContext("2d");
-    context.drawImage(drawn, 0, 0);
-    const { data, width } = context.getImageData(0, 0, drawn.width, drawn.height);
-    close.call(drawn);
-    return (x, y) => [...data.subarray((y * width + x) * 4, (y * width + x) * 4 + 3)].join(",");
-  }
-
-  // The fixtures all hold one 48 x 32 pattern, whose blue channel steps
-  // from 40 to 220 between columns 23 and 24. Drawn `scale` times larger
-  // from the vector, the step stays one pixel wide; scaled up from a 48
-  // pixel bitmap, it smears.
-  async function sharp(image, scale) {
-    const at = await pixels(image);
-    const y = 5 * scale;
-    const left = at(24 * scale - 1, y).split(",")[2];
-    const right = at(24 * scale, y).split(",")[2];
-    return left === "40" && right === "220" ? null : `blue is ${left} then ${right} across the edge, not 40 then 220`;
-  }
-
-  // One call of `decodeAny`, described: { image } or { kind, message }.
-  async function decode(bytes, options) {
-    try {
-      return { image: await sqzer.decodeAny(bytes, options) };
-    } catch (e) {
-      return { kind: e?.kind ?? "not a SqzerError", message: String(e?.message ?? e) };
-    }
-  }
-
-  const line = (mark, name, detail) => say(`${mark.padEnd(6)} ${where}  ${name}: ${detail}`);
-  const size = (image) => `${image.width}x${image.height}`;
-
-  const jpeg = await fixture("pattern-rgb.jpg");
-  const svg = await fixture("pattern-rgb.svg");
-  const heic = await fixture("pattern-rgb.heic");
-
-  // 1. the package's own decoder comes first: no bitmap for a JPEG
-  {
-    const { image, kind, message } = await decode(jpeg);
-    if (!image) line("FAIL", "jpeg", `${kind}: ${message}`);
-    else {
-      const fine = image.format === "jpeg" && size(image) === "48x32" && made === 0;
-      line(fine ? "ok" : "FAIL", "jpeg", `${size(image)}, format ${image.format}, ${made} bitmaps made`);
-      image.free();
-    }
-  }
-
-  // 2. SVG at its own size
-  let svgWorks = false;
-  {
-    const { image, kind, message } = await decode(svg);
-    if (image) {
-      svgWorks = true;
-      const blur = size(image) === "48x32" && image.format === "svg" ? await sharp(image, 1) : "wrong size or format";
-      line(blur ? "FAIL" : "ok", "svg", `${size(image)}, format ${image.format}${blur ? `, ${blur}` : ""}`);
-      image.free();
-    } else if (kind === "DecoderUnavailable" && where === "worker") {
-      line("note", "svg", `not in a worker here: ${message}`);
-    } else {
-      line("FAIL", "svg", `${kind}: ${message}`);
-    }
-  }
-
-  // 3. SVG drawn to fit a width: on the page from the vector, in a worker from a bitmap
-  if (svgWorks) {
-    const { image, kind, message } = await decode(svg, { width: 480 });
-    if (!image) line("FAIL", "svg at width 480", `${kind}: ${message}`);
-    else {
-      const blur = size(image) === "480x320" ? await sharp(image, 10) : "wrong size";
-      if (!blur) line("ok", "svg at width 480", `${size(image)}, sharp`);
-      else if (where === "worker" && size(image) === "480x320") line("note", "svg at width 480", `${size(image)}, scaled from a bitmap: ${blur}`);
-      else line("FAIL", "svg at width 480", `${size(image)}, ${blur}`);
-      image.free();
-    }
-  }
-
-  // 4. an image over the limit is refused, and its bitmap closed
-  if (svgWorks) {
-    const { image, kind, message } = await decode(svg, { maxPixels: 1000 });
-    image?.free();
-    line(kind === "TooLarge" ? "ok" : "FAIL", "svg over maxPixels", image ? "was decoded" : `${kind}: ${message}`);
-  }
-
-  // 5. HEIC: Safari decodes it, nothing else does
-  {
-    const before = made;
-    const { image, kind, message } = await decode(heic);
-    if (image) {
-      const right = size(image) === "48x32" && image.format === "heic";
-      line(right ? "ok" : "FAIL", "heic", `${size(image)}, format ${image.format}, ${made - before} bitmaps made`);
-      image.free();
-      const refused = await decode(heic, { maxPixels: 1000 });
-      refused.image?.free();
-      line(refused.kind === "TooLarge" ? "ok" : "FAIL", "heic over maxPixels", refused.image ? "was decoded" : `${refused.kind}: ${refused.message}`);
-    } else if (kind === "DecoderUnavailable") {
-      line("note", "heic", `not in this browser: ${message}`);
-    } else {
-      line("FAIL", "heic", `${kind}: ${message}`);
-    }
-  }
-
-  // 6. every bitmap made was closed, the refused ones included
-  line(made === closed ? "ok" : "FAIL", "bitmaps", `${made} made, ${closed} closed`);
-}
diff --git a/site/selftest/index.html b/site/selftest/index.html
deleted file mode 100644
index 2b193b4..0000000
--- a/site/selftest/index.html
+++ /dev/null
@@ -1,33 +0,0 @@
-<!doctype html>
-<html lang="en">
-<head>
-<meta charset="utf-8">
-<meta name="viewport" content="width=device-width, initial-scale=1">
-<meta name="color-scheme" content="light dark">
-<meta name="robots" content="noindex">
-<title>sqzer: decodeAny in this browser</title>
-</head>
-<body>
-<h1><code>decodeAny</code> in this browser</h1>
-<p>What the canvas path of the <code>sqzer</code> package does here, on the page and in a worker. <code>ok</code> is as documented, <code>note</code> differs between browsers and may, <code>FAIL</code> is a defect: <a href="https://github.com/sqzer-dev/sqzer.dev/issues">report it</a> with the text below.</p>
-<pre id="out" aria-live="polite"></pre>
-<script type="module">
-  import { run } from "./checks.js";
-
-  const out = document.getElementById("out");
-  const say = (text) => out.append(`${text}\n`);
-  const failed = (who, e) => say(`FAIL   ${who}  the checks did not run: ${e?.message ?? e}`);
-
-  await run(say).catch((e) => failed("page  ", e));
-  await new Promise((done) => {
-    const worker = new Worker("worker.js", { type: "module" });
-    worker.onmessage = ({ data }) => (data === null ? done() : say(data));
-    worker.onerror = (e) => {
-      failed("worker", e);
-      done();
-    };
-  });
-  say("done");
-</script>
-</body>
-</html>
diff --git a/site/selftest/worker.js b/site/selftest/worker.js
deleted file mode 100644
index ab0bc4b..0000000
--- a/site/selftest/worker.js
+++ /dev/null
@@ -1,6 +0,0 @@
-// The checks of `checks.js` again, inside a worker.
-import { run } from "./checks.js";
-
-run((text) => postMessage(text))
-  .catch((e) => postMessage(`FAIL   worker  the checks did not run: ${e?.message ?? e}`))
-  .then(() => postMessage(null));
diff --git a/site/style.css b/site/style.css
deleted file mode 100644
index af37e25..0000000
--- a/site/style.css
+++ /dev/null
@@ -1,68 +0,0 @@
-/* A placeholder look: system colours and the system font, light and dark
-   from `color-scheme`. The design record replaces it. */
-
-:root {
-  color-scheme: light dark;
-  font: 1rem/1.5 system-ui, sans-serif;
-}
-
-body {
-  max-width: 60rem;
-  margin: 0 auto;
-  padding: 1rem;
-  background: Canvas;
-  color: CanvasText;
-}
-
-h1 { margin: 0; }
-code, pre, #status { font-family: ui-monospace, monospace; }
-
-#drop {
-  display: block;
-  padding: 2rem 1rem;
-  border: 2px dashed GrayText;
-  border-radius: 0.5rem;
-  text-align: center;
-  cursor: pointer;
-}
-#drop span { display: block; margin-bottom: 0.5rem; }
-body.dragging #drop { border-color: Highlight; }
-
-#options {
-  display: flex;
-  flex-wrap: wrap;
-  gap: 1rem 2rem;
-  align-items: end;
-  margin: 1rem 0;
-}
-#options fieldset {
-  display: flex;
-  gap: 1rem;
-  margin: 0;
-  padding: 0;
-  border: 0;
-}
-#options legend { padding: 0; }
-#options input[type="number"] { width: 5rem; }
-#options fieldset:disabled { color: GrayText; }
-
-#status { min-height: 1.5em; }
-#status.failed { color: #b00020; color: light-dark(#b00020, #ff8a80); }
-
-/* Two pictures in one cell, the second clipped at the handle. */
-#compare {
-  display: grid;
-  max-width: 100%;
-  margin: 0 auto;
-  background: repeating-conic-gradient(GrayText 0 25%, Canvas 0 50%) 0 0 / 1rem 1rem;
-}
-#compare > * { grid-area: 1 / 1; width: 100%; }
-#compare img { height: 100%; }
-#after { clip-path: inset(0 0 0 var(--split, 50%)); }
-#split {
-  align-self: end;
-  margin: 0;
-  opacity: 0.85;
-}
-
-#summary { white-space: pre-wrap; }
diff --git a/site/worker.js b/site/worker.js
deleted file mode 100644
index 4471a05..0000000
--- a/site/worker.js
+++ /dev/null
@@ -1,77 +0,0 @@
-// The worker: every call into the `sqzer` package happens here, so a search
-// that takes seconds never blocks the page. One image is held at a time.
-//
-// in   { type: "decode", id, bytes }                  a file, as an ArrayBuffer
-//      { type: "pixels", id, rgba, width, height }    RGBA the page drew itself
-//      { type: "encode", id, job, options }           options of the package
-//      { type: "preview", id, options }               the input as the browser can show it
-// out  { type: "ready", version, codecs }
-//      { type: "decoded", id, width, height, format, alpha, animated }
-//      { type: "trial", id, job, n, max, quality, score }
-//      { type: "encoded", id, job, result }
-//      { type: "previewed", id, bytes }
-//      { type: "error", id, job, stage, kind, message, availableIn }
-
-// `package.json` is the one place the version is written, and the place
-// Dependabot bumps it. Nothing is installed: the package comes from jsDelivr.
-async function load() {
-  const manifest = await fetch(new URL("package.json", import.meta.url));
-  if (!manifest.ok) throw new Error(`package.json: HTTP ${manifest.status}`);
-  const version = (await manifest.json()).dependencies.sqzer;
-  const sqzer = await import(`https://cdn.jsdelivr.net/npm/sqzer@${version}/sqzer.js`);
-  await sqzer.default();
-  postMessage({ type: "ready", version, codecs: sqzer.codecs() });
-  return sqzer;
-}
-
-const loading = load();
-let image = null;
-let held = 0;
-
-function hold(id, decoded) {
-  image?.free();
-  image = decoded;
-  held = id;
-  const { width, height, format, alpha, animated } = decoded;
-  postMessage({ type: "decoded", id, width, height, format, alpha, animated });
-}
-
-async function handle(message) {
-  const sqzer = await loading;
-  const { type, id, job } = message;
-  // a message for an image that failed to decode, or was replaced since
-  if ((type === "encode" || type === "preview") && id !== held) return;
-  try {
-    if (type === "decode") {
-      hold(id, await sqzer.decodeAny(new Uint8Array(message.bytes)));
-    } else if (type === "pixels") {
-      const { rgba, width, height } = message;
-      hold(id, sqzer.fromPixels(new Uint8ClampedArray(rgba), width, height));
-    } else if (type === "encode") {
-      const result = image.encode({
-        ...message.options,
-        onTrial: (trial) => postMessage({ type: "trial", id, job, ...trial }),
-      });
-      postMessage({ type: "encoded", id, job, result }, [result.bytes.buffer]);
-    } else if (type === "preview") {
-      // lossless, so what the page shows as "before" is what the encoder saw
-      const { bytes } = image.encode({ ...message.options, format: "webp", lossless: true });
-      postMessage({ type: "previewed", id, bytes }, [bytes.buffer]);
-    }
-  } catch (e) {
-    const { kind = "Other", message: text = String(e), availableIn } = e ?? {};
-    postMessage({ type: "error", id, job, stage: type, kind, message: text, availableIn });
-  }
-}
-
-// One message at a time, in order: `decodeAny` is asynchronous, and an
-// encode must not start before the decode it follows has finished.
-let queue = Promise.resolve();
-onmessage = ({ data }) => {
-  queue = queue.then(() => handle(data));
-};
-
-// A failed load answers every message with a rejection nobody sees, so say it once.
-loading.catch((e) => {
-  postMessage({ type: "error", stage: "load", kind: "Other", message: String(e?.message ?? e) });
-});
diff --git a/src/app/main.tsx b/src/app/main.tsx
new file mode 100644
index 0000000..87ea6ab
--- /dev/null
+++ b/src/app/main.tsx
@@ -0,0 +1,17 @@
+import { StrictMode } from 'react';
+import { createRoot } from 'react-dom/client';
+
+import { CompressPage, SearchProvider } from '@/pages/compress';
+
+import './style.css';
+
+const root = document.querySelector('#root');
+if (!root) throw new Error('index.html has no #root');
+
+createRoot(root).render(
+  <StrictMode>
+    <SearchProvider>
+      <CompressPage />
+    </SearchProvider>
+  </StrictMode>,
+);
diff --git a/src/app/style.css b/src/app/style.css
new file mode 100644
index 0000000..8c7f371
--- /dev/null
+++ b/src/app/style.css
@@ -0,0 +1,107 @@
+/* A placeholder look: system colours and the system font, light and dark
+   from `color-scheme`. The design record replaces it. */
+
+:root {
+  color-scheme: light dark;
+  font:
+    1rem/1.5 system-ui,
+    sans-serif;
+}
+
+body {
+  max-width: 60rem;
+  margin: 0 auto;
+  padding: 1rem;
+  background: Canvas;
+  color: CanvasText;
+}
+
+h1 {
+  margin: 0;
+}
+code,
+pre,
+#status {
+  font-family: ui-monospace, monospace;
+}
+
+#drop {
+  display: block;
+  padding: 2rem 1rem;
+  border: 2px dashed GrayText;
+  border-radius: 0.5rem;
+  text-align: center;
+  cursor: pointer;
+}
+#drop span {
+  display: block;
+  margin-bottom: 0.5rem;
+}
+#drop[data-dragging] {
+  border-color: Highlight;
+}
+
+#options {
+  display: flex;
+  flex-wrap: wrap;
+  gap: 1rem 2rem;
+  align-items: end;
+  margin: 1rem 0;
+}
+#options fieldset {
+  display: flex;
+  gap: 1rem;
+  margin: 0;
+  padding: 0;
+  border: 0;
+}
+#options legend {
+  padding: 0;
+}
+#options input[type='number'] {
+  width: 5rem;
+}
+#options fieldset:disabled {
+  color: GrayText;
+}
+
+/* An `<output>` is inline. The status line is a paragraph of its own. */
+#status {
+  display: block;
+  min-height: 1.5em;
+  margin: 1em 0;
+}
+#status[data-failed] {
+  color: #b00020;
+  color: light-dark(#b00020, #ff8a80);
+}
+
+/* Two pictures in one cell, the second clipped at the handle. The size is
+   the image's, once it is known. */
+#compare {
+  display: grid;
+  width: var(--width, auto);
+  max-width: 100%;
+  aspect-ratio: var(--ratio, auto);
+  margin: 0 auto;
+  background: repeating-conic-gradient(GrayText 0 25%, Canvas 0 50%) 0 0 / 1rem 1rem;
+}
+#compare > * {
+  grid-area: 1 / 1;
+  width: 100%;
+}
+#compare img {
+  height: 100%;
+}
+#after {
+  clip-path: inset(0 0 0 var(--split, 50%));
+}
+#split {
+  align-self: end;
+  margin: 0;
+  opacity: 0.85;
+}
+
+#summary {
+  white-space: pre-wrap;
+}
diff --git a/src/pages/compress/index.ts b/src/pages/compress/index.ts
new file mode 100644
index 0000000..6953c6e
--- /dev/null
+++ b/src/pages/compress/index.ts
@@ -0,0 +1,2 @@
+export { SearchProvider } from './model/context';
+export { CompressPage } from './ui/compress-page';
diff --git a/src/pages/compress/lib/codec.ts b/src/pages/compress/lib/codec.ts
new file mode 100644
index 0000000..2bf45c3
--- /dev/null
+++ b/src/pages/compress/lib/codec.ts
@@ -0,0 +1,16 @@
+import type { Codec } from '@/shared/api';
+
+/** The entry of `codecs()` for `format`. The package lists every format it reads or writes. */
+export function codecOf(codecs: Codec[], format: string): Codec {
+  const codec = codecs.find((entry) => entry.format === format);
+  if (!codec) throw new Error(`\`codecs()\` has no entry for ${format}`);
+  return codec;
+}
+
+/**
+ * Whether quality means anything for `format`. An encoder that is lossless
+ * only (PNG, and WebP in this build) takes no target and no quality.
+ */
+export function isLossy(codecs: Codec[], format: string) {
+  return format === 'auto' || codecs.find((entry) => entry.format === format)?.encoder?.lossy !== false;
+}
diff --git a/src/pages/compress/lib/draw.ts b/src/pages/compress/lib/draw.ts
new file mode 100644
index 0000000..8baf2c0
--- /dev/null
+++ b/src/pages/compress/lib/draw.ts
@@ -0,0 +1,41 @@
+import type { Picked } from '../model/picked';
+
+// The package's default `maxPixels`, for the one image the page draws itself.
+const MAX_PIXELS = 24_000_000;
+
+async function load(blob: Blob) {
+  const url = URL.createObjectURL(blob);
+  try {
+    const img = new Image();
+    img.src = url;
+    await img.decode();
+    return img;
+  } finally {
+    URL.revokeObjectURL(url);
+  }
+}
+
+/**
+ * The image drawn by the browser, for what the package cannot decode: RGBA
+ * as `fromPixels` takes it. A vector image is drawn at `width`, sharp at any
+ * size; pixels are drawn at their own size and resized by the package.
+ */
+export async function draw(image: Picked, width: number): Promise<ImageData> {
+  const img = await load(image.blob);
+  let { naturalWidth: w, naturalHeight: h } = img;
+  if (!(w && h)) throw new Error('the browser gives no size for this image');
+  if (image.vector && width) {
+    h = Math.max(1, Math.round((h * width) / w));
+    w = width;
+  }
+  if (w * h > MAX_PIXELS) {
+    throw new Error(`${w}x${h} is over the limit of ${MAX_PIXELS / 1e6} megapixels`);
+  }
+  const canvas = document.createElement('canvas');
+  canvas.width = w;
+  canvas.height = h;
+  const context = canvas.getContext('2d', { willReadFrequently: true });
+  if (!context) throw new Error('the browser gives no canvas to draw on');
+  context.drawImage(img, 0, 0, w, h);
+  return context.getImageData(0, 0, w, h);
+}
diff --git a/src/pages/compress/lib/options-of.ts b/src/pages/compress/lib/options-of.ts
new file mode 100644
index 0000000..f809877
--- /dev/null
+++ b/src/pages/compress/lib/options-of.ts
@@ -0,0 +1,25 @@
+import type { Codec, EncodeOptions } from '@/shared/api';
+
+import { isLossy } from './codec';
+
+/** What the controls say, as the options of the package. It validates them. */
+export function optionsOf(form: HTMLFormElement, codecs: Codec[]): EncodeOptions {
+  const data = new FormData(form);
+  const field = (name: string) => {
+    const value = data.get(name);
+    return typeof value === 'string' ? value : '';
+  };
+  const options: EncodeOptions = {};
+  const format = field('format');
+  // The list comes from `codecs()`, and the package validates what it is given.
+  // oxlint-disable-next-line typescript/no-unsafe-type-assertion
+  if (format !== 'auto') options.format = format as EncodeOptions['format'];
+  if (isLossy(codecs, format)) {
+    const mode = field('mode');
+    const value = field(mode);
+    if ((mode === 'target' || mode === 'quality') && value !== '') options[mode] = Number(value);
+  }
+  const width = field('width');
+  if (width !== '') options.width = Number(width);
+  return options;
+}
diff --git a/src/pages/compress/lib/summary.ts b/src/pages/compress/lib/summary.ts
new file mode 100644
index 0000000..9bf80de
--- /dev/null
+++ b/src/pages/compress/lib/summary.ts
@@ -0,0 +1,33 @@
+import type { EncodeResult } from '../model/encode-result';
+
+// `673 B`, `45.6 KB`, `1.2 MB`, as the command line prints them.
+function bytes(n: number) {
+  if (n < 1000) return `${n} B`;
+  if (n < 1e6) return `${(n / 1e3).toFixed(1)} KB`;
+  return `${(n / 1e6).toFixed(1)} MB`;
+}
+
+function change(before: number, after: number) {
+  const percent = Math.round((after / before - 1) * 100);
+  return `${percent > 0 ? '+' : ''}${percent}%`;
+}
+
+/** The line the command line prints for a file, then what it leaves to `--json`. */
+export function summarize(source: { name: string; size: number }, { output, file }: EncodeResult) {
+  const { format, backend, width, height, outputWidth, outputHeight } = output;
+  const how = output.lossless
+    ? 'lossless'
+    : `q${output.quality}${output.score === undefined ? '' : ` s${output.score.toFixed(1)}`}`;
+  const resized = outputWidth === width && outputHeight === height ? '' : ` -> ${outputWidth}x${outputHeight}`;
+  const lines = [
+    `${source.name} -> ${file.name}  ${bytes(source.size)} -> ${bytes(file.size)}  ${change(source.size, file.size)}  ${format} ${how}`,
+    `${width}x${height}${resized}  ${output.content}  ${output.inputFormat ?? 'drawn by the browser'} -> ${format} (${backend})`,
+  ];
+  if (output.trials !== undefined && output.trials.length > 0) {
+    const reached = output.reached === true ? 'reached' : 'not reached';
+    const count = output.trials.length === 1 ? '1 trial' : `${output.trials.length} trials`;
+    const trials = output.trials.map((trial) => `q${trial.quality} s${trial.score.toFixed(1)}`).join(', ');
+    lines.push(`target ${output.target} ${reached} in ${count}: ${trials}`);
+  }
+  return lines.join('\n');
+}
diff --git a/src/pages/compress/model/context.ts b/src/pages/compress/model/context.ts
new file mode 100644
index 0000000..2da42d5
--- /dev/null
+++ b/src/pages/compress/model/context.ts
@@ -0,0 +1,12 @@
+import { createActorContext } from '@xstate/react';
+
+import { searchMachine } from './machine';
+
+const SearchContext = createActorContext(searchMachine);
+
+/** Runs the search machine for the page under it. */
+export const SearchProvider = SearchContext.Provider;
+/** A value read from the machine's snapshot. */
+export const useSearch = SearchContext.useSelector;
+/** The machine itself, to send it events. */
+export const useSearchRef = SearchContext.useActorRef;
diff --git a/src/pages/compress/model/encode-result.ts b/src/pages/compress/model/encode-result.ts
new file mode 100644
index 0000000..9ed7261
--- /dev/null
+++ b/src/pages/compress/model/encode-result.ts
@@ -0,0 +1,15 @@
+import type { Output } from '@/shared/api';
+
+export type EncodeResult = {
+  /** What the package returned: the bytes and how they were made. */
+  output: Output;
+  /** The bytes under the name and the type they are downloaded with. */
+  file: File;
+  /** How long the encode took. */
+  seconds: number;
+};
+
+/** The stem of `name` with the extension of the output. */
+export function rename(name: string, extension: string) {
+  return `${name.replace(/\.[^./\\]*$/u, '')}.${extension}`;
+}
diff --git a/src/pages/compress/model/encoder.ts b/src/pages/compress/model/encoder.ts
new file mode 100644
index 0000000..90beab4
--- /dev/null
+++ b/src/pages/compress/model/encoder.ts
@@ -0,0 +1,155 @@
+import { fromCallback } from 'xstate';
+
+import {
+  startEncoder,
+  type Codec,
+  type Decoded,
+  type EncodeOptions,
+  type Output,
+  type Reply,
+  type TrialProgress,
+} from '@/shared/api';
+
+import { codecOf } from '../lib/codec';
+import { draw } from '../lib/draw';
+import { rename, type EncodeResult } from './encode-result';
+import type { Picked } from './picked';
+
+/** Give the worker the image: decoded there, or drawn here at `width` when it is `onPage`. */
+type Read = {
+  type: 'read';
+  image: Picked;
+  onPage: boolean;
+  width: number;
+  /** The package's words for having no decoder for the image, when it said so. */
+  unreadable: string | null;
+};
+
+/** What the machine asks of the actor. */
+export type EncoderCommand =
+  | Read
+  | { type: 'encode'; options: EncodeOptions }
+  /** The image the worker holds, as a file every browser can show. */
+  | { type: 'preview' };
+
+/** What the actor tells the machine. */
+export type EncoderEvent =
+  | { type: 'ready'; version: string; codecs: Codec[] }
+  | { type: 'unreadable'; message: string }
+  /** `drawnWidth` is the width an image drawn on the page was drawn at, null for one the worker decoded. */
+  | { type: 'decoded'; decoded: Decoded; drawnWidth: number | null }
+  | { type: 'trial'; trial: TrialProgress }
+  | { type: 'previewed'; preview: Blob }
+  | { type: 'done'; result: EncodeResult }
+  /** `broken` when the worker itself failed, and has to be replaced before anything else is asked. */
+  | { type: 'failed'; message: string; broken: boolean };
+
+const reason = (thrown: unknown) => (thrown instanceof Error ? thrown.message : String(thrown));
+
+/** One worker, and what it was last asked. */
+class Session {
+  readonly #tell: (event: EncoderEvent) => void;
+  readonly #worker = startEncoder({
+    onMessage: (reply) => {
+      this.#answer(reply);
+    },
+  });
+  #stopped = false;
+  #codecs: Codec[] = [];
+  // The image the worker was last given, and the number its messages carry.
+  #id = 0;
+  #read: Read | null = null;
+  #startedAt = 0;
+
+  constructor(tell: (event: EncoderEvent) => void) {
+    this.#tell = tell;
+  }
+
+  take(command: EncoderCommand) {
+    if (command.type === 'read') {
+      this.#id += 1;
+      this.#read = command;
+      if (command.onPage) void this.#drawOnPage(command, this.#id);
+      else this.#worker.send({ type: 'decode', id: this.#id, bytes: command.image.bytes });
+    } else if (command.type === 'encode') {
+      this.#startedAt = performance.now();
+      this.#worker.send({ type: 'encode', id: this.#id, options: command.options });
+    } else {
+      this.#worker.send({ type: 'preview', id: this.#id });
+    }
+  }
+
+  end() {
+    this.#stopped = true;
+    this.#worker.terminate();
+  }
+
+  #fail(text: string, broken = false) {
+    // a browser's own message may end in a full stop already
+    this.#tell({ type: 'failed', message: text.replace(/\.+$/u, '.'), broken });
+  }
+
+  #answer(reply: Reply) {
+    const read = this.#read;
+    if (reply.type === 'ready') {
+      this.#codecs = reply.codecs;
+      this.#tell(reply);
+    } else if (reply.type === 'error' && reply.stage === 'start') {
+      this.#fail(`The encoder could not start: ${reply.message}.`, true);
+    } else if (reply.type === 'error' && reply.stage === 'load') {
+      this.#fail(`The encoder could not load: ${reply.message}.`, true);
+    } else if (reply.id !== this.#id || !read) {
+      // about an image that was replaced since
+    } else if (reply.type === 'error') {
+      if (reply.stage === 'preview') return;
+      // the package has no decoder and the worker's canvas had none
+      // either. the machine asks again, for the page's own `<img>`
+      if (reply.stage === 'decode' && reply.kind === 'DecoderUnavailable') {
+        this.#tell({ type: 'unreadable', message: reply.message });
+      } else this.#fail(`${reply.message}.`);
+    } else if (reply.type === 'decoded') {
+      this.#tell({ type: 'decoded', decoded: reply.image, drawnWidth: read.onPage ? read.width : null });
+    } else if (reply.type === 'trial') {
+      this.#tell(reply);
+    } else if (reply.type === 'previewed') {
+      this.#tell({ type: 'previewed', preview: new Blob([reply.bytes], { type: 'image/webp' }) });
+    } else {
+      this.#finish(read.image, reply.result);
+    }
+  }
+
+  #finish(image: Picked, output: Output) {
+    const { mime, extension } = codecOf(this.#codecs, output.format);
+    const file = new File([output.bytes], rename(image.name, extension), { type: mime });
+    const seconds = (performance.now() - this.#startedAt) / 1000;
+    this.#tell({ type: 'done', result: { output, file, seconds } });
+  }
+
+  async #drawOnPage({ image, width, unreadable }: Read, drawing: number) {
+    const current = () => !this.#stopped && drawing === this.#id;
+    try {
+      const { data, width: w, height: h } = await draw(image, width);
+      if (!current()) return;
+      this.#worker.send({ type: 'pixels', id: drawing, rgba: data.buffer, width: w, height: h }, [data.buffer]);
+    } catch (thrown) {
+      if (!current()) return;
+      this.#fail(unreadable === null ? `The browser could not read this image: ${reason(thrown)}.` : `${unreadable}.`);
+    }
+  }
+}
+
+/**
+ * The worker as an actor. It lives as long as the state that invoked it, and
+ * stopping it ends the worker: the only way a search is cancelled.
+ */
+export const encoder = fromCallback<EncoderCommand>(({ sendBack, receive }) => {
+  const session = new Session((event) => {
+    sendBack(event);
+  });
+  receive((command) => {
+    session.take(command);
+  });
+  return () => {
+    session.end();
+  };
+});
diff --git a/src/pages/compress/model/machine.test.ts b/src/pages/compress/model/machine.test.ts
new file mode 100644
index 0000000..73f0b0d
--- /dev/null
+++ b/src/pages/compress/model/machine.test.ts
@@ -0,0 +1,206 @@
+import { expect, test } from 'vitest';
+import { createActor, fromCallback, SimulatedClock } from 'xstate';
+
+import type { Output } from '@/shared/api';
+
+import type { EncoderCommand, EncoderEvent } from './encoder';
+import { searchMachine } from './machine';
+import type { Picked } from './picked';
+
+type StubWorker = { asked: EncoderCommand[]; ended: boolean };
+
+/** The machine over a worker that does nothing: the test plays the worker's part through `tell`. */
+function start() {
+  const workers: StubWorker[] = [];
+  const answer: { to?: (event: EncoderEvent) => void } = {};
+  const encoder = fromCallback<EncoderCommand>(({ sendBack, receive }) => {
+    const worker: StubWorker = { asked: [], ended: false };
+    workers.push(worker);
+    receive((command) => {
+      worker.asked.push(command);
+    });
+    answer.to = sendBack;
+    return () => {
+      worker.ended = true;
+    };
+  });
+  const clock = new SimulatedClock();
+  const actor = createActor(searchMachine.provide({ actors: { encoder } }), { clock });
+  actor.start();
+  return {
+    actor,
+    clock,
+    workers,
+    tell: (event: EncoderEvent) => answer.to?.(event),
+    asked: () => workers.map((worker) => worker.asked.map((command) => command.type)),
+    state: () => actor.getSnapshot().value,
+  };
+}
+
+const picked = (name: string, vector = false): Picked => ({
+  name,
+  vector,
+  bytes: new ArrayBuffer(0),
+  blob: new Blob(),
+});
+
+const decoded = (drawnWidth: number | null = null): EncoderEvent => ({
+  type: 'decoded',
+  decoded: { width: 48, height: 32, format: 'jpeg', alpha: false, animated: false },
+  drawnWidth,
+});
+
+const output: Output = {
+  bytes: new Uint8Array(1),
+  animated: false,
+  width: 48,
+  height: 32,
+  alpha: false,
+  content: 'photo',
+  format: 'avif',
+  outputWidth: 48,
+  outputHeight: 32,
+  backend: 'ravif',
+  tier: 'portable',
+  lossless: false,
+};
+const done: EncoderEvent = { type: 'done', result: { output, file: new File([], 'a.avif'), seconds: 1 } };
+
+/** A machine with `a.jpg` picked, decoded and being encoded. */
+function encoding() {
+  const search = start();
+  search.actor.send({ type: 'picked', image: picked('a.jpg'), options: { target: 70 } });
+  search.tell(decoded());
+  return search;
+}
+
+test('the worker loads before any image, and the controls get its codecs', () => {
+  const { actor, tell, workers, state } = start();
+
+  expect(workers).toHaveLength(1);
+  tell({ type: 'ready', version: '0.3.0', codecs: [] });
+  actor.send({ type: 'options', options: { target: 50 } });
+
+  expect(actor.getSnapshot().context.version).toBe('0.3.0');
+  expect(state()).toEqual({ open: 'empty' });
+});
+
+test('a picked image is read, then encoded, on the worker that is there', () => {
+  const search = encoding();
+
+  expect(search.state()).toEqual({ open: { searching: 'encoding' } });
+  search.tell(done);
+
+  expect(search.state()).toEqual({ open: 'result' });
+  expect(search.asked()).toEqual([['read', 'encode']]);
+});
+
+test('the controls moving during a search end the worker once the patience runs out', () => {
+  const search = encoding();
+  search.actor.send({ type: 'options', options: { target: 80 } });
+
+  search.clock.increment(299);
+  expect(search.workers).toHaveLength(1);
+  search.clock.increment(1);
+
+  expect(search.workers.map((worker) => worker.ended)).toEqual([true, false]);
+  expect(search.state()).toEqual({ open: { searching: 'reading' } });
+  search.tell(decoded());
+  expect(search.workers[1]?.asked.at(-1)).toEqual({ type: 'encode', options: { target: 80 } });
+});
+
+test('an encode that finishes within the patience keeps its worker, which encodes again', () => {
+  const search = encoding();
+  search.actor.send({ type: 'options', options: { target: 80 } });
+  search.tell({ type: 'trial', trial: { n: 1, max: 6, quality: 60, score: 70 } });
+  search.tell(done);
+  search.clock.increment(1000);
+
+  expect(search.asked()).toEqual([['read', 'encode', 'encode']]);
+  expect(search.actor.getSnapshot().context.trials).toEqual([]);
+  expect(search.state()).toEqual({ open: { searching: 'encoding' } });
+});
+
+test('the controls moving after a result only pay for the encode', () => {
+  const search = encoding();
+  search.tell(done);
+  search.actor.send({ type: 'options', options: { quality: 80 } });
+
+  expect(search.asked()).toEqual([['read', 'encode', 'encode']]);
+  expect(search.workers[0]?.ended).toBe(false);
+});
+
+test('another image during a search ends the worker at once', () => {
+  const search = encoding();
+  search.actor.send({ type: 'picked', image: picked('b.png'), options: {} });
+
+  expect(search.workers.map((worker) => worker.ended)).toEqual([true, false]);
+  expect(search.workers[1]?.asked[0]).toMatchObject({ type: 'read', image: { name: 'b.png' } });
+});
+
+test('another image after a result goes to the worker that is there', () => {
+  const search = encoding();
+  search.tell(done);
+  search.actor.send({ type: 'picked', image: picked('b.png'), options: {} });
+
+  expect(search.workers).toHaveLength(1);
+  expect(search.asked()).toEqual([['read', 'encode', 'read']]);
+  expect(search.actor.getSnapshot().context.result).toBeNull();
+});
+
+test('a vector image is drawn again when its width changes, and not when it stays', () => {
+  const search = start();
+  search.actor.send({ type: 'picked', image: picked('c.svg', true), options: { width: 100 } });
+  expect(search.workers[0]?.asked[0]).toMatchObject({ type: 'read', onPage: true, width: 100 });
+  search.tell(decoded(100));
+  search.tell(done);
+
+  search.actor.send({ type: 'options', options: { width: 100, quality: 50 } });
+  search.tell(done);
+  search.actor.send({ type: 'options', options: { width: 200 } });
+
+  expect(search.asked()).toEqual([['read', 'encode', 'encode', 'read']]);
+  expect(search.workers[0]?.asked.at(-1)).toMatchObject({ type: 'read', width: 200 });
+});
+
+test('an image the package cannot decode is drawn on the page', () => {
+  const search = start();
+  search.actor.send({ type: 'picked', image: picked('d.heic'), options: {} });
+  search.tell({ type: 'unreadable', message: 'no decoder for HEIC' });
+
+  expect(search.workers[0]?.asked).toHaveLength(2);
+  expect(search.workers[0]?.asked[1]).toMatchObject({ type: 'read', onPage: true, unreadable: 'no decoder for HEIC' });
+});
+
+test('an image the browser cannot show is asked for once the worker holds it', () => {
+  const search = start();
+  search.actor.send({ type: 'picked', image: picked('e.tiff'), options: {} });
+  search.actor.send({ type: 'unshowable' });
+  expect(search.asked()).toEqual([['read']]);
+
+  search.tell(decoded());
+  search.actor.send({ type: 'unshowable' });
+
+  expect(search.asked()).toEqual([['read', 'preview', 'encode']]);
+});
+
+test('a failure clears the result, and the next change of the controls searches again', () => {
+  const search = encoding();
+  search.tell(done);
+  search.actor.send({ type: 'options', options: { quality: 101 } });
+  search.tell({ type: 'failed', message: 'invalid parameters.', broken: false });
+
+  expect(search.state()).toEqual({ open: 'failed' });
+  expect(search.actor.getSnapshot().context).toMatchObject({ error: 'invalid parameters.', result: null });
+  search.actor.send({ type: 'options', options: { quality: 80 } });
+  expect(search.asked()).toEqual([['read', 'encode', 'encode', 'encode']]);
+});
+
+test('a worker that failed is replaced by the next search', () => {
+  const search = start();
+  search.tell({ type: 'failed', message: 'The encoder could not load: offline.', broken: true });
+  search.actor.send({ type: 'picked', image: picked('a.jpg'), options: {} });
+
+  expect(search.workers.map((worker) => worker.ended)).toEqual([true, false]);
+  expect(search.asked()).toEqual([[], ['read']]);
+});
diff --git a/src/pages/compress/model/machine.ts b/src/pages/compress/model/machine.ts
new file mode 100644
index 0000000..1e0311e
--- /dev/null
+++ b/src/pages/compress/model/machine.ts
@@ -0,0 +1,229 @@
+import { and, assertEvent, assign, cancel, enqueueActions, not, raise, setup } from 'xstate';
+
+import type { Codec, Decoded, EncodeOptions, TrialProgress } from '@/shared/api';
+
+import type { EncodeResult } from './encode-result';
+import { encoder, type EncoderCommand, type EncoderEvent } from './encoder';
+import type { Picked } from './picked';
+
+// How long the worker may take to finish what it is doing, once the controls
+// have moved on, before it is ended.
+const PATIENCE_MS = 300;
+
+type Context = {
+  /** The version of `sqzer`, once a worker has loaded it. */
+  version: string | null;
+  /** What `codecs()` lists. Empty until then. */
+  codecs: Codec[];
+  /** The file on the page. */
+  image: Picked | null;
+  /** What the controls said when the newest search was asked for. */
+  options: EncodeOptions;
+  /** The package's words for having no decoder for the image. The page draws it from then on. */
+  unreadable: string | null;
+  /** The worker holds the image, decoded. */
+  held: boolean;
+  /** The width an image drawn on the page was last drawn at. */
+  drawnWidth: number | null;
+  /** The controls moved while the worker was busy with what they said before. */
+  outdated: boolean;
+  /** The browser cannot show the image itself, a TIFF say. */
+  unshowable: boolean;
+  /** The worker was asked for the image in a format every browser shows. */
+  previewAsked: boolean;
+  preview: Blob | null;
+  decoded: Decoded | null;
+  /** The trials of the running search, as they land. */
+  trials: TrialProgress[];
+  result: EncodeResult | null;
+  error: string | null;
+  /** The worker itself failed. The next search starts another. */
+  broken: boolean;
+};
+
+type SearchEvent =
+  | { type: 'picked'; image: Picked; options: EncodeOptions }
+  | { type: 'options'; options: EncodeOptions }
+  | { type: 'unshowable' }
+  /** End the worker, start another and search again. */
+  | { type: 'restart' }
+  | EncoderEvent;
+
+/** Drawn by the page's own `<img>` instead of decoded in the worker. */
+const onPage = ({ image, unreadable }: Context) => image?.vector === true || unreadable !== null;
+
+/** The width to draw a vector image at. A width the package will refuse is not one to draw at. */
+function drawWidth({ image, options: { width = 0 } }: Context) {
+  return image?.vector === true && Number.isInteger(width) && width > 0 ? width : 0;
+}
+
+/**
+ * The search (ADR-0002 D10, ADR-0004). The worker lives as long as `open`
+ * and keeps the decoded image between searches, so a change of the controls
+ * only pays for the encode. A search cannot be interrupted: `restart`
+ * re-enters `open`, which ends the worker and starts another, and that is
+ * the only way an encode is cancelled.
+ */
+export const searchMachine = setup({
+  // XState reads the two types off these values and nothing else.
+  // oxlint-disable-next-line typescript/no-unsafe-type-assertion
+  types: { context: {} as Context, events: {} as SearchEvent },
+  actors: { encoder },
+  guards: {
+    hasImage: ({ context }) => context.image !== null,
+    showable: ({ context }) => !context.unshowable,
+    broken: ({ context }) => context.broken,
+    outdated: ({ context }) => context.outdated,
+    needsReading: ({ context }) => !context.held || (onPage(context) && context.drawnWidth !== drawWidth(context)),
+  },
+  actions: {
+    takeImage: assign(({ event }) => {
+      assertEvent(event, 'picked');
+      return {
+        image: event.image,
+        options: event.options,
+        unreadable: null,
+        held: false,
+        drawnWidth: null,
+        unshowable: false,
+        previewAsked: false,
+        preview: null,
+        decoded: null,
+        result: null,
+      };
+    }),
+    takeOptions: assign(({ event }) => {
+      assertEvent(event, 'options');
+      return { options: event.options };
+    }),
+    read: enqueueActions(({ context, enqueue }) => {
+      const { image, unreadable } = context;
+      if (!image) return;
+      const command: EncoderCommand = {
+        type: 'read',
+        image,
+        onPage: onPage(context),
+        width: drawWidth(context),
+        unreadable,
+      };
+      enqueue.sendTo('encoder', command);
+    }),
+    encode: enqueueActions(({ context, enqueue }) => {
+      const command: EncoderCommand = { type: 'encode', options: context.options };
+      enqueue.sendTo('encoder', command);
+    }),
+    // Only an image the worker holds can be asked for, and only once.
+    askForPreview: enqueueActions(({ context, enqueue }) => {
+      const { unshowable, preview, previewAsked, held } = context;
+      if (!unshowable || preview !== null || previewAsked || !held) return;
+      const command: EncoderCommand = { type: 'preview' };
+      enqueue.sendTo('encoder', command);
+      enqueue.assign({ previewAsked: true });
+    }),
+    restart: raise({ type: 'restart' }),
+    // What the worker is doing gets a moment to finish, then the worker is ended.
+    losePatience: raise({ type: 'restart' }, { delay: PATIENCE_MS, id: 'patience' }),
+    keepPatience: cancel('patience'),
+  },
+}).createMachine({
+  id: 'search',
+  context: {
+    version: null,
+    codecs: [],
+    image: null,
+    options: {},
+    unreadable: null,
+    held: false,
+    drawnWidth: null,
+    outdated: false,
+    unshowable: false,
+    previewAsked: false,
+    preview: null,
+    decoded: null,
+    trials: [],
+    result: null,
+    error: null,
+    broken: false,
+  },
+  initial: 'open',
+  states: {
+    open: {
+      // a new worker holds nothing and was asked for nothing
+      entry: assign({ held: false, previewAsked: false, outdated: false, broken: false }),
+      invoke: { id: 'encoder', src: 'encoder' },
+      initial: 'empty',
+      on: {
+        restart: { target: '.searching', reenter: true },
+        ready: { actions: assign(({ event }) => ({ version: event.version, codecs: event.codecs })) },
+        previewed: { actions: assign(({ event }) => ({ preview: event.preview })) },
+        // the worker is idle: it takes the new image, or the new options for the one it holds
+        picked: [
+          { guard: 'broken', actions: ['takeImage', 'restart'] },
+          { target: '.searching', actions: 'takeImage' },
+        ],
+        options: [
+          { guard: and(['hasImage', 'broken']), actions: ['takeOptions', 'restart'] },
+          { guard: 'hasImage', target: '.searching', actions: 'takeOptions' },
+        ],
+        unshowable: { guard: 'showable', actions: [assign({ unshowable: true }), 'askForPreview'] },
+        failed: {
+          target: '.failed',
+          actions: assign(({ event }) => ({ error: event.message, result: null, broken: event.broken })),
+        },
+      },
+      states: {
+        empty: {},
+        searching: {
+          initial: 'starting',
+          exit: 'keepPatience',
+          on: {
+            // the worker is busy with the image that just left
+            picked: { actions: ['takeImage', 'restart'] },
+            options: { actions: ['takeOptions', assign({ outdated: true }), 'keepPatience', 'losePatience'] },
+            // the newest options get their run, whatever came of the ones before
+            failed: { guard: 'outdated', actions: 'restart' },
+          },
+          states: {
+            starting: {
+              always: [{ guard: 'needsReading', target: 'reading' }, { target: 'encoding' }],
+            },
+            reading: {
+              entry: 'read',
+              on: {
+                decoded: {
+                  target: 'starting',
+                  actions: [
+                    'keepPatience',
+                    assign(({ event }) => ({ decoded: event.decoded, held: true, drawnWidth: event.drawnWidth })),
+                  ],
+                },
+                // the worker's canvas had no decoder either: the page's own `<img>` is the last one to ask
+                unreadable: {
+                  target: 'reading',
+                  reenter: true,
+                  actions: assign(({ event }) => ({ unreadable: event.message })),
+                },
+              },
+            },
+            encoding: {
+              entry: [assign({ trials: [], outdated: false }), 'askForPreview', 'encode'],
+              on: {
+                trial: {
+                  guard: not('outdated'),
+                  actions: assign(({ context, event }) => ({ trials: [...context.trials, event.trial] })),
+                },
+                done: [
+                  // the controls moved while this one ran
+                  { guard: 'outdated', target: 'starting', actions: 'keepPatience' },
+                  { target: '#search.open.result', actions: assign(({ event }) => ({ result: event.result })) },
+                ],
+              },
+            },
+          },
+        },
+        result: {},
+        failed: {},
+      },
+    },
+  },
+});
diff --git a/src/pages/compress/model/picked.ts b/src/pages/compress/model/picked.ts
new file mode 100644
index 0000000..a96a57c
--- /dev/null
+++ b/src/pages/compress/model/picked.ts
@@ -0,0 +1,22 @@
+/** The file on the page. */
+export type Picked = {
+  name: string;
+  /** The file as it was picked: what the worker decodes. */
+  bytes: ArrayBuffer;
+  /** The same bytes for an `<img>`, typed so the browser reads an SVG as one. */
+  blob: Blob;
+  /** Drawn on the page at the width asked for, sharp at any size. */
+  vector: boolean;
+};
+
+function isSvg(bytes: ArrayBuffer) {
+  const head = new TextDecoder().decode(new Uint8Array(bytes, 0, Math.min(bytes.byteLength, 4096)));
+  return /<svg[\s>/]/u.test(head);
+}
+
+export async function pick(file: File): Promise<Picked> {
+  const bytes = await file.arrayBuffer();
+  const vector = isSvg(bytes);
+  const blob = new Blob([bytes], { type: vector ? 'image/svg+xml' : file.type });
+  return { name: file.name || 'image', bytes, blob, vector };
+}
diff --git a/src/pages/compress/ui/comparison.tsx b/src/pages/compress/ui/comparison.tsx
new file mode 100644
index 0000000..49ea1ba
--- /dev/null
+++ b/src/pages/compress/ui/comparison.tsx
@@ -0,0 +1,50 @@
+import { useState } from 'react';
+
+import { useObjectUrl } from '@/shared/lib/object-url';
+
+import { useSearch, useSearchRef } from '../model/context';
+
+declare module 'react' {
+  // State reaches the stylesheet as custom properties (ADR-0002 D3), which React's types leave out.
+  interface CSSProperties {
+    [property: `--${string}`]: string | undefined;
+  }
+}
+
+/** The image as it was dropped and as it was encoded, in one cell, split at the handle. */
+export function Comparison() {
+  const search = useSearchRef();
+  const image = useSearch((snapshot) => snapshot.context.image);
+  const preview = useSearch((snapshot) => snapshot.context.preview);
+  const decoded = useSearch((snapshot) => snapshot.context.decoded);
+  const result = useSearch((snapshot) => snapshot.context.result);
+  const [split, setSplit] = useState(50);
+
+  // an image the browser cannot show itself, a TIFF say, is shown as the worker decoded it
+  const before = useObjectUrl<HTMLImageElement>(preview ?? image?.blob ?? null, 'src');
+  const after = useObjectUrl<HTMLImageElement>(result?.file ?? null, 'src');
+
+  // the size of the output once there is one, of the input until then
+  const size = result ? { width: result.output.outputWidth, height: result.output.outputHeight } : decoded;
+  const properties = {
+    '--split': `${split}%`,
+    '--width': size ? `${size.width}px` : undefined,
+    '--ratio': size ? `${size.width} / ${size.height}` : undefined,
+  };
+
+  return (
+    <div id="compare" style={properties}>
+      <img id="before" ref={before} alt="As it was dropped" onError={() => search.send({ type: 'unshowable' })} />
+      <img id="after" ref={after} alt="As sqzer encoded it" hidden={!result} />
+      <input
+        id="split"
+        type="range"
+        min={0}
+        max={100}
+        value={split}
+        onChange={(event) => setSplit(event.target.valueAsNumber)}
+        aria-label="Before on the left, after on the right"
+      />
+    </div>
+  );
+}
diff --git a/src/pages/compress/ui/compress-page.tsx b/src/pages/compress/ui/compress-page.tsx
new file mode 100644
index 0000000..25b80cb
--- /dev/null
+++ b/src/pages/compress/ui/compress-page.tsx
@@ -0,0 +1,70 @@
+import { useRef } from 'react';
+
+import { optionsOf } from '../lib/options-of';
+import { useSearch, useSearchRef } from '../model/context';
+import { pick } from '../model/picked';
+import { Comparison } from './comparison';
+import { ControlPanel } from './control-panel';
+import { DropZone } from './drop-zone';
+import { ResultPanel } from './result-panel';
+import { SearchStatus } from './search-status';
+
+function Footer() {
+  const version = useSearch((snapshot) => snapshot.context.version);
+
+  return (
+    <footer>
+      <p>
+        <a href="https://github.com/sqzer-dev/sqzer">sqzer</a> as a command line and a Rust library,{' '}
+        <a href="https://www.npmjs.com/package/sqzer">
+          <code>sqzer</code> on npm
+        </a>
+        {version !== null && ` ${version}`}, <a href="https://github.com/sqzer-dev/sqzer.dev">this page</a>,{' '}
+        <a href="licenses.txt">the licences of what it carries</a>. No analytics, no error reporting.
+      </p>
+    </footer>
+  );
+}
+
+export function CompressPage() {
+  const search = useSearchRef();
+  const hasImage = useSearch((snapshot) => snapshot.context.image !== null);
+  const form = useRef<HTMLFormElement>(null);
+
+  // What the controls say now. They are read when a search starts, not kept in step with it.
+  const options = () => (form.current ? optionsOf(form.current, search.getSnapshot().context.codecs) : {});
+
+  const take = async (file: File) => {
+    search.send({ type: 'picked', image: await pick(file), options: options() });
+  };
+
+  return (
+    <>
+      <header>
+        <h1>sqzer</h1>
+        <p>Drop an image, get a smaller one that looks the same. It is encoded in this tab: nothing is uploaded.</p>
+      </header>
+
+      <main>
+        <DropZone
+          onPick={(file) => {
+            void take(file);
+          }}
+        />
+        <ControlPanel
+          ref={form}
+          onChange={() => {
+            search.send({ type: 'options', options: options() });
+          }}
+        />
+        <SearchStatus />
+        <section id="result" hidden={!hasImage} aria-label="Result">
+          <Comparison />
+          <ResultPanel />
+        </section>
+      </main>
+
+      <Footer />
+    </>
+  );
+}
diff --git a/src/pages/compress/ui/control-panel.test.tsx b/src/pages/compress/ui/control-panel.test.tsx
new file mode 100644
index 0000000..0982e8f
--- /dev/null
+++ b/src/pages/compress/ui/control-panel.test.tsx
@@ -0,0 +1,87 @@
+import { createRef } from 'react';
+import { expect, test, vi } from 'vitest';
+import { render } from 'vitest-browser-react';
+import { fromCallback } from 'xstate';
+
+import type { Codec } from '@/shared/api';
+
+import { optionsOf } from '../lib/options-of';
+import { SearchProvider } from '../model/context';
+import type { EncoderCommand } from '../model/encoder';
+import { searchMachine } from '../model/machine';
+import { ControlPanel } from './control-panel';
+
+const codec = (format: string, lossy?: boolean): Codec => ({
+  format,
+  extension: format,
+  mime: `image/${format}`,
+  decoderFeatures: [],
+  encoderFeatures: [],
+  ...(lossy !== undefined && {
+    encoder: {
+      backend: `${format}-rs`,
+      tier: 'portable',
+      lossy,
+      lossless: true,
+      alpha: false,
+      animation: false,
+      exif: false,
+      xmp: false,
+      bitDepth: [8],
+      options: [],
+    },
+  }),
+});
+// what a build could list: one lossy encoder, one that is lossless only, one format it only reads
+const codecs = [codec('jpeg', true), codec('png', false), codec('tiff')];
+
+/** The controls over a worker that only says what it has. */
+async function renderPanel() {
+  const encoder = fromCallback<EncoderCommand>(({ sendBack }) => {
+    sendBack({ type: 'ready', version: '0.0.0', codecs });
+  });
+  const form = createRef<HTMLFormElement>();
+  const onChange = vi.fn<() => void>();
+  const screen = await render(
+    <SearchProvider logic={searchMachine.provide({ actors: { encoder } })}>
+      <ControlPanel ref={form} onChange={onChange} />
+    </SearchProvider>,
+  );
+  const options = () => (form.current ? optionsOf(form.current, codecs) : null);
+  return { screen, onChange, options };
+}
+
+test('the format list is what `codecs()` can write', async () => {
+  const { screen } = await renderPanel();
+
+  await expect.element(screen.getByRole('option', { name: 'JPEG (jpeg-rs)' })).toBeInTheDocument();
+  await expect.element(screen.getByRole('option', { name: 'PNG, lossless (png-rs)' })).toBeInTheDocument();
+  await expect.element(screen.getByRole('option', { name: /TIFF/u })).not.toBeInTheDocument();
+});
+
+test('the controls start at the target the page has always sent', async () => {
+  const { screen, options } = await renderPanel();
+
+  await expect.element(screen.getByRole('spinbutton', { name: 'SSIMULACRA2 score to search for' })).toHaveValue(70);
+  expect(options()).toEqual({ target: 70 });
+});
+
+test('a format that is lossless only takes no quality', async () => {
+  const { screen, onChange, options } = await renderPanel();
+  await screen.getByRole('combobox', { name: /Format/u }).selectOptions('png');
+
+  await expect.element(screen.getByRole('spinbutton', { name: 'SSIMULACRA2 score to search for' })).toBeDisabled();
+  await expect.element(screen.getByRole('spinbutton', { name: 'Encoder quality, no search' })).toBeDisabled();
+  expect(options()).toEqual({ format: 'png' });
+  // the controls rest before a search starts
+  expect(onChange).not.toHaveBeenCalled();
+  await expect.poll(() => onChange.mock.calls).toHaveLength(1);
+});
+
+test('a fixed quality and a width are sent as numbers', async () => {
+  const { screen, options } = await renderPanel();
+  await screen.getByRole('radio', { name: /fixed/u }).click();
+  await screen.getByRole('spinbutton', { name: 'Width' }).fill('1600');
+
+  expect(options()).toEqual({ quality: 80, width: 1600 });
+});
diff --git a/src/pages/compress/ui/control-panel.tsx b/src/pages/compress/ui/control-panel.tsx
new file mode 100644
index 0000000..3d5acca
--- /dev/null
+++ b/src/pages/compress/ui/control-panel.tsx
@@ -0,0 +1,92 @@
+import { useRef, useState, type Ref } from 'react';
+
+import type { Codec } from '@/shared/api';
+
+import { isLossy } from '../lib/codec';
+import { useSearch } from '../model/context';
+
+// How long the controls rest before a search starts with what they say.
+const TYPING_MS = 250;
+
+type QualityModeProps = {
+  mode: string;
+  label: string;
+  value: number;
+  hint: string;
+};
+
+/** A way to say the quality, and the number that goes with it. */
+function QualityMode({ mode, label, value, hint }: QualityModeProps) {
+  return (
+    <label>
+      <input type="radio" name="mode" value={mode} defaultChecked={mode === 'target'} /> {label}
+      <input id={mode} name={mode} type="number" min={0} max={100} step={1} defaultValue={value} aria-label={hint} />
+    </label>
+  );
+}
+
+type FormatSelectProps = {
+  codecs: Codec[];
+  format: string;
+  onSelect: (format: string) => void;
+};
+
+/** Every format the package can write, as `codecs()` lists them. */
+function FormatSelect({ codecs, format, onSelect }: FormatSelectProps) {
+  return (
+    <label>
+      Format
+      <select
+        id="format"
+        name="format"
+        value={format}
+        onChange={(event) => {
+          onSelect(event.target.value);
+        }}
+      >
+        <option value="auto">chosen per image</option>
+        {codecs.map(
+          (codec) =>
+            codec.encoder && (
+              <option key={codec.format} value={codec.format}>
+                {codec.format.toUpperCase()}
+                {codec.encoder.lossy ? '' : ', lossless'} ({codec.encoder.backend})
+              </option>
+            ),
+        )}
+      </select>
+    </label>
+  );
+}
+
+/** The controls. `onChange` is called once they have rested; `optionsOf` reads the form of `ref`. */
+export function ControlPanel({ ref, onChange }: { ref: Ref<HTMLFormElement>; onChange: () => void }) {
+  const codecs = useSearch((snapshot) => snapshot.context.codecs);
+  const [format, setFormat] = useState('auto');
+  const typing = useRef(0);
+
+  return (
+    <form
+      id="options"
+      ref={ref}
+      onInput={() => {
+        clearTimeout(typing.current);
+        typing.current = window.setTimeout(onChange, TYPING_MS);
+      }}
+      onSubmit={(event) => {
+        event.preventDefault();
+      }}
+    >
+      <FormatSelect codecs={codecs} format={format} onSelect={setFormat} />
+      <fieldset id="how" disabled={!isLossy(codecs, format)}>
+        <legend>Quality</legend>
+        <QualityMode mode="target" label="score" value={70} hint="SSIMULACRA2 score to search for" />
+        <QualityMode mode="quality" label="fixed" value={80} hint="Encoder quality, no search" />
+      </fieldset>
+      <label>
+        Width
+        <input id="width" name="width" type="number" min={1} step={1} placeholder="original" inputMode="numeric" />
+      </label>
+    </form>
+  );
+}
diff --git a/src/pages/compress/ui/drop-zone.tsx b/src/pages/compress/ui/drop-zone.tsx
new file mode 100644
index 0000000..5765543
--- /dev/null
+++ b/src/pages/compress/ui/drop-zone.tsx
@@ -0,0 +1,60 @@
+import { useEffect, useEffectEvent, useState } from 'react';
+
+/** A file pasted or dropped anywhere on the window goes to `onPick`. Says whether one is being dragged over it. */
+function useWindowFiles(onPick: (file: File) => void) {
+  const [dragging, setDragging] = useState(false);
+  const pick = useEffectEvent(onPick);
+
+  useEffect(() => {
+    const listeners = new AbortController();
+    const { signal } = listeners;
+    const paste = (event: ClipboardEvent) => {
+      const file = event.clipboardData?.files[0];
+      if (!file) return;
+      event.preventDefault();
+      pick(file);
+    };
+    const over = (event: DragEvent) => {
+      event.preventDefault();
+      setDragging(true);
+    };
+    const leave = (event: DragEvent) => {
+      // leaving the window, not moving from one element to the next
+      if (!event.relatedTarget) setDragging(false);
+    };
+    const drop = (event: DragEvent) => {
+      event.preventDefault();
+      setDragging(false);
+      const file = event.dataTransfer?.files[0];
+      if (file) pick(file);
+    };
+    addEventListener('paste', paste, { signal });
+    addEventListener('dragover', over, { signal });
+    addEventListener('dragleave', leave, { signal });
+    addEventListener('drop', drop, { signal });
+    return () => {
+      listeners.abort();
+    };
+  }, []);
+
+  return dragging;
+}
+
+/** Where a file comes in: chosen, pasted, or dropped anywhere on the window. */
+export function DropZone({ onPick }: { onPick: (file: File) => void }) {
+  const dragging = useWindowFiles(onPick);
+
+  return (
+    <label id="drop" htmlFor="file" data-dragging={dragging || undefined}>
+      <span>Drop an image here, paste one, or choose a file.</span>
+      <input
+        id="file"
+        type="file"
+        onChange={(event) => {
+          const file = event.target.files?.[0];
+          if (file) onPick(file);
+        }}
+      />
+    </label>
+  );
+}
diff --git a/src/pages/compress/ui/result-panel.tsx b/src/pages/compress/ui/result-panel.tsx
new file mode 100644
index 0000000..156b74f
--- /dev/null
+++ b/src/pages/compress/ui/result-panel.tsx
@@ -0,0 +1,23 @@
+import { useObjectUrl } from '@/shared/lib/object-url';
+
+import { summarize } from '../lib/summary';
+import { useSearch } from '../model/context';
+
+/** What was made, as the command line would print it, and the file to save, hidden until there is one. */
+export function ResultPanel() {
+  const image = useSearch((snapshot) => snapshot.context.image);
+  const result = useSearch((snapshot) => snapshot.context.result);
+  const file = result?.file ?? null;
+  const download = useObjectUrl<HTMLAnchorElement>(file, 'href');
+
+  return (
+    <>
+      <pre id="summary">{image && result && summarize({ name: image.name, size: image.bytes.byteLength }, result)}</pre>
+      {/* The `href` is an object URL, made and revoked with the element by `useObjectUrl`. */}
+      {/* oxlint-disable-next-line jsx-a11y/anchor-is-valid */}
+      <a id="download" ref={download} download={file?.name} hidden={!file}>
+        {file && `Download ${file.name}`}
+      </a>
+    </>
+  );
+}
diff --git a/src/pages/compress/ui/search-status.tsx b/src/pages/compress/ui/search-status.tsx
new file mode 100644
index 0000000..c6d0b23
--- /dev/null
+++ b/src/pages/compress/ui/search-status.tsx
@@ -0,0 +1,22 @@
+import { useSearch } from '../model/context';
+
+/** One line on where the search is. A failure is the same line, marked. */
+export function SearchStatus() {
+  const failed = useSearch((snapshot) => snapshot.matches({ open: 'failed' }));
+  const text = useSearch((snapshot) => {
+    const { version, image, trials, result, error } = snapshot.context;
+    if (snapshot.matches({ open: 'failed' })) return error;
+    if (snapshot.matches({ open: 'empty' })) return version === null ? 'Loading the encoder.' : 'Ready.';
+    if (snapshot.matches({ open: { searching: 'reading' } })) return `Reading ${image?.name}.`;
+    if (snapshot.matches({ open: 'result' })) return `Done in ${result?.seconds.toFixed(1)} s.`;
+    const trial = trials.at(-1);
+    if (!trial) return 'Encoding.';
+    return `Encoding: trial ${trial.n} of at most ${trial.max}, quality ${trial.quality} scores ${trial.score.toFixed(1)}.`;
+  });
+
+  return (
+    <output id="status" data-failed={failed || undefined}>
+      {text}
+    </output>
+  );
+}
diff --git a/src/shared/api/index.ts b/src/shared/api/index.ts
new file mode 100644
index 0000000..0cfe1ae
--- /dev/null
+++ b/src/shared/api/index.ts
@@ -0,0 +1,2 @@
+export { startEncoder, type Encoder } from './sqzer/client';
+export type { Codec, Decoded, EncodeOptions, Failure, Output, Reply, TrialProgress } from './sqzer/protocol';
diff --git a/src/shared/api/sqzer/client.ts b/src/shared/api/sqzer/client.ts
new file mode 100644
index 0000000..6bb2aa8
--- /dev/null
+++ b/src/shared/api/sqzer/client.ts
@@ -0,0 +1,43 @@
+// The page's side of the worker, and the only code that starts, ends or talks to one.
+import type { Reply, Request } from './protocol';
+
+export type Encoder = {
+  send: (request: Request, transfer?: Transferable[]) => void;
+  /** The package is synchronous: ending its worker is the only way to stop a search. */
+  terminate: () => void;
+};
+
+export function startEncoder({ onMessage }: { onMessage: (reply: Reply) => void }): Encoder {
+  const worker = new Worker(new URL('./worker.ts', import.meta.url), { type: 'module' });
+  const listeners = new AbortController();
+  const { signal } = listeners;
+
+  worker.addEventListener(
+    'message',
+    ({ data }: MessageEvent<Reply>) => {
+      onMessage(data);
+    },
+    { signal },
+  );
+  worker.addEventListener(
+    'error',
+    (event) => {
+      event.preventDefault();
+      // a script that did not load is a plain `Event`, with no message
+      const message = event.message || 'this browser has no module workers';
+      onMessage({ type: 'error', stage: 'start', kind: 'Other', message });
+    },
+    { signal },
+  );
+
+  return {
+    send(request, transfer = []) {
+      worker.postMessage(request, transfer);
+    },
+    terminate() {
+      // a worker that was ended may still have messages on their way
+      listeners.abort();
+      worker.terminate();
+    },
+  };
+}
diff --git a/src/shared/api/sqzer/decode-any.checks.ts b/src/shared/api/sqzer/decode-any.checks.ts
new file mode 100644
index 0000000..532c973
--- /dev/null
+++ b/src/shared/api/sqzer/decode-any.checks.ts
@@ -0,0 +1,168 @@
+// What `decodeAny` does in this browser, on the page and in a worker. The
+// package's own tests run in Node, which has no canvas, so the canvas path
+// of `decodeAny` is only ever checked here.
+//
+// ok     as the package documents it
+// note   differs between browsers and is allowed to: read it, do not fix it
+// FAIL   a defect, in the package or in this page
+import init, { decodeAny, type DecodeAnyOptions, type SqzerImage } from 'sqzer';
+
+export type Check = { mark: 'ok' | 'note' | 'FAIL'; name: string; detail: string };
+
+const fixtures = {
+  jpeg: new URL('../../../../tests/fixtures/pattern-rgb.jpg', import.meta.url),
+  svg: new URL('../../../../tests/fixtures/pattern-rgb.svg', import.meta.url),
+  heic: new URL('../../../../tests/fixtures/pattern-rgb.heic', import.meta.url),
+};
+
+async function fixture(url: URL) {
+  const response = await fetch(url);
+  return new Uint8Array(await response.arrayBuffer());
+}
+
+const inWorker = typeof document === 'undefined';
+const size = (image: SqzerImage) => `${image.width}x${image.height}`;
+
+// Count the bitmaps `decodeAny` makes and the ones it closes. A bitmap
+// holds decoded pixels until it is closed, so the two must agree.
+function countBitmaps() {
+  const make = globalThis.createImageBitmap;
+  // oxlint-disable-next-line typescript/unbound-method -- only ever called with a bitmap as `this`
+  const { close } = ImageBitmap.prototype;
+  const count = { made: 0, closed: 0 };
+  // `decodeAny` hands over a blob and nothing else
+  globalThis.createImageBitmap = async (source: ImageBitmapSource) => {
+    const bitmap = await make(source);
+    count.made += 1;
+    return bitmap;
+  };
+  ImageBitmap.prototype.close = function closeCounted(this: ImageBitmap) {
+    count.closed += 1;
+    close.call(this);
+  };
+  const restore = () => {
+    globalThis.createImageBitmap = make;
+    ImageBitmap.prototype.close = close;
+  };
+  return { count, make, close, restore };
+}
+
+type Bitmaps = ReturnType<typeof countBitmaps>;
+
+// The pixels of a decoded image: through a lossless PNG and back.
+async function pixels(image: SqzerImage, { make, close }: Bitmaps) {
+  const { bytes } = image.encode({ format: 'png' });
+  const drawn = await make(new Blob([new Uint8Array(bytes)], { type: 'image/png' }));
+  const context = new OffscreenCanvas(drawn.width, drawn.height).getContext('2d');
+  if (!context) throw new Error('this browser gives no canvas to read the pixels from');
+  context.drawImage(drawn, 0, 0);
+  const { data, width } = context.getImageData(0, 0, drawn.width, drawn.height);
+  close.call(drawn);
+  return (x: number, y: number) => data[(y * width + x) * 4 + 2];
+}
+
+// The fixtures all hold one 48 x 32 pattern, whose blue channel steps
+// from 40 to 220 between columns 23 and 24. Drawn `scale` times larger
+// from the vector, the step stays one pixel wide; scaled up from a 48
+// pixel bitmap, it smears.
+async function blur(image: SqzerImage, scale: number, bitmaps: Bitmaps) {
+  const blue = await pixels(image, bitmaps);
+  const left = blue(24 * scale - 1, 5 * scale);
+  const right = blue(24 * scale, 5 * scale);
+  return left === 40 && right === 220 ? null : `blue is ${left} then ${right} across the edge, not 40 then 220`;
+}
+
+// One call of `decodeAny`, described.
+async function decode(bytes: Uint8Array, options?: DecodeAnyOptions) {
+  try {
+    return { image: await decodeAny(bytes, options) };
+  } catch (thrown) {
+    const kind = thrown instanceof Error && 'kind' in thrown ? String(thrown.kind) : 'not a SqzerError';
+    return { kind, message: thrown instanceof Error ? thrown.message : String(thrown) };
+  }
+}
+
+// 1. the package's own decoder comes first: no bitmap for a JPEG
+async function jpeg({ count }: Bitmaps): Promise<Check> {
+  const { image, kind, message } = await decode(await fixture(fixtures.jpeg));
+  if (!image) return { mark: 'FAIL', name: 'jpeg', detail: `${kind}: ${message}` };
+  const fine = image.format === 'jpeg' && size(image) === '48x32' && count.made === 0;
+  const detail = `${size(image)}, format ${image.format}, ${count.made} bitmaps made`;
+  image.free();
+  return { mark: fine ? 'ok' : 'FAIL', name: 'jpeg', detail };
+}
+
+// 2. SVG at its own size
+async function svg(bytes: Uint8Array, bitmaps: Bitmaps): Promise<Check> {
+  const { image, kind, message } = await decode(bytes);
+  if (!image) {
+    const allowed = kind === 'DecoderUnavailable' && inWorker;
+    return allowed
+      ? { mark: 'note', name: 'svg', detail: `not in a worker here: ${message}` }
+      : { mark: 'FAIL', name: 'svg', detail: `${kind}: ${message}` };
+  }
+  const right = size(image) === '48x32' && image.format === 'svg';
+  const wrong = right ? await blur(image, 1, bitmaps) : 'wrong size or format';
+  const detail = `${size(image)}, format ${image.format}${wrong === null ? '' : `, ${wrong}`}`;
+  image.free();
+  return { mark: wrong === null ? 'ok' : 'FAIL', name: 'svg', detail };
+}
+
+// 3. SVG drawn to fit a width: on the page from the vector, in a worker from a bitmap
+async function svgAtWidth(bytes: Uint8Array, bitmaps: Bitmaps): Promise<Check> {
+  const name = 'svg at width 480';
+  const { image, kind, message } = await decode(bytes, { width: 480 });
+  if (!image) return { mark: 'FAIL', name, detail: `${kind}: ${message}` };
+  const sized = size(image) === '480x320';
+  const wrong = sized ? await blur(image, 10, bitmaps) : 'wrong size';
+  const detail = size(image);
+  image.free();
+  if (wrong === null) return { mark: 'ok', name, detail: `${detail}, sharp` };
+  if (inWorker && sized) return { mark: 'note', name, detail: `${detail}, scaled from a bitmap: ${wrong}` };
+  return { mark: 'FAIL', name, detail: `${detail}, ${wrong}` };
+}
+
+// 4. an image over the limit is refused, and its bitmap closed
+async function overLimit(name: string, bytes: Uint8Array): Promise<Check> {
+  const { image, kind, message } = await decode(bytes, { maxPixels: 1000 });
+  image?.free();
+  const detail = image ? 'was decoded' : `${kind}: ${message}`;
+  return { mark: kind === 'TooLarge' ? 'ok' : 'FAIL', name, detail };
+}
+
+// 5. HEIC: Safari decodes it, nothing else does
+async function heic({ count }: Bitmaps): Promise<Check[]> {
+  const bytes = await fixture(fixtures.heic);
+  const before = count.made;
+  const { image, kind, message } = await decode(bytes);
+  if (!image) {
+    return kind === 'DecoderUnavailable'
+      ? [{ mark: 'note', name: 'heic', detail: `not in this browser: ${message}` }]
+      : [{ mark: 'FAIL', name: 'heic', detail: `${kind}: ${message}` }];
+  }
+  const right = size(image) === '48x32' && image.format === 'heic';
+  const detail = `${size(image)}, format ${image.format}, ${count.made - before} bitmaps made`;
+  image.free();
+  return [{ mark: right ? 'ok' : 'FAIL', name: 'heic', detail }, await overLimit('heic over maxPixels', bytes)];
+}
+
+export async function run(): Promise<Check[]> {
+  await init();
+  const bitmaps = countBitmaps();
+  try {
+    const checks = [await jpeg(bitmaps)];
+    const vector = await fixture(fixtures.svg);
+    const atOwnSize = await svg(vector, bitmaps);
+    checks.push(atOwnSize);
+    if (atOwnSize.mark !== 'note') {
+      checks.push(await svgAtWidth(vector, bitmaps), await overLimit('svg over maxPixels', vector));
+    }
+    checks.push(...(await heic(bitmaps)));
+    // 6. every bitmap made was closed, the refused ones included
+    const { made, closed } = bitmaps.count;
+    checks.push({ mark: made === closed ? 'ok' : 'FAIL', name: 'bitmaps', detail: `${made} made, ${closed} closed` });
+    return checks;
+  } finally {
+    bitmaps.restore();
+  }
+}
diff --git a/src/shared/api/sqzer/decode-any.test.ts b/src/shared/api/sqzer/decode-any.test.ts
new file mode 100644
index 0000000..ad025b6
--- /dev/null
+++ b/src/shared/api/sqzer/decode-any.test.ts
@@ -0,0 +1,36 @@
+import { expect, test } from 'vitest';
+
+import { run, type Check } from './decode-any.checks';
+
+const failures = (checks: Check[]) => checks.filter((check) => check.mark === 'FAIL');
+
+async function runInWorker() {
+  const worker = new Worker(new URL('./decode-any.worker.ts', import.meta.url), { type: 'module' });
+  try {
+    return await new Promise<Check[]>((resolve, reject) => {
+      worker.addEventListener('message', ({ data }: MessageEvent<Check[]>) => {
+        resolve(data);
+      });
+      worker.addEventListener('error', (event) => {
+        reject(new Error(`the worker did not start: ${event.message}`));
+      });
+    });
+  } finally {
+    worker.terminate();
+  }
+}
+
+test('`decodeAny` on the page', async () => {
+  const checks = await run();
+
+  expect(failures(checks)).toEqual([]);
+  // an SVG is drawn from the vector on the page, in every browser
+  expect(checks.find((check) => check.name === 'svg at width 480')?.mark).toBe('ok');
+});
+
+test('`decodeAny` in a worker', async () => {
+  const checks = await runInWorker();
+
+  expect(failures(checks)).toEqual([]);
+  expect(checks.find((check) => check.name === 'jpeg')?.mark).toBe('ok');
+});
diff --git a/src/shared/api/sqzer/decode-any.worker.ts b/src/shared/api/sqzer/decode-any.worker.ts
new file mode 100644
index 0000000..96b668c
--- /dev/null
+++ b/src/shared/api/sqzer/decode-any.worker.ts
@@ -0,0 +1,8 @@
+// The checks of `decode-any.checks.ts` again, inside a worker.
+import { run, type Check } from './decode-any.checks';
+
+const failed = (thrown: unknown): Check[] => [
+  { mark: 'FAIL', name: 'worker', detail: `the checks did not run: ${String(thrown)}` },
+];
+
+postMessage(await run().catch(failed));
diff --git a/src/shared/api/sqzer/protocol.ts b/src/shared/api/sqzer/protocol.ts
new file mode 100644
index 0000000..9f9d5c9
--- /dev/null
+++ b/src/shared/api/sqzer/protocol.ts
@@ -0,0 +1,52 @@
+// The messages between the page and the worker. The worker holds one image
+// at a time, and every message names it by `id`: a reply for an image that
+// was replaced since is dropped by whoever reads it.
+import type { Codec, Options, Output as Encoded, SqzerError, TrialProgress } from 'sqzer';
+
+export type { Codec, TrialProgress };
+
+/** Bytes that crossed from the worker: transferred, so in a buffer of their own. */
+export type Bytes = Uint8Array<ArrayBuffer>;
+
+/** What `encode` returns, as it reaches the page. */
+export type Output = Omit<Encoded, 'bytes'> & { bytes: Bytes };
+
+/** The options of the package that can cross to the worker. `onTrial` is the worker's own. */
+export type EncodeOptions = Omit<Options, 'onTrial'>;
+
+/** What the worker says about the image it holds. */
+export type Decoded = {
+  width: number;
+  height: number;
+  /** Left out for an image the page drew itself. */
+  format: string | undefined;
+  alpha: boolean;
+  animated: boolean;
+};
+
+export type Request =
+  /** A file, as it was picked. */
+  | { type: 'decode'; id: number; bytes: ArrayBuffer }
+  /** RGBA the page drew itself. */
+  | { type: 'pixels'; id: number; rgba: ArrayBuffer; width: number; height: number }
+  | { type: 'encode'; id: number; options: EncodeOptions }
+  /** The image the worker holds, as a file every browser can show. */
+  | { type: 'preview'; id: number };
+
+export type Failure = {
+  type: 'error';
+  /** `start` and `load` come before any request and name no image, the rest name the request that failed. */
+  stage: 'start' | 'load' | Request['type'];
+  id?: number | undefined;
+  kind: SqzerError['kind'];
+  message: string;
+  availableIn?: string[] | undefined;
+};
+
+export type Reply =
+  | { type: 'ready'; version: string; codecs: Codec[] }
+  | { type: 'decoded'; id: number; image: Decoded }
+  | { type: 'trial'; id: number; trial: TrialProgress }
+  | { type: 'encoded'; id: number; result: Output }
+  | { type: 'previewed'; id: number; bytes: Bytes }
+  | Failure;
diff --git a/src/shared/api/sqzer/worker.ts b/src/shared/api/sqzer/worker.ts
new file mode 100644
index 0000000..e7f040d
--- /dev/null
+++ b/src/shared/api/sqzer/worker.ts
@@ -0,0 +1,94 @@
+// The worker: every call into the `sqzer` package happens here, so a search
+// that takes seconds never blocks the page. One image is held at a time.
+// The messages are in `protocol.ts`.
+import init, { codecs, decodeAny, fromPixels, type SqzerError, type SqzerImage } from 'sqzer';
+// The version comes from the package itself: the root `package.json` and the
+// lockfile are the only places it is written.
+import { version } from 'sqzer/package.json';
+
+import type { Bytes, Failure, Reply, Request } from './protocol';
+
+function post(reply: Reply, transfer: Transferable[] = []) {
+  postMessage(reply, { transfer });
+}
+
+// The package copies its output out of the module's memory, into a buffer that can be transferred.
+function own(bytes: Uint8Array): Bytes {
+  const { buffer, byteOffset, byteLength } = bytes;
+  if (!(buffer instanceof ArrayBuffer)) throw new TypeError('the package returned bytes in a shared buffer');
+  return new Uint8Array(buffer, byteOffset, byteLength);
+}
+
+async function load() {
+  await init();
+  post({ type: 'ready', version, codecs: codecs() });
+}
+
+// The listener below has to be there before the first message, so the load is not awaited here.
+// oxlint-disable-next-line unicorn/prefer-top-level-await
+const loading = load();
+let image: SqzerImage | null = null;
+let held = 0;
+
+function hold(id: number, decoded: SqzerImage) {
+  image?.free();
+  image = decoded;
+  held = id;
+  const { width, height, format, alpha, animated } = decoded;
+  post({ type: 'decoded', id, image: { width, height, format, alpha, animated } });
+}
+
+const isSqzerError = (thrown: unknown): thrown is SqzerError => thrown instanceof Error && thrown.name === 'SqzerError';
+
+function failure(stage: Failure['stage'], thrown: unknown, id?: number): Failure {
+  if (isSqzerError(thrown)) {
+    const { kind, message, availableIn } = thrown;
+    return { type: 'error', stage, id, kind, message, availableIn };
+  }
+  // anything else the package lets through has no `kind`
+  const message = thrown instanceof Error ? thrown.message : String(thrown);
+  return { type: 'error', stage, id, kind: 'Other', message };
+}
+
+async function handle(request: Request) {
+  await loading;
+  const { id } = request;
+  try {
+    if (request.type === 'decode') {
+      hold(id, await decodeAny(new Uint8Array(request.bytes)));
+    } else if (request.type === 'pixels') {
+      const { rgba, width, height } = request;
+      hold(id, fromPixels(new Uint8ClampedArray(rgba), width, height));
+    } else if (!image || id !== held) {
+      // a request for an image that failed to decode, or was replaced since
+    } else if (request.type === 'encode') {
+      const result = image.encode({
+        ...request.options,
+        onTrial: (trial) => {
+          post({ type: 'trial', id, trial });
+        },
+      });
+      const bytes = own(result.bytes);
+      post({ type: 'encoded', id, result: { ...result, bytes } }, [bytes.buffer]);
+    } else {
+      // lossless, so what the page shows as "before" is what the encoder saw
+      const bytes = own(image.encode({ format: 'webp', lossless: true }).bytes);
+      post({ type: 'previewed', id, bytes }, [bytes.buffer]);
+    }
+  } catch (thrown) {
+    post(failure(request.type, thrown, id));
+  }
+}
+
+// One message at a time, in order: `decodeAny` is asynchronous, and an
+// encode must not start before the decode it follows has finished.
+let queue = Promise.resolve();
+addEventListener('message', ({ data }: MessageEvent<Request>) => {
+  queue = queue.then(() => handle(data));
+});
+
+// A failed load answers every message with a rejection nobody sees, so say it once.
+// oxlint-disable-next-line unicorn/prefer-top-level-await -- as above
+loading.catch((thrown: unknown) => {
+  post(failure('load', thrown));
+});
diff --git a/src/shared/lib/object-url.ts b/src/shared/lib/object-url.ts
new file mode 100644
index 0000000..033ac73
--- /dev/null
+++ b/src/shared/lib/object-url.ts
@@ -0,0 +1,21 @@
+import { useEffect, useRef } from 'react';
+
+/**
+ * A ref for an element whose `attribute` is to point at `blob`. The object
+ * URL is made and revoked together with the attribute, so no render ever
+ * holds one that was revoked.
+ */
+export function useObjectUrl<T extends Element>(blob: Blob | null, attribute: 'src' | 'href') {
+  const ref = useRef<T>(null);
+  useEffect(() => {
+    const element = ref.current;
+    if (!element || !blob) return;
+    const url = URL.createObjectURL(blob);
+    element.setAttribute(attribute, url);
+    return () => {
+      element.removeAttribute(attribute);
+      URL.revokeObjectURL(url);
+    };
+  }, [blob, attribute]);
+  return ref;
+}
diff --git a/tests/e2e/page.spec.ts b/tests/e2e/page.spec.ts
new file mode 100644
index 0000000..e50de90
--- /dev/null
+++ b/tests/e2e/page.spec.ts
@@ -0,0 +1,135 @@
+// The built page in a browser, with what only the built page has: the policy,
+// and every request staying on the page's own origin (ADR-0002 D6).
+import { fileURLToPath } from 'node:url';
+
+import { expect, test as base, type Page } from '@playwright/test';
+
+declare global {
+  interface Window {
+    report: (problem: string) => Promise<void>;
+    statuses: string[];
+  }
+}
+
+const fixture = (name: string) => fileURLToPath(new URL(`../fixtures/${name}`, import.meta.url));
+const DROP = 'Drop an image here, paste one, or choose a file.';
+const SLOW = { timeout: 120_000 };
+
+/** Every test fails on a page error, a console error, a refusal by the policy, or a request to another origin. */
+const test = base.extend<{ problems: string[] }>({
+  problems: [
+    async ({ page, baseURL }, use) => {
+      const problems: string[] = [];
+      const own = new URL(baseURL ?? '').origin;
+      page.on('pageerror', (error) => problems.push(`page error: ${error.message}`));
+      page.on('console', (message) => {
+        if (message.type() === 'error') problems.push(`console: ${message.text()}`);
+      });
+      page.on('request', (request) => {
+        // a `blob:` URL has the origin of the page that made it
+        if (new URL(request.url()).origin !== own) problems.push(`asked of another origin: ${request.url()}`);
+      });
+      await page.exposeFunction('report', (problem: string) => {
+        problems.push(problem);
+      });
+      await page.addInitScript(() => {
+        addEventListener('securitypolicyviolation', (event) => {
+          void window.report(`refused by the policy: ${event.violatedDirective} ${event.blockedURI}`);
+        });
+      });
+      await use(problems);
+      expect(problems).toEqual([]);
+    },
+    { auto: true },
+  ],
+});
+
+async function open(page: Page) {
+  await page.goto('/');
+  const status = page.getByRole('status');
+  await expect(status).toHaveText('Ready.', SLOW);
+  return status;
+}
+
+test('a JPEG goes through the page with the defaults', async ({ page }) => {
+  const status = await open(page);
+  await page.getByLabel(DROP).setInputFiles(fixture('pattern-rgb.jpg'));
+
+  await expect(status).toHaveText(/^Done in [\d.]+ s\.$/u, SLOW);
+  await expect(page.getByText(/pattern-rgb\.jpg -> pattern-rgb\.avif\s+673 B -> \d+ B/u)).toBeVisible();
+  await expect(page.getByText(/target 70 reached in \d trials?:/u)).toBeVisible();
+
+  // the download is a picture of the fixture's size, not just a link
+  const download = page.getByRole('link', { name: 'Download pattern-rgb.avif' });
+  const size = await download.evaluate(async (link: HTMLAnchorElement) => {
+    const image = new Image();
+    image.src = link.href;
+    await image.decode();
+    return [image.naturalWidth, image.naturalHeight];
+  });
+  expect(size).toEqual([48, 32]);
+});
+
+test('the footer names the version of `sqzer` the worker loaded', async ({ page }) => {
+  await open(page);
+  await expect(page.getByRole('contentinfo')).toContainText(/sqzer on npm \d+\.\d+\.\d+,/u);
+});
+
+test('the footer links the licences of what the page carries, the package in the worker included', async ({ page }) => {
+  await open(page);
+  const href = await page.getByRole('link', { name: 'the licences of what it carries' }).getAttribute('href');
+  const licences = await page.request.get(href ?? '');
+
+  expect(licences.ok()).toBe(true);
+  const text = await licences.text();
+  expect(text).toMatch(/^## react - \d/mu);
+  expect(text).toMatch(/^## xstate - \d/mu);
+  expect(text).toMatch(/^## sqzer - \d+\.\d+\.\d+ \(MIT OR Apache-2\.0\)$/mu);
+});
+
+test('a change of format during a search ends the worker and starts another', async ({ page }) => {
+  const status = await open(page);
+  await page.evaluate(() => {
+    const line = document.querySelector('output');
+    if (!line) throw new Error('the page has no status line');
+    window.statuses = [];
+    new MutationObserver(() => {
+      window.statuses.push(line.textContent);
+    }).observe(line, {
+      childList: true,
+      characterData: true,
+      subtree: true,
+    });
+  });
+
+  // drawn large, so a search takes seconds
+  await page.getByLabel('Width').fill('2000');
+  await page.getByLabel(/^Format/u).selectOption('avif');
+  await page.getByLabel(DROP).setInputFiles(fixture('pattern-rgb.svg'));
+  await expect(status).toHaveText(/^Encoding: trial 1 of at most/u, SLOW);
+
+  await page.getByLabel(/^Format/u).selectOption('jpeg');
+  await expect(status).toHaveText(/^Done in/u, SLOW);
+  await expect(page.getByText(/pattern-rgb\.svg -> pattern-rgb\.jpg/u)).toBeVisible();
+
+  // a new worker holds nothing, so the image is read again after the trial that was cut short
+  const statuses = await page.evaluate(() => window.statuses);
+  const trial = statuses.findIndex((text) => text.startsWith('Encoding: trial 1 '));
+  expect(trial).toBeGreaterThan(-1);
+  expect(statuses.lastIndexOf('Reading pattern-rgb.svg.')).toBeGreaterThan(trial);
+  expect(statuses.join('\n')).not.toMatch(/avif/u);
+});
+
+test("the policy names no origin but the page's own", async ({ page }) => {
+  const origins = new Set<string>();
+  page.on('request', (request) => origins.add(new URL(request.url()).origin));
+
+  const status = await open(page);
+  await page.getByLabel(DROP).setInputFiles(fixture('pattern-rgb.jpg'));
+  await expect(status).toHaveText(/^Done in/u, SLOW);
+
+  const policy = await page.locator('meta[http-equiv="Content-Security-Policy"]').getAttribute('content');
+  expect(policy).toMatch(/^default-src 'none'; /u);
+  expect(policy).not.toMatch(/https?:|\*|unsafe-inline|data:/u);
+  expect([...origins]).toEqual([new URL(page.url()).origin]);
+});
diff --git a/site/selftest/fixtures/pattern-rgb.heic b/tests/fixtures/pattern-rgb.heic
similarity index 100%
rename from site/selftest/fixtures/pattern-rgb.heic
rename to tests/fixtures/pattern-rgb.heic
diff --git a/site/selftest/fixtures/pattern-rgb.jpg b/tests/fixtures/pattern-rgb.jpg
similarity index 100%
rename from site/selftest/fixtures/pattern-rgb.jpg
rename to tests/fixtures/pattern-rgb.jpg
diff --git a/site/selftest/fixtures/pattern-rgb.svg b/tests/fixtures/pattern-rgb.svg
similarity index 100%
rename from site/selftest/fixtures/pattern-rgb.svg
rename to tests/fixtures/pattern-rgb.svg
diff --git a/tsconfig.app.json b/tsconfig.app.json
new file mode 100644
index 0000000..e8cd9e8
--- /dev/null
+++ b/tsconfig.app.json
@@ -0,0 +1,10 @@
+{
+  "extends": "./tsconfig.base.json",
+  "compilerOptions": {
+    "lib": ["ES2023", "DOM", "DOM.Iterable"],
+    "jsx": "react-jsx",
+    "types": ["vite/client"],
+    "paths": { "@/*": ["./src/*"] }
+  },
+  "include": ["src"]
+}
diff --git a/tsconfig.base.json b/tsconfig.base.json
new file mode 100644
index 0000000..e396c9a
--- /dev/null
+++ b/tsconfig.base.json
@@ -0,0 +1,25 @@
+{
+  "compilerOptions": {
+    "target": "ES2023",
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "resolveJsonModule": true,
+    "skipLibCheck": true,
+    "noEmit": true,
+
+    "strict": true,
+    "verbatimModuleSyntax": true,
+    "erasableSyntaxOnly": true,
+    "exactOptionalPropertyTypes": true,
+    "noUncheckedIndexedAccess": true,
+    "noPropertyAccessFromIndexSignature": true,
+    "noImplicitOverride": true,
+    "noImplicitReturns": true,
+    "noFallthroughCasesInSwitch": true,
+    "noUncheckedSideEffectImports": true,
+    "noUnusedLocals": true,
+    "noUnusedParameters": true,
+    "allowUnreachableCode": false,
+    "allowUnusedLabels": false
+  }
+}
diff --git a/tsconfig.json b/tsconfig.json
new file mode 100644
index 0000000..d32ff68
--- /dev/null
+++ b/tsconfig.json
@@ -0,0 +1,4 @@
+{
+  "files": [],
+  "references": [{ "path": "./tsconfig.app.json" }, { "path": "./tsconfig.node.json" }]
+}
diff --git a/tsconfig.node.json b/tsconfig.node.json
new file mode 100644
index 0000000..7f9074a
--- /dev/null
+++ b/tsconfig.node.json
@@ -0,0 +1,9 @@
+{
+  "extends": "./tsconfig.base.json",
+  "compilerOptions": {
+    // `DOM` for the functions the end-to-end tests run inside the page
+    "lib": ["ES2023", "DOM"],
+    "types": ["node"]
+  },
+  "include": ["*.config.ts", "tests/e2e"]
+}
diff --git a/vite.config.ts b/vite.config.ts
new file mode 100644
index 0000000..54e7e55
--- /dev/null
+++ b/vite.config.ts
@@ -0,0 +1,62 @@
+import { readFileSync, writeFileSync } from 'node:fs';
+import { join } from 'node:path';
+
+import react from '@vitejs/plugin-react';
+import sqzer from 'sqzer/package.json' with { type: 'json' };
+import { defineConfig, type Plugin } from 'vite';
+
+// The page talks to its own origin and to nothing else. Written once, here (ADR-0002 D3).
+const csp =
+  "default-src 'none'; script-src 'self' 'wasm-unsafe-eval'; worker-src 'self'; " +
+  "connect-src 'self'; img-src 'self' blob:; style-src 'self'; base-uri 'none'; form-action 'none'";
+// The charset tag of `index.html`, however the formatter closes it.
+const charset = /<meta charset="utf-8"\s*\/?>/u;
+
+const LICENCES = 'licenses.txt';
+
+/**
+ * Vite lists the licences of what the page's bundle carries (ADR-0003 D7).
+ * `sqzer` is in the worker's bundle, which that list leaves out, so it is added here.
+ */
+function licenceOfSqzer(): Plugin {
+  let root = '';
+  const text = (name: string) => readFileSync(join(root, 'node_modules/sqzer', name), 'utf8').trim();
+  return {
+    name: 'licence-of-sqzer',
+    apply: 'build',
+    configResolved(config) {
+      root = config.root;
+    },
+    // after the files are written. reading the list first fails the build when it is not there
+    writeBundle({ dir = 'dist' }) {
+      const file = join(dir, LICENCES);
+      const entry = `## sqzer - ${sqzer.version} (${sqzer.license})\n\n${text('LICENSE-MIT')}\n\n${text('LICENSE-APACHE')}\n`;
+      writeFileSync(file, `${readFileSync(file, 'utf8').trimEnd()}\n\n${entry}`);
+    },
+  };
+}
+
+export default defineConfig({
+  plugins: [
+    // React Compiler in Rust. the fallback: `react()` plus `babel({ presets: [reactCompilerPreset()] })`
+    react({ compiler: true }),
+    {
+      // the development server goes without the policy: Fast Refresh there is an inline script
+      name: 'csp',
+      apply: 'build',
+      transformIndexHtml(html) {
+        // a browser reads the charset in the first 1024 bytes, so the policy goes after it
+        if (!charset.test(html)) throw new Error('index.html has no `<meta charset="utf-8">` to put the policy after');
+        return html.replace(charset, `$&\n<meta http-equiv="Content-Security-Policy" content="${csp}">`);
+      },
+    },
+    licenceOfSqzer(),
+  ],
+  resolve: { tsconfigPaths: true },
+  // no `data:` URIs: Vite inlines small assets as base64 by default, and the policy refuses them
+  build: { assetsInlineLimit: 0, license: { fileName: LICENCES } },
+  // the worker is a module, and imports `sqzer` like any other module
+  worker: { format: 'es' },
+  // pre-bundling in development would move `sqzer.js` away from its `sqzer_bg.wasm`
+  optimizeDeps: { exclude: ['sqzer'] },
+});
diff --git a/vitest.config.ts b/vitest.config.ts
new file mode 100644
index 0000000..a77e953
--- /dev/null
+++ b/vitest.config.ts
@@ -0,0 +1,24 @@
+import { playwright } from '@vitest/browser-playwright';
+import { defineConfig, mergeConfig } from 'vitest/config';
+
+import app from './vite.config';
+
+// Units, components and the `decodeAny` checks, in the engines the page runs in (ADR-0002 D6).
+export default mergeConfig(
+  app,
+  defineConfig({
+    test: {
+      include: ['src/**/*.test.{ts,tsx}'],
+      // a test that asserts nothing has checked nothing
+      expect: { requireAssertions: true },
+      restoreMocks: true,
+      browser: {
+        enabled: true,
+        headless: true,
+        provider: playwright(),
+        instances: [{ browser: 'chromium' }, { browser: 'firefox' }],
+        screenshotFailures: false,
+      },
+    },
+  }),
+);