diff --git a/.github/workflows/cd.yml b/.github/workflows/cd.yml
index 3ccc9936..bae55c16 100644
--- a/.github/workflows/cd.yml
+++ b/.github/workflows/cd.yml
@@ -1,42 +1,53 @@
-name: cd
+name: validate-and-deploy
 
 on:
   push:
-    branches:
-      - main
+    branches: [main]
+  pull_request:
+
+permissions:
+  contents: read
 
 jobs:
-  cd:
+  validate:
     runs-on: ubuntu-latest
-
     steps:
-      - name: Checkout
-        uses: actions/checkout@v4
-
-      - name: Install pnpm
-        uses: pnpm/action-setup@v4
+      - uses: actions/checkout@v4
+      - uses: pnpm/action-setup@v4
         with:
           run_install: false
-
-      - name: Install Node.js
-        uses: actions/setup-node@v4
+      - uses: actions/setup-node@v4
         with:
           node-version: 22
-          cache: 'pnpm'
-
-      - name: Install dependencies
-        run: pnpm install
-
-      # https://github.com/nuxt/content/issues/3249
-      - name: Rebuild native modules
-        run: pnpm rebuild better-sqlite3
-
-      - name: Generate static files
-        run: pnpm generate
+          cache: pnpm
+      - run: pnpm install --frozen-lockfile
+      - run: pnpm typecheck
+      - run: pnpm test
+      - run: pnpm build
+      - run: pnpm exec playwright install --with-deps chromium
+      - run: pnpm test:e2e --project=server
+      - run: pnpm generate
+      - run: pnpm test:output
+      - run: pnpm test:e2e --project=static
+      - uses: actions/upload-artifact@v4
+        with:
+          name: site
+          path: .output/public
+          include-hidden-files: true
 
-      - name: Deploy
-        uses: peaceiris/actions-gh-pages@v3
+  deploy:
+    if: github.event_name == 'push' && github.ref == 'refs/heads/main'
+    needs: validate
+    runs-on: ubuntu-latest
+    permissions:
+      contents: write
+    steps:
+      - uses: actions/download-artifact@v4
+        with:
+          name: site
+          path: public
+      - uses: peaceiris/actions-gh-pages@v3
         with:
           github_token: ${{ secrets.GITHUB_TOKEN }}
-          publish_dir: ./dist
+          publish_dir: ./public
           cname: colton.foo
diff --git a/.gitignore b/.gitignore
index 9e6924db..063d240c 100644
--- a/.gitignore
+++ b/.gitignore
@@ -6,5 +6,8 @@ node_modules
 .output
 .env
 dist
+public/images/generated
+playwright-report
+test-results
 
 .data/content/contents.sqlite
diff --git a/README.md b/README.md
index f0730fe1..1ffd9a13 100644
--- a/README.md
+++ b/README.md
@@ -1,6 +1,6 @@
 # cmpadden.github.io
 
-A personal website built with Nuxt 4, Vue, and Tailwind CSS. Routes are file-based in `pages/`; reusable layouts and UI live in `layouts/` and `components/`. Blog posts are Markdown files in `content/blog/`, parsed by `modules/content.ts` and served through the generated article API. Server endpoints and feed/sitemap routes are under `server/`.
+A personal website built with Nuxt 4, Vue, and Tailwind CSS. Routes are file-based in `pages/`; reusable layouts and UI live in `layouts/` and `components/`. Blog posts are Markdown files in `content/blog/`, parsed by `modules/content.ts` and served through the generated article API. Server endpoints and feed/sitemap routes are under `server/`. Public types and site/route metadata live in `shared/`. The existing root-level Nuxt app structure is intentional; moving it under `app/` is optional organization, not a performance optimization.
 
 ## Setup
 
@@ -16,7 +16,13 @@ pnpm install
 pnpm dev
 ```
 
-The development site is available at http://localhost:3000.
+The development site is available at http://localhost:3000. Drafts are excluded by default. To preview a draft by its slug locally, explicitly opt in:
+
+```bash
+NUXT_PREVIEW_DRAFTS=1 pnpm dev
+```
+
+Production builds always omit drafts, even if this environment variable is set. `modules/content/manifest.ts` validates frontmatter and owns publication policy; prerender routes, article APIs, feeds, sitemap, and legacy redirects all use it. `shared/site.ts` is the source of truth for the production origin and static page routes.
 
 ## Build and static generation
 
@@ -26,22 +32,19 @@ pnpm generate
 pnpm preview
 ```
 
-## Experiment thumbnails
+Build, generate, and dev automatically create responsive image derivatives in `public/images/generated/` (ignored by Git). GitHub Pages deploys `.output/public`; it does not run a Nitro server. Legacy `/articles/…` and `/atom/` URLs therefore have generated HTML redirects as well as Nitro HTTP redirects. The feed is `/atom.xml` so static hosting serves it as XML. Robots and sitemap are generated from shared site metadata.
 
-Experiment thumbnail context and output paths live in `data/experiments.mjs`. Generate an image from that metadata with an optional art-direction adjustment:
+## Validation
 
 ```bash
-OPENAI_API_KEY=... pnpm generate:experiment-thumbnail -- \
-  --experiment "photos.colton.boo" \
-  --direction "make the exposure bands diagonal and sparse"
+pnpm typecheck
+pnpm test                                  # publication/SEO unit tests
+pnpm exec playwright install chromium      # once locally
+pnpm build
+pnpm test:e2e --project=server              # production Nitro + browser/API tests
+pnpm generate
+pnpm test:output                           # generated publication/asset assertions
+pnpm test:e2e --project=static              # real static hosting, without SPA fallback
 ```
 
