From 49da481d9cdcc2ab5582fc93485d974b040480cb Mon Sep 17 00:00:00 2001
From: Harlan Wilton <harlan@harlanzw.com>
Date: Tue, 24 Mar 2026 20:10:18 +1100
Subject: [PATCH 1/3] chore: rename client dir to devtools, enhance devtools UI

Rename `client/` to `devtools/` for clarity. Update workspace config,
scripts, tsconfig exclude, and module resolve path to match.

Also adds network request tracking via Resource Timing API for devtools,
new devtools pages (first-party, registry, docs), and excludes
`.claude/worktrees/` from vitest unit project.
---
 client/app.vue                           |  895 ------------------
 client/components/OCodeBlock.vue         |   35 -
 client/components/OSectionBlock.vue      |   91 --
 client/components/ScriptLoadTime.vue     |   15 -
 client/components/ScriptSize.vue         |   15 -
 client/components/ScriptStatus.vue       |   44 -
 client/composables/rpc.ts                |    4 -
 client/composables/shiki.ts              |   35 -
 client/nuxt.config.ts                    |   23 -
 devtools/app.config.ts                   |   17 +
 devtools/app.vue                         |   43 +
 {client => devtools}/bootstrap.ts        |    0
 devtools/components/NetworkWaterfall.vue |  473 ++++++++++
 devtools/components/ScriptLoadTime.vue   |   33 +
 devtools/components/ScriptSize.vue       |   27 +
 devtools/components/ScriptStatus.vue     |  125 +++
 devtools/composables/rpc.ts              |   12 +
 devtools/composables/state.ts            |  174 ++++
 devtools/nuxt.config.ts                  |   28 +
 {client => devtools}/package.json        |    3 +-
 devtools/pages/docs.vue                  |    3 +
 devtools/pages/first-party.vue           |  458 ++++++++++
 devtools/pages/index.vue                 |  360 ++++++++
 devtools/pages/registry.vue              |  260 ++++++
 {client => devtools}/tsconfig.json       |    0
 {client => devtools}/utils/fetch.ts      |    0
 {client => devtools}/utils/formatting.ts |    7 +
 package.json                             |    6 +-
 pnpm-lock.yaml                           | 1058 ++++++++++++++++++++--
 pnpm-workspace.yaml                      |    2 +-
 src/devtools.ts                          |    2 +-
 src/runtime/composables/useScript.ts     |  153 +++-
 src/runtime/types.ts                     |   23 +
 src/runtime/utils.ts                     |    5 +-
 tsconfig.json                            |    2 +-
 vitest.config.ts                         |    1 +
 36 files changed, 3191 insertions(+), 1241 deletions(-)
 delete mode 100644 client/app.vue
 delete mode 100644 client/components/OCodeBlock.vue
 delete mode 100644 client/components/OSectionBlock.vue
 delete mode 100644 client/components/ScriptLoadTime.vue
 delete mode 100644 client/components/ScriptSize.vue
 delete mode 100644 client/components/ScriptStatus.vue
 delete mode 100644 client/composables/rpc.ts
 delete mode 100644 client/composables/shiki.ts
 delete mode 100644 client/nuxt.config.ts
 create mode 100644 devtools/app.config.ts
 create mode 100644 devtools/app.vue
 rename {client => devtools}/bootstrap.ts (100%)
 create mode 100644 devtools/components/NetworkWaterfall.vue
 create mode 100644 devtools/components/ScriptLoadTime.vue
 create mode 100644 devtools/components/ScriptSize.vue
 create mode 100644 devtools/components/ScriptStatus.vue
 create mode 100644 devtools/composables/rpc.ts
 create mode 100644 devtools/composables/state.ts
 create mode 100644 devtools/nuxt.config.ts
 rename {client => devtools}/package.json (83%)
 create mode 100644 devtools/pages/docs.vue
 create mode 100644 devtools/pages/first-party.vue
 create mode 100644 devtools/pages/index.vue
 create mode 100644 devtools/pages/registry.vue
 rename {client => devtools}/tsconfig.json (100%)
 rename {client => devtools}/utils/fetch.ts (100%)
 rename {client => devtools}/utils/formatting.ts (72%)

diff --git a/client/app.vue b/client/app.vue
deleted file mode 100644
index 5dce2d99..00000000
--- a/client/app.vue
+++ /dev/null
@@ -1,895 +0,0 @@
-<script lang="ts" setup>
-import { onDevtoolsClientConnected } from '@nuxt/devtools-kit/iframe-client'
-import { registry } from '../src/registry'
-import { devtools, fetchScript, humanFriendlyTimestamp, reactive, ref, urlToOrigin } from '#imports'
-import { msToHumanReadable } from '~/utils/formatting'
-import { loadShiki } from './composables/shiki'
-
-await loadShiki()
-
-const scriptRegistry = await registry()
-
-const scripts = ref<Record<string, any>>({})
-const scriptSizes = reactive<Record<string, string>>({})
-const scriptErrors = reactive<Record<string, string>>({})
-const scriptTabs = reactive<Record<string, string>>({})
-
-function getActiveTab(scriptSrc: string) {
-  return scriptTabs[scriptSrc] || 'events'
-}
-
-function setActiveTab(scriptSrc: string, tab: string) {
-  scriptTabs[scriptSrc] = tab
-}
-
-function formatFunctionSignature(name: string, func: (...args: any[]) => any): string {
-  const funcStr = func.toString()
-  const paramMatch = funcStr.match(/\(([^)]*)\)/)
-  const params = paramMatch?.[1]?.trim() || ''
-
-  const formattedParams = params
-    ? params.split(',').map((param, index) => {
-        const trimmed = param.trim()
-        if (!trimmed) return ''
-        if (trimmed.includes(':')) return trimmed
-        const paramName = trimmed || `param${index + 1}`
-        return `${paramName}: any`
-      }).filter(Boolean).join(', ')
-    : ''
-
-  let returnType = 'any'
-  if (name.startsWith('is') || name.startsWith('has') || name.startsWith('can'))
-    returnType = 'boolean'
-  else if (name.startsWith('get') && name.includes('Element'))
-    returnType = 'HTMLElement | null'
-  else if (name.includes('async') || funcStr.includes('async') || funcStr.includes('Promise'))
-    returnType = 'Promise<any>'
-  else if (name.startsWith('on') || name.includes('listen') || name.includes('subscribe'))
-    returnType = 'void'
-
-  return `${name}(${formattedParams}): ${returnType}`
-}
-
-function formatPropertySignature(name: string, value: any): string {
-  let type = typeof value
-
-  if (value === null)
-    type = 'null'
-  else if (Array.isArray(value))
-    type = value.length > 0 && value.every(item => typeof item === typeof value[0]) ? `${typeof value[0]}[]` : 'any[]'
-  else if (type === 'object')
-    type = value.constructor?.name !== 'Object' ? value.constructor.name : 'object'
-  else if (type === 'function')
-    type = 'Function'
-
-  return `${name}: ${type}`
-}
-
-function formatScriptInterface(instance: any): string {
-  if (!instance || typeof instance !== 'object')
-    return 'interface ScriptInstance {\n  // No API available\n}'
-
-  const members = Object.entries(instance).map(([key, value]) =>
-    typeof value === 'function'
-      ? `  ${formatFunctionSignature(key, value as (...args: any[]) => any)}`
-      : `  ${formatPropertySignature(key, value)}`,
-  )
-
-  return members.length
-    ? `interface ScriptInstance {\n${members.join('\n')}\n}`
-    : 'interface ScriptInstance {\n  // No API available\n}'
-}
-
-function syncScripts(_scripts: any[]) {
-  if (!_scripts || typeof _scripts !== 'object') {
-    scripts.value = {}
-    return
-  }
-  scripts.value = Object.fromEntries(
-    Object.entries({ ..._scripts })
-      .map(([key, script]: [string, any]) => {
-        script.registry = scriptRegistry.find(s => titleToCamelCase(s.label) === script.registryKey)
-        if (script.registry) {
-          const kebabCaseLabel = script.registry.label.toLowerCase().replace(/ /g, '-')
-          script.docs = `https://scripts.nuxt.com/scripts/${kebabCaseLabel}`
-        }
-        const loadingAt = script.events?.find((e: any) => e.status === 'loading')?.at || 0
-        const loadedAt = script.events?.find((e: any) => e.status === 'loaded')?.at || 0
-        if (loadingAt && loadedAt)
-          script.loadTime = msToHumanReadable(loadedAt - loadingAt)
-        const scriptSizeKey = script.src
-        if (!scriptSizes[scriptSizeKey] && script.src) {
-          fetchScript(script.src)
-            .then((res) => {
-              if (res.size) {
-                scriptSizes[scriptSizeKey] = res.size
-                script.size = res.size
-              }
-              if (res.error) {
-                scriptErrors[scriptSizeKey] = res.error
-                script.error = res.error
-              }
-            })
-        }
-        return [key, script]
-      }),
-  )
-}
-
-function titleToCamelCase(s: string) {
-  return s.replace(/([\s_-])+/g, ' ').split(' ').map((w, i) => {
-    if (i === 0) return w.toLowerCase()
-    return w.charAt(0).toUpperCase() + w.slice(1).toLowerCase()
-  }).join('')
-}
-
-const version = ref(null)
-
-interface FirstPartyDevtoolsScript {
-  registryKey: string
-  label: string
-  logo: string
-  category: string
-  configKey: string
-  mechanism: 'bundle-rewrite-intercept' | 'config-injection-proxy'
-  hasAutoInject: boolean
-  autoInjectField?: string
-  hasPostProcess: boolean
-  canvasFingerprinting: boolean
-  privacy: { ip: boolean, userAgent: boolean, language: boolean, screen: boolean, timezone: boolean, hardware: boolean }
-  privacyLevel: 'full' | 'partial' | 'none'
-  domains: string[]
-  routes: Array<{ local: string, target: string }>
-  interceptRules: Array<{ pattern: string, pathPrefix: string, target: string }>
-}
-
-interface FirstPartyDevtoolsData {
-  enabled: boolean
-  proxyPrefix: string
-  privacyMode: string
-  scripts: FirstPartyDevtoolsScript[]
-  totalRoutes: number
-  totalDomains: number
-}
-
-const firstPartyData = ref<FirstPartyDevtoolsData | null>(null)
-
-onDevtoolsClientConnected(async (client) => {
-  devtools.value = client.devtools
-  client.host.nuxt.hooks.hook('scripts:updated', (ctx) => {
-    syncScripts(ctx.scripts)
-  })
-  version.value = client.host.nuxt.$config.public['nuxt-scripts'].version
-  firstPartyData.value = client.host.nuxt.$config.public['nuxt-scripts-devtools'] || null
-  syncScripts(client.host.nuxt._scripts || {})
-})
-
-const tab = ref('scripts')
-const tabs = [
-  { value: 'scripts', icon: 'carbon:script', label: 'Scripts' },
-  { value: 'first-party', icon: 'carbon:security', label: 'First-Party Mode' },
-  { value: 'registry', icon: 'carbon:catalog', label: 'Registry' },
-  { value: 'docs', icon: 'carbon:book', label: 'Documentation' },
-]
-
-function isFirstPartyScript(registryKey: string | undefined): boolean {
-  if (!registryKey || !firstPartyData.value?.enabled) return false
-  return firstPartyData.value.scripts.some(s => s.registryKey === registryKey)
-}
-
-// First-party tab
-const privacyFlags = ['ip', 'userAgent', 'language', 'screen', 'timezone', 'hardware'] as const
-const privacyFlagLabels: Record<string, string> = {
-  ip: 'IP', userAgent: 'UA', language: 'Lang', screen: 'Screen', timezone: 'TZ', hardware: 'HW',
-}
-const privacyFlagIcons: Record<string, string> = {
-  ip: 'carbon:location', userAgent: 'carbon:user-profile', language: 'carbon:translate',
-  screen: 'carbon:screen', timezone: 'carbon:time', hardware: 'carbon:chip',
-}
-const expandedRoutes = reactive<Record<string, boolean>>({})
-
-function toggleRoutes(key: string) {
-  expandedRoutes[key] = !expandedRoutes[key]
-}
-
-function privacyLevelColor(level: string) {
-  if (level === 'full') return 'text-emerald-600 dark:text-emerald-400'
-  if (level === 'partial') return 'text-amber-600 dark:text-amber-400'
-  return 'text-red-500 dark:text-red-400'
-}
-
-function privacyLevelBg(level: string) {
-  if (level === 'full') return 'bg-emerald-500/10 border-emerald-500/20 text-emerald-700 dark:text-emerald-400'
-  if (level === 'partial') return 'bg-amber-500/10 border-amber-500/20 text-amber-700 dark:text-amber-400'
-  return 'bg-red-500/10 border-red-500/20 text-red-600 dark:text-red-400'
-}
-
-// Capability visualization helpers
-const capabilityDefs = [
-  { key: 'bundle', label: 'Bundle', icon: 'carbon:archive', desc: 'Downloaded at build time, served from your domain' },
-  { key: 'proxy', label: 'Proxy', icon: 'carbon:security', desc: 'Collection requests routed through your server' },
-  { key: 'partytown', label: 'Partytown', icon: 'carbon:container-software', desc: 'Can run in a web worker via Partytown' },
-] as const
-
-type CapState = 'active' | 'available' | 'off'
-
-function capState(script: any, capKey: string): CapState {
-  const supported = script.capabilities?.[capKey]
-  if (!supported) return 'off'
-  const active = script.defaultCapability?.[capKey]
-  return active ? 'active' : 'available'
-}
-
-function capStateClass(state: CapState): string {
-  if (state === 'active')
-    return 'bg-emerald-500/15 text-emerald-600 dark:text-emerald-400 border-emerald-500/25'
-  if (state === 'available')
-    return 'bg-amber-500/10 text-amber-600 dark:text-amber-400 border-amber-500/20 border-dashed'
-  return 'opacity-20 border-transparent'
-}
-
-function capStateLabel(state: CapState): string {
-  if (state === 'active') return 'Active by default'
-  if (state === 'available') return 'Supported (opt-in)'
-  return 'Not supported'
-}
-
-function capSummary(script: any): string {
-  const parts: string[] = []
-  if (script.capabilities?.bundle) parts.push('bundle')
-  if (script.capabilities?.proxy) parts.push('proxy')
-  if (script.capabilities?.partytown) parts.push('partytown')
-  return parts.length ? parts.join(' · ') : 'none'
-}
-
-function mechanismLabel(m: string) {
-  return m === 'bundle-rewrite-intercept' ? 'Bundle + Rewrite' : 'Config Injection'
-}
-
-function mechanismColor(m: string) {
-  return m === 'bundle-rewrite-intercept'
-    ? 'bg-violet-500/10 border-violet-500/20 text-violet-700 dark:text-violet-400'
-    : 'bg-sky-500/10 border-sky-500/20 text-sky-700 dark:text-sky-400'
-}
-
-function statusBadgeClass(status: string) {
-  switch (status) {
-    case 'loaded': return 'bg-green-100 text-green-700 dark:bg-green-900/40 dark:text-green-400'
-    case 'loading': return 'bg-yellow-100 text-yellow-700 dark:bg-yellow-900/40 dark:text-yellow-400'
-    case 'awaitingLoad': return 'bg-gray-100 text-gray-600 dark:bg-gray-800 dark:text-gray-400'
-    case 'removed':
-    case 'error': return 'bg-red-100 text-red-700 dark:bg-red-900/40 dark:text-red-400'
-    case 'validation-failed': return 'bg-purple-100 text-purple-700 dark:bg-purple-900/40 dark:text-purple-400'
-    default: return 'bg-gray-100 text-gray-600 dark:bg-gray-800 dark:text-gray-400'
-  }
-}
-
-function viewDocs(docs: string) {
-  tab.value = 'docs'
-  setTimeout(() => {
-    const iframe = document.querySelector('iframe')
-    if (iframe)
-      iframe.src = docs
-  }, 100)
-}
-
-function scriptLogo(script: any) {
-  const logo = script.registry?.logo
-  if (!logo) return null
-  return typeof logo === 'object' ? (logo.dark || logo.light) : logo
-}
-</script>
-
-<template>
-  <div class="relative n-bg-base flex flex-col">
-    <header class="sticky top-0 z-2 px-4 pt-4 bg-background/80 backdrop-blur-lg">
-      <div class="flex justify-between items-start mb-2">
-        <h1 class="text-xl flex items-center gap-2">
-          <a
-            href="https://scripts.nuxt.com" target="_blank"
-            class="flex items-end gap-1.5 font-semibold text-xl dark:text-white font-title"
-          >
-            <svg height="22" viewBox="0 0 1467 238" fill="none" xmlns="http://www.w3.org/2000/svg">
-              <path d="M377 200C379.16 200 381 198.209 381 196V103C381 103 386 112 395 127L434 194C435.785 197.74 439.744 200 443 200H470V50H443C441.202 50 439 51.4941 439 54V148L421 116L385 55C383.248 51.8912 379.479 50 376 50H350V200H377Z" fill="currentColor" />
-              <path d="M726 92H739C742.314 92 745 89.3137 745 86V60H773V92H800V116H773V159C773 169.5 778.057 174 787 174H800V200H783C759.948 200 745 185.071 745 160V116H726V92Z" fill="currentColor" />
-              <path d="M591 92V154C591 168.004 585.742 179.809 578 188C570.258 196.191 559.566 200 545 200C530.434 200 518.742 196.191 511 188C503.389 179.809 498 168.004 498 154V92H514C517.412 92 520.769 92.622 523 95C525.231 97.2459 526 98.5652 526 102V154C526 162.059 526.457 167.037 530 171C533.543 174.831 537.914 176 545 176C552.217 176 555.457 174.831 559 171C562.543 167.037 563 162.059 563 154V102C563 98.5652 563.769 96.378 566 94C567.96 91.9107 570.028 91.9599 573 92C573.411 92.0055 574.586 92 575 92H591Z" fill="currentColor" />
-              <path d="M676 144L710 92H684C680.723 92 677.812 93.1758 676 96L660 120L645 97C643.188 94.1758 639.277 92 636 92H611L645 143L608 200H634C637.25 200 640.182 196.787 642 194L660 167L679 195C680.818 197.787 683.75 200 687 200H713L676 144Z" fill="currentColor" />
-              <path d="M168 200H279C282.542 200 285.932 198.756 289 197C292.068 195.244 295.23 193.041 297 190C298.77 186.959 300.002 183.51 300 179.999C299.998 176.488 298.773 173.04 297 170.001L222 41C220.23 37.96 218.067 35.7552 215 34C211.933 32.2448 207.542 31 204 31C200.458 31 197.067 32.2448 194 34C190.933 35.7552 188.77 37.96 187 41L168 74L130 9.99764C128.228 6.95784 126.068 3.75491 123 2C119.932 0.245087 116.542 0 113 0C109.458 0 106.068 0.245087 103 2C99.9323 3.75491 96.7717 6.95784 95 9.99764L2 170.001C0.226979 173.04 0.00154312 176.488 1.90993e-06 179.999C-0.0015393 183.51 0.229648 186.959 2 190C3.77035 193.04 6.93245 195.244 10 197C13.0675 198.756 16.4578 200 20 200H90C117.737 200 137.925 187.558 152 164L186 105L204 74L259 168H186L168 200ZM89 168H40L113 42L150 105L125.491 147.725C116.144 163.01 105.488 168 89 168Z" fill="#00DC82" />
-              <path d="M893.083 200C882.767 200 873.691 198.288 865.856 194.368C858.021 190.319 851.818 184.701 847.248 177.516C842.808 170.2 840.392 161.708 840 152.041H868.207C868.86 159.096 871.341 164.648 875.65 168.698C880.09 172.747 885.901 174.772 893.083 174.772C899.743 174.772 905.032 173.401 908.95 170.657C912.998 167.914 915.022 163.995 915.022 158.9C915.022 155.372 913.847 152.564 911.496 150.473C909.276 148.252 906.468 146.554 903.073 145.378C899.678 144.203 894.846 142.831 888.578 141.263C879.307 139.042 871.667 136.691 865.66 134.209C859.784 131.596 854.691 127.481 850.382 121.863C846.072 116.245 843.918 108.538 843.918 98.7396C843.918 91.2931 845.942 84.6305 849.99 78.7516C854.038 72.8728 859.653 68.3004 866.836 65.0344C874.018 61.6377 882.179 59.9394 891.32 59.9394C901.114 59.9394 909.733 61.7031 917.177 65.2303C924.751 68.7576 930.627 73.7873 934.806 80.3193C939.115 86.8514 941.4 94.4285 941.662 103.051H913.651C913.128 97.5639 910.908 93.2527 906.991 90.1174C903.073 86.8513 897.85 85.2183 891.32 85.2183C885.575 85.2183 881.004 86.4594 877.609 88.9416C874.214 91.4238 872.516 94.6898 872.516 98.7396C872.516 102.528 873.691 105.533 876.042 107.754C878.392 109.975 881.396 111.738 885.052 113.045C888.709 114.221 893.736 115.527 900.135 116.964C909.537 119.185 917.177 121.471 923.053 123.823C928.929 126.174 933.957 130.159 938.136 135.776C942.445 141.263 944.6 148.84 944.6 158.508C944.6 166.999 942.445 174.38 938.136 180.651C933.826 186.922 927.754 191.756 919.919 195.152C912.214 198.549 903.269 200 893.083 200Z" fill="#00DC82" />
-              <path d="M1005.43 200C995.507 200 986.519 198.026 978.684 193.585C970.98 189.143 964.973 183.068 960.663 175.36C956.485 167.522 954.395 158.834 954.395 149.298C954.395 139.761 956.485 131.138 960.663 123.431C964.973 115.592 970.98 109.452 978.684 105.01C986.519 100.569 995.399 98.3477 1005.32 98.3477C1013.94 98.3477 1021.78 99.9807 1028.83 103.247C1036.01 106.513 1041.76 111.085 1046.07 116.964C1050.51 122.843 1052.99 129.505 1053.51 136.952H1026.09C1025.3 132.51 1023.02 128.852 1019.23 125.978C1015.44 123.104 1011.07 121.667 1006.11 121.667C998.925 121.667 993.245 124.215 989.066 129.31C984.887 134.404 982.798 141.067 982.798 149.298C982.798 157.528 984.887 164.191 989.066 169.285C993.375 174.25 999.186 176.732 1006.5 176.732C1011.46 176.732 1015.77 175.36 1019.43 172.617C1023.08 169.873 1025.43 166.281 1026.48 161.839H1054.29C1053.38 169.024 1050.64 175.556 1046.07 181.435C1041.5 187.314 1035.62 191.952 1028.44 195.348C1021.39 198.614 1013.79 200 1005.43 200Z" fill="#00DC82" />
-              <path d="M1115.15 122.647C1108.62 122.647 1103.72 125.129 1100.46 130.093C1097.2 135.058 1095.56 141.916 1095.56 150.669V200H1068.14V99.9154H1095.56V116.376C1098.17 110.367 1101.37 106.121 1105.16 103.639C1109.08 101.156 1114.11 99.9154 1120.24 99.9154H1131.41V122.647H1115.15Z" fill="#00DC82" />
-              <path d="M1171.5 200H1144.08V99.9154H1171.5V200ZM1143.3 85.8062V58H1172.29V85.8062H1143.3Z" fill="#00DC82" />
-              <path d="M1193.09 238V99.9154H1220.32V110.693C1223.32 106.774 1227.24 103.769 1232.07 101.679C1236.9 99.4582 1242.45 98.3477 1248.72 98.3477C1257.86 98.3477 1265.82 100.438 1272.62 104.618C1279.41 108.799 1284.63 114.743 1288.29 122.451C1292.07 130.159 1293.97 139.108 1293.97 149.298C1293.97 159.487 1291.94 168.436 1287.89 176.144C1283.98 183.721 1278.43 189.665 1271.24 193.977C1264.06 198.157 1255.73 200 1246.33 200C1240.72 200 1235.66 199.333 1231.09 197.504C1226.52 195.675 1222.93 193.127 1220.32 189.861V238H1193.09ZM1243.04 176.732C1250.22 176.732 1256.03 174.25 1260.47 169.285C1264.91 164.191 1267.13 157.528 1267.13 149.298C1267.13 140.937 1264.91 134.274 1260.47 129.31C1256.03 124.215 1250.22 121.667 1243.04 121.667C1235.72 121.667 1229.85 124.215 1225.41 129.31C1220.97 134.274 1218.75 140.937 1218.75 149.298C1218.75 157.528 1220.97 164.191 1225.41 169.285C1229.85 174.25 1235.72 176.732 1243.04 176.732Z" fill="#00DC82" />
-              <path d="M1319.6 70.7172H1346.83V99.9154H1373.27V122.647H1346.83V163C1346.83 172.406 1351.46 177.109 1360.74 177.109H1373.27V200.037H1357.01C1345.52 200.037 1336.38 196.901 1329.59 190.63C1322.93 184.36 1319.6 175.541 1319.6 164.176V122.647H1300.6V99.9154H1319.6V70.7172Z" fill="#00DC82" />
-              <path d="M1428.61 200C1416.46 200 1406.6 197.112 1399.03 190.841C1391.59 184.44 1387.6 175.948 1387.08 165.366H1410.59C1411.11 169.808 1412.94 173.335 1416.07 175.948C1419.34 178.43 1423.51 179.671 1428.61 179.671C1432.79 179.671 1436.18 178.757 1438.79 176.928C1441.54 175.099 1442.91 172.813 1442.91 170.069C1442.91 166.411 1441.34 163.864 1438.21 162.427C1435.07 160.99 1430.11 159.683 1423.32 158.508C1416.27 157.201 1410.52 155.764 1406.08 154.197C1401.64 152.629 1397.79 149.82 1394.52 145.77C1391.39 141.59 1389.82 135.711 1389.82 128.134C1389.82 122.386 1391.33 117.291 1394.33 112.849C1397.46 108.276 1401.71 104.749 1407.06 102.267C1412.41 99.6541 1418.42 98.3477 1425.08 98.3477C1436.97 98.3477 1446.56 101.287 1453.88 107.166C1461.32 113.045 1465.3 120.818 1465.82 130.485H1442.12C1441.6 126.435 1439.71 123.3 1436.44 121.079C1433.31 118.728 1429.78 117.552 1425.87 117.552C1421.95 117.552 1418.81 118.401 1416.46 120.099C1414.11 121.798 1412.94 124.149 1412.94 127.154C1412.94 130.812 1414.44 133.294 1417.44 134.6C1420.58 135.776 1425.47 136.821 1432.13 137.736C1439.32 138.781 1445.19 140.087 1449.76 141.655C1454.46 143.092 1458.51 145.966 1461.91 150.277C1465.3 154.588 1467 160.859 1467 169.09C1467 178.496 1463.47 186.073 1456.42 191.821C1449.5 197.439 1440.23 200 1428.61 200Z" fill="#00DC82" />
-            </svg>
-          </a>
-          <NBadge v-if="version" class="text-sm">
-            v{{ version }}
-          </NBadge>
-        </h1>
-        <div class="flex items-center gap-3">
-          <fieldset class="n-select-tabs flex items-center border n-border-base rounded-lg n-bg-base">
-            <label
-              v-for="(t, idx) in tabs"
-              :key="t.value"
-              class="relative n-border-base hover:n-bg-active cursor-pointer"
-              :class="[
-                idx ? 'border-l n-border-base ml--1px' : '',
-                t.value === tab ? 'n-bg-active' : '',
-              ]"
-            >
-              <VTooltip>
-                <div class="px-5 py-2" :class="t.value === tab ? '' : 'op35'">
-                  <NIcon :icon="t.icon" class="text-lg opacity-50" />
-                </div>
-                <template #popper>
-                  {{ t.label }}
-                </template>
-              </VTooltip>
-              <input
-                v-model="tab"
-                type="radio"
-                :value="t.value"
-                :title="t.value"
-                class="absolute cursor-pointer inset-0 op-0.1"
-              >
-            </label>
-          </fieldset>
-          <div class="hidden lg:flex">
-            <NLink href="https://github.com/nuxt/scripts" target="_blank" class="opacity-60 hover:opacity-100 text-sm transition-opacity">
-              <NIcon icon="logos:github-icon" class="mr-[2px]" />
-              Submit an issue
-            </NLink>
-          </div>
-        </div>
-      </div>
-    </header>
-
-    <div class="flex-row flex h-full" style="min-height: calc(100vh - 64px);">
-      <main class="mx-auto flex flex-col w-full n-bg-base">
-        <!-- Scripts Tab -->
-        <div v-if="tab === 'scripts'" class="h-full relative max-h-full p-4">
-          <div v-if="!Object.keys(scripts || {}).length" class="text-sm opacity-50">
-            No scripts loaded.
-          </div>
-          <div class="space-y-4">
-            <div v-for="(script, id) in scripts" :key="id" class="w-full">
-              <!-- Logo and Title -->
-              <div class="flex items-center justify-between w-full gap-4">
-                <div class="flex items-center gap-2">
-                  <img
-                    v-if="scriptLogo(script) && typeof scriptLogo(script) === 'string' && scriptLogo(script).startsWith('http')"
-                    class="max-w-6 h-6"
-                    :src="scriptLogo(script)"
-                    alt="Script logo"
-                  >
-                  <div
-                    v-else-if="scriptLogo(script)"
-                    class="max-w-6 h-6 flex items-center"
-                    v-html="scriptLogo(script)"
-                  />
-                  <img
-                    v-else-if="script.src && !script.src.startsWith('/')"
-                    :src="`https://www.google.com/s2/favicons?domain=${urlToOrigin(script.src)}`"
-                    class="w-4 h-4 rounded"
-                    alt="Script favicon"
-                  >
-                  <NIcon v-else icon="carbon:script" class="text-blue-500 dark:text-blue-300" />
-                  <a
-                    title="View script source"
-                    class="text-base hover:n-bg-active px-2 py-1 transition rounded-lg font-semibold flex gap-2 items-center"
-                    target="_blank" :href="script.src"
-                  >
-                    {{ script.registry?.label || script.key || script.src }}
-                  </a>
-                  <button
-                    v-if="script.docs"
-                    type="button" class="opacity-40 hover:opacity-70 transition text-xs underline"
-                    @click="viewDocs(script.docs)"
-                  >
-                    View docs
-                  </button>
-                </div>
-                <div>
-                  <NButton v-if="script.$script.status === 'awaitingLoad'" @click="script.$script.load()">
-                    Load
-                  </NButton>
-                  <NButton v-else-if="script.$script.status === 'loaded'" @click="script.$script.remove()">
-                    Remove
-                  </NButton>
-                </div>
-              </div>
-
-              <!-- Status chips -->
-              <div class="flex items-center gap-3 mt-1">
-                <ScriptStatus
-                  :status="script.$script.status"
-                  :error="scriptErrors[script.src]"
-                />
-                <div
-                  v-if="isFirstPartyScript(script.registryKey)"
-                  class="flex items-center gap-1 text-xs px-2 py-[2px] bg-emerald-100 text-emerald-700 dark:bg-emerald-900/40 dark:text-emerald-300 rounded-lg"
-                >
-                  <NIcon icon="carbon:security" class="text-xs" />
-                  First-Party
-                </div>
-                <ScriptSize :size="scriptSizes[script.src]" />
-                <ScriptLoadTime :load-time="script.loadTime" />
-                <div v-if="script.loadedFrom" class="flex items-center gap-1">
-                  <svg xmlns="http://www.w3.org/2000/svg" height="12" viewBox="0 0 256 221">
-                    <path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0z" />
-                    <path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0z" />
-                    <path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0z" />
-                  </svg>
-                  <span class="text-xs opacity-50">{{ script.loadedFrom }}</span>
-                </div>
-                <div v-for="k in Object.keys(script.registryMeta || {})" :key="k" class="text-xs opacity-50">
-                  <span class="capitalize">{{ k }}</span>: {{ script.registryMeta[k] }}
-                </div>
-              </div>
-
-              <!-- Events / API sub-tabs -->
-              <div class="mt-3">
-                <fieldset class="n-select-tabs flex items-center border n-border-base rounded-lg n-bg-base">
-                  <label
-                    v-for="(tabOption, idx) in [{ label: 'Events', value: 'events' }, { label: 'API', value: 'api' }]"
-                    :key="tabOption.value"
-                    class="cursor-pointer flex items-center gap-2 px-4 py-2 transition-all"
-                    :class="[
-                      idx ? 'border-l n-border-base ml--1px' : '',
-                      getActiveTab(script.src) === tabOption.value ? 'n-bg-active' : '',
-                    ]"
-                    @click="setActiveTab(script.src, tabOption.value)"
-                  >
-                    {{ tabOption.label }}
-                    <input
-                      :value="tabOption.value"
-                      type="radio"
-                      :name="`script-tab-${script.src}`"
-                      :checked="getActiveTab(script.src) === tabOption.value"
-                      class="sr-only"
-                    >
-                  </label>
-                </fieldset>
-
-                <div class="mt-2">
-                  <!-- Events -->
-                  <div v-if="getActiveTab(script.src) === 'events'" class="space-y-1.5 p-3">
-                    <div
-                      v-for="(event, key) in script.events" :key="key"
-                      class="flex gap-3 text-xs items-center"
-                    >
-                      <div class="opacity-40 tabular-nums">
-                        {{ humanFriendlyTimestamp(event.at) }}
-                      </div>
-                      <template v-if="event.type === 'status'">
-                        <div v-if="event.status === 'validation-failed'" class="flex items-center gap-2">
-                          <div class="font-bold px-2 py-[2px] rounded-lg" :class="statusBadgeClass(event.status)">
-                            {{ event.status }}
-                          </div>
-                          {{ event.args.issues.map((i: any) => `${key}.${i.path?.map((i: any) => i.key).join(',')}: ${i.message}`).join(',') }}
-                        </div>
-                        <div
-                          v-else
-                          class="font-bold px-2 py-[2px] rounded-lg"
-                          :class="statusBadgeClass(event.status)"
-                        >
-                          {{ event.status }}
-                        </div>
-                      </template>
-                      <div
-                        v-else-if="event.type === 'fn-call'"
-                        class="px-2 py-[2px] rounded-lg font-mono n-bg-active"
-                      >
-                        <template v-if="event.args">
-                          {{ `${event.fn}(${event.args?.map((a: any) => JSON.stringify(a, null, 2)).join(', ') || ''})` }}
-                        </template>
-                        <template v-else>
-                          QUEUED {{ event.fn }}
-                        </template>
-                      </div>
-                    </div>
-                  </div>
-
-                  <!-- API -->
-                  <div v-else-if="getActiveTab(script.src) === 'api'" class="p-3">
-                    <OCodeBlock
-                      :code="formatScriptInterface(script.$script?.instance)"
-                      lang="typescript"
-                      class="text-sm rounded"
-                    />
-                  </div>
-                </div>
-              </div>
-            </div>
-          </div>
-        </div>
-
-        <!-- First-Party Tab -->
-        <div v-else-if="tab === 'first-party'" class="h-full relative max-h-full p-4 overflow-y-auto">
-          <div v-if="!firstPartyData?.enabled" class="flex flex-col items-center justify-center py-20 gap-4 opacity-60">
-            <NIcon icon="carbon:security" class="text-4xl opacity-30" />
-            <p class="text-lg font-medium">
-              First-Party Mode is not enabled
-            </p>
-            <p class="text-sm opacity-60">
-              Proxy is auto-enabled when scripts with proxy capabilities are configured. Ensure <code class="px-1.5 py-0.5 n-bg-active rounded text-xs font-mono">scripts: { proxy: false }</code> is not set.
-            </p>
-            <NLink href="https://scripts.nuxt.com/docs/guides/first-party" target="_blank" class="text-sm opacity-70 underline mt-2">
-              View Documentation
-            </NLink>
-          </div>
-
-          <div v-else class="space-y-5">
-            <!-- Summary Bar -->
-            <div class="flex flex-wrap gap-3">
-              <div class="rounded-lg n-border-base border n-bg-active px-4 py-2.5 min-w-28">
-                <div class="text-[10px] uppercase tracking-wider opacity-40 mb-0.5">Status</div>
-                <div class="flex items-center gap-1.5">
-                  <div class="w-2 h-2 rounded-full bg-emerald-400 animate-pulse" />
-                  <span class="text-sm font-semibold text-emerald-500 dark:text-emerald-400">Active</span>
-                </div>
-              </div>
-              <div class="rounded-lg n-border-base border n-bg-active px-4 py-2.5 min-w-20">
-                <div class="text-[10px] uppercase tracking-wider opacity-40 mb-0.5">Scripts</div>
-                <div class="text-lg font-bold">{{ firstPartyData.scripts.length }}</div>
-              </div>
-              <div class="rounded-lg n-border-base border n-bg-active px-4 py-2.5 min-w-20">
-                <div class="text-[10px] uppercase tracking-wider opacity-40 mb-0.5">Routes</div>
-                <div class="text-lg font-bold">{{ firstPartyData.totalRoutes }}</div>
-              </div>
-              <div class="rounded-lg n-border-base border n-bg-active px-4 py-2.5 min-w-20">
-                <div class="text-[10px] uppercase tracking-wider opacity-40 mb-0.5">Domains</div>
-                <div class="text-lg font-bold">{{ firstPartyData.totalDomains }}</div>
-              </div>
-              <div class="rounded-lg n-border-base border n-bg-active px-4 py-2.5 min-w-28">
-                <div class="text-[10px] uppercase tracking-wider opacity-40 mb-0.5">Privacy</div>
-                <div class="text-sm font-semibold capitalize">{{ firstPartyData.privacyMode }}</div>
-              </div>
-            </div>
-
-            <!-- Proxy Prefix -->
-            <div class="flex items-center gap-2 text-xs opacity-50">
-              <NIcon icon="carbon:direction-fork" />
-              Proxy prefix: <code class="px-1.5 py-0.5 n-bg-active rounded font-mono">{{ firstPartyData.proxyPrefix }}</code>
-            </div>
-
-            <!-- Per-Script Cards -->
-            <div class="space-y-3">
-              <div
-                v-for="s in firstPartyData.scripts"
-                :key="s.registryKey"
-                class="rounded-lg border n-border-base overflow-hidden"
-              >
-                <div class="p-4">
-                  <div class="flex items-start justify-between gap-4">
-                    <div class="flex items-center gap-2 min-w-0">
-                      <div
-                        v-if="s.logo"
-                        class="w-6 h-6 flex-shrink-0 flex items-center justify-center"
-                        v-html="s.logo"
-                      />
-                      <NIcon v-else icon="carbon:script" class="text-lg opacity-40 flex-shrink-0" />
-                      <span class="text-base font-semibold">{{ s.label }}</span>
-                      <span class="text-[10px] px-1.5 py-0.5 rounded n-bg-active opacity-60">{{ s.category }}</span>
-                    </div>
-                    <!-- Privacy flags -->
-                    <div class="flex gap-1 flex-shrink-0">
-                      <VTooltip v-for="flag in privacyFlags" :key="flag">
-                        <div
-                          class="w-7 h-7 rounded-md flex items-center justify-center transition-colors"
-                          :class="s.privacy[flag]
-                            ? 'bg-emerald-500/15 text-emerald-600 dark:text-emerald-400'
-                            : 'n-bg-active text-gray-400 dark:text-gray-600'"
-                        >
-                          <NIcon :icon="privacyFlagIcons[flag]" class="text-sm" />
-                        </div>
-                        <template #popper>
-                          <span class="text-xs">{{ privacyFlagLabels[flag] }}: {{ s.privacy[flag] ? 'Anonymized' : 'Passthrough' }}</span>
-                        </template>
-                      </VTooltip>
-                    </div>
-                  </div>
-
-                  <!-- Badges -->
-                  <div class="flex items-center gap-1.5 mt-2 flex-wrap">
-                    <span class="text-[10px] px-1.5 py-0.5 rounded border" :class="mechanismColor(s.mechanism)">
-                      {{ mechanismLabel(s.mechanism) }}
-                    </span>
-                    <span class="text-[10px] px-1.5 py-0.5 rounded border" :class="privacyLevelBg(s.privacyLevel)">
-                      {{ s.privacyLevel === 'full' ? 'Full Privacy' : s.privacyLevel === 'partial' ? 'Partial' : 'Passthrough' }}
-                    </span>
-                    <span v-if="s.hasAutoInject" class="text-[10px] px-1.5 py-0.5 rounded border bg-blue-500/10 border-blue-500/20 text-blue-600 dark:text-blue-400">
-                      Auto-inject{{ s.autoInjectField ? `: ${s.autoInjectField}` : '' }}
-                    </span>
-                    <span v-if="s.canvasFingerprinting" class="text-[10px] px-1.5 py-0.5 rounded border bg-orange-500/10 border-orange-500/20 text-orange-600 dark:text-orange-400">
-                      Canvas FP neutralized
-                    </span>
-                    <span v-if="s.hasPostProcess" class="text-[10px] px-1.5 py-0.5 rounded border n-border-base opacity-60">
-                      Post-process
-                    </span>
-                  </div>
-                </div>
-
-                <!-- Domains -->
-                <div v-if="s.domains.length" class="px-4 pb-3 flex items-center gap-1.5 flex-wrap">
-                  <span class="text-[10px] opacity-30 mr-0.5">Proxying:</span>
-                  <span
-                    v-for="d in s.domains" :key="d"
-                    class="text-[10px] font-mono px-1.5 py-0.5 rounded n-bg-active opacity-60"
-                  >{{ d }}</span>
-                </div>
-
-                <!-- Routes (expandable) -->
-                <div v-if="s.routes.length" class="border-t n-border-base">
-                  <button
-                    class="w-full px-4 py-2 flex items-center justify-between text-xs opacity-50 hover:opacity-80 transition-opacity"
-                    @click="toggleRoutes(s.registryKey)"
-                  >
-                    <span class="flex items-center gap-1.5">
-                      <NIcon icon="carbon:arrows-horizontal" class="text-xs" />
-                      {{ s.routes.length }} route{{ s.routes.length > 1 ? 's' : '' }}
-                      <span v-if="s.interceptRules.length" class="opacity-50">
-                        · {{ s.interceptRules.length }} intercept rule{{ s.interceptRules.length > 1 ? 's' : '' }}
-                      </span>
-                    </span>
-                    <NIcon
-                      :icon="expandedRoutes[s.registryKey] ? 'carbon:chevron-up' : 'carbon:chevron-down'"
-                      class="text-xs"
-                    />
-                  </button>
-                  <div v-show="expandedRoutes[s.registryKey]">
-                    <div class="border-t n-border-base">
-                      <div
-                        v-for="(r, ri) in s.routes" :key="ri"
-                        class="px-4 py-1.5 flex items-center gap-2 text-[11px] font-mono hover:n-bg-active"
-                      >
-                        <span class="text-blue-600 dark:text-blue-400 min-w-0 truncate">{{ r.local }}</span>
-                        <span class="opacity-25 flex-shrink-0">→</span>
-                        <span class="opacity-50 min-w-0 truncate">{{ r.target }}</span>
-                      </div>
-                    </div>
-                    <div v-if="s.interceptRules.length" class="border-t n-border-base px-4 py-2">
-                      <div class="text-[10px] uppercase tracking-wider opacity-30 mb-1">Intercept Rules</div>
-                      <div
-                        v-for="(ir, iri) in s.interceptRules" :key="iri"
-                        class="py-1 flex items-center gap-2 text-[11px] font-mono"
-                      >
-                        <span class="text-violet-600 dark:text-violet-400 truncate">{{ ir.pattern }}{{ ir.pathPrefix }}</span>
-                        <span class="opacity-25 flex-shrink-0">→</span>
-                        <span class="opacity-50 truncate">{{ ir.target }}</span>
-                      </div>
-                    </div>
-                  </div>
-                </div>
-              </div>
-            </div>
-
-            <!-- Privacy Matrix -->
-            <div v-if="firstPartyData.scripts.length > 1" class="rounded-lg border n-border-base overflow-hidden">
-              <div class="px-4 py-2.5 border-b n-border-base n-bg-active">
-                <h4 class="text-xs font-medium uppercase tracking-wider opacity-50 flex items-center gap-1.5">
-                  <NIcon icon="carbon:data-table" class="text-sm" />
-                  Privacy Matrix
-                </h4>
-              </div>
-              <div class="overflow-x-auto">
-                <table class="w-full text-xs">
-                  <thead>
-                    <tr class="border-b n-border-base">
-                      <th class="px-4 py-2 text-left font-medium opacity-40">Script</th>
-                      <th
-                        v-for="flag in privacyFlags" :key="flag"
-                        class="px-3 py-2 text-center font-medium opacity-40 whitespace-nowrap"
-                      >
-                        {{ privacyFlagLabels[flag] }}
-                      </th>
-                      <th class="px-3 py-2 text-center font-medium opacity-40">Level</th>
-                    </tr>
-                  </thead>
-                  <tbody>
-                    <tr
-                      v-for="s in firstPartyData.scripts" :key="s.registryKey"
-                      class="border-b n-border-base last:border-b-0 hover:n-bg-active transition-colors"
-                    >
-                      <td class="px-4 py-2.5 font-medium whitespace-nowrap">{{ s.label }}</td>
-                      <td v-for="flag in privacyFlags" :key="flag" class="px-3 py-2.5 text-center">
-                        <div
-                          class="w-2.5 h-2.5 rounded-full mx-auto"
-                          :class="s.privacy[flag] ? 'bg-emerald-500' : 'bg-gray-300 dark:bg-gray-700'"
-                        />
-                      </td>
-                      <td class="px-3 py-2.5 text-center">
-                        <span class="text-[10px] px-1.5 py-0.5 rounded font-medium" :class="privacyLevelColor(s.privacyLevel)">
-                          {{ s.privacyLevel }}
-                        </span>
-                      </td>
-                    </tr>
-                  </tbody>
-                </table>
-              </div>
-            </div>
-
-            <div class="text-center pt-2 pb-4">
-              <NLink
-                href="https://scripts.nuxt.com/docs/guides/first-party"
-                target="_blank"
-                class="text-xs opacity-40 hover:opacity-70 transition-opacity"
-              >
-                First-Party Mode Documentation
-              </NLink>
-            </div>
-          </div>
-        </div>
-
-        <!-- Registry Tab -->
-        <div v-else-if="tab === 'registry'" class="h-full relative max-h-full p-4 overflow-y-auto">
-          <div v-if="!scriptRegistry?.length" class="text-sm opacity-50">
-            No registry scripts available.
-          </div>
-
-          <!-- Capability Legend -->
-          <div class="flex items-center gap-4 mb-4 px-1">
-            <div class="flex items-center gap-1.5 text-[10px]">
-              <span class="inline-block w-2 h-2 rounded-full bg-emerald-500" />
-              <span class="opacity-50">Active by default</span>
-            </div>
-            <div class="flex items-center gap-1.5 text-[10px]">
-              <span class="inline-block w-2 h-2 rounded-full border border-dashed border-amber-500" />
-              <span class="opacity-50">Supported (opt-in)</span>
-            </div>
-            <div class="flex items-center gap-1.5 text-[10px]">
-              <span class="inline-block w-2 h-2 rounded-full bg-gray-400/20" />
-              <span class="opacity-50">Not supported</span>
-            </div>
-          </div>
-
-          <div class="space-y-2">
-            <div
-              v-for="(script, index) in scriptRegistry"
-              :key="index"
-              class="rounded-lg border n-border-base overflow-hidden hover:border-emerald-500/30 transition-colors group"
-            >
-              <div class="px-4 py-3 flex items-center gap-3">
-                <!-- Logo -->
-                <div class="w-7 h-7 flex items-center justify-center flex-shrink-0">
-                  <img
-                    v-if="script.logo && typeof script.logo === 'string' && script.logo.startsWith('http')"
-                    class="max-w-7 h-7"
-                    :src="typeof script.logo === 'object' ? script.logo.dark || script.logo.light : script.logo"
-                    alt="Script logo"
-                  >
-                  <div
-                    v-else-if="script.logo"
-                    class="max-w-7 h-7 flex items-center [&>svg]:max-h-7 [&>svg]:max-w-7"
-                    v-html="typeof script.logo === 'object' ? (script.logo.dark || script.logo.light) : script.logo"
-                  />
-                  <NIcon v-else icon="carbon:script" class="text-lg opacity-40" />
-                </div>
-
-                <!-- Name + Category -->
-                <div class="flex-1 min-w-0">
-                  <div class="flex items-center gap-2">
-                    <span class="font-semibold text-sm truncate">{{ script.label }}</span>
-                    <span class="text-[10px] px-1.5 py-0.5 rounded n-bg-active opacity-50 flex-shrink-0">{{ script.category }}</span>
-                  </div>
-                  <div v-if="script.src && script.src !== false" class="text-[10px] font-mono opacity-30 truncate mt-0.5">
-                    {{ script.src }}
-                  </div>
-                  <div v-else-if="script.src === false" class="text-[10px] font-mono opacity-30 mt-0.5">
-                    npm (no script download)
-                  </div>
-                </div>
-
-                <!-- Capability Indicators -->
-                <div class="flex items-center gap-1 flex-shrink-0">
-                  <VTooltip v-for="cap in capabilityDefs" :key="cap.key">
-                    <div
-                      class="w-7 h-7 rounded-md border flex items-center justify-center transition-all"
-                      :class="capStateClass(capState(script, cap.key))"
-                    >
-                      <NIcon :icon="cap.icon" class="text-sm" />
-                    </div>
-                    <template #popper>
-                      <div class="text-xs">
-                        <div class="font-semibold">{{ cap.label }}</div>
-                        <div class="opacity-70 mt-0.5">{{ capStateLabel(capState(script, cap.key)) }}</div>
-                        <div class="opacity-50 mt-1 max-w-48">{{ cap.desc }}</div>
-                      </div>
-                    </template>
-                  </VTooltip>
-                </div>
-
-                <!-- Docs link -->
-                <a
-                  :href="`https://scripts.nuxt.com/scripts/${script.label.toLowerCase().replace(/ /g, '-')}`"
-                  target="_blank"
-                  class="opacity-0 group-hover:opacity-60 transition-opacity ml-1 flex-shrink-0"
-                >
-                  <NIcon icon="carbon:launch" class="text-sm" />
-                </a>
-              </div>
-            </div>
-          </div>
-
-          <!-- Capability Matrix -->
-          <div v-if="scriptRegistry.length > 3" class="mt-6 rounded-lg border n-border-base overflow-hidden">
-            <div class="px-4 py-2.5 border-b n-border-base n-bg-active">
-              <h4 class="text-xs font-medium uppercase tracking-wider opacity-50 flex items-center gap-1.5">
-                <NIcon icon="carbon:data-table" class="text-sm" />
-                Capability Matrix
-              </h4>
-            </div>
-            <div class="overflow-x-auto">
-              <table class="w-full text-xs">
-                <thead>
-                  <tr class="border-b n-border-base">
-                    <th class="px-4 py-2 text-left font-medium opacity-40">Script</th>
-                    <th
-                      v-for="cap in capabilityDefs"
-                      :key="cap.key"
-                      class="px-3 py-2 text-center font-medium opacity-40 whitespace-nowrap"
-                    >
-                      <VTooltip>
-                        <span class="flex items-center justify-center gap-1">
-                          <NIcon :icon="cap.icon" class="text-xs" />
-                          {{ cap.label }}
-                        </span>
-                        <template #popper>
-                          <span class="text-xs">{{ cap.desc }}</span>
-                        </template>
-                      </VTooltip>
-                    </th>
-                  </tr>
-                </thead>
-                <tbody>
-                  <tr
-                    v-for="script in scriptRegistry"
-                    :key="script.registryKey || script.label"
-                    class="border-b n-border-base last:border-b-0 hover:n-bg-active transition-colors"
-                  >
-                    <td class="px-4 py-2 font-medium whitespace-nowrap">
-                      <div class="flex items-center gap-2">
-                        <div
-                          v-if="script.logo"
-                          class="w-4 h-4 flex items-center [&>svg]:max-h-4 [&>svg]:max-w-4"
-                          v-html="typeof script.logo === 'object' ? (script.logo.dark || script.logo.light) : script.logo"
-                        />
-                        <NIcon v-else icon="carbon:script" class="text-xs opacity-40" />
-                        {{ script.label }}
-                      </div>
-                    </td>
-                    <td v-for="cap in capabilityDefs" :key="cap.key" class="px-3 py-2 text-center">
-                      <VTooltip>
-                        <div
-                          class="w-3 h-3 rounded-full mx-auto transition-colors"
-                          :class="{
-                            'bg-emerald-500': capState(script, cap.key) === 'active',
-                            'border-2 border-dashed border-amber-500/60': capState(script, cap.key) === 'available',
-                            'bg-gray-400/15': capState(script, cap.key) === 'off',
-                          }"
-                        />
-                        <template #popper>
-                          <span class="text-xs">{{ capStateLabel(capState(script, cap.key)) }}</span>
-                        </template>
-                      </VTooltip>
-                    </td>
-                  </tr>
-                </tbody>
-              </table>
-            </div>
-          </div>
-        </div>
-
-        <!-- Docs Tab -->
-        <div v-else-if="tab === 'docs'" class="h-full max-h-full overflow-hidden">
-          <iframe
-            src="https://scripts.nuxt.com/docs/getting-started" class="w-full h-full border-none"
-            style="min-height: calc(100vh - 100px);"
-          />
-        </div>
-      </main>
-    </div>
-  </div>
-</template>
diff --git a/client/components/OCodeBlock.vue b/client/components/OCodeBlock.vue
deleted file mode 100644
index 1b11be54..00000000
--- a/client/components/OCodeBlock.vue
+++ /dev/null
@@ -1,35 +0,0 @@
-<script setup lang="ts">
-import type { BundledLanguage } from 'shiki'
-import { computed } from 'vue'
-import { renderCodeHighlight } from '../composables/shiki'
-
-const props = withDefaults(
-  defineProps<{
-    code: string
-    lang?: BundledLanguage
-    lines?: boolean
-    transformRendered?: (code: string) => string
-  }>(),
-  {
-    lines: false,
-  },
-)
-const rendered = computed(() => {
-  const code = renderCodeHighlight(props.code, props.lang || 'json')
-  return props.transformRendered ? props.transformRendered(code.value || '') : code.value
-})
-</script>
-
-<template>
-  <pre
-    class="n-code-block"
-    :class="lines ? 'n-code-block-lines' : ''"
-    v-html="rendered"
-  />
-</template>
-
-<style>
-.n-code-block-lines .shiki code .line::before {
-  display: none;
-}
-</style>
diff --git a/client/components/OSectionBlock.vue b/client/components/OSectionBlock.vue
deleted file mode 100644
index 49fe1c33..00000000
--- a/client/components/OSectionBlock.vue
+++ /dev/null
@@ -1,91 +0,0 @@
-<script setup lang="ts">
-import { useVModel } from '@vueuse/core'
-
-const props = withDefaults(
-  defineProps<{
-    icon?: string
-    text?: string
-    description?: string
-    containerClass?: string
-    headerClass?: string
-    collapse?: boolean
-    open?: boolean
-    padding?: boolean | string
-  }>(),
-  {
-    containerClass: '',
-    open: true,
-    padding: true,
-    collapse: true,
-  },
-)
-
-const open = useVModel(props, 'open')
-function onToggle(e: any) {
-  open.value = e.target.open
-}
-</script>
-
-<template>
-  <details :open="open" @toggle="onToggle">
-    <summary class="cursor-pointer select-none n-bg-active hover:bg-active px-2 py-2 rounded transition-all" :class="collapse ? '' : 'pointer-events-none'">
-      <NIconTitle :icon="icon" :text="text" text-xl transition :class="[open ? 'op100' : 'op60', headerClass]">
-        <div>
-          <div text-base>
-            <slot name="text">
-              {{ text }}
-            </slot>
-          </div>
-          <div v-if="description || $slots.description" text-sm op50>
-            <slot name="description">
-              {{ description }}
-            </slot>
-          </div>
-        </div>
-        <div class="flex-auto" />
-        <slot name="actions" />
-        <NIcon
-          v-if="collapse"
-          icon="carbon-chevron-down"
-          class="chevron"
-          cursor-pointer place-self-start text-base op75 transition duration-500
-        />
-      </NIconTitle>
-    </summary>
-    <div
-      class="flex flex-col flex-gap2 pb6 pt2"
-      :class="typeof padding === 'string' ? padding : padding ? 'px4' : ''"
-    >
-      <slot name="details" />
-      <div :class="containerClass" class="mt1">
-        <slot />
-      </div>
-      <slot name="footer" />
-    </div>
-  </details>
-  <div class="x-divider" />
-</template>
-
-<style scoped>
-details {
-  --at-apply: border-none;
-}
-
-summary {
-  --at-apply: border-none;
-  list-style: none;
-}
-
-details[open] summary {
-  --at-apply: border-none;
-}
-
-details summary::-webkit-details-marker {
-  display:none;
-}
-
-details[open] .chevron {
-  transform: rotate(180deg);
-  opacity: 0.75;
-}
-</style>
diff --git a/client/components/ScriptLoadTime.vue b/client/components/ScriptLoadTime.vue
deleted file mode 100644
index 3e88ebbc..00000000
--- a/client/components/ScriptLoadTime.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <div>
-    <div class="inline-flex items-center px-2 py-0.5 text-xs font-medium m bg-neutral-700 text-green-300 rounded-full">
-      {{ loadTime }}
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-interface Props {
-  loadTime?: string
-}
-
-defineProps<Props>()
-</script>
diff --git a/client/components/ScriptSize.vue b/client/components/ScriptSize.vue
deleted file mode 100644
index 225639fb..00000000
--- a/client/components/ScriptSize.vue
+++ /dev/null
@@ -1,15 +0,0 @@
-<template>
-  <div v-if="size" title="kb Size">
-    <div class="inline-flex items-center px-2 py-0.5 text-xs font-medium bg-neutral-700 text-neutral-300 rounded-full">
-      {{ size }}
-    </div>
-  </div>
-</template>
-
-<script setup lang="ts">
-interface Props {
-  size?: string
-}
-
-defineProps<Props>()
-</script>
diff --git a/client/components/ScriptStatus.vue b/client/components/ScriptStatus.vue
deleted file mode 100644
index 5bad4c96..00000000
--- a/client/components/ScriptStatus.vue
+++ /dev/null
@@ -1,44 +0,0 @@
-<template>
-  <div class="flex items-center gap-2">
-    <div
-      class="w-2 h-2 rounded-full"
-      :class="statusColor"
-    />
-    <span class="capitalize text-sm">{{ displayStatus }}</span>
-  </div>
-</template>
-
-<script setup lang="ts">
-interface Props {
-  status?: string
-  error?: string
-}
-
-const props = defineProps<Props>()
-
-const displayStatus = computed(() => {
-  if (props.error) {
-    return props.error === 'TypeError: Failed to fetch' ? 'CORS Error' : props.error
-  }
-  return props.status || 'unknown'
-})
-
-const statusColor = computed(() => {
-  if (props.error) {
-    return 'bg-red-500'
-  }
-
-  switch (props.status) {
-    case 'loaded':
-      return 'bg-green-500'
-    case 'loading':
-      return 'bg-blue-500'
-    case 'awaitingLoad':
-      return 'bg-yellow-500'
-    case 'error':
-      return 'bg-red-500'
-    default:
-      return 'bg-gray-400'
-  }
-})
-</script>
diff --git a/client/composables/rpc.ts b/client/composables/rpc.ts
deleted file mode 100644
index 8f195fd1..00000000
--- a/client/composables/rpc.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import { ref } from 'vue'
-import type { NuxtDevtoolsClient } from '@nuxt/devtools-kit/types'
-
-export const devtools = ref<NuxtDevtoolsClient>()
diff --git a/client/composables/shiki.ts b/client/composables/shiki.ts
deleted file mode 100644
index 42a62d24..00000000
--- a/client/composables/shiki.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import type { HighlighterCore } from 'shiki'
-import { createHighlighterCore } from 'shiki/core'
-import { createJavaScriptRegexEngine } from 'shiki/engine/javascript'
-import { computed, ref, toValue } from 'vue'
-import type { MaybeRef } from '@vueuse/core'
-import { devtools } from './rpc'
-
-export const shiki = ref<HighlighterCore>()
-
-export function loadShiki() {
-  // Only loading when needed
-  return createHighlighterCore({
-    themes: [
-      import('@shikijs/themes/vitesse-light'),
-      import('@shikijs/themes/vitesse-dark'),
-    ],
-    langs: [
-      import('@shikijs/langs/json'),
-      import('@shikijs/langs/typescript'),
-    ],
-    engine: createJavaScriptRegexEngine(),
-  }).then((i) => {
-    shiki.value = i
-  })
-}
-
-export function renderCodeHighlight(code: MaybeRef<string>, lang: 'json' | 'typescript') {
-  return computed(() => {
-    const colorMode = devtools.value?.colorMode || 'light'
-    return shiki.value!.codeToHtml(toValue(code), {
-      lang,
-      theme: colorMode === 'dark' ? 'vitesse-dark' : 'vitesse-light',
-    }) || ''
-  })
-}
diff --git a/client/nuxt.config.ts b/client/nuxt.config.ts
deleted file mode 100644
index 02ff7792..00000000
--- a/client/nuxt.config.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import { createResolver } from '@nuxt/kit'
-import { DEVTOOLS_UI_ROUTE } from '../src/constants'
-
-const resolver = createResolver(import.meta.url)
-
-export default defineNuxtConfig({
-
-  modules: [
-    '@nuxt/devtools-ui-kit',
-  ],
-  ssr: false,
-  devtools: { enabled: false },
-  app: {
-    baseURL: DEVTOOLS_UI_ROUTE,
-  },
-
-  compatibilityDate: '2024-07-04',
-  nitro: {
-    output: {
-      publicDir: resolver.resolve('../dist/client'),
-    },
-  },
-})
diff --git a/devtools/app.config.ts b/devtools/app.config.ts
new file mode 100644
index 00000000..396164f8
--- /dev/null
+++ b/devtools/app.config.ts
@@ -0,0 +1,17 @@
+export default defineAppConfig({
+  ui: {
+    colors: {
+      primary: 'green',
+      neutral: 'neutral',
+    },
+    button: {
+      defaultVariant: 'ghost',
+    },
+    badge: {
+      defaultVariant: 'subtle',
+    },
+    tooltip: {
+      delayDuration: 200,
+    },
+  },
+})
diff --git a/devtools/app.vue b/devtools/app.vue
new file mode 100644
index 00000000..de3f5abe
--- /dev/null
+++ b/devtools/app.vue
@@ -0,0 +1,43 @@
+<script setup lang="ts">
+import { computed } from 'vue'
+import { initRegistry, version } from './composables/state'
+import './composables/rpc'
+
+await loadShiki()
+await initRegistry()
+
+const route = useRoute()
+const currentTab = computed(() => {
+  const path = route.path
+  if (path.startsWith('/first-party'))
+    return 'first-party'
+  if (path.startsWith('/registry'))
+    return 'registry'
+  if (path.startsWith('/docs'))
+    return 'docs'
+  return 'scripts'
+})
+
+const navItems = [
+  { value: 'scripts', to: '/', icon: 'carbon:script', label: 'Scripts', devOnly: false },
+  { value: 'first-party', to: '/first-party', icon: 'carbon:security', label: 'First-Party Mode', devOnly: true },
+  { value: 'registry', to: '/registry', icon: 'carbon:catalog', label: 'Registry', devOnly: true },
+  { value: 'docs', to: '/docs', icon: 'carbon:book', label: 'Docs', devOnly: false },
+]
+
+const runtimeVersion = computed(() => version.value)
+</script>
+
+<template>
+  <DevtoolsLayout
+    v-model:active-tab="currentTab"
+    title="Scripts"
+    icon="carbon:script"
+    :version="runtimeVersion"
+    :nav-items="navItems"
+    github-url="https://github.com/nuxt/scripts"
+    :loading="false"
+  >
+    <NuxtPage />
+  </DevtoolsLayout>
+</template>
diff --git a/client/bootstrap.ts b/devtools/bootstrap.ts
similarity index 100%
rename from client/bootstrap.ts
rename to devtools/bootstrap.ts
diff --git a/devtools/components/NetworkWaterfall.vue b/devtools/components/NetworkWaterfall.vue
new file mode 100644
index 00000000..e380951c
--- /dev/null
+++ b/devtools/components/NetworkWaterfall.vue
@@ -0,0 +1,473 @@
+<script setup lang="ts">
+import { bytesToHumanReadable, msToHumanReadable } from '~/utils/formatting'
+
+interface NetworkRequest {
+  url: string
+  startTime: number
+  duration: number
+  transferSize: number
+  encodedBodySize: number
+  decodedBodySize: number
+  initiatorType: string
+  dns: number
+  connect: number
+  ssl: number
+  ttfb: number
+  download: number
+  isProxied: boolean
+}
+
+interface ProxyRoute {
+  local: string
+  target: string
+}
+
+const { requests, domains = [], proxyRoutes = [], privacyLevel, proxyPrefix, isFirstParty = false } = defineProps<{
+  requests: NetworkRequest[]
+  domains?: string[]
+  proxyRoutes?: ProxyRoute[]
+  privacyLevel?: 'full' | 'partial' | 'none'
+  proxyPrefix?: string
+  isFirstParty?: boolean
+}>()
+
+const phases = [
+  { key: 'dns', label: 'DNS', color: 'oklch(70% 0.15 165)' },
+  { key: 'connect', label: 'Connect', color: 'oklch(72% 0.14 75)' },
+  { key: 'ssl', label: 'SSL', color: 'oklch(65% 0.15 300)' },
+  { key: 'ttfb', label: 'TTFB', color: 'oklch(65% 0.13 250)' },
+  { key: 'download', label: 'Download', color: 'oklch(72% 0.12 200)' },
+] as const
+
+const sorted = computed(() => [...requests].sort((a, b) => a.startTime - b.startTime))
+
+const timeRange = computed(() => {
+  if (!sorted.value.length) return { min: 0, max: 1 }
+  const min = sorted.value[0].startTime
+  const max = Math.max(...sorted.value.map(r => r.startTime + r.duration))
+  return { min, max: max || min + 1 }
+})
+
+const totalTransfer = computed(() => requests.reduce((sum, r) => sum + r.transferSize, 0))
+const totalTime = computed(() => timeRange.value.max - timeRange.value.min)
+const proxiedCount = computed(() => requests.filter(r => r.isProxied).length)
+
+const domainBreakdown = computed(() => {
+  const map = new Map<string, { count: number, transfer: number, proxied: boolean }>()
+  for (const req of requests) {
+    const hostname = extractHostname(req.url)
+    const existing = map.get(hostname) || { count: 0, transfer: 0, proxied: false }
+    existing.count++
+    existing.transfer += req.transferSize
+    if (req.isProxied) existing.proxied = true
+    map.set(hostname, existing)
+  }
+  return [...map.entries()]
+    .sort((a, b) => b[1].transfer - a[1].transfer)
+    .map(([domain, stats]) => ({
+      domain,
+      ...stats,
+      isKnown: domains.includes(domain),
+      proxyRoute: proxyRoutes.find(r => r.target.includes(domain)),
+    }))
+})
+
+function extractHostname(url: string): string {
+  try { return new URL(url).hostname }
+  catch {
+    const match = url.match(/\/_scripts\/p\/([^/]+)/)
+    return match?.[1] || 'localhost'
+  }
+}
+
+function barStyle(req: NetworkRequest) {
+  const { min, max } = timeRange.value
+  const range = max - min
+  return { left: `${((req.startTime - min) / range) * 100}%`, width: `${Math.max((req.duration / range) * 100, 0.5)}%` }
+}
+
+function phaseWidth(req: NetworkRequest, phase: typeof phases[number]) {
+  if (req.duration === 0) return '0%'
+  const val = req[phase.key]
+  return `${Math.max((val / req.duration) * 100, val > 0 ? 2 : 0)}%`
+}
+
+function shortUrl(url: string) {
+  try {
+    const u = new URL(url)
+    const path = u.pathname + u.search
+    return path.length > 50 ? `${path.slice(0, 47)}...` : path
+  }
+  catch { return url.length > 50 ? `${url.slice(0, 47)}...` : url }
+}
+
+function initiatorLabel(type: string) {
+  const map: Record<string, string> = { script: 'Script', xmlhttprequest: 'XHR', fetch: 'Fetch', img: 'Image', css: 'Stylesheet', beacon: 'Beacon' }
+  return map[type] || type
+}
+
+function initiatorIcon(type: string) {
+  const map: Record<string, string> = {
+    script: 'i-carbon-code', xmlhttprequest: 'i-carbon-send-alt', fetch: 'i-carbon-send-alt',
+    img: 'i-carbon-image', css: 'i-carbon-paint-brush', beacon: 'i-carbon-satellite-radar',
+  }
+  return map[type] || 'i-carbon-document'
+}
+
+function statusCode(req: NetworkRequest) {
+  return (req.transferSize === 0 && req.decodedBodySize > 0) ? 304 : 200
+}
+</script>
+
+<template>
+  <div v-if="!requests.length" class="panel-grids flex flex-col items-center justify-center py-8 gap-1.5 rounded-b-xl">
+    <UIcon name="i-carbon-network-4" class="text-xl text-(--color-text-subtle)" />
+    <p class="text-xs text-(--color-text-subtle)">Requests appear as the script loads</p>
+  </div>
+
+  <div v-else class="waterfall-container">
+    <!-- Stats bar -->
+    <div class="waterfall-stats">
+      <span class="waterfall-stat">
+        <span class="waterfall-stat-value">{{ requests.length }}</span>
+        <span class="waterfall-stat-label">req</span>
+      </span>
+      <span class="waterfall-sep" />
+      <span class="waterfall-stat">
+        <span class="waterfall-stat-value">{{ bytesToHumanReadable(totalTransfer) }}</span>
+      </span>
+      <span class="waterfall-sep" />
+      <span class="waterfall-stat">
+        <span class="waterfall-stat-value">{{ msToHumanReadable(Math.round(totalTime)) }}</span>
+      </span>
+
+      <template v-if="isFirstParty && proxiedCount > 0">
+        <span class="waterfall-sep" />
+        <UTooltip>
+          <span class="waterfall-proxied-badge">
+            <UIcon name="i-carbon-security" class="text-[10px]" />
+            <span class="waterfall-stat-value">{{ proxiedCount }}/{{ requests.length }}</span>
+            proxied
+          </span>
+          <template #content>
+            <div class="text-xs space-y-1 max-w-60">
+              <div class="font-semibold">First-Party Proxy</div>
+              <div class="opacity-70">
+                {{ proxiedCount }} request{{ proxiedCount !== 1 ? 's' : '' }} routed through
+                <code class="px-1 py-px rounded bg-white/10 text-[10px]">{{ proxyPrefix || '/_scripts/p' }}</code>
+              </div>
+              <div v-if="privacyLevel" class="opacity-70">
+                Privacy: <span :class="privacyLevel === 'full' ? 'text-emerald-400' : privacyLevel === 'partial' ? 'text-amber-400' : ''">{{ privacyLevel }}</span>
+              </div>
+            </div>
+          </template>
+        </UTooltip>
+      </template>
+
+      <!-- Domain pills -->
+      <template v-if="domainBreakdown.length > 1">
+        <span class="waterfall-sep" />
+        <div class="flex items-center gap-1">
+          <UTooltip v-for="d in domainBreakdown" :key="d.domain">
+            <span class="domain-pill" :class="d.proxied ? 'domain-pill-proxied' : ''">
+              <UIcon v-if="d.proxied" name="i-carbon-security" class="text-[8px]" />
+              {{ d.domain }}
+            </span>
+            <template #content>
+              <div class="text-xs space-y-0.5">
+                <div class="font-mono font-semibold">{{ d.domain }}</div>
+                <div class="opacity-70">{{ d.count }} req &middot; {{ bytesToHumanReadable(d.transfer) }}</div>
+                <div v-if="d.proxyRoute" class="opacity-60">{{ d.proxyRoute.target }} &rarr; {{ d.proxyRoute.local }}</div>
+                <div v-if="d.proxied" class="text-emerald-400">Proxied through first-party</div>
+              </div>
+            </template>
+          </UTooltip>
+        </div>
+      </template>
+    </div>
+
+    <!-- Waterfall table -->
+    <div class="waterfall-table">
+      <!-- Legend -->
+      <div class="waterfall-legend">
+        <div v-for="phase in phases" :key="phase.key" class="waterfall-legend-item">
+          <span class="waterfall-legend-dot" :style="{ background: phase.color }" />
+          {{ phase.label }}
+        </div>
+      </div>
+
+      <!-- Rows -->
+      <div class="waterfall-rows">
+        <UTooltip v-for="(req, i) in sorted" :key="i">
+          <div class="waterfall-row" :class="req.isProxied ? 'waterfall-row-proxied' : ''">
+            <div
+              class="waterfall-status"
+              :class="statusCode(req) === 304 ? 'waterfall-status-304' : 'waterfall-status-200'"
+            >
+              {{ statusCode(req) }}
+            </div>
+            <UIcon
+              :name="req.isProxied ? 'i-carbon-security' : initiatorIcon(req.initiatorType)"
+              class="waterfall-row-icon"
+              :class="req.isProxied ? 'waterfall-row-icon-proxied' : ''"
+            />
+            <div class="waterfall-url">{{ shortUrl(req.url) }}</div>
+            <div class="waterfall-bar-track">
+              <div class="waterfall-bar" :style="barStyle(req)">
+                <div
+                  v-for="phase in phases" :key="phase.key"
+                  :style="{ width: phaseWidth(req, phase), background: phase.color }"
+                  class="h-full"
+                />
+              </div>
+            </div>
+            <div class="waterfall-duration">{{ msToHumanReadable(Math.round(req.duration)) }}</div>
+          </div>
+
+          <template #content>
+            <div class="text-xs space-y-1.5 max-w-80">
+              <div class="font-mono text-[11px] break-all opacity-90">{{ req.url }}</div>
+              <div class="flex items-center gap-2 opacity-70">
+                <span>{{ initiatorLabel(req.initiatorType) }}</span>
+                <span class="opacity-30">&middot;</span>
+                <span>{{ msToHumanReadable(Math.round(req.duration)) }}</span>
+                <template v-if="req.transferSize > 0">
+                  <span class="opacity-30">&middot;</span>
+                  <span>{{ bytesToHumanReadable(req.transferSize) }}</span>
+                </template>
+              </div>
+              <div class="grid grid-cols-[auto_1fr] gap-x-3 gap-y-0.5">
+                <template v-for="phase in phases" :key="phase.key">
+                  <template v-if="req[phase.key] > 0.1">
+                    <div class="flex items-center gap-1 opacity-60">
+                      <span class="w-1.5 h-1.5 rounded-sm inline-block" :style="{ background: phase.color }" />
+                      {{ phase.label }}
+                    </div>
+                    <div class="tabular-nums text-right">{{ req[phase.key].toFixed(1) }}ms</div>
+                  </template>
+                </template>
+              </div>
+              <div v-if="req.isProxied" class="flex items-center gap-1 text-emerald-400">
+                <UIcon name="i-carbon-security" class="text-[10px]" />
+                Proxied through first-party
+              </div>
+            </div>
+          </template>
+        </UTooltip>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+.waterfall-container {
+  padding: 0.75rem;
+  display: flex;
+  flex-direction: column;
+  gap: 0.5rem;
+}
+
+/* Stats */
+.waterfall-stats {
+  display: flex;
+  align-items: center;
+  gap: 0.5rem;
+  font-size: 0.6875rem;
+}
+
+.waterfall-stat {
+  display: inline-flex;
+  align-items: baseline;
+  gap: 0.25rem;
+  font-variant-numeric: tabular-nums;
+}
+
+.waterfall-stat-value {
+  font-weight: 700;
+  color: var(--color-text);
+}
+
+.waterfall-stat-label {
+  color: var(--color-text-subtle);
+}
+
+.waterfall-sep {
+  width: 3px;
+  height: 3px;
+  border-radius: 50%;
+  background: var(--color-text-subtle);
+  opacity: 0.3;
+}
+
+.waterfall-proxied-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  color: oklch(50% 0.15 145);
+}
+.dark .waterfall-proxied-badge {
+  color: oklch(78% 0.12 145);
+}
+
+.domain-pill {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.125rem;
+  font-family: var(--font-mono);
+  font-size: 0.625rem;
+  padding: 0.0625rem 0.375rem;
+  border-radius: 9999px;
+  background: var(--color-surface-sunken);
+  color: var(--color-text-subtle);
+  border: 1px solid var(--color-border-subtle);
+}
+
+.domain-pill-proxied {
+  background: oklch(75% 0.15 145 / 0.08);
+  border-color: oklch(65% 0.15 145 / 0.12);
+  color: oklch(50% 0.12 145);
+}
+.dark .domain-pill-proxied {
+  background: oklch(50% 0.12 145 / 0.1);
+  color: oklch(78% 0.1 145);
+}
+
+/* Table */
+.waterfall-table {
+  border-radius: var(--radius-md);
+  border: 1px solid var(--color-border-subtle);
+  overflow: hidden;
+  background: var(--color-surface-elevated);
+}
+
+.waterfall-legend {
+  display: flex;
+  align-items: center;
+  gap: 0.75rem;
+  padding: 0.25rem 0.5rem;
+  border-bottom: 1px solid var(--color-border-subtle);
+  background: var(--color-surface-sunken);
+}
+
+.waterfall-legend-item {
+  display: flex;
+  align-items: center;
+  gap: 0.25rem;
+  font-size: 0.5625rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.04em;
+  color: var(--color-text-subtle);
+}
+
+.waterfall-legend-dot {
+  width: 5px;
+  height: 5px;
+  border-radius: 2px;
+}
+
+/* Rows */
+.waterfall-row {
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  padding: 0.1875rem 0.5rem;
+  font-size: 0.6875rem;
+  transition: background 100ms;
+  cursor: default;
+}
+
+.waterfall-row:hover {
+  background: var(--color-surface-sunken);
+}
+
+.waterfall-row-proxied {
+  background: oklch(75% 0.15 145 / 0.03);
+}
+.waterfall-row-proxied:hover {
+  background: oklch(75% 0.15 145 / 0.06);
+}
+
+.waterfall-status {
+  flex-shrink: 0;
+  width: 1.5rem;
+  text-align: center;
+  font-size: 0.625rem;
+  font-family: var(--font-mono);
+  font-weight: 600;
+  line-height: 1;
+  padding: 0.125rem 0;
+  border-radius: 3px;
+}
+
+.waterfall-status-200 {
+  color: oklch(50% 0.15 145);
+  background: oklch(75% 0.15 145 / 0.1);
+}
+.dark .waterfall-status-200 {
+  color: oklch(78% 0.12 145);
+  background: oklch(50% 0.12 145 / 0.12);
+}
+
+.waterfall-status-304 {
+  color: oklch(55% 0.12 80);
+  background: oklch(80% 0.08 80 / 0.1);
+}
+.dark .waterfall-status-304 {
+  color: oklch(75% 0.1 80);
+  background: oklch(50% 0.06 80 / 0.12);
+}
+
+.waterfall-row-icon {
+  flex-shrink: 0;
+  font-size: 0.625rem;
+  color: var(--color-text-subtle);
+  opacity: 0.4;
+}
+
+.waterfall-row-icon-proxied {
+  color: oklch(55% 0.15 145);
+  opacity: 1;
+}
+.dark .waterfall-row-icon-proxied {
+  color: oklch(78% 0.12 145);
+}
+
+.waterfall-url {
+  flex-shrink: 0;
+  width: 11rem;
+  font-family: var(--font-mono);
+  font-size: 0.625rem;
+  color: var(--color-text-muted);
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+.waterfall-bar-track {
+  flex: 1;
+  height: 0.875rem;
+  position: relative;
+  background: var(--color-surface-sunken);
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.waterfall-bar {
+  position: absolute;
+  height: 100%;
+  display: flex;
+  border-radius: 3px;
+  overflow: hidden;
+}
+
+.waterfall-duration {
+  flex-shrink: 0;
+  width: 2.5rem;
+  text-align: right;
+  font-family: var(--font-mono);
+  font-size: 0.625rem;
+  font-variant-numeric: tabular-nums;
+  color: var(--color-text-subtle);
+}
+</style>
diff --git a/devtools/components/ScriptLoadTime.vue b/devtools/components/ScriptLoadTime.vue
new file mode 100644
index 00000000..c7905896
--- /dev/null
+++ b/devtools/components/ScriptLoadTime.vue
@@ -0,0 +1,33 @@
+<script setup lang="ts">
+const { loadTime } = defineProps<{ loadTime?: string }>()
+</script>
+
+<template>
+  <span v-if="loadTime" class="script-metric">
+    <UIcon name="i-carbon-timer" class="text-[10px] opacity-50" />
+    {{ loadTime }}
+  </span>
+</template>
+
+<style scoped>
+.script-metric {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  padding: 0.125rem 0.5rem;
+  font-size: 0.6875rem;
+  font-weight: 500;
+  font-family: var(--font-mono);
+  letter-spacing: -0.01em;
+  border-radius: 9999px;
+  background: oklch(75% 0.15 145 / 0.08);
+  color: oklch(50% 0.12 145);
+  border: 1px solid oklch(65% 0.15 145 / 0.12);
+}
+
+.dark .script-metric {
+  background: oklch(45% 0.1 145 / 0.12);
+  color: oklch(78% 0.12 145);
+  border-color: oklch(55% 0.1 145 / 0.15);
+}
+</style>
diff --git a/devtools/components/ScriptSize.vue b/devtools/components/ScriptSize.vue
new file mode 100644
index 00000000..409863b4
--- /dev/null
+++ b/devtools/components/ScriptSize.vue
@@ -0,0 +1,27 @@
+<script setup lang="ts">
+const { size } = defineProps<{ size?: string }>()
+</script>
+
+<template>
+  <span v-if="size" class="script-metric">
+    <UIcon name="i-carbon-meter" class="text-[10px] opacity-50" />
+    {{ size }}
+  </span>
+</template>
+
+<style scoped>
+.script-metric {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  padding: 0.125rem 0.5rem;
+  font-size: 0.6875rem;
+  font-weight: 500;
+  font-family: var(--font-mono);
+  letter-spacing: -0.01em;
+  border-radius: 9999px;
+  background: var(--color-surface-sunken);
+  color: var(--color-text-muted);
+  border: 1px solid var(--color-border-subtle);
+}
+</style>
diff --git a/devtools/components/ScriptStatus.vue b/devtools/components/ScriptStatus.vue
new file mode 100644
index 00000000..153440a8
--- /dev/null
+++ b/devtools/components/ScriptStatus.vue
@@ -0,0 +1,125 @@
+<script setup lang="ts">
+const { status, error } = defineProps<{
+  status?: string
+  error?: string
+}>()
+
+const displayStatus = computed(() => {
+  if (error) return error === 'TypeError: Failed to fetch' ? 'CORS Error' : error
+  return status || 'unknown'
+})
+
+const statusClass = computed(() => {
+  if (error || status === 'error') return 'status-error'
+  switch (status) {
+    case 'loaded': return 'status-loaded'
+    case 'loading': return 'status-loading'
+    case 'awaitingLoad': return 'status-awaiting'
+    case 'validation-failed': return 'status-validation'
+    default: return 'status-unknown'
+  }
+})
+</script>
+
+<template>
+  <div class="script-status" :class="statusClass">
+    <span class="script-status-dot" />
+    <span class="capitalize">{{ displayStatus }}</span>
+  </div>
+</template>
+
+<style scoped>
+.script-status {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.375rem;
+  padding: 0.125rem 0.5rem;
+  font-size: 0.6875rem;
+  font-weight: 600;
+  letter-spacing: 0.01em;
+  border-radius: 9999px;
+  line-height: 1.4;
+}
+
+.script-status-dot {
+  width: 6px;
+  height: 6px;
+  border-radius: 50%;
+  flex-shrink: 0;
+}
+
+.status-loaded {
+  background: oklch(75% 0.15 145 / 0.12);
+  color: oklch(45% 0.15 145);
+}
+.status-loaded .script-status-dot {
+  background: oklch(65% 0.2 145);
+  box-shadow: 0 0 6px oklch(65% 0.2 145 / 0.5);
+}
+.dark .status-loaded {
+  background: oklch(50% 0.15 145 / 0.15);
+  color: oklch(78% 0.15 145);
+}
+
+.status-loading {
+  background: oklch(75% 0.12 250 / 0.1);
+  color: oklch(50% 0.15 250);
+}
+.status-loading .script-status-dot {
+  background: oklch(60% 0.18 250);
+  animation: pulse-dot 1.5s ease-in-out infinite;
+}
+.dark .status-loading {
+  background: oklch(45% 0.1 250 / 0.15);
+  color: oklch(75% 0.12 250);
+}
+
+.status-awaiting {
+  background: oklch(80% 0.08 80 / 0.1);
+  color: oklch(55% 0.12 80);
+}
+.status-awaiting .script-status-dot {
+  background: oklch(70% 0.15 80);
+}
+.dark .status-awaiting {
+  background: oklch(45% 0.06 80 / 0.15);
+  color: oklch(75% 0.1 80);
+}
+
+.status-error {
+  background: oklch(65% 0.12 25 / 0.1);
+  color: oklch(50% 0.15 25);
+}
+.status-error .script-status-dot {
+  background: oklch(60% 0.2 25);
+}
+.dark .status-error {
+  background: oklch(45% 0.1 25 / 0.15);
+  color: oklch(72% 0.12 25);
+}
+
+.status-validation {
+  background: oklch(70% 0.1 300 / 0.1);
+  color: oklch(50% 0.12 300);
+}
+.status-validation .script-status-dot {
+  background: oklch(60% 0.15 300);
+}
+.dark .status-validation {
+  background: oklch(40% 0.08 300 / 0.15);
+  color: oklch(75% 0.1 300);
+}
+
+.status-unknown {
+  background: var(--color-surface-sunken);
+  color: var(--color-text-muted);
+}
+.status-unknown .script-status-dot {
+  background: var(--color-neutral-400);
+}
+
+@keyframes pulse-dot {
+  0%, 100% { opacity: 1; transform: scale(1); }
+  50% { opacity: 0.5; transform: scale(0.85); }
+}
+</style>
diff --git a/devtools/composables/rpc.ts b/devtools/composables/rpc.ts
new file mode 100644
index 00000000..8c7acdd5
--- /dev/null
+++ b/devtools/composables/rpc.ts
@@ -0,0 +1,12 @@
+import { firstPartyData, syncScripts, version } from './state'
+
+useDevtoolsConnection({
+  onConnected: (client) => {
+    client.host.nuxt.hooks.hook('scripts:updated', (ctx: any) => {
+      syncScripts(ctx.scripts)
+    })
+    version.value = client.host.nuxt.$config.public['nuxt-scripts'].version
+    firstPartyData.value = client.host.nuxt.$config.public['nuxt-scripts-devtools'] || null
+    syncScripts(client.host.nuxt._scripts || {})
+  },
+})
diff --git a/devtools/composables/state.ts b/devtools/composables/state.ts
new file mode 100644
index 00000000..683149b3
--- /dev/null
+++ b/devtools/composables/state.ts
@@ -0,0 +1,174 @@
+import { reactive, ref } from 'vue'
+import { registry } from '../../src/registry'
+import { fetchScript } from '~/utils/fetch'
+import { msToHumanReadable } from '~/utils/formatting'
+
+export interface FirstPartyDevtoolsScript {
+  registryKey: string
+  label: string
+  logo: string
+  category: string
+  configKey: string
+  mechanism: 'bundle-rewrite-intercept' | 'config-injection-proxy'
+  hasAutoInject: boolean
+  autoInjectField?: string
+  hasPostProcess: boolean
+  canvasFingerprinting: boolean
+  privacy: { ip: boolean, userAgent: boolean, language: boolean, screen: boolean, timezone: boolean, hardware: boolean }
+  privacyLevel: 'full' | 'partial' | 'none'
+  domains: string[]
+  routes: Array<{ local: string, target: string }>
+  interceptRules: Array<{ pattern: string, pathPrefix: string, target: string }>
+}
+
+export interface FirstPartyDevtoolsData {
+  enabled: boolean
+  proxyPrefix: string
+  privacyMode: string
+  scripts: FirstPartyDevtoolsScript[]
+  totalRoutes: number
+  totalDomains: number
+}
+
+const _registryPromise = registry()
+
+export const scriptRegistry = ref<Awaited<ReturnType<typeof registry>>>([])
+export const scripts = ref<Record<string, any>>({})
+export const scriptSizes = reactive<Record<string, string>>({})
+export const scriptErrors = reactive<Record<string, string>>({})
+export const scriptTabs = reactive<Record<string, string>>({})
+export const version = ref<string | null>(null)
+export const firstPartyData = ref<FirstPartyDevtoolsData | null>(null)
+
+export async function initRegistry() {
+  scriptRegistry.value = await _registryPromise
+}
+
+function titleToCamelCase(s: string) {
+  return s.replace(/([\s_-])+/g, ' ').split(' ').map((w, i) => {
+    if (i === 0) return w.toLowerCase()
+    return w.charAt(0).toUpperCase() + w.slice(1).toLowerCase()
+  }).join('')
+}
+
+export function syncScripts(_scripts: any[]) {
+  if (!_scripts || typeof _scripts !== 'object') {
+    scripts.value = {}
+    return
+  }
+  scripts.value = Object.fromEntries(
+    Object.entries({ ..._scripts })
+      .map(([key, script]: [string, any]) => {
+        script.registry = scriptRegistry.value.find(s => titleToCamelCase(s.label) === script.registryKey)
+        if (script.registry) {
+          const kebabCaseLabel = script.registry.label.toLowerCase().replace(/ /g, '-')
+          script.docs = `https://scripts.nuxt.com/scripts/${kebabCaseLabel}`
+        }
+        const loadingAt = script.events?.find((e: any) => e.status === 'loading')?.at || 0
+        const loadedAt = script.events?.find((e: any) => e.status === 'loaded')?.at || 0
+        if (loadingAt && loadedAt)
+          script.loadTime = msToHumanReadable(loadedAt - loadingAt)
+        const scriptSizeKey = script.src
+        if (!scriptSizes[scriptSizeKey] && script.src) {
+          fetchScript(script.src)
+            .then((res) => {
+              if (res.size) {
+                scriptSizes[scriptSizeKey] = res.size
+                script.size = res.size
+              }
+              if (res.error) {
+                scriptErrors[scriptSizeKey] = res.error
+                script.error = res.error
+              }
+            })
+        }
+        return [key, script]
+      }),
+  )
+}
+
+// First-party helpers
+export function isFirstPartyScript(registryKey: string | undefined): boolean {
+  if (!registryKey || !firstPartyData.value?.enabled) return false
+  return firstPartyData.value.scripts.some(s => s.registryKey === registryKey)
+}
+
+export function getFirstPartyScript(registryKey: string | undefined): FirstPartyDevtoolsScript | undefined {
+  if (!registryKey || !firstPartyData.value?.enabled) return undefined
+  return firstPartyData.value.scripts.find(s => s.registryKey === registryKey)
+}
+
+// Script tab management
+export function getActiveTab(scriptSrc: string) {
+  return scriptTabs[scriptSrc] || 'events'
+}
+
+export function setActiveTab(scriptSrc: string, tab: string) {
+  scriptTabs[scriptSrc] = tab
+}
+
+// Script logo helper
+export function scriptLogo(script: any) {
+  const logo = script.registry?.logo
+  if (!logo) return null
+  return typeof logo === 'object' ? (logo.dark || logo.light) : logo
+}
+
+// Interface formatting
+export function formatFunctionSignature(name: string, func: (...args: any[]) => any): string {
+  const funcStr = func.toString()
+  const paramMatch = funcStr.match(/\(([^)]*)\)/)
+  const params = paramMatch?.[1]?.trim() || ''
+
+  const formattedParams = params
+    ? params.split(',').map((param, index) => {
+        const trimmed = param.trim()
+        if (!trimmed) return ''
+        if (trimmed.includes(':')) return trimmed
+        const paramName = trimmed || `param${index + 1}`
+        return `${paramName}: any`
+      }).filter(Boolean).join(', ')
+    : ''
+
+  let returnType = 'any'
+  if (name.startsWith('is') || name.startsWith('has') || name.startsWith('can'))
+    returnType = 'boolean'
+  else if (name.startsWith('get') && name.includes('Element'))
+    returnType = 'HTMLElement | null'
+  else if (name.includes('async') || funcStr.includes('async') || funcStr.includes('Promise'))
+    returnType = 'Promise<any>'
+  else if (name.startsWith('on') || name.includes('listen') || name.includes('subscribe'))
+    returnType = 'void'
+
+  return `${name}(${formattedParams}): ${returnType}`
+}
+
+export function formatPropertySignature(name: string, value: any): string {
+  let type = typeof value
+
+  if (value === null)
+    type = 'null'
+  else if (Array.isArray(value))
+    type = value.length > 0 && value.every(item => typeof item === typeof value[0]) ? `${typeof value[0]}[]` : 'any[]'
+  else if (type === 'object')
+    type = value.constructor?.name !== 'Object' ? value.constructor.name : 'object'
+  else if (type === 'function')
+    type = 'Function'
+
+  return `${name}: ${type}`
+}
+
+export function formatScriptInterface(instance: any): string {
+  if (!instance || typeof instance !== 'object')
+    return 'interface ScriptInstance {\n  // No API available\n}'
+
+  const members = Object.entries(instance).map(([key, value]) =>
+    typeof value === 'function'
+      ? `  ${formatFunctionSignature(key, value as (...args: any[]) => any)}`
+      : `  ${formatPropertySignature(key, value)}`,
+  )
+
+  return members.length
+    ? `interface ScriptInstance {\n${members.join('\n')}\n}`
+    : 'interface ScriptInstance {\n  // No API available\n}'
+}
diff --git a/devtools/nuxt.config.ts b/devtools/nuxt.config.ts
new file mode 100644
index 00000000..0991bbbe
--- /dev/null
+++ b/devtools/nuxt.config.ts
@@ -0,0 +1,28 @@
+import { resolve } from 'pathe'
+import { DEVTOOLS_UI_ROUTE } from '../src/constants'
+
+export default defineNuxtConfig({
+  extends: ['nuxtseo-layer-devtools'],
+
+  imports: {
+    autoImport: true,
+  },
+
+  nitro: {
+    prerender: {
+      routes: [
+        '/',
+        '/first-party',
+        '/registry',
+        '/docs',
+      ],
+    },
+    output: {
+      publicDir: resolve(__dirname, '../dist/devtools'),
+    },
+  },
+
+  app: {
+    baseURL: DEVTOOLS_UI_ROUTE,
+  },
+})
diff --git a/client/package.json b/devtools/package.json
similarity index 83%
rename from client/package.json
rename to devtools/package.json
index 432c7518..807cbe5f 100644
--- a/client/package.json
+++ b/devtools/package.json
@@ -11,11 +11,10 @@
     "generate": "nuxi generate"
   },
   "devDependencies": {
-    "@iconify-json/carbon": "^1.2.19",
     "@nuxt/devtools-kit": "^3.2.4",
-    "@nuxt/devtools-ui-kit": "^3.2.4",
     "@nuxt/kit": "^4.4.2",
     "nuxt": "^4.4.2",
+    "nuxtseo-layer-devtools": "^0.2.5",
     "vue": "^3.5.30",
     "vue-router": "latest"
   }