-Use `--dry-run` to review the resolved prompt without calling the OpenAI Images API.
-
-## Layout conventions
-
-- `default`: site frame with Header and a scrollable content region.
-- `light`: Header and centered page content, without the default frame.
-- `empty`: no shared chrome, for standalone experiences.
-
-Page-specific layout selection uses `definePageMeta({ layout: "light" })` or `layout: "empty"`.
+CI runs this sequence on pull requests and main; only a successful main build is deployed. Browser tests mock audio/MIDI devices to check cleanup, pending permissions, and hot-plugging without requiring hardware. Real-device behavior should still be smoke-tested when changing the experiments.
diff --git a/assets/css/tailwind.css b/assets/css/tailwind.css
index c8541f3b..d6e060c7 100644
--- a/assets/css/tailwind.css
+++ b/assets/css/tailwind.css
@@ -22,6 +22,16 @@ code {
 }
 
 @layer base {
+  [id] { scroll-margin-top: 5rem; }
+
+  @media (prefers-reduced-motion: reduce) {
+    *, *::before, *::after {
+      scroll-behavior: auto !important;
+      transition-duration: 0s !important;
+      animation-duration: 0s !important;
+    }
+  }
+
   :root {
     color-scheme: light;
     --site-background: #f3f6f6;
@@ -44,6 +54,7 @@ code {
   @font-face {
     font-family: Mafins;
     src: url("/fonts/Mafins.otf");
+    font-display: swap;
   }
 
   @font-face {
@@ -87,7 +98,7 @@ code {
   }
 
   .noise-bg::before {
-    background-image: url("/images/noise.png");
+    background-image: url("/images/generated/noise.png");
     background-repeat: repeat;
     content: "";
     filter: grayscale(1) contrast(var(--noise-contrast, 1.15));
diff --git a/components/ExperimentCoverImage.vue b/components/ExperimentCoverImage.vue
index ffe7977d..74506346 100644
--- a/components/ExperimentCoverImage.vue
+++ b/components/ExperimentCoverImage.vue
@@ -8,28 +8,35 @@ const props = withDefaults(
   { loading: "lazy" },
 );
 
-const isLoaded = ref(false);
-const image = ref<HTMLImageElement | null>(null);
-
-onMounted(() => {
-  if (image.value?.complete) {
-    isLoaded.value = true;
-  }
-});
+const generatedBase = computed(() =>
+  props.src.startsWith("/images/previews/")
+    ? props.src
+        .replace("/images/previews/", "/images/generated/")
+        .replace(/\.[^.]+$/, "")
+    : undefined,
+);
+const srcset = computed(() =>
+  generatedBase.value
+    ? [320, 640, 960]
+        .map((width) => `${generatedBase.value}-${width}.webp ${width}w`)
+        .join(", ")
+    : undefined,
+);
 </script>
 
 <template>
   <div class="relative h-64 w-full overflow-hidden">
     <img
-      ref="image"
-      class="h-full w-full object-cover grayscale transition-opacity duration-300 hover:grayscale-0"
-      :class="isLoaded ? 'opacity-100' : 'opacity-0'"
-      :src="props.src"
+      class="h-full w-full object-cover grayscale hover:grayscale-0"
+      :src="generatedBase ? `${generatedBase}-640.webp` : props.src"
+      :srcset="srcset"
+      sizes="(min-width: 1536px) 312px, (min-width: 1280px) 270px, (min-width: 1024px) 227px, (min-width: 768px) 206px, (min-width: 640px) 184px, calc(100vw - 88px)"
       :alt="props.alt"
       :loading="props.loading"
+      :fetchpriority="props.loading === 'eager' ? 'high' : 'auto'"
+      width="960"
+      height="960"
       decoding="async"
-      @load="isLoaded = true"
-      @error="isLoaded = true"
     />
   </div>
 </template>
diff --git a/components/Header.vue b/components/Header.vue
index e7f23d90..b62edf89 100644
--- a/components/Header.vue
+++ b/components/Header.vue
@@ -1,5 +1,8 @@
 <script setup lang="ts">
 const menu = ref<HTMLDetailsElement | null>(null);
+const route = useRoute();
+const isActive = (path: string) =>
+  route.path.replace(/\/$/, "") === path.replace(/\/$/, "");
 
 const closeMenu = () => {
   menu.value?.removeAttribute("open");
@@ -58,7 +61,7 @@ onBeforeUnmount(() => {
                   @click="closeMenu"
                   :class="[
                     'text-gray-700 hover:bg-orange-500/50 hover:text-white dark:text-white',
-                    $route.path === '/' ? 'bg-orange-500' : '',
+                    isActive('/') ? 'bg-orange-500' : '',
                     'group flex w-full items-center px-3 py-3 text-sm',
                   ]"
                 >
@@ -78,11 +81,11 @@ onBeforeUnmount(() => {
                 </NuxtLink>
 
                 <NuxtLink
-                  to="/blog"
+                  to="/blog/"
                   @click="closeMenu"
                   :class="[
                     'text-gray-700 hover:bg-orange-500/50 hover:text-white dark:text-white',
-                    $route.path === '/blog' ? 'bg-orange-500' : '',
+                    isActive('/blog/') ? 'bg-orange-500' : '',
                     'group flex w-full items-center px-3 py-3 text-sm',
                   ]"
                 >
@@ -104,11 +107,11 @@ onBeforeUnmount(() => {
                 </NuxtLink>
 
                 <NuxtLink
-                  to="/experiments"
+                  to="/experiments/"
                   @click="closeMenu"
                   :class="[
                     'text-gray-700 hover:bg-orange-500/50 hover:text-white dark:text-white',
-                    $route.path === '/experiments' ? 'bg-orange-500' : '',
+                    isActive('/experiments/') ? 'bg-orange-500' : '',
                     'group flex w-full items-center px-3 py-3 text-sm',
                   ]"
                 >
@@ -130,11 +133,11 @@ onBeforeUnmount(() => {
                 </NuxtLink>
 
                 <NuxtLink
-                  to="/talks"
+                  to="/talks/"
                   @click="closeMenu"
                   :class="[
                     'text-gray-700 hover:bg-orange-500/50 hover:text-white dark:text-white',
-                    $route.path === '/talks' ? 'bg-orange-500' : '',
+                    isActive('/talks/') ? 'bg-orange-500' : '',
                     'group flex w-full items-center px-3 py-3 text-sm',
                   ]"
                 >
diff --git a/components/blog/ArticleCard.vue b/components/blog/ArticleCard.vue
index 3d096687..39ed3873 100644
--- a/components/blog/ArticleCard.vue
+++ b/components/blog/ArticleCard.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { BlogArticleSummary } from "../../modules/content/runtime/types/blog-article";
+import type { BlogArticleSummary } from "../../shared/types/article";
 
 withDefaults(
   defineProps<{
@@ -20,7 +20,11 @@ const formatDate = (date: string) => {
 </script>
 
 <template>
-  <NuxtLink :to="article.path" class="group block h-full">
+  <NuxtLink
+    :to="article.path"
+    :prefetch-on="{ visibility: false, interaction: true }"
+    class="group block h-full"
+  >
     <article
       class="text-foreground grid h-full items-start gap-1"
       :class="showDate ? 'grid-cols-1 sm:flex sm:gap-5' : 'grid-cols-1'"
diff --git a/components/experiments/MidiStatus.vue b/components/experiments/MidiStatus.vue
new file mode 100644
index 00000000..1bb182ed
--- /dev/null
+++ b/components/experiments/MidiStatus.vue
@@ -0,0 +1,29 @@
+<script setup lang="ts">
+defineProps<{ inputs: MIDIInput[]; outputs: MIDIOutput[] }>();
+</script>
+
+<template>
+  <details class="my-3 rounded border border-current p-3 text-sm">
+    <summary class="cursor-pointer font-bold">MIDI Status</summary>
+    <div class="mt-3 grid gap-3 sm:grid-cols-2">
+      <div>
+        <h2 class="font-bold">Inputs</h2>
+        <p v-if="!inputs.length">No input devices detected.</p>
+        <ul v-else>
+          <li v-for="input in inputs" :key="input.id">
+            {{ input.manufacturer }} {{ input.name }}
+          </li>
+        </ul>
+      </div>
+      <div>
+        <h2 class="font-bold">Outputs</h2>
+        <p v-if="!outputs.length">No output devices detected.</p>
+        <ul v-else>
+          <li v-for="output in outputs" :key="output.id">
+            {{ output.manufacturer }} {{ output.name }}
+          </li>
+        </ul>
+      </div>
+    </div>
+  </details>
+</template>
diff --git a/components/experiments/audio/FrequencyBarGraph.vue b/components/experiments/audio/FrequencyBarGraph.vue
deleted file mode 100644
index 9f37b6de..00000000
--- a/components/experiments/audio/FrequencyBarGraph.vue
+++ /dev/null
@@ -1,87 +0,0 @@
-<template>
-  <div>
-    <div id="bar-graph-container" class="h-full w-full">
-      <canvas
-        id="frequencyBarGraphCanvas"
-        :width="canvasWidth"
-        :height="canvasHeight"
-      ></canvas>
-    </div>
-  </div>
-</template>
-
-<script setup>
-// Reference implementation from Mozilla's MDN
-// https://developer.mozilla.org/en-US/docs/Web/API/Web_Audio_API/Visualizations_with_Web_Audio_API#creating_a_frequency_bar_graph
-
-const props = defineProps({
-  audioBufferHistory: {
-    type: Array,
-  },
-  canvasWidth: {
-    type: Number,
-  },
-  canvasHeight: {
-    type: Number,
-  },
-  fillStyle: {
-    type: String,
-    default: "rgba(0,0,0)",
-  },
-  strokeStyle: {
-    type: String,
-    default: "rgb(255, 255, 255)",
-  },
-});
-
-const BAR_OFFSET_PX = 2;
-
-const map = (n, nMin, nMax, rMin, rMax) => {
-  // normalize a number between ranges `nMin` to `nMax` to fall between
-  // range `rMin` and `rMax`.
-  return ((n - nMin) * (rMax - nMin)) / (nMax - nMin) + rMin;
-};
-
-onMounted(() => {
-  const canvas = document.getElementById("frequencyBarGraphCanvas");
-  const canvasCtx = canvas.getContext("2d");
-
-  // set width and height of canvas if not defined as a prop
-  const container = document.getElementById("bar-graph-container");
-  const canvasHeight = props.canvasHeight
-    ? props.canvasHeight
-    : container.clientHeight;
-  const canvasWidth = props.canvasWidth
-    ? props.canvasWidth
-    : container.clientWidth;
-
-  canvas.height = canvasHeight;
-  canvas.width = canvasWidth;
-
-  canvasCtx.fillRect(0, 0, canvasWidth, canvasHeight);
-
-  watch(props.audioBufferHistory, (history) => {
-    canvasCtx.fillStyle = props.fillStyle;
-    canvasCtx.fillRect(0, 0, canvasWidth, canvasHeight);
-
-    // the most recent audio buffer is the last item pushed to the array
-    const audioBuffer = history.slice(-1)[0];
-
-    const barWidth = canvasWidth / audioBuffer.length - BAR_OFFSET_PX;
-    let x = 0;
-
-    for (let i = 0; i < audioBuffer.length; i++) {
-      const d = audioBuffer[i];
-
-      // frequency data is on a scale from 0 to 255, so we must ensure this
-      // fits within the canvas
-      const barHeight = map(d, 0, 255, 0, canvasHeight);
-
-      canvasCtx.fillStyle = `rgb(${d},0,${d})`;
-      canvasCtx.fillRect(x, canvasHeight - barHeight, barWidth, barHeight);
-
-      x += barWidth + BAR_OFFSET_PX;
-    }
-  });
-});
-</script>
diff --git a/components/experiments/audio/Spectrogram.vue b/components/experiments/audio/Spectrogram.vue
deleted file mode 100644
index 6e404419..00000000
--- a/components/experiments/audio/Spectrogram.vue
+++ /dev/null
@@ -1,109 +0,0 @@
-<template>
-  <div>
-    <div id="spectrogram-canvas-container" class="h-full w-full">
-      <canvas
-        id="spectrogramCanvas"
-        :width="canvasWidth"
-        :height="canvasHeight"
-      ></canvas>
-    </div>
-  </div>
-</template>
-
-<script setup>
-const props = defineProps({
-  frequencyDomainBufferHistory: {
-    type: Array,
-  },
-  canvasWidth: {
-    type: Number,
-  },
-  canvasHeight: {
-    type: Number,
-  },
-  fillStyle: {
-    type: String,
-    default: "rgba(0,0,0)",
-  },
-});
-
-const map = (n, nMin, nMax, rMin, rMax) => {
-  // normalize a number between ranges `nMin` to `nMax` to fall between
-  // range `rMin` and `rMax`.
-  return ((n - nMin) * (rMax - nMin)) / (nMax - nMin) + rMin;
-};
-
-const HISTORY_WINDOW_SIZE = 36;
-
-onMounted(() => {
-  const canvas = document.getElementById("spectrogramCanvas");
-  const canvasCtx = canvas.getContext("2d");
-
-  // set width and height of canvas if not defined as a prop
-  const container = document.getElementById("spectrogram-canvas-container");
-  const canvasHeight = props.canvasHeight
-    ? props.canvasHeight
-    : container.clientHeight;
-  const canvasWidth = props.canvasWidth
-    ? props.canvasWidth
-    : container.clientWidth;
-
-  canvas.height = canvasHeight;
-  canvas.width = canvasWidth;
-
-  canvasCtx.fillRect(0, 0, canvasWidth, canvasHeight);
-
-  watch(props.frequencyDomainBufferHistory, (history) => {
-    canvasCtx.fillStyle = props.fillStyle;
-    canvasCtx.fillRect(0, 0, canvasWidth, canvasHeight);
-    const focusedHistory = history.slice(-HISTORY_WINDOW_SIZE);
-
-    const pixelWidth = canvasWidth / 128;
-    const pixelHeight = canvasHeight / HISTORY_WINDOW_SIZE;
-
-    // create a circle for each sample point with varying size and color based on
-    // amplitude
-    for (let x = 0; x < 128; x++) {
-      for (let y = 0; y < HISTORY_WINDOW_SIZE; y++) {
-        const d = focusedHistory[y][x];
-        const r = map(d, 0, 255, 1, 4);
-        canvasCtx.fillStyle = `rgb(${d}, 0, ${d})`;
-        canvasCtx.beginPath();
-        canvasCtx.arc(
-          x * pixelWidth + pixelWidth / 2,
-          y * pixelHeight + pixelHeight / 2,
-          r,
-          0, // arc start
-          2 * Math.PI, // arc end
-        );
-        canvasCtx.fill();
-      }
-    }
-  });
-
-  // legacy version which uses solid rectangles
-
-  // watch(props.audioBufferHistory, (history) => {
-  // canvasCtx.fillStyle = props.fillStyle;
-  // canvasCtx.fillRect(0, 0, canvasWidth, canvasHeight);
-
-  // const pixelWidth = canvasWidth / history[0].length;
-  // const pixelHeight = canvasHeight / history.length;
-
-  // // for each `y` of history, we increment along the height of the canvas
-  // // for each `x` we increment along the width
-  // for (let y = 0; y < history.length; y++) {
-  //     for (let x = 0; x < history[y].length; x++) {
-  //         const d = history[y][x];
-  //         canvasCtx.fillStyle = `rgb(${d / 2},${d},${d})`;
-  //         canvasCtx.fillRect(
-  //             x * pixelWidth,
-  //             y * pixelHeight,
-  //             pixelWidth,
-  //             pixelHeight
-  //         );
-  //     }
-  // }
-  // });
-});
-</script>
diff --git a/components/experiments/audio/Visualizer.vue b/components/experiments/audio/Visualizer.vue
new file mode 100644
index 00000000..1ecdfc1a
--- /dev/null
+++ b/components/experiments/audio/Visualizer.vue
@@ -0,0 +1,96 @@
+<script setup lang="ts">
+import type { AudioSamples } from "../../../composables/useAudioMonitor";
+const props = defineProps<{
+  mode: "waveform" | "frequency" | "spectrogram";
+  samples: AudioSamples | null;
+}>();
+const canvas = ref<HTMLCanvasElement | null>(null);
+let context: CanvasRenderingContext2D | null = null;
+let width = 0,
+  height = 0;
+let observer: ResizeObserver | undefined;
+
+function draw() {
+  if (!context || !canvas.value || !props.samples || !width || !height) return;
+  const ctx = context;
+  const { waveform, frequency } = props.samples;
+  if (props.mode === "spectrogram") {
+    // Scroll the existing bitmap instead of redrawing 4,608 historical circles.
+    const row = Math.max(1, Math.round(height / 36));
+    ctx.drawImage(canvas.value, 0, -row);
+    const bins = 128;
+    for (let i = 0; i < bins; i++) {
+      const amplitude =
+        frequency[Math.floor((i * frequency.length) / bins)] || 0;
+      ctx.fillStyle = `rgb(${amplitude},0,${amplitude})`;
+      ctx.fillRect(
+        (i * width) / bins,
+        height - row,
+        Math.ceil(width / bins),
+        row,
+      );
+    }
+    return;
+  }
+  ctx.fillStyle = "black";
+  ctx.fillRect(0, 0, width, height);
+  if (props.mode === "waveform") {
+    ctx.strokeStyle = "rgb(255,0,255)";
+    ctx.lineWidth = 2;
+    ctx.beginPath();
+    for (let i = 0; i < waveform.length; i++) {
+      const x = (i * width) / (waveform.length - 1);
+      const y = ((waveform[i] || 0) * height) / 255;
+      if (i === 0) ctx.moveTo(x, y);
+      else ctx.lineTo(x, y);
+    }
+    ctx.stroke();
+  } else {
+    // Aggregate bins to actual display width; bars never get negative widths.
+    const bins = Math.min(128, Math.floor(width / 3));
+    for (let i = 0; i < bins; i++) {
+      const begin = Math.floor((i * frequency.length) / bins);
+      const end = Math.floor(((i + 1) * frequency.length) / bins);
+      let value = 0;
+      for (let j = begin; j < end; j++)
+        value = Math.max(value, frequency[j] || 0);
+      const h = (value * height) / 255;
+      ctx.fillStyle = `rgb(${value},0,${value})`;
+      ctx.fillRect(
+        (i * width) / bins,
+        height - h,
+        Math.max(1, width / bins - 1),
+        h,
+      );
+    }
+  }
+}
+
+onMounted(() => {
+  const element = canvas.value!;
+  context = element.getContext("2d");
+  const resize = () => {
+    const ratio = Math.min(window.devicePixelRatio || 1, 2);
+    width = element.width = Math.round(element.clientWidth * ratio);
+    height = element.height = Math.round(element.clientHeight * ratio);
+    draw();
+  };
+  observer = new ResizeObserver(resize);
+  observer.observe(element);
+  resize();
+});
+watch(() => props.samples, draw, { flush: "post" });
+onBeforeUnmount(() => {
+  observer?.disconnect();
+  context = null;
+});
+</script>
+
+<template>
+  <canvas
+    ref="canvas"
+    class="h-72 w-full border-2 border-gray-400"
+    :aria-label="`${mode} audio visualization`"
+    role="img"
+  />
+</template>
diff --git a/components/experiments/audio/Waveform.vue b/components/experiments/audio/Waveform.vue
deleted file mode 100644
index 8e9af81c..00000000
--- a/components/experiments/audio/Waveform.vue
+++ /dev/null
@@ -1,84 +0,0 @@
-<template>
-  <div id="waveform-canvas-container" class="bg-green h-full w-full">
-    <canvas
-      id="waveformCanvas2"
-      :width="canvasWidth"
-      :height="canvasHeight"
-    ></canvas>
-  </div>
-</template>
-
-<script setup>
-const props = defineProps({
-  timeDomainBufferHistory: {
-    type: Array,
-  },
-  canvasWidth: {
-    type: Number,
-  },
-  canvasHeight: {
-    type: Number,
-  },
-  fillStyle: {
-    type: String,
-    default: "rgba(0,0,0)",
-  },
-  strokeStyle: {
-    type: String,
-    default: "rgb(255, 255, 255)",
-  },
-});
-
-onMounted(() => {
-  // analyser.fftSize = 2048;
-
-  const canvas = document.getElementById("waveformCanvas2");
-  const canvasCtx = canvas.getContext("2d");
-
-  const container = document.getElementById("waveform-canvas-container");
-  const canvasHeight = props.canvasHeight
-    ? props.canvasHeight
-    : container.clientHeight;
-  const canvasWidth = props.canvasWidth
-    ? props.canvasWidth
-    : container.clientWidth;
-
-  canvas.height = canvasHeight;
-  canvas.width = canvasWidth;
-
-  canvasCtx.fillRect(0, 0, canvasWidth, canvasHeight);
-
-  watch(props.timeDomainBufferHistory, (history) => {
-    canvasCtx.fillStyle = props.fillStyle;
-    canvasCtx.fillRect(0, 0, canvasWidth, canvasHeight);
-
-    canvasCtx.lineWidth = 2;
-    canvasCtx.strokeStyle = props.strokeStyle;
-    canvasCtx.beginPath();
-
-    const audioBuffer = history.slice(-1)[0];
-    const bufferLength = audioBuffer.length;
-
-    const sliceWidth = canvasWidth / bufferLength;
-    let x = 0;
-
-    for (let i = 0; i < bufferLength; i++) {
-      const v = audioBuffer[i] / 128.0;
-      const y = (v * canvasHeight) / 2;
-
-      if (i === 0) {
-        canvasCtx.moveTo(x, y);
-      } else {
-        canvasCtx.lineTo(x, y);
-      }
-
-      x += sliceWidth;
-    }
-
-    canvasCtx.lineTo(canvas.width, canvas.height / 2);
-    canvasCtx.stroke();
-  });
-});
-
-onBeforeUnmount(() => {});
-</script>
diff --git a/components/section/BlogPosts.vue b/components/section/BlogPosts.vue
index 7a27fad8..4f0284d4 100644
--- a/components/section/BlogPosts.vue
+++ b/components/section/BlogPosts.vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { BlogArticleSummary } from "../../modules/content/runtime/types/blog-article";
+import type { BlogArticleSummary } from "../../shared/types/article";
 
 defineProps<{
   articles: BlogArticleSummary[];
diff --git a/components/section/Experiments.vue b/components/section/Experiments.vue
index f556c883..0c6ccfc9 100644
--- a/components/section/Experiments.vue
+++ b/components/section/Experiments.vue
@@ -2,10 +2,6 @@
 import { experimentLinks } from "../../data/experiments.mjs";
 
 const props = defineProps({
-  showImages: {
-    type: Boolean,
-    default: false,
-  },
   limit: {
     type: Number,
     default: null,
@@ -43,12 +39,12 @@ const filtered_links = computed(() => {
           v-for="(link, index) in filtered_links"
           :key="link.title"
           :to="link.link"
-          :prefetch-on="{ interaction: true }"
+          :prefetch-on="{ visibility: false, interaction: true }"
         >
           <ExperimentCoverImage
             :src="link.img || '/images/placeholder.png'"
             :alt="link.title"
-            :loading="index < 3 ? 'eager' : 'lazy'"
+            :loading="index === 0 ? 'eager' : 'lazy'"
           />
           <div
             class="pointer-events-none absolute inset-0 bg-orange-500/10 mix-blend-color"
@@ -64,8 +60,9 @@ const filtered_links = computed(() => {
               </h3>
               <div
                 class="line-clamp-1 text-sm text-gray-600 dark:text-gray-300"
-                v-html="link.description"
-              ></div>
+              >
+                {{ link.description }}
+              </div>
             </div>
           </div>
         </nuxt-link>
diff --git a/composables/useAudioMonitor.ts b/composables/useAudioMonitor.ts
new file mode 100644
index 00000000..fe86e101
--- /dev/null
+++ b/composables/useAudioMonitor.ts
@@ -0,0 +1,139 @@
+import { onScopeDispose, ref, shallowRef } from "vue";
+
+export type AudioSamples = {
+  waveform: Uint8Array<ArrayBuffer>;
+  frequency: Uint8Array<ArrayBuffer>;
+};
+export type AudioSummary = {
+  mean: string;
+  min: number;
+  max: number;
+  length: number;
+  preview: string;
+};
+
+function summarize(data: Uint8Array): AudioSummary {
+  let total = 0,
+    min = 255,
+    max = 0;
+  for (const value of data) {
+    total += value;
+    min = Math.min(min, value);
+    max = Math.max(max, value);
+  }
+  return {
+    mean: (total / data.length).toFixed(2),
+    min,
+    max,
+    length: data.length,
+    preview: `${Array.from(data.slice(0, 4)).join(",")} … ${Array.from(data.slice(-4)).join(",")}`,
+  };
+}
+
+export function useAudioMonitor() {
+  const enabled = ref(false);
+  const starting = ref(false);
+  const error = ref("");
+  const samples = shallowRef<AudioSamples | null>(null);
+  const summaries = shallowRef<{
+    waveform: AudioSummary[];
+    frequency: AudioSummary[];
+  }>({ waveform: [], frequency: [] });
+  let stream: MediaStream | undefined;
+  let context: AudioContext | undefined;
+  let source: MediaStreamAudioSourceNode | undefined;
+  let analyser: AnalyserNode | undefined;
+  let frame: number | undefined;
+  let generation = 0;
+  let disposed = false;
+
+  function stop() {
+    generation++;
+    enabled.value = false;
+    starting.value = false;
+    if (frame !== undefined) cancelAnimationFrame(frame);
+    frame = undefined;
+    source?.disconnect();
+    analyser?.disconnect();
+    source = undefined;
+    analyser = undefined;
+    stream?.getTracks().forEach((track) => track.stop());
+    stream = undefined;
+    const oldContext = context;
+    context = undefined;
+    if (oldContext && oldContext.state !== "closed")
+      void oldContext.close().catch(() => {});
+  }
+
+  async function start() {
+    if (disposed || starting.value || enabled.value) return;
+    const current = ++generation;
+    starting.value = true;
+    error.value = "";
+    try {
+      if (!navigator.mediaDevices?.getUserMedia || !window.AudioContext) {
+        throw new Error("Audio monitoring is not supported in this browser.");
+      }
+      const acquired = await navigator.mediaDevices.getUserMedia({
+        audio: true,
+      });
+      if (disposed || current !== generation) {
+        acquired.getTracks().forEach((track) => track.stop());
+        return;
+      }
+      stream = acquired;
+      const audioContext = new AudioContext();
+      context = audioContext;
+      analyser = audioContext.createAnalyser();
+      analyser.fftSize = 2048;
+      source = audioContext.createMediaStreamSource(acquired);
+      source.connect(analyser);
+      await audioContext.resume();
+      if (disposed || current !== generation) return;
+      enabled.value = true;
+      starting.value = false;
+      summaries.value = { waveform: [], frequency: [] };
+      let lastDraw = -Infinity;
+      let lastSummary = -Infinity;
+      const poll = (time: number) => {
+        if (current !== generation || !analyser) return;
+        // One owned loop, capped at 30fps. Typed samples are not deep-reactive.
+        if (time - lastDraw >= 1000 / 30) {
+          lastDraw = time;
+          const waveform = new Uint8Array(analyser.fftSize);
+          const frequency = new Uint8Array(analyser.frequencyBinCount);
+          analyser.getByteTimeDomainData(waveform);
+          analyser.getByteFrequencyData(frequency);
+          samples.value = { waveform, frequency };
+          // Tables update at 10Hz; calculations are not repeated in templates.
+          if (time - lastSummary >= 100) {
+            lastSummary = time;
+            summaries.value = {
+              waveform: [
+                ...summaries.value.waveform.slice(-9),
+                summarize(waveform),
+              ],
+              frequency: [
+                ...summaries.value.frequency.slice(-9),
+                summarize(frequency),
+              ],
+            };
+          }
+        }
+        frame = requestAnimationFrame(poll);
+      };
+      frame = requestAnimationFrame(poll);
+    } catch (cause) {
+      if (current !== generation || disposed) return;
+      stop();
+      error.value =
+        cause instanceof Error ? cause.message : "Unable to enable microphone.";
+    }
+  }
+
+  onScopeDispose(() => {
+    disposed = true;
+    stop();
+  });
+  return { enabled, starting, error, samples, summaries, start, stop };
+}
diff --git a/composables/useMidi.ts b/composables/useMidi.ts
new file mode 100644
index 00000000..e0e7ff9e
--- /dev/null
+++ b/composables/useMidi.ts
@@ -0,0 +1,89 @@
+import { onMounted, onScopeDispose, ref, shallowRef } from "vue";
+
+export function useMidi(
+  onMessage: (event: MIDIMessageEvent) => void,
+  onDevicesChanged?: () => void,
+) {
+  const supported = ref<boolean | null>(null);
+  const starting = ref(false);
+  const midi = shallowRef<MIDIAccess>();
+  const inputs = shallowRef<MIDIInput[]>([]);
+  const outputs = shallowRef<MIDIOutput[]>([]);
+  const error = ref("");
+  const attached = new Set<MIDIInput>();
+  let generation = 0;
+  let disposed = false;
+
+  function detach(input: MIDIInput) {
+    input.removeEventListener("midimessage", onMessage);
+    void input.close().catch(() => {});
+    attached.delete(input);
+  }
+  function syncDevices() {
+    const connected = Array.from(midi.value?.inputs.values() || []).filter(
+      (input) => input.state === "connected",
+    );
+    for (const input of attached) if (!connected.includes(input)) detach(input);
+    for (const input of connected) {
+      if (!attached.has(input)) {
+        input.addEventListener("midimessage", onMessage);
+        attached.add(input);
+      }
+    }
+    inputs.value = connected;
+    outputs.value = Array.from(midi.value?.outputs.values() || []).filter(
+      (output) => output.state === "connected",
+    );
+    onDevicesChanged?.();
+  }
+  function disconnect() {
+    generation++;
+    starting.value = false;
+    midi.value?.removeEventListener("statechange", syncDevices);
+    for (const input of attached) detach(input);
+    midi.value = undefined;
+    inputs.value = [];
+    outputs.value = [];
+    onDevicesChanged?.();
+  }
+  async function connect() {
+    if (disposed || starting.value || midi.value) return;
+    const current = ++generation;
+    starting.value = true;
+    error.value = "";
+    try {
+      if (!navigator.requestMIDIAccess)
+        throw new Error("Web MIDI is not supported in this browser.");
+      const access = await navigator.requestMIDIAccess();
+      if (disposed || current !== generation) return;
+      midi.value = access;
+      access.addEventListener("statechange", syncDevices);
+      syncDevices();
+    } catch (cause) {
+      if (current === generation && !disposed)
+        error.value =
+          cause instanceof Error
+            ? cause.message
+            : "Unable to access MIDI devices.";
+    } finally {
+      if (current === generation) starting.value = false;
+    }
+  }
+  onMounted(() => {
+    supported.value = typeof navigator.requestMIDIAccess === "function";
+  });
+  onScopeDispose(() => {
+    disposed = true;
+    disconnect();
+  });
+  return {
+    supported,
+    starting,
+    midi,
+    inputs,
+    outputs,
+    error,
+    connect,
+    disconnect,
+  };
+}
diff --git a/data/experiments.mjs b/data/experiments.mjs
index a6d256d9..60d26f46 100644
--- a/data/experiments.mjs
+++ b/data/experiments.mjs
@@ -49,7 +49,7 @@ export const experimentLinks = [
     title: "Spectrogram",
     description:
       "Visualize the audio from your microphone as a waveform, frequency bars, and a spectrogram",
-    link: "/experiments/audio",
+    link: "/experiments/audio/",
     img: "/images/previews/microphone.webp",
   },
   {
@@ -63,20 +63,20 @@ export const experimentLinks = [
     title: "MIDI Chords",
     description:
       "Identify the chords being played by your attached MIDI device",
-    link: "/experiments/chords",
+    link: "/experiments/chords/",
     img: "/images/previews/chord-identifier.webp",
   },
   {
     title: "MIDI Events",
     description:
       "View the MIDI events triggered by a MIDI-controller through the Web MIDI API",
-    link: "/experiments/midi",
+    link: "/experiments/midi/",
     img: "/images/previews/midi-events.webp",
   },
   {
     title: "Matrix Multiplication",
     description: "Step through the process of matrix multiplication",
-    link: "/experiments/matrix",
+    link: "/experiments/matrix/",
     img: "/images/previews/matrix-multiplication.webp",
   },
   {
diff --git a/error.vue b/error.vue
index 2ba1169c..39d1ae59 100644
--- a/error.vue
+++ b/error.vue
@@ -1,32 +1,34 @@
+<script setup lang="ts">
+import type { NuxtError } from "#app";
+const props = defineProps<{ error: NuxtError }>();
+const notFound = computed(() => props.error.statusCode === 404);
+useSeoMeta({
+  title: () =>
+    pageTitle(notFound.value ? "Page not found" : "Something went wrong"),
+  robots: "noindex,nofollow",
+});
+</script>
+
 <template>
-  <body class="bg-background font-display flex min-h-screen flex-col">
+  <div class="bg-background font-display flex min-h-screen flex-col">
     <Header />
-    <main class="mt-5 flex-1">
-      <div class="flex justify-center">
-        <Transition
-          appear
-          enter="transition transform duration-300 ease-out"
-          enter-from="translate-x-8 opacity-0"
-          enter-to="translate-x-0 opacity-100"
-          leave="transition transform duration-300 ease-in"
-          leave-from="opacity-100"
-          leave-to="-translate-x-8 opacity-0"
+    <main class="container mt-5 flex-1">
+      <div class="p-7 text-center">
+        <h1 class="text-foreground text-6xl font-bold">
+          {{ notFound ? "404" : "Something went wrong" }}
+        </h1>
+        <p class="mt-3 text-gray-700 dark:text-gray-200">
+          {{ notFound ? "Page not found" : "Please try again in a moment." }}
+        </p>
+        <button
+          v-if="!notFound"
+          type="button"
+          class="mt-5 underline"
+          @click="clearError({ redirect: '/' })"
         >
-          <div
-            class="rounded-xl bg-white/75 p-7 text-center shadow-lg dark:bg-black/50"
-          >
-            <div
-              class="text-foreground text-6xl font-extrabold tracking-widest"
-            >
-              Yikes!
-            </div>
-            <div class="text-base text-gray-700 dark:text-gray-200">
-              Either the page you're looking for doesn't exist, or something has
-              gone terribly wrong.
-            </div>
-          </div>
-        </Transition>
+          Return home
+        </button>
       </div>
     </main>
-  </body>
+  </div>
 </template>
diff --git a/layouts/default.vue b/layouts/default.vue
index f77cc4a7..08791a3b 100644
--- a/layouts/default.vue
+++ b/layouts/default.vue
@@ -1,18 +1,24 @@
 <template>
-  <div class="bg-gradient-to-b from-orange-600 to-red-600">
-    <div class="p-3">
-      <div
-        class="bg-background font-display flex h-[calc(100dvh-24px)] flex-col"
-      >
-        <main
-          class="site-noise-surface noise-bg no-scrollbar flex min-h-0 flex-1 flex-col overflow-y-auto bg-white dark:bg-black pointer-fine:overscroll-none"
-        >
-          <Header />
-          <div class="flex-1">
-            <slot />
-          </div>
-        </main>
-      </div>
-    </div>
+  <div class="site-frame bg-gradient-to-b from-orange-600 to-red-600 p-3">
+    <main
+      class="site-noise-surface noise-bg min-h-[calc(100dvh-24px)] bg-white dark:bg-black"
+    >
+      <Header />
+      <slot />
+    </main>
   </div>
 </template>
+
+<style>
+/* Preserve the fixed decorative frame while letting the document own scrolling.
+ * Nuxt can then reset routes, restore history positions, and follow anchors. */
+.site-frame::after {
+  content: "";
+  position: fixed;
+  inset: 0;
+  border: 12px solid;
+  border-image: linear-gradient(to bottom, #ea580c, #dc2626) 1;
+  pointer-events: none;
+  z-index: 60;
+}
+</style>
diff --git a/layouts/light.vue b/layouts/light.vue
index d7b10889..4e652e30 100644
--- a/layouts/light.vue
+++ b/layouts/light.vue
@@ -1,10 +1,10 @@
 <template>
-  <main>
+  <div>
     <Header />
-    <div class="bg-background font-display container min-h-screen">
-      <main class="flex flex-col">
-        <slot />
-      </main>
-    </div>
-  </main>
+    <main
+      class="bg-background font-display container flex min-h-screen flex-col"
+    >
+      <slot />
+    </main>
+  </div>
 </template>
diff --git a/modules/content.ts b/modules/content.ts
index 8c1c9d7b..1dfc0249 100644
--- a/modules/content.ts
+++ b/modules/content.ts
@@ -1,5 +1,3 @@
-import { readdirSync, readFileSync } from "node:fs";
-import { join } from "node:path";
 import {
   addServerScanDir,
   addServerTemplate,
@@ -9,27 +7,8 @@ import {
 import { parseMarkdown } from "comark";
 import highlight from "comark/plugins/highlight";
 import tokyoNight from "shiki/themes/tokyo-night.mjs";
-import matter from "gray-matter";
-import { z } from "zod";
-import type { BlogArticle } from "./content/runtime/types/blog-article";
-
-const frontmatterSchema = z.object({
-  title: z.string().optional(),
-  description: z.string().optional(),
-  date: z.coerce.date(),
-  tags: z.array(z.string()),
-  categories: z.array(z.string()),
-  cover_image: z.string().optional(),
-  img: z.string().optional(),
-  external_url: z.string().url().optional(),
-  external_site: z.string().optional(),
-  canonical_url: z.string().url().optional(),
-  draft: z.boolean().optional(),
-});
-
-function slugFromFilePath(filePath: string) {
-  return filePath.split("/").pop()?.replace(/\.md$/, "") || "";
-}
+import type { BlogArticle } from "../shared/types/article";
+import { loadArticleSources } from "./content/manifest";
 
 function readingTimeMinutes(body: string) {
   const text = body
@@ -58,13 +37,12 @@ function excerptFromBody(body: string) {
     .trim();
 }
 
-async function parseArticle(
-  filePath: string,
-  rawMarkdown: string,
-): Promise<BlogArticle> {
-  const slug = slugFromFilePath(filePath);
-  const { data, content } = matter(rawMarkdown);
-  const frontmatter = frontmatterSchema.parse(data);
+async function parseArticle({
+  slug,
+  path,
+  frontmatter,
+  content,
+}: ReturnType<typeof loadArticleSources>[number]): Promise<BlogArticle> {
   const document = await parseMarkdown(content.trim(), {
     plugins: [
       highlight({
@@ -80,7 +58,7 @@ async function parseArticle(
     ...frontmatter,
     _id: `content:blog:${slug}`,
     slug,
-    path: `/blog/${slug}`,
+    path,
     document,
     excerpt: excerptFromBody(content),
     readingTimeMinutes: readingTimeMinutes(content),
@@ -88,19 +66,9 @@ async function parseArticle(
   };
 }
 
-async function loadArticles(rootDir: string) {
-  const blogContentDir = join(rootDir, "content", "blog");
-  const articles = await Promise.all(
-    readdirSync(blogContentDir)
-      .filter((fileName) => fileName.endsWith(".md"))
-      .map((fileName) => {
-        const filePath = join(blogContentDir, fileName);
-        return parseArticle(filePath, readFileSync(filePath, "utf8"));
-      }),
-  );
-
-  return articles.sort(
-    (a, b) => new Date(b.date).getTime() - new Date(a.date).getTime(),
+async function loadArticles(rootDir: string, previewDrafts: boolean) {
+  return Promise.all(
+    loadArticleSources(rootDir, previewDrafts).map(parseArticle),
   );
 }
 
@@ -114,11 +82,18 @@ export default defineNuxtModule({
     addServerTemplate({
       filename: "#content/articles",
       async getContents() {
-        const articles = await loadArticles(nuxt.options.rootDir);
+        const previewDrafts =
+          nuxt.options.dev && process.env.NUXT_PREVIEW_DRAFTS === "1";
+        const articles = await loadArticles(
+          nuxt.options.rootDir,
+          previewDrafts,
+        );
 
         return `const articles = ${JSON.stringify(articles, null, 2)}
 
-const articleSummaries = articles.map(({ document, ...article }) => article)
+const articleSummaries = articles.map(({ _id, path, title, date, external_url, external_site, draft }) => ({
+  _id, path, title, date, external_url, external_site, draft
+}))
 
 export function getAllBlogArticles(options = {}) {
   if (options.includeDrafts) {
diff --git a/modules/content/manifest.ts b/modules/content/manifest.ts
new file mode 100644
index 00000000..4ed60ee7
--- /dev/null
+++ b/modules/content/manifest.ts
@@ -0,0 +1,41 @@
+import { readdirSync, readFileSync } from "node:fs";
+import { join } from "node:path";
+import matter from "gray-matter";
+import { z } from "zod";
+
+const frontmatterSchema = z.object({
+  title: z.string().trim().min(1),
+  description: z.string().optional(),
+  date: z.coerce.date(),
+  tags: z.array(z.string()),
+  categories: z.array(z.string()),
+  cover_image: z.string().optional(),
+  img: z.string().optional(),
+  external_url: z.url().optional(),
+  external_site: z.string().optional(),
+  canonical_url: z.url().optional(),
+  draft: z.boolean().optional(),
+});
+
+// The same validated publication policy drives all build and runtime consumers.
+// Draft preview must be explicitly requested by the development module only.
+export function loadArticleSources(rootDir: string, includeDrafts = false) {
+  const directory = join(rootDir, "content/blog");
+  return readdirSync(directory)
+    .filter((name) => name.endsWith(".md"))
+    .map((name) => {
+      const { data, content } = matter(
+        readFileSync(join(directory, name), "utf8"),
+      );
+      const frontmatter = frontmatterSchema.parse(data);
+      const slug = z
+        .string()
+        .regex(/^[a-z0-9]+(?:-[a-z0-9]+)*$/)
+        .parse(name.replace(/\.md$/, ""));
+      return { slug, path: `/blog/${slug}/`, frontmatter, content };
+    })
+    .filter(({ frontmatter }) => includeDrafts || !frontmatter.draft)
+    .sort(
+      (a, b) => b.frontmatter.date.getTime() - a.frontmatter.date.getTime(),
+    );
+}
diff --git a/modules/content/redirects.ts b/modules/content/redirects.ts
new file mode 100644
index 00000000..18af3e76
--- /dev/null
+++ b/modules/content/redirects.ts
@@ -0,0 +1,32 @@
+import { mkdirSync, writeFileSync } from "node:fs";
+import { dirname, join } from "node:path";
+import { absoluteUrl } from "../../shared/site";
+
+export function legacyRedirects(articles: { slug: string; path: string }[]) {
+  return [
+    { from: "/articles", to: "/blog/" },
+    { from: "/atom", to: "/atom.xml" },
+    ...articles.map(({ slug, path }) => ({
+      from: `/articles/${slug}`,
+      to: path,
+    })),
+  ];
+}
+
+export function writeStaticRedirects(
+  publicDir: string,
+  redirects: { from: string; to: string }[],
+) {
+  for (const { from, to } of redirects) {
+    // These values come from our validated manifest, never request input.
+    const html = `<!doctype html>
+<html lang="en"><head><meta charset="utf-8"><title>Page moved</title>
+<link rel="canonical" href="${absoluteUrl(to)}">
+<meta http-equiv="refresh" content="0; url=${to}">
+<script>location.replace(${JSON.stringify(to)} + location.search + location.hash)</script>
+</head><body><p>This page has moved to <a href="${to}">${to}</a>.</p></body></html>`;
+    const output = join(publicDir, from, "index.html");
+    mkdirSync(dirname(output), { recursive: true });
+    writeFileSync(output, html);
+  }
+}
diff --git a/modules/content/runtime/server/api/articles/index.get.ts b/modules/content/runtime/server/api/articles/index.get.ts
index 00899627..1f69f4c4 100644
--- a/modules/content/runtime/server/api/articles/index.get.ts
+++ b/modules/content/runtime/server/api/articles/index.get.ts
@@ -1,5 +1,12 @@
 import { getAllBlogArticleSummaries } from "#content/articles";
 
-export default defineEventHandler(() => {
-  return getAllBlogArticleSummaries();
+export default defineEventHandler((event) => {
+  const articles = getAllBlogArticleSummaries();
+  const { limit } = getQuery(event);
+  if (limit === undefined) return articles;
+  const count = Number(limit);
+  if (!Number.isInteger(count) || count < 1 || count > 100) {
+    throw createError({ statusCode: 400, statusMessage: "Invalid article limit" });
+  }
+  return articles.slice(0, count);
 });
diff --git a/nuxt.config.ts b/nuxt.config.ts
index 87bfe0e0..b5ca5dd3 100644
--- a/nuxt.config.ts
+++ b/nuxt.config.ts
@@ -1,27 +1,14 @@
-import { readdirSync, writeFileSync, mkdirSync } from "fs";
-import { join, dirname } from "path";
 import tailwindcss from "@tailwindcss/vite";
+import { loadArticleSources } from "./modules/content/manifest";
+import {
+  legacyRedirects,
+  writeStaticRedirects,
+} from "./modules/content/redirects";
+import { PAGE_ROUTES } from "./shared/site";
 
-const STATIC_ROUTES = [
-  "/",
-  "/about",
-  "/blog",
-  "/experiments",
-  "/experiments/audio",
-  "/experiments/chords",
-  "/experiments/matrix",
-  "/experiments/midi",
-  "/talks",
-  "/sitemap.xml",
-  "/robots.txt",
-  "/atom",
-];
+const articles = loadArticleSources(process.cwd());
+const redirects = legacyRedirects(articles);
 
-const blogRoutes = readdirSync(join(process.cwd(), "content", "blog"))
-  .filter((fileName) => fileName.endsWith(".md"))
-  .map((fileName) => `/blog/${fileName.replace(/\.md$/, "")}`);
-
-// https://nuxt.com/docs/api/configuration/nuxt-config
 export default defineNuxtConfig({
   ssr: true,
   components: true,
@@ -30,9 +17,7 @@ export default defineNuxtConfig({
 
   app: {
     head: {
-      htmlAttrs: {
-        lang: "en",
-      },
+      htmlAttrs: { lang: "en" },
       titleTemplate: "%s",
       meta: [
         { charset: "utf-8" },
@@ -46,87 +31,42 @@ export default defineNuxtConfig({
           rel: "alternate",
           type: "application/atom+xml",
           title: "Colton Padden's Blog",
-          href: "/atom",
+          href: "/atom.xml",
         },
       ],
-      bodyAttrs: {
-        class: "bg-background",
-      },
+      bodyAttrs: { class: "bg-background" },
     },
   },
 
-  vite: {
-    plugins: [tailwindcss()],
-  },
+  vite: { plugins: [tailwindcss()] },
 
   nitro: {
-    // GitHub Pages serves this as static output. Explicit routes make the
-    // generated site independent of the prerenderer's link crawler.
+    // Explicit publication manifest: drafts cannot enter output via crawling.
     prerender: {
       crawlLinks: false,
-      routes: [...STATIC_ROUTES, ...blogRoutes],
+      routes: [
+        ...PAGE_ROUTES,
+        ...articles.map(({ path }) => path),
+        "/sitemap.xml",
+        "/robots.txt",
+        "/atom.xml",
+      ],
     },
   },
 
-  routeRules: {
-    "/articles": { redirect: { to: "/blog", statusCode: 301 } },
-  },
+  // Actual HTTP redirects when running Nitro; HTML counterparts for Pages below.
+  routeRules: Object.fromEntries(
+    redirects.flatMap(({ from, to }) => [
+      [from, { redirect: { to, statusCode: 301 as const } }],
+      [`${from}/`, { redirect: { to, statusCode: 301 as const } }],
+    ]),
+  ),
 
   hooks: {
-    // Generate HTML redirect files for `/articles/**` to `/blog/**`
-    async close() {
-      const { statSync, existsSync } = await import("fs");
-      const distBlogPath = join(process.cwd(), "dist", "blog");
-      const distArticlesPath = join(process.cwd(), "dist", "articles");
-
-      try {
-        if (!existsSync(distBlogPath)) {
-          console.log("Blog directory not found, skipping redirect generation");
-          return;
-        }
-
-        if (!statSync(distBlogPath).isDirectory()) {
-          console.log(
-            "Blog directory path is not a directory, skipping redirect generation",
-          );
-          return;
-        }
-
-        const blogDirs = readdirSync(distBlogPath, { withFileTypes: true })
-          .filter((dirent) => dirent.isDirectory())
-          .map((dirent) => dirent.name);
-
-        console.log(
-          `Generating ${blogDirs.length} redirect files for old /articles paths...`,
-        );
-
-        for (const slug of blogDirs) {
-          const oldPath = `/articles/${slug}`;
-          const newPath = `/blog/${slug}`;
-
-          const redirectHtml = `<!DOCTYPE html>
-<html lang="en">
-<head>
-  <meta charset="utf-8">
-  <title>Redirecting...</title>
-  <link rel="canonical" href="${newPath}">
-  <meta http-equiv="refresh" content="0; url=${newPath}">
-  <script>window.location.href = "${newPath}";</script>
-</head>
-<body>
-  <p>This page has moved to <a href="${newPath}">${newPath}</a>.</p>
-</body>
-</html>`;
-
-          const outputPath = join(distArticlesPath, slug, "index.html");
-          mkdirSync(dirname(outputPath), { recursive: true });
-          writeFileSync(outputPath, redirectHtml);
-        }
-
-        console.log("Redirect files generated successfully!");
-      } catch (error) {
-        console.warn("Could not generate redirect files:", error);
-      }
+    "nitro:init"(nitro) {
+      nitro.hooks.hook("prerender:done", () => {
+        writeStaticRedirects(nitro.options.output.publicDir, redirects);
+      });
     },
   },
 
diff --git a/package.json b/package.json
index 13f2bf81..10726b84 100644
--- a/package.json
+++ b/package.json
@@ -3,9 +3,13 @@
   "type": "module",
   "scripts": {
     "preinstall": "npx only-allow pnpm",
-    "build": "nuxt build",
-    "dev": "nuxt dev",
-    "generate": "nuxt generate",
+    "build": "pnpm images:generate && nuxt build",
+    "images:generate": "node scripts/generate-responsive-images.mjs",
+    "test": "node --import tsx --test tests/unit/*.test.ts",
+    "test:output": "node --import tsx --test tests/output/*.test.ts",
+    "test:e2e": "playwright test",
+    "dev": "pnpm images:generate && nuxt dev",
+    "generate": "pnpm images:generate && nuxt generate",
     "preview": "nuxt preview",
     "postinstall": "nuxt prepare",
     "typecheck": "nuxt typecheck",
@@ -14,6 +18,7 @@
   },
   "devDependencies": {
     "@comark/nuxt": "^0.7.0",
+    "@playwright/test": "^1.64.1",
     "@tailwindcss/typography": "^0.5.20",
     "@tailwindcss/vite": "^4.3.3",
     "feed": "^6.0.0",
@@ -21,9 +26,11 @@
     "nuxt": "^4.5.2",
     "prettier": "^3.9.9",
     "prettier-plugin-tailwindcss": "^0.8.1",
+    "sharp": "^0.35.5",
     "shiki": "^4.4.3",
     "sitemap": "^9.0.1",
-    "typescript": "6.0.0-beta",
+    "tsx": "^4.23.15",
+    "typescript": "5.9.3",
     "vue-tsc": "^3.3.11",
     "zod": "^4.6.5"
   },
diff --git a/pages/blog/[...slug].vue b/pages/blog/[...slug].vue
index d7a7e65c..53ce3a80 100644
--- a/pages/blog/[...slug].vue
+++ b/pages/blog/[...slug].vue
@@ -1,5 +1,5 @@
 <script setup lang="ts">
-import type { BlogArticle } from "../../modules/content/runtime/types/blog-article";
+import type { BlogArticle } from "../../shared/types/article";
 
 const route = useRoute();
 
@@ -8,10 +8,22 @@ const slug = computed(() => {
   return Array.isArray(value) ? value.filter(Boolean).join("/") : value;
 });
 
-const { data: page } = await useFetch<BlogArticle>(
+const { data: page, error } = await useFetch<BlogArticle>(
   () => `/api/articles/${slug.value}`,
 );
 
+// Propagate API failures to the shared error page, including SPA navigation.
+if (error.value || !page.value) {
+  throw createError({
+    statusCode: error.value?.statusCode || 404,
+    statusMessage:
+      error.value?.statusCode === 404 || !error.value
+        ? "Article not found"
+        : "Unable to load article",
+    fatal: true,
+  });
+}
+
 const isExternal = computed(() => Boolean(page.value?.external_url));
 const isDraft = computed(() => Boolean(page.value?.draft));
 const title = computed(() => pageTitle(page.value?.title));
@@ -83,7 +95,7 @@ useHead(() => ({
       : isExternal.value
         ? { name: "robots", content: "noindex,follow" }
         : undefined,
-  ].filter(Boolean) as any,
+  ].filter((meta): meta is { name: string; content: string } => Boolean(meta)),
   script: jsonLd.value
     ? [
         {
@@ -105,8 +117,12 @@ useHead(() => ({
         <div class="flex">
           <template v-if="page.cover_image || page.img">
             <img
-              class="mr-5 h-16 border-2 border-black"
+              class="mr-5 h-16 w-16 shrink-0 border-2 border-black object-cover"
               :src="page.cover_image || page.img"
+              alt=""
+              width="64"
+              height="64"
+              decoding="async"
             />
           </template>
 
diff --git a/pages/experiments/audio/index.vue b/pages/experiments/audio/index.vue
index d0e08332..3fa8929b 100644
--- a/pages/experiments/audio/index.vue
+++ b/pages/experiments/audio/index.vue
@@ -1,233 +1,86 @@
-<template>
-  <div class="container font-mono">
-    <div class="bg-black text-white">
-      <div class="grid grid-cols-3 gap-5">
-        <!-- Controls -->
-        <div class="col-span-3 space-x-3">
-          <div
-            class="inline-block rounded-lg bg-black px-7 py-3 text-sm font-bold text-white uppercase shadow-lg shadow-green-400/25 transition duration-150 ease-in-out hover:cursor-pointer hover:shadow-white/25"
-            @click="enable_audio_monitoring"
-          >
-            Enable
-          </div>
-          <div
-            class="inline-block rounded-lg bg-black px-7 py-3 text-sm font-bold text-white uppercase shadow-lg shadow-red-400/25 transition duration-150 ease-in-out hover:cursor-pointer hover:shadow-white/25"
-            @click="disable_audio_monitoring"
-          >
-            Disable
-          </div>
-        </div>
-        <div class="col-span-3 rounded-xl bg-black/75 p-5 lg:col-span-1">
-          <div class="mb-3 text-xl font-bold">Time Domain Waveform</div>
-          <ExperimentsAudioWaveform
-            :timeDomainBufferHistory="timeDomainBufferHistory"
-            strokeStyle="rgb(255, 0, 255)"
-            class="h-72 border-2 border-gray-400"
-          />
-        </div>
-        <div class="col-span-3 rounded-xl bg-black/75 p-5 lg:col-span-1">
-          <div class="mb-3 text-xl font-bold">Frequency Spectrogram</div>
-          <ExperimentsAudioSpectrogram
-            :frequencyDomainBufferHistory="frequencyDomainBufferHistory"
-            class="h-72 border-2 border-gray-400"
-          />
-        </div>
-        <div class="col-span-3 rounded-xl bg-black/75 p-5 lg:col-span-1">
-          <div class="mb-3 text-xl font-bold">Frequency Bar Chart</div>
-          <ExperimentsAudioFrequencyBarGraph
-            :audioBufferHistory="frequencyDomainBufferHistory"
-            class="h-72 border-2 border-gray-400"
-          />
-        </div>
-
-        <!-- Frequency Domain Table -->
-        <div class="col-span-3 rounded-xl bg-black/75 p-5">
-          <div class="mb-3 text-xl font-bold">Frequency Buffer History</div>
-          <div>
-            <table class="w-full table-fixed">
-              <thead class="collapse border-b-2 md:visible">
-                <tr>
-                  <th class="text-left">Index</th>
-                  <th class="text-left">Mean</th>
-                  <th class="text-left">Min</th>
-                  <th class="text-left">Max</th>
-                  <th class="text-left">FFT</th>
-                  <th class="text-right">Buffer</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr
-                  v-for="(data, ix) in frequencyDomainBufferHistory.slice(-10)"
-                  :key="ix"
-                >
-                  <td class="text-left font-bold">{{ ix }}</td>
-                  <td class="text-left">
-                    {{
-                      (
-                        data.reduce((prev, curr) => prev + curr) / data.length
-                      ).toFixed(2)
-                    }}
-                  </td>
-                  <td class="text-left">
-                    {{ Math.min(...data) }}
-                  </td>
-                  <td class="text-left">
-                    {{ Math.max(...data) }}
-                  </td>
-                  <td class="text-left">
-                    {{ data.length }}
-                  </td>
-                  <td class="truncate text-right">
-                    {{ data.slice(0, 4) }} ... {{ data.slice(-4) }}
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </div>
+<script setup lang="ts">
+const { enabled, starting, error, samples, summaries, start, stop } =
+  useAudioMonitor();
+usePageSeo({
+  title: "Audio visualizer",
+  description:
+    "Explore microphone waveforms, frequencies, and a live spectrogram.",
+  path: "/experiments/audio/",
+});
+const visualizations = [
+  { mode: "waveform", title: "Time Domain Waveform" },
+  { mode: "spectrogram", title: "Frequency Spectrogram" },
+  { mode: "frequency", title: "Frequency Bar Chart" },
+] as const;
+const tables = computed(() => [
+  { title: "Frequency Buffer History", rows: summaries.value.frequency },
+  { title: "Time Domain Buffer History", rows: summaries.value.waveform },
+]);
+</script>
 
-        <!-- Time Domain Table -->
-        <div class="col-span-3 rounded-xl bg-black/75 p-5">
-          <div class="mb-3 text-xl font-bold">Time Domain Buffer History</div>
-          <div>
-            <table class="w-full table-fixed">
-              <thead class="collapse border-b-2 md:visible">
-                <tr>
-                  <th class="text-left">Index</th>
-                  <th class="text-left">Mean</th>
-                  <th class="text-left">Min</th>
-                  <th class="text-left">Max</th>
-                  <th class="text-left">FFT</th>
-                  <th class="text-right">Buffer</th>
-                </tr>
-              </thead>
-              <tbody>
-                <tr
-                  v-for="(data, ix) in timeDomainBufferHistory.slice(-10)"
-                  :key="ix"
-                >
-                  <td class="text-left font-bold">{{ ix }}</td>
-                  <td class="text-left">
-                    {{
-                      (
-                        data.reduce((prev, curr) => prev + curr) / data.length
-                      ).toFixed(2)
-                    }}
-                  </td>
-                  <td class="text-left">
-                    {{ Math.min(...data) }}
-                  </td>
-                  <td class="text-left">
-                    {{ Math.max(...data) }}
-                  </td>
-                  <td class="text-left">
-                    {{ data.length }}
-                  </td>
-                  <td class="truncate text-right">
-                    {{ data.slice(0, 4) }} ... {{ data.slice(-4) }}
-                  </td>
-                </tr>
-              </tbody>
-            </table>
-          </div>
-        </div>
+<template>
+  <section class="container py-5 font-mono">
+    <h1 class="sr-only">Audio visualizer</h1>
+    <div class="grid grid-cols-3 gap-5 bg-black text-white">
+      <div class="col-span-3 space-x-3">
+        <button
+          type="button"
+          class="rounded-lg px-7 py-3 text-sm font-bold uppercase shadow-lg shadow-green-400/25 disabled:opacity-50"
+          :disabled="enabled || starting"
+          @click="start"
+        >
+          {{ starting ? "Enabling…" : "Enable" }}
+        </button>
+        <button
+          type="button"
+          class="rounded-lg px-7 py-3 text-sm font-bold uppercase shadow-lg shadow-red-400/25 disabled:opacity-50"
+          :disabled="!enabled && !starting"
+          @click="stop"
+        >
+          Disable
+        </button>
+        <p v-if="error" role="alert" class="p-3 text-red-300">{{ error }}</p>
+      </div>
+      <div
+        v-for="visualization in visualizations"
+        :key="visualization.mode"
+        class="col-span-3 min-w-0 rounded-xl bg-black/75 p-5 lg:col-span-1"
+      >
+        <h2 class="mb-3 text-xl font-bold">{{ visualization.title }}</h2>
+        <ExperimentsAudioVisualizer
+          :mode="visualization.mode"
+          :samples="samples"
+        />
+      </div>
+      <div
+        v-for="table in tables"
+        :key="table.title"
+        class="col-span-3 overflow-x-auto rounded-xl p-5"
+      >
+        <h2 class="mb-3 text-xl font-bold">{{ table.title }}</h2>
+        <table class="w-full table-fixed text-sm">
+          <thead class="border-b-2">
+            <tr>
+              <th scope="col">Index</th>
+              <th scope="col">Mean</th>
+              <th scope="col">Min</th>
+              <th scope="col">Max</th>
+              <th scope="col">FFT</th>
+              <th scope="col">Buffer</th>
+            </tr>
+          </thead>
+          <tbody>
+            <tr v-for="(row, index) in table.rows" :key="index">
+              <td>{{ index }}</td>
+              <td>{{ row.mean }}</td>
+              <td>{{ row.min }}</td>
+              <td>{{ row.max }}</td>
+              <td>{{ row.length }}</td>
+              <td class="truncate">{{ row.preview }}</td>
+            </tr>
+          </tbody>
+        </table>
       </div>
     </div>
-  </div>
+  </section>
 </template>
-
-<script setup lang="ts">
-// definePageMeta({ layout: "light" });
-
-let stream: MediaStream | null = null;
-let audioCtx: AudioContext | null = null;
-let analyser: AnalyserNode | null = null;
-let source: MediaStreamAudioSourceNode | null = null;
-
-let timeDomainBuffer: Uint8Array<ArrayBuffer> | null = null;
-let timeDomainBufferHistory = ref<Array<Uint8Array<ArrayBuffer>>>([]);
-
-let frequencyDomainBuffer: Uint8Array<ArrayBuffer> | null = null;
-let frequencyDomainBufferHistory = ref<Array<Uint8Array<ArrayBuffer>>>([]);
-
-const HISTORY_SCROLLBACK = 256;
-
-const audioAnalysisEnabled = ref(false);
-
-const poll_byte_frequency_data = () => {
-  requestAnimationFrame(poll_byte_frequency_data);
-
-  if (!analyser || !timeDomainBuffer || !frequencyDomainBuffer) return;
-
-  analyser.getByteTimeDomainData(timeDomainBuffer);
-  timeDomainBufferHistory.value.push(timeDomainBuffer.slice());
-  if (timeDomainBufferHistory.value.length > HISTORY_SCROLLBACK) {
-    timeDomainBufferHistory.value.shift();
-  }
-
-  analyser.getByteFrequencyData(frequencyDomainBuffer);
-  frequencyDomainBufferHistory.value.push(frequencyDomainBuffer.slice());
-  if (frequencyDomainBufferHistory.value.length > HISTORY_SCROLLBACK) {
-    frequencyDomainBufferHistory.value.shift();
-  }
-};
-
-const enable_audio_monitoring = () => {
-  navigator.mediaDevices
-    .getUserMedia({ audio: true })
-    .then((s) => {
-      stream = s;
-      const AudioContextClass =
-        window.AudioContext ||
-        (window as Window & { webkitAudioContext?: typeof AudioContext })
-          .webkitAudioContext;
-      if (!AudioContextClass) return;
-
-      audioCtx = new AudioContextClass();
-      analyser = audioCtx.createAnalyser();
-
-      source = audioCtx.createMediaStreamSource(stream);
-      source.connect(analyser);
-
-      // analyser.fftSize = 256;
-      analyser.fftSize = 2048;
-
-      timeDomainBuffer = new Uint8Array(analyser.frequencyBinCount);
-
-      frequencyDomainBuffer = new Uint8Array(analyser.frequencyBinCount);
-
-      // initialize time domain history
-      for (let i = 0; i < HISTORY_SCROLLBACK; i++) {
-        timeDomainBufferHistory.value.push(
-          new Uint8Array(analyser.frequencyBinCount),
-        );
-      }
-
-      // initialize frequency domain history
-      for (let i = 0; i < HISTORY_SCROLLBACK; i++) {
-        frequencyDomainBufferHistory.value.push(
-          new Uint8Array(analyser.frequencyBinCount),
-        );
-      }
-
-      poll_byte_frequency_data();
-    })
-    .catch(function (err) {
-      console.error(err);
-    });
-};
-
-const disable_audio_monitoring = () => {
-  if (stream !== null && stream.active) {
-    stream.getAudioTracks().forEach((track) => {
-      track.stop();
-    });
-  }
-};
-
-onUnmounted(() => {
-  // disconnect from audio source when leaving the page
-  console.log("disabling");
-  disable_audio_monitoring();
-});
-</script>
diff --git a/pages/experiments/chords/index.vue b/pages/experiments/chords/index.vue
index 70be6677..8713252c 100644
--- a/pages/experiments/chords/index.vue
+++ b/pages/experiments/chords/index.vue
@@ -1,202 +1,74 @@
+<script setup lang="ts">
+import { identify } from "chords.ts";
+definePageMeta({ layout: "light" });
+usePageSeo({
+  title: "MIDI chords",
+  description: "Identify chords played on a connected MIDI keyboard.",
+  path: "/experiments/chords/",
+});
+// Key by input + channel + pitch, so one device's Note Off cannot release another.
+const activeKeys = reactive(new Map<string, number>());
+const {
+  supported,
+  starting,
+  midi,
+  inputs,
+  outputs,
+  error,
+  connect,
+  disconnect,
+} = useMidi(
+  (event) => {
+    const data = event.data;
+    if (!data || data.length < 3) return;
+    const command = data[0]! & 0xf0;
+    const key = `${(event.target as MIDIInput | null)?.id}:${data[0]! & 0x0f}:${data[1]}`;
+    if (command === 0x90 && data[2]! > 0) activeKeys.set(key, data[1]!);
+    else if (command === 0x80 || command === 0x90) activeKeys.delete(key);
+  },
+  () => activeKeys.clear(),
+);
+const orderedNotes = computed(() =>
+  [...new Set(activeKeys.values())].sort((a, b) => a - b),
+);
+const chord = computed(() =>
+  orderedNotes.value.length ? identify(orderedNotes.value).name || "?" : "—",
+);
+</script>
+
 <template>
-  <div
-    class="relative min-h-[32rem] overflow-hidden bg-gradient-to-b from-green-900 via-purple-900 to-indigo-900 text-white"
+  <section
+    class="relative min-h-[32rem] overflow-hidden bg-gradient-to-b from-green-900 via-purple-900 to-indigo-900 p-5 text-white"
   >
-    <!-- Message for unsupported browsers -->
-    <div
-      v-if="typeof midi === 'undefined'"
-      class="p-5 text-center font-light tracking-wide"
-    >
-      Unfortunately, the Web MIDI API is
-      <a
-        class="text-blue-500 underline"
-        href="https://developer.mozilla.org/en-US/docs/Web/API/MIDIMessageEvent#browser_compatibility"
-        >not supported</a
+    <h1 class="mb-5 text-3xl font-bold">MIDI Chords</h1>
+    <p v-if="supported === false">Web MIDI is not supported in this browser.</p>
+    <div v-else class="space-x-3">
+      <button
+        type="button"
+        class="rounded border px-4 py-2 disabled:opacity-50"
+        :disabled="starting || !!midi"
+        @click="connect"
+      >
+        {{ starting ? "Connecting…" : "Enable MIDI" }}
+      </button>
+      <button
+        type="button"
+        class="rounded border px-4 py-2 disabled:opacity-50"
+        :disabled="!midi && !starting"
+        @click="disconnect"
       >
-      in all browsers...
+        Disconnect
+      </button>
     </div>
-
-    <!-- Main application -->
-    <div v-else class="relative min-h-[32rem]">
-      <div class="flex flex-wrap">
-        <div class="absolute right-2 bottom-16">
-          <div
-            v-bind:class="{ hidden: !tooltip, block: tooltip }"
-            class="z-50 max-w-md rounded-lg border-2 border-green-800 bg-yellow-200 text-sm leading-normal font-normal break-words"
-          >
-            <div>
-              <div
-                class="mb-0 rounded-t-lg border-b border-solid bg-green-600 p-3 font-semibold text-white uppercase opacity-75"
-              >
-                MIDI Status
-              </div>
-
-              <div class="p-3 font-mono text-orange-900">
-                <div class="mb-3 font-bold">
-                  Enabled:
-                  <span>
-                    {{ typeof midi !== "undefined" ? "Yep!" : "Nope" }}
-                  </span>
-                </div>
-                <div class="mb-3">
-                  <div class="font-bold">Inputs:</div>
-                  <div
-                    v-if="inputs.length === 0"
-                    class="p-5 text-center italic"
-                  >
-                    No input devices detected :(
-                  </div>
-                  <div v-else>
-                    <div
-                      v-for="input in inputs || []"
-                      :key="input.id"
-                      class="flex"
-                    >
-                      <div class="flex-1">{{ input.manufacturer }}</div>
-                      <div class="flex-1">{{ input.name }}</div>
-                    </div>
-                  </div>
-                </div>
-                <div class="mb-3">
-                  <div class="font-bold">Outputs:</div>
-                  <div
-                    v-if="outputs.length === 0"
-                    class="p-5 text-center italic"
-                  >
-                    No output devices detected :(
-                  </div>
-                  <div v-else>
-                    <div
-                      v-for="output in outputs || []"
-                      :key="output.id"
-                      class="flex"
-                    >
-                      <div class="flex-1">{{ output.manufacturer }}</div>
-                      <div class="flex-1">{{ output.name }}</div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="absolute right-2 bottom-2">
-          <button
-            @click="tooltip = !tooltip"
-            class="rounded-lg border-3 border-green-600 bg-green-50 px-1 text-green-600 shadow hover:text-green-500 hover:shadow-lg"
-            type="button"
-          >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              xmlns:xlink="http://www.w3.org/1999/xlink"
-              viewBox="0 0 20 20"
-              class="h-10 w-10"
-            >
-              <g fill="none">
-                <path
-                  d="M2.5 4a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-11a.5.5 0 0 0-.5-.5h-15zm.5 6h2v3.5a.5.5 0 0 0 1 0V10h2v3.5a.5.5 0 0 0 1 0V10h2v3.5a.5.5 0 0 0 1 0V10h2v3.5a.5.5 0 0 0 1 0V10h2v5H3v-5zm2.75-2.5a.75.75 0 1 1 0-1.5a.75.75 0 0 1 0 1.5zm6.25-1a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm-3 .251a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0z"
-                  fill="currentColor"
-                />
-              </g>
-            </svg>
-          </button>
-        </div>
-      </div>
-      <!-- display active key pressed in the bottom left of the screen -->
-      <div class="absolute bottom-4 left-4">
-        <div class="flex">
-          <div v-for="note in orderedNotes()" :key="note" class="p-5">
-            {{ note }}
-          </div>
-        </div>
+    <p v-if="error" role="alert" class="my-3">{{ error }}</p>
+    <template v-if="midi">
+      <ExperimentsMidiStatus :inputs="inputs" :outputs="outputs" />
+      <div class="grid min-h-72 place-items-center">
+        <output aria-live="polite" class="text-4xl font-semibold">{{
+          chord
+        }}</output>
       </div>
-      <div class="grid min-h-[32rem] place-items-center">
-        <div>
-          <div class="text-center text-4xl font-semibold tracking-wide">
-            <!-- <div v-if="activeKeys.size === 0">-</div> -->
-            <transition
-              enter-active-class="duration-500 ease-out"
-              enter-class="opacity-0 transform"
-              enter-to-class="opacity-100"
-              leave-active-class="duration-500"
-              leave-class="opacity-100"
-              leave-to-class="opacity-0 transform"
-            >
-              <div v-if="activeKeys.size >= 1">
-                {{ chord() || "?" }}
-              </div>
-            </transition>
-          </div>
-        </div>
-      </div>
-    </div>
-  </div>
+      <p>Active notes: {{ orderedNotes.join(", ") || "None" }}</p>
+    </template>
+  </section>
 </template>
-
-<script setup lang="ts">
-definePageMeta({ layout: "light" });
-</script>
-
-<script lang="ts">
-import { identify } from "chords.ts";
-
-export default {
-  mounted() {
-    // not all browsers support `requestMIDIAccess`
-    if (typeof navigator.requestMIDIAccess !== "undefined") {
-      navigator.requestMIDIAccess().then(
-        (access: MIDIAccess) => {
-          this.midi = access;
-          this.midi.inputs.forEach((entry: any) => {
-            entry.onmidimessage = (event: any) => {
-              // key pressed -- add key to active keys
-              if (event.data[0] === 144) {
-                this.activeKeys.set(event.data[1], event.data);
-                this.$forceUpdate();
-              }
-              // key released -- remove key from active keys
-              if (event.data[0] === 128) {
-                this.activeKeys.delete(event.data[1]);
-                this.$forceUpdate();
-              }
-            };
-          });
-        },
-        (error) => {
-          console.error(error);
-        },
-      );
-    }
-  },
-  data() {
-    return {
-      tooltip: false,
-      midi: undefined as undefined | MIDIAccess,
-      activeKeys: new Map<number, object>(),
-    };
-  },
-  computed: {
-    inputs(): MIDIInput[] {
-      return this.midi ? Array.from(this.midi.inputs.values()) : [];
-    },
-    outputs(): MIDIOutput[] {
-      return this.midi ? Array.from(this.midi.outputs.values()) : [];
-    },
-  },
-  methods: {
-    orderedNotes(): number[] {
-      return Array.from(this.activeKeys.keys()).sort();
-    },
-    chord(): string | undefined {
-      // NOTE: this was made a `method` opposed to a `computed` property as it
-      // was note reacting to changes to the underlying data. There was an attempt to
-      // resolve this by using `Vue.delete` on the `activeKeys` and to run a
-      // `this.$forceUpdate()` but neither of these solutions worked.
-      const notes = Array.from(this.activeKeys.keys());
-
-      // chord identification has been refactored into the `chords.ts` library
-      return identify(notes).name;
-    },
-  },
-};
-</script>
diff --git a/pages/experiments/index.vue b/pages/experiments/index.vue
index 3623d176..33d142f3 100644
--- a/pages/experiments/index.vue
+++ b/pages/experiments/index.vue
@@ -18,6 +18,6 @@ usePageSeo({
         Experiments
       </h1>
     </div>
-    <SectionExperiments showImages tightTop />
+    <SectionExperiments tightTop />
   </div>
 </template>
diff --git a/pages/experiments/matrix.vue b/pages/experiments/matrix.vue
index b1c84030..0c855582 100644
--- a/pages/experiments/matrix.vue
+++ b/pages/experiments/matrix.vue
@@ -1,5 +1,6 @@
 <template>
   <div class="space-y-5 p-5 text-slate-900 dark:text-slate-100">
+    <h1 class="sr-only">Matrix multiplication</h1>
     <!-- Instructions -->
     <div
       class="max-w-3xl text-lg leading-relaxed text-slate-900 dark:text-slate-100"
@@ -16,6 +17,7 @@
         class="bg-blue-200 px-5 py-3 font-bold text-blue-800 hover:bg-blue-800 hover:text-blue-200"
         :disabled="!started"
         :class="{ 'cursor-not-allowed opacity-25': !started }"
+        aria-label="Previous multiplication step"
         @click="decStep"
       >
         <svg
@@ -51,6 +53,7 @@
         class="bg-blue-200 px-5 py-3 font-bold text-blue-800 hover:bg-blue-800 hover:text-blue-200"
         :disabled="!started"
         :class="{ 'cursor-not-allowed opacity-25': !started }"
+        aria-label="Next multiplication step"
         @click="incStep"
       >
         <svg
@@ -152,6 +155,11 @@
 
 <script setup>
 definePageMeta({ layout: "light" });
+usePageSeo({
+  title: "Matrix multiplication",
+  description: "Step through matrix multiplication interactively.",
+  path: "/experiments/matrix/",
+});
 </script>
 
 <script>
@@ -181,23 +189,28 @@ export default {
   },
   mounted() {
     this.generateRandomMatrices();
+    window.addEventListener("keydown", this.onKeydown);
   },
-  created() {
-    // eslint-disable-next-line nuxt/no-globals-in-created
-    if (typeof window === "undefined") {
-      return;
-    }
-
-    // eslint-disable-next-line nuxt/no-globals-in-created
-    window.addEventListener("keydown", (e) => {
-      if (e.key === " ") {
-        this.incStep();
-      } else if (e.key === "Escape") {
-        this.ix = 0;
-      }
-    });
+  beforeUnmount() {
+    window.removeEventListener("keydown", this.onKeydown);
   },
   methods: {
+    onKeydown(event) {
+      const target = event.target;
+      if (
+        target instanceof HTMLElement &&
+        (target.isContentEditable ||
+          target.closest("input, textarea, select, button, a, summary"))
+      )
+        return;
+      if (event.key === " ") {
+        event.preventDefault();
+        if (!this.started) this.matmul(this.a, this.b);
+        else this.incStep();
+      } else if (event.key === "Escape") {
+        this.ix = 0;
+      }
+    },
     randomMatrix(n, m) {
       const matrix = [];
       for (let i = 0; i < n; i++) {
@@ -266,7 +279,7 @@ export default {
       });
     },
     incStep() {
-      if (this.ix !== this.timeline.length - 1) {
+      if (this.started && this.ix < this.timeline.length - 1) {
         this.ix += 1;
       }
     },
diff --git a/pages/experiments/midi/index.vue b/pages/experiments/midi/index.vue
index e1f2c982..a2fecab8 100644
--- a/pages/experiments/midi/index.vue
+++ b/pages/experiments/midi/index.vue
@@ -1,230 +1,122 @@
+<script setup lang="ts">
+definePageMeta({ layout: "light" });
+usePageSeo({
+  title: "MIDI events",
+  description: "View messages from a connected MIDI controller.",
+  path: "/experiments/midi/",
+});
+type MidiEvent = {
+  time: number;
+  command: number;
+  note: number;
+  velocity: number;
+  source: string;
+};
+const events = shallowRef<MidiEvent[]>([]);
+const {
+  supported,
+  starting,
+  midi,
+  inputs,
+  outputs,
+  error,
+  connect,
+  disconnect,
+} = useMidi((event) => {
+  const data = event.data;
+  if (!data) return;
+  events.value = [
+    ...events.value.slice(-14),
+    {
+      time: event.timeStamp,
+      command: data[0] || 0,
+      note: data[1] || 0,
+      velocity: data[2] || 0,
+      source: (event.target as MIDIInput | null)?.name || "Unknown device",
+    },
+  ];
+});
+const noteNames = [
+  "C",
+  "C♯",
+  "D",
+  "D♯",
+  "E",
+  "F",
+  "F♯",
+  "G",
+  "G♯",
+  "A",
+  "A♯",
+  "B",
+];
+const noteName = (value: number) =>
+  `${noteNames[value % 12]} (${Math.floor(value / 12) - 1})`;
+const commandName = (command: number, velocity: number) => {
+  const type = command & 0xf0;
+  if (type === 0x80 || (type === 0x90 && velocity === 0)) return "Note Off";
+  return type === 0x90 ? "Note On" : String(command);
+};
+</script>
+
 <template>
-  <div class="h-2/3 bg-gradient-to-b from-green-100 to-green-50">
-    <!-- Message for unsupported browsers -->
-    <div
-      v-if="typeof midi === 'undefined'"
-      class="p-5 text-center font-light tracking-wide"
-    >
-      Unfortunately, the Web MIDI API is
-      <a
-        class="text-blue-500 underline"
-        href="https://developer.mozilla.org/en-US/docs/Web/API/MIDIMessageEvent#browser_compatibility"
-        >not supported</a
+  <section
+    class="min-h-96 bg-gradient-to-b from-green-100 to-green-50 p-5 text-slate-900"
+  >
+    <h1 class="mb-5 text-3xl font-bold">MIDI Events</h1>
+    <p v-if="supported === false">Web MIDI is not supported in this browser.</p>
+    <div v-else class="space-x-3">
+      <button
+        type="button"
+        class="rounded bg-green-800 px-4 py-2 text-white disabled:opacity-50"
+        :disabled="starting || !!midi"
+        @click="connect"
       >
-      in all browsers...
+        {{ starting ? "Connecting…" : "Enable MIDI" }}
+      </button>
+      <button
+        type="button"
+        class="rounded border px-4 py-2 disabled:opacity-50"
+        :disabled="!midi && !starting"
+        @click="disconnect"
+      >
+        Disconnect
+      </button>
     </div>
-
-    <!-- Main application -->
-    <div v-else>
-      <div class="flex flex-wrap">
-        <div class="absolute right-2 bottom-16">
-          <div
-            v-bind:class="{ hidden: !tooltip, block: tooltip }"
-            class="z-50 max-w-md rounded-lg border-2 border-green-800 bg-yellow-200 text-sm leading-normal font-normal break-words"
-          >
-            <div>
-              <div
-                class="mb-0 rounded-t-lg border-b border-solid bg-green-600 p-3 font-semibold text-white uppercase opacity-75"
-              >
-                MIDI Status
-              </div>
-
-              <div class="p-3 font-mono text-orange-900">
-                <div class="mb-3 font-bold">
-                  Enabled:
-                  <span>
-                    {{ typeof midi !== "undefined" ? "Yep!" : "Nope" }}
-                  </span>
-                </div>
-                <div class="mb-3">
-                  <div class="font-bold">Inputs:</div>
-                  <div
-                    v-if="inputs.length === 0"
-                    class="p-5 text-center italic"
-                  >
-                    No input devices detected :(
-                  </div>
-                  <div v-else>
-                    <div
-                      v-for="input in inputs || []"
-                      :key="input.id"
-                      class="flex"
-                    >
-                      <div class="flex-1">{{ input.manufacturer }}</div>
-                      <div class="flex-1">{{ input.name }}</div>
-                    </div>
-                  </div>
-                </div>
-                <div class="mb-3">
-                  <div class="font-bold">Outputs:</div>
-                  <div
-                    v-if="outputs.length === 0"
-                    class="p-5 text-center italic"
-                  >
-                    No output devices detected :(
-                  </div>
-                  <div v-else>
-                    <div
-                      v-for="output in outputs || []"
-                      :key="output.id"
-                      class="flex"
-                    >
-                      <div class="flex-1">{{ output.manufacturer }}</div>
-                      <div class="flex-1">{{ output.name }}</div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-        <div class="absolute right-2 bottom-2">
-          <button
-            ref="btnRef"
-            @click="tooltip = !tooltip"
-            class="rounded-lg bg-green-800 px-3 py-1 text-white shadow hover:text-yellow-200 hover:shadow-lg"
-            type="button"
-          >
-            <svg
-              xmlns="http://www.w3.org/2000/svg"
-              xmlns:xlink="http://www.w3.org/1999/xlink"
-              viewBox="0 0 20 20"
-              class="h-10 w-10"
-            >
-              <g fill="none">
-                <path
-                  d="M2.5 4a.5.5 0 0 0-.5.5v11a.5.5 0 0 0 .5.5h15a.5.5 0 0 0 .5-.5v-11a.5.5 0 0 0-.5-.5h-15zm.5 6h2v3.5a.5.5 0 0 0 1 0V10h2v3.5a.5.5 0 0 0 1 0V10h2v3.5a.5.5 0 0 0 1 0V10h2v3.5a.5.5 0 0 0 1 0V10h2v5H3v-5zm2.75-2.5a.75.75 0 1 1 0-1.5a.75.75 0 0 1 0 1.5zm6.25-1a.5.5 0 0 1 .5-.5h2a.5.5 0 0 1 0 1h-2a.5.5 0 0 1-.5-.5zm-3 .251a.75.75 0 1 1-1.5 0a.75.75 0 0 1 1.5 0z"
-                  fill="currentColor"
-                />
-              </g>
-            </svg>
-          </button>
-        </div>
-      </div>
-
-      <div class="container p-9">
-        <div class="font-display text-4xl font-light tracking-wide">
-          MIDI Events
-        </div>
-        <table
-          class="w-full table-auto border-2 border-green-800 bg-green-50 text-sm"
-        >
-          <thead class="bg-green-800 font-semibold text-white uppercase">
+    <p v-if="error" role="alert" class="my-3">{{ error }}</p>
+    <template v-if="midi">
+      <ExperimentsMidiStatus :inputs="inputs" :outputs="outputs" />
+      <div class="overflow-x-auto">
+        <table class="w-full text-left text-sm">
+          <thead class="bg-green-800 text-white">
             <tr>
-              <th class="p-3 text-left">Timestamp</th>
-              <th class="p-3 text-left">Command #</th>
-              <th class="p-3 text-left">Command</th>
-              <th class="p-3 text-left">Note #</th>
-              <th class="p-3 text-left">Note</th>
-              <th class="p-3 text-left">Velocity</th>
-              <th class="p-3 text-right">MIDI Source</th>
+              <th scope="col">Timestamp</th>
+              <th scope="col">Command</th>
+              <th scope="col">Note</th>
+              <th scope="col">Velocity</th>
+              <th scope="col">Source</th>
             </tr>
           </thead>
-          <tbody class="divide-y divide-gray-100">
-            <tr v-if="events.length === 0">
-              <td class="p-5 text-center italic" colspan="7">
-                Press a key, or turn a knob!
-              </td>
+          <tbody>
+            <tr v-if="!events.length">
+              <td colspan="5" class="p-5">Press a key, or turn a knob!</td>
             </tr>
-            <tr v-for="(event, ix) in events" :key="ix">
-              <td class="p-3 text-left">{{ event.timeStamp.toFixed(2) }}</td>
-              <td class="p-3 text-left">{{ event.data[0] }}</td>
-              <td class="p-3 text-left">{{ midiCommand(event.data[0]) }}</td>
-              <td class="p-3 text-left">{{ event.data[1] }}</td>
-              <td
-                v-if="event.data[0] === 144 || event.data[0] == 128"
-                class="p-3 text-left"
-              >
-                <!-- only perform note mapping for note on/off commands -->
-                {{ midiNote(event.data[1]) }}
+            <tr v-for="(event, index) in events" :key="index">
+              <td>{{ event.time.toFixed(2) }}</td>
+              <td>{{ commandName(event.command, event.velocity) }}</td>
+              <td>
+                {{
+                  [0x80, 0x90].includes(event.command & 0xf0)
+                    ? noteName(event.note)
+                    : "—"
+                }}
               </td>
-              <td v-else class="p-3 text-left">-</td>
-              <td class="p-3 text-left">{{ event.data[2] }}</td>
-              <td class="p-3 text-right">{{ event.srcElement.name }}</td>
+              <td>{{ event.velocity }}</td>
+              <td>{{ event.source }}</td>
             </tr>
           </tbody>
         </table>
       </div>
-    </div>
-  </div>
+    </template>
+  </section>
 </template>
-
-<script setup lang="ts">
-definePageMeta({ layout: "light" });
-</script>
-
-<script lang="ts">
-export default {
-  mounted() {
-    // not all browsers support `requestMIDIAccess`
-    if (typeof navigator.requestMIDIAccess !== "undefined") {
-      navigator.requestMIDIAccess().then(
-        (access: MIDIAccess) => {
-          this.midi = access;
-          this.midi.inputs.forEach((entry: any) => {
-            entry.onmidimessage = (event: any) => {
-              this.events.push(event);
-
-              // limit the number of events in the array to 10
-              if (this.events.length > 15) {
-                this.events.shift();
-              }
-            };
-          });
-        },
-        (error) => {
-          console.error(error);
-        },
-      );
-    }
-  },
-  data() {
-    return {
-      tooltip: false,
-      midi: undefined as undefined | MIDIAccess,
-      events: [] as any[],
-    };
-  },
-  computed: {
-    inputs(): MIDIInput[] {
-      return this.midi ? Array.from(this.midi.inputs.values()) : [];
-    },
-    outputs(): MIDIOutput[] {
-      return this.midi ? Array.from(this.midi.outputs.values()) : [];
-    },
-  },
-  methods: {
-    midiCommand: (value: number) => {
-      // https://www.midi.org/specifications-old/item/table-1-summary-of-midi-message
-      switch (value) {
-        case 144:
-          return "Note On";
-        case 128:
-          return "Note Off";
-        default:
-          return value;
-      }
-    },
-    midiNote: (value: number) => {
-      // http://www.somascape.org/midi/basic/notes.html
-      const noteMappings = [
-        "C",
-        "C# / Db",
-        "D",
-        "D# / Eb",
-        "E",
-        "F",
-        "F# / Bb",
-        "G",
-        "G# / Ab",
-        "A",
-        "A# / Bb",
-        "B",
-      ];
-      // construct note octave string representation where the index of MIDI
-      // note modulus 12 corresponds with note letter
-      return `${noteMappings[value % 12]} (${Math.floor(value / 12) - 2})`;
-    },
-  },
-};
-</script>
diff --git a/pages/index.vue b/pages/index.vue
index 02056d35..16142d27 100644
--- a/pages/index.vue
+++ b/pages/index.vue
@@ -1,7 +1,7 @@
 <script setup>
 const { data: articles } = await useFetch("/api/articles", {
   default: () => [],
-  transform: (articles) => articles.slice(0, 5),
+  query: { limit: 5 },
 });
 
 useSeoMeta({
@@ -24,6 +24,7 @@ useHead({
 
 <template>
   <div>
+    <h1 class="sr-only">Colton Padden — Blog and experiments</h1>
     <div class="container pt-3">
       <h2 id="blog" class="font-pixelify text-foreground text-3xl font-bold">
         <a href="#blog">Blog</a>
@@ -38,6 +39,6 @@ useHead({
         <a href="#experiments">Experiments</a>
       </h2>
     </div>
-    <SectionExperiments :limit="9" showImages tightTop />
+    <SectionExperiments :limit="9" tightTop />
   </div>
 </template>
diff --git a/playwright.config.ts b/playwright.config.ts
new file mode 100644
index 00000000..4726c30f
--- /dev/null
+++ b/playwright.config.ts
@@ -0,0 +1,39 @@
+import { defineConfig } from "@playwright/test";
+
+const target =
+  process.env.TEST_TARGET === "server" ||
+  process.argv.includes("--project=server")
+    ? "server"
+    : "static";
+// Workers reload this config without the CLI arguments; preserve the selection.
+process.env.TEST_TARGET = target;
+const port = target === "server" ? 4173 : 4174;
+export default defineConfig({
+  testDir: "./tests/e2e",
+  fullyParallel: true,
+  retries: process.env.CI ? 1 : 0,
+  workers: process.env.CI ? 2 : undefined,
+  use: {
+    baseURL: `http://127.0.0.1:${port}`,
+    viewport: { width: 375, height: 844 },
+    trace: "retain-on-failure",
+  },
+  projects: [
+    {
+      name: target,
+      testMatch:
+        target === "server"
+          ? ["**/site.spec.ts", "**/server.spec.ts"]
+          : "**/site.spec.ts",
+    },
+  ],
+  webServer: {
+    command:
+      target === "server"
+        ? "node .output/server/index.mjs"
+        : "node scripts/serve-static.mjs",
+    env: { PORT: String(port), HOST: "127.0.0.1" },
+    url: `http://127.0.0.1:${port}`,
+    reuseExistingServer: false,
+  },
+});
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8e012105..afb271b4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -17,13 +17,16 @@ importers:
     devDependencies:
       '@comark/nuxt':
         specifier: ^0.7.0
-        version: 0.7.0(magicast@0.5.4)(nuxt@4.5.2(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@netlify/blobs@9.1.2)(@oxc-project/types@0.142.0)(@types/node@24.19.0)(@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)))(@vue/compiler-sfc@3.5.40)(better-sqlite3@12.4.1)(cac@7.0.0)(db0@0.3.4(better-sqlite3@12.4.1))(esbuild@0.28.1)(ioredis@5.11.1)(lightningcss@1.33.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup-plugin-visualizer@7.0.1(rolldown@1.2.1)(rollup@4.62.4))(rollup@4.62.4)(srvx@0.11.22)(terser@5.51.2)(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(vue-tsc@3.3.11(typescript@6.0.0-beta))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))(yaml@2.9.0))(shiki@4.4.3)(vue@3.5.40(typescript@6.0.0-beta))
+        version: 0.7.0(03b9782f0f5f373e3c94b28caa283c22)
+      '@playwright/test':
+        specifier: ^1.64.1
+        version: 1.64.1
       '@tailwindcss/typography':
         specifier: ^0.5.20
         version: 0.5.20(tailwindcss@4.3.3)
       '@tailwindcss/vite':
         specifier: ^4.3.3
-        version: 4.3.3(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))
+        version: 4.3.3(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))
       feed:
         specifier: ^6.0.0
         version: 6.0.0
@@ -32,25 +35,31 @@ importers:
         version: 4.0.3
       nuxt:
         specifier: ^4.5.2
-        version: 4.5.2(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@netlify/blobs@9.1.2)(@oxc-project/types@0.142.0)(@types/node@24.19.0)(@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)))(@vue/compiler-sfc@3.5.40)(better-sqlite3@12.4.1)(cac@7.0.0)(db0@0.3.4(better-sqlite3@12.4.1))(esbuild@0.28.1)(ioredis@5.11.1)(lightningcss@1.33.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup-plugin-visualizer@7.0.1(rolldown@1.2.1)(rollup@4.62.4))(rollup@4.62.4)(srvx@0.11.22)(terser@5.51.2)(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(vue-tsc@3.3.11(typescript@6.0.0-beta))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))(yaml@2.9.0)
+        version: 4.5.2(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@netlify/blobs@9.1.2)(@oxc-project/types@0.142.0)(@types/node@24.19.0)(@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)))(@vue/compiler-sfc@3.5.40)(better-sqlite3@12.4.1)(cac@7.0.0)(db0@0.3.4(better-sqlite3@12.4.1))(esbuild@0.28.1)(ioredis@5.11.1)(lightningcss@1.33.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup-plugin-visualizer@7.0.1(rolldown@1.2.1)(rollup@4.62.4))(rollup@4.62.4)(srvx@0.11.22)(terser@5.51.2)(tsx@4.23.15)(typescript@5.9.3)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(vue-tsc@3.3.11(typescript@5.9.3))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))(yaml@2.9.0)
       prettier:
         specifier: ^3.9.9
         version: 3.9.9
       prettier-plugin-tailwindcss:
         specifier: ^0.8.1
         version: 0.8.1(prettier@3.9.9)
+      sharp:
+        specifier: ^0.35.5
+        version: 0.35.5(@types/node@24.19.0)
       shiki:
         specifier: ^4.4.3
         version: 4.4.3
       sitemap:
         specifier: ^9.0.1
         version: 9.0.1
+      tsx:
+        specifier: ^4.23.15
+        version: 4.23.15
       typescript:
-        specifier: 6.0.0-beta
-        version: 6.0.0-beta
+        specifier: 5.9.3
+        version: 5.9.3
       vue-tsc:
         specifier: ^3.3.11
-        version: 3.3.11(typescript@6.0.0-beta)
+        version: 3.3.11(typescript@5.9.3)
       zod:
         specifier: ^4.6.5
         version: 4.6.5
@@ -274,6 +283,9 @@ packages:
   '@emnapi/runtime@1.11.2':
     resolution: {integrity: sha512-kyOl3X0DuTiT1h2ft8r2fYO8JYtU9a9Xis/zBSiGArNaagCOWx90N1k2wxp18czFDH+OgcWGb5ZP/XMt3dcyPA==}
 
+  '@emnapi/runtime@1.11.3':
+    resolution: {integrity: sha512-Xz4Tpyki7XyrpbUK1jR1AhdAdaXyhhY4lZ3neLodmhpuWfy2PAQN5B46sAiU4liOXGLkHypn/qU+jvfWSCYYLA==}
+
   '@emnapi/runtime@2.0.0-alpha.3':
     resolution: {integrity: sha512-hFPAhMUjJD9BSyCANEISPOogeXC9Zo9ZQl7L6vKnaVsMkCtzznaW/naYypeyl0Gv5rYfWYsZbpixTMpjDJzQeA==}
 
@@ -442,6 +454,152 @@ packages:
   '@fastify/busboy@3.2.0':
     resolution: {integrity: sha512-m9FVDXU3GT2ITSe0UaMA5rU3QkfC/UXtCU8y0gSN/GugTqtVldOBWIB5V6V3sbmenVZUIpU6f+mPEO2+m5iTaA==}
 
+  '@img/colour@1.1.0':
+    resolution: {integrity: sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ==}
+    engines: {node: '>=18'}
+
+  '@img/sharp-darwin-arm64@0.35.5':
+    resolution: {integrity: sha512-QRUlFQ0WxvdWyqqG/WtI3iupfD5rBzmCHXSdPsY91sAtVtTo7Q4cb6zOccZ3gqEqkr0f1As1ehLqmEpDsRf+lg==}
+    engines: {node: '>=20.9.0'}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-darwin-x64@0.35.5':
+    resolution: {integrity: sha512-+BR255RhDlpygUpOc/Jdt1nT6DQ3XG/ERo5wbcdOf5Q320dKtPCKPLR1LJs9VGXRaMa8l1uUa0tkCNOXiAxZUw==}
+    engines: {node: '>=20.9.0'}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-freebsd-wasm32@0.35.5':
+    resolution: {integrity: sha512-Y/z91nEZ4uIBX5X3nfTovjU9lHNKFYbL2lpHCLVNmXQK03VIZvXBBt0KxbPGp2SdGSF+2mQU4e+hQaWOt86iAw==}
+    engines: {node: '>=20.9.0'}
+    os: [freebsd]
+
+  '@img/sharp-libvips-darwin-arm64@1.3.4':
+    resolution: {integrity: sha512-5R89nBYiRdUlSWJxPhO+GVtaXzXSxKnRu/xqMn3KTA3L9EB9Oy/P+Nn2f2vlhPuUdy/Zusb2DarbyTpGCfEDuw==}
+    cpu: [arm64]
+    os: [darwin]
+
+  '@img/sharp-libvips-darwin-x64@1.3.4':
+    resolution: {integrity: sha512-iR2OKH80yi0U+dUplyh3/xdpFvps6YkCwsXenIJxqxR1v9o+xtKTGbS9H7cps+2Vxjc8B1j96p75NmTGjIhtpQ==}
+    cpu: [x64]
+    os: [darwin]
+
+  '@img/sharp-libvips-linux-arm64@1.3.4':
+    resolution: {integrity: sha512-Y3dgX/6lE2QhQb+Gxy0WZxfg9MEm/JBjamZpS2IklP7xIQoKN4hzAm7KcMVGtaVDt3neE9OKBC7vAfonA/Lr1A==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-arm@1.3.4':
+    resolution: {integrity: sha512-LmRtTsOHuvM2+wlO2Db37dx5MiZhB0FvSunciw48YjdOkZz9KAiRbm8ujeMOA1INqmei5NapFxYEK1D1ZSidmw==}
+    cpu: [arm]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-ppc64@1.3.4':
+    resolution: {integrity: sha512-Le6boB8Tai0Nis+gIxIpKx68UDVVIqdR8Tin5Yf1z2LJJQLDJvCDRqRu+jC2qCoD+eIomonmOwB4smBRxfVpYQ==}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-riscv64@1.3.4':
+    resolution: {integrity: sha512-aHkkIEHPRdQEegJN20MLmGtxYD9R2wQr3Cwpddnu5+YKMt6Uzax7S9h5gpZTo8wyrGuZSlfQ63OevL5mTyOC7Q==}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-s390x@1.3.4':
+    resolution: {integrity: sha512-ra/mB6MikESDUO7Yg+Mi95bFBb9GsObURuhnOv3OqknjGe9sZrG8tCe9q0xSIGrtLgvgw0gKnFWcK4blSgQOuQ==}
+    cpu: [s390x]
+    os: [linux]
+
+  '@img/sharp-libvips-linux-x64@1.3.4':
+    resolution: {integrity: sha512-GJ//SSXbnwSDes02umB3nDJLFcQzw8a18V8fyhqr6tV515tOEMdImjjxj1AoafMRz56F3PHgftnj1QEKSU1zkw==}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.3.4':
+    resolution: {integrity: sha512-hvulFwtjUcagsis6BBxHwGFwWoNZjgYmULGVrZcyfNbjA8hKILbRxGg15/7w5HDyXHXUos/j6baAWqnCyQ2DWA==}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-libvips-linuxmusl-x64@1.3.4':
+    resolution: {integrity: sha512-6zXKeE/p39I1AmA3cJG35eyBGNqNddLnUXjhwBnsGjFPWqf5VKkDBEqaEkPDoTEtkxwi2vv8Tcr2mDyP4So7Fg==}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-linux-arm64@0.35.5':
+    resolution: {integrity: sha512-LYVx5JTsOM2CBzmxreh+nl64/3H6Xb09iSLknqH47z2T2DFFxDeFLP5y4dJwe6H7uGQlHPyEEtIqyo3DYsRwdQ==}
+    engines: {node: '>=20.9.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-linux-arm@0.35.5':
+    resolution: {integrity: sha512-LEaXK2WdXVK5ykcw0buWyPMsmLLL2vpHLD6yrNSW+JGEL3BZPA4tpKN6iaMc4AxTTAoaX/sU1rOL51lcIz48ZQ==}
+    engines: {node: '>=20.9.0'}
+    cpu: [arm]
+    os: [linux]
+
+  '@img/sharp-linux-ppc64@0.35.5':
+    resolution: {integrity: sha512-QVxAAq8evVRI9ia2vqgwrmWucn5Dfv+JdWzj75pD8omHLPSP7f8p20O8jxzjCcuCEQEOtYOZUmX1hkiZ0kdevA==}
+    engines: {node: '>=20.9.0'}
+    cpu: [ppc64]
+    os: [linux]
+
+  '@img/sharp-linux-riscv64@0.35.5':
+    resolution: {integrity: sha512-LtdreXguaavKODPIfzJ4kffx7UNt1omwtK0rch4EBbbSTXPnxWmYSayXdLJw0fJzQ97kHt1gL/yh4tvU+nCyRQ==}
+    engines: {node: '>=20.9.0'}
+    cpu: [riscv64]
+    os: [linux]
+
+  '@img/sharp-linux-s390x@0.35.5':
+    resolution: {integrity: sha512-UZasTOFiYzotTsGOCu42BfUzP6Tu6Do/947iRm1RsLKvlllxwGcn4RN27LibGWceix4Y+Pmw3jsnTcCQIgWjqA==}
+    engines: {node: '>=20.9.0'}
+    cpu: [s390x]
+    os: [linux]
+
+  '@img/sharp-linux-x64@0.35.5':
+    resolution: {integrity: sha512-SxFtLTeJInhAA9Q836kux2vZNeOBQEx658qvbboZScr0wIARym3IcGmW7KpVD5sbVg0Ojy+udFQdayYIZyoNog==}
+    engines: {node: '>=20.9.0'}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-linuxmusl-arm64@0.35.5':
+    resolution: {integrity: sha512-9HbMclmI1zlNkFRs3z9/eBtDjfD0sGlrX1z6b1qwmiFY5ElDLh4BC0LPBdVp7z1DXFiKlIcznf+ZlsuZzLxQqg==}
+    engines: {node: '>=20.9.0'}
+    cpu: [arm64]
+    os: [linux]
+
+  '@img/sharp-linuxmusl-x64@0.35.5':
+    resolution: {integrity: sha512-4KOphqB035HrVdqLZfCgMzzERrQkkzOwRhl4OAkRO1YCldbaFjySXMaK534Mo0V+LndnlJk+sbUyLeU0ULyD1A==}
+    engines: {node: '>=20.9.0'}
+    cpu: [x64]
+    os: [linux]
+
+  '@img/sharp-wasm32@0.35.5':
+    resolution: {integrity: sha512-Ptsga1su4tQx+LLF1ECS9U6nz5kmrXKo6XVbtR48Ke3ZRxxgaWBu7IDtEe1quo8hiupwm6WFqxVlXaSf7IINGQ==}
+    engines: {node: '>=20.9.0'}
+
+  '@img/sharp-webcontainers-wasm32@0.35.5':
+    resolution: {integrity: sha512-hfhF/FmoQyTUkA0bIKFOtw536BQSeBMe6BF6QyWlrPxT754+TFLaZ7sKKTfvvM0yJgKgaYTwnFCIZ/GuDw5SUA==}
+    engines: {node: '>=20.9.0'}
+    cpu: [wasm32]
+
+  '@img/sharp-win32-arm64@0.35.5':
+    resolution: {integrity: sha512-X4t7g+7ZA5DKblCBEXGjUqqemj4vczING/5viFwAL8h4N3qYeyjwdCvRLHi4EdOUI+2Z7UFlp1VM+p/AuEtm6Q==}
+    engines: {node: '>=20.9.0'}
+    cpu: [arm64]
+    os: [win32]
+
+  '@img/sharp-win32-ia32@0.35.5':
+    resolution: {integrity: sha512-5Zm82LoBc43nhwNybZlG7Y1KO//Zhsn306fQl29ZOuStHLGTo3BWL83q3cznX0poxSAMuYL1On/BHBxkBeKr6A==}
+    engines: {node: ^20.9.0}
+    cpu: [ia32]
+    os: [win32]
+
+  '@img/sharp-win32-x64@0.35.5':
+    resolution: {integrity: sha512-x76eH0vEiHlcMQu8Y8IenntaACtddpT6W0wmXtWrnKcnKI7ME5DdgqhAD6SEWOEl1v2zDvkZDhFA9KnURwpfqg==}
+    engines: {node: '>=20.9.0'}
+    cpu: [x64]
+    os: [win32]
+
   '@ioredis/commands@1.10.0':
     resolution: {integrity: sha512-UmeW7z4LfctwoQ5wkhVzgq8tXkreED2xZGpX+Bg+zA+WJFZCT6c062AfCK/Dfk81xZnnwdhJCUMkitihRaoC2Q==}
 
@@ -754,6 +912,11 @@ packages:
     resolution: {integrity: sha512-+1VkjdD0QBLPodGrJUeqarH8VAIvQODIbwh9XpP5Syisf7YoQgsJKPNFoqqLQlu+VQ/tVSshMR6loPMn8U+dPg==}
     engines: {node: '>=14'}
 
+  '@playwright/test@1.64.1':
+    resolution: {integrity: sha512-IaYGml/nSOiZWROfPtuIL7neuu9qDOZ3TNvNljUIrhDMxiGTgPjzj/g9p9RxpS2tSepPDRY+UwAaEeiKtUvIAg==}
+    engines: {node: '>=20'}
+    hasBin: true
+
   '@polka/url@1.0.0-next.29':
     resolution: {integrity: sha512-wwQAWhWSuHaag8c4q/KN/vCoeOJYshAIvMQwD4GpSb3OiZklFfvAgmj0VCBBImRpuF/aFgIRzllXlVX93Jevww==}
 
@@ -3188,6 +3351,16 @@ packages:
   pkg-types@2.3.1:
     resolution: {integrity: sha512-y+ichcgc2LrADuhLNAx8DFjVfgz91pRxfZdI3UDhxHvcVEZsenLO+7XaU5vOp0u/7V/wZ+plyuQxtrDlZJ+yeg==}
 
+  playwright-core@1.64.1:
+    resolution: {integrity: sha512-BC4s8y6SEVA6Q1rSxZTto8hI1KUI3xXlHGZgvGqP4IqPdI/a6FX9H29IDNz7vKo9l21b6LfYosScPL6M3xxyDQ==}
+    engines: {node: '>=20'}
+    hasBin: true
+
+  playwright@1.64.1:
+    resolution: {integrity: sha512-HCrVhHr5QQuwYoswEUGTb7gGp522yflbv/ST8nF4sFWGuLjQCt17Q/EubpGGSNKYn1tsTCPZxqHhHCfVURu7UA==}
+    engines: {node: '>=20'}
+    hasBin: true
+
   postcss-calc@10.1.1:
     resolution: {integrity: sha512-NYEsLHh8DgG/PRH2+G9BTuUdtf9ViS+vdoQ0YA5OQdGsfN4ztiwtDWNtBl9EKeqNMFnIu8IKZ0cLxEQ5r5KVMw==}
     engines: {node: ^18.12 || ^20.9 || >=22.0}
@@ -3637,6 +3810,15 @@ packages:
   setprototypeof@1.2.0:
     resolution: {integrity: sha512-E5LDX7Wrp85Kil5bhZv46j8jOeboKq5JMmYM3gVGdGH8xFpPWXUMsNrlODCrkoxMEeNi/XZIwuRvY4XNwYMJpw==}
 
+  sharp@0.35.5:
+    resolution: {integrity: sha512-Ywn4OnzGukp7CDMrp08RQ50YKmuwG47brZgIVPTvBaaAfQlRlygrRqSrxdCiL9M+LlzLBiJ68IR1QqvzHyjC7g==}
+    engines: {node: '>=20.9.0'}
+    peerDependencies:
+      '@types/node': '*'
+    peerDependenciesMeta:
+      '@types/node':
+        optional: true
+
   shebang-command@2.0.0:
     resolution: {integrity: sha512-kHxr2zZpYtdmrN1qDjrrX/Z1rR1kG8Dx+gkpK1G4eXmvXswmcE1hTWBWYUzlraYw1/yZp6YuDY77YtvbN0dmDA==}
     engines: {node: '>=8'}
@@ -3900,6 +4082,11 @@ packages:
   tslib@2.8.1:
     resolution: {integrity: sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w==}
 
+  tsx@4.23.15:
+    resolution: {integrity: sha512-Yiex1Ovn8z2xPpOWckIiysV1SSyRMY9BkLF++q0yKiDxCqRhosKfMg3janKkiLBwZ5c/YryloKwGZcrEmtwxKw==}
+    engines: {node: '>=18.0.0'}
+    hasBin: true
+
   tunnel-agent@0.6.0:
     resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
 
@@ -3911,8 +4098,8 @@ packages:
     resolution: {integrity: sha512-YGYEVz3Fm5iy/AybuA0oyNFq7H4CgQNfRp/qfe8nurE1kuCeNm3/vfm9X4Mtl+qLyaKJUh5xrFZwogr41SMjYA==}
     engines: {node: '>=20'}
 
-  typescript@6.0.0-beta:
-    resolution: {integrity: sha512-CldZdztDpQRLM1HC6WDQjQkQN5Ub5zRau737a1diGh3lPmb9oRsaWHk1y5iqK0o7+1bNJ0oXfEGRkAogFZBL+Q==}
+  typescript@5.9.3:
+    resolution: {integrity: sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw==}
     engines: {node: '>=14.17'}
     hasBin: true
 
@@ -4647,12 +4834,12 @@ snapshots:
 
   '@colordx/core@5.5.0': {}
 
-  '@comark/nuxt@0.7.0(magicast@0.5.4)(nuxt@4.5.2(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@netlify/blobs@9.1.2)(@oxc-project/types@0.142.0)(@types/node@24.19.0)(@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)))(@vue/compiler-sfc@3.5.40)(better-sqlite3@12.4.1)(cac@7.0.0)(db0@0.3.4(better-sqlite3@12.4.1))(esbuild@0.28.1)(ioredis@5.11.1)(lightningcss@1.33.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup-plugin-visualizer@7.0.1(rolldown@1.2.1)(rollup@4.62.4))(rollup@4.62.4)(srvx@0.11.22)(terser@5.51.2)(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(vue-tsc@3.3.11(typescript@6.0.0-beta))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))(yaml@2.9.0))(shiki@4.4.3)(vue@3.5.40(typescript@6.0.0-beta))':
+  '@comark/nuxt@0.7.0(03b9782f0f5f373e3c94b28caa283c22)':
     dependencies:
-      '@comark/vue': 0.7.0(shiki@4.4.3)(vue@3.5.40(typescript@6.0.0-beta))
+      '@comark/vue': 0.7.0(shiki@4.4.3)(vue@3.5.40(typescript@5.9.3))
       '@nuxt/kit': 4.4.8(magicast@0.5.4)
       comark: 0.7.0(shiki@4.4.3)
-      nuxt: 4.5.2(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@netlify/blobs@9.1.2)(@oxc-project/types@0.142.0)(@types/node@24.19.0)(@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)))(@vue/compiler-sfc@3.5.40)(better-sqlite3@12.4.1)(cac@7.0.0)(db0@0.3.4(better-sqlite3@12.4.1))(esbuild@0.28.1)(ioredis@5.11.1)(lightningcss@1.33.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup-plugin-visualizer@7.0.1(rolldown@1.2.1)(rollup@4.62.4))(rollup@4.62.4)(srvx@0.11.22)(terser@5.51.2)(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(vue-tsc@3.3.11(typescript@6.0.0-beta))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))(yaml@2.9.0)
+      nuxt: 4.5.2(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@netlify/blobs@9.1.2)(@oxc-project/types@0.142.0)(@types/node@24.19.0)(@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)))(@vue/compiler-sfc@3.5.40)(better-sqlite3@12.4.1)(cac@7.0.0)(db0@0.3.4(better-sqlite3@12.4.1))(esbuild@0.28.1)(ioredis@5.11.1)(lightningcss@1.33.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup-plugin-visualizer@7.0.1(rolldown@1.2.1)(rollup@4.62.4))(rollup@4.62.4)(srvx@0.11.22)(terser@5.51.2)(tsx@4.23.15)(typescript@5.9.3)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(vue-tsc@3.3.11(typescript@5.9.3))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))(yaml@2.9.0)
     transitivePeerDependencies:
       - beautiful-mermaid
       - katex
@@ -4661,20 +4848,20 @@ snapshots:
       - shiki
       - vue
 
-  '@comark/vue@0.7.0(shiki@4.4.3)(vue@3.5.40(typescript@6.0.0-beta))':
+  '@comark/vue@0.7.0(shiki@4.4.3)(vue@3.5.40(typescript@5.9.3))':
     dependencies:
       comark: 0.7.0(shiki@4.4.3)
-      vue: 3.5.40(typescript@6.0.0-beta)
+      vue: 3.5.40(typescript@5.9.3)
     optionalDependencies:
       shiki: 4.4.3
     transitivePeerDependencies:
       - rangi
 
-  '@devframes/hub@0.7.16(devframe@0.7.16(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta))':
+  '@devframes/hub@0.7.16(devframe@0.7.16(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3))':
     dependencies:
       birpc: 4.0.0
       destr: 2.0.5
-      devframe: 0.7.16(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta)
+      devframe: 0.7.16(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3)
       nostics: 1.2.0
       pathe: 2.0.3
       perfect-debounce: 2.1.0
@@ -4682,27 +4869,27 @@ snapshots:
       zigpty: 0.2.1
     optional: true
 
-  '@devframes/json-render@0.7.16(@devframes/hub@0.7.16(devframe@0.7.16(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta)))(devframe@0.7.16(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta))':
+  '@devframes/json-render@0.7.16(@devframes/hub@0.7.16(devframe@0.7.16(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3)))(devframe@0.7.16(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3))':
     dependencies:
       '@json-render/core': 0.19.0(zod@4.6.5)
-      devframe: 0.7.16(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta)
+      devframe: 0.7.16(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3)
       nostics: 1.2.0
       zod: 4.6.5
     optionalDependencies:
-      '@devframes/hub': 0.7.16(devframe@0.7.16(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta))
+      '@devframes/hub': 0.7.16(devframe@0.7.16(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3))
     optional: true
 
-  '@dxup/nuxt@0.5.10(esbuild@0.28.1)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))':
+  '@dxup/nuxt@0.5.10(esbuild@0.28.1)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))':
     dependencies:
       '@dxup/unimport': 0.1.2
-      '@nuxt/kit': 4.5.2(magic-string@1.4.2)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)))
+      '@nuxt/kit': 4.5.2(magic-string@1.4.2)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))))
       '@vue/compiler-dom': 3.5.43
       chokidar: 5.0.0
       knitwork: 1.3.0
       magic-string: 1.4.2
       pathe: 2.0.3
       tinyglobby: 0.2.17
-      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
+      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
     transitivePeerDependencies:
       - '@farmfe/core'
       - '@rspack/core'
@@ -4735,6 +4922,11 @@ snapshots:
       tslib: 2.8.1
     optional: true
 
+  '@emnapi/runtime@1.11.3':
+    dependencies:
+      tslib: 2.8.1
+    optional: true
+
   '@emnapi/runtime@2.0.0-alpha.3':
     dependencies:
       tslib: 2.8.1
@@ -4831,6 +5023,112 @@ snapshots:
   '@fastify/busboy@3.2.0':
     optional: true
 
+  '@img/colour@1.1.0': {}
+
+  '@img/sharp-darwin-arm64@0.35.5':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-arm64': 1.3.4
+    optional: true
+
+  '@img/sharp-darwin-x64@0.35.5':
+    optionalDependencies:
+      '@img/sharp-libvips-darwin-x64': 1.3.4
+    optional: true
+
+  '@img/sharp-freebsd-wasm32@0.35.5':
+    dependencies:
+      '@img/sharp-wasm32': 0.35.5
+    optional: true
+
+  '@img/sharp-libvips-darwin-arm64@1.3.4':
+    optional: true
+
+  '@img/sharp-libvips-darwin-x64@1.3.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm64@1.3.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-arm@1.3.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-ppc64@1.3.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-riscv64@1.3.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-s390x@1.3.4':
+    optional: true
+
+  '@img/sharp-libvips-linux-x64@1.3.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-arm64@1.3.4':
+    optional: true
+
+  '@img/sharp-libvips-linuxmusl-x64@1.3.4':
+    optional: true
+
+  '@img/sharp-linux-arm64@0.35.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm64': 1.3.4
+    optional: true
+
+  '@img/sharp-linux-arm@0.35.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-arm': 1.3.4
+    optional: true
+
+  '@img/sharp-linux-ppc64@0.35.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-ppc64': 1.3.4
+    optional: true
+
+  '@img/sharp-linux-riscv64@0.35.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-riscv64': 1.3.4
+    optional: true
+
+  '@img/sharp-linux-s390x@0.35.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-s390x': 1.3.4
+    optional: true
+
+  '@img/sharp-linux-x64@0.35.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linux-x64': 1.3.4
+    optional: true
+
+  '@img/sharp-linuxmusl-arm64@0.35.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-arm64': 1.3.4
+    optional: true
+
+  '@img/sharp-linuxmusl-x64@0.35.5':
+    optionalDependencies:
+      '@img/sharp-libvips-linuxmusl-x64': 1.3.4
+    optional: true
+
+  '@img/sharp-wasm32@0.35.5':
+    dependencies:
+      '@emnapi/runtime': 1.11.3
+    optional: true
+
+  '@img/sharp-webcontainers-wasm32@0.35.5':
+    dependencies:
+      '@img/sharp-wasm32': 0.35.5
+    optional: true
+
+  '@img/sharp-win32-arm64@0.35.5':
+    optional: true
+
+  '@img/sharp-win32-ia32@0.35.5':
+    optional: true
+
+  '@img/sharp-win32-x64@0.35.5':
+    optional: true
+
   '@ioredis/commands@1.10.0': {}
 
   '@isaacs/cliui@8.0.2':
@@ -4995,11 +5293,11 @@ snapshots:
 
   '@nuxt/devalue@2.0.2': {}
 
-  '@nuxt/devtools-kit@3.4.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)))(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))':
+  '@nuxt/devtools-kit@3.4.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))))(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))':
     dependencies:
-      '@nuxt/kit': 4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)))
+      '@nuxt/kit': 4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))))
       execa: 8.0.1
-      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)
+      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)
     transitivePeerDependencies:
       - magic-string
       - magicast
@@ -5018,12 +5316,12 @@ snapshots:
       pkg-types: 2.3.1
       semver: 7.8.5
 
-  '@nuxt/devtools@3.4.2(@netlify/blobs@9.1.2)(db0@0.3.4(better-sqlite3@12.4.1))(ioredis@5.11.1)(magic-string@1.1.0)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)))(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.0-beta))':
+  '@nuxt/devtools@3.4.2(@netlify/blobs@9.1.2)(db0@0.3.4(better-sqlite3@12.4.1))(ioredis@5.11.1)(magic-string@1.1.0)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))))(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(vue@3.5.40(typescript@5.9.3))':
     dependencies:
-      '@nuxt/devtools-kit': 3.4.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)))(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))
+      '@nuxt/devtools-kit': 3.4.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))))(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))
       '@nuxt/devtools-wizard': 3.4.2