diff --git a/devtools/pages/docs.vue b/devtools/pages/docs.vue
new file mode 100644
index 00000000..853e31fc
--- /dev/null
+++ b/devtools/pages/docs.vue
@@ -0,0 +1,3 @@
+<template>
+  <DevtoolsDocs url="https://scripts.nuxt.com" />
+</template>
diff --git a/devtools/pages/first-party.vue b/devtools/pages/first-party.vue
new file mode 100644
index 00000000..1fa3253a
--- /dev/null
+++ b/devtools/pages/first-party.vue
@@ -0,0 +1,458 @@
+<script setup lang="ts">
+import { reactive } from 'vue'
+import { firstPartyData } from '~/composables/state'
+
+const privacyFlags = ['ip', 'userAgent', 'language', 'screen', 'timezone', 'hardware'] as const
+const privacyFlagLabels: Record<string, string> = {
+  ip: 'IP Address', userAgent: 'User Agent', language: 'Language', screen: 'Screen', timezone: 'Timezone', hardware: 'Hardware',
+}
+const privacyFlagShort: Record<string, string> = {
+  ip: 'IP', userAgent: 'UA', language: 'Lang', screen: 'Screen', timezone: 'TZ', hardware: 'HW',
+}
+const privacyFlagIcons: Record<string, string> = {
+  ip: 'i-carbon-location', userAgent: 'i-carbon-user-profile', language: 'i-carbon-translate',
+  screen: 'i-carbon-screen', timezone: 'i-carbon-time', hardware: 'i-carbon-chip',
+}
+const expandedRoutes = reactive<Record<string, boolean>>({})
+
+function toggleRoutes(key: string) {
+  expandedRoutes[key] = !expandedRoutes[key]
+}
+
+function privacyLevelClass(level: string) {
+  if (level === 'full') return 'privacy-full'
+  if (level === 'partial') return 'privacy-partial'
+  return 'privacy-none'
+}
+
+function mechanismClass(m: string) {
+  return m === 'bundle-rewrite-intercept' ? 'mechanism-bundle' : 'mechanism-config'
+}
+
+function mechanismLabel(m: string) {
+  return m === 'bundle-rewrite-intercept' ? 'Bundle + Rewrite' : 'Config Injection'
+}
+</script>
+
+<template>
+  <div class="py-1">
+    <!-- Disabled state -->
+    <div v-if="!firstPartyData?.enabled" class="panel-grids rounded-xl flex flex-col items-center justify-center py-16 gap-4">
+      <div class="w-14 h-14 rounded-2xl bg-(--color-surface-elevated) border border-(--color-border) flex items-center justify-center">
+        <UIcon name="i-carbon-security" class="text-3xl text-(--color-text-subtle)" />
+      </div>
+      <div class="text-center space-y-1.5">
+        <p class="text-sm font-semibold text-(--color-text-muted)">First-Party Mode is not enabled</p>
+        <p class="text-xs text-(--color-text-subtle) max-w-sm">
+          Proxy is auto-enabled when scripts with proxy capabilities are configured.
+        </p>
+      </div>
+      <div class="hint-callout text-xs max-w-sm">
+        <UIcon name="i-carbon-information" class="hint-callout-icon text-base flex-shrink-0" />
+        <div>
+          Ensure <code class="px-1 py-0.5 rounded text-[11px] font-mono bg-(--color-surface-sunken)">scripts: { proxy: false }</code> is not set in your config.
+        </div>
+      </div>
+      <a
+        href="https://scripts.nuxt.com/docs/guides/first-party"
+        target="_blank"
+        class="link-external text-xs mt-1"
+      >
+        View Documentation
+      </a>
+    </div>
+
+    <!-- Enabled state -->
+    <div v-else class="stagger-children space-y-4">
+      <!-- Stats row -->
+      <div class="flex flex-wrap gap-2.5">
+        <div class="stat-card">
+          <div class="stat-label">Status</div>
+          <div class="flex items-center gap-1.5">
+            <span class="stat-dot stat-dot-active" />
+            <span class="text-sm font-semibold" style="color: oklch(55% 0.18 145);">Active</span>
+          </div>
+        </div>
+        <div class="stat-card">
+          <div class="stat-label">Scripts</div>
+          <div class="stat-value">{{ firstPartyData.scripts.length }}</div>
+        </div>
+        <div class="stat-card">
+          <div class="stat-label">Routes</div>
+          <div class="stat-value">{{ firstPartyData.totalRoutes }}</div>
+        </div>
+        <div class="stat-card">
+          <div class="stat-label">Domains</div>
+          <div class="stat-value">{{ firstPartyData.totalDomains }}</div>
+        </div>
+        <div class="stat-card">
+          <div class="stat-label">Privacy</div>
+          <div class="stat-value capitalize text-sm">{{ firstPartyData.privacyMode }}</div>
+        </div>
+      </div>
+
+      <!-- Proxy prefix -->
+      <div class="flex items-center gap-2 text-xs text-(--color-text-subtle)">
+        <UIcon name="i-carbon-direction-fork" class="text-sm" />
+        Proxy prefix:
+        <code class="px-1.5 py-0.5 rounded text-[11px] font-mono bg-(--color-surface-sunken) border border-(--color-border-subtle) text-(--color-text-muted)">
+          {{ firstPartyData.proxyPrefix }}
+        </code>
+      </div>
+
+      <!-- Script cards -->
+      <div class="space-y-3">
+        <div
+          v-for="s in firstPartyData.scripts"
+          :key="s.registryKey"
+          class="card overflow-hidden"
+        >
+          <div class="p-4">
+            <div class="flex items-start justify-between gap-4">
+              <div class="flex items-center gap-2.5 min-w-0">
+                <div class="w-7 h-7 rounded-lg bg-(--color-surface-sunken) border border-(--color-border-subtle) flex items-center justify-center flex-shrink-0 overflow-hidden">
+                  <div
+                    v-if="s.logo"
+                    class="w-5 h-5 flex items-center justify-center [&>svg]:max-w-5 [&>svg]:max-h-5"
+                    v-html="s.logo"
+                  />
+                  <UIcon v-else name="i-carbon-script" class="text-sm text-(--color-text-subtle)" />
+                </div>
+                <div>
+                  <span class="text-sm font-semibold tracking-tight">{{ s.label }}</span>
+                  <span class="ml-2 text-[10px] px-1.5 py-0.5 rounded-full bg-(--color-surface-sunken) text-(--color-text-subtle) font-medium">{{ s.category }}</span>
+                </div>
+              </div>
+              <!-- Privacy flags -->
+              <div class="flex gap-0.5 flex-shrink-0">
+                <UTooltip
+                  v-for="flag in privacyFlags"
+                  :key="flag"
+                  :text="`${privacyFlagLabels[flag]}: ${s.privacy[flag] ? 'Anonymized' : 'Passthrough'}`"
+                >
+                  <div class="privacy-flag" :class="s.privacy[flag] ? 'privacy-flag-on' : 'privacy-flag-off'">
+                    <UIcon :name="privacyFlagIcons[flag]" class="text-xs" />
+                  </div>
+                </UTooltip>
+              </div>
+            </div>
+
+            <!-- Badges -->
+            <div class="flex items-center gap-1.5 mt-2.5 flex-wrap">
+              <span class="fp-badge" :class="mechanismClass(s.mechanism)">
+                {{ mechanismLabel(s.mechanism) }}
+              </span>
+              <span class="fp-badge" :class="privacyLevelClass(s.privacyLevel)">
+                {{ s.privacyLevel === 'full' ? 'Full Privacy' : s.privacyLevel === 'partial' ? 'Partial' : 'Passthrough' }}
+              </span>
+              <span v-if="s.hasAutoInject" class="fp-badge fp-badge-info">
+                Auto-inject{{ s.autoInjectField ? `: ${s.autoInjectField}` : '' }}
+              </span>
+              <span v-if="s.canvasFingerprinting" class="fp-badge fp-badge-warn">
+                Canvas FP neutralized
+              </span>
+              <span v-if="s.hasPostProcess" class="fp-badge fp-badge-muted">
+                Post-process
+              </span>
+            </div>
+          </div>
+
+          <!-- Domains -->
+          <div v-if="s.domains.length" class="px-4 pb-3 flex items-center gap-1.5 flex-wrap">
+            <span class="text-[10px] text-(--color-text-subtle) mr-0.5">Proxying:</span>
+            <span
+              v-for="d in s.domains" :key="d"
+              class="text-[10px] font-mono px-1.5 py-0.5 rounded bg-(--color-surface-sunken) text-(--color-text-muted) border border-(--color-border-subtle)"
+            >{{ d }}</span>
+          </div>
+
+          <!-- Routes -->
+          <div v-if="s.routes.length" class="border-t border-(--color-border-subtle)">
+            <button
+              class="w-full px-4 py-2 flex items-center justify-between text-xs text-(--color-text-subtle) hover:text-(--color-text-muted) transition-colors cursor-pointer"
+              @click="toggleRoutes(s.registryKey)"
+            >
+              <span class="flex items-center gap-1.5">
+                <UIcon name="i-carbon-arrows-horizontal" class="text-xs" />
+                {{ s.routes.length }} route{{ s.routes.length > 1 ? 's' : '' }}
+                <span v-if="s.interceptRules.length" class="opacity-50">
+                  &middot; {{ s.interceptRules.length }} intercept rule{{ s.interceptRules.length > 1 ? 's' : '' }}
+                </span>
+              </span>
+              <UIcon
+                :name="expandedRoutes[s.registryKey] ? 'i-carbon-chevron-up' : 'i-carbon-chevron-down'"
+                class="text-xs transition-transform"
+              />
+            </button>
+            <div v-show="expandedRoutes[s.registryKey]">
+              <div class="border-t border-(--color-border-subtle)">
+                <div
+                  v-for="(r, ri) in s.routes" :key="ri"
+                  class="px-4 py-1.5 flex items-center gap-2 text-[11px] font-mono hover:bg-(--color-surface-sunken) transition-colors"
+                >
+                  <span style="color: oklch(55% 0.12 250);" class="min-w-0 truncate">{{ r.local }}</span>
+                  <UIcon name="i-carbon-arrow-right" class="text-[9px] opacity-25 flex-shrink-0" />
+                  <span class="text-(--color-text-subtle) min-w-0 truncate">{{ r.target }}</span>
+                </div>
+              </div>
+              <div v-if="s.interceptRules.length" class="border-t border-(--color-border-subtle) px-4 py-2">
+                <div class="text-[10px] uppercase tracking-wider text-(--color-text-subtle) mb-1 font-medium">Intercept Rules</div>
+                <div
+                  v-for="(ir, iri) in s.interceptRules" :key="iri"
+                  class="py-1 flex items-center gap-2 text-[11px] font-mono"
+                >
+                  <span style="color: oklch(55% 0.12 300);" class="truncate">{{ ir.pattern }}{{ ir.pathPrefix }}</span>
+                  <UIcon name="i-carbon-arrow-right" class="text-[9px] opacity-25 flex-shrink-0" />
+                  <span class="text-(--color-text-subtle) truncate">{{ ir.target }}</span>
+                </div>
+              </div>
+            </div>
+          </div>
+        </div>
+      </div>
+
+      <!-- Privacy Matrix -->
+      <div v-if="firstPartyData.scripts.length > 1" class="card overflow-hidden">
+        <div class="px-4 py-2.5 border-b border-(--color-border-subtle)">
+          <h4 class="text-xs font-semibold uppercase tracking-wider text-(--color-text-subtle) flex items-center gap-1.5">
+            <UIcon name="i-carbon-data-table" class="text-sm" />
+            Privacy Matrix
+          </h4>
+        </div>
+        <div class="overflow-x-auto">
+          <table class="w-full text-xs">
+            <thead>
+              <tr class="border-b border-(--color-border-subtle)">
+                <th class="px-4 py-2 text-left font-medium text-(--color-text-subtle)">Script</th>
+                <th
+                  v-for="flag in privacyFlags" :key="flag"
+                  class="px-2.5 py-2 text-center font-medium text-(--color-text-subtle) whitespace-nowrap"
+                >
+                  {{ privacyFlagShort[flag] }}
+                </th>
+                <th class="px-2.5 py-2 text-center font-medium text-(--color-text-subtle)">Level</th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                v-for="s in firstPartyData.scripts" :key="s.registryKey"
+                class="border-b border-(--color-border-subtle) last:border-b-0 hover:bg-(--color-surface-sunken) transition-colors"
+              >
+                <td class="px-4 py-2 font-medium whitespace-nowrap">{{ s.label }}</td>
+                <td v-for="flag in privacyFlags" :key="flag" class="px-2.5 py-2 text-center">
+                  <div
+                    class="w-2.5 h-2.5 rounded-full mx-auto"
+                    :class="s.privacy[flag] ? 'matrix-dot-on' : 'matrix-dot-off'"
+                  />
+                </td>
+                <td class="px-2.5 py-2 text-center">
+                  <span class="fp-badge text-[10px]" :class="privacyLevelClass(s.privacyLevel)">
+                    {{ s.privacyLevel }}
+                  </span>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+
+      <div class="text-center pt-1 pb-3">
+        <a
+          href="https://scripts.nuxt.com/docs/guides/first-party"
+          target="_blank"
+          class="link-external text-xs"
+        >
+          First-Party Mode Documentation
+        </a>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+/* Stat cards */
+.stat-card {
+  flex: 1;
+  min-width: 5.5rem;
+  padding: 0.625rem 0.875rem;
+  border-radius: var(--radius-md);
+  background: var(--color-surface-elevated);
+  border: 1px solid var(--color-border);
+  transition: border-color 200ms;
+}
+
+.stat-card:hover {
+  border-color: var(--color-neutral-300);
+}
+.dark .stat-card:hover {
+  border-color: var(--color-neutral-700);
+}
+
+.stat-label {
+  font-size: 0.625rem;
+  font-weight: 600;
+  text-transform: uppercase;
+  letter-spacing: 0.05em;
+  color: var(--color-text-subtle);
+  margin-bottom: 0.125rem;
+}
+
+.stat-value {
+  font-size: 1.125rem;
+  font-weight: 700;
+  letter-spacing: -0.02em;
+  font-variant-numeric: tabular-nums;
+  color: var(--color-text);
+}
+
+.stat-dot {
+  width: 7px;
+  height: 7px;
+  border-radius: 50%;
+}
+
+.stat-dot-active {
+  background: oklch(65% 0.2 145);
+  box-shadow: 0 0 8px oklch(65% 0.2 145 / 0.5);
+  animation: pulse-dot 2s ease-in-out infinite;
+}
+
+@keyframes pulse-dot {
+  0%, 100% { opacity: 1; }
+  50% { opacity: 0.4; }
+}
+
+/* Privacy flags */
+.privacy-flag {
+  width: 1.625rem;
+  height: 1.625rem;
+  border-radius: var(--radius-sm);
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 150ms;
+}
+
+.privacy-flag-on {
+  background: oklch(75% 0.15 145 / 0.12);
+  color: oklch(50% 0.15 145);
+}
+.dark .privacy-flag-on {
+  background: oklch(50% 0.15 145 / 0.15);
+  color: oklch(78% 0.15 145);
+}
+
+.privacy-flag-off {
+  background: var(--color-surface-sunken);
+  color: var(--color-text-subtle);
+  opacity: 0.5;
+}
+
+/* First-party badges */
+.fp-badge {
+  display: inline-flex;
+  align-items: center;
+  gap: 0.25rem;
+  padding: 0.0625rem 0.4375rem;
+  font-size: 0.625rem;
+  font-weight: 600;
+  letter-spacing: 0.01em;
+  border-radius: 9999px;
+  border: 1px solid transparent;
+  white-space: nowrap;
+}
+
+.privacy-full {
+  background: oklch(75% 0.15 145 / 0.1);
+  border-color: oklch(65% 0.15 145 / 0.15);
+  color: oklch(45% 0.15 145);
+}
+.dark .privacy-full {
+  background: oklch(50% 0.15 145 / 0.12);
+  border-color: oklch(55% 0.12 145 / 0.2);
+  color: oklch(78% 0.12 145);
+}
+
+.privacy-partial {
+  background: oklch(80% 0.1 80 / 0.1);
+  border-color: oklch(70% 0.1 80 / 0.15);
+  color: oklch(50% 0.12 80);
+}
+.dark .privacy-partial {
+  background: oklch(45% 0.06 80 / 0.12);
+  border-color: oklch(55% 0.06 80 / 0.15);
+  color: oklch(75% 0.1 80);
+}
+
+.privacy-none {
+  background: oklch(65% 0.12 25 / 0.08);
+  border-color: oklch(60% 0.12 25 / 0.12);
+  color: oklch(50% 0.12 25);
+}
+.dark .privacy-none {
+  background: oklch(45% 0.1 25 / 0.12);
+  border-color: oklch(50% 0.08 25 / 0.15);
+  color: oklch(72% 0.1 25);
+}
+
+.mechanism-bundle {
+  background: oklch(70% 0.1 300 / 0.08);
+  border-color: oklch(60% 0.1 300 / 0.12);
+  color: oklch(48% 0.12 300);
+}
+.dark .mechanism-bundle {
+  background: oklch(40% 0.08 300 / 0.12);
+  border-color: oklch(50% 0.08 300 / 0.15);
+  color: oklch(75% 0.1 300);
+}
+
+.mechanism-config {
+  background: oklch(75% 0.08 220 / 0.08);
+  border-color: oklch(65% 0.08 220 / 0.12);
+  color: oklch(48% 0.1 220);
+}
+.dark .mechanism-config {
+  background: oklch(40% 0.06 220 / 0.12);
+  border-color: oklch(50% 0.06 220 / 0.15);
+  color: oklch(75% 0.08 220);
+}
+
+.fp-badge-info {
+  background: oklch(75% 0.1 250 / 0.08);
+  border-color: oklch(65% 0.1 250 / 0.12);
+  color: oklch(48% 0.12 250);
+}
+.dark .fp-badge-info {
+  background: oklch(40% 0.08 250 / 0.12);
+  color: oklch(75% 0.1 250);
+}
+
+.fp-badge-warn {
+  background: oklch(80% 0.1 60 / 0.1);
+  border-color: oklch(70% 0.1 60 / 0.12);
+  color: oklch(50% 0.12 60);
+}
+.dark .fp-badge-warn {
+  background: oklch(45% 0.06 60 / 0.12);
+  color: oklch(75% 0.1 60);
+}
+
+.fp-badge-muted {
+  background: var(--color-surface-sunken);
+  border-color: var(--color-border-subtle);
+  color: var(--color-text-subtle);
+}
+
+/* Matrix dots */
+.matrix-dot-on {
+  background: oklch(65% 0.2 145);
+  box-shadow: 0 0 4px oklch(65% 0.2 145 / 0.4);
+}
+
+.matrix-dot-off {
+  background: var(--color-neutral-300);
+}
+.dark .matrix-dot-off {
+  background: var(--color-neutral-700);
+}
+</style>
diff --git a/devtools/pages/index.vue b/devtools/pages/index.vue
new file mode 100644
index 00000000..8497758b
--- /dev/null
+++ b/devtools/pages/index.vue
@@ -0,0 +1,360 @@
+<script setup lang="ts">
+import { humanFriendlyTimestamp, urlToOrigin } from '~/utils/formatting'
+import {
+  formatScriptInterface,
+  firstPartyData,
+  getActiveTab,
+  getFirstPartyScript,
+  isFirstPartyScript,
+  scriptErrors,
+  scriptLogo,
+  scriptSizes,
+  scripts,
+  setActiveTab,
+} from '~/composables/state'
+
+const subTabDefs = [
+  { label: 'Events', value: 'events', icon: 'i-carbon-list' },
+  { label: 'Network', value: 'network', icon: 'i-carbon-network-4' },
+  { label: 'API', value: 'api', icon: 'i-carbon-code' },
+]
+
+function statusBadgeClass(status: string) {
+  switch (status) {
+    case 'loaded': return 'status-badge-loaded'
+    case 'loading': return 'status-badge-loading'
+    case 'awaitingLoad': return 'status-badge-awaiting'
+    case 'removed':
+    case 'error': return 'status-badge-error'
+    case 'validation-failed': return 'status-badge-validation'
+    default: return 'status-badge-default'
+  }
+}
+</script>
+
+<template>
+  <div class="py-1">
+    <div v-if="!Object.keys(scripts || {}).length" class="panel-grids rounded-xl flex flex-col items-center justify-center py-16 gap-3">
+      <div class="w-12 h-12 rounded-xl bg-(--color-surface-elevated) border border-(--color-border) flex items-center justify-center">
+        <UIcon name="i-carbon-script" class="text-2xl text-(--color-text-subtle)" />
+      </div>
+      <p class="text-sm font-medium text-(--color-text-muted)">No scripts loaded</p>
+      <p class="text-xs text-(--color-text-subtle)">Scripts will appear here as they are registered</p>
+    </div>
+
+    <div class="stagger-children space-y-3">
+      <div
+        v-for="(script, id) in scripts"
+        :key="id"
+        class="card overflow-hidden"
+      >
+        <!-- Script header -->
+        <div class="px-4 py-3 flex items-center justify-between gap-3">
+          <div class="flex items-center gap-2.5 min-w-0">
+            <div class="w-7 h-7 rounded-lg bg-(--color-surface-sunken) border border-(--color-border-subtle) flex items-center justify-center flex-shrink-0 overflow-hidden">
+              <img
+                v-if="scriptLogo(script) && typeof scriptLogo(script) === 'string' && scriptLogo(script).startsWith('http')"
+                class="w-5 h-5 object-contain"
+                :src="scriptLogo(script)"
+                alt=""
+              >
+              <div
+                v-else-if="scriptLogo(script)"
+                class="w-5 h-5 flex items-center [&>svg]:max-w-5 [&>svg]:max-h-5"
+                v-html="scriptLogo(script)"
+              />
+              <img
+                v-else-if="script.src && !script.src.startsWith('/')"
+                :src="`https://www.google.com/s2/favicons?domain=${urlToOrigin(script.src)}`"
+                class="w-4 h-4 rounded-sm"
+                alt=""
+              >
+              <UIcon v-else name="i-carbon-script" class="text-sm text-(--color-text-subtle)" />
+            </div>
+            <div class="min-w-0">
+              <div class="flex items-center gap-2">
+                <a
+                  :href="script.src"
+                  target="_blank"
+                  class="text-sm font-semibold tracking-tight truncate link-external"
+                  :title="script.src"
+                >
+                  {{ script.registry?.label || script.key || script.src }}
+                </a>
+                <a
+                  v-if="script.docs"
+                  :href="script.docs"
+                  target="_blank"
+                  class="text-[10px] font-medium text-(--color-text-subtle) hover:text-(--color-text-muted) transition-colors"
+                >
+                  docs
+                </a>
+              </div>
+            </div>
+          </div>
+          <UButton
+            v-if="script.$script.status === 'awaitingLoad'"
+            size="xs"
+            color="primary"
+            variant="soft"
+            icon="i-carbon-play-filled-alt"
+            @click="script.$script.load()"
+          >
+            Load
+          </UButton>
+          <UButton
+            v-else-if="script.$script.status === 'loaded'"
+            size="xs"
+            color="neutral"
+            variant="ghost"
+            icon="i-carbon-close"
+            @click="script.$script.remove()"
+          >
+            Remove
+          </UButton>
+        </div>
+
+        <!-- Status row -->
+        <div class="px-4 pb-3 flex items-center gap-2 flex-wrap">
+          <ScriptStatus
+            :status="script.$script.status"
+            :error="scriptErrors[script.src]"
+          />
+          <span
+            v-if="isFirstPartyScript(script.registryKey)"
+            class="status-enabled"
+          >
+            <UIcon name="i-carbon-security" class="text-xs" />
+            First-Party
+          </span>
+          <ScriptSize :size="scriptSizes[script.src]" />
+          <ScriptLoadTime :load-time="script.loadTime" />
+          <span v-if="script.loadedFrom" class="inline-flex items-center gap-1 text-[11px] text-(--color-text-subtle) font-mono">
+            <svg xmlns="http://www.w3.org/2000/svg" height="10" viewBox="0 0 256 221" class="opacity-60">
+              <path fill="#41B883" d="M204.8 0H256L128 220.8L0 0h97.92L128 51.2L157.44 0z" />
+              <path fill="#41B883" d="m0 0l128 220.8L256 0h-51.2L128 132.48L50.56 0z" />
+              <path fill="#35495E" d="M50.56 0L128 133.12L204.8 0h-47.36L128 51.2L97.92 0z" />
+            </svg>
+            {{ script.loadedFrom }}
+          </span>
+          <span
+            v-for="k in Object.keys(script.registryMeta || {})"
+            :key="k"
+            class="text-[11px] text-(--color-text-subtle) font-mono"
+          >
+            {{ k }}: {{ script.registryMeta[k] }}
+          </span>
+        </div>
+
+        <!-- Sub-tabs -->
+        <div class="border-t border-(--color-border-subtle)">
+          <div class="flex items-center border-b border-(--color-border-subtle)">
+            <button
+              v-for="tabOption in subTabDefs"
+              :key="tabOption.value"
+              class="sub-tab"
+              :class="getActiveTab(script.src) === tabOption.value ? 'sub-tab-active' : ''"
+              @click="setActiveTab(script.src, tabOption.value)"
+            >
+              <UIcon :name="tabOption.icon" class="text-xs" />
+              {{ tabOption.label }}
+              <span
+                v-if="tabOption.value === 'network' && script.networkRequests?.length"
+                class="text-[9px] px-1 py-px rounded-full bg-(--color-surface-sunken) tabular-nums font-mono"
+              >{{ script.networkRequests.length }}</span>
+            </button>
+          </div>
+
+          <!-- Events -->
+          <div v-if="getActiveTab(script.src) === 'events'" class="p-3">
+            <div v-if="!script.events?.length" class="text-xs text-(--color-text-subtle) py-2 text-center">
+              No events recorded
+            </div>
+            <div v-else class="event-timeline">
+              <div
+                v-for="(event, key) in script.events"
+                :key="key"
+                class="event-row"
+              >
+                <div class="event-time">
+                  {{ humanFriendlyTimestamp(event.at) }}
+                </div>
+                <template v-if="event.type === 'status'">
+                  <div v-if="event.status === 'validation-failed'" class="flex items-center gap-2 min-w-0">
+                    <span class="event-badge" :class="statusBadgeClass(event.status)">
+                      {{ event.status }}
+                    </span>
+                    <span class="text-[11px] text-(--color-text-subtle) truncate">
+                      {{ event.args.issues.map((i: any) => `${key}.${i.path?.map((i: any) => i.key).join(',')}: ${i.message}`).join(',') }}
+                    </span>
+                  </div>
+                  <span v-else class="event-badge" :class="statusBadgeClass(event.status)">
+                    {{ event.status }}
+                  </span>
+                </template>
+                <span
+                  v-else-if="event.type === 'fn-call'"
+                  class="event-fn"
+                >
+                  <template v-if="event.args">
+                    {{ `${event.fn}(${event.args?.map((a: any) => JSON.stringify(a, null, 2)).join(', ') || ''})` }}
+                  </template>
+                  <template v-else>
+                    <span class="opacity-40">QUEUED</span> {{ event.fn }}
+                  </template>
+                </span>
+              </div>
+            </div>
+          </div>
+
+          <!-- Network -->
+          <div v-else-if="getActiveTab(script.src) === 'network'">
+            <NetworkWaterfall
+              :requests="script.networkRequests || []"
+              :domains="getFirstPartyScript(script.registryKey)?.domains"
+              :proxy-routes="getFirstPartyScript(script.registryKey)?.routes"
+              :privacy-level="getFirstPartyScript(script.registryKey)?.privacyLevel"
+              :proxy-prefix="firstPartyData?.proxyPrefix"
+              :is-first-party="isFirstPartyScript(script.registryKey)"
+            />
+          </div>
+
+          <!-- API -->
+          <div v-else-if="getActiveTab(script.src) === 'api'" class="p-3">
+            <DevtoolsSnippet
+              :code="formatScriptInterface(script.$script?.instance)"
+              lang="js"
+            />
+          </div>
+        </div>
+      </div>
+    </div>
+  </div>
+</template>
+
+<style scoped>
+/* Sub-tabs */
+.sub-tab {
+  display: flex;
+  align-items: center;
+  gap: 0.375rem;
+  padding: 0.5rem 0.75rem;
+  font-size: 0.75rem;
+  font-weight: 500;
+  color: var(--color-text-subtle);
+  border-bottom: 2px solid transparent;
+  margin-bottom: -1px;
+  transition: color 150ms, border-color 150ms;
+  cursor: pointer;
+}
+
+.sub-tab:hover {
+  color: var(--color-text-muted);
+}
+
+.sub-tab-active {
+  color: var(--color-text);
+  border-bottom-color: var(--seo-green);
+}
+
+/* Event timeline */
+.event-timeline {
+  display: flex;
+  flex-direction: column;
+  gap: 0.125rem;
+}
+
+.event-row {
+  display: flex;
+  align-items: center;
+  gap: 0.625rem;
+  padding: 0.25rem 0.375rem;
+  border-radius: var(--radius-sm);
+  font-size: 0.6875rem;
+  transition: background 100ms;
+}
+
+.event-row:hover {
+  background: var(--color-surface-sunken);
+}
+
+.event-time {
+  color: var(--color-text-subtle);
+  font-family: var(--font-mono);
+  font-size: 0.625rem;
+  font-variant-numeric: tabular-nums;
+  white-space: nowrap;
+  min-width: 5.5rem;
+}
+
+.event-badge {
+  display: inline-flex;
+  padding: 0.0625rem 0.375rem;
+  border-radius: 9999px;
+  font-size: 0.625rem;
+  font-weight: 600;
+  letter-spacing: 0.01em;
+  white-space: nowrap;
+}
+
+.event-fn {
+  font-family: var(--font-mono);
+  font-size: 0.6875rem;
+  padding: 0.0625rem 0.5rem;
+  border-radius: var(--radius-sm);
+  background: var(--color-surface-sunken);
+  color: var(--color-text-muted);
+  border: 1px solid var(--color-border-subtle);
+  max-width: 100%;
+  overflow: hidden;
+  text-overflow: ellipsis;
+  white-space: nowrap;
+}
+
+/* Status badge colors */
+.status-badge-loaded {
+  background: oklch(75% 0.15 145 / 0.12);
+  color: oklch(45% 0.15 145);
+}
+.dark .status-badge-loaded {
+  background: oklch(50% 0.15 145 / 0.15);
+  color: oklch(78% 0.15 145);
+}
+
+.status-badge-loading {
+  background: oklch(80% 0.08 80 / 0.12);
+  color: oklch(55% 0.12 80);
+}
+.dark .status-badge-loading {
+  background: oklch(45% 0.06 80 / 0.15);
+  color: oklch(75% 0.1 80);
+}
+
+.status-badge-awaiting {
+  background: var(--color-surface-sunken);
+  color: var(--color-text-muted);
+}
+
+.status-badge-error {
+  background: oklch(65% 0.12 25 / 0.1);
+  color: oklch(50% 0.15 25);
+}
+.dark .status-badge-error {
+  background: oklch(45% 0.1 25 / 0.15);
+  color: oklch(72% 0.12 25);
+}
+
+.status-badge-validation {
+  background: oklch(70% 0.1 300 / 0.1);
+  color: oklch(50% 0.12 300);
+}
+.dark .status-badge-validation {
+  background: oklch(40% 0.08 300 / 0.15);
+  color: oklch(75% 0.1 300);
+}
+
+.status-badge-default {
+  background: var(--color-surface-sunken);
+  color: var(--color-text-subtle);
+}
+</style>
diff --git a/devtools/pages/registry.vue b/devtools/pages/registry.vue
new file mode 100644
index 00000000..58c1a57d
--- /dev/null
+++ b/devtools/pages/registry.vue
@@ -0,0 +1,260 @@
+<script setup lang="ts">
+import { scriptRegistry } from '~/composables/state'
+
+const capabilityDefs = [
+  { key: 'bundle', label: 'Bundle', icon: 'i-carbon-archive', desc: 'Downloaded at build time, served from your domain' },
+  { key: 'proxy', label: 'Proxy', icon: 'i-carbon-security', desc: 'Collection requests routed through your server' },
+  { key: 'partytown', label: 'Partytown', icon: 'i-carbon-container-software', desc: 'Can run in a web worker via Partytown' },
+] as const
+
+type CapState = 'active' | 'available' | 'off'
+
+function capState(script: any, capKey: string): CapState {
+  const supported = script.capabilities?.[capKey]
+  if (!supported) return 'off'
+  const active = script.defaultCapability?.[capKey]
+  return active ? 'active' : 'available'
+}
+
+function capStateLabel(state: CapState): string {
+  if (state === 'active') return 'Active by default'
+  if (state === 'available') return 'Supported (opt-in)'
+  return 'Not supported'
+}
+</script>
+
+<template>
+  <div class="py-1">
+    <div v-if="!scriptRegistry?.length" class="panel-grids rounded-xl flex flex-col items-center justify-center py-16 gap-3">
+      <div class="w-12 h-12 rounded-xl bg-(--color-surface-elevated) border border-(--color-border) flex items-center justify-center">
+        <UIcon name="i-carbon-catalog" class="text-2xl text-(--color-text-subtle)" />
+      </div>
+      <p class="text-sm font-medium text-(--color-text-muted)">No registry scripts available</p>
+    </div>
+
+    <template v-else>
+      <!-- Legend -->
+      <div class="flex items-center gap-4 mb-3 px-0.5">
+        <div class="flex items-center gap-1.5 text-[10px] font-medium text-(--color-text-subtle)">
+          <span class="cap-dot cap-dot-active" />
+          Active by default
+        </div>
+        <div class="flex items-center gap-1.5 text-[10px] font-medium text-(--color-text-subtle)">
+          <span class="cap-dot cap-dot-available" />
+          Supported (opt-in)
+        </div>
+        <div class="flex items-center gap-1.5 text-[10px] font-medium text-(--color-text-subtle)">
+          <span class="cap-dot cap-dot-off" />
+          Not supported
+        </div>
+      </div>
+
+      <div class="stagger-children space-y-1.5">
+        <div
+          v-for="(script, index) in scriptRegistry"
+          :key="index"
+          class="registry-row group"
+        >
+          <div class="px-3.5 py-2.5 flex items-center gap-3">
+            <!-- Logo -->
+            <div class="w-7 h-7 rounded-lg bg-(--color-surface-sunken) border border-(--color-border-subtle) flex items-center justify-center flex-shrink-0 overflow-hidden">
+              <img
+                v-if="script.logo && typeof script.logo === 'string' && script.logo.startsWith('http')"
+                class="w-5 h-5 object-contain"
+                :src="typeof script.logo === 'object' ? script.logo.dark || script.logo.light : script.logo"
+                alt=""
+              >
+              <div
+                v-else-if="script.logo"
+                class="w-5 h-5 flex items-center [&>svg]:max-h-5 [&>svg]:max-w-5"
+                v-html="typeof script.logo === 'object' ? (script.logo.dark || script.logo.light) : script.logo"
+              />
+              <UIcon v-else name="i-carbon-script" class="text-sm text-(--color-text-subtle)" />
+            </div>
+
+            <!-- Name + Source -->
+            <div class="flex-1 min-w-0">
+              <div class="flex items-center gap-2">
+                <span class="text-[13px] font-semibold tracking-tight truncate">{{ script.label }}</span>
+                <span class="text-[10px] px-1.5 py-0.5 rounded-full bg-(--color-surface-sunken) text-(--color-text-subtle) font-medium flex-shrink-0">{{ script.category }}</span>
+              </div>
+              <div v-if="script.src && script.src !== false" class="text-[10px] font-mono text-(--color-text-subtle) truncate mt-0.5">
+                {{ script.src }}
+              </div>
+              <div v-else-if="script.src === false" class="text-[10px] font-mono text-(--color-text-subtle) mt-0.5">
+                npm (no script download)
+              </div>
+            </div>
+
+            <!-- Capabilities -->
+            <div class="flex items-center gap-1 flex-shrink-0">
+              <UTooltip v-for="cap in capabilityDefs" :key="cap.key">
+                <div class="cap-indicator" :class="`cap-${capState(script, cap.key)}`">
+                  <UIcon :name="cap.icon" class="text-xs" />
+                </div>
+                <template #content>
+                  <div class="text-xs space-y-0.5">
+                    <div class="font-semibold">{{ cap.label }}</div>
+                    <div class="opacity-70">{{ capStateLabel(capState(script, cap.key)) }}</div>
+                    <div class="opacity-50 mt-1 max-w-48 text-[11px]">{{ cap.desc }}</div>
+                  </div>
+                </template>
+              </UTooltip>
+            </div>
+
+            <!-- Docs link -->
+            <a
+              :href="`https://scripts.nuxt.com/scripts/${script.label.toLowerCase().replace(/ /g, '-')}`"
+              target="_blank"
+              class="opacity-0 group-hover:opacity-60 transition-opacity flex-shrink-0"
+              aria-label="View documentation"
+            >
+              <UIcon name="i-carbon-launch" class="text-sm" />
+            </a>
+          </div>
+        </div>
+      </div>
+
+      <!-- Capability Matrix -->
+      <div v-if="scriptRegistry.length > 3" class="mt-5 card overflow-hidden">
+        <div class="px-4 py-2.5 border-b border-(--color-border-subtle)">
+          <h4 class="text-xs font-semibold uppercase tracking-wider text-(--color-text-subtle) flex items-center gap-1.5">
+            <UIcon name="i-carbon-data-table" class="text-sm" />
+            Capability Matrix
+          </h4>
+        </div>
+        <div class="overflow-x-auto">
+          <table class="w-full text-xs">
+            <thead>
+              <tr class="border-b border-(--color-border-subtle)">
+                <th class="px-4 py-2 text-left font-medium text-(--color-text-subtle)">Script</th>
+                <th
+                  v-for="cap in capabilityDefs"
+                  :key="cap.key"
+                  class="px-3 py-2 text-center font-medium text-(--color-text-subtle) whitespace-nowrap"
+                >
+                  <UTooltip :text="cap.desc">
+                    <span class="inline-flex items-center justify-center gap-1">
+                      <UIcon :name="cap.icon" class="text-xs" />
+                      {{ cap.label }}
+                    </span>
+                  </UTooltip>
+                </th>
+              </tr>
+            </thead>
+            <tbody>
+              <tr
+                v-for="script in scriptRegistry"
+                :key="script.registryKey || script.label"
+                class="border-b border-(--color-border-subtle) last:border-b-0 hover:bg-(--color-surface-sunken) transition-colors"
+              >
+                <td class="px-4 py-2 font-medium whitespace-nowrap">
+                  <div class="flex items-center gap-2">
+                    <div
+                      v-if="script.logo"
+                      class="w-4 h-4 flex items-center [&>svg]:max-h-4 [&>svg]:max-w-4"
+                      v-html="typeof script.logo === 'object' ? (script.logo.dark || script.logo.light) : script.logo"
+                    />
+                    <UIcon v-else name="i-carbon-script" class="text-xs text-(--color-text-subtle)" />
+                    {{ script.label }}
+                  </div>
+                </td>
+                <td v-for="cap in capabilityDefs" :key="cap.key" class="px-3 py-2 text-center">
+                  <UTooltip :text="capStateLabel(capState(script, cap.key))">
+                    <div class="cap-dot mx-auto" :class="`cap-dot-${capState(script, cap.key)}`" />
+                  </UTooltip>
+                </td>
+              </tr>
+            </tbody>
+          </table>
+        </div>
+      </div>
+    </template>
+  </div>
+</template>
+
+<style scoped>
+/* Registry rows */
+.registry-row {
+  border-radius: var(--radius-md);
+  border: 1px solid var(--color-border-subtle);
+  background: var(--color-surface-elevated);
+  transition: border-color 200ms, box-shadow 200ms;
+}
+
+.registry-row:hover {
+  border-color: var(--color-border);
+  box-shadow: 0 2px 12px oklch(0% 0 0 / 0.04);
+}
+
+.dark .registry-row:hover {
+  box-shadow: 0 2px 12px oklch(0% 0 0 / 0.2);
+}
+
+/* Capability indicators */
+.cap-indicator {
+  width: 1.625rem;
+  height: 1.625rem;
+  border-radius: var(--radius-sm);
+  border: 1px solid transparent;
+  display: flex;
+  align-items: center;
+  justify-content: center;
+  transition: all 150ms;
+}
+
+.cap-active {
+  background: oklch(75% 0.15 145 / 0.12);
+  border-color: oklch(65% 0.15 145 / 0.2);
+  color: oklch(50% 0.15 145);
+}
+.dark .cap-active {
+  background: oklch(50% 0.15 145 / 0.15);
+  border-color: oklch(55% 0.12 145 / 0.2);
+  color: oklch(78% 0.15 145);
+}
+
+.cap-available {
+  background: oklch(80% 0.08 80 / 0.08);
+  border-color: oklch(70% 0.1 80 / 0.15);
+  border-style: dashed;
+  color: oklch(55% 0.1 80);
+}
+.dark .cap-available {
+  background: oklch(45% 0.06 80 / 0.1);
+  border-color: oklch(60% 0.08 80 / 0.15);
+  color: oklch(75% 0.08 80);
+}
+
+.cap-off {
+  opacity: 0.15;
+  color: var(--color-text-subtle);
+}
+
+/* Capability dots */
+.cap-dot {
+  width: 0.5rem;
+  height: 0.5rem;
+  border-radius: 50%;
+  transition: all 150ms;
+}
+
+.cap-dot-active {
+  background: oklch(65% 0.2 145);
+  box-shadow: 0 0 4px oklch(65% 0.2 145 / 0.4);
+}
+
+.cap-dot-available {
+  background: transparent;
+  border: 2px dashed oklch(70% 0.12 80 / 0.6);
+}
+
+.cap-dot-off {
+  background: var(--color-neutral-300);
+  opacity: 0.3;
+}
+
+.dark .cap-dot-off {
+  background: var(--color-neutral-600);
+}
+</style>
diff --git a/client/tsconfig.json b/devtools/tsconfig.json
similarity index 100%
rename from client/tsconfig.json
rename to devtools/tsconfig.json
diff --git a/client/utils/fetch.ts b/devtools/utils/fetch.ts
similarity index 100%
rename from client/utils/fetch.ts
rename to devtools/utils/fetch.ts
diff --git a/client/utils/formatting.ts b/devtools/utils/formatting.ts
similarity index 72%
rename from client/utils/formatting.ts
rename to devtools/utils/formatting.ts
index 6278e363..ceaf567c 100644
--- a/client/utils/formatting.ts
+++ b/devtools/utils/formatting.ts
@@ -25,3 +25,10 @@ export function msToHumanReadable(ms: number) {
   }
   return (ms / 60000).toFixed(2) + 'm'
 }
+
+export function bytesToHumanReadable(bytes: number) {
+  if (bytes === 0) return '0 B'
+  if (bytes < 1024) return `${bytes} B`
+  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`
+  return `${(bytes / (1024 * 1024)).toFixed(1)} MB`
+}
diff --git a/package.json b/package.json
index dc51af62..211cb298 100644
--- a/package.json
+++ b/package.json
@@ -51,9 +51,9 @@
   "scripts": {
     "build": "pnpm dev:prepare && pnpm prepack",
     "generate:types": "pnpm dlx tsx scripts/generate-registry-types.ts",
-    "prepack": "pnpm generate:types && nuxt-module-build build --stub && nuxt-module-build prepare && nuxt-module-build build && pnpm client:build",
-    "client:build": "nuxi generate client",
-    "client:dev": "nuxi dev client --port 3300",
+    "prepack": "pnpm generate:types && nuxt-module-build build --stub && nuxt-module-build prepare && nuxt-module-build build && pnpm devtools:build",
+    "devtools:build": "nuxi generate devtools",
+    "devtools:dev": "nuxi dev devtools --port 3300",
     "dev": "nuxi dev playground",
     "dev:ssl": "nuxi dev playground --https",
     "dev:prepare": "nuxt-module-build build --stub && nuxt-module-build prepare && nuxi prepare playground && pnpm prepare:fixtures",
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 571fdfef..73bc1f50 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -310,29 +310,26 @@ importers:
         specifier: 'catalog:'
         version: 3.2.6(typescript@6.0.2)
 
-  client:
+  devtools:
     devDependencies:
-      '@iconify-json/carbon':
-        specifier: ^1.2.19
-        version: 1.2.19
       '@nuxt/devtools-kit':
         specifier: ^3.2.4
         version: 3.2.4(magicast@0.5.2)(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))
-      '@nuxt/devtools-ui-kit':
-        specifier: ^3.2.4
-        version: 3.2.4(@nuxt/devtools@3.2.4(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))(vue@3.5.30(typescript@6.0.2)))(@unocss/webpack@66.6.6(webpack@5.105.4(esbuild@0.27.4)))(@vue/compiler-core@3.5.30)(change-case@5.4.4)(fuse.js@7.1.0)(magicast@0.5.2)(nuxt@4.4.2(@babel/core@7.29.0)(@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0))(@parcel/watcher@2.5.6)(@types/node@25.5.0)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(eslint@10.1.0(jiti@2.6.1))(ioredis@5.10.0)(lightningcss@1.32.0)(magicast@0.5.2)(optionator@0.9.4)(rollup-plugin-visualizer@6.0.11(rollup@4.59.0))(rollup@4.59.0)(terser@5.46.1)(typescript@6.0.2)(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))(vue-tsc@3.2.6(typescript@6.0.2))(yaml@2.8.2))(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))(vue@3.5.30(typescript@6.0.2))(webpack@5.105.4(esbuild@0.27.4))
       '@nuxt/kit':
         specifier: ^4.4.2
         version: 4.4.2(magicast@0.5.2)
       nuxt:
         specifier: ^4.4.2
         version: 4.4.2(@babel/core@7.29.0)(@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0))(@parcel/watcher@2.5.6)(@types/node@25.5.0)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(eslint@10.1.0(jiti@2.6.1))(ioredis@5.10.0)(lightningcss@1.32.0)(magicast@0.5.2)(optionator@0.9.4)(rollup-plugin-visualizer@6.0.11(rollup@4.59.0))(rollup@4.59.0)(terser@5.46.1)(typescript@6.0.2)(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))(vue-tsc@3.2.6(typescript@6.0.2))(yaml@2.8.2)
+      nuxtseo-layer-devtools:
+        specifier: ^0.2.5
+        version: 0.2.8(6d32d8e67453bdeff5334495c672c2e3)
       vue:
         specifier: ^3.5.30
         version: 3.5.30(typescript@6.0.2)
       vue-router:
         specifier: latest
-        version: 5.0.3(@vue/compiler-sfc@3.5.30)(vue@3.5.30(typescript@6.0.2))
+        version: 5.0.4(@vue/compiler-sfc@3.5.30)(vue@3.5.30(typescript@6.0.2))
 
   playground:
     dependencies:
@@ -341,7 +338,7 @@ importers:
         version: link:..
       '@nuxt/ui':
         specifier: latest
-        version: 4.5.1(@tiptap/extensions@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1))(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(change-case@5.4.4)(db0@0.3.4)(embla-carousel@8.6.0)(focus-trap@8.0.0)(ioredis@5.10.0)(magicast@0.5.2)(tailwindcss@4.2.1)(typescript@6.0.2)(valibot@1.3.1(typescript@6.0.2))(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))(vue-router@5.0.4(@vue/compiler-sfc@3.5.30)(vue@3.5.30(typescript@6.0.2)))(vue@3.5.30(typescript@6.0.2))(yjs@13.6.29)
+        version: 4.5.1(@tiptap/extensions@3.20.4(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1))(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(change-case@5.4.4)(db0@0.3.4)(embla-carousel@8.6.0)(focus-trap@8.0.0)(ioredis@5.10.0)(magicast@0.5.2)(tailwindcss@4.2.2)(typescript@6.0.2)(valibot@1.3.1(typescript@6.0.2))(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))(vue-router@5.0.4(@vue/compiler-sfc@3.5.30)(vue@3.5.30(typescript@6.0.2)))(vue@3.5.30(typescript@6.0.2))(yjs@13.6.29)
       nuxt:
         specifier: latest
         version: 4.4.2(@babel/core@7.29.0)(@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0))(@parcel/watcher@2.5.6)(@types/node@25.5.0)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(eslint@10.1.0(jiti@2.6.1))(ioredis@5.10.0)(lightningcss@1.32.0)(magicast@0.5.2)(optionator@0.9.4)(rollup-plugin-visualizer@6.0.11(rollup@4.59.0))(rollup@4.59.0)(terser@5.46.1)(typescript@6.0.2)(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))(vue-tsc@3.2.6(typescript@6.0.2))(yaml@2.8.2)
@@ -1295,6 +1292,39 @@ packages:
       zod:
         optional: true
 
+  '@nuxt/ui@4.6.0':
+    resolution: {integrity: sha512-AcoM3bljDvxd4PGfzDbY4zyyy9Zsajfagr3il1iki7G8Ji3SG6Xsgy+weug+Hyp76YM5919oc6ciJmram5bf6A==}
+    engines: {node: ^20.19.0 || >=22.12.0}
+    hasBin: true
+    peerDependencies:
+      '@inertiajs/vue3': ^2.0.7
+      '@nuxt/content': ^3.0.0
+      joi: ^18.0.0
+      superstruct: ^2.0.0
+      tailwindcss: ^4.0.0
+      typescript: ^5.6.3
+      valibot: ^1.0.0
+      vue-router: ^4.5.0 || ^5.0.0
+      yup: ^1.7.0
+      zod: ^3.24.0 || ^4.0.0
+    peerDependenciesMeta:
+      '@inertiajs/vue3':
+        optional: true
+      '@nuxt/content':
+        optional: true
+      joi:
+        optional: true
+      superstruct:
+        optional: true
+      valibot:
+        optional: true
+      vue-router:
+        optional: true
+      yup:
+        optional: true
+      zod:
+        optional: true
+
   '@nuxt/vite-builder@4.4.2':
     resolution: {integrity: sha512-fJaIwMA8ID6BU5EqmoDvnhq4qYDJeWjdHk4jfqy8D3Nm7CoUW0BvX7Ee92XoO05rtUiClGlk/NQ1Ii8hs3ZIbw==}
     engines: {node: ^20.19.0 || >=22.12.0}
@@ -2510,36 +2540,69 @@ packages:
   '@tailwindcss/node@4.2.1':
     resolution: {integrity: sha512-jlx6sLk4EOwO6hHe1oCGm1Q4AN/s0rSrTTPBGPM0/RQ6Uylwq17FuU8IeJJKEjtc6K6O07zsvP+gDO6MMWo7pg==}
 
+  '@tailwindcss/node@4.2.2':
+    resolution: {integrity: sha512-pXS+wJ2gZpVXqFaUEjojq7jzMpTGf8rU6ipJz5ovJV6PUGmlJ+jvIwGrzdHdQ80Sg+wmQxUFuoW1UAAwHNEdFA==}
+
   '@tailwindcss/oxide-android-arm64@4.2.1':
     resolution: {integrity: sha512-eZ7G1Zm5EC8OOKaesIKuw77jw++QJ2lL9N+dDpdQiAB/c/B2wDh0QPFHbkBVrXnwNugvrbJFk1gK2SsVjwWReg==}
     engines: {node: '>= 20'}
     cpu: [arm64]
     os: [android]
 
+  '@tailwindcss/oxide-android-arm64@4.2.2':
+    resolution: {integrity: sha512-dXGR1n+P3B6748jZO/SvHZq7qBOqqzQ+yFrXpoOWWALWndF9MoSKAT3Q0fYgAzYzGhxNYOoysRvYlpixRBBoDg==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [android]
+
   '@tailwindcss/oxide-darwin-arm64@4.2.1':
     resolution: {integrity: sha512-q/LHkOstoJ7pI1J0q6djesLzRvQSIfEto148ppAd+BVQK0JYjQIFSK3JgYZJa+Yzi0DDa52ZsQx2rqytBnf8Hw==}
     engines: {node: '>= 20'}
     cpu: [arm64]
     os: [darwin]
 
+  '@tailwindcss/oxide-darwin-arm64@4.2.2':
+    resolution: {integrity: sha512-iq9Qjr6knfMpZHj55/37ouZeykwbDqF21gPFtfnhCCKGDcPI/21FKC9XdMO/XyBM7qKORx6UIhGgg6jLl7BZlg==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [darwin]
+
   '@tailwindcss/oxide-darwin-x64@4.2.1':
     resolution: {integrity: sha512-/f/ozlaXGY6QLbpvd/kFTro2l18f7dHKpB+ieXz+Cijl4Mt9AI2rTrpq7V+t04nK+j9XBQHnSMdeQRhbGyt6fw==}
     engines: {node: '>= 20'}
     cpu: [x64]
     os: [darwin]
 
+  '@tailwindcss/oxide-darwin-x64@4.2.2':
+    resolution: {integrity: sha512-BlR+2c3nzc8f2G639LpL89YY4bdcIdUmiOOkv2GQv4/4M0vJlpXEa0JXNHhCHU7VWOKWT/CjqHdTP8aUuDJkuw==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [darwin]
+
   '@tailwindcss/oxide-freebsd-x64@4.2.1':
     resolution: {integrity: sha512-5e/AkgYJT/cpbkys/OU2Ei2jdETCLlifwm7ogMC7/hksI2fC3iiq6OcXwjibcIjPung0kRtR3TxEITkqgn0TcA==}
     engines: {node: '>= 20'}
     cpu: [x64]
     os: [freebsd]
 
+  '@tailwindcss/oxide-freebsd-x64@4.2.2':
+    resolution: {integrity: sha512-YUqUgrGMSu2CDO82hzlQ5qSb5xmx3RUrke/QgnoEx7KvmRJHQuZHZmZTLSuuHwFf0DJPybFMXMYf+WJdxHy/nQ==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [freebsd]
+
   '@tailwindcss/oxide-linux-arm-gnueabihf@4.2.1':
     resolution: {integrity: sha512-Uny1EcVTTmerCKt/1ZuKTkb0x8ZaiuYucg2/kImO5A5Y/kBz41/+j0gxUZl+hTF3xkWpDmHX+TaWhOtba2Fyuw==}
     engines: {node: '>= 20'}
     cpu: [arm]
     os: [linux]
 
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.2.2':
+    resolution: {integrity: sha512-FPdhvsW6g06T9BWT0qTwiVZYE2WIFo2dY5aCSpjG/S/u1tby+wXoslXS0kl3/KXnULlLr1E3NPRRw0g7t2kgaQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm]
+    os: [linux]
+
   '@tailwindcss/oxide-linux-arm64-gnu@4.2.1':
     resolution: {integrity: sha512-CTrwomI+c7n6aSSQlsPL0roRiNMDQ/YzMD9EjcR+H4f0I1SQ8QqIuPnsVp7QgMkC1Qi8rtkekLkOFjo7OlEFRQ==}
     engines: {node: '>= 20'}
@@ -2547,6 +2610,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@tailwindcss/oxide-linux-arm64-gnu@4.2.2':
+    resolution: {integrity: sha512-4og1V+ftEPXGttOO7eCmW7VICmzzJWgMx+QXAJRAhjrSjumCwWqMfkDrNu1LXEQzNAwz28NCUpucgQPrR4S2yw==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [glibc]
+
   '@tailwindcss/oxide-linux-arm64-musl@4.2.1':
     resolution: {integrity: sha512-WZA0CHRL/SP1TRbA5mp9htsppSEkWuQ4KsSUumYQnyl8ZdT39ntwqmz4IUHGN6p4XdSlYfJwM4rRzZLShHsGAQ==}
     engines: {node: '>= 20'}
@@ -2554,6 +2624,13 @@ packages:
     os: [linux]
     libc: [musl]
 
+  '@tailwindcss/oxide-linux-arm64-musl@4.2.2':
+    resolution: {integrity: sha512-oCfG/mS+/+XRlwNjnsNLVwnMWYH7tn/kYPsNPh+JSOMlnt93mYNCKHYzylRhI51X+TbR+ufNhhKKzm6QkqX8ag==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [linux]
+    libc: [musl]
+
   '@tailwindcss/oxide-linux-x64-gnu@4.2.1':
     resolution: {integrity: sha512-qMFzxI2YlBOLW5PhblzuSWlWfwLHaneBE0xHzLrBgNtqN6mWfs+qYbhryGSXQjFYB1Dzf5w+LN5qbUTPhW7Y5g==}
     engines: {node: '>= 20'}
@@ -2561,6 +2638,13 @@ packages:
     os: [linux]
     libc: [glibc]
 
+  '@tailwindcss/oxide-linux-x64-gnu@4.2.2':
+    resolution: {integrity: sha512-rTAGAkDgqbXHNp/xW0iugLVmX62wOp2PoE39BTCGKjv3Iocf6AFbRP/wZT/kuCxC9QBh9Pu8XPkv/zCZB2mcMg==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [glibc]
+
   '@tailwindcss/oxide-linux-x64-musl@4.2.1':
     resolution: {integrity: sha512-5r1X2FKnCMUPlXTWRYpHdPYUY6a1Ar/t7P24OuiEdEOmms5lyqjDRvVY1yy9Rmioh+AunQ0rWiOTPE8F9A3v5g==}
     engines: {node: '>= 20'}
@@ -2568,6 +2652,13 @@ packages:
     os: [linux]
     libc: [musl]
 
+  '@tailwindcss/oxide-linux-x64-musl@4.2.2':
+    resolution: {integrity: sha512-XW3t3qwbIwiSyRCggeO2zxe3KWaEbM0/kW9e8+0XpBgyKU4ATYzcVSMKteZJ1iukJ3HgHBjbg9P5YPRCVUxlnQ==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [linux]
+    libc: [musl]
+
   '@tailwindcss/oxide-wasm32-wasi@4.2.1':
     resolution: {integrity: sha512-MGFB5cVPvshR85MTJkEvqDUnuNoysrsRxd6vnk1Lf2tbiqNlXpHYZqkqOQalydienEWOHHFyyuTSYRsLfxFJ2Q==}
     engines: {node: '>=14.0.0'}
@@ -2580,30 +2671,66 @@ packages:
       - '@emnapi/wasi-threads'
       - tslib
 
+  '@tailwindcss/oxide-wasm32-wasi@4.2.2':
+    resolution: {integrity: sha512-eKSztKsmEsn1O5lJ4ZAfyn41NfG7vzCg496YiGtMDV86jz1q/irhms5O0VrY6ZwTUkFy/EKG3RfWgxSI3VbZ8Q==}
+    engines: {node: '>=14.0.0'}
+    cpu: [wasm32]
+    bundledDependencies:
+      - '@napi-rs/wasm-runtime'
+      - '@emnapi/core'
+      - '@emnapi/runtime'
+      - '@tybys/wasm-util'
+      - '@emnapi/wasi-threads'
+      - tslib
+
   '@tailwindcss/oxide-win32-arm64-msvc@4.2.1':
     resolution: {integrity: sha512-YlUEHRHBGnCMh4Nj4GnqQyBtsshUPdiNroZj8VPkvTZSoHsilRCwXcVKnG9kyi0ZFAS/3u+qKHBdDc81SADTRA==}
     engines: {node: '>= 20'}
     cpu: [arm64]
     os: [win32]
 
+  '@tailwindcss/oxide-win32-arm64-msvc@4.2.2':
+    resolution: {integrity: sha512-qPmaQM4iKu5mxpsrWZMOZRgZv1tOZpUm+zdhhQP0VhJfyGGO3aUKdbh3gDZc/dPLQwW4eSqWGrrcWNBZWUWaXQ==}
+    engines: {node: '>= 20'}
+    cpu: [arm64]
+    os: [win32]
+
   '@tailwindcss/oxide-win32-x64-msvc@4.2.1':
     resolution: {integrity: sha512-rbO34G5sMWWyrN/idLeVxAZgAKWrn5LiR3/I90Q9MkA67s6T1oB0xtTe+0heoBvHSpbU9Mk7i6uwJnpo4u21XQ==}
     engines: {node: '>= 20'}
     cpu: [x64]
     os: [win32]
 
+  '@tailwindcss/oxide-win32-x64-msvc@4.2.2':
+    resolution: {integrity: sha512-1T/37VvI7WyH66b+vqHj/cLwnCxt7Qt3WFu5Q8hk65aOvlwAhs7rAp1VkulBJw/N4tMirXjVnylTR72uI0HGcA==}
+    engines: {node: '>= 20'}
+    cpu: [x64]
+    os: [win32]
+
   '@tailwindcss/oxide@4.2.1':
     resolution: {integrity: sha512-yv9jeEFWnjKCI6/T3Oq50yQEOqmpmpfzG1hcZsAOaXFQPfzWprWrlHSdGPEF3WQTi8zu8ohC9Mh9J470nT5pUw==}
     engines: {node: '>= 20'}
 
+  '@tailwindcss/oxide@4.2.2':
+    resolution: {integrity: sha512-qEUA07+E5kehxYp9BVMpq9E8vnJuBHfJEC0vPC5e7iL/hw7HR61aDKoVoKzrG+QKp56vhNZe4qwkRmMC0zDLvg==}
+    engines: {node: '>= 20'}
+
   '@tailwindcss/postcss@4.2.1':
     resolution: {integrity: sha512-OEwGIBnXnj7zJeonOh6ZG9woofIjGrd2BORfvE5p9USYKDCZoQmfqLcfNiRWoJlRWLdNPn2IgVZuWAOM4iTYMw==}
 
+  '@tailwindcss/postcss@4.2.2':
+    resolution: {integrity: sha512-n4goKQbW8RVXIbNKRB/45LzyUqN451deQK0nzIeauVEqjlI49slUlgKYJM2QyUzap/PcpnS7kzSUmPb1sCRvYQ==}
+
   '@tailwindcss/vite@4.2.1':
     resolution: {integrity: sha512-TBf2sJjYeb28jD2U/OhwdW0bbOsxkWPwQ7SrqGf9sVcoYwZj7rkXljroBO9wKBut9XnmQLXanuDUeqQK0lGg/w==}
     peerDependencies:
       vite: ^5.2.0 || ^6 || ^7
 
+  '@tailwindcss/vite@4.2.2':
+    resolution: {integrity: sha512-mEiF5HO1QqCLXoNEfXVA1Tzo+cYsrqV7w9Juj2wdUFyW07JRenqMG225MvPwr3ZD9N1bFQj46X7r33iHxLUW0w==}
+    peerDependencies:
+      vite: ^5.2.0 || ^6 || ^7 || ^8
+
   '@tanstack/table-core@8.21.3':
     resolution: {integrity: sha512-ldZXEhOBb8Is7xLs01fR3YEc3DERiz5silj8tnGkFZytt1abEvl/GhUmCE0PMLaMPTa3Jk4HbKmRlHmu+gCftg==}
     engines: {node: '>=12'}
@@ -2611,6 +2738,9 @@ packages:
   '@tanstack/virtual-core@3.13.22':
     resolution: {integrity: sha512-isuUGKsc5TAPDoHSbWTbl1SCil54zOS2MiWz/9GCWHPUQOvNTQx8qJEWC7UWR0lShhbK0Lmkcf0SZYxvch7G3g==}
 
+  '@tanstack/virtual-core@3.13.23':
+    resolution: {integrity: sha512-zSz2Z2HNyLjCplANTDyl3BcdQJc2k1+yyFoKhNRmCr7V7dY8o8q5m8uFTI1/Pg1kL+Hgrz6u3Xo6eFUB7l66cg==}
+
   '@tanstack/vue-table@8.21.3':
     resolution: {integrity: sha512-rusRyd77c5tDPloPskctMyPLFEQUeBzxdQ+2Eow4F7gDPlPOB1UnnhzfpdvqZ8ZyX2rRNGmqNnQWm87OI2OQPw==}
     engines: {node: '>=12'}
@@ -2622,43 +2752,85 @@ packages:
     peerDependencies:
       vue: ^2.7.0 || ^3.0.0
 
+  '@tanstack/vue-virtual@3.13.23':
+    resolution: {integrity: sha512-b5jPluAR6U3eOq6GWAYSpj3ugnAIZgGR0e6aGAgyRse0Yu6MVQQ0ZWm9SArSXWtageogn6bkVD8D//c4IjW3xQ==}
+    peerDependencies:
+      vue: ^2.7.0 || ^3.0.0
+
   '@tiptap/core@3.20.1':
     resolution: {integrity: sha512-SwkPEWIfaDEZjC8SEIi4kZjqIYUbRgLUHUuQezo5GbphUNC8kM1pi3C3EtoOPtxXrEbY6e4pWEzW54Pcrd+rVA==}
     peerDependencies:
       '@tiptap/pm': ^3.20.1
 
+  '@tiptap/core@3.20.4':
+    resolution: {integrity: sha512-3i/DG89TFY/b34T5P+j35UcjYuB5d3+9K8u6qID+iUqNPiza015HPIZLuPfE5elNwVdV3EXIoPo0LLeBLgXXAg==}
+    peerDependencies:
+      '@tiptap/pm': ^3.20.4
+
   '@tiptap/extension-blockquote@3.20.1':
     resolution: {integrity: sha512-WzNXk/63PQI2fav4Ta6P0GmYRyu8Gap1pV3VUqaVK829iJ6Zt1T21xayATHEHWMK27VT1GLPJkx9Ycr2jfDyQw==}
     peerDependencies:
       '@tiptap/core': ^3.20.1
 
+  '@tiptap/extension-blockquote@3.20.4':
+    resolution: {integrity: sha512-9sskyyhYj2oKat//lyZVXCp9YrPt4oJAZnGHYWXS0xlskjsLElrfKKlM4vpbhGss3VrhQRoEGqWLnIaJYPF1zw==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+
   '@tiptap/extension-bold@3.20.1':
     resolution: {integrity: sha512-fz++Qv6Rk/Hov0IYG/r7TJ1Y4zWkuGONe0UN5g0KY32NIMg3HeOHicbi4xsNWTm9uAOl3eawWDkezEMrleObMw==}
     peerDependencies:
       '@tiptap/core': ^3.20.1
 
+  '@tiptap/extension-bold@3.20.4':
+    resolution: {integrity: sha512-Md7/mNAeJCY+VLJc8JRGI+8XkVPKiOGB1NgqQPdh3aYtxXQDChQOZoJEQl6TuudDxZ85bLZB67NjZlx3jo8/0g==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+
   '@tiptap/extension-bubble-menu@3.20.1':
     resolution: {integrity: sha512-XaPvO6aCoWdFnCBus0s88lnj17NR/OopV79i8Qhgz3WMR0vrsL5zsd45l0lZuu9pSvm5VW47SoxakkJiZC1suw==}
     peerDependencies:
       '@tiptap/core': ^3.20.1
       '@tiptap/pm': ^3.20.1
 
+  '@tiptap/extension-bubble-menu@3.20.4':
+    resolution: {integrity: sha512-EXywPlI8wjPcAb8ozymgVhjtMjFrnhtoyNTy8ZcObdpUi5CdO9j892Y7aPbKe5hLhlDpvJk7rMfir4FFKEmfng==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+      '@tiptap/pm': ^3.20.4
+
   '@tiptap/extension-bullet-list@3.20.1':
     resolution: {integrity: sha512-mbrlvOZo5OF3vLhp+3fk9KuL/6J/wsN0QxF6ZFRAHzQ9NkJdtdfARcBeBnkWXGN8inB6YxbTGY1/E4lmBkOpOw==}
     peerDependencies:
       '@tiptap/extension-list': ^3.20.1
 
+  '@tiptap/extension-bullet-list@3.20.4':
+    resolution: {integrity: sha512-1RTGrur1EKoxfnLZ3M6xeNj8GITAz74jH2DHGcjLsd2Xr7Q7BozGaIq6GkkvKguMwbI1zCOxTHFCpUETXAIQQA==}
+    peerDependencies:
+      '@tiptap/extension-list': ^3.20.4
+
   '@tiptap/extension-code-block@3.20.1':
     resolution: {integrity: sha512-vKejwBq+Nlj4Ybd3qOyDxIQKzYymdNH+8eXkKwGShk2nfLJIxq69DCyGvmuHgipIO1qcYPJ149UNpGN+YGcdmA==}
     peerDependencies:
       '@tiptap/core': ^3.20.1
       '@tiptap/pm': ^3.20.1
 
+  '@tiptap/extension-code-block@3.20.4':
+    resolution: {integrity: sha512-Zlw3FrXTy01+o1yISeX/LC+iJeHA+ym602bMXGmtA6lyl7QSOSO7WExweJ6xeJGhbCjldwT5al6fkRAs8iGJZg==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+      '@tiptap/pm': ^3.20.4
+
   '@tiptap/extension-code@3.20.1':
     resolution: {integrity: sha512-509DHINIA/Gg+eTG7TEkfsS8RUiPLH5xZNyLRT0A1oaoaJmECKfrV6aAm05IdfTyqDqz6LW5pbnX6DdUC4keug==}
     peerDependencies:
       '@tiptap/core': ^3.20.1
 
+  '@tiptap/extension-code@3.20.4':
+    resolution: {integrity: sha512-7j8Hi964bH1SZ9oLdZC1fkqWz27mliSDV7M8lmL/M14+Qw42D/VOAKS4Aw9OCFtHMlTsjLR6qsoVxL8Lpkt6NA==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+
   '@tiptap/extension-collaboration@3.20.1':
     resolution: {integrity: sha512-JnwLvyzrutBffHp6YPnf0XyTnhAgqZ9D8JSUKFp0edvai+dxsb+UMlawesBrgAuoQXw3B8YZUo2VFDVdKas1xQ==}
     peerDependencies:
@@ -2667,11 +2839,24 @@ packages:
       '@tiptap/y-tiptap': ^3.0.2
       yjs: ^13
 
+  '@tiptap/extension-collaboration@3.20.4':
+    resolution: {integrity: sha512-6KSZ5hCpscT4losDeRbZ2G9xifgMvSGJZnw+tFPgmNrbZToKMSbPnKMUTx4DYUiB2yTDv/fJOrcCFaQ5EpbHBA==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+      '@tiptap/pm': ^3.20.4
+      '@tiptap/y-tiptap': ^3.0.2
+      yjs: ^13
+
   '@tiptap/extension-document@3.20.1':
     resolution: {integrity: sha512-9vrqdGmRV7bQCSY3NLgu7UhIwgOCDp4sKqMNsoNRX0aZ021QQMTvBQDPkiRkCf7MNsnWrNNnr52PVnULEn3vFQ==}
     peerDependencies:
       '@tiptap/core': ^3.20.1
 
+  '@tiptap/extension-document@3.20.4':
+    resolution: {integrity: sha512-zF1CIFVLt8MfSpWWnPwtGyxPOsT0xYM2qJKcXf2yZcTG37wDKmUi6heG53vGigIavbQlLaAFvs+1mNdOu2x/0A==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+
   '@tiptap/extension-drag-handle-vue-3@3.20.1':
     resolution: {integrity: sha512-FJonOxcj/I7uBpJBSqfEfU+Fqem5aanEj+EsqG5ZQnxhp7cxbUYZkGH0tBBR7jeIIkt2Jk+1LoCAlYzCWbDLcQ==}
     peerDependencies:
@@ -2680,6 +2865,14 @@ packages:
       '@tiptap/vue-3': ^3.20.1
       vue: ^3.0.0
 
+  '@tiptap/extension-drag-handle-vue-3@3.20.4':
+    resolution: {integrity: sha512-uLPJSjcVrbHYnb3Z3+khisteb92w6fNZuZWkPU4raDIbFt4XNnT9eBsDVoegkmSI2PivpBwxfoqjZYkAxZ3Ghg==}
+    peerDependencies:
+      '@tiptap/extension-drag-handle': ^3.20.4
+      '@tiptap/pm': ^3.20.4
+      '@tiptap/vue-3': ^3.20.4
+      vue: ^3.0.0
+
   '@tiptap/extension-drag-handle@3.20.1':
     resolution: {integrity: sha512-sIfu5Gt1aZVAagvzr+3Qx+8GE294eU3G6/pYjqNHvf71sDCpdN2gFpeI7WF05foVsCGsH6ieu8x/kTXf5GbNZA==}
     peerDependencies:
@@ -2689,11 +2882,25 @@ packages:
       '@tiptap/pm': ^3.20.1
       '@tiptap/y-tiptap': ^3.0.2
 
+  '@tiptap/extension-drag-handle@3.20.4':
+    resolution: {integrity: sha512-qVf+fuvT7Dh7P3hwhowrds6AX3l/BO/Uppf+q3OL49G9URkYZr77ZuP6TsZAwRxylyJ6RVLAFScODXnX0b/kfQ==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+      '@tiptap/extension-collaboration': ^3.20.4
+      '@tiptap/extension-node-range': ^3.20.4
+      '@tiptap/pm': ^3.20.4
+      '@tiptap/y-tiptap': ^3.0.2
+
   '@tiptap/extension-dropcursor@3.20.1':
     resolution: {integrity: sha512-K18L9FX4znn+ViPSIbTLOGcIaXMx/gLNwAPE8wPLwswbHhQqdiY1zzdBw6drgOc1Hicvebo2dIoUlSXOZsOEcw==}
     peerDependencies:
       '@tiptap/extensions': ^3.20.1
 
+  '@tiptap/extension-dropcursor@3.20.4':
+    resolution: {integrity: sha512-TgMwvZ8myXYdmd6bUV7qkpZXv7ZUiSmX/8eo+iPEzYo2CnDLAGvDKgC50nfq/g87SDvfBgPuAiBfFvsMQQWaTw==}
+    peerDependencies:
+      '@tiptap/extensions': ^3.20.4
+
   '@tiptap/extension-floating-menu@3.20.1':
     resolution: {integrity: sha512-BeDC6nfOesIMn5pFuUnkEjOxGv80sOJ8uk1mdt9/3Fkvra8cB9NIYYCVtd6PU8oQFmJ8vFqPrRkUWrG5tbqnOg==}
     peerDependencies:
@@ -2701,59 +2908,119 @@ packages:
       '@tiptap/core': ^3.20.1
       '@tiptap/pm': ^3.20.1
 
+  '@tiptap/extension-floating-menu@3.20.4':
+    resolution: {integrity: sha512-AaPTFhoO8DBIElJyd/RTVJjkctvJuL+GHURX0npbtTxXq5HXbebVwf2ARNR7jMd/GThsmBaNJiGxZg4A2oeDqQ==}
+    peerDependencies:
+      '@floating-ui/dom': ^1.0.0
+      '@tiptap/core': ^3.20.4
+      '@tiptap/pm': ^3.20.4
+
   '@tiptap/extension-gapcursor@3.20.1':
     resolution: {integrity: sha512-kZOtttV6Ai8VUAgEng3h4WKFbtdSNJ6ps7r0cRPY+FctWhVmgNb/JJwwyC+vSilR7nRENAhrA/Cv/RxVlvLw+g==}
     peerDependencies:
       '@tiptap/extensions': ^3.20.1
 
+  '@tiptap/extension-gapcursor@3.20.4':
+    resolution: {integrity: sha512-JJ6f1iQ1e0s4kISgq55U3UYGwWV/N9f0PYMtB6e3L+SBQjXnywaLK0g6vfN6IvTCC2vdIuqeSOX8VlSO97sJLw==}
+    peerDependencies:
+      '@tiptap/extensions': ^3.20.4
+
   '@tiptap/extension-hard-break@3.20.1':
     resolution: {integrity: sha512-9sKpmg/IIdlLXimYWUZ3PplIRcehv4Oc7V1miTqlnAthMzjMqigDkjjgte4JZV67RdnDJTQkRw8TklCAU28Emg==}
     peerDependencies:
       '@tiptap/core': ^3.20.1
 
+  '@tiptap/extension-hard-break@3.20.4':
+    resolution: {integrity: sha512-gJbq58d8zB1gzyqVEopowej5CpW4/Fpg6oGJvlZxaCukqd0gJRWGC89K+jE62YA1Td4sfcKrekKvN7jm2y/ZUg==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+
   '@tiptap/extension-heading@3.20.1':
     resolution: {integrity: sha512-unudyfQP6FxnyWinxvPqe/51DG91J6AaJm666RnAubgYMCgym+33kBftx4j4A6qf+ddWYbD00thMNKOnVLjAEQ==}
     peerDependencies:
       '@tiptap/core': ^3.20.1
 
+  '@tiptap/extension-heading@3.20.4':
+    resolution: {integrity: sha512-xsnkmTGggJc5P2iCwS1lv8KFG31xC/GNPJKoi/3UH67j/lKDhA3AdtshsLeyv2FKtTtYDb8oV0IqzHB1MM6a7w==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+
   '@tiptap/extension-horizontal-rule@3.20.1':
     resolution: {integrity: sha512-rjFKFXNntdl0jay8oIGFvvykHlpyQTLmrH3Ag2fj3i8yh6MVvqhtaDomYQbw5sxECd5hBkL+T4n2d2DRuVw/QQ==}
     peerDependencies:
       '@tiptap/core': ^3.20.1
       '@tiptap/pm': ^3.20.1
 
+  '@tiptap/extension-horizontal-rule@3.20.4':
+    resolution: {integrity: sha512-y6joCi49haAA0bo3EGUY+dWUMHH1GPUc84hxrBY/0pMs+Bn+kQ1+DQJErZDTWGJrlHPWU/yekBZT72SNdp0DNA==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+      '@tiptap/pm': ^3.20.4
+
   '@tiptap/extension-image@3.20.1':
     resolution: {integrity: sha512-/GPFSLNdYSZQ0E6VBXSAk0UFtDdn98HT1Aa2tO+STELqc5jAdFB42dfFnTC6KQzTvcUOUYkE2S1Q22YC5H2XNQ==}
     peerDependencies:
       '@tiptap/core': ^3.20.1
 
+  '@tiptap/extension-image@3.20.4':
+    resolution: {integrity: sha512-57w2TevHQljTh6Xiry9duIm7NNOQAUSTwtwRn4GGLoKwHR8qXTxzp513ASrFOgR2kgs2TP471Au6RHf947P+jg==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+
   '@tiptap/extension-italic@3.20.1':
     resolution: {integrity: sha512-ZYRX13Kt8tR8JOzSXirH3pRpi8x30o7LHxZY58uXBdUvr3tFzOkh03qbN523+diidSVeHP/aMd/+IrplHRkQug==}
     peerDependencies:
       '@tiptap/core': ^3.20.1
 
+  '@tiptap/extension-italic@3.20.4':
+    resolution: {integrity: sha512-4ZqiWr7cmqPFux8tj1ZLiYytyWf343IvQemNX6AvVWvscrJcrfj3YX4Le2BA0RW3A3M6RpLQXXozuF8vxYFDeQ==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+
   '@tiptap/extension-link@3.20.1':
     resolution: {integrity: sha512-oYTTIgsQMqpkSnJAuAc+UtIKMuI4lv9e1y4LfI1iYm6NkEUHhONppU59smhxHLzb3Ww7YpDffbp5IgDTAiJztA==}
     peerDependencies:
       '@tiptap/core': ^3.20.1
       '@tiptap/pm': ^3.20.1
 
+  '@tiptap/extension-link@3.20.4':
+    resolution: {integrity: sha512-JNDSkWrVdb8NSvbQXwHWvK5tCMbTWwOHFOweknQZ1JPK4dei9FJVofYQaHyW4bJBdcCjds3NZSnXE8DM9iAWmg==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+      '@tiptap/pm': ^3.20.4
+
   '@tiptap/extension-list-item@3.20.1':
     resolution: {integrity: sha512-tzgnyTW82lYJkUnadYbatwkI9dLz/OWRSWuFpQPRje/ItmFMWuQ9c9NDD8qLbXPdEYnvrgSAA+ipCD/1G0qA0Q==}
     peerDependencies:
       '@tiptap/extension-list': ^3.20.1
 
+  '@tiptap/extension-list-item@3.20.4':
+    resolution: {integrity: sha512-QoTc5RACXaZF+vIIBBxjGO7D0oWFUDgBKJCpvUZ0CoGGKosnfe4a9I5THFyLj4201cf0oUqgf1oZhTqETGxlVw==}
+    peerDependencies:
+      '@tiptap/extension-list': ^3.20.4
+
   '@tiptap/extension-list-keymap@3.20.1':
     resolution: {integrity: sha512-Dr0xsQKx0XPOgDg7xqoWwfv7FFwZ3WeF3eOjqh3rDXlNHMj1v+UW5cj1HLphrsAZHTrVTn2C+VWPJkMZrSbpvQ==}
     peerDependencies:
       '@tiptap/extension-list': ^3.20.1
 
+  '@tiptap/extension-list-keymap@3.20.4':
+    resolution: {integrity: sha512-RIqXM649+8IP7p/KVfaGlJiwjCylm1m6OPlaoM3K8O7oEOGRQzNeexexECCD2jsXRxew4E+vBNMD2orXqJmu8A==}
+    peerDependencies:
+      '@tiptap/extension-list': ^3.20.4
+
   '@tiptap/extension-list@3.20.1':
     resolution: {integrity: sha512-euBRAn0mkV7R2VEE+AuOt3R0j9RHEMFXamPFmtvTo8IInxDClusrm6mJoDjS8gCGAXsQCRiAe1SCQBPgGbOOwg==}
     peerDependencies:
       '@tiptap/core': ^3.20.1
       '@tiptap/pm': ^3.20.1
 
+  '@tiptap/extension-list@3.20.4':
+    resolution: {integrity: sha512-X+5plTKhOioNcQ4KsAFJJSb/3+zR8Xhdpow4HzXtoV1KcbdDey1fhZdpsfkbrzCL0s6/wAgwZuAchCK7HujurQ==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+      '@tiptap/pm': ^3.20.4
+
   '@tiptap/extension-mention@3.20.1':
     resolution: {integrity: sha512-KOGokj7oH1QpcM8P02V+o6wHsVE0g7XEtdIy2vtq2vlFE3npNNNFkMa8F8VWX6qyC+VeVrNU6SIzS5MFY2TORA==}
     peerDependencies:
@@ -2761,66 +3028,133 @@ packages:
       '@tiptap/pm': ^3.20.1
       '@tiptap/suggestion': ^3.20.1
 
+  '@tiptap/extension-mention@3.20.4':
+    resolution: {integrity: sha512-lrd4AwWJljjuob6SM7hRndVeikBJGmFCX8Ptm6qmfC4p7krT8OgSvMBXwrS2YpQQkGHAoT/dqbBbmVM6tt40sA==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+      '@tiptap/pm': ^3.20.4
+      '@tiptap/suggestion': ^3.20.4
+
   '@tiptap/extension-node-range@3.20.1':
     resolution: {integrity: sha512-+W/mQJxlkXMcwldWUqwdoR0eniJ1S9cVJoAy2Lkis0NhILZDWVNGKl9J4WFoCOXn8Myr17IllIxRYvAXJJ4FHQ==}
     peerDependencies:
       '@tiptap/core': ^3.20.1
       '@tiptap/pm': ^3.20.1
 
+  '@tiptap/extension-node-range@3.20.4':
+    resolution: {integrity: sha512-ymDNgsM+EVeoQP/bixMR4iiXK/Sp/osRSmOhcSNAXllzTV1QogEClessU/z7gl26H0XLhMkxzKIYCaUT0LXTbA==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+      '@tiptap/pm': ^3.20.4
+
   '@tiptap/extension-ordered-list@3.20.1':
     resolution: {integrity: sha512-Y+3Ad7OwAdagqdYwCnbqf7/to5ypD4NnUNHA0TXRCs7cAHRA8AdgPoIcGFpaaSpV86oosNU3yfeJouYeroffog==}
     peerDependencies:
       '@tiptap/extension-list': ^3.20.1
 
+  '@tiptap/extension-ordered-list@3.20.4':
+    resolution: {integrity: sha512-3budNL8BgBon3TcXZ4hjT0YpFvx1Ka3uSIECKDxHgES+OQcR+6cagxSb60gFEccf3Dr0PIwcVTY6g14lC1qKRQ==}
+    peerDependencies:
+      '@tiptap/extension-list': ^3.20.4
+
   '@tiptap/extension-paragraph@3.20.1':
     resolution: {integrity: sha512-QFrAtXNyv7JSnomMQc1nx5AnG9mMznfbYJAbdOQYVdbLtAzTfiTuNPNbQrufy5ZGtGaHxDCoaygu2QEfzaKG+Q==}
     peerDependencies:
       '@tiptap/core': ^3.20.1
 
+  '@tiptap/extension-paragraph@3.20.4':
+    resolution: {integrity: sha512-lm6fOScWuZAF/Sfp97igUwFd3L1QHIVLAWP5NVdh0DTLrEIt4rMBmsww+yOpMQRhvz2uTgMbMXynrimhzi/QVw==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+
   '@tiptap/extension-placeholder@3.20.1':
     resolution: {integrity: sha512-k+jfbCugYGuIFBdojukgEopGazIMOgHrw46FnyN2X/6ICOIjQP2rh2ObslrsUOsJYoEevxCsNF9hZl1HvWX66g==}
     peerDependencies:
       '@tiptap/extensions': ^3.20.1
 
+  '@tiptap/extension-placeholder@3.20.4':
+    resolution: {integrity: sha512-GB0KWtqm83YHG8cnqBLijvUBm+xvLfQHDfFRRH2fb3EzH3eIsM9jKRC31ADT27RSV1zVpHMFGcP3/pWpdrN1Lw==}
+    peerDependencies:
+      '@tiptap/extensions': ^3.20.4
+
   '@tiptap/extension-strike@3.20.1':
     resolution: {integrity: sha512-EYgyma10lpsY+rwbVQL9u+gA7hBlKLSMFH7Zgd37FSxukOjr+HE8iKPQQ+SwbGejyDsPlLT8Z5Jnuxo5Ng90Pg==}
     peerDependencies:
       '@tiptap/core': ^3.20.1
 
+  '@tiptap/extension-strike@3.20.4':
+    resolution: {integrity: sha512-It1Px9uDGTsVqyyg6cy7DigLoenljpQwqdI0jssM7QclZrHnsrye9fZxBBiiuCzzV1305MxKgHvratkHwqmVNA==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+
   '@tiptap/extension-text@3.20.1':
     resolution: {integrity: sha512-7PlIbYW8UenV6NPOXHmv8IcmPGlGx6HFq66RmkJAOJRPXPkTLAiX0N8rQtzUJ6jDEHqoJpaHFEHJw0xzW1yF+A==}
     peerDependencies:
       '@tiptap/core': ^3.20.1
 
+  '@tiptap/extension-text@3.20.4':
+    resolution: {integrity: sha512-jchJcBZixDEO2J66Zx5dchsI2mA6IYsROqF8P1poxL4ienH7RVQRCTsBNnSfIeOtREKKWeOU/tEs5fcpvvGwIQ==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+
   '@tiptap/extension-underline@3.20.1':
     resolution: {integrity: sha512-fmHvDKzwCgnZUwRreq8tYkb1YyEwgzZ6QQkAQ0CsCRtvRMqzerr3Duz0Als4i8voZTuGDEL3VR6nAJbLAb/wPg==}
     peerDependencies:
       '@tiptap/core': ^3.20.1
 
+  '@tiptap/extension-underline@3.20.4':
+    resolution: {integrity: sha512-0OjMc3FDujX16G+jhvqcY/mLot8SrNtDu8ggUwNLAfiI/QIvMVgk7giFD71DATC/4Nb8i/iwAEegTD8MxBIXCg==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+
   '@tiptap/extensions@3.20.1':
     resolution: {integrity: sha512-JRc/v+OBH0qLTdvQ7HvHWTxGJH73QOf1MC0R8NhOX2QnAbg2mPFv1h+FjGa2gfLGuCXBdWQomjekWkUKbC4e5A==}
     peerDependencies:
       '@tiptap/core': ^3.20.1
       '@tiptap/pm': ^3.20.1
 
+  '@tiptap/extensions@3.20.4':
+    resolution: {integrity: sha512-8p6hVT65DjuQjtEdlH6ewX9SOJHlVQAOee3sWIJQmeJNRnZNvqPIBLleebUqDiljNTpxBv6s6QWkSTKgf3btwg==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+      '@tiptap/pm': ^3.20.4
+
   '@tiptap/markdown@3.20.1':
     resolution: {integrity: sha512-dNrtP7kmabDomgjv9G/6+JSFL6WraPaFbmKh1eHSYKdDGvIwBfJnVPTV2VS3bP1OuYJEDJN/2ydtiCHyOTrQsQ==}
     peerDependencies:
       '@tiptap/core': ^3.20.1
       '@tiptap/pm': ^3.20.1
 
+  '@tiptap/markdown@3.20.4':
+    resolution: {integrity: sha512-1ARtZzJ1skQCZi4LyVSmImgg6JIIMP5dEs0FvHXS3a7M3O+uMOUvY1sWeggVZExg8DXoVyHd7BjRIpm7uNRuSw==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+      '@tiptap/pm': ^3.20.4
+
   '@tiptap/pm@3.20.1':
     resolution: {integrity: sha512-6kCiGLvpES4AxcEuOhb7HR7/xIeJWMjZlb6J7e8zpiIh5BoQc7NoRdctsnmFEjZvC19bIasccshHQ7H2zchWqw==}
 
+  '@tiptap/pm@3.20.4':
+    resolution: {integrity: sha512-rCHYSBToilBEuI6PtjziHDdRkABH/XqwJ7dG4Amn/SD3yGiZKYCiEApQlTUS2zZeo8DsLeuqqqB4vEOeD4OEPg==}
+
   '@tiptap/starter-kit@3.20.1':
     resolution: {integrity: sha512-opqWxL/4OTEiqmVC0wsU4o3JhAf6LycJ2G/gRIZVAIFLljI9uHfpPMTFGxZ5w9IVVJaP5PJysfwW/635kKqkrw==}
 
+  '@tiptap/starter-kit@3.20.4':
+    resolution: {integrity: sha512-WcyK6hsTl8eBsQhQ+d9Sq8fYZKOYdL+D45MyH3hz583elXqJlW3h3JPFYb0o87gddGxn8Mm57OA/gA1zEdeDMw==}
+
   '@tiptap/suggestion@3.20.1':
     resolution: {integrity: sha512-ng7olbzgZhWvPJVJygNQK5153CjquR2eJXpkLq7bRjHlahvt4TH4tGFYvGdYZcXuzbe2g9RoqT7NaPGL9CUq9w==}
     peerDependencies:
       '@tiptap/core': ^3.20.1
       '@tiptap/pm': ^3.20.1
 
+  '@tiptap/suggestion@3.20.4':
+    resolution: {integrity: sha512-7uqgLwjEAvsosrfoVrYVBQtAKI2pJFHOM8wgsQMLv1pQL8mfRz5ByD2xet4DOKb23q4mDvrvzp6z0kvCp0hMDw==}
+    peerDependencies:
+      '@tiptap/core': ^3.20.4
+      '@tiptap/pm': ^3.20.4
+
   '@tiptap/vue-3@3.20.1':
     resolution: {integrity: sha512-06IsNzIkAC0HPHNSdXf4AgtExnr02BHBLXmUiNrjjhgHdxXDKIB0Yq3hEWEfbWNPr3lr7jK6EaFu2IKFMhoUtQ==}
     peerDependencies:
@@ -2829,6 +3163,14 @@ packages:
       '@tiptap/pm': ^3.20.1
       vue: ^3.0.0
 
+  '@tiptap/vue-3@3.20.4':
+    resolution: {integrity: sha512-OL0lXt6geUu5P+uavOz3PIFfLE6pW4qbdS9gy+ZOZMIHVgcH7isz2V2PjCOOTLY3mb2LWBHVvJIZdfwhQQ0+0Q==}
+    peerDependencies:
+      '@floating-ui/dom': ^1.0.0
+      '@tiptap/core': ^3.20.4
+      '@tiptap/pm': ^3.20.4
+      vue: ^3.0.0
+
   '@tiptap/y-tiptap@3.0.2':
     resolution: {integrity: sha512-flMn/YW6zTbc6cvDaUPh/NfLRTXDIqgpBUkYzM74KA1snqQwhOMjnRcnpu4hDFrTnPO6QGzr99vRyXEA7M44WA==}
     engines: {node: '>=16.0.0', npm: '>=8.0.0'}
@@ -4502,6 +4844,20 @@ packages:
       react-dom:
         optional: true
 
+  framer-motion@12.38.0:
+    resolution: {integrity: sha512-rFYkY/pigbcswl1XQSb7q424kSTQ8q6eAC+YUsSKooHQYuLdzdHjrt6uxUC+PRAO++q5IS7+TamgIw1AphxR+g==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0 || ^19.0.0
+      react-dom: ^18.0.0 || ^19.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
   fresh@2.0.0:
     resolution: {integrity: sha512-Rx/WycZ60HOaqLKAi6cHRKKI7zxWbJ31MhntmtwMoaTeF7XFH9hhBp8vITaMidfljRQ6eYWCKkaTK+ykVJHP2A==}
     engines: {node: '>= 0.8'}
@@ -5393,6 +5749,9 @@ packages:
   mlly@1.8.1:
     resolution: {integrity: sha512-SnL6sNutTwRWWR/vcmCYHSADjiEesp5TGQQ0pXyLhW5IoeibRlF/CbSLailbB3CNqJUk9cVJ9dUDnbD7GrcHBQ==}
 
+  mlly@1.8.2:
+    resolution: {integrity: sha512-d+ObxMQFmbt10sretNDytwt85VrbkhhUA/JBGm1MPaWJ65Cl4wOgLaB1NYvJSZ0Ef03MMEU/0xpPMXUIQ29UfA==}
+
   mocked-exports@0.1.1:
     resolution: {integrity: sha512-aF7yRQr/Q0O2/4pIXm6PZ5G+jAd7QS4Yu8m+WEeEHGnbo+7mE36CbLSDQiXYV8bVL3NfmdeqPJct0tUlnjVSnA==}
 
@@ -5402,6 +5761,9 @@ packages:
   motion-dom@12.36.0:
     resolution: {integrity: sha512-Ep1pq8P88rGJ75om8lTCA13zqd7ywPGwCqwuWwin6BKc0hMLkVfcS6qKlRqEo2+t0DwoUcgGJfXwaiFn4AOcQA==}
 
+  motion-dom@12.38.0:
+    resolution: {integrity: sha512-pdkHLD8QYRp8VfiNLb8xIBJis1byQ9gPT3Jnh2jqfFtAsWUA3dEepDlsWe/xMpO8McV+VdpKVcp+E+TGJEtOoA==}
+
   motion-utils@12.36.0:
     resolution: {integrity: sha512-eHWisygbiwVvf6PZ1vhaHCLamvkSbPIeAYxWUuL3a2PD/TROgE7FvfHWTIH4vMl798QLfMw15nRqIaRDXTlYRg==}
 
@@ -5411,6 +5773,12 @@ packages:
       '@vueuse/core': '>=10.0.0'
       vue: '>=3.0.0'
 
+  motion-v@2.2.0:
+    resolution: {integrity: sha512-8rrUBt9UMwy45MfLMwHer9J7xBY/rL31S+0U3ZUAouqjH3AOVHvS0NGuXwF4mfWfvb22rfZEv59ZsBc2f1epxQ==}
+    peerDependencies:
+      '@vueuse/core': '>=10.0.0'
+      vue: '>=3.0.0'
+
   mrmime@2.0.1:
     resolution: {integrity: sha512-Y3wQdFg2Va6etvQ5I82yUhGdsKrcYox6p7FfL1LbK2J4V01F9TGlepTIhnK24t7koZibmg82KGglhA1XK5IsLQ==}
     engines: {node: '>=10'}
@@ -5516,6 +5884,9 @@ packages:
       '@types/node':
         optional: true
 
+  nuxtseo-layer-devtools@0.2.8:
+    resolution: {integrity: sha512-xkAgzgCXMRQuKhwmnJhdbz5aA++r5jvUzJQauXNiZ0SWOn7Tt+Eh9ojUrF6cTFXFOJAnbATeKIGENGsapTzjtw==}
+
   nypm@0.6.5:
     resolution: {integrity: sha512-K6AJy1GMVyfyMXRVB88700BJqNUkByijGJM8kEHpLdcAt+vSQAVfkWWHYzuRXHSY6xA2sNc5RjTj0p9rE2izVQ==}
     engines: {node: '>=18'}
@@ -6068,6 +6439,11 @@ packages:
     peerDependencies:
       vue: '>= 3.2.0'
 
+  reka-ui@2.9.2:
+    resolution: {integrity: sha512-/t4e6y1hcG+uDuRfpg6tbMz3uUEvRzNco6NeYTufoJeUghy5Iosxos5YL/p+ieAsid84sdMX9OrgDqpEuCJhBw==}
+    peerDependencies:
+      vue: '>= 3.4.0'
+
   require-directory@2.1.1:
     resolution: {integrity: sha512-fGxEI7+wsG9xrvdjsrlmL22OMTTiHRwAMroiEeMgq8gzoLC/PQr7RsRDSTLUg/bZAZtF+TVIkHc6/4RIKrui+Q==}
     engines: {node: '>=0.10.0'}
@@ -6404,6 +6780,9 @@ packages:
   tailwindcss@4.2.1:
     resolution: {integrity: sha512-/tBrSQ36vCleJkAOsy9kbNTgaxvGbyOamC30PRePTQe/o1MFwEKHQk4Cn7BNGaPtjp+PuUrByJehM1hgxfq4sw==}
 
+  tailwindcss@4.2.2:
+    resolution: {integrity: sha512-KWBIxs1Xb6NoLdMVqhbhgwZf2PGBpPEiwOqgI4pFIYbNTfBXiKYyWoTsXgBQ9WFg/OlhnvHaY+AEpW7wSmFo2Q==}
+
   tapable@2.3.0:
     resolution: {integrity: sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg==}
     engines: {node: '>=6'}
@@ -6656,6 +7035,16 @@ packages:
       '@nuxt/kit':
         optional: true
 
+  unplugin-vue-components@31.1.0:
+    resolution: {integrity: sha512-9EbV5ark21A4BOBt6RJGJXCVD2I1eoxTZL1TAvNgYTokcrFIiuxpufb8owyWn7n+z2x8daz/ltZq6IRRKL3ydQ==}
+    engines: {node: '>=20.19.0'}
+    peerDependencies:
+      '@nuxt/kit': ^3.2.2 || ^4.0.0
+      vue: ^3.0.0
+    peerDependenciesMeta:
+      '@nuxt/kit':
+        optional: true
+
   unplugin@2.3.11:
     resolution: {integrity: sha512-5uKD0nqiYVzlmCRs01Fhs2BdkEgBS3SAVP6ndrBsuK42iC2+JHyxM05Rm9G8+5mkmRtzMZGY8Ct5+mliZxU/Ww==}
     engines: {node: '>=18.12.0'}
@@ -6938,6 +7327,9 @@ packages:
   vue-component-type-helpers@3.2.5:
     resolution: {integrity: sha512-tkvNr+bU8+xD/onAThIe7CHFvOJ/BO6XCOrxMzeytJq40nTfpGDJuVjyCM8ccGZKfAbGk2YfuZyDMXM56qheZQ==}
 
+  vue-component-type-helpers@3.2.6:
+    resolution: {integrity: sha512-O02tnvIfOQVmnvoWwuSydwRoHjZVt8UEBR+2p4rT35p8GAy5VTlWP8o5qXfJR/GWCN0nVZoYWsVUvx2jwgdBmQ==}
+
   vue-demi@0.14.10:
     resolution: {integrity: sha512-nMZBOwuzabUO0nLgIcc6rycZEebF6eeUfaiQx9+WSk8e29IbLvPU9feI6tqW4kTo3hvoYAJkMh8n8D0fuISphg==}
     engines: {node: '>=12'}
@@ -6958,21 +7350,6 @@ packages:
     peerDependencies:
       eslint: ^8.57.0 || ^9.0.0 || ^10.0.0
 
-  vue-router@5.0.3:
-    resolution: {integrity: sha512-nG1c7aAFac7NYj8Hluo68WyWfc41xkEjaR0ViLHCa3oDvTQ/nIuLJlXJX1NUPw/DXzx/8+OKMng045HHQKQKWw==}
-    peerDependencies:
-      '@pinia/colada': '>=0.21.2'
-      '@vue/compiler-sfc': ^3.5.17
-      pinia: ^3.0.4
-      vue: ^3.5.0
-    peerDependenciesMeta:
-      '@pinia/colada':
-        optional: true
-      '@vue/compiler-sfc':
-        optional: true
-      pinia:
-        optional: true
-
   vue-router@5.0.4:
     resolution: {integrity: sha512-lCqDLCI2+fKVRl2OzXuzdSWmxXFLQRxQbmHugnRpTMyYiT+hNaycV0faqG5FBHDXoYrZ6MQcX87BvbY8mQ20Bg==}
     peerDependencies:
@@ -8341,7 +8718,7 @@ snapshots:
       - typescript
       - vite
 
-  '@nuxt/ui@4.5.1(@tiptap/extensions@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1))(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(change-case@5.4.4)(db0@0.3.4)(embla-carousel@8.6.0)(focus-trap@8.0.0)(ioredis@5.10.0)(magicast@0.5.2)(tailwindcss@4.2.1)(typescript@6.0.2)(valibot@1.3.1(typescript@6.0.2))(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))(vue-router@5.0.4(@vue/compiler-sfc@3.5.30)(vue@3.5.30(typescript@6.0.2)))(vue@3.5.30(typescript@6.0.2))(yjs@13.6.29)':
+  '@nuxt/ui@4.5.1(@tiptap/extensions@3.20.4(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1))(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(change-case@5.4.4)(db0@0.3.4)(embla-carousel@8.6.0)(focus-trap@8.0.0)(ioredis@5.10.0)(magicast@0.5.2)(tailwindcss@4.2.2)(typescript@6.0.2)(valibot@1.3.1(typescript@6.0.2))(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))(vue-router@5.0.4(@vue/compiler-sfc@3.5.30)(vue@3.5.30(typescript@6.0.2)))(vue@3.5.30(typescript@6.0.2))(yjs@13.6.29)':
     dependencies:
       '@floating-ui/dom': 1.7.6
       '@iconify/vue': 5.0.0(vue@3.5.30(typescript@6.0.2))
@@ -8368,7 +8745,7 @@ snapshots:
       '@tiptap/extension-image': 3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))
       '@tiptap/extension-mention': 3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)(@tiptap/suggestion@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1))
       '@tiptap/extension-node-range': 3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)
-      '@tiptap/extension-placeholder': 3.20.1(@tiptap/extensions@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1))
+      '@tiptap/extension-placeholder': 3.20.1(@tiptap/extensions@3.20.4(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1))
       '@tiptap/markdown': 3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)
       '@tiptap/pm': 3.20.1
       '@tiptap/starter-kit': 3.20.1
@@ -8399,8 +8776,8 @@ snapshots:
       reka-ui: 2.8.2(vue@3.5.30(typescript@6.0.2))
       scule: 1.3.0
       tailwind-merge: 3.5.0
-      tailwind-variants: 3.2.2(tailwind-merge@3.5.0)(tailwindcss@4.2.1)
-      tailwindcss: 4.2.1
+      tailwind-variants: 3.2.2(tailwind-merge@3.5.0)(tailwindcss@4.2.2)
+      tailwindcss: 4.2.2
       tinyglobby: 0.2.15
       typescript: 6.0.2
       ufo: 1.6.3
@@ -8454,26 +8831,139 @@ snapshots:
       - vue
       - yjs
 
-  '@nuxt/vite-builder@4.4.2(@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0))(@types/node@25.5.0)(eslint@10.1.0(jiti@2.6.1))(lightningcss@1.32.0)(magicast@0.5.2)(nuxt@4.4.2(@babel/core@7.29.0)(@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0))(@parcel/watcher@2.5.6)(@types/node@25.5.0)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(eslint@10.1.0(jiti@2.6.1))(ioredis@5.10.0)(lightningcss@1.32.0)(magicast@0.5.2)(optionator@0.9.4)(rollup-plugin-visualizer@6.0.11(rollup@4.59.0))(rollup@4.59.0)(terser@5.46.1)(typescript@6.0.2)(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))(vue-tsc@3.2.6(typescript@6.0.2))(yaml@2.8.2))(optionator@0.9.4)(rollup-plugin-visualizer@6.0.11(rollup@4.59.0))(rollup@4.59.0)(terser@5.46.1)(typescript@6.0.2)(vue-tsc@3.2.6(typescript@6.0.2))(vue@3.5.30(typescript@6.0.2))(yaml@2.8.2)':
+  '@nuxt/ui@4.6.0(@tiptap/extensions@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(change-case@5.4.4)(db0@0.3.4)(embla-carousel@8.6.0)(focus-trap@8.0.0)(ioredis@5.10.0)(magicast@0.5.2)(tailwindcss@4.2.2)(typescript@6.0.2)(valibot@1.3.1(typescript@6.0.2))(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))(vue-router@5.0.4(@vue/compiler-sfc@3.5.30)(vue@3.5.30(typescript@6.0.2)))(vue@3.5.30(typescript@6.0.2))(yjs@13.6.29)':
     dependencies:
+      '@floating-ui/dom': 1.7.6
+      '@iconify/vue': 5.0.0(vue@3.5.30(typescript@6.0.2))
+      '@internationalized/date': 3.12.0
+      '@internationalized/number': 3.6.5
+      '@nuxt/fonts': 0.14.0(db0@0.3.4)(ioredis@5.10.0)(magicast@0.5.2)(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))
+      '@nuxt/icon': 2.2.1(magicast@0.5.2)(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))(vue@3.5.30(typescript@6.0.2))
       '@nuxt/kit': 4.4.2(magicast@0.5.2)
-      '@rollup/plugin-replace': 6.0.3(rollup@4.59.0)
-      '@vitejs/plugin-vue': 6.0.5(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))(vue@3.5.30(typescript@6.0.2))
-      '@vitejs/plugin-vue-jsx': 5.1.5(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))(vue@3.5.30(typescript@6.0.2))
-      autoprefixer: 10.4.27(postcss@8.5.8)
+      '@nuxt/schema': 4.4.2
+      '@nuxtjs/color-mode': 3.5.2(magicast@0.5.2)
+      '@standard-schema/spec': 1.1.0
+      '@tailwindcss/postcss': 4.2.2
+      '@tailwindcss/vite': 4.2.2(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))
+      '@tanstack/vue-table': 8.21.3(vue@3.5.30(typescript@6.0.2))
+      '@tanstack/vue-virtual': 3.13.23(vue@3.5.30(typescript@6.0.2))
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+      '@tiptap/extension-bubble-menu': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
+      '@tiptap/extension-code': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))
+      '@tiptap/extension-collaboration': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(yjs@13.6.29)
+      '@tiptap/extension-drag-handle': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/extension-collaboration@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(yjs@13.6.29))(@tiptap/extension-node-range@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))
+      '@tiptap/extension-drag-handle-vue-3': 3.20.4(@tiptap/extension-drag-handle@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/extension-collaboration@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(yjs@13.6.29))(@tiptap/extension-node-range@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29)))(@tiptap/pm@3.20.4)(@tiptap/vue-3@3.20.4(@floating-ui/dom@1.7.6)(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)(vue@3.5.30(typescript@6.0.2)))(vue@3.5.30(typescript@6.0.2))
+      '@tiptap/extension-floating-menu': 3.20.4(@floating-ui/dom@1.7.6)(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
+      '@tiptap/extension-horizontal-rule': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
+      '@tiptap/extension-image': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))
+      '@tiptap/extension-mention': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)(@tiptap/suggestion@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))
+      '@tiptap/extension-node-range': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
+      '@tiptap/extension-placeholder': 3.20.4(@tiptap/extensions@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))
+      '@tiptap/markdown': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
+      '@tiptap/pm': 3.20.4
+      '@tiptap/starter-kit': 3.20.4
+      '@tiptap/suggestion': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
+      '@tiptap/vue-3': 3.20.4(@floating-ui/dom@1.7.6)(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)(vue@3.5.30(typescript@6.0.2))
+      '@unhead/vue': 2.1.12(vue@3.5.30(typescript@6.0.2))
+      '@vueuse/core': 14.2.1(vue@3.5.30(typescript@6.0.2))
+      '@vueuse/integrations': 14.2.1(change-case@5.4.4)(focus-trap@8.0.0)(fuse.js@7.1.0)(vue@3.5.30(typescript@6.0.2))
+      '@vueuse/shared': 14.2.1(vue@3.5.30(typescript@6.0.2))
+      colortranslator: 5.0.0
       consola: 3.4.2
-      cssnano: 7.1.3(postcss@8.5.8)
       defu: 6.1.4
-      escape-string-regexp: 5.0.0
-      exsolve: 1.0.8
-      get-port-please: 3.2.0
-      jiti: 2.6.1
-      knitwork: 1.3.0
-      magic-string: 0.30.21
-      mlly: 1.8.1
-      mocked-exports: 0.1.1
-      nuxt: 4.4.2(@babel/core@7.29.0)(@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0))(@parcel/watcher@2.5.6)(@types/node@25.5.0)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(eslint@10.1.0(jiti@2.6.1))(ioredis@5.10.0)(lightningcss@1.32.0)(magicast@0.5.2)(optionator@0.9.4)(rollup-plugin-visualizer@6.0.11(rollup@4.59.0))(rollup@4.59.0)(terser@5.46.1)(typescript@6.0.2)(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))(vue-tsc@3.2.6(typescript@6.0.2))(yaml@2.8.2)
-      nypm: 0.6.5
+      embla-carousel-auto-height: 8.6.0(embla-carousel@8.6.0)
+      embla-carousel-auto-scroll: 8.6.0(embla-carousel@8.6.0)
+      embla-carousel-autoplay: 8.6.0(embla-carousel@8.6.0)
+      embla-carousel-class-names: 8.6.0(embla-carousel@8.6.0)
+      embla-carousel-fade: 8.6.0(embla-carousel@8.6.0)
+      embla-carousel-vue: 8.6.0(vue@3.5.30(typescript@6.0.2))
+      embla-carousel-wheel-gestures: 8.1.0(embla-carousel@8.6.0)
+      fuse.js: 7.1.0
+      hookable: 6.1.0
+      knitwork: 1.3.0
+      magic-string: 0.30.21
+      mlly: 1.8.2
+      motion-v: 2.2.0(@vueuse/core@14.2.1(vue@3.5.30(typescript@6.0.2)))(vue@3.5.30(typescript@6.0.2))
+      ohash: 2.0.11
+      pathe: 2.0.3
+      reka-ui: 2.9.2(vue@3.5.30(typescript@6.0.2))
+      scule: 1.3.0
+      tailwind-merge: 3.5.0
+      tailwind-variants: 3.2.2(tailwind-merge@3.5.0)(tailwindcss@4.2.2)
+      tailwindcss: 4.2.2
+      tinyglobby: 0.2.15
+      typescript: 6.0.2
+      ufo: 1.6.3
+      unplugin: 3.0.0
+      unplugin-auto-import: 21.0.0(@nuxt/kit@4.4.2(magicast@0.5.2))(@vueuse/core@14.2.1(vue@3.5.30(typescript@6.0.2)))
+      unplugin-vue-components: 31.1.0(@nuxt/kit@4.4.2(magicast@0.5.2))(vue@3.5.30(typescript@6.0.2))
+      vaul-vue: 0.4.1(reka-ui@2.9.2(vue@3.5.30(typescript@6.0.2)))(vue@3.5.30(typescript@6.0.2))
+      vue-component-type-helpers: 3.2.6
+    optionalDependencies:
+      valibot: 1.3.1(typescript@6.0.2)
+      vue-router: 5.0.4(@vue/compiler-sfc@3.5.30)(vue@3.5.30(typescript@6.0.2))
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@capacitor/preferences'
+      - '@deno/kv'
+      - '@emotion/is-prop-valid'
+      - '@netlify/blobs'
+      - '@planetscale/database'
+      - '@tiptap/extensions'
+      - '@tiptap/y-tiptap'
+      - '@upstash/redis'
+      - '@vercel/blob'
+      - '@vercel/functions'
+      - '@vercel/kv'
+      - '@vue/composition-api'
+      - async-validator
+      - aws4fetch
+      - axios
+      - change-case
+      - db0
+      - drauu
+      - embla-carousel
+      - focus-trap
+      - idb-keyval
+      - ioredis
+      - jwt-decode
+      - magicast
+      - nprogress
+      - qrcode
+      - react
+      - react-dom
+      - sortablejs
+      - universal-cookie
+      - uploadthing
+      - vite
+      - vue
+      - yjs
+
+  '@nuxt/vite-builder@4.4.2(@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0))(@types/node@25.5.0)(eslint@10.1.0(jiti@2.6.1))(lightningcss@1.32.0)(magicast@0.5.2)(nuxt@4.4.2(@babel/core@7.29.0)(@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0))(@parcel/watcher@2.5.6)(@types/node@25.5.0)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(eslint@10.1.0(jiti@2.6.1))(ioredis@5.10.0)(lightningcss@1.32.0)(magicast@0.5.2)(optionator@0.9.4)(rollup-plugin-visualizer@6.0.11(rollup@4.59.0))(rollup@4.59.0)(terser@5.46.1)(typescript@6.0.2)(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))(vue-tsc@3.2.6(typescript@6.0.2))(yaml@2.8.2))(optionator@0.9.4)(rollup-plugin-visualizer@6.0.11(rollup@4.59.0))(rollup@4.59.0)(terser@5.46.1)(typescript@6.0.2)(vue-tsc@3.2.6(typescript@6.0.2))(vue@3.5.30(typescript@6.0.2))(yaml@2.8.2)':
+    dependencies:
+      '@nuxt/kit': 4.4.2(magicast@0.5.2)
+      '@rollup/plugin-replace': 6.0.3(rollup@4.59.0)
+      '@vitejs/plugin-vue': 6.0.5(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))(vue@3.5.30(typescript@6.0.2))
+      '@vitejs/plugin-vue-jsx': 5.1.5(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))(vue@3.5.30(typescript@6.0.2))
+      autoprefixer: 10.4.27(postcss@8.5.8)
+      consola: 3.4.2
+      cssnano: 7.1.3(postcss@8.5.8)
+      defu: 6.1.4
+      escape-string-regexp: 5.0.0
+      exsolve: 1.0.8
+      get-port-please: 3.2.0
+      jiti: 2.6.1
+      knitwork: 1.3.0
+      magic-string: 0.30.21
+      mlly: 1.8.1
+      mocked-exports: 0.1.1
+      nuxt: 4.4.2(@babel/core@7.29.0)(@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0))(@parcel/watcher@2.5.6)(@types/node@25.5.0)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(eslint@10.1.0(jiti@2.6.1))(ioredis@5.10.0)(lightningcss@1.32.0)(magicast@0.5.2)(optionator@0.9.4)(rollup-plugin-visualizer@6.0.11(rollup@4.59.0))(rollup@4.59.0)(terser@5.46.1)(typescript@6.0.2)(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))(vue-tsc@3.2.6(typescript@6.0.2))(yaml@2.8.2)
+      nypm: 0.6.5
       pathe: 2.0.3
       pkg-types: 2.3.0
       postcss: 8.5.8
@@ -9293,42 +9783,88 @@ snapshots:
       source-map-js: 1.2.1
       tailwindcss: 4.2.1
 
+  '@tailwindcss/node@4.2.2':
+    dependencies:
+      '@jridgewell/remapping': 2.3.5
+      enhanced-resolve: 5.20.1
+      jiti: 2.6.1
+      lightningcss: 1.32.0
+      magic-string: 0.30.21
+      source-map-js: 1.2.1
+      tailwindcss: 4.2.2
+
   '@tailwindcss/oxide-android-arm64@4.2.1':
     optional: true
 
+  '@tailwindcss/oxide-android-arm64@4.2.2':
+    optional: true
+
   '@tailwindcss/oxide-darwin-arm64@4.2.1':
     optional: true
 
+  '@tailwindcss/oxide-darwin-arm64@4.2.2':
+    optional: true
+
   '@tailwindcss/oxide-darwin-x64@4.2.1':
     optional: true
 
+  '@tailwindcss/oxide-darwin-x64@4.2.2':
+    optional: true
+
   '@tailwindcss/oxide-freebsd-x64@4.2.1':
     optional: true
 
+  '@tailwindcss/oxide-freebsd-x64@4.2.2':
+    optional: true
+
   '@tailwindcss/oxide-linux-arm-gnueabihf@4.2.1':
     optional: true
 
+  '@tailwindcss/oxide-linux-arm-gnueabihf@4.2.2':
+    optional: true
+
   '@tailwindcss/oxide-linux-arm64-gnu@4.2.1':
     optional: true
 
+  '@tailwindcss/oxide-linux-arm64-gnu@4.2.2':
+    optional: true
+
   '@tailwindcss/oxide-linux-arm64-musl@4.2.1':
     optional: true
 
+  '@tailwindcss/oxide-linux-arm64-musl@4.2.2':
+    optional: true
+
   '@tailwindcss/oxide-linux-x64-gnu@4.2.1':
     optional: true
 
+  '@tailwindcss/oxide-linux-x64-gnu@4.2.2':
+    optional: true
+
   '@tailwindcss/oxide-linux-x64-musl@4.2.1':
     optional: true
 
+  '@tailwindcss/oxide-linux-x64-musl@4.2.2':
+    optional: true
+
   '@tailwindcss/oxide-wasm32-wasi@4.2.1':
     optional: true
 
+  '@tailwindcss/oxide-wasm32-wasi@4.2.2':
+    optional: true
+
   '@tailwindcss/oxide-win32-arm64-msvc@4.2.1':
     optional: true
 
+  '@tailwindcss/oxide-win32-arm64-msvc@4.2.2':
+    optional: true
+
   '@tailwindcss/oxide-win32-x64-msvc@4.2.1':
     optional: true
 
+  '@tailwindcss/oxide-win32-x64-msvc@4.2.2':
+    optional: true
+
   '@tailwindcss/oxide@4.2.1':
     optionalDependencies:
       '@tailwindcss/oxide-android-arm64': 4.2.1
@@ -9344,6 +9880,21 @@ snapshots:
       '@tailwindcss/oxide-win32-arm64-msvc': 4.2.1
       '@tailwindcss/oxide-win32-x64-msvc': 4.2.1
 
+  '@tailwindcss/oxide@4.2.2':
+    optionalDependencies:
+      '@tailwindcss/oxide-android-arm64': 4.2.2
+      '@tailwindcss/oxide-darwin-arm64': 4.2.2
+      '@tailwindcss/oxide-darwin-x64': 4.2.2
+      '@tailwindcss/oxide-freebsd-x64': 4.2.2
+      '@tailwindcss/oxide-linux-arm-gnueabihf': 4.2.2
+      '@tailwindcss/oxide-linux-arm64-gnu': 4.2.2
+      '@tailwindcss/oxide-linux-arm64-musl': 4.2.2
+      '@tailwindcss/oxide-linux-x64-gnu': 4.2.2
+      '@tailwindcss/oxide-linux-x64-musl': 4.2.2
+      '@tailwindcss/oxide-wasm32-wasi': 4.2.2
+      '@tailwindcss/oxide-win32-arm64-msvc': 4.2.2
+      '@tailwindcss/oxide-win32-x64-msvc': 4.2.2
+
   '@tailwindcss/postcss@4.2.1':
     dependencies:
       '@alloc/quick-lru': 5.2.0
@@ -9352,6 +9903,14 @@ snapshots:
       postcss: 8.5.8
       tailwindcss: 4.2.1
 
+  '@tailwindcss/postcss@4.2.2':
+    dependencies:
+      '@alloc/quick-lru': 5.2.0
+      '@tailwindcss/node': 4.2.2
+      '@tailwindcss/oxide': 4.2.2
+      postcss: 8.5.8
+      tailwindcss: 4.2.2
+
   '@tailwindcss/vite@4.2.1(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))':
     dependencies:
       '@tailwindcss/node': 4.2.1
@@ -9359,10 +9918,19 @@ snapshots:
       tailwindcss: 4.2.1
       vite: 7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2)
 
+  '@tailwindcss/vite@4.2.2(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))':
+    dependencies:
+      '@tailwindcss/node': 4.2.2
+      '@tailwindcss/oxide': 4.2.2
+      tailwindcss: 4.2.2
+      vite: 7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2)
+
   '@tanstack/table-core@8.21.3': {}
 
   '@tanstack/virtual-core@3.13.22': {}
 
+  '@tanstack/virtual-core@3.13.23': {}
+
   '@tanstack/vue-table@8.21.3(vue@3.5.30(typescript@6.0.2))':
     dependencies:
       '@tanstack/table-core': 8.21.3
@@ -9373,37 +9941,73 @@ snapshots:
       '@tanstack/virtual-core': 3.13.22
       vue: 3.5.30(typescript@6.0.2)
 
+  '@tanstack/vue-virtual@3.13.23(vue@3.5.30(typescript@6.0.2))':
+    dependencies:
+      '@tanstack/virtual-core': 3.13.23
+      vue: 3.5.30(typescript@6.0.2)
+
   '@tiptap/core@3.20.1(@tiptap/pm@3.20.1)':
     dependencies:
       '@tiptap/pm': 3.20.1
 
+  '@tiptap/core@3.20.4(@tiptap/pm@3.20.4)':
+    dependencies:
+      '@tiptap/pm': 3.20.4
+
   '@tiptap/extension-blockquote@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
 
+  '@tiptap/extension-blockquote@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))':
+    dependencies:
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+
   '@tiptap/extension-bold@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
 
+  '@tiptap/extension-bold@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))':
+    dependencies:
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+
   '@tiptap/extension-bubble-menu@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)':
     dependencies:
       '@floating-ui/dom': 1.7.6
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
       '@tiptap/pm': 3.20.1
 
+  '@tiptap/extension-bubble-menu@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)':
+    dependencies:
+      '@floating-ui/dom': 1.7.6
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+      '@tiptap/pm': 3.20.4
+
   '@tiptap/extension-bullet-list@3.20.1(@tiptap/extension-list@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1))':
     dependencies:
       '@tiptap/extension-list': 3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)
 
+  '@tiptap/extension-bullet-list@3.20.4(@tiptap/extension-list@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))':
+    dependencies:
+      '@tiptap/extension-list': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
+
   '@tiptap/extension-code-block@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
       '@tiptap/pm': 3.20.1
 
+  '@tiptap/extension-code-block@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)':
+    dependencies:
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+      '@tiptap/pm': 3.20.4
+
   '@tiptap/extension-code@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
 
+  '@tiptap/extension-code@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))':
+    dependencies:
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+
   '@tiptap/extension-collaboration@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(yjs@13.6.29)':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
@@ -9411,10 +10015,21 @@ snapshots:
       '@tiptap/y-tiptap': 3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29)
       yjs: 13.6.29
 
+  '@tiptap/extension-collaboration@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(yjs@13.6.29)':
+    dependencies:
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+      '@tiptap/pm': 3.20.4
+      '@tiptap/y-tiptap': 3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29)
+      yjs: 13.6.29
+
   '@tiptap/extension-document@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
 
+  '@tiptap/extension-document@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))':
+    dependencies:
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+
   '@tiptap/extension-drag-handle-vue-3@3.20.1(@tiptap/extension-drag-handle@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/extension-collaboration@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(yjs@13.6.29))(@tiptap/extension-node-range@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29)))(@tiptap/pm@3.20.1)(@tiptap/vue-3@3.20.1(@floating-ui/dom@1.7.6)(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)(vue@3.5.30(typescript@6.0.2)))(vue@3.5.30(typescript@6.0.2))':
     dependencies:
       '@tiptap/extension-drag-handle': 3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/extension-collaboration@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(yjs@13.6.29))(@tiptap/extension-node-range@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))
@@ -9422,6 +10037,13 @@ snapshots:
       '@tiptap/vue-3': 3.20.1(@floating-ui/dom@1.7.6)(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)(vue@3.5.30(typescript@6.0.2))
       vue: 3.5.30(typescript@6.0.2)
 
+  '@tiptap/extension-drag-handle-vue-3@3.20.4(@tiptap/extension-drag-handle@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/extension-collaboration@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(yjs@13.6.29))(@tiptap/extension-node-range@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29)))(@tiptap/pm@3.20.4)(@tiptap/vue-3@3.20.4(@floating-ui/dom@1.7.6)(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)(vue@3.5.30(typescript@6.0.2)))(vue@3.5.30(typescript@6.0.2))':
+    dependencies:
+      '@tiptap/extension-drag-handle': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/extension-collaboration@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(yjs@13.6.29))(@tiptap/extension-node-range@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))
+      '@tiptap/pm': 3.20.4
+      '@tiptap/vue-3': 3.20.4(@floating-ui/dom@1.7.6)(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)(vue@3.5.30(typescript@6.0.2))
+      vue: 3.5.30(typescript@6.0.2)
+
   '@tiptap/extension-drag-handle@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/extension-collaboration@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(yjs@13.6.29))(@tiptap/extension-node-range@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))':
     dependencies:
       '@floating-ui/dom': 1.7.6
@@ -9431,106 +10053,220 @@ snapshots:
       '@tiptap/pm': 3.20.1
       '@tiptap/y-tiptap': 3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29)
 
+  '@tiptap/extension-drag-handle@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/extension-collaboration@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(yjs@13.6.29))(@tiptap/extension-node-range@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))':
+    dependencies:
+      '@floating-ui/dom': 1.7.6
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+      '@tiptap/extension-collaboration': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(yjs@13.6.29)
+      '@tiptap/extension-node-range': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
+      '@tiptap/pm': 3.20.4
+      '@tiptap/y-tiptap': 3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29)
+
   '@tiptap/extension-dropcursor@3.20.1(@tiptap/extensions@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1))':
     dependencies:
       '@tiptap/extensions': 3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)
 
+  '@tiptap/extension-dropcursor@3.20.4(@tiptap/extensions@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))':
+    dependencies:
+      '@tiptap/extensions': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
+
   '@tiptap/extension-floating-menu@3.20.1(@floating-ui/dom@1.7.6)(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)':
     dependencies:
       '@floating-ui/dom': 1.7.6
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
       '@tiptap/pm': 3.20.1
 
+  '@tiptap/extension-floating-menu@3.20.4(@floating-ui/dom@1.7.6)(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)':
+    dependencies:
+      '@floating-ui/dom': 1.7.6
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+      '@tiptap/pm': 3.20.4
+
   '@tiptap/extension-gapcursor@3.20.1(@tiptap/extensions@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1))':
     dependencies:
       '@tiptap/extensions': 3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)
 
+  '@tiptap/extension-gapcursor@3.20.4(@tiptap/extensions@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))':
+    dependencies:
+      '@tiptap/extensions': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
+
   '@tiptap/extension-hard-break@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
 
+  '@tiptap/extension-hard-break@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))':
+    dependencies:
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+
   '@tiptap/extension-heading@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
 
+  '@tiptap/extension-heading@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))':
+    dependencies:
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+
   '@tiptap/extension-horizontal-rule@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
       '@tiptap/pm': 3.20.1
 
+  '@tiptap/extension-horizontal-rule@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)':
+    dependencies:
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+      '@tiptap/pm': 3.20.4
+
   '@tiptap/extension-image@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
 
+  '@tiptap/extension-image@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))':
+    dependencies:
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+
   '@tiptap/extension-italic@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
 
+  '@tiptap/extension-italic@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))':
+    dependencies:
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+
   '@tiptap/extension-link@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
       '@tiptap/pm': 3.20.1
       linkifyjs: 4.3.2
 
+  '@tiptap/extension-link@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)':
+    dependencies:
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+      '@tiptap/pm': 3.20.4
+      linkifyjs: 4.3.2
+
   '@tiptap/extension-list-item@3.20.1(@tiptap/extension-list@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1))':
     dependencies:
       '@tiptap/extension-list': 3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)
 
+  '@tiptap/extension-list-item@3.20.4(@tiptap/extension-list@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))':
+    dependencies:
+      '@tiptap/extension-list': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
+
   '@tiptap/extension-list-keymap@3.20.1(@tiptap/extension-list@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1))':
     dependencies:
       '@tiptap/extension-list': 3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)
 
+  '@tiptap/extension-list-keymap@3.20.4(@tiptap/extension-list@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))':
+    dependencies:
+      '@tiptap/extension-list': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
+
   '@tiptap/extension-list@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
       '@tiptap/pm': 3.20.1
 
+  '@tiptap/extension-list@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)':
+    dependencies:
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+      '@tiptap/pm': 3.20.4
+
   '@tiptap/extension-mention@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)(@tiptap/suggestion@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1))':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
       '@tiptap/pm': 3.20.1
       '@tiptap/suggestion': 3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)
 
+  '@tiptap/extension-mention@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)(@tiptap/suggestion@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))':
+    dependencies:
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+      '@tiptap/pm': 3.20.4
+      '@tiptap/suggestion': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
+
   '@tiptap/extension-node-range@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
       '@tiptap/pm': 3.20.1
 
+  '@tiptap/extension-node-range@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)':
+    dependencies:
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+      '@tiptap/pm': 3.20.4
+
   '@tiptap/extension-ordered-list@3.20.1(@tiptap/extension-list@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1))':
     dependencies:
       '@tiptap/extension-list': 3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)
 
+  '@tiptap/extension-ordered-list@3.20.4(@tiptap/extension-list@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))':
+    dependencies:
+      '@tiptap/extension-list': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
+
   '@tiptap/extension-paragraph@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
 
-  '@tiptap/extension-placeholder@3.20.1(@tiptap/extensions@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1))':
+  '@tiptap/extension-paragraph@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))':
     dependencies:
-      '@tiptap/extensions': 3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+
+  '@tiptap/extension-placeholder@3.20.1(@tiptap/extensions@3.20.4(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1))':
+    dependencies:
+      '@tiptap/extensions': 3.20.4(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)
+
+  '@tiptap/extension-placeholder@3.20.4(@tiptap/extensions@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))':
+    dependencies:
+      '@tiptap/extensions': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
 
   '@tiptap/extension-strike@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
 
+  '@tiptap/extension-strike@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))':
+    dependencies:
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+
   '@tiptap/extension-text@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
 
+  '@tiptap/extension-text@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))':
+    dependencies:
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+
   '@tiptap/extension-underline@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
 
+  '@tiptap/extension-underline@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))':
+    dependencies:
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+
   '@tiptap/extensions@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
       '@tiptap/pm': 3.20.1
 
+  '@tiptap/extensions@3.20.4(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)':
+    dependencies:
+      '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
+      '@tiptap/pm': 3.20.1
+
+  '@tiptap/extensions@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)':
+    dependencies:
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+      '@tiptap/pm': 3.20.4
+
   '@tiptap/markdown@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
       '@tiptap/pm': 3.20.1
       marked: 17.0.4
 
+  '@tiptap/markdown@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)':
+    dependencies:
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+      '@tiptap/pm': 3.20.4
+      marked: 17.0.4
+
   '@tiptap/pm@3.20.1':
     dependencies:
       prosemirror-changeset: 2.4.0
@@ -9552,6 +10288,27 @@ snapshots:
       prosemirror-transform: 1.11.0
       prosemirror-view: 1.41.6
 
+  '@tiptap/pm@3.20.4':
+    dependencies:
+      prosemirror-changeset: 2.4.0
+      prosemirror-collab: 1.3.1
+      prosemirror-commands: 1.7.1
+      prosemirror-dropcursor: 1.8.2
+      prosemirror-gapcursor: 1.4.1
+      prosemirror-history: 1.5.0
+      prosemirror-inputrules: 1.5.1
+      prosemirror-keymap: 1.2.3
+      prosemirror-markdown: 1.13.4
+      prosemirror-menu: 1.3.0
+      prosemirror-model: 1.25.4
+      prosemirror-schema-basic: 1.2.4
+      prosemirror-schema-list: 1.5.1
+      prosemirror-state: 1.4.4
+      prosemirror-tables: 1.8.5
+      prosemirror-trailing-node: 3.0.0(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)
+      prosemirror-transform: 1.11.0
+      prosemirror-view: 1.41.6
+
   '@tiptap/starter-kit@3.20.1':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
@@ -9579,11 +10336,43 @@ snapshots:
       '@tiptap/extensions': 3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)
       '@tiptap/pm': 3.20.1
 
+  '@tiptap/starter-kit@3.20.4':
+    dependencies:
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+      '@tiptap/extension-blockquote': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))
+      '@tiptap/extension-bold': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))
+      '@tiptap/extension-bullet-list': 3.20.4(@tiptap/extension-list@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))
+      '@tiptap/extension-code': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))
+      '@tiptap/extension-code-block': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
+      '@tiptap/extension-document': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))
+      '@tiptap/extension-dropcursor': 3.20.4(@tiptap/extensions@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))
+      '@tiptap/extension-gapcursor': 3.20.4(@tiptap/extensions@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))
+      '@tiptap/extension-hard-break': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))
+      '@tiptap/extension-heading': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))
+      '@tiptap/extension-horizontal-rule': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
+      '@tiptap/extension-italic': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))
+      '@tiptap/extension-link': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
+      '@tiptap/extension-list': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
+      '@tiptap/extension-list-item': 3.20.4(@tiptap/extension-list@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))
+      '@tiptap/extension-list-keymap': 3.20.4(@tiptap/extension-list@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))
+      '@tiptap/extension-ordered-list': 3.20.4(@tiptap/extension-list@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))
+      '@tiptap/extension-paragraph': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))
+      '@tiptap/extension-strike': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))
+      '@tiptap/extension-text': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))
+      '@tiptap/extension-underline': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))
+      '@tiptap/extensions': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
+      '@tiptap/pm': 3.20.4
+
   '@tiptap/suggestion@3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)':
     dependencies:
       '@tiptap/core': 3.20.1(@tiptap/pm@3.20.1)
       '@tiptap/pm': 3.20.1
 
+  '@tiptap/suggestion@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)':
+    dependencies:
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+      '@tiptap/pm': 3.20.4
+
   '@tiptap/vue-3@3.20.1(@floating-ui/dom@1.7.6)(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)(vue@3.5.30(typescript@6.0.2))':
     dependencies:
       '@floating-ui/dom': 1.7.6
@@ -9594,6 +10383,16 @@ snapshots:
       '@tiptap/extension-bubble-menu': 3.20.1(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)
       '@tiptap/extension-floating-menu': 3.20.1(@floating-ui/dom@1.7.6)(@tiptap/core@3.20.1(@tiptap/pm@3.20.1))(@tiptap/pm@3.20.1)
 
+  '@tiptap/vue-3@3.20.4(@floating-ui/dom@1.7.6)(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)(vue@3.5.30(typescript@6.0.2))':
+    dependencies:
+      '@floating-ui/dom': 1.7.6
+      '@tiptap/core': 3.20.4(@tiptap/pm@3.20.4)
+      '@tiptap/pm': 3.20.4
+      vue: 3.5.30(typescript@6.0.2)
+    optionalDependencies:
+      '@tiptap/extension-bubble-menu': 3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
+      '@tiptap/extension-floating-menu': 3.20.4(@floating-ui/dom@1.7.6)(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4)
+
   '@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29)':
     dependencies:
       lib0: 0.2.117
@@ -11570,6 +12369,12 @@ snapshots:
       motion-utils: 12.36.0
       tslib: 2.8.1
 
+  framer-motion@12.38.0:
+    dependencies:
+      motion-dom: 12.38.0
+      motion-utils: 12.36.0
+      tslib: 2.8.1
+
   fresh@2.0.0: {}
 
   fsevents@2.3.3:
@@ -12608,6 +13413,13 @@ snapshots:
       pkg-types: 1.3.1
       ufo: 1.6.3
 
+  mlly@1.8.2:
+    dependencies:
+      acorn: 8.16.0
+      pathe: 2.0.3
+      pkg-types: 1.3.1
+      ufo: 1.6.3
+
   mocked-exports@0.1.1: {}
 
   module-replacements@2.11.0: {}
@@ -12616,6 +13428,10 @@ snapshots:
     dependencies:
       motion-utils: 12.36.0
 
+  motion-dom@12.38.0:
+    dependencies:
+      motion-utils: 12.36.0
+
   motion-utils@12.36.0: {}
 
   motion-v@1.10.3(@vueuse/core@14.2.1(vue@3.5.30(typescript@6.0.2)))(vue@3.5.30(typescript@6.0.2)):
@@ -12630,6 +13446,19 @@ snapshots:
       - react
       - react-dom
 
+  motion-v@2.2.0(@vueuse/core@14.2.1(vue@3.5.30(typescript@6.0.2)))(vue@3.5.30(typescript@6.0.2)):
+    dependencies:
+      '@vueuse/core': 14.2.1(vue@3.5.30(typescript@6.0.2))
+      framer-motion: 12.38.0
+      hey-listen: 1.0.8
+      motion-dom: 12.38.0
+      motion-utils: 12.36.0
+      vue: 3.5.30(typescript@6.0.2)
+    transitivePeerDependencies:
+      - '@emotion/is-prop-valid'
+      - react
+      - react-dom
+
   mrmime@2.0.1: {}
 
   ms@2.1.3: {}
@@ -12845,7 +13674,7 @@ snapshots:
       unrouting: 0.1.5
       untyped: 2.0.0
       vue: 3.5.30(typescript@6.0.2)
-      vue-router: 5.0.3(@vue/compiler-sfc@3.5.30)(vue@3.5.30(typescript@6.0.2))
+      vue-router: 5.0.4(@vue/compiler-sfc@3.5.30)(vue@3.5.30(typescript@6.0.2))
     optionalDependencies:
       '@parcel/watcher': 2.5.6
       '@types/node': 25.5.0
@@ -12918,6 +13747,71 @@ snapshots:
       - xml2js
       - yaml
 
+  nuxtseo-layer-devtools@0.2.8(6d32d8e67453bdeff5334495c672c2e3):
+    dependencies:
+      '@nuxt/devtools-kit': 3.2.4(magicast@0.5.2)(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))
+      '@nuxt/fonts': 0.14.0(db0@0.3.4)(ioredis@5.10.0)(magicast@0.5.2)(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))
+      '@nuxt/kit': 4.4.2(magicast@0.5.2)
+      '@nuxt/ui': 4.6.0(@tiptap/extensions@3.20.4(@tiptap/core@3.20.4(@tiptap/pm@3.20.4))(@tiptap/pm@3.20.4))(@tiptap/y-tiptap@3.0.2(prosemirror-model@1.25.4)(prosemirror-state@1.4.4)(prosemirror-view@1.41.6)(y-protocols@1.0.7(yjs@13.6.29))(yjs@13.6.29))(change-case@5.4.4)(db0@0.3.4)(embla-carousel@8.6.0)(focus-trap@8.0.0)(ioredis@5.10.0)(magicast@0.5.2)(tailwindcss@4.2.2)(typescript@6.0.2)(valibot@1.3.1(typescript@6.0.2))(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))(vue-router@5.0.4(@vue/compiler-sfc@3.5.30)(vue@3.5.30(typescript@6.0.2)))(vue@3.5.30(typescript@6.0.2))(yjs@13.6.29)
+      '@shikijs/langs': 4.0.2
+      '@shikijs/themes': 4.0.2
+      '@vueuse/nuxt': 14.2.1(magicast@0.5.2)(nuxt@4.4.2(@babel/core@7.29.0)(@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0))(@parcel/watcher@2.5.6)(@types/node@25.5.0)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(eslint@10.1.0(jiti@2.6.1))(ioredis@5.10.0)(lightningcss@1.32.0)(magicast@0.5.2)(optionator@0.9.4)(rollup-plugin-visualizer@6.0.11(rollup@4.59.0))(rollup@4.59.0)(terser@5.46.1)(typescript@6.0.2)(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))(vue-tsc@3.2.6(typescript@6.0.2))(yaml@2.8.2))(vue@3.5.30(typescript@6.0.2))
+      ofetch: 1.5.1
+      shiki: 4.0.2
+      ufo: 1.6.3
+    transitivePeerDependencies:
+      - '@azure/app-configuration'
+      - '@azure/cosmos'
+      - '@azure/data-tables'
+      - '@azure/identity'
+      - '@azure/keyvault-secrets'
+      - '@azure/storage-blob'
+      - '@capacitor/preferences'
+      - '@deno/kv'
+      - '@emotion/is-prop-valid'
+      - '@inertiajs/vue3'
+      - '@netlify/blobs'
+      - '@nuxt/content'
+      - '@planetscale/database'
+      - '@tiptap/extensions'
+      - '@tiptap/y-tiptap'
+      - '@upstash/redis'
+      - '@vercel/blob'
+      - '@vercel/functions'
+      - '@vercel/kv'
+      - '@vue/composition-api'
+      - async-validator
+      - aws4fetch
+      - axios
+      - change-case
+      - db0
+      - drauu
+      - embla-carousel
+      - focus-trap
+      - idb-keyval
+      - ioredis
+      - joi
+      - jwt-decode
+      - magicast
+      - nprogress
+      - nuxt
+      - qrcode
+      - react
+      - react-dom
+      - sortablejs
+      - superstruct
+      - tailwindcss
+      - typescript
+      - universal-cookie
+      - uploadthing
+      - valibot
+      - vite
+      - vue
+      - vue-router
+      - yjs
+      - yup
+      - zod
+
   nypm@0.6.5:
     dependencies:
       citty: 0.2.1
@@ -13626,6 +14520,22 @@ snapshots:
     transitivePeerDependencies:
       - '@vue/composition-api'
 
+  reka-ui@2.9.2(vue@3.5.30(typescript@6.0.2)):
+    dependencies:
+      '@floating-ui/dom': 1.7.6
+      '@floating-ui/vue': 1.1.11(vue@3.5.30(typescript@6.0.2))
+      '@internationalized/date': 3.12.0
+      '@internationalized/number': 3.6.5
+      '@tanstack/vue-virtual': 3.13.23(vue@3.5.30(typescript@6.0.2))
+      '@vueuse/core': 14.2.1(vue@3.5.30(typescript@6.0.2))
+      '@vueuse/shared': 14.2.1(vue@3.5.30(typescript@6.0.2))
+      aria-hidden: 1.2.6
+      defu: 6.1.4
+      ohash: 2.0.11
+      vue: 3.5.30(typescript@6.0.2)
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+
   require-directory@2.1.1: {}
 
   require-from-string@2.0.2: {}
@@ -13958,14 +14868,16 @@ snapshots:
 
   tailwind-merge@3.5.0: {}
 
-  tailwind-variants@3.2.2(tailwind-merge@3.5.0)(tailwindcss@4.2.1):
+  tailwind-variants@3.2.2(tailwind-merge@3.5.0)(tailwindcss@4.2.2):
     dependencies:
-      tailwindcss: 4.2.1
+      tailwindcss: 4.2.2
     optionalDependencies:
       tailwind-merge: 3.5.0
 
   tailwindcss@4.2.1: {}
 
+  tailwindcss@4.2.2: {}
+
   tapable@2.3.0: {}
 
   tar-stream@3.1.8:
@@ -14286,6 +15198,21 @@ snapshots:
     optionalDependencies:
       '@nuxt/kit': 4.4.2(magicast@0.5.2)
 
+  unplugin-vue-components@31.1.0(@nuxt/kit@4.4.2(magicast@0.5.2))(vue@3.5.30(typescript@6.0.2)):
+    dependencies:
+      chokidar: 5.0.0
+      local-pkg: 1.1.2
+      magic-string: 0.30.21
+      mlly: 1.8.2
+      obug: 2.1.1
+      picomatch: 4.0.3
+      tinyglobby: 0.2.15
+      unplugin: 2.3.11
+      unplugin-utils: 0.3.1
+      vue: 3.5.30(typescript@6.0.2)
+    optionalDependencies:
+      '@nuxt/kit': 4.4.2(magicast@0.5.2)
+
   unplugin@2.3.11:
     dependencies:
       '@jridgewell/remapping': 2.3.5
@@ -14371,6 +15298,14 @@ snapshots:
     transitivePeerDependencies:
       - '@vue/composition-api'
 
+  vaul-vue@0.4.1(reka-ui@2.9.2(vue@3.5.30(typescript@6.0.2)))(vue@3.5.30(typescript@6.0.2)):
+    dependencies:
+      '@vueuse/core': 10.11.1(vue@3.5.30(typescript@6.0.2))
+      reka-ui: 2.9.2(vue@3.5.30(typescript@6.0.2))
+      vue: 3.5.30(typescript@6.0.2)
+    transitivePeerDependencies:
+      - '@vue/composition-api'
+
   vfile-message@4.0.3:
     dependencies:
       '@types/unist': 3.0.3
@@ -14529,6 +15464,8 @@ snapshots:
 
   vue-component-type-helpers@3.2.5: {}
 
+  vue-component-type-helpers@3.2.6: {}
+
   vue-demi@0.14.10(vue@3.5.30(typescript@6.0.2)):
     dependencies:
       vue: 3.5.30(typescript@6.0.2)
@@ -14547,29 +15484,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  vue-router@5.0.3(@vue/compiler-sfc@3.5.30)(vue@3.5.30(typescript@6.0.2)):
-    dependencies:
-      '@babel/generator': 7.29.1
-      '@vue-macros/common': 3.1.2(vue@3.5.30(typescript@6.0.2))
-      '@vue/devtools-api': 8.1.0
-      ast-walker-scope: 0.8.3
-      chokidar: 5.0.0
-      json5: 2.2.3
-      local-pkg: 1.1.2
-      magic-string: 0.30.21
-      mlly: 1.8.1
-      muggle-string: 0.4.1
-      pathe: 2.0.3
-      picomatch: 4.0.3
-      scule: 1.3.0
-      tinyglobby: 0.2.15
-      unplugin: 3.0.0
-      unplugin-utils: 0.3.1
-      vue: 3.5.30(typescript@6.0.2)
-      yaml: 2.8.2
-    optionalDependencies:
-      '@vue/compiler-sfc': 3.5.30
-
   vue-router@5.0.4(@vue/compiler-sfc@3.5.30)(vue@3.5.30(typescript@6.0.2)):
     dependencies:
       '@babel/generator': 7.29.1
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 49398532..77373418 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -3,7 +3,7 @@ shellEmulator: true
 trustPolicy: no-downgrade
 packages:
   - playground
-  - client
+  - devtools
   - '!examples/**'
 
 catalog:
diff --git a/src/devtools.ts b/src/devtools.ts
index c31c0457..df1a23bf 100644
--- a/src/devtools.ts
+++ b/src/devtools.ts
@@ -7,7 +7,7 @@ import { extendViteConfig, useNuxt } from '@nuxt/kit'
 import { DEVTOOLS_UI_LOCAL_PORT, DEVTOOLS_UI_ROUTE } from './constants'
 
 export async function setupDevToolsUI(options: ModuleOptions, resolve: Resolver['resolvePath'], nuxt: Nuxt = useNuxt()) {
-  const clientPath = await resolve('./client')
+  const clientPath = await resolve('./devtools')
   const isProductionBuild = existsSync(clientPath)
 
   // Serve production-built client (used when package is published)
diff --git a/src/runtime/composables/useScript.ts b/src/runtime/composables/useScript.ts
index 04618ed9..c6cd6443 100644
--- a/src/runtime/composables/useScript.ts
+++ b/src/runtime/composables/useScript.ts
@@ -1,5 +1,5 @@
 import type { UseScriptInput, UseScriptOptions, VueScriptInstance } from '@unhead/vue/scripts'
-import type { NuxtDevToolsScriptInstance, NuxtUseScriptOptions, UseFunctionType, UseScriptContext } from '../types'
+import type { NuxtDevToolsNetworkRequest, NuxtDevToolsScriptInstance, NuxtUseScriptOptions, UseFunctionType, UseScriptContext } from '../types'
 // @ts-expect-error virtual template
 import { resolveTrigger } from '#build/nuxt-scripts-trigger-resolver'
 import { useScript as _useScript } from '@unhead/vue/scripts'
@@ -13,6 +13,105 @@ type NuxtScriptsApp = ReturnType<typeof useNuxtApp> & {
   _scripts: Record<string, NuxtDevToolsScriptInstance>
 }
 
+/**
+ * Resolve the proxy prefix from runtime config. Falls back to the default `/_scripts/p`.
+ */
+function resolveProxyPrefix(): string {
+  const devtoolsConfig = useRuntimeConfig().public['nuxt-scripts-devtools'] as any
+  return devtoolsConfig?.proxyPrefix || '/_scripts/p'
+}
+
+function toNetworkRequest(entry: PerformanceResourceTiming, proxyPrefix: string): NuxtDevToolsNetworkRequest {
+  const isProxied = entry.name.includes(`${proxyPrefix}/`)
+  return {
+    url: entry.name,
+    startTime: entry.startTime,
+    duration: entry.duration,
+    transferSize: entry.transferSize,
+    encodedBodySize: entry.encodedBodySize,
+    decodedBodySize: entry.decodedBodySize,
+    initiatorType: entry.initiatorType,
+    dns: entry.domainLookupEnd - entry.domainLookupStart,
+    connect: entry.connectEnd - entry.connectStart,
+    ssl: entry.secureConnectionStart > 0 ? entry.connectEnd - entry.secureConnectionStart : 0,
+    ttfb: entry.responseStart - entry.requestStart,
+    download: entry.responseEnd - entry.responseStart,
+    isProxied,
+  }
+}
+
+function createDomainMatcher(domains: Set<string>, proxyPrefix: string) {
+  return function matchesScript(entry: PerformanceResourceTiming): boolean {
+    try {
+      const entryUrl = new URL(entry.name, window.location.origin)
+      if (domains.has(entryUrl.hostname))
+        return true
+      // match proxied paths: <proxyPrefix>/<domain>/...
+      const proxyPath = `${proxyPrefix}/`
+      const proxyIdx = entryUrl.pathname.indexOf(proxyPath)
+      if (proxyIdx !== -1) {
+        const afterPrefix = entryUrl.pathname.slice(proxyIdx + proxyPath.length)
+        const proxyDomain = afterPrefix.split('/')[0]
+        if (proxyDomain && domains.has(proxyDomain))
+          return true
+      }
+    }
+    catch {}
+    return false
+  }
+}
+
+/**
+ * Observe network requests matching a set of domains and push them into the payload.
+ * Returns a cleanup function that disconnects the observer.
+ */
+function observeNetworkRequests(
+  payload: NuxtDevToolsScriptInstance,
+  domains: Set<string>,
+  onUpdate: () => void,
+): () => void {
+  if (typeof PerformanceObserver === 'undefined')
+    return () => {}
+
+  const proxyPrefix = resolveProxyPrefix()
+  const matchesScript = createDomainMatcher(domains, proxyPrefix)
+  // Track seen entries to prevent duplicates between getEntriesByType and observer
+  const seen = new Set<string>()
+
+  function entryKey(entry: PerformanceResourceTiming): string {
+    return `${entry.name}@${entry.startTime}`
+  }
+
+  function processEntry(entry: PerformanceResourceTiming): boolean {
+    const key = entryKey(entry)
+    if (seen.has(key))
+      return false
+    if (!matchesScript(entry))
+      return false
+    seen.add(key)
+    payload.networkRequests.push(toNetworkRequest(entry, proxyPrefix))
+    return true
+  }
+
+  // capture existing entries
+  for (const entry of performance.getEntriesByType('resource') as PerformanceResourceTiming[])
+    processEntry(entry)
+
+  // observe new entries
+  const observer = new PerformanceObserver((list) => {
+    let added = false
+    for (const entry of list.getEntries() as PerformanceResourceTiming[]) {
+      if (processEntry(entry))
+        added = true
+    }
+    if (added)
+      onUpdate()
+  })
+  observer.observe({ type: 'resource', buffered: false })
+
+  return () => observer.disconnect()
+}
+
 function ensureScripts(nuxtApp: NuxtScriptsApp) {
   // When registry scripts are configured, the plugin provides $scripts via Nuxt's
   // provide() which creates a getter-only property. We must not reassign it.
@@ -46,18 +145,50 @@ export function useScript<T extends Record<symbol | string, any> = Record<symbol
     useHead({
       script: [{ src, type: 'text/partytown' }],
     })
-    // Register with nuxtApp.$scripts for DevTools visibility
     const nuxtApp = useNuxtApp() as NuxtScriptsApp
     ensureScripts(nuxtApp)
     const status = ref('loaded')
+    let disconnectObserver = () => {}
     const stub = {
       id: src,
       status,
       load: () => Promise.resolve({} as T),
-      remove: () => false,
+      remove: () => { disconnectObserver(); return false },
       entry: undefined,
     } as any as UseScriptContext<UseFunctionType<NuxtUseScriptOptions<T>, T>>
     nuxtApp.$scripts[src] = stub
+
+    // Partytown devtools: partytown routes requests through the first-party proxy
+    // (same-origin), so they appear in the main thread's Performance API
+    if (import.meta.dev && import.meta.client) {
+      nuxtApp._scripts = nuxtApp._scripts || {}
+      const scriptHostname = (() => {
+        try { return new URL(src, window.location.origin).hostname }
+        catch { return '' }
+      })()
+      const domains = new Set<string>([
+        ...(scriptHostname ? [scriptHostname] : []),
+        ...(options.devtools?.domains || []),
+      ])
+      const payload: NuxtDevToolsScriptInstance = {
+        ...options.devtools,
+        src,
+        $script: stub as any,
+        events: [
+          { type: 'status', status: 'loaded', at: Date.now() },
+        ],
+        networkRequests: [],
+      }
+
+      function syncScripts() {
+        nuxtApp._scripts[src] = payload
+        nuxtApp.hooks.callHook('scripts:updated' as any, { scripts: nuxtApp._scripts })
+      }
+
+      disconnectObserver = observeNetworkRequests(payload, domains, syncScripts)
+      syncScripts()
+    }
+
     return stub
   }
 
@@ -148,6 +279,7 @@ export function useScript<T extends Record<symbol | string, any> = Record<symbol
       src: input.src,
       $script: null as any as VueScriptInstance<T>,
       events: [],
+      networkRequests: [],
     }
     nuxtApp._scripts = nuxtApp._scripts! || {}
 
@@ -196,6 +328,21 @@ export function useScript<T extends Record<symbol | string, any> = Record<symbol
         trigger: options?.trigger,
         at: Date.now(),
       })
+
+      // Network request tracking via Resource Timing API
+      const scriptHostname = (() => {
+        try { return new URL(input.src, window.location.origin).hostname }
+        catch { return '' }
+      })()
+      const domains = new Set<string>([
+        ...(scriptHostname ? [scriptHostname] : []),
+        ...(options.devtools?.domains || []),
+      ])
+      const disconnectObserver = observeNetworkRequests(payload, domains, syncScripts)
+      // Clean up observer when script is removed
+      const _origRemove = instance.remove
+      instance.remove = () => { disconnectObserver(); return _origRemove() }
+
       syncScripts()
     }
   }
diff --git a/src/runtime/types.ts b/src/runtime/types.ts
index 25b21619..a4df7725 100644
--- a/src/runtime/types.ts
+++ b/src/runtime/types.ts
@@ -117,6 +117,11 @@ export type NuxtUseScriptOptions<T extends Record<symbol | string, any> = {}> =
      * @internal
      */
     registryMeta?: Record<string, string>
+    /**
+     * Known third-party domains this script communicates with.
+     * @internal
+     */
+    domains?: string[]
   }
   /**
    * @internal
@@ -148,10 +153,27 @@ export interface ConsentScriptTriggerOptions {
   postConsentTrigger?: ExcludePromises<NuxtUseScriptOptions['trigger']> | (() => Promise<any>)
 }
 
+export interface NuxtDevToolsNetworkRequest {
+  url: string
+  startTime: number
+  duration: number
+  transferSize: number
+  encodedBodySize: number
+  decodedBodySize: number
+  initiatorType: string
+  dns: number
+  connect: number
+  ssl: number
+  ttfb: number
+  download: number
+  isProxied: boolean
+}
+
 export interface NuxtDevToolsScriptInstance {
   registryKey?: string
   registryMeta?: Record<string, string>
   src: string
+  domains?: string[]
   $script: VueScriptInstance<any>
   events: {
     type: string
@@ -161,6 +183,7 @@ export interface NuxtDevToolsScriptInstance {
     trigger?: NuxtUseScriptOptions['trigger']
     at: number
   }[]
+  networkRequests: NuxtDevToolsNetworkRequest[]
 }
 
 export interface ScriptRegistry {
diff --git a/src/runtime/utils.ts b/src/runtime/utils.ts
index 935efd78..31b29f08 100644
--- a/src/runtime/utils.ts
+++ b/src/runtime/utils.ts
@@ -134,7 +134,10 @@ export function useRegistryScript<T extends Record<string | symbol, any>, O = Em
       }
     }
 
-    scriptOptions.devtools = defu(scriptOptions.devtools, { registryKey, loadedFrom })
+    // Extract known domains for this script from devtools runtime config
+    const devtoolsConfig = useRuntimeConfig().public['nuxt-scripts-devtools'] as any
+    const registryDomains = devtoolsConfig?.scripts?.find((s: any) => s.registryKey === registryKey)?.domains as string[] | undefined
+    scriptOptions.devtools = defu(scriptOptions.devtools, { registryKey, loadedFrom, domains: registryDomains })
     if (options.schema && 'entries' in options.schema) {
       const registryMeta: Record<string, string> = {}
       for (const k in options.schema.entries) {
diff --git a/tsconfig.json b/tsconfig.json
index 8cc5492d..cf3e6ca6 100644
--- a/tsconfig.json
+++ b/tsconfig.json
@@ -6,7 +6,7 @@
   "exclude": [
     "docs",
     "playground",
-    "client",
+    "devtools",
     "scripts",
     "dist",
     ".output",
diff --git a/vitest.config.ts b/vitest.config.ts
index 226c8747..2ceb90e5 100644
--- a/vitest.config.ts
+++ b/vitest.config.ts
@@ -32,6 +32,7 @@ export default defineConfig({
             './test/e2e-dev/**/*.test.ts',
             '**/*.nuxt.test.ts',
             '**/node_modules/**',
+            '.claude/worktrees/**',
           ],
         },
       }),

From 016340a9762e520a6b66a9ddee5602801e9acfd9 Mon Sep 17 00:00:00 2001
From: Harlan Wilton <harlan@harlanzw.com>
Date: Tue, 24 Mar 2026 20:15:43 +1100
Subject: [PATCH 2/3] fix: lint errors and remove unused catalog entry

---
 devtools/bootstrap.ts                    |  2 +-
 devtools/components/NetworkWaterfall.vue | 65 +++++++++++++-----
 devtools/components/ScriptStatus.vue     |  6 +-
 devtools/composables/state.ts            | 30 ++++++---
 devtools/package.json                    | 12 ++--
 devtools/pages/first-party.vue           | 84 ++++++++++++++++++------
 devtools/pages/index.vue                 | 14 ++--
 devtools/pages/registry.vue              | 29 +++++---
 devtools/utils/formatting.ts             | 15 +++--
 pnpm-lock.yaml                           | 15 +++--
 pnpm-workspace.yaml                      |  5 +-
 src/runtime/composables/useScript.ts     | 26 ++++++--
 12 files changed, 214 insertions(+), 89 deletions(-)

diff --git a/devtools/bootstrap.ts b/devtools/bootstrap.ts
index 16b18846..04106084 100644
--- a/devtools/bootstrap.ts
+++ b/devtools/bootstrap.ts
@@ -1,5 +1,5 @@
-import { createResolver, defineNuxtModule } from '@nuxt/kit'
 import { startSubprocess } from '@nuxt/devtools-kit'
+import { createResolver, defineNuxtModule } from '@nuxt/kit'
 import { DEVTOOLS_UI_LOCAL_PORT } from '../src/constants'
 
 const resolver = createResolver(import.meta.url)
diff --git a/devtools/components/NetworkWaterfall.vue b/devtools/components/NetworkWaterfall.vue
index e380951c..3f023ba3 100644
--- a/devtools/components/NetworkWaterfall.vue
+++ b/devtools/components/NetworkWaterfall.vue
@@ -42,7 +42,8 @@ const phases = [
 const sorted = computed(() => [...requests].sort((a, b) => a.startTime - b.startTime))
 
 const timeRange = computed(() => {
-  if (!sorted.value.length) return { min: 0, max: 1 }
+  if (!sorted.value.length)
+    return { min: 0, max: 1 }
   const min = sorted.value[0].startTime
   const max = Math.max(...sorted.value.map(r => r.startTime + r.duration))
   return { min, max: max || min + 1 }
@@ -59,7 +60,8 @@ const domainBreakdown = computed(() => {
     const existing = map.get(hostname) || { count: 0, transfer: 0, proxied: false }
     existing.count++
     existing.transfer += req.transferSize
-    if (req.isProxied) existing.proxied = true
+    if (req.isProxied)
+      existing.proxied = true
     map.set(hostname, existing)
   }
   return [...map.entries()]
@@ -72,10 +74,14 @@ const domainBreakdown = computed(() => {
     }))
 })
 
+const proxyPattern = /\/_scripts\/p\/([^/]+)/
+
 function extractHostname(url: string): string {
-  try { return new URL(url).hostname }
+  try {
+    return new URL(url).hostname
+  }
   catch {
-    const match = url.match(/\/_scripts\/p\/([^/]+)/)
+    const match = url.match(proxyPattern)
     return match?.[1] || 'localhost'
   }
 }
@@ -87,7 +93,8 @@ function barStyle(req: NetworkRequest) {
 }
 
 function phaseWidth(req: NetworkRequest, phase: typeof phases[number]) {
-  if (req.duration === 0) return '0%'
+  if (req.duration === 0)
+    return '0%'
   const val = req[phase.key]
   return `${Math.max((val / req.duration) * 100, val > 0 ? 2 : 0)}%`
 }
@@ -108,8 +115,12 @@ function initiatorLabel(type: string) {
 
 function initiatorIcon(type: string) {
   const map: Record<string, string> = {
-    script: 'i-carbon-code', xmlhttprequest: 'i-carbon-send-alt', fetch: 'i-carbon-send-alt',
-    img: 'i-carbon-image', css: 'i-carbon-paint-brush', beacon: 'i-carbon-satellite-radar',
+    script: 'i-carbon-code',
+    xmlhttprequest: 'i-carbon-send-alt',
+    fetch: 'i-carbon-send-alt',
+    img: 'i-carbon-image',
+    css: 'i-carbon-paint-brush',
+    beacon: 'i-carbon-satellite-radar',
   }
   return map[type] || 'i-carbon-document'
 }
@@ -122,7 +133,9 @@ function statusCode(req: NetworkRequest) {
 <template>
   <div v-if="!requests.length" class="panel-grids flex flex-col items-center justify-center py-8 gap-1.5 rounded-b-xl">
     <UIcon name="i-carbon-network-4" class="text-xl text-(--color-text-subtle)" />
-    <p class="text-xs text-(--color-text-subtle)">Requests appear as the script loads</p>
+    <p class="text-xs text-(--color-text-subtle)">
+      Requests appear as the script loads
+    </p>
   </div>
 
   <div v-else class="waterfall-container">
@@ -151,7 +164,9 @@ function statusCode(req: NetworkRequest) {
           </span>
           <template #content>
             <div class="text-xs space-y-1 max-w-60">
-              <div class="font-semibold">First-Party Proxy</div>
+              <div class="font-semibold">
+                First-Party Proxy
+              </div>
               <div class="opacity-70">
                 {{ proxiedCount }} request{{ proxiedCount !== 1 ? 's' : '' }} routed through
                 <code class="px-1 py-px rounded bg-white/10 text-[10px]">{{ proxyPrefix || '/_scripts/p' }}</code>
@@ -175,10 +190,18 @@ function statusCode(req: NetworkRequest) {
             </span>
             <template #content>
               <div class="text-xs space-y-0.5">
-                <div class="font-mono font-semibold">{{ d.domain }}</div>
-                <div class="opacity-70">{{ d.count }} req &middot; {{ bytesToHumanReadable(d.transfer) }}</div>
-                <div v-if="d.proxyRoute" class="opacity-60">{{ d.proxyRoute.target }} &rarr; {{ d.proxyRoute.local }}</div>
-                <div v-if="d.proxied" class="text-emerald-400">Proxied through first-party</div>
+                <div class="font-mono font-semibold">
+                  {{ d.domain }}
+                </div>
+                <div class="opacity-70">
+                  {{ d.count }} req &middot; {{ bytesToHumanReadable(d.transfer) }}
+                </div>
+                <div v-if="d.proxyRoute" class="opacity-60">
+                  {{ d.proxyRoute.target }} &rarr; {{ d.proxyRoute.local }}
+                </div>
+                <div v-if="d.proxied" class="text-emerald-400">
+                  Proxied through first-party
+                </div>
               </div>
             </template>
           </UTooltip>
@@ -211,7 +234,9 @@ function statusCode(req: NetworkRequest) {
               class="waterfall-row-icon"
               :class="req.isProxied ? 'waterfall-row-icon-proxied' : ''"
             />
-            <div class="waterfall-url">{{ shortUrl(req.url) }}</div>
+            <div class="waterfall-url">
+              {{ shortUrl(req.url) }}
+            </div>
             <div class="waterfall-bar-track">
               <div class="waterfall-bar" :style="barStyle(req)">
                 <div
@@ -221,12 +246,16 @@ function statusCode(req: NetworkRequest) {
                 />
               </div>
             </div>
-            <div class="waterfall-duration">{{ msToHumanReadable(Math.round(req.duration)) }}</div>
+            <div class="waterfall-duration">
+              {{ msToHumanReadable(Math.round(req.duration)) }}
+            </div>
           </div>
 
           <template #content>
             <div class="text-xs space-y-1.5 max-w-80">
-              <div class="font-mono text-[11px] break-all opacity-90">{{ req.url }}</div>
+              <div class="font-mono text-[11px] break-all opacity-90">
+                {{ req.url }}
+              </div>
               <div class="flex items-center gap-2 opacity-70">
                 <span>{{ initiatorLabel(req.initiatorType) }}</span>
                 <span class="opacity-30">&middot;</span>
@@ -243,7 +272,9 @@ function statusCode(req: NetworkRequest) {
                       <span class="w-1.5 h-1.5 rounded-sm inline-block" :style="{ background: phase.color }" />
                       {{ phase.label }}
                     </div>
-                    <div class="tabular-nums text-right">{{ req[phase.key].toFixed(1) }}ms</div>
+                    <div class="tabular-nums text-right">
+                      {{ req[phase.key].toFixed(1) }}ms
+                    </div>
                   </template>
                 </template>
               </div>
diff --git a/devtools/components/ScriptStatus.vue b/devtools/components/ScriptStatus.vue
index 153440a8..765857b3 100644
--- a/devtools/components/ScriptStatus.vue
+++ b/devtools/components/ScriptStatus.vue
@@ -5,12 +5,14 @@ const { status, error } = defineProps<{
 }>()
 
 const displayStatus = computed(() => {
-  if (error) return error === 'TypeError: Failed to fetch' ? 'CORS Error' : error
+  if (error)
+    return error === 'TypeError: Failed to fetch' ? 'CORS Error' : error
   return status || 'unknown'
 })
 
 const statusClass = computed(() => {
-  if (error || status === 'error') return 'status-error'
+  if (error || status === 'error')
+    return 'status-error'
   switch (status) {
     case 'loaded': return 'status-loaded'
     case 'loading': return 'status-loading'
diff --git a/devtools/composables/state.ts b/devtools/composables/state.ts
index 683149b3..0405fd68 100644
--- a/devtools/composables/state.ts
+++ b/devtools/composables/state.ts
@@ -1,7 +1,7 @@
 import { reactive, ref } from 'vue'
-import { registry } from '../../src/registry'
 import { fetchScript } from '~/utils/fetch'
 import { msToHumanReadable } from '~/utils/formatting'
+import { registry } from '../../src/registry'
 
 export interface FirstPartyDevtoolsScript {
   registryKey: string
@@ -44,9 +44,12 @@ export async function initRegistry() {
   scriptRegistry.value = await _registryPromise
 }
 
+const wordSepPattern = /([\s_-])+/g
+
 function titleToCamelCase(s: string) {
-  return s.replace(/([\s_-])+/g, ' ').split(' ').map((w, i) => {
-    if (i === 0) return w.toLowerCase()
+  return s.replace(wordSepPattern, ' ').split(' ').map((w, i) => {
+    if (i === 0)
+      return w.toLowerCase()
     return w.charAt(0).toUpperCase() + w.slice(1).toLowerCase()
   }).join('')
 }
@@ -61,7 +64,7 @@ export function syncScripts(_scripts: any[]) {
       .map(([key, script]: [string, any]) => {
         script.registry = scriptRegistry.value.find(s => titleToCamelCase(s.label) === script.registryKey)
         if (script.registry) {
-          const kebabCaseLabel = script.registry.label.toLowerCase().replace(/ /g, '-')
+          const kebabCaseLabel = script.registry.label.toLowerCase().replaceAll(' ', '-')
           script.docs = `https://scripts.nuxt.com/scripts/${kebabCaseLabel}`
         }
         const loadingAt = script.events?.find((e: any) => e.status === 'loading')?.at || 0