-      '@nuxt/kit': 4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)))
-      '@vue/devtools-core': 8.2.1(vue@3.5.40(typescript@6.0.0-beta))
+      '@nuxt/kit': 4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))))
+      '@vue/devtools-core': 8.2.1(vue@3.5.40(typescript@5.9.3))
       '@vue/devtools-kit': 8.2.1
       birpc: 4.0.0
       consola: 3.4.2
@@ -5049,9 +5347,9 @@ snapshots:
       structured-clone-es: 2.0.1
       tinyglobby: 0.2.17
       unstorage: 1.17.5(@netlify/blobs@9.1.2)(db0@0.3.4(better-sqlite3@12.4.1))(ioredis@5.11.1)
-      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)
-      vite-plugin-inspect: 11.4.1(@nuxt/kit@4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))))(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))
-      vite-plugin-vue-tracer: 1.4.0(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.0-beta))
+      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)
+      vite-plugin-inspect: 11.4.1(@nuxt/kit@4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))))(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))
+      vite-plugin-vue-tracer: 1.4.0(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(vue@3.5.40(typescript@5.9.3))
       which: 6.0.1
       ws: 8.21.1
     transitivePeerDependencies:
@@ -5108,7 +5406,7 @@ snapshots:
     transitivePeerDependencies:
       - magicast
 
-  '@nuxt/kit@4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)))':
+  '@nuxt/kit@4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))))':
     dependencies:
       c12: 3.3.4(magicast@0.5.4)
       consola: 3.4.2
@@ -5128,7 +5426,7 @@ snapshots:
       scule: 1.3.0
       tinyglobby: 0.2.17
       ufo: 1.6.4
-      unctx: 3.0.0(magic-string@1.1.0)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)))
+      unctx: 3.0.0(magic-string@1.1.0)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))))
       untyped: 2.0.0
       verkit: 0.3.2
     transitivePeerDependencies:
@@ -5138,7 +5436,7 @@ snapshots:
       - rolldown
       - unplugin
 
-  '@nuxt/kit@4.5.2(magic-string@1.4.2)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)))':
+  '@nuxt/kit@4.5.2(magic-string@1.4.2)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))))':
     dependencies:
       c12: 3.3.4(magicast@0.5.4)
       consola: 3.4.2
@@ -5158,7 +5456,7 @@ snapshots:
       scule: 1.3.0
       tinyglobby: 0.2.17
       ufo: 1.6.4
-      unctx: 3.0.0(magic-string@1.4.2)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)))
+      unctx: 3.0.0(magic-string@1.4.2)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))))
       untyped: 2.0.0
       verkit: 0.3.2
     transitivePeerDependencies:
@@ -5168,11 +5466,11 @@ snapshots:
       - rolldown
       - unplugin
 
-  '@nuxt/nitro-server@4.5.2(7215ef995803a55b33884d335591e57e)':
+  '@nuxt/nitro-server@4.5.2(9bba80725258f13af181bcb09cd9d259)':
     dependencies:
       '@nuxt/devalue': 2.0.2
-      '@nuxt/kit': 4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)))
-      '@unhead/vue': 3.4.1(@oxc-project/types@0.142.0)(@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)))(esbuild@0.28.1)(lightningcss@1.33.0)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.0-beta))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
+      '@nuxt/kit': 4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))))
+      '@unhead/vue': 3.4.1(@oxc-project/types@0.142.0)(@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)))(esbuild@0.28.1)(lightningcss@1.33.0)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(vue@3.5.40(typescript@5.9.3))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
       '@vue/shared': 3.5.40
       consola: 3.4.2
       defu: 6.1.7
@@ -5182,21 +5480,21 @@ snapshots:
       escape-string-regexp: 5.0.0
       exsolve: 1.1.1
       h3: 1.15.11
-      impound: 1.1.6(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
+      impound: 1.1.6(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
       klona: 2.0.6
       mocked-exports: 0.1.1
-      nitropack: 2.13.4(@netlify/blobs@9.1.2)(better-sqlite3@12.4.1)(oxc-parser@0.140.0)(rolldown@1.2.1)(srvx@0.11.22)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
+      nitropack: 2.13.4(@netlify/blobs@9.1.2)(better-sqlite3@12.4.1)(oxc-parser@0.140.0)(rolldown@1.2.1)(srvx@0.11.22)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
       nostics: 1.2.0
-      nuxt: 4.5.2(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@netlify/blobs@9.1.2)(@oxc-project/types@0.142.0)(@types/node@24.19.0)(@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)))(@vue/compiler-sfc@3.5.40)(better-sqlite3@12.4.1)(cac@7.0.0)(db0@0.3.4(better-sqlite3@12.4.1))(esbuild@0.28.1)(ioredis@5.11.1)(lightningcss@1.33.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup-plugin-visualizer@7.0.1(rolldown@1.2.1)(rollup@4.62.4))(rollup@4.62.4)(srvx@0.11.22)(terser@5.51.2)(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(vue-tsc@3.3.11(typescript@6.0.0-beta))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))(yaml@2.9.0)
+      nuxt: 4.5.2(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@netlify/blobs@9.1.2)(@oxc-project/types@0.142.0)(@types/node@24.19.0)(@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)))(@vue/compiler-sfc@3.5.40)(better-sqlite3@12.4.1)(cac@7.0.0)(db0@0.3.4(better-sqlite3@12.4.1))(esbuild@0.28.1)(ioredis@5.11.1)(lightningcss@1.33.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup-plugin-visualizer@7.0.1(rolldown@1.2.1)(rollup@4.62.4))(rollup@4.62.4)(srvx@0.11.22)(terser@5.51.2)(tsx@4.23.15)(typescript@5.9.3)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(vue-tsc@3.3.11(typescript@5.9.3))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))(yaml@2.9.0)
       nypm: 0.6.9
       ohash: 2.0.11
       pathe: 2.0.3
       rou3: 0.9.1
       std-env: 4.2.0
       ufo: 1.6.4