@@ -89,12 +92,14 @@ export function syncScripts(_scripts: any[]) {
 
 // First-party helpers
 export function isFirstPartyScript(registryKey: string | undefined): boolean {
-  if (!registryKey || !firstPartyData.value?.enabled) return false
+  if (!registryKey || !firstPartyData.value?.enabled)
+    return false
   return firstPartyData.value.scripts.some(s => s.registryKey === registryKey)
 }
 
 export function getFirstPartyScript(registryKey: string | undefined): FirstPartyDevtoolsScript | undefined {
-  if (!registryKey || !firstPartyData.value?.enabled) return undefined
+  if (!registryKey || !firstPartyData.value?.enabled)
+    return undefined
   return firstPartyData.value.scripts.find(s => s.registryKey === registryKey)
 }
 
@@ -110,21 +115,26 @@ export function setActiveTab(scriptSrc: string, tab: string) {
 // Script logo helper
 export function scriptLogo(script: any) {
   const logo = script.registry?.logo
-  if (!logo) return null
+  if (!logo)
+    return null
   return typeof logo === 'object' ? (logo.dark || logo.light) : logo
 }
 
 // Interface formatting
+const paramPattern = /\(([^)]*)\)/
+
 export function formatFunctionSignature(name: string, func: (...args: any[]) => any): string {
   const funcStr = func.toString()
-  const paramMatch = funcStr.match(/\(([^)]*)\)/)
+  const paramMatch = funcStr.match(paramPattern)
   const params = paramMatch?.[1]?.trim() || ''
 
   const formattedParams = params
     ? params.split(',').map((param, index) => {
         const trimmed = param.trim()
-        if (!trimmed) return ''
-        if (trimmed.includes(':')) return trimmed
+        if (!trimmed)
+          return ''
+        if (trimmed.includes(':'))
+          return trimmed
         const paramName = trimmed || `param${index + 1}`
         return `${paramName}: any`
       }).filter(Boolean).join(', ')
diff --git a/devtools/package.json b/devtools/package.json
index 807cbe5f..46cec196 100644
--- a/devtools/package.json
+++ b/devtools/package.json
@@ -11,11 +11,11 @@
     "generate": "nuxi generate"
   },
   "devDependencies": {
-    "@nuxt/devtools-kit": "^3.2.4",
-    "@nuxt/kit": "^4.4.2",
-    "nuxt": "^4.4.2",
-    "nuxtseo-layer-devtools": "^0.2.5",
-    "vue": "^3.5.30",
-    "vue-router": "latest"
+    "@nuxt/devtools-kit": "catalog:",
+    "@nuxt/kit": "catalog:",
+    "nuxt": "catalog:",
+    "nuxtseo-layer-devtools": "catalog:",
+    "vue": "catalog:",
+    "vue-router": "catalog:"
   }
 }
diff --git a/devtools/pages/first-party.vue b/devtools/pages/first-party.vue
index 1fa3253a..f492b355 100644
--- a/devtools/pages/first-party.vue
+++ b/devtools/pages/first-party.vue
@@ -4,14 +4,28 @@ import { firstPartyData } from '~/composables/state'
 
 const privacyFlags = ['ip', 'userAgent', 'language', 'screen', 'timezone', 'hardware'] as const
 const privacyFlagLabels: Record<string, string> = {
-  ip: 'IP Address', userAgent: 'User Agent', language: 'Language', screen: 'Screen', timezone: 'Timezone', hardware: 'Hardware',
+  ip: 'IP Address',
+  userAgent: 'User Agent',
+  language: 'Language',
+  screen: 'Screen',
+  timezone: 'Timezone',
+  hardware: 'Hardware',
 }
 const privacyFlagShort: Record<string, string> = {
-  ip: 'IP', userAgent: 'UA', language: 'Lang', screen: 'Screen', timezone: 'TZ', hardware: 'HW',
+  ip: 'IP',
+  userAgent: 'UA',
+  language: 'Lang',
+  screen: 'Screen',
+  timezone: 'TZ',
+  hardware: 'HW',
 }
 const privacyFlagIcons: Record<string, string> = {
-  ip: 'i-carbon-location', userAgent: 'i-carbon-user-profile', language: 'i-carbon-translate',
-  screen: 'i-carbon-screen', timezone: 'i-carbon-time', hardware: 'i-carbon-chip',
+  ip: 'i-carbon-location',
+  userAgent: 'i-carbon-user-profile',
+  language: 'i-carbon-translate',
+  screen: 'i-carbon-screen',
+  timezone: 'i-carbon-time',
+  hardware: 'i-carbon-chip',
 }
 const expandedRoutes = reactive<Record<string, boolean>>({})
 