-      unctx: 3.0.0(magic-string@1.1.0)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)))
+      unctx: 3.0.0(magic-string@1.1.0)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))))
       unstorage: 1.17.5(@netlify/blobs@9.1.2)(db0@0.3.4(better-sqlite3@12.4.1))(ioredis@5.11.1)
-      vue: 3.5.40(typescript@6.0.0-beta)
+      vue: 3.5.40(typescript@5.9.3)
       vue-bundle-renderer: 2.3.1
       vue-devtools-stub: 0.1.0
     optionalDependencies:
@@ -5263,20 +5561,20 @@ snapshots:
       pkg-types: 2.3.1
       std-env: 4.2.0
 
-  '@nuxt/telemetry@2.8.0(@nuxt/kit@4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))))':
+  '@nuxt/telemetry@2.8.0(@nuxt/kit@4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))))':
     dependencies:
-      '@nuxt/kit': 4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)))
+      '@nuxt/kit': 4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))))
       citty: 0.2.2
       consola: 3.4.2
       ofetch: 2.0.0-alpha.3
       rc9: 3.0.1
       std-env: 4.2.0
 
-  '@nuxt/vite-builder@4.5.2(a5dea5cff1b7c557d94013056c264452)':
+  '@nuxt/vite-builder@4.5.2(a70c5c1c842afe4f55ac3a12c6a3919e)':
     dependencies:
-      '@nuxt/kit': 4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)))
-      '@vitejs/plugin-vue': 6.0.8(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.0-beta))
-      '@vitejs/plugin-vue-jsx': 5.1.6(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.0-beta))
+      '@nuxt/kit': 4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))))
+      '@vitejs/plugin-vue': 6.0.8(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(vue@3.5.40(typescript@5.9.3))
+      '@vitejs/plugin-vue-jsx': 5.1.6(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(vue@3.5.40(typescript@5.9.3))
       autoprefixer: 10.5.4(postcss@8.5.25)
       consola: 3.4.2
       cssnano: 8.0.2(postcss@8.5.25)
@@ -5290,7 +5588,7 @@ snapshots:
       knitwork: 1.3.0
       mlly: 1.8.2
       mocked-exports: 0.1.1
-      nuxt: 4.5.2(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@netlify/blobs@9.1.2)(@oxc-project/types@0.142.0)(@types/node@24.19.0)(@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)))(@vue/compiler-sfc@3.5.40)(better-sqlite3@12.4.1)(cac@7.0.0)(db0@0.3.4(better-sqlite3@12.4.1))(esbuild@0.28.1)(ioredis@5.11.1)(lightningcss@1.33.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup-plugin-visualizer@7.0.1(rolldown@1.2.1)(rollup@4.62.4))(rollup@4.62.4)(srvx@0.11.22)(terser@5.51.2)(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(vue-tsc@3.3.11(typescript@6.0.0-beta))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))(yaml@2.9.0)
+      nuxt: 4.5.2(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@netlify/blobs@9.1.2)(@oxc-project/types@0.142.0)(@types/node@24.19.0)(@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)))(@vue/compiler-sfc@3.5.40)(better-sqlite3@12.4.1)(cac@7.0.0)(db0@0.3.4(better-sqlite3@12.4.1))(esbuild@0.28.1)(ioredis@5.11.1)(lightningcss@1.33.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup-plugin-visualizer@7.0.1(rolldown@1.2.1)(rollup@4.62.4))(rollup@4.62.4)(srvx@0.11.22)(terser@5.51.2)(tsx@4.23.15)(typescript@5.9.3)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(vue-tsc@3.3.11(typescript@5.9.3))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))(yaml@2.9.0)
       nypm: 0.6.9
       pathe: 2.0.3
       pkg-types: 2.3.1
@@ -5300,10 +5598,10 @@ snapshots:
       std-env: 4.2.0
       ufo: 1.6.4
       unenv: 2.0.0-rc.24
-      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)
-      vite-node: 6.0.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)
-      vite-plugin-checker: 0.14.5(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(vue-tsc@3.3.11(typescript@6.0.0-beta))
-      vue: 3.5.40(typescript@6.0.0-beta)
+      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)
+      vite-node: 6.0.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)
+      vite-plugin-checker: 0.14.5(typescript@5.9.3)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(vue-tsc@3.3.11(typescript@5.9.3))
+      vue: 3.5.40(typescript@5.9.3)
       vue-bundle-renderer: 2.3.1
     optionalDependencies:
       '@babel/plugin-syntax-jsx': 7.29.7(@babel/core@7.29.7)
@@ -5412,6 +5710,10 @@ snapshots:
   '@pkgjs/parseargs@0.11.0':
     optional: true
 
+  '@playwright/test@1.64.1':
+    dependencies:
+      playwright: 1.64.1
+
   '@polka/url@1.0.0-next.29': {}
 
   '@poppinss/colors@4.1.6':
@@ -5733,12 +6035,12 @@ snapshots:
       postcss-selector-parser: 6.0.10
       tailwindcss: 4.3.3
 
-  '@tailwindcss/vite@4.3.3(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))':
+  '@tailwindcss/vite@4.3.3(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))':
     dependencies:
       '@tailwindcss/node': 4.3.3
       '@tailwindcss/oxide': 4.3.3
       tailwindcss: 4.3.3
-      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)
+      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)
 
   '@tybys/wasm-util@0.10.3':
     dependencies:
@@ -5778,20 +6080,20 @@ snapshots:
 
   '@ungap/structured-clone@1.3.3': {}
 
-  '@unhead/bundler@3.4.1(@oxc-project/types@0.142.0)(@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)))(esbuild@0.28.1)(lightningcss@1.33.0)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup@4.62.4)(unhead@3.4.1(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)))(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))':
+  '@unhead/bundler@3.4.1(@oxc-project/types@0.142.0)(@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)))(esbuild@0.28.1)(lightningcss@1.33.0)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup@4.62.4)(unhead@3.4.1(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))))(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))':
     dependencies:
       magic-string: 1.4.2
       oxc-walker: 1.1.1(@oxc-project/types@0.142.0)(oxc-parser@0.140.0)(rolldown@1.2.1)
-      unhead: 3.4.1(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
-      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
+      unhead: 3.4.1(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
+      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
     optionalDependencies:
-      '@vitejs/devtools-kit': 0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))
+      '@vitejs/devtools-kit': 0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))
       esbuild: 0.28.1
       lightningcss: 1.33.0
       oxc-parser: 0.140.0
       rolldown: 1.2.1
-      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)
-      webpack: 5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)
+      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)
+      webpack: 5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))
     transitivePeerDependencies:
       - '@farmfe/core'
       - '@oxc-project/types'
@@ -5800,16 +6102,16 @@ snapshots:
       - rollup
       - unloader
 
-  '@unhead/vue@3.4.1(@oxc-project/types@0.142.0)(@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)))(esbuild@0.28.1)(lightningcss@1.33.0)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.0-beta))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))':
+  '@unhead/vue@3.4.1(@oxc-project/types@0.142.0)(@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)))(esbuild@0.28.1)(lightningcss@1.33.0)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(vue@3.5.40(typescript@5.9.3))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))':
     dependencies:
-      '@unhead/bundler': 3.4.1(@oxc-project/types@0.142.0)(@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)))(esbuild@0.28.1)(lightningcss@1.33.0)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup@4.62.4)(unhead@3.4.1(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)))(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
+      '@unhead/bundler': 3.4.1(@oxc-project/types@0.142.0)(@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)))(esbuild@0.28.1)(lightningcss@1.33.0)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup@4.62.4)(unhead@3.4.1(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))))(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
       hookable: 6.1.1
-      unhead: 3.4.1(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
-      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
-      vue: 3.5.40(typescript@6.0.0-beta)
+      unhead: 3.4.1(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
+      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
+      vue: 3.5.40(typescript@5.9.3)
     optionalDependencies:
-      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)
-      webpack: 5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)
+      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)
+      webpack: 5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))
     transitivePeerDependencies:
       - '@farmfe/core'
       - '@oxc-project/types'
@@ -5824,9 +6126,9 @@ snapshots:
       - rollup
       - unloader
 
-  '@valibot/to-json-schema@1.7.1(valibot@1.4.2(typescript@6.0.0-beta))':
+  '@valibot/to-json-schema@1.7.1(valibot@1.4.2(typescript@5.9.3))':
     dependencies:
-      valibot: 1.4.2(typescript@6.0.0-beta)
+      valibot: 1.4.2(typescript@5.9.3)
     optional: true
 
   '@vercel/nft@1.10.2(rollup@4.62.4)':
@@ -5848,16 +6150,16 @@ snapshots:
       - rollup
       - supports-color
 
-  '@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))':
+  '@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))':
     dependencies:
-      '@devframes/hub': 0.7.16(devframe@0.7.16(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta))
-      '@devframes/json-render': 0.7.16(@devframes/hub@0.7.16(devframe@0.7.16(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta)))(devframe@0.7.16(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta))
-      devframe: 0.7.16(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta)
+      '@devframes/hub': 0.7.16(devframe@0.7.16(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3))
+      '@devframes/json-render': 0.7.16(@devframes/hub@0.7.16(devframe@0.7.16(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3)))(devframe@0.7.16(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3))
+      devframe: 0.7.16(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3)
       local-pkg: 1.2.1
       mlly: 1.8.2
       nostics: 1.2.0
       nypm: 0.6.9
-      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)
+      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)
     transitivePeerDependencies:
       - '@modelcontextprotocol/sdk'
       - cac
@@ -5865,23 +6167,23 @@ snapshots:
       - typescript
     optional: true
 
-  '@vitejs/plugin-vue-jsx@5.1.6(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.0-beta))':
+  '@vitejs/plugin-vue-jsx@5.1.6(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(vue@3.5.40(typescript@5.9.3))':
     dependencies:
       '@babel/core': 7.29.7
       '@babel/plugin-syntax-typescript': 7.29.7(@babel/core@7.29.7)
       '@babel/plugin-transform-typescript': 7.29.7(@babel/core@7.29.7)
       '@rolldown/pluginutils': 1.0.1
       '@vue/babel-plugin-jsx': 2.0.1(@babel/core@7.29.7)
-      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)
-      vue: 3.5.40(typescript@6.0.0-beta)
+      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)
+      vue: 3.5.40(typescript@5.9.3)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@6.0.8(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.0-beta))':
+  '@vitejs/plugin-vue@6.0.8(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(vue@3.5.40(typescript@5.9.3))':
     dependencies:
       '@rolldown/pluginutils': 1.0.1
-      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)
-      vue: 3.5.40(typescript@6.0.0-beta)
+      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)
+      vue: 3.5.40(typescript@5.9.3)
 
   '@volar/language-core@2.4.28':
     dependencies:
@@ -5895,7 +6197,7 @@ snapshots:
       path-browserify: 1.0.1
       vscode-uri: 3.2.0
 
-  '@vue-macros/common@3.1.4(vue@3.5.40(typescript@6.0.0-beta))':
+  '@vue-macros/common@3.1.4(vue@3.5.40(typescript@5.9.3))':
     dependencies:
       '@vue/compiler-sfc': 3.5.40
       ast-kit: 2.2.0
@@ -5903,7 +6205,7 @@ snapshots:
       magic-string-ast: 1.0.3
       unplugin-utils: 0.3.2
     optionalDependencies:
-      vue: 3.5.40(typescript@6.0.0-beta)
+      vue: 3.5.40(typescript@5.9.3)
 
   '@vue/babel-helper-vue-transform-on@2.0.1': {}
 
@@ -5981,11 +6283,11 @@ snapshots:
     dependencies:
       '@vue/devtools-kit': 8.2.1
 
-  '@vue/devtools-core@8.2.1(vue@3.5.40(typescript@6.0.0-beta))':
+  '@vue/devtools-core@8.2.1(vue@3.5.40(typescript@5.9.3))':
     dependencies:
       '@vue/devtools-kit': 8.2.1
       '@vue/devtools-shared': 8.2.1
-      vue: 3.5.40(typescript@6.0.0-beta)
+      vue: 3.5.40(typescript@5.9.3)
 
   '@vue/devtools-kit@8.2.1':
     dependencies:
@@ -6643,9 +6945,9 @@ snapshots:
 
   devalue@5.9.0: {}
 
-  devframe@0.7.16(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta):
+  devframe@0.7.16(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3):
     dependencies:
-      '@valibot/to-json-schema': 1.7.1(valibot@1.4.2(typescript@6.0.0-beta))
+      '@valibot/to-json-schema': 1.7.1(valibot@1.4.2(typescript@5.9.3))
       birpc: 4.0.0
       crossws: 0.4.10(srvx@0.11.22)
       destr: 2.0.5
@@ -6654,7 +6956,7 @@ snapshots:
       nostics: 1.2.0
       pathe: 2.0.3
       ufo: 1.6.4
-      valibot: 1.4.2(typescript@6.0.0-beta)
+      valibot: 1.4.2(typescript@5.9.3)
     optionalDependencies:
       cac: 7.0.0
     transitivePeerDependencies:
@@ -7115,12 +7417,12 @@ snapshots:
 
   image-meta@0.2.2: {}
 
-  impound@1.1.6(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)):
+  impound@1.1.6(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.31
       es-module-lexer: 2.3.1
       pathe: 2.0.3
-      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
+      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
       unplugin-utils: 0.3.2
     transitivePeerDependencies:
       - '@farmfe/core'
@@ -7524,17 +7826,18 @@ snapshots:
   minimist@1.2.8:
     optional: true
 
-  minimizer-webpack-plugin@5.12.0(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)):
+  minimizer-webpack-plugin@5.12.0(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.31
       jest-worker: 27.5.1
       schema-utils: 4.5.0
       terser: 5.51.2
-      webpack: 5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)
+      webpack: 5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))
     optionalDependencies:
       esbuild: 0.28.1
       lightningcss: 1.33.0
       postcss: 8.5.25
+      sharp: 0.35.5(@types/node@24.19.0)
     optional: true
 
   minipass@7.1.3: {}
@@ -7578,7 +7881,7 @@ snapshots:
       qs: 6.15.3
     optional: true
 
-  nitropack@2.13.4(@netlify/blobs@9.1.2)(better-sqlite3@12.4.1)(oxc-parser@0.140.0)(rolldown@1.2.1)(srvx@0.11.22)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)):
+  nitropack@2.13.4(@netlify/blobs@9.1.2)(better-sqlite3@12.4.1)(oxc-parser@0.140.0)(rolldown@1.2.1)(srvx@0.11.22)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))):
     dependencies:
       '@cloudflare/kv-asset-handler': 0.4.2
       '@rollup/plugin-alias': 6.0.0(rollup@4.62.4)
@@ -7643,7 +7946,7 @@ snapshots:
       uncrypto: 0.1.3
       unctx: 2.5.0
       unenv: 2.0.0-rc.24
-      unimport: 6.4.0(esbuild@0.28.1)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
+      unimport: 6.4.0(esbuild@0.28.1)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
       unplugin-utils: 0.3.2
       unstorage: 1.17.5(@netlify/blobs@9.1.2)(db0@0.3.4(better-sqlite3@12.4.1))(ioredis@5.11.1)
       untyped: 2.0.0
@@ -7740,17 +8043,17 @@ snapshots:
     dependencies:
       boolbase: 1.0.0
 
-  nuxt@4.5.2(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@netlify/blobs@9.1.2)(@oxc-project/types@0.142.0)(@types/node@24.19.0)(@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)))(@vue/compiler-sfc@3.5.40)(better-sqlite3@12.4.1)(cac@7.0.0)(db0@0.3.4(better-sqlite3@12.4.1))(esbuild@0.28.1)(ioredis@5.11.1)(lightningcss@1.33.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup-plugin-visualizer@7.0.1(rolldown@1.2.1)(rollup@4.62.4))(rollup@4.62.4)(srvx@0.11.22)(terser@5.51.2)(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(vue-tsc@3.3.11(typescript@6.0.0-beta))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))(yaml@2.9.0):
+  nuxt@4.5.2(@babel/plugin-syntax-jsx@7.29.7(@babel/core@7.29.7))(@babel/plugin-syntax-typescript@7.29.7(@babel/core@7.29.7))(@netlify/blobs@9.1.2)(@oxc-project/types@0.142.0)(@types/node@24.19.0)(@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)))(@vue/compiler-sfc@3.5.40)(better-sqlite3@12.4.1)(cac@7.0.0)(db0@0.3.4(better-sqlite3@12.4.1))(esbuild@0.28.1)(ioredis@5.11.1)(lightningcss@1.33.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup-plugin-visualizer@7.0.1(rolldown@1.2.1)(rollup@4.62.4))(rollup@4.62.4)(srvx@0.11.22)(terser@5.51.2)(tsx@4.23.15)(typescript@5.9.3)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(vue-tsc@3.3.11(typescript@5.9.3))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))(yaml@2.9.0):
     dependencies:
-      '@dxup/nuxt': 0.5.10(esbuild@0.28.1)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
+      '@dxup/nuxt': 0.5.10(esbuild@0.28.1)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
       '@nuxt/cli': 3.37.0(@nuxt/schema@4.5.2)(cac@7.0.0)(magicast@0.5.4)
-      '@nuxt/devtools': 3.4.2(@netlify/blobs@9.1.2)(db0@0.3.4(better-sqlite3@12.4.1))(ioredis@5.11.1)(magic-string@1.1.0)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)))(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.0-beta))
-      '@nuxt/kit': 4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)))
-      '@nuxt/nitro-server': 4.5.2(7215ef995803a55b33884d335591e57e)
+      '@nuxt/devtools': 3.4.2(@netlify/blobs@9.1.2)(db0@0.3.4(better-sqlite3@12.4.1))(ioredis@5.11.1)(magic-string@1.1.0)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))))(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(vue@3.5.40(typescript@5.9.3))
+      '@nuxt/kit': 4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))))
+      '@nuxt/nitro-server': 4.5.2(9bba80725258f13af181bcb09cd9d259)
       '@nuxt/schema': 4.5.2
-      '@nuxt/telemetry': 2.8.0(@nuxt/kit@4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))))
-      '@nuxt/vite-builder': 4.5.2(a5dea5cff1b7c557d94013056c264452)
-      '@unhead/vue': 3.4.1(@oxc-project/types@0.142.0)(@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)))(esbuild@0.28.1)(lightningcss@1.33.0)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.0-beta))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
+      '@nuxt/telemetry': 2.8.0(@nuxt/kit@4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))))
+      '@nuxt/vite-builder': 4.5.2(a70c5c1c842afe4f55ac3a12c6a3919e)
+      '@unhead/vue': 3.4.1(@oxc-project/types@0.142.0)(@vitejs/devtools-kit@0.4.10(cac@7.0.0)(srvx@0.11.22)(typescript@5.9.3)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)))(esbuild@0.28.1)(lightningcss@1.33.0)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(vue@3.5.40(typescript@5.9.3))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
       '@vue/shared': 3.5.40
       chokidar: 5.0.0
       compatx: 0.2.0
@@ -7764,7 +8067,7 @@ snapshots:
       fnv1a-64: 0.1.2
       hookable: 6.1.1
       ignore: 7.0.6
-      impound: 1.1.6(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
+      impound: 1.1.6(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
       jiti: 2.7.0
       klona: 2.0.6
       knitwork: 1.3.0
@@ -7791,17 +8094,17 @@ snapshots:
       ufo: 1.6.4
       ultrahtml: 1.7.0
       uncrypto: 0.1.3
-      unctx: 3.0.0(magic-string@1.1.0)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)))
+      unctx: 3.0.0(magic-string@1.1.0)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))))
       undici: 8.11.2