@@ -20,8 +34,10 @@ function toggleRoutes(key: string) {
 }
 
 function privacyLevelClass(level: string) {
-  if (level === 'full') return 'privacy-full'
-  if (level === 'partial') return 'privacy-partial'
+  if (level === 'full')
+    return 'privacy-full'
+  if (level === 'partial')
+    return 'privacy-partial'
   return 'privacy-none'
 }
 
@@ -42,7 +58,9 @@ function mechanismLabel(m: string) {
         <UIcon name="i-carbon-security" class="text-3xl text-(--color-text-subtle)" />
       </div>
       <div class="text-center space-y-1.5">
-        <p class="text-sm font-semibold text-(--color-text-muted)">First-Party Mode is not enabled</p>
+        <p class="text-sm font-semibold text-(--color-text-muted)">
+          First-Party Mode is not enabled
+        </p>
         <p class="text-xs text-(--color-text-subtle) max-w-sm">
           Proxy is auto-enabled when scripts with proxy capabilities are configured.
         </p>
@@ -67,27 +85,45 @@ function mechanismLabel(m: string) {
       <!-- Stats row -->
       <div class="flex flex-wrap gap-2.5">
         <div class="stat-card">
-          <div class="stat-label">Status</div>
+          <div class="stat-label">
+            Status
+          </div>
           <div class="flex items-center gap-1.5">
             <span class="stat-dot stat-dot-active" />
             <span class="text-sm font-semibold" style="color: oklch(55% 0.18 145);">Active</span>
           </div>
         </div>
         <div class="stat-card">
-          <div class="stat-label">Scripts</div>
-          <div class="stat-value">{{ firstPartyData.scripts.length }}</div>
+          <div class="stat-label">
+            Scripts
+          </div>
+          <div class="stat-value">
+            {{ firstPartyData.scripts.length }}
+          </div>
         </div>
         <div class="stat-card">
-          <div class="stat-label">Routes</div>
-          <div class="stat-value">{{ firstPartyData.totalRoutes }}</div>
+          <div class="stat-label">
+            Routes
+          </div>
+          <div class="stat-value">
+            {{ firstPartyData.totalRoutes }}
+          </div>
         </div>
         <div class="stat-card">
-          <div class="stat-label">Domains</div>
-          <div class="stat-value">{{ firstPartyData.totalDomains }}</div>
+          <div class="stat-label">
+            Domains
+          </div>
+          <div class="stat-value">
+            {{ firstPartyData.totalDomains }}
+          </div>
         </div>
         <div class="stat-card">
-          <div class="stat-label">Privacy</div>
-          <div class="stat-value capitalize text-sm">{{ firstPartyData.privacyMode }}</div>
+          <div class="stat-label">
+            Privacy
+          </div>
+          <div class="stat-value capitalize text-sm">
+            {{ firstPartyData.privacyMode }}
+          </div>
         </div>
       </div>
 
@@ -196,7 +232,9 @@ function mechanismLabel(m: string) {
                 </div>
               </div>
               <div v-if="s.interceptRules.length" class="border-t border-(--color-border-subtle) px-4 py-2">
-                <div class="text-[10px] uppercase tracking-wider text-(--color-text-subtle) mb-1 font-medium">Intercept Rules</div>
+                <div class="text-[10px] uppercase tracking-wider text-(--color-text-subtle) mb-1 font-medium">
+                  Intercept Rules
+                </div>
                 <div
                   v-for="(ir, iri) in s.interceptRules" :key="iri"
                   class="py-1 flex items-center gap-2 text-[11px] font-mono"
@@ -223,14 +261,18 @@ function mechanismLabel(m: string) {
           <table class="w-full text-xs">
             <thead>
               <tr class="border-b border-(--color-border-subtle)">
-                <th class="px-4 py-2 text-left font-medium text-(--color-text-subtle)">Script</th>
+                <th class="px-4 py-2 text-left font-medium text-(--color-text-subtle)">
+                  Script
+                </th>
                 <th
                   v-for="flag in privacyFlags" :key="flag"
                   class="px-2.5 py-2 text-center font-medium text-(--color-text-subtle) whitespace-nowrap"
                 >
                   {{ privacyFlagShort[flag] }}
                 </th>
-                <th class="px-2.5 py-2 text-center font-medium text-(--color-text-subtle)">Level</th>
+                <th class="px-2.5 py-2 text-center font-medium text-(--color-text-subtle)">
+                  Level
+                </th>
               </tr>
             </thead>
             <tbody>
@@ -238,7 +280,9 @@ function mechanismLabel(m: string) {
                 v-for="s in firstPartyData.scripts" :key="s.registryKey"
                 class="border-b border-(--color-border-subtle) last:border-b-0 hover:bg-(--color-surface-sunken) transition-colors"
               >
-                <td class="px-4 py-2 font-medium whitespace-nowrap">{{ s.label }}</td>
+                <td class="px-4 py-2 font-medium whitespace-nowrap">
+                  {{ s.label }}
+                </td>
                 <td v-for="flag in privacyFlags" :key="flag" class="px-2.5 py-2 text-center">
                   <div
                     class="w-2.5 h-2.5 rounded-full mx-auto"
diff --git a/devtools/pages/index.vue b/devtools/pages/index.vue
index 8497758b..a51296ff 100644
--- a/devtools/pages/index.vue
+++ b/devtools/pages/index.vue
@@ -1,17 +1,17 @@
 <script setup lang="ts">
-import { humanFriendlyTimestamp, urlToOrigin } from '~/utils/formatting'
 import {
-  formatScriptInterface,
   firstPartyData,
+  formatScriptInterface,
   getActiveTab,
   getFirstPartyScript,
   isFirstPartyScript,
   scriptErrors,
   scriptLogo,
-  scriptSizes,
   scripts,
+  scriptSizes,
   setActiveTab,
 } from '~/composables/state'
+import { humanFriendlyTimestamp, urlToOrigin } from '~/utils/formatting'
 
 const subTabDefs = [
   { label: 'Events', value: 'events', icon: 'i-carbon-list' },
@@ -38,8 +38,12 @@ function statusBadgeClass(status: string) {
       <div class="w-12 h-12 rounded-xl bg-(--color-surface-elevated) border border-(--color-border) flex items-center justify-center">
         <UIcon name="i-carbon-script" class="text-2xl text-(--color-text-subtle)" />
       </div>
-      <p class="text-sm font-medium text-(--color-text-muted)">No scripts loaded</p>
-      <p class="text-xs text-(--color-text-subtle)">Scripts will appear here as they are registered</p>
+      <p class="text-sm font-medium text-(--color-text-muted)">
+        No scripts loaded
+      </p>
+      <p class="text-xs text-(--color-text-subtle)">
+        Scripts will appear here as they are registered
+      </p>
     </div>
 
     <div class="stagger-children space-y-3">
diff --git a/devtools/pages/registry.vue b/devtools/pages/registry.vue
index 58c1a57d..25fb7544 100644
--- a/devtools/pages/registry.vue
+++ b/devtools/pages/registry.vue
@@ -11,14 +11,17 @@ type CapState = 'active' | 'available' | 'off'
 
 function capState(script: any, capKey: string): CapState {
   const supported = script.capabilities?.[capKey]
-  if (!supported) return 'off'
+  if (!supported)
+    return 'off'
   const active = script.defaultCapability?.[capKey]
   return active ? 'active' : 'available'
 }
 
 function capStateLabel(state: CapState): string {
-  if (state === 'active') return 'Active by default'
-  if (state === 'available') return 'Supported (opt-in)'
+  if (state === 'active')
+    return 'Active by default'
+  if (state === 'available')
+    return 'Supported (opt-in)'
   return 'Not supported'
 }
 </script>
@@ -29,7 +32,9 @@ function capStateLabel(state: CapState): string {
       <div class="w-12 h-12 rounded-xl bg-(--color-surface-elevated) border border-(--color-border) flex items-center justify-center">
         <UIcon name="i-carbon-catalog" class="text-2xl text-(--color-text-subtle)" />
       </div>
-      <p class="text-sm font-medium text-(--color-text-muted)">No registry scripts available</p>
+      <p class="text-sm font-medium text-(--color-text-muted)">
+        No registry scripts available
+      </p>
     </div>
 
     <template v-else>
@@ -94,9 +99,15 @@ function capStateLabel(state: CapState): string {
                 </div>
                 <template #content>
                   <div class="text-xs space-y-0.5">
-                    <div class="font-semibold">{{ cap.label }}</div>
-                    <div class="opacity-70">{{ capStateLabel(capState(script, cap.key)) }}</div>
-                    <div class="opacity-50 mt-1 max-w-48 text-[11px]">{{ cap.desc }}</div>
+                    <div class="font-semibold">
+                      {{ cap.label }}
+                    </div>
+                    <div class="opacity-70">
+                      {{ capStateLabel(capState(script, cap.key)) }}
+                    </div>
+                    <div class="opacity-50 mt-1 max-w-48 text-[11px]">
+                      {{ cap.desc }}
+                    </div>
                   </div>
                 </template>
               </UTooltip>
@@ -127,7 +138,9 @@ function capStateLabel(state: CapState): string {
           <table class="w-full text-xs">
             <thead>
               <tr class="border-b border-(--color-border-subtle)">
-                <th class="px-4 py-2 text-left font-medium text-(--color-text-subtle)">Script</th>
+                <th class="px-4 py-2 text-left font-medium text-(--color-text-subtle)">
+                  Script
+                </th>
                 <th
                   v-for="cap in capabilityDefs"
                   :key="cap.key"
diff --git a/devtools/utils/formatting.ts b/devtools/utils/formatting.ts
index ceaf567c..5a112095 100644
--- a/devtools/utils/formatting.ts
+++ b/devtools/utils/formatting.ts
@@ -18,17 +18,20 @@ export function urlToOrigin(url: string) {
 
 export function msToHumanReadable(ms: number) {
   if (ms < 1000) {
-    return ms + 'ms'
+    return `${ms}ms`
   }
   if (ms < 60000) {
-    return (ms / 1000).toFixed(2) + 's'
+    return `${(ms / 1000).toFixed(2)}s`
   }
-  return (ms / 60000).toFixed(2) + 'm'
+  return `${(ms / 60000).toFixed(2)}m`
 }
 
 export function bytesToHumanReadable(bytes: number) {
-  if (bytes === 0) return '0 B'
-  if (bytes < 1024) return `${bytes} B`
-  if (bytes < 1024 * 1024) return `${(bytes / 1024).toFixed(1)} KB`
+  if (bytes === 0)
+    return '0 B'
+  if (bytes < 1024)
+    return `${bytes} B`
+  if (bytes < 1024 * 1024)
+    return `${(bytes / 1024).toFixed(1)} KB`
   return `${(bytes / (1024 * 1024)).toFixed(1)} MB`
 }
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 73bc1f50..0181d0e4 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -81,6 +81,9 @@ catalogs:
     nuxt:
       specifier: ^4.4.2
       version: 4.4.2
+    nuxtseo-layer-devtools:
+      specifier: ^0.2.5
+      version: 0.2.8
     ofetch:
       specifier: ^1.5.1
       version: 1.5.1
@@ -313,22 +316,22 @@ importers:
   devtools:
     devDependencies:
       '@nuxt/devtools-kit':
-        specifier: ^3.2.4
+        specifier: 'catalog:'
         version: 3.2.4(magicast@0.5.2)(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))
       '@nuxt/kit':
-        specifier: ^4.4.2
+        specifier: 'catalog:'
         version: 4.4.2(magicast@0.5.2)
       nuxt:
-        specifier: ^4.4.2
+        specifier: 'catalog:'
         version: 4.4.2(@babel/core@7.29.0)(@babel/plugin-syntax-jsx@7.28.6(@babel/core@7.29.0))(@parcel/watcher@2.5.6)(@types/node@25.5.0)(@vue/compiler-sfc@3.5.30)(cac@6.7.14)(db0@0.3.4)(eslint@10.1.0(jiti@2.6.1))(ioredis@5.10.0)(lightningcss@1.32.0)(magicast@0.5.2)(optionator@0.9.4)(rollup-plugin-visualizer@6.0.11(rollup@4.59.0))(rollup@4.59.0)(terser@5.46.1)(typescript@6.0.2)(vite@7.3.1(@types/node@25.5.0)(jiti@2.6.1)(lightningcss@1.32.0)(terser@5.46.1)(yaml@2.8.2))(vue-tsc@3.2.6(typescript@6.0.2))(yaml@2.8.2)
       nuxtseo-layer-devtools:
-        specifier: ^0.2.5
+        specifier: 'catalog:'
         version: 0.2.8(6d32d8e67453bdeff5334495c672c2e3)
       vue:
-        specifier: ^3.5.30
+        specifier: 'catalog:'
         version: 3.5.30(typescript@6.0.2)
       vue-router:
-        specifier: latest
+        specifier: 'catalog:'
         version: 5.0.4(@vue/compiler-sfc@3.5.30)(vue@3.5.30(typescript@6.0.2))
 
   playground:
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 77373418..07174af9 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -32,6 +32,7 @@ catalog:
   knitwork: ^1.3.0
   magic-string: ^0.30.21
   nuxt: ^4.4.2
+  nuxtseo-layer-devtools: ^0.2.5
   ofetch: ^1.5.1
   ohash: ^2.0.11
   oxc-parser: ^0.121.0
@@ -54,7 +55,7 @@ catalog:
   vue-router: ^5.0.4
   vue-tsc: ^3.2.6
 
+trustPolicyIgnoreAfter: 262800
+
 ignoredBuiltDependencies:
   - esbuild
-
-trustPolicyIgnoreAfter: 262800
diff --git a/src/runtime/composables/useScript.ts b/src/runtime/composables/useScript.ts
index c6cd6443..9adcdc05 100644
--- a/src/runtime/composables/useScript.ts
+++ b/src/runtime/composables/useScript.ts
@@ -153,7 +153,10 @@ export function useScript<T extends Record<symbol | string, any> = Record<symbol
       id: src,
       status,
       load: () => Promise.resolve({} as T),
-      remove: () => { disconnectObserver(); return false },
+      remove: () => {
+        disconnectObserver()
+        return false
+      },
       entry: undefined,
     } as any as UseScriptContext<UseFunctionType<NuxtUseScriptOptions<T>, T>>
     nuxtApp.$scripts[src] = stub
@@ -163,8 +166,12 @@ export function useScript<T extends Record<symbol | string, any> = Record<symbol
     if (import.meta.dev && import.meta.client) {
       nuxtApp._scripts = nuxtApp._scripts || {}
       const scriptHostname = (() => {
-        try { return new URL(src, window.location.origin).hostname }
-        catch { return '' }
+        try {
+          return new URL(src, window.location.origin).hostname
+        }
+        catch {
+          return ''
+        }
       })()
       const domains = new Set<string>([
         ...(scriptHostname ? [scriptHostname] : []),
@@ -331,8 +338,12 @@ export function useScript<T extends Record<symbol | string, any> = Record<symbol
 
       // Network request tracking via Resource Timing API
       const scriptHostname = (() => {
-        try { return new URL(input.src, window.location.origin).hostname }
-        catch { return '' }
+        try {
+          return new URL(input.src, window.location.origin).hostname
+        }
+        catch {
+          return ''
+        }
       })()
       const domains = new Set<string>([
         ...(scriptHostname ? [scriptHostname] : []),
@@ -341,7 +352,10 @@ export function useScript<T extends Record<symbol | string, any> = Record<symbol
       const disconnectObserver = observeNetworkRequests(payload, domains, syncScripts)
       // Clean up observer when script is removed
       const _origRemove = instance.remove
-      instance.remove = () => { disconnectObserver(); return _origRemove() }
+      instance.remove = () => {
+        disconnectObserver()
+        return _origRemove()
+      }
 
       syncScripts()
     }

From c3681619aeeade3af7fcf1c6ed735fd799d45534 Mon Sep 17 00:00:00 2001
From: Harlan Wilton <harlan@harlanzw.com>
Date: Tue, 24 Mar 2026 23:32:53 +1100
Subject: [PATCH 3/3] fix: address review comments and improve devtools
 tree-shaking

- Fix same-origin hostname matching capturing all local network requests
- Reconnect PerformanceObserver after script reload()
- Fix Error-to-string type mismatch in devtools state
- Fix validation error path using loop index instead of issue path
- Fix antfu/if-newline lint violations across devtools
- Add focus-visible to registry docs link for keyboard accessibility
- Fix capability matrix rendering URL logos via v-html
- Use :active-tab instead of v-model on getter-only computed
---
 devtools/app.vue                     |  2 +-
 devtools/components/ScriptStatus.vue |  6 ++-
 devtools/composables/state.ts        | 16 +++----
 devtools/pages/index.vue             |  2 +-
 devtools/pages/registry.vue          | 19 ++++++---
 devtools/utils/formatting.ts         |  9 ++--
 src/runtime/composables/useScript.ts | 63 +++++++++++++++-------------
 src/runtime/utils.ts                 |  1 +
 8 files changed, 70 insertions(+), 48 deletions(-)

diff --git a/devtools/app.vue b/devtools/app.vue
index de3f5abe..8e068c41 100644
--- a/devtools/app.vue
+++ b/devtools/app.vue
@@ -30,7 +30,7 @@ const runtimeVersion = computed(() => version.value)
 
 <template>
   <DevtoolsLayout
-    v-model:active-tab="currentTab"
+    :active-tab="currentTab"
     title="Scripts"
     icon="carbon:script"
     :version="runtimeVersion"
diff --git a/devtools/components/ScriptStatus.vue b/devtools/components/ScriptStatus.vue
index 765857b3..213961f5 100644
--- a/devtools/components/ScriptStatus.vue
+++ b/devtools/components/ScriptStatus.vue
@@ -5,14 +5,16 @@ const { status, error } = defineProps<{
 }>()
 
 const displayStatus = computed(() => {
-  if (error)
+  if (error) {
     return error === 'TypeError: Failed to fetch' ? 'CORS Error' : error
+  }
   return status || 'unknown'
 })
 
 const statusClass = computed(() => {
-  if (error || status === 'error')
+  if (error || status === 'error') {
     return 'status-error'
+  }
   switch (status) {
     case 'loaded': return 'status-loaded'
     case 'loading': return 'status-loading'
diff --git a/devtools/composables/state.ts b/devtools/composables/state.ts
index 0405fd68..0f51ddbc 100644
--- a/devtools/composables/state.ts
+++ b/devtools/composables/state.ts
@@ -44,10 +44,12 @@ export async function initRegistry() {
   scriptRegistry.value = await _registryPromise
 }
 
-const wordSepPattern = /([\s_-])+/g
+const WORD_SEPARATOR_RE = /([\s_-])+/g
+const SPACE_RE = / /g
+const FUNC_PARAMS_RE = /\(([^)]*)\)/
 
 function titleToCamelCase(s: string) {
-  return s.replace(wordSepPattern, ' ').split(' ').map((w, i) => {
+  return s.replace(WORD_SEPARATOR_RE, ' ').split(' ').map((w, i) => {
     if (i === 0)
       return w.toLowerCase()
     return w.charAt(0).toUpperCase() + w.slice(1).toLowerCase()
@@ -64,7 +66,7 @@ export function syncScripts(_scripts: any[]) {
       .map(([key, script]: [string, any]) => {
         script.registry = scriptRegistry.value.find(s => titleToCamelCase(s.label) === script.registryKey)
         if (script.registry) {
-          const kebabCaseLabel = script.registry.label.toLowerCase().replaceAll(' ', '-')
+          const kebabCaseLabel = script.registry.label.toLowerCase().replace(SPACE_RE, '-')
           script.docs = `https://scripts.nuxt.com/scripts/${kebabCaseLabel}`
         }
         const loadingAt = script.events?.find((e: any) => e.status === 'loading')?.at || 0
@@ -80,8 +82,8 @@ export function syncScripts(_scripts: any[]) {
                 script.size = res.size
               }
               if (res.error) {
-                scriptErrors[scriptSizeKey] = res.error
-                script.error = res.error
+                scriptErrors[scriptSizeKey] = res.error instanceof Error ? res.error.message : String(res.error)
+                script.error = scriptErrors[scriptSizeKey]
               }
             })
         }
@@ -121,11 +123,9 @@ export function scriptLogo(script: any) {
 }
 
 // Interface formatting
-const paramPattern = /\(([^)]*)\)/
-
 export function formatFunctionSignature(name: string, func: (...args: any[]) => any): string {
   const funcStr = func.toString()
-  const paramMatch = funcStr.match(paramPattern)
+  const paramMatch = funcStr.match(FUNC_PARAMS_RE)
   const params = paramMatch?.[1]?.trim() || ''
 
   const formattedParams = params
diff --git a/devtools/pages/index.vue b/devtools/pages/index.vue
index a51296ff..003b590b 100644
--- a/devtools/pages/index.vue
+++ b/devtools/pages/index.vue
@@ -189,7 +189,7 @@ function statusBadgeClass(status: string) {
                       {{ event.status }}
                     </span>
                     <span class="text-[11px] text-(--color-text-subtle) truncate">
-                      {{ event.args.issues.map((i: any) => `${key}.${i.path?.map((i: any) => i.key).join(',')}: ${i.message}`).join(',') }}
+                      {{ event.args.issues.map((i: any) => `${i.path?.map((p: any) => p.key).join('.')}: ${i.message}`).join(', ') }}
                     </span>
                   </div>
                   <span v-else class="event-badge" :class="statusBadgeClass(event.status)">
diff --git a/devtools/pages/registry.vue b/devtools/pages/registry.vue
index 25fb7544..95b33f85 100644
--- a/devtools/pages/registry.vue
+++ b/devtools/pages/registry.vue
@@ -11,17 +11,20 @@ type CapState = 'active' | 'available' | 'off'
 
 function capState(script: any, capKey: string): CapState {
   const supported = script.capabilities?.[capKey]
-  if (!supported)
+  if (!supported) {
     return 'off'
+  }
   const active = script.defaultCapability?.[capKey]
   return active ? 'active' : 'available'
 }
 
 function capStateLabel(state: CapState): string {
-  if (state === 'active')
+  if (state === 'active') {
     return 'Active by default'
-  if (state === 'available')
+  }
+  if (state === 'available') {
     return 'Supported (opt-in)'
+  }
   return 'Not supported'
 }
 </script>
@@ -117,7 +120,7 @@ function capStateLabel(state: CapState): string {
             <a
               :href="`https://scripts.nuxt.com/scripts/${script.label.toLowerCase().replace(/ /g, '-')}`"
               target="_blank"
-              class="opacity-0 group-hover:opacity-60 transition-opacity flex-shrink-0"
+              class="opacity-0 group-hover:opacity-60 focus-visible:opacity-60 transition-opacity flex-shrink-0"
               aria-label="View documentation"
             >
               <UIcon name="i-carbon-launch" class="text-sm" />
@@ -163,8 +166,14 @@ function capStateLabel(state: CapState): string {
               >
                 <td class="px-4 py-2 font-medium whitespace-nowrap">
                   <div class="flex items-center gap-2">
+                    <img
+                      v-if="script.logo && typeof script.logo === 'string' && script.logo.startsWith('http')"
+                      class="w-4 h-4 object-contain"
+                      :src="typeof script.logo === 'object' ? script.logo.dark || script.logo.light : script.logo"
+                      alt=""
+                    >
                     <div
-                      v-if="script.logo"
+                      v-else-if="script.logo"
                       class="w-4 h-4 flex items-center [&>svg]:max-h-4 [&>svg]:max-w-4"
                       v-html="typeof script.logo === 'object' ? (script.logo.dark || script.logo.light) : script.logo"
                     />
diff --git a/devtools/utils/formatting.ts b/devtools/utils/formatting.ts
index 5a112095..cce8603d 100644
--- a/devtools/utils/formatting.ts
+++ b/devtools/utils/formatting.ts
@@ -27,11 +27,14 @@ export function msToHumanReadable(ms: number) {
 }
 
 export function bytesToHumanReadable(bytes: number) {
-  if (bytes === 0)
+  if (bytes === 0) {
     return '0 B'
-  if (bytes < 1024)
+  }
+  if (bytes < 1024) {
     return `${bytes} B`
-  if (bytes < 1024 * 1024)
+  }
+  if (bytes < 1024 * 1024) {
     return `${(bytes / 1024).toFixed(1)} KB`
+  }
   return `${(bytes / (1024 * 1024)).toFixed(1)} MB`
 }
diff --git a/src/runtime/composables/useScript.ts b/src/runtime/composables/useScript.ts
index 9adcdc05..6a6edcf1 100644
--- a/src/runtime/composables/useScript.ts
+++ b/src/runtime/composables/useScript.ts
@@ -14,8 +14,11 @@ type NuxtScriptsApp = ReturnType<typeof useNuxtApp> & {
 }
 
 /**
- * Resolve the proxy prefix from runtime config. Falls back to the default `/_scripts/p`.
+ * Devtools network tracking utilities.
+ * All functions below are only called inside `import.meta.dev` guards,
+ * so bundlers eliminate them (and their closures) in production builds.
  */
+
 function resolveProxyPrefix(): string {
   const devtoolsConfig = useRuntimeConfig().public['nuxt-scripts-devtools'] as any
   return devtoolsConfig?.proxyPrefix || '/_scripts/p'
@@ -41,10 +44,13 @@ function toNetworkRequest(entry: PerformanceResourceTiming, proxyPrefix: string)
 }
 
 function createDomainMatcher(domains: Set<string>, proxyPrefix: string) {
+  const localHostname = window.location.hostname
   return function matchesScript(entry: PerformanceResourceTiming): boolean {
     try {
       const entryUrl = new URL(entry.name, window.location.origin)
-      if (domains.has(entryUrl.hostname))
+      // Skip same-origin hostname matching to avoid capturing unrelated
+      // same-origin requests (API calls, images, HMR, etc.)
+      if (entryUrl.hostname !== localHostname && domains.has(entryUrl.hostname))
         return true
       // match proxied paths: <proxyPrefix>/<domain>/...
       const proxyPath = `${proxyPrefix}/`
@@ -56,15 +62,11 @@ function createDomainMatcher(domains: Set<string>, proxyPrefix: string) {
           return true
       }
     }
-    catch {}
+    catch {} // malformed URLs are expected, safe to ignore
     return false
   }
 }
 
-/**
- * Observe network requests matching a set of domains and push them into the payload.
- * Returns a cleanup function that disconnects the observer.
- */
 function observeNetworkRequests(
   payload: NuxtDevToolsScriptInstance,
   domains: Set<string>,
@@ -75,7 +77,6 @@ function observeNetworkRequests(
 
   const proxyPrefix = resolveProxyPrefix()
   const matchesScript = createDomainMatcher(domains, proxyPrefix)
-  // Track seen entries to prevent duplicates between getEntriesByType and observer
   const seen = new Set<string>()
 
   function entryKey(entry: PerformanceResourceTiming): string {
@@ -93,11 +94,9 @@ function observeNetworkRequests(
     return true
   }
 
-  // capture existing entries
   for (const entry of performance.getEntriesByType('resource') as PerformanceResourceTiming[])
     processEntry(entry)
 
-  // observe new entries
   const observer = new PerformanceObserver((list) => {
     let added = false
     for (const entry of list.getEntries() as PerformanceResourceTiming[]) {
@@ -112,6 +111,20 @@ function observeNetworkRequests(
   return () => observer.disconnect()
 }
 
+/**
+ * Extract a non-local hostname from a script src, or empty string.
+ * Skips same-origin hostnames so they don't match all local resources.
+ */
+function extractExternalHostname(src: string | undefined): string {
+  if (!src)
+    return ''
+  try {
+    const hostname = new URL(src, window.location.origin).hostname
+    return hostname === window.location.hostname ? '' : hostname
+  }
+  catch { return '' }
+}
+
 function ensureScripts(nuxtApp: NuxtScriptsApp) {
   // When registry scripts are configured, the plugin provides $scripts via Nuxt's
   // provide() which creates a getter-only property. We must not reassign it.
@@ -165,14 +178,7 @@ export function useScript<T extends Record<symbol | string, any> = Record<symbol
     // (same-origin), so they appear in the main thread's Performance API
     if (import.meta.dev && import.meta.client) {
       nuxtApp._scripts = nuxtApp._scripts || {}
-      const scriptHostname = (() => {
-        try {
-          return new URL(src, window.location.origin).hostname
-        }
-        catch {
-          return ''
-        }
-      })()
+      const scriptHostname = extractExternalHostname(src)
       const domains = new Set<string>([
         ...(scriptHostname ? [scriptHostname] : []),
         ...(options.devtools?.domains || []),
@@ -337,25 +343,26 @@ export function useScript<T extends Record<symbol | string, any> = Record<symbol
       })
 
       // Network request tracking via Resource Timing API
-      const scriptHostname = (() => {
-        try {
-          return new URL(input.src, window.location.origin).hostname
-        }
-        catch {
-          return ''
-        }
-      })()
+      const scriptHostname = extractExternalHostname(input.src)
       const domains = new Set<string>([
         ...(scriptHostname ? [scriptHostname] : []),
         ...(options.devtools?.domains || []),
       ])
-      const disconnectObserver = observeNetworkRequests(payload, domains, syncScripts)
-      // Clean up observer when script is removed
+      let disconnectObserver = observeNetworkRequests(payload, domains, syncScripts)
+      // Clean up observer when script is removed, but keep it alive across reload()
       const _origRemove = instance.remove
+      const _origReload = instance.reload
       instance.remove = () => {
         disconnectObserver()
         return _origRemove()
       }
+      instance.reload = async () => {
+        // Disconnect before reload, reconnect after so new network entries are tracked
+        disconnectObserver()
+        const result = await _origReload()
+        disconnectObserver = observeNetworkRequests(payload, domains, syncScripts)
+        return result
+      }
 
       syncScripts()
     }
diff --git a/src/runtime/utils.ts b/src/runtime/utils.ts
index 31b29f08..3c33d265 100644
--- a/src/runtime/utils.ts
+++ b/src/runtime/utils.ts
@@ -16,6 +16,7 @@ import { parse } from 'valibot'
 import { useScript } from './composables/useScript'
 import { createNpmScriptStub } from './npm-script-stub'
 
+// Dev-only: stack trace parsing for component location detection (only referenced inside import.meta.dev)
 const URL_MATCH_RE = /https?:\/\/[^/]+\/_nuxt\/(.+\.vue)(?:\?[^)]*)?:(\d+):(\d+)/
 const URL_PAREN_MATCH_RE = /\(https?:\/\/[^/]+\/_nuxt\/(.+\.vue)(?:\?[^)]*)?:(\d+):(\d+)\)/
 const VUE_MATCH_RE = /([^/\s]+\.vue):(\d+):(\d+)/