-      unhead: 3.4.1(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
-      unimport: 6.4.0(esbuild@0.28.1)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
-      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
+      unhead: 3.4.1(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
+      unimport: 6.4.0(esbuild@0.28.1)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
+      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
       unrouting: 0.2.2
       untyped: 2.0.0
       verkit: 0.3.2
-      vue: 3.5.40(typescript@6.0.0-beta)
+      vue: 3.5.40(typescript@5.9.3)
       vue-component-type-helpers: 3.3.11
-      vue-router: 5.2.0(@vue/compiler-sfc@3.5.40)(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.0-beta))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
+      vue-router: 5.2.0(@vue/compiler-sfc@3.5.40)(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(vue@3.5.40(typescript@5.9.3))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
     optionalDependencies:
       '@types/node': 24.19.0
     transitivePeerDependencies:
@@ -8036,6 +8339,12 @@ snapshots:
       exsolve: 1.1.1
       pathe: 2.0.3
 
+  playwright-core@1.64.1: {}
+
+  playwright@1.64.1:
+    dependencies:
+      playwright-core: 1.64.1
+
   postcss-calc@10.1.1(postcss@8.5.25):
     dependencies:
       postcss: 8.5.25
@@ -8481,6 +8790,39 @@ snapshots:
 
   setprototypeof@1.2.0: {}
 
+  sharp@0.35.5(@types/node@24.19.0):
+    dependencies:
+      '@img/colour': 1.1.0
+      detect-libc: 2.1.2
+      semver: 7.8.5
+    optionalDependencies:
+      '@img/sharp-darwin-arm64': 0.35.5
+      '@img/sharp-darwin-x64': 0.35.5
+      '@img/sharp-freebsd-wasm32': 0.35.5
+      '@img/sharp-libvips-darwin-arm64': 1.3.4
+      '@img/sharp-libvips-darwin-x64': 1.3.4
+      '@img/sharp-libvips-linux-arm': 1.3.4
+      '@img/sharp-libvips-linux-arm64': 1.3.4
+      '@img/sharp-libvips-linux-ppc64': 1.3.4
+      '@img/sharp-libvips-linux-riscv64': 1.3.4
+      '@img/sharp-libvips-linux-s390x': 1.3.4
+      '@img/sharp-libvips-linux-x64': 1.3.4
+      '@img/sharp-libvips-linuxmusl-arm64': 1.3.4
+      '@img/sharp-libvips-linuxmusl-x64': 1.3.4
+      '@img/sharp-linux-arm': 0.35.5
+      '@img/sharp-linux-arm64': 0.35.5
+      '@img/sharp-linux-ppc64': 0.35.5
+      '@img/sharp-linux-riscv64': 0.35.5
+      '@img/sharp-linux-s390x': 0.35.5
+      '@img/sharp-linux-x64': 0.35.5
+      '@img/sharp-linuxmusl-arm64': 0.35.5
+      '@img/sharp-linuxmusl-x64': 0.35.5
+      '@img/sharp-webcontainers-wasm32': 0.35.5
+      '@img/sharp-win32-arm64': 0.35.5
+      '@img/sharp-win32-ia32': 0.35.5
+      '@img/sharp-win32-x64': 0.35.5
+      '@types/node': 24.19.0
+
   shebang-command@2.0.0:
     dependencies:
       shebang-regex: 3.0.0
@@ -8788,6 +9130,12 @@ snapshots:
   tslib@2.8.1:
     optional: true
 
+  tsx@4.23.15:
+    dependencies:
+      esbuild: 0.28.1
+    optionalDependencies:
+      fsevents: 2.3.3
+
   tunnel-agent@0.6.0:
     dependencies:
       safe-buffer: 5.2.1
@@ -8800,7 +9148,7 @@ snapshots:
     dependencies:
       tagged-tag: 1.0.0
 
-  typescript@6.0.0-beta: {}
+  typescript@5.9.3: {}
 
   uc.micro@2.1.0: {}
 
@@ -8817,19 +9165,19 @@ snapshots:
       magic-string: 0.30.21
       unplugin: 2.3.11
 
-  unctx@3.0.0(magic-string@1.1.0)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))):
+  unctx@3.0.0(magic-string@1.1.0)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))):
     optionalDependencies:
       magic-string: 1.1.0
       oxc-parser: 0.140.0
       rolldown: 1.2.1
-      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
+      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
 
-  unctx@3.0.0(magic-string@1.4.2)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))):
+  unctx@3.0.0(magic-string@1.4.2)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))):
     optionalDependencies:
       magic-string: 1.4.2
       oxc-parser: 0.140.0
       rolldown: 1.2.1
-      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
+      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
 
   undici-types@7.24.6: {}
 
@@ -8839,12 +9187,12 @@ snapshots:
     dependencies:
       pathe: 2.0.3
 
-  unhead@3.4.1(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)):
+  unhead@3.4.1(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))):
     dependencies:
       hookable: 6.1.1
-      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
+      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
     optionalDependencies:
-      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)
+      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)
     transitivePeerDependencies:
       - '@farmfe/core'
       - '@rspack/core'
@@ -8862,7 +9210,7 @@ snapshots:
 
   unicorn-magic@0.4.0: {}
 
-  unimport@6.4.0(esbuild@0.28.1)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)):
+  unimport@6.4.0(esbuild@0.28.1)(oxc-parser@0.140.0)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))):
     dependencies:
       acorn: 8.18.0
       escape-string-regexp: 5.0.0
@@ -8876,7 +9224,7 @@ snapshots:
       scule: 1.3.0
       strip-literal: 4.0.0
       tinyglobby: 0.2.17
-      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
+      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
       unplugin-utils: 0.3.2
     optionalDependencies:
       oxc-parser: 0.140.0
@@ -8926,7 +9274,7 @@ snapshots:
       picomatch: 4.0.5
       webpack-virtual-modules: 0.6.2
 
-  unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)):
+  unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))):
     dependencies:
       '@jridgewell/remapping': 2.3.5
       picomatch: 4.0.5
@@ -8935,8 +9283,8 @@ snapshots:
       esbuild: 0.28.1
       rolldown: 1.2.1
       rollup: 4.62.4
-      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)
-      webpack: 5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)
+      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)
+      webpack: 5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))
 
   unrouting@0.2.2:
     dependencies:
@@ -8993,9 +9341,9 @@ snapshots:
   uuid@11.1.1:
     optional: true
 
-  valibot@1.4.2(typescript@6.0.0-beta):
+  valibot@1.4.2(typescript@5.9.3):
     optionalDependencies:
-      typescript: 6.0.0-beta
+      typescript: 5.9.3
     optional: true
 
   verkit@0.3.2: {}
@@ -9010,23 +9358,23 @@ snapshots:
       '@types/unist': 3.0.3
       vfile-message: 4.0.3
 
-  vite-dev-rpc@2.0.0(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)):
+  vite-dev-rpc@2.0.0(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)):
     dependencies:
       birpc: 4.0.0
-      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)
-      vite-hot-client: 2.2.0(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))
+      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)
+      vite-hot-client: 2.2.0(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))
 
-  vite-hot-client@2.2.0(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)):
+  vite-hot-client@2.2.0(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)):
     dependencies:
-      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)
+      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)
 
-  vite-node@6.0.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0):
+  vite-node@6.0.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0):
     dependencies:
       cac: 7.0.0
       es-module-lexer: 2.3.1
       obug: 2.1.4
       pathe: 2.0.3
-      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)
+      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)
     transitivePeerDependencies:
       - '@types/node'
       - '@vitejs/devtools'
@@ -9041,7 +9389,7 @@ snapshots:
       - tsx
       - yaml
 
-  vite-plugin-checker@0.14.5(typescript@6.0.0-beta)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(vue-tsc@3.3.11(typescript@6.0.0-beta)):
+  vite-plugin-checker@0.14.5(typescript@5.9.3)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(vue-tsc@3.3.11(typescript@5.9.3)):
     dependencies:
       '@babel/code-frame': 7.29.7
       chokidar: 5.0.0
@@ -9050,12 +9398,12 @@ snapshots:
       picomatch: 4.0.5
       proper-lockfile: 4.1.2
       tiny-invariant: 1.3.3
-      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)
+      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)
     optionalDependencies:
-      typescript: 6.0.0-beta
-      vue-tsc: 3.3.11(typescript@6.0.0-beta)
+      typescript: 5.9.3
+      vue-tsc: 3.3.11(typescript@5.9.3)
 
-  vite-plugin-inspect@11.4.1(@nuxt/kit@4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))))(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)):
+  vite-plugin-inspect@11.4.1(@nuxt/kit@4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))))(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)):
     dependencies:
       ansis: 4.3.1
       error-stack-parser-es: 1.0.5
@@ -9065,22 +9413,22 @@ snapshots:
       perfect-debounce: 2.1.0
       sirv: 3.0.2
       unplugin-utils: 0.3.2
-      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)
-      vite-dev-rpc: 2.0.0(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))
+      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)
+      vite-dev-rpc: 2.0.0(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))
     optionalDependencies:
-      '@nuxt/kit': 4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)))
+      '@nuxt/kit': 4.5.2(magic-string@1.1.0)(magicast@0.5.4)(oxc-parser@0.140.0)(rolldown@1.2.1)(unplugin@3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))))
 
-  vite-plugin-vue-tracer@1.4.0(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.0-beta)):
+  vite-plugin-vue-tracer@1.4.0(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(vue@3.5.40(typescript@5.9.3)):
     dependencies:
       estree-walker: 3.0.3
       exsolve: 1.1.1
       magic-string: 0.30.21
       pathe: 2.0.3
       source-map-js: 1.2.1
-      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)
-      vue: 3.5.40(typescript@6.0.0-beta)
+      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)
+      vue: 3.5.40(typescript@5.9.3)
 
-  vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0):
+  vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0):
     dependencies:
       lightningcss: 1.33.0
       picomatch: 4.0.5
@@ -9093,6 +9441,7 @@ snapshots:
       fsevents: 2.3.3
       jiti: 2.7.0
       terser: 5.51.2
+      tsx: 4.23.15
       yaml: 2.9.0
 
   vscode-uri@3.2.0: {}
@@ -9105,10 +9454,10 @@ snapshots:
 
   vue-devtools-stub@0.1.0: {}
 
-  vue-router@5.2.0(@vue/compiler-sfc@3.5.40)(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(vue@3.5.40(typescript@6.0.0-beta))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)):
+  vue-router@5.2.0(@vue/compiler-sfc@3.5.40)(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(vue@3.5.40(typescript@5.9.3))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))):
     dependencies:
       '@babel/generator': 8.0.0
-      '@vue-macros/common': 3.1.4(vue@3.5.40(typescript@6.0.0-beta))
+      '@vue-macros/common': 3.1.4(vue@3.5.40(typescript@5.9.3))
       '@vue/devtools-api': 8.2.1
       ast-walker-scope: 0.9.0
       chokidar: 5.0.0
@@ -9122,13 +9471,13 @@ snapshots:
       picomatch: 4.0.5
       scule: 1.3.0
       tinyglobby: 0.2.17
-      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
+      unplugin: 3.3.0(esbuild@0.28.1)(rolldown@1.2.1)(rollup@4.62.4)(vite@8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
       unplugin-utils: 0.3.2
-      vue: 3.5.40(typescript@6.0.0-beta)
+      vue: 3.5.40(typescript@5.9.3)
       yaml: 2.9.0
     optionalDependencies:
       '@vue/compiler-sfc': 3.5.40
-      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(yaml@2.9.0)
+      vite: 8.2.0(@types/node@24.19.0)(esbuild@0.28.1)(jiti@2.7.0)(terser@5.51.2)(tsx@4.23.15)(yaml@2.9.0)
     transitivePeerDependencies:
       - '@farmfe/core'
       - '@rspack/core'
@@ -9139,13 +9488,13 @@ snapshots:
       - unloader
       - webpack
 
-  vue-tsc@3.3.11(typescript@6.0.0-beta):
+  vue-tsc@3.3.11(typescript@5.9.3):
     dependencies:
       '@volar/typescript': 2.4.28
       '@vue/language-core': 3.3.11
-      typescript: 6.0.0-beta
+      typescript: 5.9.3
 
-  vue@3.5.40(typescript@6.0.0-beta):
+  vue@3.5.40(typescript@5.9.3):
     dependencies:
       '@vue/compiler-dom': 3.5.40
       '@vue/compiler-sfc': 3.5.40
@@ -9153,7 +9502,7 @@ snapshots:
       '@vue/server-renderer': 3.5.40
       '@vue/shared': 3.5.40
     optionalDependencies:
-      typescript: 6.0.0-beta
+      typescript: 5.9.3
 
   watchpack@2.5.2:
     dependencies:
@@ -9170,7 +9519,7 @@ snapshots:
 
   webpack-virtual-modules@0.6.2: {}
 
-  webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25):
+  webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)):
     dependencies:
       '@types/estree': 1.0.9
       '@types/json-schema': 7.0.15
@@ -9184,7 +9533,7 @@ snapshots:
       events: 3.3.0
       graceful-fs: 4.2.11
       mime-db: 1.54.0
-      minimizer-webpack-plugin: 5.12.0(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25))
+      minimizer-webpack-plugin: 5.12.0(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0))(webpack@5.111.1(esbuild@0.28.1)(lightningcss@1.33.0)(postcss@8.5.25)(sharp@0.35.5(@types/node@24.19.0)))
       schema-utils: 4.5.0
       tapable: 2.3.3
       watchpack: 2.5.2
diff --git a/public/robots.txt b/public/robots.txt
deleted file mode 100644
index e9948d46..00000000
--- a/public/robots.txt
+++ /dev/null
@@ -1,4 +0,0 @@
-User-agent: *
-Allow: /
-
-Sitemap: https://cmpadden.github.io/sitemap.xml
diff --git a/scripts/generate-responsive-images.mjs b/scripts/generate-responsive-images.mjs
new file mode 100644
index 00000000..eed8f806
--- /dev/null
+++ b/scripts/generate-responsive-images.mjs
@@ -0,0 +1,37 @@
+import { mkdir, rm } from "node:fs/promises";
+import { resolve, basename, extname } from "node:path";
+import sharp from "sharp";
+import { experimentLinks } from "../data/experiments.mjs";
+
+const output = resolve("public/images/generated");
+await rm(output, { recursive: true, force: true });
+await mkdir(output, { recursive: true });
+const images = [
+  ...new Set(experimentLinks.map(({ img }) => img).filter(Boolean)),
+];
+for (const src of images) {
+  const name = basename(src, extname(src));
+  for (const width of [320, 640, 960]) {
+    let size = Infinity;
+    for (const quality of [68, 58, 48, 38, 28, 20]) {
+      const info = await sharp(resolve("public", src.slice(1)))
+        .rotate()
+        .resize(width, width, { fit: "cover" })
+        .webp({ quality, effort: 5 })
+        .toFile(resolve(output, `${name}-${width}.webp`));
+      size = info.size;
+      if (size <= 100_000) break;
+    }
+    if (size > 100_000)
+      throw new Error(`Thumbnail budget exceeded: ${name}-${width}`);
+  }
+}
+// The UI already renders the texture in grayscale. Quantizing to 16 gray levels
+// preserves the noise treatment while avoiding a 49 kB RGB texture per visit.
+await sharp("public/images/noise.png")
+  .grayscale()
+  .png({ palette: true, colours: 16, effort: 10 })
+  .toFile(resolve(output, "noise.png"));
+console.log(
+  `Generated ${images.length * 3} responsive thumbnails and noise texture`,
+);
diff --git a/scripts/serve-static.mjs b/scripts/serve-static.mjs
new file mode 100644
index 00000000..e5d57e06
--- /dev/null
+++ b/scripts/serve-static.mjs
@@ -0,0 +1,49 @@
+import { createServer } from "node:http";
+import { readFile, stat } from "node:fs/promises";
+import { resolve, extname, sep } from "node:path";
+
+// Deliberately no SPA fallback: emulate GitHub Pages' real 404 behavior.
+const root = resolve(".output/public");
+const mime = {
+  ".html": "text/html",
+  ".js": "text/javascript",
+  ".css": "text/css",
+  ".json": "application/json",
+  ".xml": "application/xml",
+  ".txt": "text/plain",
+  ".png": "image/png",
+  ".webp": "image/webp",
+  ".jpg": "image/jpeg",
+  ".woff2": "font/woff2",
+};
+const server = createServer(async (req, res) => {
+  try {
+    const url = new URL(req.url || "/", "http://localhost");
+    let path = resolve(root, `.${decodeURIComponent(url.pathname)}`);
+    if (path !== root && !path.startsWith(root + sep)) {
+      res.writeHead(403).end();
+      return;
+    }
+    if ((await stat(path)).isDirectory()) {
+      if (!url.pathname.endsWith("/")) {
+        res.writeHead(301, { Location: `${url.pathname}/${url.search}` }).end();
+        return;
+      }
+      path = resolve(path, "index.html");
+    }
+    const body = await readFile(path);
+    res.writeHead(200, {
+      "Content-Type": mime[extname(path)] || "application/octet-stream",
+    });
+    res.end(body);
+  } catch {
+    res.writeHead(404, { "Content-Type": "text/html" });
+    res.end(await readFile(resolve(root, "404.html")).catch(() => "Not found"));
+  }
+});
+const port = Number(process.env.PORT || 4174);
+server.listen(port, "127.0.0.1", () =>
+  console.log(`Static site: http://127.0.0.1:${port}`),
+);
+for (const signal of ["SIGTERM", "SIGINT"])
+  process.on(signal, () => server.close(() => process.exit(0)));
diff --git a/server/routes/atom.ts b/server/routes/atom.xml.ts
similarity index 82%
rename from server/routes/atom.ts
rename to server/routes/atom.xml.ts
index 3e310f12..e7817db1 100644
--- a/server/routes/atom.ts
+++ b/server/routes/atom.xml.ts
@@ -1,13 +1,14 @@
 import { Feed } from "feed";
 import { getAllBlogArticles } from "#content/articles";
-import { SITE_NAME, SITE_ORIGIN } from "~/utils/seo";
+import { SITE_NAME, SITE_ORIGIN, absoluteUrl } from "../../shared/site";
 
 const BASE_URL = SITE_ORIGIN;
 const AUTHOR_NAME = SITE_NAME;
 
 export default defineEventHandler(async (event) => {
+  setHeader(event, "Content-Type", "application/atom+xml; charset=utf-8");
   const feed = new Feed({
-    title: "cmpadden.github.io",
+    title: `${SITE_NAME}'s Blog`,
     description: "Colton Padden's Personal Blog",
     id: BASE_URL,
     link: BASE_URL,
@@ -18,7 +19,7 @@ export default defineEventHandler(async (event) => {
     updated: new Date(),
     generator: "Nuxt static site generation + Feed for Node.js",
     feedLinks: {
-      atom: `${BASE_URL}/atom`,
+      atom: absoluteUrl("/atom.xml"),
     },
     author: {
       name: AUTHOR_NAME,
@@ -29,9 +30,7 @@ export default defineEventHandler(async (event) => {
 
   articles.forEach((article) => {
     const isExternal = Boolean(article.external_url);
-    const link = isExternal
-      ? article.external_url
-      : `${BASE_URL}${article.path}`;
+    const link = isExternal ? article.external_url : absoluteUrl(article.path);
     const id = link;
     const imagePath = article.cover_image || article.img;
 
diff --git a/server/routes/robots.txt.ts b/server/routes/robots.txt.ts
new file mode 100644
index 00000000..09ae096b
--- /dev/null
+++ b/server/routes/robots.txt.ts
@@ -0,0 +1,6 @@
+import { absoluteUrl } from "../../shared/site";
+
+export default defineEventHandler((event) => {
+  setHeader(event, "Content-Type", "text/plain; charset=utf-8");
+  return `User-agent: *\nAllow: /\n\nSitemap: ${absoluteUrl("/sitemap.xml")}\n`;
+});
diff --git a/server/routes/sitemap.xml.ts b/server/routes/sitemap.xml.ts
index 5fc6e2c9..0aaad689 100644
--- a/server/routes/sitemap.xml.ts
+++ b/server/routes/sitemap.xml.ts
@@ -1,25 +1,14 @@
 import { SitemapStream, streamToPromise } from "sitemap";
 import { getAllBlogArticles } from "#content/articles";
-import { SITE_ORIGIN } from "~/utils/seo";
+import { PAGE_ROUTES, SITE_ORIGIN } from "../../shared/site";
 
-const STATIC_ROUTES = [
-  "/",
-  "/about",
-  "/blog",
-  "/talks",
-  "/experiments",
-  "/experiments/audio",
-  "/experiments/chords",
-  "/experiments/matrix",
-  "/experiments/midi",
-];
-
-export default defineEventHandler(async () => {
+export default defineEventHandler(async (event) => {
+  setHeader(event, "Content-Type", "application/xml; charset=utf-8");
   const articles = getAllBlogArticles();
 
   const sitemap = new SitemapStream({ hostname: SITE_ORIGIN });
 
-  STATIC_ROUTES.forEach((url) => sitemap.write({ url }));
+  PAGE_ROUTES.forEach((url) => sitemap.write({ url }));
 
   // Dynamically generate routes for Nuxt markdown content. Drafts and
   // external summaries should not be advertised as canonical crawl targets.
diff --git a/shared/site.ts b/shared/site.ts
new file mode 100644
index 00000000..6f725bfd
--- /dev/null
+++ b/shared/site.ts
@@ -0,0 +1,23 @@
+// Public route metadata shared by rendering, feeds, sitemap, and build tooling.
+export const SITE_ORIGIN = "https://colton.foo";
+export const SITE_NAME = "Colton Padden";
+export const PAGE_ROUTES = [
+  "/",
+  "/about/",
+  "/blog/",
+  "/experiments/",
+  "/experiments/audio/",
+  "/experiments/chords/",
+  "/experiments/matrix/",
+  "/experiments/midi/",
+  "/talks/",
+] as const;
+
+export const canonicalPath = (path: string) => {
+  const [, pathname = "/", suffix = ""] = path.match(/^([^?#]*)(.*)$/) || [];
+  const normalized = pathname.startsWith("/") ? pathname : `/${pathname}`;
+  return `${normalized.endsWith("/") || /\.[^/]+$/.test(normalized) ? normalized : `${normalized}/`}${suffix}`;
+};
+
+export const absoluteUrl = (path = "/"): string =>
+  /^https?:\/\//.test(path) ? path : `${SITE_ORIGIN}${canonicalPath(path)}`;
diff --git a/modules/content/runtime/types/blog-article.ts b/shared/types/article.ts
similarity index 65%
rename from modules/content/runtime/types/blog-article.ts
rename to shared/types/article.ts
index 3cce5e01..b26fec1a 100644
--- a/modules/content/runtime/types/blog-article.ts
+++ b/shared/types/article.ts
@@ -7,7 +7,7 @@ export type BlogArticle = {
   document: MarkdownDocument;
   excerpt: string;
   readingTimeMinutes: number;
-  title?: string;
+  title: string;
   description?: string;
   date: string;
   tags: string[];
@@ -20,4 +20,8 @@ export type BlogArticle = {
   draft?: boolean;
 };
 
-export type BlogArticleSummary = Omit<BlogArticle, "document">;
+// List cards need neither a document AST nor full article excerpts/metadata.
+export type BlogArticleSummary = Pick<
+  BlogArticle,
+  "_id" | "path" | "title" | "date" | "external_url" | "external_site"
+>;
diff --git a/tests/e2e/server.spec.ts b/tests/e2e/server.spec.ts
new file mode 100644
index 00000000..caa165b0
--- /dev/null
+++ b/tests/e2e/server.spec.ts
@@ -0,0 +1,49 @@
+import { test, expect } from "@playwright/test";
+import { loadArticleSources } from "../../modules/content/manifest";
+
+test("Nitro returns 404 for missing and draft articles, including HTML requests", async ({
+  request,
+}) => {
+  const drafts = loadArticleSources(process.cwd(), true).filter(
+    (a) => a.frontmatter.draft,
+  );
+  for (const slug of ["does-not-exist", ...drafts.map((a) => a.slug)]) {
+    expect((await request.get(`/api/articles/${slug}`)).status()).toBe(404);
+    const html = await request.get(`/blog/${slug}/`);
+    expect(html.status()).toBe(404);
+    expect(await html.text()).toContain("Page not found");
+  }
+});
+
+test("article summaries are limited and exclude full bodies and excerpts", async ({
+  request,
+}) => {
+  const response = await request.get("/api/articles?limit=5");
+  expect(response.ok()).toBeTruthy();
+  const articles = await response.json();
+  expect(articles).toHaveLength(5);
+  for (const article of articles) {
+    expect(article).not.toHaveProperty("document");
+    expect(article).not.toHaveProperty("excerpt");
+    expect(article.path).toMatch(/\/$/);
+  }
+  expect((await request.get("/api/articles?limit=-1")).status()).toBe(400);
+});
+
+test("server redirects and XML MIME types are correct", async ({ request }) => {
+  for (const [from, to] of [
+    ["/articles/", "/blog/"],
+    ["/articles/nuxt-v3-migration/", "/blog/nuxt-v3-migration/"],
+    ["/atom/", "/atom.xml"],
+  ]) {
+    const response = await request.get(from!, { maxRedirects: 0 });
+    expect(response.status()).toBe(301);
+    expect(response.headers().location).toBe(to);
+  }
+  expect((await request.get("/atom.xml")).headers()["content-type"]).toContain(
+    "application/atom+xml",
+  );
+  expect(
+    (await request.get("/robots.txt")).headers()["content-type"],
+  ).toContain("text/plain");
+});
diff --git a/tests/e2e/site.spec.ts b/tests/e2e/site.spec.ts
new file mode 100644
index 00000000..bdc44b1d
--- /dev/null
+++ b/tests/e2e/site.spec.ts
@@ -0,0 +1,461 @@
+import { test, expect, type Page } from "@playwright/test";
+
+async function navigate(page: Page, path: string) {
+  await page.evaluate(async (to) => {
+    const element = document.querySelector("#__nuxt") as Element & {
+      __vue_app__: {
+        config: {
+          globalProperties: { $router: { push(to: string): Promise<void> } };
+        };
+      };
+    };
+    await element.__vue_app__.config.globalProperties.$router.push(to);
+  }, path);
+}
+
+test("normal navigation resets document scroll; back and anchors restore it", async ({
+  page,
+}) => {
+  await page.goto("/");
+  await page.getByRole("heading", { level: 1 }).waitFor();
+  await page.evaluate(() => window.scrollTo(0, 500));
+  await expect.poll(() => page.evaluate(() => window.scrollY)).toBe(500);
+  await page.getByLabel("Toggle navigation").click();
+  await page
+    .getByRole("navigation", { name: "Primary navigation" })
+    .getByRole("link", { name: "Blog", exact: true })
+    .click();
+  await expect(page.getByRole("heading", { level: 1 })).toHaveText("Blog");
+  await expect.poll(() => page.evaluate(() => window.scrollY)).toBe(0);
+  await page.goBack();
+  await expect.poll(() => page.evaluate(() => window.scrollY)).toBe(500);
+  await navigate(page, "/#experiments");
+  await expect
+    .poll(() =>
+      page
+        .locator("#experiments")
+        .evaluate((el) => Math.round(el.getBoundingClientRect().top)),
+    )
+    .toBeLessThan(100);
+  await navigate(page, "/talks/");
+  await expect(page.getByRole("heading", { level: 1 })).toHaveText("Talks");
+  await expect.poll(() => page.evaluate(() => window.scrollY)).toBe(0);
+});
+
+test("missing article SPA navigation shows a minimal 404 page", async ({
+  page,
+}) => {
+  await page.goto("/blog/");
+  await navigate(page, "/blog/does-not-exist/");
+  await expect(
+    page.getByRole("heading", { name: "404", exact: true }),
+  ).toBeVisible();
+  await expect(page.getByRole("button", { name: "Return home" })).toHaveCount(
+    0,
+  );
+});
+
+test("SSR images work without JavaScript and use responsive variants", async ({
+  browser,
+  baseURL,
+}) => {
+  const context = await browser.newContext({
+    javaScriptEnabled: false,
+    viewport: { width: 375, height: 844 },
+  });
+  try {
+    const page = await context.newPage();
+    await page.goto(`${baseURL}/experiments/`);
+    const image = page.locator("main img").first();
+    await expect(image).toBeVisible();
+    await expect(image).toHaveCSS("opacity", "1");
+    expect(
+      await image.evaluate((el: HTMLImageElement) => el.currentSrc),
+    ).toContain("-320.webp");
+    expect(await image.getAttribute("srcset")).toContain("960w");
+  } finally {
+    await context.close();
+  }
+});
+
+test("static-compatible legacy redirects preserve their destination", async ({
+  page,
+}) => {
+  await page.goto("/articles/");
+  await expect(page).toHaveURL(/\/blog\/$/);
+  await page.goto("/atom/");
+  await expect(page).toHaveURL(/\/atom.xml$/);
+});
+
+test("no article payloads are prefetched just from visibility", async ({
+  page,
+}) => {
+  const payloads: string[] = [];
+  page.on("request", (request) => {
+    if (/\/blog\/[^/]+\/_payload.json/.test(request.url()))
+      payloads.push(request.url());
+  });
+  await page.goto("/");
+  await page.waitForTimeout(800);
+  expect(payloads).toEqual([]);
+});
+
+test("audio has one loop, stops all resources, and handles a late media response", async ({
+  page,
+}) => {
+  await page.addInitScript(() => {
+    const state = {
+      requests: 0,
+      reads: 0,
+      stopped: 0,
+      closed: 0,
+      disconnected: 0,
+      deferred: false,
+      resolve: () => {},
+    };
+    Object.assign(window, { __audio: state });
+    const stream = () => ({
+      getTracks: () => [{ stop: () => state.stopped++ }],
+    });
+    Object.defineProperty(navigator, "mediaDevices", {
+      configurable: true,
+      value: {
+        getUserMedia: async () => {
+          state.requests++;
+          if (state.deferred)
+            return new Promise((resolve) => {
+              state.resolve = () => resolve(stream());
+            });
+          return stream();
+        },
+      },
+    });
+    class FakeAudioContext {
+      state = "running";
+      resume = async () => {};
+      close = async () => {
+        this.state = "closed";
+        state.closed++;
+      };
+      createAnalyser = () => ({
+        fftSize: 2048,
+        frequencyBinCount: 1024,
+        getByteTimeDomainData: (data: Uint8Array) => {
+          state.reads++;
+          data.fill(128);
+        },
+        getByteFrequencyData: (data: Uint8Array) => data.fill(32),
+        disconnect: () => state.disconnected++,
+      });
+      createMediaStreamSource = () => ({
+        connect: () => {},
+        disconnect: () => state.disconnected++,
+      });
+    }
+    Object.defineProperty(window, "AudioContext", {
+      configurable: true,
+      value: FakeAudioContext,
+    });
+  });
+  const state = () =>
+    page.evaluate(
+      () =>
+        (
+          window as unknown as {
+            __audio: {
+              requests: number;
+              reads: number;
+              stopped: number;
+              closed: number;
+              disconnected: number;
+            };
+          }
+        ).__audio,
+    );
+  await page.goto("/experiments/audio/");
+  await page.getByRole("button", { name: "Enable", exact: true }).click();
+  await expect.poll(async () => (await state()).reads).toBeGreaterThan(1);
+  await expect(
+    page.getByRole("button", { name: "Enable", exact: true }),
+  ).toBeDisabled();
+  expect((await state()).requests).toBe(1);
+  await page.getByRole("button", { name: "Disable", exact: true }).click();
+  const stopped = await state();
+  expect(stopped.stopped).toBe(1);
+  expect(stopped.closed).toBe(1);
+  expect(stopped.disconnected).toBe(2);
+  await page.waitForTimeout(200);
+  expect((await state()).reads).toBe(stopped.reads);
+  await page.getByRole("button", { name: "Enable", exact: true }).click();
+  await expect
+    .poll(async () => (await state()).reads)
+    .toBeGreaterThan(stopped.reads);
+  await navigate(page, "/talks/");
+  const unmounted = await state();
+  expect(unmounted.stopped).toBe(2);
+  expect(unmounted.closed).toBe(2);
+  await page.waitForTimeout(200);
+  expect((await state()).reads).toBe(unmounted.reads);
+  await navigate(page, "/experiments/audio/");
+  await page.evaluate(() => {
+    (window as unknown as { __audio: { deferred: boolean } }).__audio.deferred =
+      true;
+  });
+  await page.getByRole("button", { name: "Enable", exact: true }).click();
+  await expect(page.getByRole("button", { name: "Enabling…" })).toBeVisible();
+  await navigate(page, "/talks/");
+  await page.evaluate(() => {
+    (window as unknown as { __audio: { resolve(): void } }).__audio.resolve();
+  });
+  await expect.poll(async () => (await state()).stopped).toBe(3);
+  expect((await state()).closed).toBe(2);
+});
+
+test("MIDI listener ownership survives reconnects and hot-plugging", async ({
+  page,
+}) => {
+  await page.addInitScript(() => {
+    const state = {
+      listeners: 0,
+      closes: 0,
+      stateListeners: 0,
+      deferred: false,
+      resolve: () => {},
+    };
+    class Input extends EventTarget {
+      id = "test-input";
+      name = "Test keyboard";
+      manufacturer = "Test";
+      state = "connected";
+      override addEventListener(
+        type: string,
+        listener: EventListenerOrEventListenerObject | null,
+        options?: boolean | AddEventListenerOptions,
+      ) {
+        if (type === "midimessage") state.listeners++;
+        super.addEventListener(type, listener, options);
+      }
+      override removeEventListener(
+        type: string,
+        listener: EventListenerOrEventListenerObject | null,
+        options?: boolean | EventListenerOptions,
+      ) {
+        if (type === "midimessage") state.listeners--;
+        super.removeEventListener(type, listener, options);
+      }
+      close = async () => {
+        state.closes++;
+      };
+    }
+    const input = new Input();
+    class Access extends EventTarget {
+      inputs = new Map([[input.id, input]]);
+      outputs = new Map();
+      override addEventListener(
+        type: string,
+        listener: EventListenerOrEventListenerObject | null,
+        options?: boolean | AddEventListenerOptions,
+      ) {
+        if (type === "statechange") state.stateListeners++;
+        super.addEventListener(type, listener, options);
+      }
+      override removeEventListener(
+        type: string,
+        listener: EventListenerOrEventListenerObject | null,
+        options?: boolean | EventListenerOptions,
+      ) {
+        if (type === "statechange") state.stateListeners--;
+        super.removeEventListener(type, listener, options);
+      }
+    }
+    const access = new Access();
+    const emit = (data: number[]) => {
+      const event = new Event("midimessage");
+      Object.defineProperty(event, "data", { value: new Uint8Array(data) });
+      input.dispatchEvent(event);
+    };
+    Object.assign(window, { __midi: { state, input, access, emit } });
+    Object.defineProperty(navigator, "requestMIDIAccess", {
+      configurable: true,
+      value: async () => {
+        if (state.deferred)
+          return new Promise((resolve) => {
+            state.resolve = () => resolve(access);
+          });
+        return access;
+      },
+    });
+  });
+  const state = () =>
+    page.evaluate(
+      () =>
+        (
+          window as unknown as {
+            __midi: {
+              state: {
+                listeners: number;
+                closes: number;
+                stateListeners: number;
+              };
+            };
+          }
+        ).__midi.state,
+    );
+  await page.goto("/experiments/midi/");
+  await page.getByRole("button", { name: "Enable MIDI" }).click();
+  await expect.poll(async () => (await state()).listeners).toBe(1);
+  await page.evaluate(() => {
+    (
+      window as unknown as { __midi: { emit(data: number[]): void } }
+    ).__midi.emit([0x92, 60, 64]);
+  });
+  await expect(
+    page.getByRole("cell", { name: "Note On", exact: true }),
+  ).toBeVisible();
+  await navigate(page, "/experiments/chords/");
+  expect((await state()).listeners).toBe(0);
+  expect((await state()).stateListeners).toBe(0);
+  await page.getByRole("button", { name: "Enable MIDI" }).click();
+  await expect.poll(async () => (await state()).listeners).toBe(1);
+  await page.evaluate(() => {
+    const midi = (
+      window as unknown as {
+        __midi: {
+          emit(data: number[]): void;
+          input: { state: string };
+          access: EventTarget;
+        };
+      }
+    ).__midi;
+    midi.emit([0x91, 60, 100]);
+    midi.emit([0x91, 64, 100]);
+    midi.emit([0x91, 67, 100]);
+  });
+  await expect(page.getByText("Active notes: 60, 64, 67")).toBeVisible();
+  await page.evaluate(() => {
+    (
+      window as unknown as { __midi: { emit(data: number[]): void } }
+    ).__midi.emit([0x91, 64, 0]);
+  });
+  await expect(page.getByText("Active notes: 60, 67")).toBeVisible();
+  await page.evaluate(() => {
+    const midi = (
+      window as unknown as {
+        __midi: { input: { state: string }; access: EventTarget };
+      }
+    ).__midi;
+    midi.input.state = "disconnected";
+    midi.access.dispatchEvent(new Event("statechange"));
+  });
+  expect((await state()).listeners).toBe(0);
+  await expect(page.getByText("Active notes: None")).toBeVisible();
+  await page.evaluate(() => {
+    const midi = (
+      window as unknown as {
+        __midi: { input: { state: string }; access: EventTarget };
+      }
+    ).__midi;
+    midi.input.state = "connected";
+    midi.access.dispatchEvent(new Event("statechange"));
+  });
+  expect((await state()).listeners).toBe(1);
+  await navigate(page, "/talks/");
+  expect((await state()).listeners).toBe(0);
+  expect((await state()).stateListeners).toBe(0);
+  await page.evaluate(() => {
+    (
+      window as unknown as { __midi: { state: { deferred: boolean } } }
+    ).__midi.state.deferred = true;
+  });
+  await navigate(page, "/experiments/midi/");
+  await page.getByRole("button", { name: "Enable MIDI" }).click();
+  await expect(page.getByRole("button", { name: "Connecting…" })).toBeVisible();
+  await navigate(page, "/talks/");
+  await page.evaluate(() => {
+    (
+      window as unknown as { __midi: { state: { resolve(): void } } }
+    ).__midi.state.resolve();
+  });
+  await page.waitForTimeout(50);
+  expect((await state()).listeners).toBe(0);
+  expect((await state()).stateListeners).toBe(0);
+});
+
+test("direct unknown pages return 404, and primary routes hydrate cleanly", async ({
+  page,
+}) => {
+  const errors: string[] = [];
+  page.on("pageerror", (error) => errors.push(error.message));
+  page.on("console", (message) => {
+    if (/hydration.*mismatch/i.test(message.text()))
+      errors.push(message.text());
+  });
+  const missing = await page.goto("/blog/does-not-exist/");
+  expect(missing?.status()).toBe(404);
+  await expect(
+    page.getByRole("heading", { name: "404", exact: true }),
+  ).toBeVisible();
+  for (const route of [
+    "/",
+    "/blog/",
+    "/experiments/",
+    "/talks/",
+    "/blog/nuxt-v3-migration/",
+  ]) {
+    await page.goto(route);
+    await expect(page.locator('link[rel="canonical"]')).toHaveAttribute(
+      "href",
+      `https://colton.foo${route}`,
+    );
+    await expect(page.getByRole("heading", { level: 1 })).toHaveCount(1);
+    await expect
+      .poll(() =>
+        page.evaluate(() => document.documentElement.scrollWidth <= innerWidth),
+      )
+      .toBe(true);
+  }
+  expect(errors).toEqual([]);
+});
+
+test("matrix keyboard controls are scoped to the page", async ({ page }) => {
+  await page.addInitScript(() => {
+    const state = { listeners: 0 };
+    Object.assign(window, { __keys: state });
+    const add = window.addEventListener.bind(window);
+    const remove = window.removeEventListener.bind(window);
+    window.addEventListener = ((
+      type: string,
+      callback: EventListener,
+      options?: boolean | AddEventListenerOptions,
+    ) => {
+      if (type === "keydown") state.listeners++;
+      add(type, callback, options);
+    }) as typeof window.addEventListener;
+    window.removeEventListener = ((
+      type: string,
+      callback: EventListener,
+      options?: boolean | EventListenerOptions,
+    ) => {
+      if (type === "keydown") state.listeners--;
+      remove(type, callback, options);
+    }) as typeof window.removeEventListener;
+  });
+  await page.goto("/talks/");
+  const count = () =>
+    page.evaluate(
+      () =>
+        (window as unknown as { __keys: { listeners: number } }).__keys
+          .listeners,
+    );
+  const baseline = await count();
+  for (let i = 0; i < 2; i++) {
+    await navigate(page, "/experiments/matrix/");
+    await expect.poll(count).toBe(baseline + 1);
+    await page.keyboard.press("Space");
+    await expect(
+      page.getByRole("button", { name: "Next multiplication step" }),
+    ).toBeEnabled();
+    await navigate(page, "/talks/");
+    await expect.poll(count).toBe(baseline);
+  }
+});
diff --git a/tests/output/generated.test.ts b/tests/output/generated.test.ts
new file mode 100644
index 00000000..569731e5
--- /dev/null
+++ b/tests/output/generated.test.ts
@@ -0,0 +1,74 @@
+import assert from "node:assert/strict";
+import { test } from "node:test";
+import { existsSync, readFileSync, readdirSync, statSync } from "node:fs";
+import { join } from "node:path";
+import { loadArticleSources } from "../../modules/content/manifest";
+import { PAGE_ROUTES, absoluteUrl } from "../../shared/site";
+
+const output = ".output/public";
+const read = (path: string) => readFileSync(join(output, path), "utf8");
+
+test("all public routes and published articles have HTML and current canonicals", () => {
+  for (const path of [
+    ...PAGE_ROUTES,
+    ...loadArticleSources(process.cwd()).map((a) => a.path),
+  ]) {
+    const html = read(`${path}/index.html`);
+    assert.ok(html.includes('<link rel="canonical" href='), path);
+    if (!html.includes('name="robots" content="noindex,follow"')) {
+      assert.ok(html.includes(`href="${absoluteUrl(path)}"`), path);
+    }
+    assert.ok(
+      !html.includes('rel="canonical" href="https://cmpadden.github.io'),
+      path,
+    );
+  }
+});
+
+test("drafts leave no HTML, payload, legacy redirect, or serialized body in the output", () => {
+  const drafts = loadArticleSources(process.cwd(), true).filter(
+    (a) => a.frontmatter.draft,
+  );
+  const files = readdirSync(output, { recursive: true }).filter((p) =>
+    /\.(?:html|json|xml)$/.test(String(p)),
+  );
+  for (const draft of drafts) {
+    assert.ok(!existsSync(join(output, "blog", draft.slug)));
+    assert.ok(!existsSync(join(output, "articles", draft.slug)));
+    for (const file of files)
+      assert.ok(!read(String(file)).includes(draft.slug), String(file));
+  }
+});
+
+test("feeds, robots, sitemap and legacy index are valid static artifacts", () => {
+  assert.match(
+    read("atom.xml"),
+    /<feed xmlns="http:\/\/www.w3.org\/2005\/Atom"/,
+  );
+  assert.ok(!read("atom.xml").includes("https://cmpadden.github.io/blog"));
+  assert.match(
+    read("robots.txt"),
+    /Sitemap: https:\/\/colton.foo\/sitemap.xml/,
+  );
+  assert.ok(!read("sitemap.xml").includes("https://cmpadden.github.io"));
+  assert.match(read("articles/index.html"), /url=\/blog\//);
+  assert.match(read("atom/index.html"), /url=\/atom.xml/);
+  assert.ok(existsSync(join(output, "404.html")));
+});
+
+test("responsive images stay within budget and HTML is visible without hydration", () => {
+  const files = readdirSync(join(output, "images/generated")).filter((name) =>
+    name.endsWith(".webp"),
+  );
+  assert.ok(files.length >= 30);
+  for (const name of files)
+    assert.ok(
+      statSync(join(output, "images/generated", name)).size <= 100_000,
+      name,
+    );
+  assert.ok(statSync(join(output, "images/generated/noise.png")).size < 20_000);
+  const html = read("experiments/index.html");
+  assert.match(html, /srcset="[^"]+320w[^"]+640w[^"]+960w/);
+  assert.ok(!html.includes("opacity-0"));
+  assert.equal([...html.matchAll(/loading="eager"/g)].length, 1);
+});
diff --git a/tests/unit/publication.test.ts b/tests/unit/publication.test.ts
new file mode 100644
index 00000000..b602c95b
--- /dev/null
+++ b/tests/unit/publication.test.ts
@@ -0,0 +1,116 @@
+import assert from "node:assert/strict";
+import { test } from "node:test";
+import {
+  mkdtempSync,
+  mkdirSync,
+  writeFileSync,
+  rmSync,
+  readFileSync,
+} from "node:fs";
+import { tmpdir } from "node:os";
+import { join } from "node:path";
+import { loadArticleSources } from "../../modules/content/manifest";
+import {
+  legacyRedirects,
+  writeStaticRedirects,
+} from "../../modules/content/redirects";
+import {
+  absoluteUrl,
+  canonicalPath,
+  PAGE_ROUTES,
+  SITE_ORIGIN,
+} from "../../shared/site";
+import { articleDescription, pageTitle, imageUrl } from "../../utils/seo";
+
+test("canonical URLs use the production origin and static-host slash conventions", () => {
+  assert.equal(SITE_ORIGIN, "https://colton.foo");
+  assert.equal(pageTitle("Blog"), "Blog | Colton Padden");
+  assert.equal(
+    imageUrl("/images/example.webp"),
+    "https://colton.foo/images/example.webp",
+  );
+  assert.equal(absoluteUrl("/blog"), "https://colton.foo/blog/");
+  assert.equal(absoluteUrl("/atom.xml"), "https://colton.foo/atom.xml");
+  assert.equal(
+    absoluteUrl("/images/cover.webp"),
+    "https://colton.foo/images/cover.webp",
+  );
+  assert.equal(
+    absoluteUrl("https://example.com/article"),
+    "https://example.com/article",
+  );
+  assert.equal(canonicalPath("blog?q=1#heading"), "/blog/?q=1#heading");
+  assert.ok(PAGE_ROUTES.every((route) => canonicalPath(route) === route));
+});
+
+test("publication policy excludes drafts before parsing or serializing their bodies", () => {
+  const all = loadArticleSources(process.cwd(), true);
+  const published = loadArticleSources(process.cwd());
+  assert.ok(all.some(({ frontmatter }) => frontmatter.draft));
+  assert.ok(published.length < all.length);
+  assert.ok(published.every(({ frontmatter }) => !frontmatter.draft));
+  const redirects = legacyRedirects(published);
+  for (const draft of all.filter(({ frontmatter }) => frontmatter.draft)) {
+    assert.ok(!redirects.some(({ from }) => from.includes(draft.slug)));
+  }
+  assert.ok(
+    redirects.some(({ from, to }) => from === "/articles" && to === "/blog/"),
+  );
+  assert.ok(
+    redirects.some(({ from, to }) => from === "/atom" && to === "/atom.xml"),
+  );
+});
+
+test("invalid metadata fails the publication manifest", () => {
+  const root = mkdtempSync(join(tmpdir(), "publication-"));
+  try {
+    mkdirSync(join(root, "content/blog"), { recursive: true });
+    writeFileSync(
+      join(root, "content/blog/bad.md"),
+      "---\ndate: invalid\n---\nbody",
+    );
+    assert.throws(() => loadArticleSources(root));
+  } finally {
+    rmSync(root, { recursive: true });
+  }
+});
+
+test("static redirects use the configured output directory without a dist alias", () => {
+  const root = mkdtempSync(join(tmpdir(), "redirect-"));
+  try {
+    writeStaticRedirects(
+      root,
+      legacyRedirects([{ slug: "example", path: "/blog/example/" }]),
+    );
+    assert.match(
+      readFileSync(join(root, "articles/index.html"), "utf8"),
+      /https:\/\/colton.foo\/blog\//,
+    );
+    assert.match(
+      readFileSync(join(root, "articles/example/index.html"), "utf8"),
+      /location.replace\("\/blog\/example\/" \+ location.search \+ location.hash\)/,
+    );
+    assert.match(
+      readFileSync(join(root, "atom/index.html"), "utf8"),
+      /\/atom.xml/,
+    );
+  } finally {
+    rmSync(root, { recursive: true });
+  }
+});
+
+test("article descriptions use the custom module's top-level excerpt", () => {
+  assert.equal(
+    articleDescription({ title: "Title", excerpt: "Useful summary" }),
+    "Useful summary",
+  );
+  assert.equal(
+    articleDescription({
+      title: "Title",
+      description: "Explicit",
+      excerpt: "Other",
+    }),
+    "Explicit",
+  );
+  assert.ok(articleDescription({ excerpt: "a ".repeat(200) }).length <= 155);
+});
diff --git a/types/content.d.ts b/types/content.d.ts
index 9cb9c52d..96bc090e 100644
--- a/types/content.d.ts
+++ b/types/content.d.ts
@@ -2,7 +2,7 @@ declare module "#content/articles" {
   import type {
     BlogArticle,
     BlogArticleSummary,
-  } from "../modules/content/runtime/types/blog-article";
+  } from "../shared/types/article";
 
   type ArticleOptions = { includeDrafts?: boolean };
 
diff --git a/utils/article.ts b/utils/article.ts
index 76a64ec8..526c13fa 100644
--- a/utils/article.ts
+++ b/utils/article.ts
@@ -1,4 +1,4 @@
-import type { BlogArticle } from "../modules/content/runtime/types/blog-article";
+import type { BlogArticle } from "../shared/types/article";
 
 export function externalSite(
   article?: Pick<BlogArticle, "external_url" | "external_site">,
diff --git a/utils/seo.ts b/utils/seo.ts
index b92ad42b..565c898d 100644
--- a/utils/seo.ts
+++ b/utils/seo.ts
@@ -1,45 +1,16 @@
-export const SITE_ORIGIN = "https://cmpadden.github.io";
-export const SITE_NAME = "Colton Padden";
+export { SITE_ORIGIN, SITE_NAME, absoluteUrl } from "#shared/site";
+import { absoluteUrl, SITE_NAME } from "#shared/site";
 export const DEFAULT_TITLE = "colton :: blog ∧ experiments";
 export const DEFAULT_DESCRIPTION =
   "Technical writing, projects, and browser experiments by Colton Padden.";
 export const DEFAULT_SOCIAL_IMAGE = "/images/og-index.webp";
 
-export const absoluteUrl = (path = "/") => {
-  if (/^https?:\/\//.test(path)) {
-    return path;
-  }
-
-  const normalizedPath = path.startsWith("/") ? path : `/${path}`;
-  return `${SITE_ORIGIN}${normalizedPath}`;
-};
-
 export const pageTitle = (title?: string) =>
   title && title !== DEFAULT_TITLE ? `${title} | ${SITE_NAME}` : DEFAULT_TITLE;
 
 export const imageUrl = (path?: string) =>
   absoluteUrl(path || DEFAULT_SOCIAL_IMAGE);
 
-const collectText = (node: any): string => {
-  if (!node) {
-    return "";
-  }
-
-  if (typeof node === "string") {
-    return node;
-  }
-
-  if (typeof node.value === "string") {
-    return node.value;
-  }
-
-  if (Array.isArray(node.children)) {
-    return node.children.map(collectText).filter(Boolean).join(" ");
-  }
-
-  return "";
-};
-
 const truncateDescription = (value: string) => {
   const normalized = value.replace(/\s+/g, " ").trim();
 
@@ -53,12 +24,10 @@ const truncateDescription = (value: string) => {
 export const articleDescription = (article?: {
   title?: string;
   description?: string;
-  meta?: {
-    excerpt?: unknown;
-  };
+  excerpt?: string;
 }) =>
   article?.description ||
-  truncateDescription(collectText(article?.meta?.excerpt)) ||
+  truncateDescription(article?.excerpt || "") ||
   (article?.title
     ? `A technical article by Colton Padden: ${article.title}.`
     : DEFAULT_DESCRIPTION);