diff --git a/.github/workflows/ci.yml b/.github/workflows/ci.yml
index dd5f6b1b0..bd309e6cd 100644
--- a/.github/workflows/ci.yml
+++ b/.github/workflows/ci.yml
@@ -28,7 +28,7 @@ jobs:
           cache: pnpm
           node-version: lts/*
       - run: pnpm install --ignore-scripts
-      - run: pnpm build --filter=./packages/*
+      - run: pnpm build --filter=!./apps/*
       - run: pnpm lint
 
   test:
diff --git a/.github/workflows/lint-fix.yml b/.github/workflows/lint-fix.yml
index 45d8ee9f1..aa98f902f 100644
--- a/.github/workflows/lint-fix.yml
+++ b/.github/workflows/lint-fix.yml
@@ -31,7 +31,7 @@ jobs:
         with:
           app-id: ${{ secrets.ECOSPARK_APP_ID }}
           private-key: ${{ secrets.ECOSPARK_APP_PRIVATE_KEY }}
-      - uses: peter-evans/create-pull-request@8867c4aba1b742c39f8d0ba35429c2dfa4b6cb20 # v7
+      - uses: peter-evans/create-pull-request@5e914681df9dc83aa4e4905692ca88beb2f9e91f # v7
         with:
           body: I ran `pnpm lint:fix` 🧑‍💻
           branch: actions/lint-fix
diff --git a/.github/workflows/prettier.yml b/.github/workflows/prettier.yml
index 0e4bc021a..5eae35018 100644
--- a/.github/workflows/prettier.yml
+++ b/.github/workflows/prettier.yml
@@ -2,7 +2,7 @@ name: Prettier
 
 on:
   push:
-    branches: [main]
+    branches: [main, canary]
   workflow_dispatch:
 
 concurrency:
@@ -23,8 +23,7 @@ jobs:
         with:
           cache: pnpm
           node-version: lts/*
-
-      - run: pnpm install --dev --ignore-scripts
+      - run: pnpm install --ignore-scripts
       - uses: actions/cache@v4
         with:
           path: node_modules/.cache/prettier/.prettier-cache
@@ -36,10 +35,10 @@ jobs:
         with:
           app-id: ${{ secrets.ECOSPARK_APP_ID }}
           private-key: ${{ secrets.ECOSPARK_APP_PRIVATE_KEY }}
-      - uses: peter-evans/create-pull-request@8867c4aba1b742c39f8d0ba35429c2dfa4b6cb20 # v7
+      - uses: peter-evans/create-pull-request@5e914681df9dc83aa4e4905692ca88beb2f9e91f # v7
         with:
           body: I ran `pnpm format` 🧑‍💻
-          branch: actions/prettier
+          branch: "actions/prettier-${{ github.ref_name }}"
           commit-message: 'chore(prettier): 🤖 ✨'
           labels: 🤖 bot
           sign-commits: true
diff --git a/.github/workflows/release-canary.yml b/.github/workflows/release-canary.yml
index ee6d266bc..a7dd41782 100644
--- a/.github/workflows/release-canary.yml
+++ b/.github/workflows/release-canary.yml
@@ -18,6 +18,8 @@ jobs:
     env:
       TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
       TURBO_TEAM: ${{ vars.TURBO_TEAM }}
+      # Enable the new QRCode Preview URL menu on canary versions
+      PRESENTATION_ENABLE_QRCODE: true
     steps:
       - uses: actions/create-github-app-token@v1
         id: generate-token
diff --git a/.github/workflows/release-please.yml b/.github/workflows/release-please.yml
index 34fbc125c..9f4ba8a5e 100644
--- a/.github/workflows/release-please.yml
+++ b/.github/workflows/release-please.yml
@@ -24,6 +24,8 @@ jobs:
     env:
       TURBO_TOKEN: ${{ secrets.TURBO_TOKEN }}
       TURBO_TEAM: ${{ vars.TURBO_TEAM }}
+      # Disable the new QRCode feature on production builds
+      PRESENTATION_ENABLE_QRCODE: false
     steps:
       - uses: actions/create-github-app-token@v1
         id: generate-token
@@ -38,25 +40,25 @@ jobs:
 
       # Publish to NPM on new releases
       - uses: actions/checkout@v4
-        if: ${{ steps.release.outputs.release_created || github.event.inputs.publish == 'true' }}
+        if: ${{ steps.release.outputs.releases_created || github.event.inputs.publish == 'true' }}
       - uses: pnpm/action-setup@v4
-        if: ${{ steps.release.outputs.release_created || github.event.inputs.publish == 'true' }}
+        if: ${{ steps.release.outputs.releases_created || github.event.inputs.publish == 'true' }}
       - uses: actions/setup-node@v4
-        if: ${{ steps.release.outputs.release_created || github.event.inputs.publish == 'true' }}
+        if: ${{ steps.release.outputs.releases_created || github.event.inputs.publish == 'true' }}
         with:
           cache: pnpm
           node-version: lts/*
       - name: install deps & build
-        run: pnpm install --ignore-scripts && pnpm build --filter=./packages/*
-        if: ${{ steps.release.outputs.release_created || github.event.inputs.publish == 'true' }}
+        run: pnpm install --ignore-scripts && pnpm build --filter=!./apps/*
+        if: ${{ steps.release.outputs.releases_created || github.event.inputs.publish == 'true' }}
       - name: Set publishing config
         run: pnpm config set '//registry.npmjs.org/:_authToken' "${NODE_AUTH_TOKEN}"
-        if: ${{ steps.release.outputs.release_created || github.event.inputs.publish == 'true' }}
+        if: ${{ steps.release.outputs.releases_created || github.event.inputs.publish == 'true' }}
         env:
           NODE_AUTH_TOKEN: ${{secrets.NPM_PUBLISH_TOKEN}}
       # Release Please has already incremented versions and published tags, so we just
       # need to publish all unpublished versions to NPM here
       - run: pnpm -r publish
-        if: ${{ steps.release.outputs.release_created || github.event.inputs.publish == 'true' }}
+        if: ${{ steps.release.outputs.releases_created || github.event.inputs.publish == 'true' }}
         env:
           NPM_CONFIG_PROVENANCE: true
diff --git a/.prettierignore b/.prettierignore
index 5d4232d3f..8c56ad49e 100644
--- a/.prettierignore
+++ b/.prettierignore
@@ -7,10 +7,16 @@
 apps/*/.next
 apps/*/build
 apps/*/dist
+apps/*/.output
 apps/*/public/build
+apps/*/sanity.types.ts
 CHANGELOG.md
 packages/*/dist
 packages/*/dist-svelte
 packages/*/storybook-static
+packages/@repo/*/dist
+packages/@repo/*/dist-svelte
+packages/@repo/*/storybook-static
 pnpm-lock.yaml
 tsconfig.json
+
diff --git a/apps/astro/README.md b/apps/astro/README.md
deleted file mode 100644
index 5558406ee..000000000
--- a/apps/astro/README.md
+++ /dev/null
@@ -1 +0,0 @@
-# Astro
diff --git a/apps/astro/astro.config.mjs b/apps/astro/astro.config.mjs
index e96e2121f..be39175f2 100644
--- a/apps/astro/astro.config.mjs
+++ b/apps/astro/astro.config.mjs
@@ -1,11 +1,12 @@
-import {defineConfig} from 'astro/config'
-import {workspaces, studioUrl as baseUrl, apiVersion} from 'apps-common/env'
-import sanity from '@sanity/astro'
 import react from '@astrojs/react'
 import tailwind from '@astrojs/tailwind'
 import vercel from '@astrojs/vercel/serverless'
-const {projectId, dataset, workspace} = workspaces['astro']
-const studioUrl = `${baseUrl}/${workspace}`
+import {apiVersion, workspaces} from '@repo/env'
+import {studioUrl as baseUrl} from '@repo/studio-url'
+import sanity from '@sanity/astro'
+import {defineConfig} from 'astro/config'
+
+const {projectId, dataset} = workspaces['astro']
 
 // https://astro.build/config
 export default defineConfig({
@@ -17,7 +18,17 @@ export default defineConfig({
       useCdn: true,
       apiVersion,
       stega: {
-        studioUrl,
+        studioUrl: (sourceDocument) => {
+          if (
+            sourceDocument._projectId === workspaces['cross-dataset-references'].projectId &&
+            sourceDocument._dataset === workspaces['cross-dataset-references'].dataset
+          ) {
+            const {workspace, tool} = workspaces['cross-dataset-references']
+            return {baseUrl, workspace, tool}
+          }
+          const {workspace, tool} = workspaces['astro']
+          return {baseUrl, workspace, tool}
+        },
       },
     }),
     react(),
diff --git a/apps/astro/package.json b/apps/astro/package.json
index 17f709274..0f691e782 100644
--- a/apps/astro/package.json
+++ b/apps/astro/package.json
@@ -10,22 +10,28 @@
     "preview": "astro preview",
     "start": "astro dev"
   },
+  "prettier": "@repo/prettier-config",
   "dependencies": {
-    "@astrojs/check": "^0.9.3",
+    "@astrojs/check": "^0.9.4",
     "@astrojs/react": "^3.6.2",
-    "@astrojs/tailwind": "^5.1.0",
-    "@astrojs/vercel": "^7.8.0",
+    "@astrojs/tailwind": "^5.1.2",
+    "@astrojs/vercel": "^7.8.1",
+    "@repo/env": "workspace:*",
+    "@repo/studio-url": "workspace:*",
     "@sanity/astro": "^3.1.6",
-    "@sanity/client": "^6.21.3",
+    "@sanity/client": "^6.22.1",
     "@sanity/image-url": "^1.0.2",
     "@sanity/visual-editing": "workspace:*",
-    "apps-common": "workspace:^",
-    "astro": "^4.15.4",
+    "@vercel/stega": "^0.1.2",
+    "astro": "^4.16.5",
     "astro-portabletext": "^0.10.0",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "sanity": "3.57.2",
-    "tailwindcss": "^3.4.10",
-    "typescript": "5.6.2"
+    "sanity": "3.61.0",
+    "tailwindcss": "^3.4.14",
+    "typescript": "5.6.3"
+  },
+  "devDependencies": {
+    "@repo/prettier-config": "workspace:*"
   }
 }
diff --git a/apps/astro/src/layouts/layout.astro b/apps/astro/src/layouts/layout.astro
index 1bfe99615..46b2b0e05 100644
--- a/apps/astro/src/layouts/layout.astro
+++ b/apps/astro/src/layouts/layout.astro
@@ -1,5 +1,6 @@
 ---
 import {VisualEditing} from '@sanity/astro/visual-editing'
+
 const visualEditingEnabled = import.meta.env.SANITY_VISUAL_EDITING_ENABLED == 'true'
 
 export type props = {
diff --git a/apps/astro/src/pages/shoes/[slug].astro b/apps/astro/src/pages/shoes/[slug].astro
index f601fcff9..23e4cbd4f 100644
--- a/apps/astro/src/pages/shoes/[slug].astro
+++ b/apps/astro/src/pages/shoes/[slug].astro
@@ -1,10 +1,10 @@
 ---
-import {shoe, shoesList, type ShoeResult, type ShoesListResult} from 'apps-common/queries'
-import {formatCurrency} from 'apps-common/utils'
 import {PortableText} from 'astro-portabletext'
 import Layout from '../../layouts/layout.astro'
 import {loadQuery} from '../../load-query'
+import {shoe, shoesList, type ShoeResult, type ShoesListResult} from '../../queries'
 import {urlFor, urlForCrossDatasetReference} from '../../sanity'
+import {formatCurrency} from '../../utils'
 
 const {slug} = Astro.params
 
diff --git a/apps/astro/src/pages/shoes/index.astro b/apps/astro/src/pages/shoes/index.astro
index b3ad74127..96bc60dd8 100644
--- a/apps/astro/src/pages/shoes/index.astro
+++ b/apps/astro/src/pages/shoes/index.astro
@@ -1,9 +1,9 @@
 ---
-import {shoesList, type ShoesListResult} from 'apps-common/queries'
-import {formatCurrency} from 'apps-common/utils'
 import Layout from '../../layouts/layout.astro'
 import {loadQuery} from '../../load-query'
+import {shoesList, type ShoesListResult} from '../../queries'
 import {urlFor, urlForCrossDatasetReference} from '../../sanity'
+import {formatCurrency} from '../../utils'
 
 const {data: products} = await loadQuery<ShoesListResult>({query: shoesList})
 const _loading = false
diff --git a/apps/common/src/queries.ts b/apps/astro/src/queries.ts
similarity index 100%
rename from apps/common/src/queries.ts
rename to apps/astro/src/queries.ts
diff --git a/apps/astro/src/sanity.ts b/apps/astro/src/sanity.ts
index 042390d07..39e07c5f5 100644
--- a/apps/astro/src/sanity.ts
+++ b/apps/astro/src/sanity.ts
@@ -1,5 +1,5 @@
+import {workspaces} from '@repo/env'
 import imageUrlBuilder from '@sanity/image-url'
-import {workspaces} from 'apps-common/env'
 
 const {projectId, dataset} = workspaces['astro']
 
diff --git a/apps/astro/src/utils.ts b/apps/astro/src/utils.ts
new file mode 100644
index 000000000..e60534636
--- /dev/null
+++ b/apps/astro/src/utils.ts
@@ -0,0 +1,18 @@
+import {vercelStegaSplit} from '@vercel/stega'
+
+export function formatCurrency(_value: number | string): string {
+  let value = typeof _value === 'string' ? undefined : _value
+  let encoded = ''
+  if (typeof _value === 'string') {
+    const split = vercelStegaSplit(_value)
+    value = parseInt(split.cleaned, 10)
+    encoded = split.encoded
+  }
+  const formatter = new Intl.NumberFormat('en', {
+    style: 'currency',
+    currency: 'USD',
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0,
+  })
+  return `${formatter.format(value!)}${encoded}`
+}
diff --git a/apps/common/package.json b/apps/common/package.json
deleted file mode 100644
index 70ef68ffc..000000000
--- a/apps/common/package.json
+++ /dev/null
@@ -1,103 +0,0 @@
-{
-  "name": "apps-common",
-  "version": "0.0.0",
-  "private": true,
-  "license": "MIT",
-  "author": "Sanity.io <hello@sanity.io>",
-  "sideEffects": false,
-  "type": "module",
-  "exports": {
-    ".": "./src/index.ts",
-    "./env": "./src/env.ts",
-    "./queries": "./src/queries.ts",
-    "./utils": "./src/utils.ts",
-    "./package.json": "./package.json"
-  },
-  "files": [
-    "src"
-  ],
-  "scripts": {
-    "lint": "eslint .",
-    "test": "tsc --noEmit"
-  },
-  "prettier": "@sanity/prettier-config",
-  "eslintConfig": {
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-      "ecmaFeatures": {
-        "jsx": true
-      },
-      "ecmaVersion": 2018,
-      "sourceType": "module"
-    },
-    "settings": {
-      "react": {
-        "version": "detect"
-      }
-    },
-    "plugins": [
-      "@typescript-eslint",
-      "react",
-      "react-hooks",
-      "simple-import-sort",
-      "prettier"
-    ],
-    "extends": [
-      "plugin:react/recommended",
-      "plugin:react-hooks/recommended",
-      "plugin:react/jsx-runtime",
-      "eslint:recommended",
-      "plugin:prettier/recommended",
-      "plugin:@typescript-eslint/eslint-recommended",
-      "plugin:@typescript-eslint/recommended"
-    ],
-    "rules": {
-      "no-console": "error",
-      "no-warning-comments": [
-        "warn",
-        {
-          "location": "start",
-          "terms": [
-            "todo",
-            "@todo",
-            "fixme"
-          ]
-        }
-      ],
-      "@typescript-eslint/explicit-module-boundary-types": "error",
-      "@typescript-eslint/member-delimiter-style": "off",
-      "@typescript-eslint/no-empty-interface": "off",
-      "prettier/prettier": "warn",
-      "react-hooks/exhaustive-deps": "error",
-      "react-hooks/rules-of-hooks": "error",
-      "react/prop-types": "off",
-      "simple-import-sort/exports": "warn",
-      "simple-import-sort/imports": "warn"
-    },
-    "root": true
-  },
-  "dependencies": {
-    "@sanity/icons": "^3.4.0",
-    "@sanity/react-loader": "workspace:*",
-    "@sanity/ui": "2.8.9",
-    "@vercel/stega": "0.1.2"
-  },
-  "devDependencies": {
-    "react": "^18.3.1",
-    "react-dom": "^18.3.1",
-    "rxjs": "^7.8.1",
-    "sanity": "^3.57.2",
-    "styled-components": "6.1.13",
-    "typescript": "5.6.2"
-  },
-  "peerDependencies": {
-    "react": "^18.3.0",
-    "react-dom": "^18.3.0",
-    "rxjs": "^7.8.1",
-    "sanity": "^3.57.2",
-    "styled-components": "^6.1.8"
-  },
-  "engines": {
-    "node": ">=18"
-  }
-}
diff --git a/apps/common/src/index.ts b/apps/common/src/index.ts
deleted file mode 100644
index cb7cdd48b..000000000
--- a/apps/common/src/index.ts
+++ /dev/null
@@ -1 +0,0 @@
-export * from './schema'
diff --git a/apps/common/src/lib/findField.ts b/apps/common/src/lib/findField.ts
deleted file mode 100644
index de4224157..000000000
--- a/apps/common/src/lib/findField.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import type {FieldMember, ObjectFormNode} from 'sanity'
-
-import {isFieldMember} from './isFieldMember'
-
-/** @alpha */
-export function findFieldMember<N extends FieldMember = FieldMember>(
-  node: Omit<ObjectFormNode, '_allMembers'>,
-  name: string,
-): N | undefined {
-  return node.members.filter(isFieldMember).find((m) => m.name === name) as N | undefined
-}
diff --git a/apps/common/src/lib/isFieldMember.ts b/apps/common/src/lib/isFieldMember.ts
deleted file mode 100644
index 0542b550a..000000000
--- a/apps/common/src/lib/isFieldMember.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import type {FieldMember, ObjectMember} from 'sanity'
-
-/** @alpha */
-export function isFieldMember(member: ObjectMember): member is FieldMember {
-  return member.kind === 'field'
-}
diff --git a/apps/common/src/lib/useReferenceEditState.ts b/apps/common/src/lib/useReferenceEditState.ts
deleted file mode 100644
index 49a7bd68e..000000000
--- a/apps/common/src/lib/useReferenceEditState.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import {useEffect, useState} from 'react'
-import {EMPTY, switchMap} from 'rxjs'
-import {type EditStateFor, getPublishedId, useDocumentPreviewStore, useDocumentStore} from 'sanity'
-
-export function useReferenceEditState(documentId?: string): EditStateFor | undefined {
-  const documentStore = useDocumentStore()
-  const previewStore = useDocumentPreviewStore()
-  const [editState, setEditState] = useState<EditStateFor | undefined>()
-
-  useEffect(() => {
-    setEditState(undefined)
-
-    if (!documentId) return undefined
-
-    const type$ = previewStore.observeDocumentTypeFromId(documentId)
-    const editState$ = type$.pipe(
-      switchMap((type) => {
-        if (!type) return EMPTY
-
-        return documentStore.pair.editState(getPublishedId(documentId), type)
-      }),
-    )
-
-    const sub = editState$.subscribe({next: setEditState})
-
-    return () => sub.unsubscribe()
-  }, [documentId, documentStore, previewStore])
-
-  return editState
-}
diff --git a/apps/common/src/schema/defineSchema.ts b/apps/common/src/schema/defineSchema.ts
deleted file mode 100644
index 7d89088b9..000000000
--- a/apps/common/src/schema/defineSchema.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-import {isArray, type SchemaTypeDefinition} from 'sanity'
-
-export function defineSchema(options: SchemaTypeDefinition[]): {
-  types: SchemaTypeDefinition[]
-} {
-  if (isArray(options)) return {types: options}
-
-  return options
-}
diff --git a/apps/common/src/schema/index.ts b/apps/common/src/schema/index.ts
deleted file mode 100644
index e459951ba..000000000
--- a/apps/common/src/schema/index.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import {defineSchema} from './defineSchema'
-import {pageSchema} from './page'
-import {productSchema} from './product'
-import {projectSchema} from './project'
-import {shoeSchema} from './shoe'
-import {siteSettingsSchema} from './siteSettings'
-
-/** @public */
-export const schema = defineSchema([
-  ...pageSchema.types,
-  ...productSchema.types,
-  ...shoeSchema.types,
-  ...projectSchema.types,
-  ...siteSettingsSchema.types,
-])
diff --git a/apps/common/src/schema/page/index.ts b/apps/common/src/schema/page/index.ts
deleted file mode 100644
index 57e0063e1..000000000
--- a/apps/common/src/schema/page/index.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import {defineSchema} from '../defineSchema'
-import {sectionStyleType} from './objects/sectionStyle'
-import {pageType} from './page'
-import {pageSectionType} from './pageSectionType'
-
-export const pageSchema = defineSchema([
-  // objects
-  sectionStyleType,
-
-  // documents
-  pageType,
-  pageSectionType,
-])
diff --git a/apps/common/src/schema/page/objects/sectionStyle.ts b/apps/common/src/schema/page/objects/sectionStyle.ts
deleted file mode 100644
index 77a1d735f..000000000
--- a/apps/common/src/schema/page/objects/sectionStyle.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import {defineField, defineType} from 'sanity'
-
-export const sectionStyleType = defineType({
-  type: 'object',
-  name: 'sectionStyle',
-  title: 'Section style',
-  fields: [
-    defineField({
-      type: 'string',
-      name: 'variant',
-      title: 'Variant',
-      options: {
-        list: [
-          {
-            title: 'Default',
-            value: 'default',
-          },
-          {
-            title: 'Inverted',
-            value: 'inverted',
-          },
-        ],
-      },
-      initialValue: 'default',
-      validation: (rule) => rule.required(),
-    }),
-  ],
-})
diff --git a/apps/common/src/schema/page/page.tsx b/apps/common/src/schema/page/page.tsx
deleted file mode 100644
index fd10bc27c..000000000
--- a/apps/common/src/schema/page/page.tsx
+++ /dev/null
@@ -1,38 +0,0 @@
-import {defineField, defineType} from 'sanity'
-
-import {pageSectionArrayMember} from './section'
-import {featuredProductsSectionType} from './sections/featuredProducts'
-import {featureHighlightSectionType} from './sections/featureHighlight'
-import {heroSectionType} from './sections/hero'
-import {introSectionType} from './sections/intro'
-
-export const pageType = defineType({
-  type: 'document',
-  name: 'page',
-  fields: [
-    defineField({
-      type: 'string',
-      name: 'title',
-      title: 'Title',
-    }),
-    defineField({
-      type: 'slug',
-      name: 'slug',
-      title: 'Slug',
-      options: {source: 'title'},
-      hidden: (ctx) => ['home', 'drafts.home'].includes(ctx.document?._id as string),
-    }),
-    defineField({
-      type: 'array',
-      name: 'sections',
-      title: 'Sections',
-      of: [
-        heroSectionType,
-        introSectionType,
-        featuredProductsSectionType,
-        featureHighlightSectionType,
-        pageSectionArrayMember,
-      ],
-    }),
-  ],
-})
diff --git a/apps/common/src/schema/page/pageSectionType.ts b/apps/common/src/schema/page/pageSectionType.ts
deleted file mode 100644
index fa553eb57..000000000
--- a/apps/common/src/schema/page/pageSectionType.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import {defineField, defineType} from 'sanity'
-
-export const pageSectionType = defineType({
-  type: 'document',
-  name: 'page.section',
-  fields: [
-    defineField({
-      type: 'string',
-      name: 'headline',
-      title: 'Headline',
-    }),
-    defineField({
-      type: 'string',
-      name: 'tagline',
-      title: 'Tagline',
-    }),
-    defineField({
-      type: 'string',
-      name: 'subline',
-      title: 'Subline',
-    }),
-  ],
-})
diff --git a/apps/common/src/schema/page/section.ts b/apps/common/src/schema/page/section.ts
deleted file mode 100644
index fa094ce30..000000000
--- a/apps/common/src/schema/page/section.ts
+++ /dev/null
@@ -1,23 +0,0 @@
-import {defineArrayMember, defineField} from 'sanity'
-
-import {PageSectionInput} from './components/PageSectionInput'
-import {pageSectionType} from './pageSectionType'
-
-export const pageSectionArrayMember = defineArrayMember({
-  type: 'object',
-  name: 'section',
-  fields: [
-    defineField({
-      type: 'reference',
-      name: 'symbol',
-      title: 'Symbol',
-      to: [{type: 'page.section'}],
-    }),
-
-    // overrides
-    ...pageSectionType.fields,
-  ],
-  components: {
-    input: PageSectionInput,
-  },
-})
diff --git a/apps/common/src/schema/page/sections/featureHighlight.ts b/apps/common/src/schema/page/sections/featureHighlight.ts
deleted file mode 100644
index 186b77d17..000000000
--- a/apps/common/src/schema/page/sections/featureHighlight.ts
+++ /dev/null
@@ -1,70 +0,0 @@
-import {defineArrayMember, defineField} from 'sanity'
-
-export const featureHighlightSectionType = defineArrayMember({
-  type: 'object',
-  name: 'featureHighlight',
-  title: 'Feature Highlight',
-  fields: [
-    defineField({
-      type: 'string',
-      name: 'headline',
-      title: 'Headline',
-    }),
-    defineField({
-      type: 'text',
-      name: 'description',
-      title: 'Description',
-    }),
-    defineField({
-      type: 'image',
-      name: 'image',
-      title: 'Image',
-    }),
-    defineField({
-      type: 'array',
-      name: 'ctas',
-      title: 'CTAs',
-      of: [
-        {
-          type: 'object',
-          name: 'cta',
-          title: 'CTA',
-          fields: [
-            defineField({
-              type: 'string',
-              name: 'title',
-              title: 'Title',
-            }),
-            defineField({
-              type: 'string',
-              name: 'href',
-              title: 'Href',
-            }),
-          ],
-        },
-      ],
-    }),
-    defineField({
-      type: 'reference',
-      name: 'product',
-      title: 'Product',
-      to: [{type: 'product'}],
-    }),
-    defineField({
-      type: 'sectionStyle',
-      name: 'style',
-      title: 'Style',
-    }),
-  ],
-  preview: {
-    select: {
-      title: 'headline',
-    },
-    prepare(data) {
-      return {
-        ...data,
-        subtitle: 'Feature',
-      }
-    },
-  },
-})
diff --git a/apps/common/src/schema/page/sections/featuredProducts.ts b/apps/common/src/schema/page/sections/featuredProducts.ts
deleted file mode 100644
index e043f142e..000000000
--- a/apps/common/src/schema/page/sections/featuredProducts.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import {defineArrayMember, defineField} from 'sanity'
-
-export const featuredProductsSectionType = defineArrayMember({
-  type: 'object',
-  name: 'featuredProducts',
-  title: 'Featured Products',
-  fields: [
-    defineField({
-      type: 'string',
-      name: 'headline',
-      title: 'Headline',
-    }),
-    defineField({
-      type: 'array',
-      name: 'products',
-      title: 'Products',
-      of: [
-        {
-          type: 'reference',
-          to: [{type: 'product'}],
-        },
-      ],
-    }),
-    defineField({
-      type: 'sectionStyle',
-      name: 'style',
-      title: 'Style',
-    }),
-  ],
-  preview: {
-    select: {
-      title: 'headline',
-    },
-    prepare(data) {
-      return {
-        ...data,
-        subtitle: 'Featured Products',
-      }
-    },
-  },
-})
diff --git a/apps/common/src/schema/page/sections/hero.ts b/apps/common/src/schema/page/sections/hero.ts
deleted file mode 100644
index 94bc2c5b3..000000000
--- a/apps/common/src/schema/page/sections/hero.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import {defineArrayMember, defineField} from 'sanity'
-
-export const heroSectionType = defineArrayMember({
-  type: 'object',
-  name: 'hero',
-  title: 'Hero',
-  description: 'The hero section of the page',
-  fields: [
-    defineField({
-      type: 'string',
-      name: 'headline',
-      title: 'Headline',
-    }),
-    defineField({
-      type: 'string',
-      name: 'tagline',
-      title: 'Tagline',
-    }),
-    defineField({
-      type: 'string',
-      name: 'subline',
-      title: 'Subline',
-    }),
-    defineField({
-      type: 'sectionStyle',
-      name: 'style',
-      title: 'Style',
-    }),
-  ],
-  preview: {
-    select: {
-      title: 'headline',
-    },
-    prepare(data) {
-      return {
-        ...data,
-        subtitle: 'Hero',
-      }
-    },
-  },
-})
diff --git a/apps/common/src/schema/page/sections/intro.ts b/apps/common/src/schema/page/sections/intro.ts
deleted file mode 100644
index ada5c056f..000000000
--- a/apps/common/src/schema/page/sections/intro.ts
+++ /dev/null
@@ -1,35 +0,0 @@
-import {defineArrayMember, defineField} from 'sanity'
-
-export const introSectionType = defineArrayMember({
-  type: 'object',
-  name: 'intro',
-  title: 'Intro',
-  fields: [
-    defineField({
-      type: 'string',
-      name: 'headline',
-      title: 'Headline',
-    }),
-    defineField({
-      type: 'text',
-      name: 'intro',
-      title: 'Intro',
-    }),
-    defineField({
-      type: 'sectionStyle',
-      name: 'style',
-      title: 'Style',
-    }),
-  ],
-  preview: {
-    select: {
-      title: 'headline',
-    },
-    prepare(data) {
-      return {
-        ...data,
-        subtitle: 'Intro',
-      }
-    },
-  },
-})
diff --git a/apps/common/src/schema/product/index.ts b/apps/common/src/schema/product/index.ts
deleted file mode 100644
index ee74d47e8..000000000
--- a/apps/common/src/schema/product/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import {defineSchema} from '../defineSchema'
-import {productType} from './product'
-
-export const productSchema = defineSchema([productType])
diff --git a/apps/common/src/schema/product/product.ts b/apps/common/src/schema/product/product.ts
deleted file mode 100644
index f73481a0f..000000000
--- a/apps/common/src/schema/product/product.ts
+++ /dev/null
@@ -1,129 +0,0 @@
-import {defineArrayMember, defineField, defineType} from 'sanity'
-
-export const productType = defineType({
-  type: 'document',
-  name: 'product',
-  fields: [
-    defineField({
-      type: 'string',
-      name: 'title',
-      title: 'Title',
-    }),
-    defineField({
-      type: 'slug',
-      name: 'slug',
-      title: 'Slug',
-      options: {source: 'title'},
-    }),
-    defineField({
-      type: 'array',
-      name: 'media',
-      title: 'Media',
-      of: [
-        {
-          type: 'image',
-          fields: [
-            defineField({
-              name: 'alt',
-              type: 'string',
-              title: 'Alt text',
-            }),
-          ],
-        },
-      ],
-      options: {layout: 'grid'},
-    }),
-    defineField({
-      type: 'array',
-      name: 'description',
-      title: 'Description',
-      of: [{type: 'block'}],
-    }),
-    defineField({
-      title: 'Brand',
-      name: 'brandReference',
-      type: 'crossDatasetReference',
-      dataset: 'cross-dataset-references',
-      studioUrl: ({type, id}) =>
-        new URL(
-          `/cross-dataset-references/desk/intent/edit/id=${id};type=${type}/`,
-          location.href,
-        ).toString(),
-      to: [
-        {
-          type: 'brand',
-          preview: {
-            select: {
-              title: 'name',
-              media: 'logo',
-            },
-          },
-        },
-      ],
-    }),
-    defineField({
-      type: 'object',
-      name: 'details',
-      title: 'Details',
-      fields: [
-        defineField({
-          type: 'string',
-          name: 'materials',
-          title: 'Materials',
-        }),
-        defineField({
-          type: 'array',
-          name: 'collectionNotes',
-          title: 'Collection notes',
-          of: [{type: 'block'}],
-        }),
-        defineField({
-          type: 'array',
-          name: 'performance',
-          title: 'Performance',
-          of: [{type: 'block'}],
-        }),
-        defineField({
-          type: 'string',
-          name: 'ledLifespan',
-          title: 'LED lifespan',
-        }),
-        defineField({
-          type: 'array',
-          name: 'certifications',
-          title: 'Certifications',
-          of: [{type: 'string'}],
-        }),
-      ],
-    }),
-    defineField({
-      type: 'array',
-      name: 'variants',
-      title: 'Variants',
-      of: [
-        defineArrayMember({
-          type: 'object',
-          name: 'variant',
-          title: 'Variant',
-          fields: [
-            defineField({
-              type: 'string',
-              name: 'title',
-              title: 'Title',
-            }),
-            defineField({
-              type: 'string',
-              name: 'price',
-              title: 'Price',
-            }),
-            defineField({
-              type: 'string',
-              name: 'sku',
-              title: 'SKU',
-            }),
-          ],
-        }),
-      ],
-    }),
-  ],
-})
diff --git a/apps/common/src/schema/project/index.ts b/apps/common/src/schema/project/index.ts
deleted file mode 100644
index 1d7a0472b..000000000
--- a/apps/common/src/schema/project/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import {defineSchema} from '../defineSchema'
-import {projectType} from './project'
-
-export const projectSchema = defineSchema([projectType])
diff --git a/apps/common/src/schema/project/project.ts b/apps/common/src/schema/project/project.ts
deleted file mode 100644
index 5c5eae55a..000000000
--- a/apps/common/src/schema/project/project.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import {defineField, defineType} from 'sanity'
-
-export const projectType = defineType({
-  type: 'document',
-  name: 'project',
-  fields: [
-    defineField({
-      type: 'string',
-      name: 'title',
-      title: 'Title',
-    }),
-    defineField({
-      type: 'slug',
-      name: 'slug',
-      title: 'Slug',
-      options: {source: 'title'},
-    }),
-  ],
-})
diff --git a/apps/common/src/schema/shoe/index.ts b/apps/common/src/schema/shoe/index.ts
deleted file mode 100644
index 9bb6ade36..000000000
--- a/apps/common/src/schema/shoe/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import {defineSchema} from '../defineSchema'
-import {shoeType} from './shoe'
-
-export const shoeSchema = defineSchema([shoeType])
diff --git a/apps/common/src/schema/siteSettings/index.ts b/apps/common/src/schema/siteSettings/index.ts
deleted file mode 100644
index c479ec518..000000000
--- a/apps/common/src/schema/siteSettings/index.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-import {defineSchema} from '../defineSchema'
-import {siteSettingsType} from './siteSettings'
-
-export const siteSettingsSchema = defineSchema([siteSettingsType])
diff --git a/apps/common/src/schema/siteSettings/siteSettings.ts b/apps/common/src/schema/siteSettings/siteSettings.ts
deleted file mode 100644
index 90f631ce4..000000000
--- a/apps/common/src/schema/siteSettings/siteSettings.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import {ControlsIcon} from '@sanity/icons'
-import {defineType} from 'sanity'
-
-export const siteSettingsType = defineType({
-  type: 'document',
-  icon: ControlsIcon,
-  name: 'siteSettings',
-  title: 'Site Settings',
-  fields: [
-    {
-      type: 'string',
-      name: 'title',
-      title: 'Site Title',
-    },
-    {
-      type: 'string',
-      name: 'description',
-      title: 'Site Description',
-    },
-    {
-      type: 'reference',
-      name: 'frontPage',
-      title: 'Front page',
-      to: [{type: 'page'}],
-    },
-    {
-      type: 'string',
-      name: 'copyrightText',
-      title: 'Copyright text',
-    },
-  ],
-  preview: {
-    prepare() {
-      return {title: 'Site Settings'}
-    },
-  },
-})
diff --git a/apps/common/src/utils.ts b/apps/common/src/utils.ts
deleted file mode 100644
index bdc65a275..000000000
--- a/apps/common/src/utils.ts
+++ /dev/null
@@ -1,40 +0,0 @@
-/* eslint-disable no-console */
-// Common utils used in templates, demos and tests.
-// The JS in here needs to be able to run server side, browser side, in any fw
-
-import {vercelStegaSplit} from '@vercel/stega'
-
-export function formatCurrency(_value: number | string): string {
-  let value = typeof _value === 'string' ? undefined : _value
-  let encoded = ''
-  if (typeof _value === 'string') {
-    const split = vercelStegaSplit(_value)
-    value = parseInt(split.cleaned, 10)
-    encoded = split.encoded
-  }
-  const formatter = new Intl.NumberFormat('en', {
-    style: 'currency',
-    currency: 'USD',
-    minimumFractionDigits: 0,
-    maximumFractionDigits: 0,
-  })
-  return `${formatter.format(value!)}${encoded}`
-}
-
-const rtf = new Intl.RelativeTimeFormat('en', {style: 'short'})
-export function formatTimeSince(from: Date, to: Date): string {
-  const seconds = Math.floor((from.getTime() - to.getTime()) / 1000)
-  if (seconds > -60) {
-    return rtf.format(Math.min(seconds, -1), 'second')
-  }
-  const minutes = Math.ceil(seconds / 60)
-  if (minutes > -60) {
-    return rtf.format(minutes, 'minute')
-  }
-  const hours = Math.ceil(minutes / 60)
-  if (hours > -24) {
-    return rtf.format(hours, 'hour')
-  }
-  const days = Math.ceil(hours / 24)
-  return rtf.format(days, 'day')
-}
diff --git a/apps/common/tsconfig.json b/apps/common/tsconfig.json
deleted file mode 100644
index ec754db61..000000000
--- a/apps/common/tsconfig.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-  "extends": "@sanity/pkg-utils/tsconfig/strictest.json",
-  "compilerOptions": {
-    "baseUrl": ".",
-    "rootDir": ".",
-    "noUnusedLocals": false,
-    "noUnusedParameters": false,
-    "paths": {
-      "@sanity/react-loader": ["../../packages/react-loader/src"],
-      "@sanity/visual-editing": ["../../packages/visual-editing/src"]
-    }
-  },
-  "include": ["**/*.ts", "**/*.tsx"],
-  "exclude": ["dist", "node_modules"]
-}
diff --git a/apps/live-next/.env.local.example b/apps/live-next/.env.local.example
new file mode 100644
index 000000000..7657fd92a
--- /dev/null
+++ b/apps/live-next/.env.local.example
@@ -0,0 +1,3 @@
+SANITY_API_READ_TOKEN=
+SANITY_API_WRITE_TOKEN=
+SANITY_API_BROWSER_TOKEN=
diff --git a/apps/live-next/.eslintignore b/apps/live-next/.eslintignore
new file mode 100644
index 000000000..30764a1a8
--- /dev/null
+++ b/apps/live-next/.eslintignore
@@ -0,0 +1,2 @@
+# Ignoring generated files
+./sanity.types.ts
diff --git a/apps/live-next/.eslintrc b/apps/live-next/.eslintrc
new file mode 100644
index 000000000..32a4796f4
--- /dev/null
+++ b/apps/live-next/.eslintrc
@@ -0,0 +1,8 @@
+{
+  "extends": "next/core-web-vitals",
+  "root": true,
+  "plugins": ["react-compiler"],
+  "rules": {
+    "react-compiler/react-compiler": "error"
+  }
+}
diff --git a/apps/next-no-cache/.gitignore b/apps/live-next/.gitignore
similarity index 79%
rename from apps/next-no-cache/.gitignore
rename to apps/live-next/.gitignore
index fd3dbb571..7a1e9b7c3 100644
--- a/apps/next-no-cache/.gitignore
+++ b/apps/live-next/.gitignore
@@ -13,8 +13,9 @@
 /.next/
 /out/
 
-# production
-/build
+# sanity
+/.sanity/
+/dist/
 
 # misc
 .DS_Store
@@ -34,3 +35,7 @@ yarn-error.log*
 # typescript
 *.tsbuildinfo
 next-env.d.ts
+
+# Env files created by scripts for working locally
+.env
+.env.local
diff --git a/apps/live-next/app/actions.ts b/apps/live-next/app/actions.ts
new file mode 100644
index 000000000..addc89862
--- /dev/null
+++ b/apps/live-next/app/actions.ts
@@ -0,0 +1,47 @@
+'use server'
+
+// import {verifyPreviewSecret} from '@/sanity/lib/live'
+import {revalidatePath, revalidateTag} from 'next/cache'
+import {draftMode} from 'next/headers'
+
+// @TODO revisit this later
+// export async function handleDraftModeAction(secret: string): Promise<void | string> {
+//   console.log('Server Action wants to enable Draft Mode', {secret})
+
+//   if ((await draftMode()).isEnabled) {
+//     // eslint-disable-next-line no-console
+//     console.log('Draft Mode is already enabled')
+//     return
+//   }
+
+//   try {
+//     const {isValid} = await verifyPreviewSecret(secret)
+
+//     if (!isValid) {
+//       return 'Invalid secret provided'
+//     }
+
+//     console.log('Enabling Draft Mode')
+//     ;(await draftMode()).enable()
+//   } catch (err) {
+//     console.error('Failed to verify preview secret', {secret}, err)
+//     return 'Unexpected error'
+//   }
+// }
+
+export async function disableDraftMode() {
+  'use server'
+  await Promise.allSettled([
+    (await draftMode()).disable(),
+    // Simulate a delay to show the loading state
+    new Promise((resolve) => setTimeout(resolve, 1000)),
+  ])
+}
+
+export async function purgeEverything() {
+  revalidatePath('/', 'layout')
+}
+
+export async function purgeSanity() {
+  revalidateTag('sanity')
+}
diff --git a/apps/live-next/app/alert-banner.tsx b/apps/live-next/app/alert-banner.tsx
new file mode 100644
index 000000000..225d7a0b2
--- /dev/null
+++ b/apps/live-next/app/alert-banner.tsx
@@ -0,0 +1,51 @@
+'use client'
+
+import {useRouter} from 'next/navigation'
+import {useSyncExternalStore, useTransition} from 'react'
+import {disableDraftMode} from './actions'
+
+const emptySubscribe = () => () => {}
+
+export default function AlertBanner() {
+  const router = useRouter()
+  const [pending, startTransition] = useTransition()
+
+  const shouldShow = useSyncExternalStore(
+    emptySubscribe,
+    () => window.top === window,
+    () => false,
+  )
+
+  if (!shouldShow) return null
+
+  return (
+    <div
+      className={`${
+        pending ? 'animate-pulse' : ''
+      } fixed left-0 top-0 z-50 w-full border-b bg-white/95 text-black backdrop-blur`}
+    >
+      <div className="py-2 text-center text-sm">
+        {pending ? (
+          'Disabling draft mode...'
+        ) : (
+          <>
+            {'Previewing drafts. '}
+            <button
+              type="button"
+              onClick={() =>
+                startTransition(() =>
+                  disableDraftMode().then(() => {
+                    router.refresh()
+                  }),
+                )
+              }
+              className="hover:text-cyan underline transition-colors duration-200"
+            >
+              Back to published
+            </button>
+          </>
+        )}
+      </div>
+    </div>
+  )
+}
diff --git a/apps/live-next/app/animated-h1.tsx b/apps/live-next/app/animated-h1.tsx
new file mode 100644
index 000000000..d6ad37b2c
--- /dev/null
+++ b/apps/live-next/app/animated-h1.tsx
@@ -0,0 +1,89 @@
+'use client'
+
+import {AnimatePresence, motion, Variants} from 'framer-motion'
+import {stegaClean} from 'next-sanity'
+
+const containerVariants: Variants = {
+  hidden: {},
+  visible: (i = 1) => ({
+    transition: {
+      staggerChildren: 0.3 * i,
+      delayChildren: 0.4 * i,
+    },
+  }),
+  exit: (i = 1) => ({
+    transition: {
+      staggerChildren: 0.3 * i,
+      staggerDirection: -1,
+      delayChildren: 0.4 * i,
+    },
+  }),
+}
+
+const characterVariants: Variants = {
+  hidden: {
+    opacity: 0,
+    scale: 0,
+    width: 0,
+    transition: {type: 'spring', bounce: 0},
+  },
+  visible: {
+    opacity: 1,
+    y: 0,
+    scale: 1,
+    width: 'auto',
+    transition: {type: 'spring', bounce: 0},
+  },
+  exit: {
+    opacity: 0,
+    scale: 0,
+    width: 0,
+    transition: {type: 'spring', bounce: 0},
+  },
+}
+
+export function AnimatedH1({text: stegaText, className}: {text: string; className: string}) {
+  const text = stegaClean(stegaText)
+  const transformChars = (text: string) => {
+    const incs = new Map<string, number>()
+    return text.split('').map((char) => {
+      let n = incs.get(char) || 0
+      const key = `${char}-${n++}`
+      incs.set(char, n)
+      return (
+        <motion.span
+          key={key}
+          style={{display: 'inline-block', position: 'relative'}}
+          variants={characterVariants}
+          initial="hidden"
+          animate="visible"
+          exit="exit"
+          layout
+          aria-hidden="true"
+        >
+          {char === ' ' ? '\u00A0' : char}
+        </motion.span>
+      )
+    })
+  }
+  const characters = transformChars(text)
+
+  return (
+    <>
+      <motion.h1
+        className={className}
+        variants={containerVariants}
+        initial="hidden"
+        animate="visible"
+        exit="exit"
+        data-sanity-edit-target
+      >
+        <span className="sr-only">{stegaText}</span>
+        <AnimatePresence initial={false}>
+          {characters.map((character) => character)}
+        </AnimatePresence>
+      </motion.h1>
+    </>
+  )
+}
+AnimatedH1.displayName = 'AnimatedH1'
diff --git a/apps/live-next/app/api/draft-mode/enable/route.ts b/apps/live-next/app/api/draft-mode/enable/route.ts
new file mode 100644
index 000000000..6e8d0a19d
--- /dev/null
+++ b/apps/live-next/app/api/draft-mode/enable/route.ts
@@ -0,0 +1,8 @@
+import {client} from '@/sanity/lib/client'
+import {defineEnableDraftMode} from 'next-sanity/draft-mode'
+
+export const {GET} = defineEnableDraftMode({
+  client: client.withConfig({
+    token: process.env.SANITY_API_READ_TOKEN,
+  }),
+})
diff --git a/apps/live-next/app/avatar.tsx b/apps/live-next/app/avatar.tsx
new file mode 100644
index 000000000..b0acf4554
--- /dev/null
+++ b/apps/live-next/app/avatar.tsx
@@ -0,0 +1,29 @@
+import type {Author} from '@/sanity.types'
+import {urlForImage} from '@/sanity/lib/utils'
+import {Image} from 'next-sanity/image'
+
+interface Props {
+  name: string
+  picture: Exclude<Author['picture'], undefined> | null
+}
+
+export default function Avatar({name, picture}: Props) {
+  return (
+    <div className="flex items-center text-xl">
+      {picture?.asset?._ref ? (
+        <div className="mr-4 h-12 w-12">
+          <Image
+            alt={picture?.alt || ''}
+            className="h-full rounded-full object-cover"
+            height={48}
+            width={48}
+            src={urlForImage(picture)?.height(96).width(96).fit('crop').url() as string}
+          />
+        </div>
+      ) : (
+        <div className="mr-1">By </div>
+      )}
+      <div className="text-pretty text-xl font-bold">{name}</div>
+    </div>
+  )
+}
diff --git a/apps/live-next/app/cover-image.tsx b/apps/live-next/app/cover-image.tsx
new file mode 100644
index 000000000..31c163924
--- /dev/null
+++ b/apps/live-next/app/cover-image.tsx
@@ -0,0 +1,30 @@
+import {urlForImage} from '@/sanity/lib/utils'
+import {Image} from 'next-sanity/image'
+
+interface CoverImageProps {
+  image: any
+  priority?: boolean
+}
+
+export default function CoverImage(props: CoverImageProps) {
+  const {image: source, priority} = props
+  const image = source?.asset?._ref ? (
+    <Image
+      className="h-auto w-full"
+      width={2000}
+      height={1000}
+      alt={source?.alt || ''}
+      src={urlForImage(source)?.height(1000).width(2000).url() as string}
+      sizes="100vw"
+      priority={priority}
+    />
+  ) : (
+    <div className="bg-slate-50" style={{paddingTop: '50%'}} />
+  )
+
+  return (
+    <div className="shadow-md transition-shadow duration-200 group-hover:shadow-lg sm:mx-0">
+      {image}
+    </div>
+  )
+}
diff --git a/apps/live-next/app/date.tsx b/apps/live-next/app/date.tsx
new file mode 100644
index 000000000..7b6518770
--- /dev/null
+++ b/apps/live-next/app/date.tsx
@@ -0,0 +1,5 @@
+import {format} from 'date-fns'
+
+export default function DateComponent({dateString}: {dateString: string}) {
+  return <time dateTime={dateString}>{format(new Date(dateString), 'LLLL	d, yyyy')}</time>
+}
diff --git a/apps/live-next/app/draft-mode-status.tsx b/apps/live-next/app/draft-mode-status.tsx
new file mode 100644
index 000000000..05c32e047
--- /dev/null
+++ b/apps/live-next/app/draft-mode-status.tsx
@@ -0,0 +1,14 @@
+'use client'
+
+import {useDraftModeEnvironment, useDraftModePerspective} from '@sanity/next-loader/hooks'
+
+export function DraftModeStatus() {
+  const perspective = useDraftModePerspective()
+  const environment = useDraftModeEnvironment()
+  return (
+    <div className="fixed bottom-3 right-3 block rounded bg-theme-inverse px-2 py-1 text-xs text-theme-inverse">
+      <p>perspective: {perspective}</p>
+      <p>environment: {environment}</p>
+    </div>
+  )
+}
diff --git a/apps/live-next/app/favicon.ico b/apps/live-next/app/favicon.ico
new file mode 100644
index 000000000..af9845059
Binary files /dev/null and b/apps/live-next/app/favicon.ico differ
diff --git a/apps/live-next/app/globals.css b/apps/live-next/app/globals.css
new file mode 100644
index 000000000..b5c61c956
--- /dev/null
+++ b/apps/live-next/app/globals.css
@@ -0,0 +1,3 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
diff --git a/apps/live-next/app/layout.tsx b/apps/live-next/app/layout.tsx
new file mode 100644
index 000000000..d5ea5cba9
--- /dev/null
+++ b/apps/live-next/app/layout.tsx
@@ -0,0 +1,100 @@
+import './globals.css'
+import {sanityFetch, SanityLive} from '@/sanity/lib/live'
+import {settingsQuery} from '@/sanity/lib/queries'
+import {resolveOpenGraphImage} from '@/sanity/lib/utils'
+import {SpeedInsights} from '@vercel/speed-insights/next'
+import type {Metadata} from 'next'
+import {toPlainText, VisualEditing, type PortableTextBlock} from 'next-sanity'
+import {Inter} from 'next/font/google'
+import {draftMode} from 'next/headers'
+import {Suspense} from 'react'
+import AlertBanner from './alert-banner'
+import {DraftModeStatus} from './draft-mode-status'
+import PortableText from './portable-text'
+
+export async function generateMetadata(): Promise<Metadata> {
+  const {data: settings} = await sanityFetch({
+    query: settingsQuery,
+    // Metadata should never contain stega
+    stega: false,
+  })
+
+  const ogImage = resolveOpenGraphImage(settings?.ogImage)
+  let metadataBase: URL | undefined = undefined
+  try {
+    metadataBase = settings?.ogImage?.metadataBase
+      ? new URL(settings.ogImage.metadataBase)
+      : undefined
+  } catch {
+    // ignore
+  }
+  return {
+    metadataBase,
+    title: settings?.title
+      ? {
+          template: `%s | ${settings.title}`,
+          default: settings.title,
+        }
+      : undefined,
+    description: settings?.description ? toPlainText(settings.description) : undefined,
+    openGraph: {
+      images: ogImage ? [ogImage] : [],
+    },
+  }
+}
+
+const inter = Inter({
+  variable: '--font-inter',
+  subsets: ['latin'],
+  display: 'swap',
+})
+
+async function Footer() {
+  const {data} = await sanityFetch({query: settingsQuery})
+  const footer = data?.footer || []
+
+  return (
+    <footer className="bg-accent-1 border-accent-2 border-t">
+      <div className="container mx-auto px-5">
+        {footer?.length > 0 && (
+          <PortableText
+            className="prose-sm bottom-0 w-full max-w-none text-pretty bg-white py-12 text-center md:py-20"
+            value={footer as PortableTextBlock[]}
+          />
+        )}
+      </div>
+    </footer>
+  )
+}
+
+export default async function RootLayout({children}: {children: React.ReactNode}) {
+  const {data} = await sanityFetch({query: settingsQuery})
+  return (
+    <html
+      lang="en"
+      className={`${inter.variable} bg-theme text-theme transition-colors duration-1000`}
+      style={{
+        ['--theme-background' as string]: data?.theme?.background?.hex,
+        ['--theme-text' as string]: data?.theme?.text?.hex,
+      }}
+    >
+      <body>
+        <section className="min-h-screen">
+          {(await draftMode()).isEnabled && (
+            <>
+              <AlertBanner />
+              <DraftModeStatus />
+            </>
+          )}
+          <main>{children}</main>
+          <Suspense>
+            <Footer />
+          </Suspense>
+        </section>
+        {(await draftMode()).isEnabled && <VisualEditing />}
+        <SanityLive refreshOnFocus refreshOnReconnect />
+        <SpeedInsights />
+      </body>
+    </html>
+  )
+}
diff --git a/apps/live-next/app/more-stories.tsx b/apps/live-next/app/more-stories.tsx
new file mode 100644
index 000000000..31e279438
--- /dev/null
+++ b/apps/live-next/app/more-stories.tsx
@@ -0,0 +1,44 @@
+import type {MoreStoriesQueryResult} from '@/sanity.types'
+import {SanityLiveStream} from '@/sanity/lib/live'
+import {moreStoriesQuery} from '@/sanity/lib/queries'
+import Link from 'next/link'
+import Avatar from './avatar'
+import CoverImage from './cover-image'
+import DateComponent from './date'
+
+export default async function MoreStories(params: {skip: string; limit: number}) {
+  // const {data} = await sanityFetch({query: moreStoriesQuery, params})
+
+  return (
+    <SanityLiveStream query={moreStoriesQuery} params={params}>
+      {async ({data}: {data: MoreStoriesQueryResult}) => {
+        'use server'
+
+        return (
+          <div className="mb-32 grid grid-cols-1 gap-y-20 md:grid-cols-2 md:gap-x-16 md:gap-y-32 lg:gap-x-32">
+            {data?.map((post) => {
+              const {_id, title, slug, coverImage, excerpt, author} = post
+              return (
+                <article key={_id}>
+                  <Link href={`/posts/${slug}`} className="group mb-5 block">
+                    <CoverImage image={coverImage} priority={false} />
+                  </Link>
+                  <h3 className="mb-3 text-balance text-3xl leading-snug">
+                    <Link href={`/posts/${slug}`} className="hover:underline">
+                      {title}
+                    </Link>
+                  </h3>
+                  <div className="mb-4 text-lg">
+                    <DateComponent dateString={post.date} />
+                  </div>
+                  {excerpt && <p className="mb-4 text-pretty text-lg leading-relaxed">{excerpt}</p>}
+                  {author && <Avatar name={author.name} picture={author.picture} />}
+                </article>
+              )
+            })}
+          </div>
+        )
+      }}
+    </SanityLiveStream>
+  )
+}
diff --git a/apps/live-next/app/page.tsx b/apps/live-next/app/page.tsx
new file mode 100644
index 000000000..26337f010
--- /dev/null
+++ b/apps/live-next/app/page.tsx
@@ -0,0 +1,119 @@
+import type {HeroQueryResult} from '@/sanity.types'
+import {sanityFetch, SanityLiveStream} from '@/sanity/lib/live'
+import {heroQuery, settingsQuery} from '@/sanity/lib/queries'
+import Link from 'next/link'
+import {Suspense} from 'react'
+import {AnimatedH1} from './animated-h1'
+import Avatar from './avatar'
+import CoverImage from './cover-image'
+import DateComponent from './date'
+import MoreStories from './more-stories'
+import PortableText from './portable-text'
+
+function Intro(props: {title: string | null | undefined; description: any}) {
+  const {title, description} = props
+
+  if (!title && !description?.length) {
+    return null
+  }
+
+  return (
+    <section className="mb-16 mt-16 flex flex-col items-center lg:mb-12 lg:flex-row lg:justify-between">
+      {title && (
+        <AnimatedH1
+          className="text-balance text-6xl font-bold leading-tight tracking-tighter lg:pr-8 lg:text-8xl"
+          text={title}
+        />
+      )}
+      {description?.length > 0 && (
+        <h2 className="mt-5 text-pretty text-center text-lg lg:pl-8 lg:text-left">
+          <PortableText className="prose-lg" value={description} />
+        </h2>
+      )}
+    </section>
+  )
+}
+
+function HeroPost({
+  title,
+  slug,
+  excerpt,
+  coverImage,
+  date,
+  author,
+}: Pick<
+  Exclude<HeroQueryResult, null>,
+  'title' | 'coverImage' | 'date' | 'excerpt' | 'author' | 'slug'
+>) {
+  return (
+    <article>
+      <Link className="group mb-8 block md:mb-16" href={`/posts/${slug}`}>
+        <CoverImage image={coverImage} priority />
+      </Link>
+      <div className="mb-20 md:mb-28 md:grid md:grid-cols-2 md:gap-x-16 lg:gap-x-8">
+        <div>
+          <h3 className="mb-4 text-pretty text-4xl leading-tight lg:text-6xl">
+            <Link href={`/posts/${slug}`} className="hover:underline">
+              {title}
+            </Link>
+          </h3>
+          <div className="mb-4 text-lg md:mb-0">
+            <DateComponent dateString={date} />
+          </div>
+        </div>
+        <div>
+          {excerpt && <p className="mb-4 text-pretty text-lg leading-relaxed">{excerpt}</p>}
+          {author && <Avatar name={author.name} picture={author.picture} />}
+        </div>
+      </div>
+    </article>
+  )
+}
+
+export default async function Page() {
+  // const [{data: settings}, {data: heroPost}] = await Promise.all([
+  //   sanityFetch({query: settingsQuery}),
+  //   sanityFetch({query: heroQuery}),
+  // ])
+  const {data: heroPost} = await sanityFetch({query: heroQuery})
+
+  return (
+    <div className="container mx-auto px-5">
+      <SanityLiveStream query={settingsQuery}>
+        {async ({data: settings}) => {
+          'use server'
+          return <Intro title={settings?.title} description={settings?.description} />
+        }}
+      </SanityLiveStream>
+      <SanityLiveStream query={heroQuery}>
+        {async ({data: heroPost}) => {
+          'use server'
+          return (
+            <>
+              {heroPost && (
+                <HeroPost
+                  title={heroPost.title}
+                  slug={heroPost.slug}
+                  coverImage={heroPost.coverImage}
+                  excerpt={heroPost.excerpt}
+                  date={heroPost.date}
+                  author={heroPost.author}
+                />
+              )}
+            </>
+          )
+        }}
+      </SanityLiveStream>
+      {heroPost?._id && (
+        <aside>
+          <h2 className="mb-8 text-6xl font-bold leading-tight tracking-tighter md:text-7xl">
+            More Stories
+          </h2>
+          <Suspense>
+            <MoreStories skip={heroPost._id} limit={100} />
+          </Suspense>
+        </aside>
+      )}
+    </div>
+  )
+}
diff --git a/apps/live-next/app/portable-text.tsx b/apps/live-next/app/portable-text.tsx
new file mode 100644
index 000000000..3a90ee9e4
--- /dev/null
+++ b/apps/live-next/app/portable-text.tsx
@@ -0,0 +1,41 @@
+/**
+ * This component uses Portable Text to render a post body.
+ *
+ * You can learn more about Portable Text on:
+ * https://www.sanity.io/docs/block-content
+ * https://github.com/portabletext/react-portabletext
+ * https://portabletext.org/
+ *
+ */
+
+import {PortableText, type PortableTextBlock, type PortableTextComponents} from 'next-sanity'
+
+export default function CustomPortableText({
+  className,
+  value,
+}: {
+  className?: string
+  value: PortableTextBlock[]
+}) {
+  const components: PortableTextComponents = {
+    block: {
+      h5: ({children}) => <h5 className="mb-2 text-sm font-semibold">{children}</h5>,
+      h6: ({children}) => <h6 className="mb-1 text-xs font-semibold">{children}</h6>,
+    },
+    marks: {
+      link: ({children, value}) => {
+        return (
+          <a href={value?.href} rel="noreferrer noopener">
+            {children}
+          </a>
+        )
+      },
+    },
+  }
+
+  return (
+    <div className={['prose', className].filter(Boolean).join(' ')}>
+      <PortableText components={components} value={value} />
+    </div>
+  )
+}
diff --git a/apps/live-next/app/posts/[slug]/page.tsx b/apps/live-next/app/posts/[slug]/page.tsx
new file mode 100644
index 000000000..3ba27b4fe
--- /dev/null
+++ b/apps/live-next/app/posts/[slug]/page.tsx
@@ -0,0 +1,136 @@
+import {sanityFetch, SanityLiveStream} from '@/sanity/lib/live'
+import {postQuery, settingsQuery} from '@/sanity/lib/queries'
+import {resolveOpenGraphImage} from '@/sanity/lib/utils'
+import type {Metadata, ResolvingMetadata} from 'next'
+import {defineQuery, type PortableTextBlock} from 'next-sanity'
+import Link from 'next/link'
+import {Suspense} from 'react'
+import Avatar from '../../avatar'
+import CoverImage from '../../cover-image'
+import DateComponent from '../../date'
+import MoreStories from '../../more-stories'
+import PortableText from '../../portable-text'
+
+const postSlugs = defineQuery(`*[_type == "post" && defined(slug.current)]{"slug": slug.current}`)
+
+export async function generateStaticParams() {
+  const {data} = await sanityFetch({
+    query: postSlugs,
+    perspective: 'published',
+    stega: false,
+  })
+  return data
+}
+
+export async function generateMetadata(
+  {params}: {params: Promise<{slug: string}>},
+  parent: ResolvingMetadata,
+): Promise<Metadata> {
+  const {slug} = await params
+  const {data: post} = await sanityFetch({query: postQuery, params: {slug}, stega: false})
+  const previousImages = (await parent).openGraph?.images || []
+  const ogImage = resolveOpenGraphImage(post?.coverImage)
+
+  return {
+    authors: post?.author?.name ? [{name: post?.author?.name}] : [],
+    title: post?.title || '404 - Post not found',
+    description: post?.excerpt,
+    openGraph: {
+      images: ogImage ? [ogImage, ...previousImages] : previousImages,
+    },
+  } satisfies Metadata
+}
+
+export default async function PostPage({params}: {params: Promise<{slug: string}>}) {
+  const {slug} = await params
+  // const [{data: post}, {data: settings}] = await Promise.all([
+  //   sanityFetch({query: postQuery, params: {slug}}),
+  //   sanityFetch({query: settingsQuery}),
+  // ])
+  const {data: post} = await sanityFetch({query: postQuery, params: {slug}})
+
+  return (
+    <div className="container mx-auto px-5">
+      <SanityLiveStream query={settingsQuery}>
+        {async ({data: settings}) => {
+          'use server'
+          return (
+            <>
+              {settings?.title && (
+                <h2 className="mb-16 mt-10 text-2xl font-bold leading-tight tracking-tight md:text-4xl md:tracking-tighter">
+                  <Link href="/" className="hover:underline">
+                    {settings.title}
+                  </Link>
+                </h2>
+              )}
+            </>
+          )
+        }}
+      </SanityLiveStream>
+      {post?._id ? (
+        <>
+          <SanityLiveStream query={postQuery} params={{slug}}>
+            {async ({data: post}) => {
+              'use server'
+
+              if (!post?._id) {
+                return (
+                  <h1 className="mb-12 text-balance text-6xl font-bold leading-tight tracking-tighter md:text-7xl md:leading-none lg:text-8xl">
+                    404 - Post not found with slug: {slug}
+                  </h1>
+                )
+              }
+
+              return (
+                <article>
+                  <h1 className="mb-12 text-balance text-6xl font-bold leading-tight tracking-tighter md:text-7xl md:leading-none lg:text-8xl">
+                    {post.title}
+                  </h1>
+                  <div className="hidden md:mb-12 md:block">
+                    {post.author && (
+                      <Avatar name={post.author.name} picture={post.author.picture} />
+                    )}
+                  </div>
+                  <div className="mb-8 sm:mx-0 md:mb-16">
+                    <CoverImage image={post.coverImage} priority />
+                  </div>
+                  <div className="mx-auto max-w-2xl">
+                    <div className="mb-6 block md:hidden">
+                      {post.author && (
+                        <Avatar name={post.author.name} picture={post.author.picture} />
+                      )}
+                    </div>
+                    <div className="mb-6 text-lg">
+                      <div className="mb-4 text-lg">
+                        <DateComponent dateString={post.date} />
+                      </div>
+                    </div>
+                  </div>
+                  {post.content?.length && post.content.length > 0 && (
+                    <PortableText
+                      className="mx-auto max-w-2xl"
+                      value={post.content as PortableTextBlock[]}
+                    />
+                  )}
+                </article>
+              )
+            }}
+          </SanityLiveStream>
+          <aside>
+            <hr className="border-accent-2 mb-24 mt-28" />
+            <h2 className="mb-8 text-6xl font-bold leading-tight tracking-tighter md:text-7xl">
+              Recent Stories
+            </h2>
+            <Suspense>
+              <MoreStories skip={post._id} limit={2} />
+            </Suspense>
+          </aside>
+        </>
+      ) : (
+        <h1 className="mb-12 text-balance text-6xl font-bold leading-tight tracking-tighter md:text-7xl md:leading-none lg:text-8xl">
+          404 - Post not found with slug: {slug}
+        </h1>
+      )}
+    </div>
+  )
+}
diff --git a/apps/live-next/next.config.ts b/apps/live-next/next.config.ts
new file mode 100644
index 000000000..051a32b1a
--- /dev/null
+++ b/apps/live-next/next.config.ts
@@ -0,0 +1,22 @@
+import withBundleAnalyzer from '@next/bundle-analyzer'
+import type {NextConfig} from 'next'
+
+const nextConfig: NextConfig = {
+  logging: {
+    fetches: {
+      fullUrl: true,
+    },
+  },
+
+  images: {
+    remotePatterns: [{hostname: 'cdn.sanity.io'}, {hostname: 'source.unsplash.com'}],
+  },
+
+  experimental: {
+    reactCompiler: true,
+  },
+} satisfies NextConfig
+
+export default withBundleAnalyzer({
+  enabled: process.env.ANALYZE === 'true',
+})(nextConfig)
diff --git a/apps/live-next/package.json b/apps/live-next/package.json
new file mode 100644
index 000000000..62d9e68c5
--- /dev/null
+++ b/apps/live-next/package.json
@@ -0,0 +1,49 @@
+{
+  "name": "live-next",
+  "version": "0.0.0",
+  "private": true,
+  "scripts": {
+    "prebuild": "npm run typegen",
+    "build": "next build",
+    "debug": "NEXT_PRIVATE_DEBUG_CACHE=1 next build --profile && NEXT_PRIVATE_DEBUG_CACHE=1 next start -p 3009",
+    "predev": "npm run typegen",
+    "dev": "next dev -p 3009 --turbo",
+    "lint": "next lint",
+    "start": "next start",
+    "typegen": "sanity typegen generate"
+  },
+  "prettier": "@repo/prettier-config",
+  "dependencies": {
+    "@repo/env": "workspace:*",
+    "@repo/sanity-extracted-schema": "workspace:*",
+    "@repo/studio-url": "workspace:*",
+    "@sanity/image-url": "^1.0.2",
+    "@sanity/next-loader": "workspace:*",
+    "@sanity/preview-url-secret": "workspace:*",
+    "@sanity/visual-editing": "workspace:*",
+    "@tailwindcss/typography": "^0.5.15",
+    "@types/node": "^20.14.13",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
+    "@vercel/speed-insights": "^1.0.12",
+    "autoprefixer": "^10.4.20",
+    "babel-plugin-react-compiler": "0.0.0-experimental-fa06e2c-20241014",
+    "date-fns": "^4.1.0",
+    "framer-motion": "12.0.0-alpha.1",
+    "next": "15.0.0-canary.195",
+    "next-sanity": "9.7.0-canary.15",
+    "postcss": "^8.4.47",
+    "react": "19.0.0-rc-fb9a90fa48-20240614",
+    "react-dom": "19.0.0-rc-fb9a90fa48-20240614",
+    "server-only": "^0.0.1",
+    "tailwindcss": "^3.4.14",
+    "typescript": "5.6.3"
+  },
+  "devDependencies": {
+    "@next/bundle-analyzer": "15.0.0-canary.195",
+    "@repo/prettier-config": "workspace:*",
+    "eslint": "^8.57.1",
+    "eslint-config-next": "15.0.0-canary.195",
+    "eslint-plugin-react-compiler": "0.0.0-experimental-fa06e2c-20241014"
+  }
+}
diff --git a/apps/next-no-cache/postcss.config.js b/apps/live-next/postcss.config.js
similarity index 100%
rename from apps/next-no-cache/postcss.config.js
rename to apps/live-next/postcss.config.js
diff --git a/apps/live-next/sanity-typegen.json b/apps/live-next/sanity-typegen.json
new file mode 100644
index 000000000..8e8645f16
--- /dev/null
+++ b/apps/live-next/sanity-typegen.json
@@ -0,0 +1,3 @@
+{
+  "schema": "./node_modules/@repo/sanity-extracted-schema/live-demo.json"
+}
diff --git a/apps/live-next/sanity.types.ts b/apps/live-next/sanity.types.ts
new file mode 100644
index 000000000..411daeb67
--- /dev/null
+++ b/apps/live-next/sanity.types.ts
@@ -0,0 +1,695 @@
+// Query TypeMap
+import '@sanity/client'
+
+/**
+ * ---------------------------------------------------------------------------------
+ * This file has been generated by Sanity TypeGen.
+ * Command: `sanity typegen generate`
+ *
+ * Any modifications made directly to this file will be overwritten the next time
+ * the TypeScript definitions are generated. Please make changes to the Sanity
+ * schema definitions and/or GROQ queries if you need to update these types.
+ *
+ * For more information on how to use Sanity TypeGen, visit the official documentation:
+ * https://www.sanity.io/docs/sanity-typegen
+ * ---------------------------------------------------------------------------------
+ */
+
+// Source: schema.json
+export type SanityImagePaletteSwatch = {
+  _type: 'sanity.imagePaletteSwatch'
+  background?: string
+  foreground?: string
+  population?: number
+  title?: string
+}
+
+export type SanityImagePalette = {
+  _type: 'sanity.imagePalette'
+  darkMuted?: SanityImagePaletteSwatch
+  lightVibrant?: SanityImagePaletteSwatch
+  darkVibrant?: SanityImagePaletteSwatch
+  vibrant?: SanityImagePaletteSwatch
+  dominant?: SanityImagePaletteSwatch
+  lightMuted?: SanityImagePaletteSwatch
+  muted?: SanityImagePaletteSwatch
+}
+
+export type SanityImageDimensions = {
+  _type: 'sanity.imageDimensions'
+  height?: number
+  width?: number
+  aspectRatio?: number
+}
+
+export type SanityFileAsset = {
+  _id: string
+  _type: 'sanity.fileAsset'
+  _createdAt: string
+  _updatedAt: string
+  _rev: string
+  originalFilename?: string
+  label?: string
+  title?: string
+  description?: string
+  altText?: string
+  sha1hash?: string
+  extension?: string
+  mimeType?: string
+  size?: number
+  assetId?: string
+  uploadId?: string
+  path?: string
+  url?: string
+  source?: SanityAssetSourceData
+}
+
+export type Geopoint = {
+  _type: 'geopoint'
+  lat?: number
+  lng?: number
+  alt?: number
+}
+
+export type Post = {
+  _id: string
+  _type: 'post'
+  _createdAt: string
+  _updatedAt: string
+  _rev: string
+  title?: string
+  slug?: Slug
+  content?: Array<{
+    children?: Array<{
+      marks?: Array<string>
+      text?: string
+      _type: 'span'
+      _key: string
+    }>
+    style?: 'normal' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'blockquote'
+    listItem?: 'bullet' | 'number'
+    markDefs?: Array<{
+      href?: string
+      _type: 'link'
+      _key: string
+    }>
+    level?: number
+    _type: 'block'
+    _key: string
+  }>
+  excerpt?: string
+  coverImage?: {
+    asset?: {
+      _ref: string
+      _type: 'reference'
+      _weak?: boolean
+      [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+    }
+    hotspot?: SanityImageHotspot
+    crop?: SanityImageCrop
+    alt?: string
+    _type: 'image'
+  }
+  date?: string
+  author?: {
+    _ref: string
+    _type: 'reference'
+    _weak?: boolean
+    [internalGroqTypeReferenceTo]?: 'author'
+  }
+}
+
+export type Author = {
+  _id: string
+  _type: 'author'
+  _createdAt: string
+  _updatedAt: string
+  _rev: string
+  name?: string
+  picture?: {
+    asset?: {
+      _ref: string
+      _type: 'reference'
+      _weak?: boolean
+      [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+    }
+    hotspot?: SanityImageHotspot
+    crop?: SanityImageCrop
+    alt?: string
+    _type: 'image'
+  }
+}
+
+export type Slug = {
+  _type: 'slug'
+  current?: string
+  source?: string
+}
+
+export type Settings = {
+  _id: string
+  _type: 'settings'
+  _createdAt: string
+  _updatedAt: string
+  _rev: string
+  title?: string
+  description?: Array<{
+    children?: Array<{
+      marks?: Array<string>
+      text?: string
+      _type: 'span'
+      _key: string
+    }>
+    style?: 'normal'
+    listItem?: never
+    markDefs?: Array<{
+      href?: string
+      _type: 'link'
+      _key: string
+    }>
+    level?: number
+    _type: 'block'
+    _key: string
+  }>
+  theme?: {
+    background?: Color
+    text?: Color
+  }
+  footer?: Array<{
+    children?: Array<{
+      marks?: Array<string>
+      text?: string
+      _type: 'span'
+      _key: string
+    }>
+    style?: 'normal' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'blockquote'
+    listItem?: 'bullet' | 'number'
+    markDefs?: Array<{
+      href?: string
+      _type: 'link'
+      _key: string
+    }>
+    level?: number
+    _type: 'block'
+    _key: string
+  }>
+  ogImage?: {
+    asset?: {
+      _ref: string
+      _type: 'reference'
+      _weak?: boolean
+      [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+    }
+    hotspot?: SanityImageHotspot
+    crop?: SanityImageCrop
+    alt?: string
+    metadataBase?: string
+    _type: 'image'
+  }
+}
+
+export type SanityImageCrop = {
+  _type: 'sanity.imageCrop'
+  top?: number
+  bottom?: number
+  left?: number
+  right?: number
+}
+
+export type SanityImageHotspot = {
+  _type: 'sanity.imageHotspot'
+  x?: number
+  y?: number
+  height?: number
+  width?: number
+}
+
+export type SanityImageAsset = {
+  _id: string
+  _type: 'sanity.imageAsset'
+  _createdAt: string
+  _updatedAt: string
+  _rev: string
+  originalFilename?: string
+  label?: string
+  title?: string
+  description?: string
+  altText?: string
+  sha1hash?: string
+  extension?: string
+  mimeType?: string
+  size?: number
+  assetId?: string
+  uploadId?: string
+  path?: string
+  url?: string
+  metadata?: SanityImageMetadata
+  source?: SanityAssetSourceData
+}
+
+export type SanityAssetSourceData = {
+  _type: 'sanity.assetSourceData'
+  name?: string
+  id?: string
+  url?: string
+}
+
+export type SanityImageMetadata = {
+  _type: 'sanity.imageMetadata'
+  location?: Geopoint
+  dimensions?: SanityImageDimensions
+  palette?: SanityImagePalette
+  lqip?: string
+  blurHash?: string
+  hasAlpha?: boolean
+  isOpaque?: boolean
+}
+
+export type SanityAssistInstructionTask = {
+  _type: 'sanity.assist.instructionTask'
+  path?: string
+  instructionKey?: string
+  started?: string
+  updated?: string
+  info?: string
+}
+
+export type SanityAssistTaskStatus = {
+  _type: 'sanity.assist.task.status'
+  tasks?: Array<
+    {
+      _key: string
+    } & SanityAssistInstructionTask
+  >
+}
+
+export type SanityAssistSchemaTypeAnnotations = {
+  _type: 'sanity.assist.schemaType.annotations'
+  title?: string
+  fields?: Array<
+    {
+      _key: string
+    } & SanityAssistSchemaTypeField
+  >
+}
+
+export type SanityAssistOutputType = {
+  _type: 'sanity.assist.output.type'
+  type?: string
+}
+
+export type SanityAssistOutputField = {
+  _type: 'sanity.assist.output.field'
+  path?: string
+}
+
+export type SanityAssistInstructionContext = {
+  _type: 'sanity.assist.instruction.context'
+  reference?: {
+    _ref: string
+    _type: 'reference'
+    _weak?: boolean
+    [internalGroqTypeReferenceTo]?: 'assist.instruction.context'
+  }
+}
+
+export type AssistInstructionContext = {
+  _id: string
+  _type: 'assist.instruction.context'
+  _createdAt: string
+  _updatedAt: string
+  _rev: string
+  title?: string
+  context?: Array<{
+    children?: Array<{
+      marks?: Array<string>
+      text?: string
+      _type: 'span'
+      _key: string
+    }>
+    style?: 'normal'
+    listItem?: never
+    markDefs?: null
+    level?: number
+    _type: 'block'
+    _key: string
+  }>
+}
+
+export type SanityAssistInstructionUserInput = {
+  _type: 'sanity.assist.instruction.userInput'
+  message?: string
+  description?: string
+}
+
+export type SanityAssistInstructionPrompt = Array<{
+  children?: Array<
+    | {
+        marks?: Array<string>
+        text?: string
+        _type: 'span'
+        _key: string
+      }
+    | ({
+        _key: string
+      } & SanityAssistInstructionFieldRef)
+    | ({
+        _key: string
+      } & SanityAssistInstructionContext)
+    | ({
+        _key: string
+      } & SanityAssistInstructionUserInput)
+  >
+  style?: 'normal'
+  listItem?: never
+  markDefs?: null
+  level?: number
+  _type: 'block'
+  _key: string
+}>
+
+export type SanityAssistInstructionFieldRef = {
+  _type: 'sanity.assist.instruction.fieldRef'
+  path?: string
+}
+
+export type SanityAssistInstruction = {
+  _type: 'sanity.assist.instruction'
+  prompt?: SanityAssistInstructionPrompt
+  icon?: string
+  title?: string
+  userId?: string
+  createdById?: string
+  output?: Array<
+    | ({
+        _key: string
+      } & SanityAssistOutputField)
+    | ({
+        _key: string
+      } & SanityAssistOutputType)
+  >
+}
+
+export type SanityAssistSchemaTypeField = {
+  _type: 'sanity.assist.schemaType.field'
+  path?: string
+  instructions?: Array<
+    {
+      _key: string
+    } & SanityAssistInstruction
+  >
+}
+
+export type Color = {
+  _type: 'color'
+  hex?: string
+  alpha?: number
+  hsl?: HslaColor
+  hsv?: HsvaColor
+  rgb?: RgbaColor
+}
+
+export type RgbaColor = {
+  _type: 'rgbaColor'
+  r?: number
+  g?: number
+  b?: number
+  a?: number
+}
+
+export type HsvaColor = {
+  _type: 'hsvaColor'
+  h?: number
+  s?: number
+  v?: number
+  a?: number
+}
+
+export type HslaColor = {
+  _type: 'hslaColor'
+  h?: number
+  s?: number
+  l?: number
+  a?: number
+}
+
+export type AllSanitySchemaTypes =
+  | SanityImagePaletteSwatch
+  | SanityImagePalette
+  | SanityImageDimensions
+  | SanityFileAsset
+  | Geopoint
+  | Post
+  | Author
+  | Slug
+  | Settings
+  | SanityImageCrop
+  | SanityImageHotspot
+  | SanityImageAsset
+  | SanityAssetSourceData
+  | SanityImageMetadata
+  | SanityAssistInstructionTask
+  | SanityAssistTaskStatus
+  | SanityAssistSchemaTypeAnnotations
+  | SanityAssistOutputType
+  | SanityAssistOutputField
+  | SanityAssistInstructionContext
+  | AssistInstructionContext
+  | SanityAssistInstructionUserInput
+  | SanityAssistInstructionPrompt
+  | SanityAssistInstructionFieldRef
+  | SanityAssistInstruction
+  | SanityAssistSchemaTypeField
+  | Color
+  | RgbaColor
+  | HsvaColor
+  | HslaColor
+export declare const internalGroqTypeReferenceTo: unique symbol
+// Source: ./sanity/lib/queries.ts
+// Variable: settingsQuery
+// Query: *[_type == "settings"][0]
+export type SettingsQueryResult = {
+  _id: string
+  _type: 'settings'
+  _createdAt: string
+  _updatedAt: string
+  _rev: string
+  title?: string
+  description?: Array<{
+    children?: Array<{
+      marks?: Array<string>
+      text?: string
+      _type: 'span'
+      _key: string
+    }>
+    style?: 'normal'
+    listItem?: never
+    markDefs?: Array<{
+      href?: string
+      _type: 'link'
+      _key: string
+    }>
+    level?: number
+    _type: 'block'
+    _key: string
+  }>
+  theme?: {
+    background?: Color
+    text?: Color
+  }
+  footer?: Array<{
+    children?: Array<{
+      marks?: Array<string>
+      text?: string
+      _type: 'span'
+      _key: string
+    }>
+    style?: 'blockquote' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'normal'
+    listItem?: 'bullet' | 'number'
+    markDefs?: Array<{
+      href?: string
+      _type: 'link'
+      _key: string
+    }>
+    level?: number
+    _type: 'block'
+    _key: string
+  }>
+  ogImage?: {
+    asset?: {
+      _ref: string
+      _type: 'reference'
+      _weak?: boolean
+      [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+    }
+    hotspot?: SanityImageHotspot
+    crop?: SanityImageCrop
+    alt?: string
+    metadataBase?: string
+    _type: 'image'
+  }
+} | null
+// Variable: heroQuery
+// Query: *[_type == "post" && defined(slug.current)] | order(date desc, _updatedAt desc) [0] {    content,      _id,  "status": select(_originalId in path("drafts.**") => "draft", "published"),  "title": coalesce(title, "Untitled"),  "slug": slug.current,  excerpt,  coverImage,  "date": coalesce(date, _updatedAt),  "author": author->{"name": coalesce(name, "Anonymous"), picture},  }
+export type HeroQueryResult = {
+  content: Array<{
+    children?: Array<{
+      marks?: Array<string>
+      text?: string
+      _type: 'span'
+      _key: string
+    }>
+    style?: 'blockquote' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'normal'
+    listItem?: 'bullet' | 'number'
+    markDefs?: Array<{
+      href?: string
+      _type: 'link'
+      _key: string
+    }>
+    level?: number
+    _type: 'block'
+    _key: string
+  }> | null
+  _id: string
+  status: 'draft' | 'published'
+  title: string | 'Untitled'
+  slug: string | null
+  excerpt: string | null
+  coverImage: {
+    asset?: {
+      _ref: string
+      _type: 'reference'
+      _weak?: boolean
+      [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+    }
+    hotspot?: SanityImageHotspot
+    crop?: SanityImageCrop
+    alt?: string
+    _type: 'image'
+  } | null
+  date: string
+  author: {
+    name: string | 'Anonymous'
+    picture: {
+      asset?: {
+        _ref: string
+        _type: 'reference'
+        _weak?: boolean
+        [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+      }
+      hotspot?: SanityImageHotspot
+      crop?: SanityImageCrop
+      alt?: string
+      _type: 'image'
+    } | null
+  } | null
+} | null
+// Variable: moreStoriesQuery
+// Query: *[_type == "post" && _id != $skip && defined(slug.current)] | order(date desc, _updatedAt desc) [0...$limit] {      _id,  "status": select(_originalId in path("drafts.**") => "draft", "published"),  "title": coalesce(title, "Untitled"),  "slug": slug.current,  excerpt,  coverImage,  "date": coalesce(date, _updatedAt),  "author": author->{"name": coalesce(name, "Anonymous"), picture},  }
+export type MoreStoriesQueryResult = Array<{
+  _id: string
+  status: 'draft' | 'published'
+  title: string | 'Untitled'
+  slug: string | null
+  excerpt: string | null
+  coverImage: {
+    asset?: {
+      _ref: string
+      _type: 'reference'
+      _weak?: boolean
+      [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+    }
+    hotspot?: SanityImageHotspot
+    crop?: SanityImageCrop
+    alt?: string
+    _type: 'image'
+  } | null
+  date: string
+  author: {
+    name: string | 'Anonymous'
+    picture: {
+      asset?: {
+        _ref: string
+        _type: 'reference'
+        _weak?: boolean
+        [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+      }
+      hotspot?: SanityImageHotspot
+      crop?: SanityImageCrop
+      alt?: string
+      _type: 'image'
+    } | null
+  } | null
+}>
+// Variable: postQuery
+// Query: *[_type == "post" && slug.current == $slug] [0] {    content,      _id,  "status": select(_originalId in path("drafts.**") => "draft", "published"),  "title": coalesce(title, "Untitled"),  "slug": slug.current,  excerpt,  coverImage,  "date": coalesce(date, _updatedAt),  "author": author->{"name": coalesce(name, "Anonymous"), picture},  }
+export type PostQueryResult = {
+  content: Array<{
+    children?: Array<{
+      marks?: Array<string>
+      text?: string
+      _type: 'span'
+      _key: string
+    }>
+    style?: 'blockquote' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'normal'
+    listItem?: 'bullet' | 'number'
+    markDefs?: Array<{
+      href?: string
+      _type: 'link'
+      _key: string
+    }>
+    level?: number
+    _type: 'block'
+    _key: string
+  }> | null
+  _id: string
+  status: 'draft' | 'published'
+  title: string | 'Untitled'
+  slug: string | null
+  excerpt: string | null
+  coverImage: {
+    asset?: {
+      _ref: string
+      _type: 'reference'
+      _weak?: boolean
+      [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+    }
+    hotspot?: SanityImageHotspot
+    crop?: SanityImageCrop
+    alt?: string
+    _type: 'image'
+  } | null
+  date: string
+  author: {
+    name: string | 'Anonymous'
+    picture: {
+      asset?: {
+        _ref: string
+        _type: 'reference'
+        _weak?: boolean
+        [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+      }
+      hotspot?: SanityImageHotspot
+      crop?: SanityImageCrop
+      alt?: string
+      _type: 'image'
+    } | null
+  } | null
+} | null
+
+// Source: ./app/posts/[slug]/page.tsx
+// Variable: postSlugs
+// Query: *[_type == "post" && defined(slug.current)]{"slug": slug.current}
+export type PostSlugsResult = Array<{
+  slug: string | null
+}>
+
+declare module '@sanity/client' {
+  interface SanityQueries {
+    '*[_type == "settings"][0]': SettingsQueryResult
+    '\n  *[_type == "post" && defined(slug.current)] | order(date desc, _updatedAt desc) [0] {\n    content,\n    \n  _id,\n  "status": select(_originalId in path("drafts.**") => "draft", "published"),\n  "title": coalesce(title, "Untitled"),\n  "slug": slug.current,\n  excerpt,\n  coverImage,\n  "date": coalesce(date, _updatedAt),\n  "author": author->{"name": coalesce(name, "Anonymous"), picture},\n\n  }\n': HeroQueryResult
+    '\n  *[_type == "post" && _id != $skip && defined(slug.current)] | order(date desc, _updatedAt desc) [0...$limit] {\n    \n  _id,\n  "status": select(_originalId in path("drafts.**") => "draft", "published"),\n  "title": coalesce(title, "Untitled"),\n  "slug": slug.current,\n  excerpt,\n  coverImage,\n  "date": coalesce(date, _updatedAt),\n  "author": author->{"name": coalesce(name, "Anonymous"), picture},\n\n  }\n': MoreStoriesQueryResult
+    '\n  *[_type == "post" && slug.current == $slug] [0] {\n    content,\n    \n  _id,\n  "status": select(_originalId in path("drafts.**") => "draft", "published"),\n  "title": coalesce(title, "Untitled"),\n  "slug": slug.current,\n  excerpt,\n  coverImage,\n  "date": coalesce(date, _updatedAt),\n  "author": author->{"name": coalesce(name, "Anonymous"), picture},\n\n  }\n': PostQueryResult
+    '*[_type == "post" && defined(slug.current)]{"slug": slug.current}': PostSlugsResult
+  }
+}
diff --git a/apps/live-next/sanity/lib/api.ts b/apps/live-next/sanity/lib/api.ts
new file mode 100644
index 000000000..15e942e4b
--- /dev/null
+++ b/apps/live-next/sanity/lib/api.ts
@@ -0,0 +1,5 @@
+import {workspaces} from '@repo/env'
+
+export const {projectId, dataset} = workspaces['live-demo']
+
+export {apiVersion} from '@repo/env'
diff --git a/apps/live-next/sanity/lib/client.ts b/apps/live-next/sanity/lib/client.ts
new file mode 100644
index 000000000..9b17b0b9c
--- /dev/null
+++ b/apps/live-next/sanity/lib/client.ts
@@ -0,0 +1,34 @@
+import {apiVersion, dataset, projectId} from '@/sanity/lib/api'
+import {workspaces} from '@repo/env'
+import {studioUrl as baseUrl} from '@repo/studio-url'
+import {createClient} from 'next-sanity'
+
+export const client = createClient({
+  projectId,
+  dataset,
+  apiVersion,
+  useCdn: true,
+  perspective: 'published',
+  // A token is needed since we're using a private dataset
+  token: process.env.SANITY_API_READ_TOKEN,
+  stega: {
+    studioUrl: (sourceDocument) => {
+      if (
+        sourceDocument._projectId === workspaces['cross-dataset-references'].projectId &&
+        sourceDocument._dataset === workspaces['cross-dataset-references'].dataset
+      ) {
+        const {workspace, tool} = workspaces['cross-dataset-references']
+        return {baseUrl, workspace, tool}
+      }
+      const {workspace, tool} = workspaces['live-demo']
+      return {baseUrl, workspace, tool}
+    },
+    filter: (props) => {
+      if (props.sourcePath.at(-1) === 'title') {
+        return true
+      }
+
+      return props.filterDefault(props)
+    },
+  },
+})
diff --git a/apps/live-next/sanity/lib/live.ts b/apps/live-next/sanity/lib/live.ts
new file mode 100644
index 000000000..b3ff52fd6
--- /dev/null
+++ b/apps/live-next/sanity/lib/live.ts
@@ -0,0 +1,24 @@
+import 'server-only'
+import {defineLive} from '@sanity/next-loader'
+import {client} from './client'
+
+const serverToken = process.env.SANITY_API_READ_TOKEN
+const browserToken = process.env.SANITY_API_BROWSER_TOKEN
+
+if (!serverToken) {
+  throw new Error('Missing SANITY_API_READ_TOKEN')
+}
+if (!browserToken) {
+  throw new Error('Missing SANITY_API_BROWSER_TOKEN')
+}
+
+export const {
+  sanityFetch,
+  SanityLive,
+  SanityLiveStream,
+  // verifyPreviewSecret
+} = defineLive({
+  client,
+  serverToken,
+  browserToken,
+})
diff --git a/apps/live-next/sanity/lib/queries.ts b/apps/live-next/sanity/lib/queries.ts
new file mode 100644
index 000000000..34906f5c9
--- /dev/null
+++ b/apps/live-next/sanity/lib/queries.ts
@@ -0,0 +1,34 @@
+import {defineQuery} from 'next-sanity'
+
+export const settingsQuery = defineQuery(`*[_type == "settings"][0]`)
+
+const postFields = /* groq */ `
+  _id,
+  "status": select(_originalId in path("drafts.**") => "draft", "published"),
+  "title": coalesce(title, "Untitled"),
+  "slug": slug.current,
+  excerpt,
+  coverImage,
+  "date": coalesce(date, _updatedAt),
+  "author": author->{"name": coalesce(name, "Anonymous"), picture},
+`
+
+export const heroQuery = defineQuery(`
+  *[_type == "post" && defined(slug.current)] | order(date desc, _updatedAt desc) [0] {
+    content,
+    ${postFields}
+  }
+`)
+
+export const moreStoriesQuery = defineQuery(`
+  *[_type == "post" && _id != $skip && defined(slug.current)] | order(date desc, _updatedAt desc) [0...$limit] {
+    ${postFields}
+  }
+`)
+
+export const postQuery = defineQuery(`
+  *[_type == "post" && slug.current == $slug] [0] {
+    content,
+    ${postFields}
+  }
+`)
diff --git a/apps/live-next/sanity/lib/utils.ts b/apps/live-next/sanity/lib/utils.ts
new file mode 100644
index 000000000..ad7f84e5a
--- /dev/null
+++ b/apps/live-next/sanity/lib/utils.ts
@@ -0,0 +1,23 @@
+import {dataset, projectId} from '@/sanity/lib/api'
+import createImageUrlBuilder from '@sanity/image-url'
+
+const imageBuilder = createImageUrlBuilder({
+  projectId: projectId || '',
+  dataset: dataset || '',
+})
+
+export const urlForImage = (source: any) => {
+  // Ensure that source image contains a valid reference
+  if (!source?.asset?._ref) {
+    return undefined
+  }
+
+  return imageBuilder?.image(source).auto('format').fit('max')
+}
+
+export function resolveOpenGraphImage(image: any, width = 1200, height = 627) {
+  if (!image) return
+  const url = urlForImage(image)?.width(1200).height(627).fit('crop').url()
+  if (!url) return
+  return {url, alt: image?.alt as string, width, height}
+}
diff --git a/apps/live-next/tailwind.config.ts b/apps/live-next/tailwind.config.ts
new file mode 100644
index 000000000..38b39aa28
--- /dev/null
+++ b/apps/live-next/tailwind.config.ts
@@ -0,0 +1,25 @@
+import typography from '@tailwindcss/typography'
+import type {Config} from 'tailwindcss'
+
+export default {
+  content: ['./app/**/*.{ts,tsx}', './sanity/**/*.{ts,tsx}'],
+  theme: {
+    extend: {
+      backgroundColor: {
+        'theme': 'var(--theme-background,#fff)',
+        'theme-inverse': 'var(--theme-text,#fff)',
+      },
+      fontFamily: {
+        sans: ['var(--font-inter)'],
+      },
+      textColor: {
+        'theme': 'var(--theme-text,#000)',
+        'theme-inverse': 'var(--theme-background,#fff)',
+      },
+    },
+  },
+  future: {
+    hoverOnlyWhenSupported: true,
+  },
+  plugins: [typography],
+} satisfies Config
diff --git a/apps/next-no-cache/tsconfig.json b/apps/live-next/tsconfig.json
similarity index 61%
rename from apps/next-no-cache/tsconfig.json
rename to apps/live-next/tsconfig.json
index 3a476cd77..2d9e949e1 100644
--- a/apps/next-no-cache/tsconfig.json
+++ b/apps/live-next/tsconfig.json
@@ -1,15 +1,13 @@
 {
   "compilerOptions": {
-    "target": "es2022",
+    "target": "esnext",
     "lib": ["dom", "dom.iterable", "esnext"],
     "allowJs": true,
     "skipLibCheck": true,
     "strict": true,
+    "forceConsistentCasingInFileNames": true,
     "noEmit": true,
-    "esModuleInterop": true,
     "module": "preserve",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
     "isolatedModules": true,
     "jsx": "preserve",
     "incremental": true,
@@ -19,14 +17,9 @@
       }
     ],
     "paths": {
-      "@/*": ["./src/*"]
+      "@/*": ["./*"]
     }
   },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts",
-  ],
+  "include": ["next-env.d.ts", "**/*.ts", "**/*.tsx", ".next/types/**/*.ts"],
   "exclude": ["node_modules"]
 }
diff --git a/apps/next-server-only/turbo.json b/apps/live-next/turbo.json
similarity index 50%
rename from apps/next-server-only/turbo.json
rename to apps/live-next/turbo.json
index ff06c68ff..ab6e5ea66 100644
--- a/apps/next-server-only/turbo.json
+++ b/apps/live-next/turbo.json
@@ -4,7 +4,14 @@
   "tasks": {
     "build": {
       "inputs": ["$TURBO_DEFAULT$", ".env", ".env.local"],
-      "env": ["NEXT_PUBLIC_SANITY_*", "NEXT_PUBLIC_VERCEL_ENV"],
+      "env": [
+        "NEXT_PUBLIC_SANITY_*",
+        "NEXT_PUBLIC_VERCEL_ENV",
+        "SANITY_API_READ_TOKEN",
+        "SANITY_API_WRITE_TOKEN",
+        "SANITY_API_BROWSER_TOKEN",
+        "ANALYZE"
+      ],
       "outputs": [".next/**", "!.next/cache/**"]
     }
   }
diff --git a/apps/next-no-cache/.eslintrc.json b/apps/next-no-cache/.eslintrc.json
deleted file mode 100644
index bffb357a7..000000000
--- a/apps/next-no-cache/.eslintrc.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "extends": "next/core-web-vitals"
-}
diff --git a/apps/next-no-cache/README.md b/apps/next-no-cache/README.md
deleted file mode 100644
index c4033664f..000000000
--- a/apps/next-no-cache/README.md
+++ /dev/null
@@ -1,36 +0,0 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
diff --git a/apps/next-no-cache/next.config.mjs b/apps/next-no-cache/next.config.mjs
deleted file mode 100644
index 89fe90acc..000000000
--- a/apps/next-no-cache/next.config.mjs
+++ /dev/null
@@ -1,59 +0,0 @@
-import path from 'node:path'
-import withBundleAnalyzer from '@next/bundle-analyzer'
-import sanityPkg from 'sanity/package.json' assert {type: 'json'}
-
-function requireResolve(id) {
-  return import.meta.resolve(id).replace('file://', '')
-}
-
-const sanityExports = {}
-for (const key of Object.keys(sanityPkg.exports)) {
-  if (key === '.') continue
-  const subexport = path.join('sanity', key)
-  sanityExports[subexport] = requireResolve(subexport)
-}
-sanityExports['sanity'] = requireResolve('sanity')
-
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-  reactStrictMode: true,
-  // /*
-  logging: {
-    fetches: {
-      fullUrl: true,
-    },
-  },
-  // */
-
-  typescript: {
-    // @TODO figure out why TSC fails in the Next.js process but works fine when running `tsc --noEmit`
-    ignoreBuildErrors: true,
-  },
-
-  transpilePackages: ['apps-common'],
-
-  images: {
-    remotePatterns: [{hostname: 'cdn.sanity.io'}, {hostname: 'source.unsplash.com'}],
-  },
-
-  experimental: {
-    taint: true,
-  },
-
-  webpack(config) {
-    config.resolve.alias = {
-      ...config.resolve.alias,
-      ...sanityExports,
-      '@sanity/presentation': requireResolve('@sanity/presentation'),
-      '@sanity/vision': requireResolve('@sanity/vision'),
-      '@sanity/ui/theme': requireResolve('@sanity/ui/theme'),
-      '@sanity/ui': requireResolve('@sanity/ui'),
-      'styled-components': requireResolve('styled-components'),
-    }
-    return config
-  },
-}
-
-export default withBundleAnalyzer({
-  enabled: process.env.ANALYZE === 'true',
-})(nextConfig)
diff --git a/apps/next-no-cache/package.json b/apps/next-no-cache/package.json
deleted file mode 100644
index a5f83f45a..000000000
--- a/apps/next-no-cache/package.json
+++ /dev/null
@@ -1,56 +0,0 @@
-{
-  "name": "next-no-cache",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "build": "next build",
-    "dev": "next dev",
-    "lint": "next lint",
-    "start": "next start"
-  },
-  "dependencies": {
-    "@portabletext/react": "^3.1.0",
-    "@repo/channels": "workspace:*",
-    "@repo/visual-editing-helpers": "workspace:*",
-    "@sanity/client": "^6.21.3",
-    "@sanity/icons": "^3.4.0",
-    "@sanity/image-url": "^1.0.2",
-    "@sanity/presentation": "workspace:*",
-    "@sanity/preview-kit-compat": "workspace:*",
-    "@sanity/preview-url-secret": "workspace:*",
-    "@sanity/react-loader": "workspace:*",
-    "@sanity/vision": "^3.57.2",
-    "@sanity/visual-editing": "workspace:*",
-    "@tailwindcss/typography": "^0.5.15",
-    "@types/node": "^20.5.0",
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
-    "@vercel/speed-insights": "^1.0.12",
-    "apps-common": "workspace:*",
-    "autoprefixer": "^10.4.20",
-    "classnames": "^2.5.1",
-    "date-fns": "^3.6.0",
-    "fast-deep-equal": "3.1.3",
-    "next": "15.0.0-canary.148",
-    "next-sanity": "9.4.7",
-    "react": "19.0.0-rc-fb9a90fa48-20240614",
-    "react-dom": "19.0.0-rc-fb9a90fa48-20240614",
-    "react-wrap-balancer": "^1.1.1",
-    "sanity": "^3.57.2",
-    "sanity-plugin-asset-source-unsplash": "^3.0.1",
-    "server-only": "^0.0.1",
-    "styled-components": "^6.1.13"
-  },
-  "devDependencies": {
-    "@next/bundle-analyzer": "15.0.0-canary.148",
-    "@types/node": "^20",
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
-    "autoprefixer": "^10.4.20",
-    "eslint": "^8.57.0",
-    "eslint-config-next": "14.3.0-canary.87",
-    "postcss": "^8.4.45",
-    "tailwindcss": "^3.4.10",
-    "typescript": "5.6.2"
-  }
-}
diff --git a/apps/next-no-cache/public/next.svg b/apps/next-no-cache/public/next.svg
deleted file mode 100644
index 5174b28c5..000000000
--- a/apps/next-no-cache/public/next.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file
diff --git a/apps/next-no-cache/public/vercel.svg b/apps/next-no-cache/public/vercel.svg
deleted file mode 100644
index d2f842227..000000000
--- a/apps/next-no-cache/public/vercel.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 283 64"><path fill="black" d="M141 16c-11 0-19 7-19 18s9 18 20 18c7 0 13-3 16-7l-7-5c-2 3-6 4-9 4-5 0-9-3-10-7h28v-3c0-11-8-18-19-18zm-9 15c1-4 4-7 9-7s8 3 9 7h-18zm117-15c-11 0-19 7-19 18s9 18 20 18c6 0 12-3 16-7l-8-5c-2 3-5 4-8 4-5 0-9-3-11-7h28l1-3c0-11-8-18-19-18zm-10 15c2-4 5-7 10-7s8 3 9 7h-19zm-39 3c0 6 4 10 10 10 4 0 7-2 9-5l8 5c-3 5-9 8-17 8-11 0-19-7-19-18s8-18 19-18c8 0 14 3 17 8l-8 5c-2-3-5-5-9-5-6 0-10 4-10 10zm83-29v46h-9V5h9zM37 0l37 64H0L37 0zm92 5-27 48L74 5h10l18 30 17-30h10zm59 12v10l-3-1c-6 0-10 4-10 10v15h-9V17h9v9c0-5 6-9 13-9z"/></svg>
\ No newline at end of file
diff --git a/apps/next-no-cache/sanity.cli.ts b/apps/next-no-cache/sanity.cli.ts
deleted file mode 100644
index f47497f71..000000000
--- a/apps/next-no-cache/sanity.cli.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-/**
- * This configuration file lets you run `$ sanity [command]` in this folder
- * Go to https://www.sanity.io/docs/cli to learn more.
- **/
-import {loadEnvConfig} from '@next/env'
-import {defineCliConfig} from 'sanity/cli'
-import {projectId, datasets} from 'apps-common/env'
-
-const dev = process.env.NODE_ENV !== 'production'
-loadEnvConfig(__dirname, dev, {info: () => null, error: console.error})
-
-const dataset = datasets['blog']
-
-export default defineCliConfig({
-  api: {projectId, dataset},
-  vite: (config) => {
-    return {
-      ...config,
-      envPrefix: ['NEXT_', 'SANITY_STUDIO_', 'VITE_'],
-    }
-  },
-})
diff --git a/apps/next-no-cache/sanity.config.ts b/apps/next-no-cache/sanity.config.ts
deleted file mode 100644
index eee9c6f66..000000000
--- a/apps/next-no-cache/sanity.config.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-'use client'
-/**
- * This configuration is used to for the Sanity Studio that’s mounted on the `/app/studio/[[...index]]/page.tsx` route
- */
-
-import {visionTool} from '@sanity/vision'
-import {defineConfig} from 'sanity'
-import {presentationTool} from 'sanity/presentation'
-import {structureTool} from 'sanity/structure'
-import {unsplashImageAsset} from 'sanity-plugin-asset-source-unsplash'
-
-// Go to https://www.sanity.io/docs/api-versioning to learn how API versioning works
-import {apiVersion, dataset, projectId} from '@/lib/env'
-import {types} from '@/lib/sanity/schema'
-
-const config = defineConfig({
-  basePath: '/studio',
-  projectId,
-  dataset,
-  // Add and edit the content schema in the './src/sanity/schema' folder
-  schema: {types},
-  plugins: [
-    presentationTool({
-      previewUrl: {
-        previewMode: {
-          enable: '/api/draft',
-          disable: 'api/disable-draft',
-        },
-      },
-    }),
-    structureTool(),
-    // Add an image asset source for Unsplash
-    unsplashImageAsset(),
-    // Vision is a tool that lets you query your content with GROQ in the studio
-    // https://www.sanity.io/docs/the-vision-plugin
-    visionTool({defaultApiVersion: apiVersion}),
-  ],
-})
-export default config
diff --git a/apps/next-no-cache/src/app/(blog)/AuthorAvatar.tsx b/apps/next-no-cache/src/app/(blog)/AuthorAvatar.tsx
deleted file mode 100644
index ec0eeeafa..000000000
--- a/apps/next-no-cache/src/app/(blog)/AuthorAvatar.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-import {urlForImage} from '@/lib/image'
-import {loadQuery} from '@/lib/loadQuery'
-import Image from 'next/image'
-import Balancer from 'react-wrap-balancer'
-
-const query = /* groq */ `*[_type == "author" && _id == $id][0]`
-
-export async function AuthorAvatar(params: {id: string}) {
-  const data = await loadQuery<any>({
-    query,
-    params,
-  })
-  const {name = 'Anonymous', image} = data ?? {}
-  return (
-    <>
-      <div className="flex items-center">
-        <div className="relative mr-4 h-12 w-12">
-          <Image
-            src={
-              image?.asset?._ref
-                ? urlForImage(image).height(96).width(96).fit('crop').url()
-                : 'https://source.unsplash.com/96x96/?face'
-            }
-            className="rounded-full"
-            height={96}
-            width={96}
-            alt={image?.alt || ''}
-          />
-        </div>
-        <div className="text-xl font-bold">
-          <Balancer>{name}</Balancer>
-        </div>
-      </div>
-    </>
-  )
-}
-
-export function AuthorAvatarFallback() {
-  return (
-    <div className="flex animate-pulse items-center">
-      <div className="relative mr-4 h-12 w-12 rounded-full bg-gray-800/50 opacity-25" />
-      <div className="text-xl font-bold opacity-30">Fetching author&hellip;</div>
-    </div>
-  )
-}
diff --git a/apps/next-no-cache/src/app/(blog)/BlogHeader.tsx b/apps/next-no-cache/src/app/(blog)/BlogHeader.tsx
deleted file mode 100644
index 9f91037c7..000000000
--- a/apps/next-no-cache/src/app/(blog)/BlogHeader.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-'use client'
-
-import Link from 'next/link'
-import {usePathname} from 'next/navigation'
-import Balancer from 'react-wrap-balancer'
-
-export default function BlogHeader({title}: {title: string}) {
-  const pathname = usePathname()
-  if (pathname === '/') {
-    return (
-      <header className="mx-5 mb-10 mt-16 flex flex-col items-center md:mb-12 md:flex-row md:justify-between">
-        <h1 className="text-6xl font-bold leading-tight tracking-tighter md:pr-8 md:text-8xl">
-          <Balancer>{title}</Balancer>
-        </h1>
-      </header>
-    )
-  }
-  return (
-    <header className="mx-5">
-      <h2 className="mb-20 mt-8 text-2xl font-bold leading-tight tracking-tight md:text-4xl md:tracking-tighter">
-        <Link href="/" className="hover:underline">
-          <Balancer>{title}</Balancer>
-        </Link>
-      </h2>
-    </header>
-  )
-}
diff --git a/apps/next-no-cache/src/app/(blog)/CoverImage.tsx b/apps/next-no-cache/src/app/(blog)/CoverImage.tsx
deleted file mode 100644
index 75c3c491e..000000000
--- a/apps/next-no-cache/src/app/(blog)/CoverImage.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import {urlForImage} from '@/lib/image'
-import cn from 'classnames'
-import Image from 'next/image'
-import Link from 'next/link'
-
-interface CoverImageProps {
-  title: string
-  slug?: string
-  image?: {asset?: any; alt?: string}
-  priority?: boolean
-}
-
-export default function CoverImage(props: CoverImageProps) {
-  const {title, slug, image: source, priority} = props
-  const image = source?.asset?._ref ? (
-    <div
-      className={cn('shadow-small', {
-        'hover:shadow-medium transition-shadow duration-200': slug,
-      })}
-    >
-      <Image
-        className="h-auto w-full"
-        width={2000}
-        height={1000}
-        alt={source?.alt || ''}
-        src={urlForImage(source).height(1000).width(2000).url()}
-        sizes="100vw"
-        priority={priority}
-      />
-    </div>
-  ) : (
-    <div style={{paddingTop: '50%', backgroundColor: '#ddd'}} />
-  )
-
-  return (
-    <div className="sm:mx-0">
-      {slug ? (
-        <Link href={`/${slug}`} aria-label={title}>
-          {image}
-        </Link>
-      ) : (
-        image
-      )}
-    </div>
-  )
-}
diff --git a/apps/next-no-cache/src/app/(blog)/MoreStories.tsx b/apps/next-no-cache/src/app/(blog)/MoreStories.tsx
deleted file mode 100644
index 0a34f2889..000000000
--- a/apps/next-no-cache/src/app/(blog)/MoreStories.tsx
+++ /dev/null
@@ -1,54 +0,0 @@
-import Link from 'next/link'
-import {Suspense} from 'react'
-
-import {postFields} from '@/lib/queries'
-import {AuthorAvatar, AuthorAvatarFallback} from './AuthorAvatar'
-import CoverImage from './CoverImage'
-import Date from './PostDate'
-import {loadQuery} from '@/lib/loadQuery'
-
-const query = /* groq */ `*[_type == "post" && _id != $skip] | order(date desc, _updatedAt desc) [0...$limit] {
-  ${postFields}
-}`
-
-export default async function MoreStories(params: {skip: string; limit: number}) {
-  const data = await loadQuery<any>({
-    query,
-    params,
-  })
-
-  return (
-    <>
-      <div className="mb-32 grid grid-cols-1 gap-y-20 md:grid-cols-2 md:gap-x-16 md:gap-y-32 lg:gap-x-32">
-        {data.map((post: any) => {
-          const {_id, title = 'Untitled', slug, mainImage, excerpt, author} = post
-          return (
-            <article key={_id}>
-              <div className="mb-5">
-                <CoverImage slug={slug} title={title} image={mainImage} priority={false} />
-              </div>
-              <h3 className="mb-3 text-3xl leading-snug">
-                {slug ? (
-                  <Link href={`/${slug}`} className="hover:underline">
-                    {title}
-                  </Link>
-                ) : (
-                  title
-                )}
-              </h3>
-              <div className="mb-4 text-lg">
-                <Date dateString={post.publishedAt} />
-              </div>
-              {excerpt && <p className="mb-4 text-lg leading-relaxed">{excerpt}</p>}
-              {author?._ref && (
-                <Suspense fallback={<AuthorAvatarFallback />}>
-                  <AuthorAvatar id={author._ref} />
-                </Suspense>
-              )}
-            </article>
-          )
-        })}
-      </div>
-    </>
-  )
-}
diff --git a/apps/next-no-cache/src/app/(blog)/PostBody.module.css b/apps/next-no-cache/src/app/(blog)/PostBody.module.css
deleted file mode 100644
index 87f49dffc..000000000
--- a/apps/next-no-cache/src/app/(blog)/PostBody.module.css
+++ /dev/null
@@ -1,25 +0,0 @@
-.portableText {
-  @apply text-lg leading-relaxed;
-}
-
-.portableText p,
-.portableText ul,
-.portableText ol,
-.portableText blockquote {
-  @apply my-6;
-}
-
-.portableText h2 {
-  @apply mb-4 mt-12 text-3xl leading-snug;
-}
-
-.portableText h3 {
-  @apply mb-4 mt-8 text-2xl leading-snug;
-}
-
-.portableText a {
-  @apply text-blue-500 underline;
-}
-.portableText a:hover {
-  @apply text-blue-800;
-}
diff --git a/apps/next-no-cache/src/app/(blog)/PostBody.tsx b/apps/next-no-cache/src/app/(blog)/PostBody.tsx
deleted file mode 100644
index a9a1146e1..000000000
--- a/apps/next-no-cache/src/app/(blog)/PostBody.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
- * This component uses Portable Text to render a post body.
- *
- * You can learn more about Portable Text on:
- * https://www.sanity.io/docs/block-content
- * https://github.com/portabletext/react-portabletext
- * https://portabletext.org/
- *
- */
-import {PortableText} from '@portabletext/react'
-
-import styles from './PostBody.module.css'
-
-export default function PostBody({
-  body,
-}: {
-  body: React.ComponentProps<typeof PortableText>['value']
-}) {
-  return (
-    <div className={`mx-auto max-w-2xl ${styles.portableText}`}>
-      <PortableText value={body} />
-    </div>
-  )
-}
diff --git a/apps/next-no-cache/src/app/(blog)/PostDate.tsx b/apps/next-no-cache/src/app/(blog)/PostDate.tsx
deleted file mode 100644
index 873577100..000000000
--- a/apps/next-no-cache/src/app/(blog)/PostDate.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import {format, parseISO} from 'date-fns'
-import Balancer from 'react-wrap-balancer'
-
-export default function PostDate({dateString}: {dateString: string}) {
-  const date = parseISO(dateString)
-  return (
-    <time dateTime={dateString}>
-      <Balancer>{format(date, 'LLLL d, yyyy')}</Balancer>
-    </time>
-  )
-}
diff --git a/apps/next-no-cache/src/app/(blog)/PreviewBanner.tsx b/apps/next-no-cache/src/app/(blog)/PreviewBanner.tsx
deleted file mode 100644
index 76f7176eb..000000000
--- a/apps/next-no-cache/src/app/(blog)/PreviewBanner.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-export default function PreviewBanner() {
-  return (
-    <div className="bg-black p-3 text-center text-white">
-      {'Previewing drafts. '}
-      <a className="underline transition hover:opacity-50" href="/api/disable-draft">
-        Back to published
-      </a>
-    </div>
-  )
-}
diff --git a/apps/next-no-cache/src/app/(blog)/[slug]/page.tsx b/apps/next-no-cache/src/app/(blog)/[slug]/page.tsx
deleted file mode 100644
index 0b927de49..000000000
--- a/apps/next-no-cache/src/app/(blog)/[slug]/page.tsx
+++ /dev/null
@@ -1,103 +0,0 @@
-import type {Metadata, ResolvingMetadata} from 'next'
-import {notFound} from 'next/navigation'
-import {Suspense} from 'react'
-import Balancer from 'react-wrap-balancer'
-
-import {AuthorAvatar, AuthorAvatarFallback} from '../AuthorAvatar'
-import CoverImage from '../CoverImage'
-import MoreStories from '../MoreStories'
-import PostBody from '../PostBody'
-import PostDate from '../PostDate'
-import {urlForImage} from '@/lib/image'
-import {postFields} from '@/lib/queries'
-import {loadQuery} from '@/lib/loadQuery'
-
-type Props = {
-  params: {slug: string}
-}
-
-const query = /* groq */ `*[_type == "post" && slug.current == $slug][0] {
-  ${postFields}
-}`
-
-export async function generateMetadata(
-  {params}: Props,
-  parent: ResolvingMetadata,
-): Promise<Metadata> {
-  const [post, authorName] = await Promise.all([
-    loadQuery<any>({query, params}),
-    // @TODO necessary as there's problems with type inference when `author-{name,image}` is used
-    loadQuery<string | null>({
-      query: /* groq */ `*[_type == "post" && slug.current == $slug][0].author->name`,
-      params,
-    }),
-  ])
-  // optionally access and extend (rather than replace) parent metadata
-  const parentTitle = (await parent).title?.absolute
-  const previousImages = (await parent).openGraph?.images || []
-
-  return {
-    authors: authorName ? [{name: authorName}] : [],
-    title: `${parentTitle} | ${post?.title}`,
-    openGraph: {
-      images: post?.mainImage?.asset?._ref
-        ? [urlForImage(post.mainImage).height(1000).width(2000).url(), ...previousImages]
-        : previousImages,
-    },
-  } satisfies Metadata
-}
-
-export default async function BlogPostPage({params}: Props) {
-  const {slug} = params
-  const data = await loadQuery<any>({
-    query,
-    params,
-  })
-
-  if (!data) {
-    return notFound()
-  }
-
-  const {_id, title = 'Untitled', author, mainImage, body} = data ?? {}
-  return (
-    <>
-      <article>
-        <h1 className="mb-12 text-6xl font-bold leading-tight tracking-tighter md:text-7xl md:leading-none lg:text-8xl">
-          <Balancer>{title}</Balancer>
-        </h1>
-        <div className="hidden md:mb-12 md:block">
-          {author?._ref && (
-            <Suspense fallback={<AuthorAvatarFallback />}>
-              <AuthorAvatar id={author?._ref} />
-            </Suspense>
-          )}
-        </div>
-        <div className="mb-8 sm:mx-0 md:mb-16">
-          <CoverImage title={title} image={mainImage} priority slug={slug} />
-        </div>
-        <div className="mx-auto max-w-2xl">
-          <div className="mb-6 block md:hidden">
-            {author?._ref && (
-              <Suspense fallback={<AuthorAvatarFallback />}>
-                <AuthorAvatar id={author?._ref} />
-              </Suspense>
-            )}
-          </div>
-          <div className="mb-6 text-lg">
-            <PostDate dateString={data.publishedAt} />
-          </div>
-        </div>
-        <PostBody body={body} />
-      </article>
-      <aside>
-        <hr className="border-accent-2 mb-24 mt-28" />
-        <h2 className="mb-8 text-6xl font-bold leading-tight tracking-tighter md:text-7xl">
-          Recent Stories
-        </h2>
-        <Suspense>
-          <MoreStories skip={_id} limit={2} />
-        </Suspense>
-      </aside>
-    </>
-  )
-}
diff --git a/apps/next-no-cache/src/app/(blog)/layout.tsx b/apps/next-no-cache/src/app/(blog)/layout.tsx
deleted file mode 100644
index 9e6bd2dd6..000000000
--- a/apps/next-no-cache/src/app/(blog)/layout.tsx
+++ /dev/null
@@ -1,26 +0,0 @@
-import Link from 'next/link'
-
-import BlogHeader from './BlogHeader'
-import {EXAMPLE_NAME} from '@/lib/constants'
-import PreviewBanner from './PreviewBanner'
-import {draftMode} from 'next/headers'
-import {VisualEditing} from 'next-sanity'
-
-export default function BlogLayout({children}: {children: React.ReactNode}) {
-  return (
-    <>
-      {draftMode().isEnabled && <PreviewBanner />}
-      <div className="container mx-auto min-h-screen">
-        <BlogHeader title={EXAMPLE_NAME} />
-        <main className="mx-auto px-5">{children}</main>
-        <footer className="px-5 pb-10">
-          <hr className="border-accent-2 mb-24 mt-28" />
-          <Link href="/studio" className="hover:underline">
-            Studio
-          </Link>
-        </footer>
-      </div>
-      {draftMode().isEnabled && <VisualEditing />}
-    </>
-  )
-}
diff --git a/apps/next-no-cache/src/app/(blog)/page.tsx b/apps/next-no-cache/src/app/(blog)/page.tsx
deleted file mode 100644
index 84284d490..000000000
--- a/apps/next-no-cache/src/app/(blog)/page.tsx
+++ /dev/null
@@ -1,70 +0,0 @@
-import Link from 'next/link'
-import {Suspense} from 'react'
-import Balancer from 'react-wrap-balancer'
-
-import {AuthorAvatar, AuthorAvatarFallback} from './AuthorAvatar'
-import CoverImage from './CoverImage'
-import MoreStories from './MoreStories'
-import Date from './PostDate'
-import {postFields} from '@/lib/queries'
-import {loadQuery} from '@/lib/loadQuery'
-
-export default async function BlogIndexPage() {
-  const data = await loadQuery<any>({
-    query: /* groq */ `
-*[_type == "post"] | order(publishedAt desc, _updatedAt desc) [0] {
-  ${postFields}
-}`,
-  })
-  const {_id, author, excerpt, mainImage, slug, title, publishedAt} = data ?? {}
-
-  return (
-    <>
-      {data && (
-        <article>
-          <div className="mb-8 md:mb-16">
-            <CoverImage slug={slug} title={title} image={mainImage} priority />
-          </div>
-          <div className="mb-20 md:mb-28 md:grid md:grid-cols-2 md:gap-x-16 lg:gap-x-8">
-            <div>
-              <h3 className="mb-4 text-4xl leading-tight lg:text-6xl">
-                {slug ? (
-                  <Link href={`/${slug}`} className="hover:underline">
-                    <Balancer>{title}</Balancer>
-                  </Link>
-                ) : (
-                  <Balancer>{title}</Balancer>
-                )}
-              </h3>
-              <div className="mb-4 text-lg md:mb-0">
-                <Date dateString={publishedAt} />
-              </div>
-            </div>
-            <div>
-              {excerpt && (
-                <p className="mb-4 text-lg leading-relaxed">
-                  <Balancer>{excerpt}</Balancer>
-                </p>
-              )}
-              {author?._ref && (
-                <Suspense fallback={<AuthorAvatarFallback />}>
-                  <AuthorAvatar id={author._ref} />
-                </Suspense>
-              )}
-            </div>
-          </div>
-        </article>
-      )}
-      {_id && (
-        <aside>
-          <h2 className="mb-8 text-6xl font-bold leading-tight tracking-tighter md:text-7xl">
-            More Stories
-          </h2>
-          <Suspense>
-            <MoreStories skip={_id} limit={10} />
-          </Suspense>
-        </aside>
-      )}
-    </>
-  )
-}
diff --git a/apps/next-no-cache/src/app/api/disable-draft/route.ts b/apps/next-no-cache/src/app/api/disable-draft/route.ts
deleted file mode 100644
index 5feca1a1d..000000000
--- a/apps/next-no-cache/src/app/api/disable-draft/route.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {draftMode} from 'next/headers'
-import {NextRequest, NextResponse} from 'next/server'
-
-export function GET(request: NextRequest) {
-  draftMode().disable()
-  const url = new URL(request.nextUrl)
-  return NextResponse.redirect(new URL('/', url.origin))
-}
diff --git a/apps/next-no-cache/src/app/api/draft/route.ts b/apps/next-no-cache/src/app/api/draft/route.ts
deleted file mode 100644
index 95568a060..000000000
--- a/apps/next-no-cache/src/app/api/draft/route.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import {draftMode} from 'next/headers'
-import {redirect} from 'next/navigation'
-import {validatePreviewUrl} from '@sanity/preview-url-secret'
-import {client} from '@/lib/client'
-
-const clientWithToken = client.withConfig({
-  token: process.env.SANITY_API_READ_TOKEN,
-})
-
-export async function GET(req: Request) {
-  const {isValid, redirectTo = '/'} = await validatePreviewUrl(clientWithToken, req.url)
-  if (!isValid) {
-    return new Response('Invalid secret', {status: 401})
-  }
-
-  draftMode().enable()
-
-  redirect(redirectTo)
-}
diff --git a/apps/next-no-cache/src/app/favicon.ico b/apps/next-no-cache/src/app/favicon.ico
deleted file mode 100644
index 718d6fea4..000000000
Binary files a/apps/next-no-cache/src/app/favicon.ico and /dev/null differ
diff --git a/apps/next-no-cache/src/app/globals.css b/apps/next-no-cache/src/app/globals.css
deleted file mode 100644
index e0936eda7..000000000
--- a/apps/next-no-cache/src/app/globals.css
+++ /dev/null
@@ -1,23 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-:root {
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
-  }
-}
-
-body {
-  color: rgb(var(--foreground-rgb));
-  background: linear-gradient(to bottom, transparent, rgb(var(--background-end-rgb)))
-    rgb(var(--background-start-rgb));
-}
diff --git a/apps/next-no-cache/src/app/layout.tsx b/apps/next-no-cache/src/app/layout.tsx
deleted file mode 100644
index 676b2d5b0..000000000
--- a/apps/next-no-cache/src/app/layout.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import './globals.css'
-
-import type {Metadata} from 'next'
-import {Inter} from 'next/font/google'
-import {SpeedInsights} from '@vercel/speed-insights/next'
-
-import {CMS_NAME} from '@/lib/constants'
-
-const inter = Inter({
-  variable: '--font-inter',
-  subsets: ['latin'],
-  display: 'swap',
-})
-
-export const metadata = {
-  title: `Next.js and ${CMS_NAME} Example`,
-  description: `This is a blog built with Next.js and ${CMS_NAME}.`,
-} satisfies Metadata
-
-export default function RootLayout({children}: {children: React.ReactNode}) {
-  return (
-    <html lang="en" className={inter.variable}>
-      <body className="bg-white text-black">
-        {children}
-        <SpeedInsights />
-      </body>
-    </html>
-  )
-}
diff --git a/apps/next-no-cache/src/app/studio/[[...index]]/page.tsx b/apps/next-no-cache/src/app/studio/[[...index]]/page.tsx
deleted file mode 100644
index 71cd1cb67..000000000
--- a/apps/next-no-cache/src/app/studio/[[...index]]/page.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * This route is responsible for the built-in authoring environment using Sanity Studio v3.
- * All routes under /studio will be handled by this file using Next.js' catch-all routes:
- * https://nextjs.org/docs/routing/dynamic-routes#catch-all-routes
- *
- * You can learn more about the next-sanity package here:
- * https://github.com/sanity-io/next-sanity
- */
-
-import {NextStudio} from 'next-sanity/studio'
-
-import config from '@/sanity.config'
-
-export const dynamic = 'force-static'
-
-export {metadata, viewport} from 'next-sanity/studio'
-
-export default function StudioPage() {
-  return <NextStudio config={config} />
-}
diff --git a/apps/next-no-cache/src/lib/client.ts b/apps/next-no-cache/src/lib/client.ts
deleted file mode 100644
index 4d3a20582..000000000
--- a/apps/next-no-cache/src/lib/client.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import {createClient} from '@sanity/client'
-
-import {apiVersion, dataset, projectId} from './env'
-
-export const client = createClient({
-  apiVersion,
-  dataset,
-  projectId,
-  useCdn: true,
-  perspective: 'published',
-  stega: {
-    studioUrl: '/studio',
-  },
-})
diff --git a/apps/next-no-cache/src/lib/constants.ts b/apps/next-no-cache/src/lib/constants.ts
deleted file mode 100644
index 7ef30f1c0..000000000
--- a/apps/next-no-cache/src/lib/constants.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export const EXAMPLE_NAME = 'Blog'
-export const EXAMPLE_PATH = 'cms-sanity'
-export const CMS_NAME = 'Sanity'
-export const CMS_URL = 'https://sanity.io/'
-export const HOME_OG_IMAGE_URL =
-  'https://og-image.vercel.app/Next.js%20Blog%20Example%20with%20**Sanity**.png?theme=light&md=1&fontSize=75px&images=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fassets%2Fdesign%2Fnextjs-black-logo.svg&images=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPHN2ZyB2aWV3Qm94PSIwIDAgMTA1IDIyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMWVtIj48dGl0bGU%2BU2FuaXR5PC90aXRsZT48cGF0aCBvcGFjaXR5PSIwLjciIGQ9Ik03OC4xNzkzIDcuOTkyNjFWMjEuMDAyOEg3My45MDMxVjEwLjIxMzhMNzguMTc5MyA3Ljk5MjYxWiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg%2BPHBhdGggb3BhY2l0eT0iMC43IiBkPSJNMjAuOTUxMSAyMS4zM0wzMC45NDQgMTYuMTA1MUwyOS43MTIxIDEyLjkxNDFMMjMuMTMzMiAxNS45ODIxTDIwLjk1MTEgMjEuMzNaIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48cGF0aCBvcGFjaXR5PSIwLjUiIGQ9Ik03My45MDMxIDEwLjIwMjdMODQuNzQ0MyA0LjY1NDc3TDgyLjkxMjYgMS41NTcxTDczLjkwMzEgNS45NTk5N1YxMC4yMDI3WiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg%2BPHBhdGggb3BhY2l0eT0iMC43IiBkPSJNNDMuMzcwNSA2Ljk2MjMzVjIxLjAwMjhIMzkuMjkyN1YxLjAwNzE0TDQzLjM3MDUgNi45NjIzM1oiIGZpbGw9ImN1cnJlbnRDb2xvciI%2BPC9wYXRoPjxwYXRoIG9wYWNpdHk9IjAuNSIgZD0iTTI3LjEyOTkgNi4xODYxN0wyMC45NTExIDIxLjMzTDE3Ljc3MzEgMTguNTk0M0wyNS4xMzUzIDEuMDA3MTRMMjcuMTI5OSA2LjE4NjE3WiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg%2BPHBhdGggZD0iTTI1LjEzNTMgMS4wMDcxNEgyOS4zNDc3TDM3LjEzODYgMjEuMDAyOEgzMi44MjY5TDI1LjEzNTMgMS4wMDcxNFoiIGZpbGw9ImN1cnJlbnRDb2xvciI%2BPC9wYXRoPjxwYXRoIGQ9Ik00NC4wMDEyIDEuMDA3MTRMNTIuOTgyNCAxNC42NjgyVjIxLjAwMjhMMzkuMjkyNyAxLjAwNzE0SDQ0LjAwMTJaIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48cGF0aCBkPSJNNjQuOTE4MyAxLjAwNzE0SDYwLjY3MzlWMjEuMDA2M0g2NC45MTgzVjEuMDA3MTRaIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48cGF0aCBkPSJNNzMuOTAzMSA0LjY1NDc0SDY3LjM3VjEuMDA3MTRIODIuNTg2N0w4NC43NDQzIDQuNjU0NzRINzguMTc5M0g3My45MDMxWiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg%2BPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNOTcuMjc1NCAxMy40MTUzVjIxLjAwMjhIOTMuMDYyOVYxMy40MTUzIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48cGF0aCBkPSJNOTMuMDYyOSAxMy40MTUyTDEwMC4xOTEgMS4wMDcxNEgxMDQuNjY2TDk3LjI3NTQgMTMuNDE1Mkg5My4wNjI5WiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg%2BPHBhdGggb3BhY2l0eT0iMC43IiBkPSJNOTMuMDYzIDEzLjQxNTJMODUuNzM2MyAxLjAwNzE0SDkwLjM0NTZMOTUuMzA5MiA5LjUxMDA4TDkzLjA2MyAxMy40MTUyWiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg%2BPHBhdGggZD0iTTEuOTYxMjYgMy4zMTQ3OUMxLjk2MTI2IDYuMDk5MjEgMy43MTE0NSA3Ljc1NTk1IDcuMjE1MzYgOC42Mjk1NkwxMC45MjgzIDkuNDc1MzNDMTQuMjQ0NCAxMC4yMjM2IDE2LjI2MzkgMTIuMDgyMiAxNi4yNjM5IDE1LjExMDNDMTYuMjg5NyAxNi40Mjk1IDE1Ljg1MzEgMTcuNzE3MyAxNS4wMjc0IDE4Ljc1NzlDMTUuMDI3NCAxNS43MzY4IDEzLjQzNjcgMTQuMTA0NCA5LjU5OTcyIDEzLjEyMjlMNS45NTQwOSAxMi4zMDg1QzMuMDM0NzUgMTEuNjU0MSAwLjc4MTQ3OCAxMC4xMjYyIDAuNzgxNDc4IDYuODM3MDlDMC43NjYxMjMgNS41NjY5MyAxLjE4MTE2IDQuMzI3ODEgMS45NjEyNiAzLjMxNDc5IiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48cGF0aCBvcGFjaXR5PSIwLjciIGQ9Ik01Mi45ODI0IDEzLjY0MTVWMS4wMDcxNEg1Ny4wNjAyVjIxLjAwMjhINTIuOTgyNFYxMy42NDE1WiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg%2BPHBhdGggb3BhY2l0eT0iMC43IiBkPSJNMTIuNzQ1OCAxNC4zNjg5QzE0LjMyOTQgMTUuMzY0MyAxNS4wMjM4IDE2Ljc1NjUgMTUuMDIzOCAxOC43NTQ0QzEzLjcxMyAyMC40MDQxIDExLjQxMDEgMjEuMzMgOC43MDMzMyAyMS4zM0M0LjE0NzE4IDIxLjMzIDAuOTU4NTc3IDE5LjEyNjggMC4yNSAxNS4yOTgySDQuNjI1NDdDNS4xODg3OCAxNy4wNTU5IDYuNjgwMzQgMTcuODcwMyA4LjY3MTQ0IDE3Ljg3MDNDMTEuMTAxOSAxNy44NzAzIDEyLjcxNzQgMTYuNTk2NCAxMi43NDkzIDE0LjM2MTkiIGZpbGw9ImN1cnJlbnRDb2xvciI%2BPC9wYXRoPjxwYXRoIG9wYWNpdHk9IjAuNyIgZD0iTTQuMjM1NjcgNy40NDI2N0MzLjUxMjUgNy4wMjA0NSAyLjkxOTIgNi40MTM3NSAyLjUxODczIDUuNjg2OTdDMi4xMTgyNyA0Ljk2MDE5IDEuOTI1NTggNC4xNDA0NSAxLjk2MTEzIDMuMzE0NzZDMy4yMjU5NCAxLjY3ODkxIDUuNDI2MDggMC42Nzk5OTMgOC4xMDgwNCAwLjY3OTk5M0MxMi43NDkyIDAuNjc5OTkzIDE1LjQzNDcgMy4wODg1MiAxNi4wOTcyIDYuNDc4NTZIMTEuODg4M0MxMS40MjQyIDUuMTQyMDMgMTAuMjYyMSA0LjEwMTM2IDguMTQzNDcgNC4xMDEzNkM1Ljg3OTU3IDQuMTAxMzYgNC4zMzQ4NyA1LjM5NjExIDQuMjQ2MjkgNy40NDI2NyIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg%2BPC9zdmc%2B&widths=undefined&widths=auto&heights=250&heights=150'
diff --git a/apps/next-no-cache/src/lib/env.ts b/apps/next-no-cache/src/lib/env.ts
deleted file mode 100644
index badcecf73..000000000
--- a/apps/next-no-cache/src/lib/env.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-export const apiVersion = process.env.NEXT_PUBLIC_SANITY_API_VERSION || '2024-01-02'
-
-export const dataset = assertValue(
-  process.env.NEXT_PUBLIC_SANITY_DATASET,
-  'Missing environment variable: NEXT_PUBLIC_SANITY_DATASET',
-)
-
-export const projectId = assertValue(
-  process.env.NEXT_PUBLIC_SANITY_PROJECT_ID,
-  'Missing environment variable: NEXT_PUBLIC_SANITY_PROJECT_ID',
-)
-
-// This is always an empty string client side and is only used server side
-export const token = process.env.SANITY_API_READ_TOKEN || ''
-
-function assertValue<T>(v: T | undefined, errorMessage: string): T {
-  if (v === undefined) {
-    throw new Error(errorMessage)
-  }
-
-  return v
-}
diff --git a/apps/next-no-cache/src/lib/image.ts b/apps/next-no-cache/src/lib/image.ts
deleted file mode 100644
index bb95050c0..000000000
--- a/apps/next-no-cache/src/lib/image.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import createImageUrlBuilder from '@sanity/image-url'
-import type {ImageLoader} from 'next/image'
-import type {Image} from 'sanity'
-
-import {dataset, projectId} from './env'
-
-const imageBuilder = createImageUrlBuilder({
-  projectId: projectId || '',
-  dataset: dataset || '',
-})
-
-export const urlForImage = (source: Image) => {
-  return imageBuilder?.image(source).auto('format').fit('max')
-}
-
-const imageloader: ImageLoader = ({src, width, quality}) => {
-  const url = new URL(src)
-  url.searchParams.set('auto', 'format')
-  url.searchParams.set('fit', 'max')
-  if (url.searchParams.has('h')) {
-    const originalHeight = parseInt(url.searchParams.get('h')!, 10)
-    const originalWidth = parseInt(url.searchParams.get('w')!, 10)
-    url.searchParams.set('h', Math.round((originalHeight / originalWidth) * width).toString())
-  }
-  url.searchParams.set('w', width.toString())
-  if (quality) {
-    url.searchParams.set('q', quality.toString())
-  }
-  return url.href
-}
-
-export default imageloader
diff --git a/apps/next-no-cache/src/lib/links.ts b/apps/next-no-cache/src/lib/links.ts
deleted file mode 100644
index 44421940b..000000000
--- a/apps/next-no-cache/src/lib/links.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export function resolveHref(documentType?: string, slugOrId?: string): string | undefined {
-  switch (documentType) {
-    case 'post':
-      return slugOrId ? `/${slugOrId}` : undefined
-    default:
-      console.warn('Invalid document type:', documentType)
-      return undefined
-  }
-}
diff --git a/apps/next-no-cache/src/lib/loadQuery.tsx b/apps/next-no-cache/src/lib/loadQuery.tsx
deleted file mode 100644
index 1c7833dba..000000000
--- a/apps/next-no-cache/src/lib/loadQuery.tsx
+++ /dev/null
@@ -1,36 +0,0 @@
-import type {QueryParams} from 'next-sanity'
-import {draftMode} from 'next/headers'
-import 'server-only'
-import {client} from './client'
-import {token} from './env'
-import type {FilteredResponseQueryOptions} from '@sanity/client'
-
-const DEFAULT_PARAMS = {} as QueryParams
-
-export async function loadQuery<QueryResponse>({
-  query,
-  params = DEFAULT_PARAMS,
-}: {
-  query: string
-  params?: QueryParams
-}): Promise<QueryResponse> {
-  const isDraftMode = draftMode().isEnabled
-  if (isDraftMode && !token) {
-    throw new Error('The `SANITY_API_READ_TOKEN` environment variable is required in Draft Mode.')
-  }
-
-  const perspective = isDraftMode ? 'previewDrafts' : 'published'
-  const options = {
-    filterResponse: true,
-    resultSourceMap: isDraftMode ? 'withKeyArraySelector' : false,
-    useCdn: !isDraftMode,
-    token: isDraftMode ? token : undefined,
-    perspective,
-    // Disable the Data Cache for all requests when in Draft Mode, otherwise it's 60 seconds like the API CDN TTL
-    next: {revalidate: isDraftMode ? 0 : 60},
-  } satisfies FilteredResponseQueryOptions
-  return await client.fetch<QueryResponse>(query, params, {
-    ...options,
-    stega: isDraftMode,
-  } as FilteredResponseQueryOptions)
-}
diff --git a/apps/next-no-cache/src/lib/queries.ts b/apps/next-no-cache/src/lib/queries.ts
deleted file mode 100644
index 8c0c7b369..000000000
--- a/apps/next-no-cache/src/lib/queries.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-export const postFields = /* groq */ `
-  ...,
-  "slug": slug.current,
-  "publishedAt": coalesce(publishedAt, _updatedAt),
-`
-
-export const latestPostQuery = /* groq */ `
-*[_type == "post"] | order(publishedAt desc, _updatedAt desc) [0] {
-  ${postFields}
-}`
-
-export const postQuery = /* groq */ `
-{
-  "post": *[_type == "post" && slug.current == $slug] | order(_updatedAt desc) [0] {
-    content,
-    ${postFields}
-  },
-  "morePosts": *[_type == "post" && slug.current != $slug] | order(date desc, _updatedAt desc) [0...2] {
-    content,
-    ${postFields}
-  }
-}`
-
-export const postSlugsQuery = /* groq */ `
-*[_type == "post" && defined(slug.current)][].slug.current
-`
-
-export const postBySlugQuery = /* groq */ `
-*[_type == "post" && slug.current == $slug][0] {
-  ${postFields}
-}
-`
diff --git a/apps/next-no-cache/src/lib/sanity/schema.ts b/apps/next-no-cache/src/lib/sanity/schema.ts
deleted file mode 100644
index fe7e9fb06..000000000
--- a/apps/next-no-cache/src/lib/sanity/schema.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import {author} from './schemas/author'
-import {blockContent} from './schemas/blockContent'
-import {post} from './schemas/post'
-
-export const types = [author, blockContent, post]
diff --git a/apps/next-no-cache/src/lib/sanity/schemas/author.ts b/apps/next-no-cache/src/lib/sanity/schemas/author.ts
deleted file mode 100644
index 99ee8d356..000000000
--- a/apps/next-no-cache/src/lib/sanity/schemas/author.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import {UserIcon} from '@sanity/icons'
-import {defineField, defineType} from 'sanity'
-
-export const author = defineType({
-  name: 'author',
-  title: 'Author',
-  icon: UserIcon,
-  type: 'document',
-  fields: [
-    defineField({
-      name: 'name',
-      title: 'Name',
-      type: 'string',
-      validation: (rule) => rule.required(),
-    }),
-    defineField({
-      name: 'image',
-      title: 'Image',
-      type: 'image',
-      options: {
-        hotspot: true,
-      },
-      fields: [
-        defineField({
-          name: 'alt',
-          type: 'string',
-          title: 'Alternative Text',
-        }),
-      ],
-    }),
-  ],
-  preview: {
-    select: {
-      title: 'name',
-      media: 'image',
-    },
-  },
-})
diff --git a/apps/next-no-cache/src/lib/sanity/schemas/blockContent.ts b/apps/next-no-cache/src/lib/sanity/schemas/blockContent.ts
deleted file mode 100644
index b8f0fb0e2..000000000
--- a/apps/next-no-cache/src/lib/sanity/schemas/blockContent.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import {defineArrayMember, defineField, defineType} from 'sanity'
-
-/**
- * This is the schema type for block content used in the post document type
- * Importing this type into the studio configuration's `schema` property
- * lets you reuse it in other document types with:
- *  {
- *    name: 'someName',
- *    title: 'Some title',
- *    type: 'blockContent'
- *  }
- */
-
-export const blockContent = defineType({
-  title: 'Block Content',
-  name: 'blockContent',
-  type: 'array',
-  of: [
-    defineArrayMember({
-      title: 'Block',
-      type: 'block',
-      // Styles let you define what blocks can be marked up as. The default
-      // set corresponds with HTML tags, but you can set any title or value
-      // you want, and decide how you want to deal with it where you want to
-      // use your content.
-      styles: [
-        {title: 'Normal', value: 'normal'},
-        {title: 'H1', value: 'h1'},
-        {title: 'H2', value: 'h2'},
-        {title: 'H3', value: 'h3'},
-        {title: 'H4', value: 'h4'},
-        {title: 'Quote', value: 'blockquote'},
-      ],
-      lists: [{title: 'Bullet', value: 'bullet'}],
-      // Marks let you mark up inline text in the Portable Text Editor
-      marks: {
-        // Decorators usually describe a single property – e.g. a typographic
-        // preference or highlighting
-        decorators: [
-          {title: 'Strong', value: 'strong'},
-          {title: 'Emphasis', value: 'em'},
-        ],
-        // Annotations can be any object structure – e.g. a link or a footnote.
-        annotations: [
-          {
-            title: 'URL',
-            name: 'link',
-            type: 'object',
-            fields: [
-              {
-                title: 'URL',
-                name: 'href',
-                type: 'url',
-              },
-            ],
-          },
-        ],
-      },
-    }),
-    // You can add additional types here. Note that you can't use
-    // primitive types such as 'string' and 'number' in the same array
-    // as a block type.
-    defineArrayMember({
-      type: 'image',
-      options: {hotspot: true},
-      fields: [
-        defineField({
-          name: 'alt',
-          type: 'string',
-          title: 'Alternative Text',
-        }),
-      ],
-    }),
-  ],
-})
diff --git a/apps/next-no-cache/src/lib/sanity/schemas/post.ts b/apps/next-no-cache/src/lib/sanity/schemas/post.ts
deleted file mode 100644
index ff7a7cf83..000000000
--- a/apps/next-no-cache/src/lib/sanity/schemas/post.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-import {BookIcon} from '@sanity/icons'
-import {defineField, defineType} from 'sanity'
-
-import {format, parseISO} from 'date-fns'
-import {author as authorType} from './author'
-import {blockContent} from './blockContent'
-
-export const post = defineType({
-  name: 'post',
-  title: 'Post',
-  icon: BookIcon,
-  type: 'document',
-  fields: [
-    defineField({
-      name: 'title',
-      title: 'Title',
-      type: 'string',
-      validation: (rule) => rule.required(),
-    }),
-    defineField({
-      name: 'slug',
-      title: 'Slug',
-      type: 'slug',
-      options: {
-        source: 'title',
-        maxLength: 96,
-        isUnique: (value, context) => context.defaultIsUnique(value, context),
-      },
-      validation: (rule) => rule.required(),
-    }),
-    defineField({
-      name: 'author',
-      title: 'Author',
-      type: 'reference',
-      to: [{type: authorType.name}],
-    }),
-    defineField({
-      name: 'mainImage',
-      title: 'Main image',
-      type: 'image',
-      options: {
-        hotspot: true,
-      },
-      fields: [
-        defineField({
-          name: 'alt',
-          type: 'string',
-          title: 'Alternative Text',
-        }),
-      ],
-    }),
-    defineField({
-      name: 'publishedAt',
-      title: 'Published at',
-      type: 'datetime',
-      initialValue: () => new Date().toISOString(),
-    }),
-    defineField({
-      name: 'body',
-      title: 'Body',
-      type: blockContent.name,
-    }),
-    defineField({
-      name: 'excerpt',
-      title: 'Excerpt',
-      type: 'text',
-    }),
-  ],
-
-  preview: {
-    select: {
-      title: 'title',
-      author: 'author.name',
-      media: 'mainImage',
-      publishedAt: 'publishedAt',
-    },
-    prepare({title, media, author, publishedAt}) {
-      const subtitles = [
-        author && `by ${author}`,
-        publishedAt && `on ${format(parseISO(publishedAt), 'LLL d, yyyy')}`,
-      ].filter(Boolean)
-
-      return {title, media, subtitle: subtitles.join(' ')}
-    },
-  },
-})
diff --git a/apps/next-no-cache/src/sanity.config.ts b/apps/next-no-cache/src/sanity.config.ts
deleted file mode 100644
index dcefe214f..000000000
--- a/apps/next-no-cache/src/sanity.config.ts
+++ /dev/null
@@ -1 +0,0 @@
-export {default} from '../sanity.config'
diff --git a/apps/next-no-cache/tailwind.config.ts b/apps/next-no-cache/tailwind.config.ts
deleted file mode 100644
index f62bb4077..000000000
--- a/apps/next-no-cache/tailwind.config.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import type {Config} from 'tailwindcss'
-import typography from '@tailwindcss/typography'
-
-const config: Config = {
-  content: ['./src/app/**/*.{ts,tsx}', './src/components/**/*.{ts,tsx}', './src/lib/**/*.{ts,tsx}'],
-  theme: {
-    extend: {
-      fontFamily: {
-        sans: ['var(--font-inter)'],
-      },
-    },
-  },
-  future: {
-    hoverOnlyWhenSupported: true,
-  },
-  plugins: [typography],
-}
-export default config
diff --git a/apps/next-no-cache/turbo.json b/apps/next-no-cache/turbo.json
deleted file mode 100644
index ff06c68ff..000000000
--- a/apps/next-no-cache/turbo.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "$schema": "https://turbo.build/schema.json",
-  "extends": ["//"],
-  "tasks": {
-    "build": {
-      "inputs": ["$TURBO_DEFAULT$", ".env", ".env.local"],
-      "env": ["NEXT_PUBLIC_SANITY_*", "NEXT_PUBLIC_VERCEL_ENV"],
-      "outputs": [".next/**", "!.next/cache/**"]
-    }
-  }
-}
diff --git a/apps/next-server-only/.eslintrc.json b/apps/next-server-only/.eslintrc.json
deleted file mode 100644
index bffb357a7..000000000
--- a/apps/next-server-only/.eslintrc.json
+++ /dev/null
@@ -1,3 +0,0 @@
-{
-  "extends": "next/core-web-vitals"
-}
diff --git a/apps/next-server-only/.gitignore b/apps/next-server-only/.gitignore
deleted file mode 100644
index fd3dbb571..000000000
--- a/apps/next-server-only/.gitignore
+++ /dev/null
@@ -1,36 +0,0 @@
-# See https://help.github.com/articles/ignoring-files/ for more about ignoring files.
-
-# dependencies
-/node_modules
-/.pnp
-.pnp.js
-.yarn/install-state.gz
-
-# testing
-/coverage
-
-# next.js
-/.next/
-/out/
-
-# production
-/build
-
-# misc
-.DS_Store
-*.pem
-
-# debug
-npm-debug.log*
-yarn-debug.log*
-yarn-error.log*
-
-# local env files
-.env*.local
-
-# vercel
-.vercel
-
-# typescript
-*.tsbuildinfo
-next-env.d.ts
diff --git a/apps/next-server-only/README.md b/apps/next-server-only/README.md
deleted file mode 100644
index c4033664f..000000000
--- a/apps/next-server-only/README.md
+++ /dev/null
@@ -1,36 +0,0 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
-
-## Getting Started
-
-First, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-# or
-bun dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
diff --git a/apps/next-server-only/next.config.mjs b/apps/next-server-only/next.config.mjs
deleted file mode 100644
index 89fe90acc..000000000
--- a/apps/next-server-only/next.config.mjs
+++ /dev/null
@@ -1,59 +0,0 @@
-import path from 'node:path'
-import withBundleAnalyzer from '@next/bundle-analyzer'
-import sanityPkg from 'sanity/package.json' assert {type: 'json'}
-
-function requireResolve(id) {
-  return import.meta.resolve(id).replace('file://', '')
-}
-
-const sanityExports = {}
-for (const key of Object.keys(sanityPkg.exports)) {
-  if (key === '.') continue
-  const subexport = path.join('sanity', key)
-  sanityExports[subexport] = requireResolve(subexport)
-}
-sanityExports['sanity'] = requireResolve('sanity')
-
-/** @type {import('next').NextConfig} */
-const nextConfig = {
-  reactStrictMode: true,
-  // /*
-  logging: {
-    fetches: {
-      fullUrl: true,
-    },
-  },
-  // */
-
-  typescript: {
-    // @TODO figure out why TSC fails in the Next.js process but works fine when running `tsc --noEmit`
-    ignoreBuildErrors: true,
-  },
-
-  transpilePackages: ['apps-common'],
-
-  images: {
-    remotePatterns: [{hostname: 'cdn.sanity.io'}, {hostname: 'source.unsplash.com'}],
-  },
-
-  experimental: {
-    taint: true,
-  },
-
-  webpack(config) {
-    config.resolve.alias = {
-      ...config.resolve.alias,
-      ...sanityExports,
-      '@sanity/presentation': requireResolve('@sanity/presentation'),
-      '@sanity/vision': requireResolve('@sanity/vision'),
-      '@sanity/ui/theme': requireResolve('@sanity/ui/theme'),
-      '@sanity/ui': requireResolve('@sanity/ui'),
-      'styled-components': requireResolve('styled-components'),
-    }
-    return config
-  },
-}
-
-export default withBundleAnalyzer({
-  enabled: process.env.ANALYZE === 'true',
-})(nextConfig)
diff --git a/apps/next-server-only/package.json b/apps/next-server-only/package.json
deleted file mode 100644
index 5540f6146..000000000
--- a/apps/next-server-only/package.json
+++ /dev/null
@@ -1,56 +0,0 @@
-{
-  "name": "next-server-only",
-  "version": "0.1.0",
-  "private": true,
-  "scripts": {
-    "build": "next build",
-    "dev": "next dev",
-    "lint": "next lint",
-    "start": "next start"
-  },
-  "dependencies": {
-    "@portabletext/react": "^3.1.0",
-    "@repo/channels": "workspace:*",
-    "@repo/visual-editing-helpers": "workspace:*",
-    "@sanity/client": "^6.21.3",
-    "@sanity/icons": "^3.4.0",
-    "@sanity/image-url": "^1.0.2",
-    "@sanity/presentation": "workspace:*",
-    "@sanity/preview-kit-compat": "workspace:*",
-    "@sanity/preview-url-secret": "workspace:*",
-    "@sanity/react-loader": "workspace:*",
-    "@sanity/vision": "^3.57.2",
-    "@sanity/visual-editing": "workspace:*",
-    "@tailwindcss/typography": "^0.5.15",
-    "@types/node": "^20.5.0",
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
-    "@vercel/speed-insights": "^1.0.12",
-    "apps-common": "workspace:*",
-    "autoprefixer": "^10.4.20",
-    "classnames": "^2.5.1",
-    "date-fns": "^3.6.0",
-    "fast-deep-equal": "3.1.3",
-    "next": "15.0.0-canary.148",
-    "next-sanity": "9.4.7",
-    "react": "19.0.0-rc-fb9a90fa48-20240614",
-    "react-dom": "19.0.0-rc-fb9a90fa48-20240614",
-    "react-wrap-balancer": "^1.1.1",
-    "sanity": "^3.57.2",
-    "sanity-plugin-asset-source-unsplash": "^3.0.1",
-    "server-only": "^0.0.1",
-    "styled-components": "^6.1.13"
-  },
-  "devDependencies": {
-    "@next/bundle-analyzer": "15.0.0-canary.148",
-    "@types/node": "^20",
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
-    "autoprefixer": "^10.4.20",
-    "eslint": "^8.57.0",
-    "eslint-config-next": "14.3.0-canary.87",
-    "postcss": "^8.4.45",
-    "tailwindcss": "^3.4.10",
-    "typescript": "5.6.2"
-  }
-}
diff --git a/apps/next-server-only/postcss.config.js b/apps/next-server-only/postcss.config.js
deleted file mode 100644
index 33ad091d2..000000000
--- a/apps/next-server-only/postcss.config.js
+++ /dev/null
@@ -1,6 +0,0 @@
-module.exports = {
-  plugins: {
-    tailwindcss: {},
-    autoprefixer: {},
-  },
-}
diff --git a/apps/next-server-only/public/next.svg b/apps/next-server-only/public/next.svg
deleted file mode 100644
index 5174b28c5..000000000
--- a/apps/next-server-only/public/next.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file
diff --git a/apps/next-server-only/public/vercel.svg b/apps/next-server-only/public/vercel.svg
deleted file mode 100644
index d2f842227..000000000
--- a/apps/next-server-only/public/vercel.svg
+++ /dev/null
@@ -1 +0,0 @@
-<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 283 64"><path fill="black" d="M141 16c-11 0-19 7-19 18s9 18 20 18c7 0 13-3 16-7l-7-5c-2 3-6 4-9 4-5 0-9-3-10-7h28v-3c0-11-8-18-19-18zm-9 15c1-4 4-7 9-7s8 3 9 7h-18zm117-15c-11 0-19 7-19 18s9 18 20 18c6 0 12-3 16-7l-8-5c-2 3-5 4-8 4-5 0-9-3-11-7h28l1-3c0-11-8-18-19-18zm-10 15c2-4 5-7 10-7s8 3 9 7h-19zm-39 3c0 6 4 10 10 10 4 0 7-2 9-5l8 5c-3 5-9 8-17 8-11 0-19-7-19-18s8-18 19-18c8 0 14 3 17 8l-8 5c-2-3-5-5-9-5-6 0-10 4-10 10zm83-29v46h-9V5h9zM37 0l37 64H0L37 0zm92 5-27 48L74 5h10l18 30 17-30h10zm59 12v10l-3-1c-6 0-10 4-10 10v15h-9V17h9v9c0-5 6-9 13-9z"/></svg>
\ No newline at end of file
diff --git a/apps/next-server-only/sanity.cli.ts b/apps/next-server-only/sanity.cli.ts
deleted file mode 100644
index f47497f71..000000000
--- a/apps/next-server-only/sanity.cli.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-/**
- * This configuration file lets you run `$ sanity [command]` in this folder
- * Go to https://www.sanity.io/docs/cli to learn more.
- **/
-import {loadEnvConfig} from '@next/env'
-import {defineCliConfig} from 'sanity/cli'
-import {projectId, datasets} from 'apps-common/env'
-
-const dev = process.env.NODE_ENV !== 'production'
-loadEnvConfig(__dirname, dev, {info: () => null, error: console.error})
-
-const dataset = datasets['blog']
-
-export default defineCliConfig({
-  api: {projectId, dataset},
-  vite: (config) => {
-    return {
-      ...config,
-      envPrefix: ['NEXT_', 'SANITY_STUDIO_', 'VITE_'],
-    }
-  },
-})
diff --git a/apps/next-server-only/sanity.config.ts b/apps/next-server-only/sanity.config.ts
deleted file mode 100644
index eee9c6f66..000000000
--- a/apps/next-server-only/sanity.config.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-'use client'
-/**
- * This configuration is used to for the Sanity Studio that’s mounted on the `/app/studio/[[...index]]/page.tsx` route
- */
-
-import {visionTool} from '@sanity/vision'
-import {defineConfig} from 'sanity'
-import {presentationTool} from 'sanity/presentation'
-import {structureTool} from 'sanity/structure'
-import {unsplashImageAsset} from 'sanity-plugin-asset-source-unsplash'
-
-// Go to https://www.sanity.io/docs/api-versioning to learn how API versioning works
-import {apiVersion, dataset, projectId} from '@/lib/env'
-import {types} from '@/lib/sanity/schema'
-
-const config = defineConfig({
-  basePath: '/studio',
-  projectId,
-  dataset,
-  // Add and edit the content schema in the './src/sanity/schema' folder
-  schema: {types},
-  plugins: [
-    presentationTool({
-      previewUrl: {
-        previewMode: {
-          enable: '/api/draft',
-          disable: 'api/disable-draft',
-        },
-      },
-    }),
-    structureTool(),
-    // Add an image asset source for Unsplash
-    unsplashImageAsset(),
-    // Vision is a tool that lets you query your content with GROQ in the studio
-    // https://www.sanity.io/docs/the-vision-plugin
-    visionTool({defaultApiVersion: apiVersion}),
-  ],
-})
-export default config
diff --git a/apps/next-server-only/src/app/(blog)/AuthorAvatar.tsx b/apps/next-server-only/src/app/(blog)/AuthorAvatar.tsx
deleted file mode 100644
index a59513bbf..000000000
--- a/apps/next-server-only/src/app/(blog)/AuthorAvatar.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import {urlForImage} from '@/lib/image'
-import {loadQuery} from '@/lib/loadQuery'
-import Image from 'next/image'
-import Balancer from 'react-wrap-balancer'
-
-const query = /* groq */ `*[_type == "author" && _id == $id][0]`
-
-export async function AuthorAvatar(params: {id: string}) {
-  const data = await loadQuery<any>({
-    query,
-    params,
-    tags: [params.id],
-  })
-  const {name = 'Anonymous', image} = data ?? {}
-  return (
-    <>
-      <div className="flex items-center" data-tags={JSON.stringify([params.id])}>
-        <div className="relative mr-4 h-12 w-12">
-          <Image
-            src={
-              image?.asset?._ref
-                ? urlForImage(image).height(96).width(96).fit('crop').url()
-                : 'https://source.unsplash.com/96x96/?face'
-            }
-            className="rounded-full"
-            height={96}
-            width={96}
-            alt={image?.alt || ''}
-          />
-        </div>
-        <div className="text-xl font-bold">
-          <Balancer>{name}</Balancer>
-        </div>
-      </div>
-    </>
-  )
-}
-
-export function AuthorAvatarFallback() {
-  return (
-    <div className="flex animate-pulse items-center">
-      <div className="relative mr-4 h-12 w-12 rounded-full bg-gray-800/50 opacity-25" />
-      <div className="text-xl font-bold opacity-30">Fetching author&hellip;</div>
-    </div>
-  )
-}
diff --git a/apps/next-server-only/src/app/(blog)/BlogHeader.tsx b/apps/next-server-only/src/app/(blog)/BlogHeader.tsx
deleted file mode 100644
index 9f91037c7..000000000
--- a/apps/next-server-only/src/app/(blog)/BlogHeader.tsx
+++ /dev/null
@@ -1,27 +0,0 @@
-'use client'
-
-import Link from 'next/link'
-import {usePathname} from 'next/navigation'
-import Balancer from 'react-wrap-balancer'
-
-export default function BlogHeader({title}: {title: string}) {
-  const pathname = usePathname()
-  if (pathname === '/') {
-    return (
-      <header className="mx-5 mb-10 mt-16 flex flex-col items-center md:mb-12 md:flex-row md:justify-between">
-        <h1 className="text-6xl font-bold leading-tight tracking-tighter md:pr-8 md:text-8xl">
-          <Balancer>{title}</Balancer>
-        </h1>
-      </header>
-    )
-  }
-  return (
-    <header className="mx-5">
-      <h2 className="mb-20 mt-8 text-2xl font-bold leading-tight tracking-tight md:text-4xl md:tracking-tighter">
-        <Link href="/" className="hover:underline">
-          <Balancer>{title}</Balancer>
-        </Link>
-      </h2>
-    </header>
-  )
-}
diff --git a/apps/next-server-only/src/app/(blog)/CoverImage.tsx b/apps/next-server-only/src/app/(blog)/CoverImage.tsx
deleted file mode 100644
index 75c3c491e..000000000
--- a/apps/next-server-only/src/app/(blog)/CoverImage.tsx
+++ /dev/null
@@ -1,46 +0,0 @@
-import {urlForImage} from '@/lib/image'
-import cn from 'classnames'
-import Image from 'next/image'
-import Link from 'next/link'
-
-interface CoverImageProps {
-  title: string
-  slug?: string
-  image?: {asset?: any; alt?: string}
-  priority?: boolean
-}
-
-export default function CoverImage(props: CoverImageProps) {
-  const {title, slug, image: source, priority} = props
-  const image = source?.asset?._ref ? (
-    <div
-      className={cn('shadow-small', {
-        'hover:shadow-medium transition-shadow duration-200': slug,
-      })}
-    >
-      <Image
-        className="h-auto w-full"
-        width={2000}
-        height={1000}
-        alt={source?.alt || ''}
-        src={urlForImage(source).height(1000).width(2000).url()}
-        sizes="100vw"
-        priority={priority}
-      />
-    </div>
-  ) : (
-    <div style={{paddingTop: '50%', backgroundColor: '#ddd'}} />
-  )
-
-  return (
-    <div className="sm:mx-0">
-      {slug ? (
-        <Link href={`/${slug}`} aria-label={title}>
-          {image}
-        </Link>
-      ) : (
-        image
-      )}
-    </div>
-  )
-}
diff --git a/apps/next-server-only/src/app/(blog)/MoreStories.tsx b/apps/next-server-only/src/app/(blog)/MoreStories.tsx
deleted file mode 100644
index 89e2a3e43..000000000
--- a/apps/next-server-only/src/app/(blog)/MoreStories.tsx
+++ /dev/null
@@ -1,58 +0,0 @@
-import Link from 'next/link'
-import {Suspense} from 'react'
-
-import {postFields} from '@/lib/queries'
-import {AuthorAvatar, AuthorAvatarFallback} from './AuthorAvatar'
-import CoverImage from './CoverImage'
-import Date from './PostDate'
-import {loadQuery} from '@/lib/loadQuery'
-
-const query = /* groq */ `*[_type == "post" && _id != $skip] | order(date desc, _updatedAt desc) [0...$limit] {
-  ${postFields}
-}`
-
-export default async function MoreStories(params: {skip: string; limit: number}) {
-  const data = await loadQuery<any>({
-    query,
-    params,
-    tags: ['post'],
-  })
-
-  return (
-    <>
-      <div
-        className="mb-32 grid grid-cols-1 gap-y-20 md:grid-cols-2 md:gap-x-16 md:gap-y-32 lg:gap-x-32"
-        data-tags={JSON.stringify(['post'])}
-      >
-        {data.map((post: any) => {
-          const {_id, title = 'Untitled', slug, mainImage, excerpt, author} = post
-          return (
-            <article key={_id}>
-              <div className="mb-5">
-                <CoverImage slug={slug} title={title} image={mainImage} priority={false} />
-              </div>
-              <h3 className="mb-3 text-3xl leading-snug">
-                {slug ? (
-                  <Link href={`/${slug}`} className="hover:underline">
-                    {title}
-                  </Link>
-                ) : (
-                  title
-                )}
-              </h3>
-              <div className="mb-4 text-lg">
-                <Date dateString={post.publishedAt} />
-              </div>
-              {excerpt && <p className="mb-4 text-lg leading-relaxed">{excerpt}</p>}
-              {author?._ref && (
-                <Suspense fallback={<AuthorAvatarFallback />}>
-                  <AuthorAvatar id={author._ref} />
-                </Suspense>
-              )}
-            </article>
-          )
-        })}
-      </div>
-    </>
-  )
-}
diff --git a/apps/next-server-only/src/app/(blog)/PostBody.module.css b/apps/next-server-only/src/app/(blog)/PostBody.module.css
deleted file mode 100644
index 87f49dffc..000000000
--- a/apps/next-server-only/src/app/(blog)/PostBody.module.css
+++ /dev/null
@@ -1,25 +0,0 @@
-.portableText {
-  @apply text-lg leading-relaxed;
-}
-
-.portableText p,
-.portableText ul,
-.portableText ol,
-.portableText blockquote {
-  @apply my-6;
-}
-
-.portableText h2 {
-  @apply mb-4 mt-12 text-3xl leading-snug;
-}
-
-.portableText h3 {
-  @apply mb-4 mt-8 text-2xl leading-snug;
-}
-
-.portableText a {
-  @apply text-blue-500 underline;
-}
-.portableText a:hover {
-  @apply text-blue-800;
-}
diff --git a/apps/next-server-only/src/app/(blog)/PostBody.tsx b/apps/next-server-only/src/app/(blog)/PostBody.tsx
deleted file mode 100644
index a9a1146e1..000000000
--- a/apps/next-server-only/src/app/(blog)/PostBody.tsx
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
- * This component uses Portable Text to render a post body.
- *
- * You can learn more about Portable Text on:
- * https://www.sanity.io/docs/block-content
- * https://github.com/portabletext/react-portabletext
- * https://portabletext.org/
- *
- */
-import {PortableText} from '@portabletext/react'
-
-import styles from './PostBody.module.css'
-
-export default function PostBody({
-  body,
-}: {
-  body: React.ComponentProps<typeof PortableText>['value']
-}) {
-  return (
-    <div className={`mx-auto max-w-2xl ${styles.portableText}`}>
-      <PortableText value={body} />
-    </div>
-  )
-}
diff --git a/apps/next-server-only/src/app/(blog)/PostDate.tsx b/apps/next-server-only/src/app/(blog)/PostDate.tsx
deleted file mode 100644
index 873577100..000000000
--- a/apps/next-server-only/src/app/(blog)/PostDate.tsx
+++ /dev/null
@@ -1,11 +0,0 @@
-import {format, parseISO} from 'date-fns'
-import Balancer from 'react-wrap-balancer'
-
-export default function PostDate({dateString}: {dateString: string}) {
-  const date = parseISO(dateString)
-  return (
-    <time dateTime={dateString}>
-      <Balancer>{format(date, 'LLLL d, yyyy')}</Balancer>
-    </time>
-  )
-}
diff --git a/apps/next-server-only/src/app/(blog)/PreviewBanner.tsx b/apps/next-server-only/src/app/(blog)/PreviewBanner.tsx
deleted file mode 100644
index 76f7176eb..000000000
--- a/apps/next-server-only/src/app/(blog)/PreviewBanner.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-export default function PreviewBanner() {
-  return (
-    <div className="bg-black p-3 text-center text-white">
-      {'Previewing drafts. '}
-      <a className="underline transition hover:opacity-50" href="/api/disable-draft">
-        Back to published
-      </a>
-    </div>
-  )
-}
diff --git a/apps/next-server-only/src/app/(blog)/[slug]/page.tsx b/apps/next-server-only/src/app/(blog)/[slug]/page.tsx
deleted file mode 100644
index 890e08154..000000000
--- a/apps/next-server-only/src/app/(blog)/[slug]/page.tsx
+++ /dev/null
@@ -1,105 +0,0 @@
-import type {Metadata, ResolvingMetadata} from 'next'
-import {notFound} from 'next/navigation'
-import {Suspense} from 'react'
-import Balancer from 'react-wrap-balancer'
-
-import {AuthorAvatar, AuthorAvatarFallback} from '../AuthorAvatar'
-import CoverImage from '../CoverImage'
-import MoreStories from '../MoreStories'
-import PostBody from '../PostBody'
-import PostDate from '../PostDate'
-import {urlForImage} from '@/lib/image'
-import {postFields} from '@/lib/queries'
-import {loadQuery} from '@/lib/loadQuery'
-
-type Props = {
-  params: {slug: string}
-}
-
-const query = /* groq */ `*[_type == "post" && slug.current == $slug][0] {
-  ${postFields}
-}`
-
-export async function generateMetadata(
-  {params}: Props,
-  parent: ResolvingMetadata,
-): Promise<Metadata> {
-  const [post, authorName] = await Promise.all([
-    loadQuery<any>({query, params, tags: [`post:${params.slug}`]}),
-    // @TODO necessary as there's problems with type inference when `author-{name,image}` is used
-    loadQuery<string | null>({
-      query: /* groq */ `*[_type == "post" && slug.current == $slug][0].author->name`,
-      params,
-      tags: [`post:${params.slug}`, 'author'],
-    }),
-  ])
-  // optionally access and extend (rather than replace) parent metadata
-  const parentTitle = (await parent).title?.absolute
-  const previousImages = (await parent).openGraph?.images || []
-
-  return {
-    authors: authorName ? [{name: authorName}] : [],
-    title: `${parentTitle} | ${post?.title}`,
-    openGraph: {
-      images: post?.mainImage?.asset?._ref
-        ? [urlForImage(post.mainImage).height(1000).width(2000).url(), ...previousImages]
-        : previousImages,
-    },
-  } satisfies Metadata
-}
-
-export default async function BlogPostPage({params}: Props) {
-  const {slug} = params
-  const data = await loadQuery<any>({
-    query,
-    params,
-    tags: [`post:${params.slug}`],
-  })
-
-  if (!data) {
-    return notFound()
-  }
-
-  const {_id, title = 'Untitled', author, mainImage, body} = data ?? {}
-  return (
-    <>
-      <article data-tags={JSON.stringify([`post:${params.slug}`])}>
-        <h1 className="mb-12 text-6xl font-bold leading-tight tracking-tighter md:text-7xl md:leading-none lg:text-8xl">
-          <Balancer>{title}</Balancer>
-        </h1>
-        <div className="hidden md:mb-12 md:block">
-          {author?._ref && (
-            <Suspense fallback={<AuthorAvatarFallback />}>
-              <AuthorAvatar id={author?._ref} />
-            </Suspense>
-          )}
-        </div>
-        <div className="mb-8 sm:mx-0 md:mb-16">
-          <CoverImage title={title} image={mainImage} priority slug={slug} />
-        </div>
-        <div className="mx-auto max-w-2xl">
-          <div className="mb-6 block md:hidden">
-            {author?._ref && (
-              <Suspense fallback={<AuthorAvatarFallback />}>
-                <AuthorAvatar id={author?._ref} />
-              </Suspense>
-            )}
-          </div>
-          <div className="mb-6 text-lg">
-            <PostDate dateString={data.publishedAt} />
-          </div>
-        </div>
-        <PostBody body={body} />
-      </article>
-      <aside>
-        <hr className="border-accent-2 mb-24 mt-28" />
-        <h2 className="mb-8 text-6xl font-bold leading-tight tracking-tighter md:text-7xl">
-          Recent Stories
-        </h2>
-        <Suspense>
-          <MoreStories skip={_id} limit={2} />
-        </Suspense>
-      </aside>
-    </>
-  )
-}
diff --git a/apps/next-server-only/src/app/(blog)/layout.tsx b/apps/next-server-only/src/app/(blog)/layout.tsx
deleted file mode 100644
index 781034041..000000000
--- a/apps/next-server-only/src/app/(blog)/layout.tsx
+++ /dev/null
@@ -1,47 +0,0 @@
-import Link from 'next/link'
-
-import BlogHeader from './BlogHeader'
-import {EXAMPLE_NAME} from '@/lib/constants'
-import PreviewBanner from './PreviewBanner'
-import {draftMode} from 'next/headers'
-import {revalidatePath, revalidateTag} from 'next/cache'
-import {VisualEditing} from 'next-sanity'
-
-export default function BlogLayout({children}: {children: React.ReactNode}) {
-  return (
-    <>
-      {draftMode().isEnabled && <PreviewBanner />}
-      <div className="container mx-auto min-h-screen">
-        <BlogHeader title={EXAMPLE_NAME} />
-        <main className="mx-auto px-5">{children}</main>
-        <footer className="px-5 pb-10">
-          <hr className="border-accent-2 mb-24 mt-28" />
-          <Link href="/studio" className="hover:underline">
-            Studio
-          </Link>
-        </footer>
-      </div>
-      {draftMode().isEnabled && (
-        <VisualEditing
-          refresh={async (payload) => {
-            'use server'
-            if (!draftMode().isEnabled) {
-              console.debug('Skipped manual refresh because draft mode is not enabled')
-              return
-            }
-            if (payload.source === 'mutation') {
-              if (payload.document.slug?.current) {
-                const tag = `${payload.document._type}:${payload.document.slug.current}`
-                console.log('Revalidate slug', tag)
-                await revalidateTag(tag)
-              }
-              console.log('Revalidate tag', payload.document._type)
-              return revalidateTag(payload.document._type)
-            }
-            await revalidatePath('/', 'layout')
-          }}
-        />
-      )}
-    </>
-  )
-}
diff --git a/apps/next-server-only/src/app/(blog)/page.tsx b/apps/next-server-only/src/app/(blog)/page.tsx
deleted file mode 100644
index 77ab6f72a..000000000
--- a/apps/next-server-only/src/app/(blog)/page.tsx
+++ /dev/null
@@ -1,71 +0,0 @@
-import Link from 'next/link'
-import {Suspense} from 'react'
-import Balancer from 'react-wrap-balancer'
-
-import {AuthorAvatar, AuthorAvatarFallback} from './AuthorAvatar'
-import CoverImage from './CoverImage'
-import MoreStories from './MoreStories'
-import Date from './PostDate'
-import {postFields} from '@/lib/queries'
-import {loadQuery} from '@/lib/loadQuery'
-
-export default async function BlogIndexPage() {
-  const data = await loadQuery<any>({
-    query: /* groq */ `
-*[_type == "post"] | order(publishedAt desc, _updatedAt desc) [0] {
-  ${postFields}
-}`,
-    tags: ['post'],
-  })
-  const {_id, author, excerpt, mainImage, slug, title, publishedAt} = data ?? {}
-
-  return (
-    <>
-      {data && (
-        <article data-tags={JSON.stringify(['post'])}>
-          <div className="mb-8 md:mb-16">
-            <CoverImage slug={slug} title={title} image={mainImage} priority />
-          </div>
-          <div className="mb-20 md:mb-28 md:grid md:grid-cols-2 md:gap-x-16 lg:gap-x-8">
-            <div>
-              <h3 className="mb-4 text-4xl leading-tight lg:text-6xl">
-                {slug ? (
-                  <Link href={`/${slug}`} className="hover:underline">
-                    <Balancer>{title}</Balancer>
-                  </Link>
-                ) : (
-                  <Balancer>{title}</Balancer>
-                )}
-              </h3>
-              <div className="mb-4 text-lg md:mb-0">
-                <Date dateString={publishedAt} />
-              </div>
-            </div>
-            <div>
-              {excerpt && (
-                <p className="mb-4 text-lg leading-relaxed">
-                  <Balancer>{excerpt}</Balancer>
-                </p>
-              )}
-              {author?._ref && (
-                <Suspense fallback={<AuthorAvatarFallback />}>
-                  <AuthorAvatar id={author._ref} />
-                </Suspense>
-              )}
-            </div>
-          </div>
-        </article>
-      )}
-      {_id && (
-        <aside>
-          <h2 className="mb-8 text-6xl font-bold leading-tight tracking-tighter md:text-7xl">
-            More Stories
-          </h2>
-          <Suspense>
-            <MoreStories skip={_id} limit={10} />
-          </Suspense>
-        </aside>
-      )}
-    </>
-  )
-}
diff --git a/apps/next-server-only/src/app/api/disable-draft/route.ts b/apps/next-server-only/src/app/api/disable-draft/route.ts
deleted file mode 100644
index 5feca1a1d..000000000
--- a/apps/next-server-only/src/app/api/disable-draft/route.ts
+++ /dev/null
@@ -1,8 +0,0 @@
-import {draftMode} from 'next/headers'
-import {NextRequest, NextResponse} from 'next/server'
-
-export function GET(request: NextRequest) {
-  draftMode().disable()
-  const url = new URL(request.nextUrl)
-  return NextResponse.redirect(new URL('/', url.origin))
-}
diff --git a/apps/next-server-only/src/app/api/draft/route.ts b/apps/next-server-only/src/app/api/draft/route.ts
deleted file mode 100644
index 95568a060..000000000
--- a/apps/next-server-only/src/app/api/draft/route.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import {draftMode} from 'next/headers'
-import {redirect} from 'next/navigation'
-import {validatePreviewUrl} from '@sanity/preview-url-secret'
-import {client} from '@/lib/client'
-
-const clientWithToken = client.withConfig({
-  token: process.env.SANITY_API_READ_TOKEN,
-})
-
-export async function GET(req: Request) {
-  const {isValid, redirectTo = '/'} = await validatePreviewUrl(clientWithToken, req.url)
-  if (!isValid) {
-    return new Response('Invalid secret', {status: 401})
-  }
-
-  draftMode().enable()
-
-  redirect(redirectTo)
-}
diff --git a/apps/next-server-only/src/app/favicon.ico b/apps/next-server-only/src/app/favicon.ico
deleted file mode 100644
index 718d6fea4..000000000
Binary files a/apps/next-server-only/src/app/favicon.ico and /dev/null differ
diff --git a/apps/next-server-only/src/app/globals.css b/apps/next-server-only/src/app/globals.css
deleted file mode 100644
index e0936eda7..000000000
--- a/apps/next-server-only/src/app/globals.css
+++ /dev/null
@@ -1,23 +0,0 @@
-@tailwind base;
-@tailwind components;
-@tailwind utilities;
-
-:root {
-  --foreground-rgb: 0, 0, 0;
-  --background-start-rgb: 214, 219, 220;
-  --background-end-rgb: 255, 255, 255;
-}
-
-@media (prefers-color-scheme: dark) {
-  :root {
-    --foreground-rgb: 255, 255, 255;
-    --background-start-rgb: 0, 0, 0;
-    --background-end-rgb: 0, 0, 0;
-  }
-}
-
-body {
-  color: rgb(var(--foreground-rgb));
-  background: linear-gradient(to bottom, transparent, rgb(var(--background-end-rgb)))
-    rgb(var(--background-start-rgb));
-}
diff --git a/apps/next-server-only/src/app/layout.tsx b/apps/next-server-only/src/app/layout.tsx
deleted file mode 100644
index eb18f73fd..000000000
--- a/apps/next-server-only/src/app/layout.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import 'tailwindcss/tailwind.css'
-
-import type {Metadata} from 'next'
-import {Inter} from 'next/font/google'
-import {SpeedInsights} from '@vercel/speed-insights/next'
-
-import {CMS_NAME} from '@/lib/constants'
-
-const inter = Inter({
-  variable: '--font-inter',
-  subsets: ['latin'],
-  display: 'swap',
-})
-
-export const metadata = {
-  title: `Next.js and ${CMS_NAME} Example`,
-  description: `This is a blog built with Next.js and ${CMS_NAME}.`,
-} satisfies Metadata
-
-export default function RootLayout({children}: {children: React.ReactNode}) {
-  return (
-    <html lang="en" className={inter.variable}>
-      <body className="bg-white text-black">
-        {children}
-        <SpeedInsights />
-      </body>
-    </html>
-  )
-}
diff --git a/apps/next-server-only/src/app/studio/[[...index]]/page.tsx b/apps/next-server-only/src/app/studio/[[...index]]/page.tsx
deleted file mode 100644
index 71cd1cb67..000000000
--- a/apps/next-server-only/src/app/studio/[[...index]]/page.tsx
+++ /dev/null
@@ -1,20 +0,0 @@
-/**
- * This route is responsible for the built-in authoring environment using Sanity Studio v3.
- * All routes under /studio will be handled by this file using Next.js' catch-all routes:
- * https://nextjs.org/docs/routing/dynamic-routes#catch-all-routes
- *
- * You can learn more about the next-sanity package here:
- * https://github.com/sanity-io/next-sanity
- */
-
-import {NextStudio} from 'next-sanity/studio'
-
-import config from '@/sanity.config'
-
-export const dynamic = 'force-static'
-
-export {metadata, viewport} from 'next-sanity/studio'
-
-export default function StudioPage() {
-  return <NextStudio config={config} />
-}
diff --git a/apps/next-server-only/src/lib/client.ts b/apps/next-server-only/src/lib/client.ts
deleted file mode 100644
index a87a2dc3d..000000000
--- a/apps/next-server-only/src/lib/client.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import {createClient} from '@sanity/client'
-
-import {apiVersion, dataset, projectId, revalidateSecret} from './env'
-
-export const client = createClient({
-  apiVersion,
-  dataset,
-  projectId,
-  // If the GROQ revalidate hook is setup we use the Vercel Data Cache to handle on-demand revalidation, and the Sanity API CDN if not
-  useCdn: revalidateSecret ? false : true,
-  perspective: 'published',
-  stega: {
-    studioUrl: '/studio',
-  },
-})
diff --git a/apps/next-server-only/src/lib/constants.ts b/apps/next-server-only/src/lib/constants.ts
deleted file mode 100644
index 7ef30f1c0..000000000
--- a/apps/next-server-only/src/lib/constants.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export const EXAMPLE_NAME = 'Blog'
-export const EXAMPLE_PATH = 'cms-sanity'
-export const CMS_NAME = 'Sanity'
-export const CMS_URL = 'https://sanity.io/'
-export const HOME_OG_IMAGE_URL =
-  'https://og-image.vercel.app/Next.js%20Blog%20Example%20with%20**Sanity**.png?theme=light&md=1&fontSize=75px&images=https%3A%2F%2Fassets.vercel.com%2Fimage%2Fupload%2Ffront%2Fassets%2Fdesign%2Fnextjs-black-logo.svg&images=data%3Aimage%2Fsvg%2Bxml%3Bbase64%2CPHN2ZyB2aWV3Qm94PSIwIDAgMTA1IDIyIiBmaWxsPSJub25lIiB4bWxucz0iaHR0cDovL3d3dy53My5vcmcvMjAwMC9zdmciIGhlaWdodD0iMWVtIj48dGl0bGU%2BU2FuaXR5PC90aXRsZT48cGF0aCBvcGFjaXR5PSIwLjciIGQ9Ik03OC4xNzkzIDcuOTkyNjFWMjEuMDAyOEg3My45MDMxVjEwLjIxMzhMNzguMTc5MyA3Ljk5MjYxWiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg%2BPHBhdGggb3BhY2l0eT0iMC43IiBkPSJNMjAuOTUxMSAyMS4zM0wzMC45NDQgMTYuMTA1MUwyOS43MTIxIDEyLjkxNDFMMjMuMTMzMiAxNS45ODIxTDIwLjk1MTEgMjEuMzNaIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48cGF0aCBvcGFjaXR5PSIwLjUiIGQ9Ik03My45MDMxIDEwLjIwMjdMODQuNzQ0MyA0LjY1NDc3TDgyLjkxMjYgMS41NTcxTDczLjkwMzEgNS45NTk5N1YxMC4yMDI3WiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg%2BPHBhdGggb3BhY2l0eT0iMC43IiBkPSJNNDMuMzcwNSA2Ljk2MjMzVjIxLjAwMjhIMzkuMjkyN1YxLjAwNzE0TDQzLjM3MDUgNi45NjIzM1oiIGZpbGw9ImN1cnJlbnRDb2xvciI%2BPC9wYXRoPjxwYXRoIG9wYWNpdHk9IjAuNSIgZD0iTTI3LjEyOTkgNi4xODYxN0wyMC45NTExIDIxLjMzTDE3Ljc3MzEgMTguNTk0M0wyNS4xMzUzIDEuMDA3MTRMMjcuMTI5OSA2LjE4NjE3WiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg%2BPHBhdGggZD0iTTI1LjEzNTMgMS4wMDcxNEgyOS4zNDc3TDM3LjEzODYgMjEuMDAyOEgzMi44MjY5TDI1LjEzNTMgMS4wMDcxNFoiIGZpbGw9ImN1cnJlbnRDb2xvciI%2BPC9wYXRoPjxwYXRoIGQ9Ik00NC4wMDEyIDEuMDA3MTRMNTIuOTgyNCAxNC42NjgyVjIxLjAwMjhMMzkuMjkyNyAxLjAwNzE0SDQ0LjAwMTJaIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48cGF0aCBkPSJNNjQuOTE4MyAxLjAwNzE0SDYwLjY3MzlWMjEuMDA2M0g2NC45MTgzVjEuMDA3MTRaIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48cGF0aCBkPSJNNzMuOTAzMSA0LjY1NDc0SDY3LjM3VjEuMDA3MTRIODIuNTg2N0w4NC43NDQzIDQuNjU0NzRINzguMTc5M0g3My45MDMxWiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg%2BPHBhdGggb3BhY2l0eT0iMC41IiBkPSJNOTcuMjc1NCAxMy40MTUzVjIxLjAwMjhIOTMuMDYyOVYxMy40MTUzIiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48cGF0aCBkPSJNOTMuMDYyOSAxMy40MTUyTDEwMC4xOTEgMS4wMDcxNEgxMDQuNjY2TDk3LjI3NTQgMTMuNDE1Mkg5My4wNjI5WiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg%2BPHBhdGggb3BhY2l0eT0iMC43IiBkPSJNOTMuMDYzIDEzLjQxNTJMODUuNzM2MyAxLjAwNzE0SDkwLjM0NTZMOTUuMzA5MiA5LjUxMDA4TDkzLjA2MyAxMy40MTUyWiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg%2BPHBhdGggZD0iTTEuOTYxMjYgMy4zMTQ3OUMxLjk2MTI2IDYuMDk5MjEgMy43MTE0NSA3Ljc1NTk1IDcuMjE1MzYgOC42Mjk1NkwxMC45MjgzIDkuNDc1MzNDMTQuMjQ0NCAxMC4yMjM2IDE2LjI2MzkgMTIuMDgyMiAxNi4yNjM5IDE1LjExMDNDMTYuMjg5NyAxNi40Mjk1IDE1Ljg1MzEgMTcuNzE3MyAxNS4wMjc0IDE4Ljc1NzlDMTUuMDI3NCAxNS43MzY4IDEzLjQzNjcgMTQuMTA0NCA5LjU5OTcyIDEzLjEyMjlMNS45NTQwOSAxMi4zMDg1QzMuMDM0NzUgMTEuNjU0MSAwLjc4MTQ3OCAxMC4xMjYyIDAuNzgxNDc4IDYuODM3MDlDMC43NjYxMjMgNS41NjY5MyAxLjE4MTE2IDQuMzI3ODEgMS45NjEyNiAzLjMxNDc5IiBmaWxsPSJjdXJyZW50Q29sb3IiPjwvcGF0aD48cGF0aCBvcGFjaXR5PSIwLjciIGQ9Ik01Mi45ODI0IDEzLjY0MTVWMS4wMDcxNEg1Ny4wNjAyVjIxLjAwMjhINTIuOTgyNFYxMy42NDE1WiIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg%2BPHBhdGggb3BhY2l0eT0iMC43IiBkPSJNMTIuNzQ1OCAxNC4zNjg5QzE0LjMyOTQgMTUuMzY0MyAxNS4wMjM4IDE2Ljc1NjUgMTUuMDIzOCAxOC43NTQ0QzEzLjcxMyAyMC40MDQxIDExLjQxMDEgMjEuMzMgOC43MDMzMyAyMS4zM0M0LjE0NzE4IDIxLjMzIDAuOTU4NTc3IDE5LjEyNjggMC4yNSAxNS4yOTgySDQuNjI1NDdDNS4xODg3OCAxNy4wNTU5IDYuNjgwMzQgMTcuODcwMyA4LjY3MTQ0IDE3Ljg3MDNDMTEuMTAxOSAxNy44NzAzIDEyLjcxNzQgMTYuNTk2NCAxMi43NDkzIDE0LjM2MTkiIGZpbGw9ImN1cnJlbnRDb2xvciI%2BPC9wYXRoPjxwYXRoIG9wYWNpdHk9IjAuNyIgZD0iTTQuMjM1NjcgNy40NDI2N0MzLjUxMjUgNy4wMjA0NSAyLjkxOTIgNi40MTM3NSAyLjUxODczIDUuNjg2OTdDMi4xMTgyNyA0Ljk2MDE5IDEuOTI1NTggNC4xNDA0NSAxLjk2MTEzIDMuMzE0NzZDMy4yMjU5NCAxLjY3ODkxIDUuNDI2MDggMC42Nzk5OTMgOC4xMDgwNCAwLjY3OTk5M0MxMi43NDkyIDAuNjc5OTkzIDE1LjQzNDcgMy4wODg1MiAxNi4wOTcyIDYuNDc4NTZIMTEuODg4M0MxMS40MjQyIDUuMTQyMDMgMTAuMjYyMSA0LjEwMTM2IDguMTQzNDcgNC4xMDEzNkM1Ljg3OTU3IDQuMTAxMzYgNC4zMzQ4NyA1LjM5NjExIDQuMjQ2MjkgNy40NDI2NyIgZmlsbD0iY3VycmVudENvbG9yIj48L3BhdGg%2BPC9zdmc%2B&widths=undefined&widths=auto&heights=250&heights=150'
diff --git a/apps/next-server-only/src/lib/env.ts b/apps/next-server-only/src/lib/env.ts
deleted file mode 100644
index f1c06c0da..000000000
--- a/apps/next-server-only/src/lib/env.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-export const apiVersion = process.env.NEXT_PUBLIC_SANITY_API_VERSION || '2024-01-02'
-
-export const dataset = assertValue(
-  process.env.NEXT_PUBLIC_SANITY_DATASET,
-  'Missing environment variable: NEXT_PUBLIC_SANITY_DATASET',
-)
-
-export const projectId = assertValue(
-  process.env.NEXT_PUBLIC_SANITY_PROJECT_ID,
-  'Missing environment variable: NEXT_PUBLIC_SANITY_PROJECT_ID',
-)
-
-// This is always an empty string client side and is only used server side
-export const token = process.env.SANITY_API_READ_TOKEN || ''
-
-// Used to verify GROQ webhook revalidation requests, defining this will also disable time-based revalidation and only use on-demand revalidation
-export const revalidateSecret = process.env.SANITY_REVALIDATE_SECRET || ''
-
-// Used by `sanity-plugin-iframe-pane` to verify that draft mode was initiated by a valid Studio session
-export const urlSecretId = `preview.secret`
-
-function assertValue<T>(v: T | undefined, errorMessage: string): T {
-  if (v === undefined) {
-    throw new Error(errorMessage)
-  }
-
-  return v
-}
diff --git a/apps/next-server-only/src/lib/image.ts b/apps/next-server-only/src/lib/image.ts
deleted file mode 100644
index bb95050c0..000000000
--- a/apps/next-server-only/src/lib/image.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-import createImageUrlBuilder from '@sanity/image-url'
-import type {ImageLoader} from 'next/image'
-import type {Image} from 'sanity'
-
-import {dataset, projectId} from './env'
-
-const imageBuilder = createImageUrlBuilder({
-  projectId: projectId || '',
-  dataset: dataset || '',
-})
-
-export const urlForImage = (source: Image) => {
-  return imageBuilder?.image(source).auto('format').fit('max')
-}
-
-const imageloader: ImageLoader = ({src, width, quality}) => {
-  const url = new URL(src)
-  url.searchParams.set('auto', 'format')
-  url.searchParams.set('fit', 'max')
-  if (url.searchParams.has('h')) {
-    const originalHeight = parseInt(url.searchParams.get('h')!, 10)
-    const originalWidth = parseInt(url.searchParams.get('w')!, 10)
-    url.searchParams.set('h', Math.round((originalHeight / originalWidth) * width).toString())
-  }
-  url.searchParams.set('w', width.toString())
-  if (quality) {
-    url.searchParams.set('q', quality.toString())
-  }
-  return url.href
-}
-
-export default imageloader
diff --git a/apps/next-server-only/src/lib/links.ts b/apps/next-server-only/src/lib/links.ts
deleted file mode 100644
index 44421940b..000000000
--- a/apps/next-server-only/src/lib/links.ts
+++ /dev/null
@@ -1,9 +0,0 @@
-export function resolveHref(documentType?: string, slugOrId?: string): string | undefined {
-  switch (documentType) {
-    case 'post':
-      return slugOrId ? `/${slugOrId}` : undefined
-    default:
-      console.warn('Invalid document type:', documentType)
-      return undefined
-  }
-}
diff --git a/apps/next-server-only/src/lib/loadQuery.tsx b/apps/next-server-only/src/lib/loadQuery.tsx
deleted file mode 100644
index da44b204e..000000000
--- a/apps/next-server-only/src/lib/loadQuery.tsx
+++ /dev/null
@@ -1,59 +0,0 @@
-import type {QueryParams} from 'next-sanity'
-import {draftMode} from 'next/headers'
-import 'server-only'
-import {client} from './client'
-import {token} from './env'
-import {UnfilteredResponseQueryOptions} from '@sanity/client'
-
-const DEFAULT_PARAMS = {} as QueryParams
-
-export async function loadQuery<QueryResponse>({
-  query,
-  params = DEFAULT_PARAMS,
-  tags,
-}: {
-  query: string
-  params?: QueryParams
-  tags: string[]
-}): Promise<QueryResponse> {
-  const isDraftMode = draftMode().isEnabled
-  if (isDraftMode && !token) {
-    throw new Error('The `SANITY_API_READ_TOKEN` environment variable is required in Draft Mode.')
-  }
-
-  // https://nextjs.org/docs/app/api-reference/functions/fetch#optionsnextrevalidate
-  /*
-  const REVALIDATE_SKIP_CACHE = 0
-  const REVALIDATE_CACHE_FOREVER = false
-  const revalidate = (
-    isDraftMode
-      ? // If we're in Draft Mode we want fresh content on every request so we skip the cache
-        REVALIDATE_SKIP_CACHE
-      : revalidateSecret
-        ? // If GROQ webhook revalidation is setup, then we only want to revalidate on-demand so the cache lives as long as possible
-          REVALIDATE_CACHE_FOREVER
-        : // No webhook means we don't know ahead of time when content changes, so we use the Sanity CDN API cache which has its own Stale-While-Revalidate logic
-          REVALIDATE_SKIP_CACHE
-          ) satisfies NextFetchRequestConfig['revalidate']
-          // */
-
-  const perspective = isDraftMode ? 'previewDrafts' : 'published'
-
-  const options = {
-    filterResponse: false,
-    useCdn: false,
-    resultSourceMap: isDraftMode ? 'withKeyArraySelector' : false,
-    token: isDraftMode ? token : undefined,
-    perspective,
-    next: {
-      tags,
-      // Cache forever in Draft Mode until expired with revalidateTag, use time-based cache in production that matches the CDN cache
-      revalidate: isDraftMode ? false : 60,
-    },
-  } satisfies UnfilteredResponseQueryOptions
-  const result = await client.fetch<QueryResponse>(query, params, {
-    ...options,
-    stega: isDraftMode,
-  } as UnfilteredResponseQueryOptions)
-  return result.result
-}
diff --git a/apps/next-server-only/src/lib/queries.ts b/apps/next-server-only/src/lib/queries.ts
deleted file mode 100644
index 8c0c7b369..000000000
--- a/apps/next-server-only/src/lib/queries.ts
+++ /dev/null
@@ -1,32 +0,0 @@
-export const postFields = /* groq */ `
-  ...,
-  "slug": slug.current,
-  "publishedAt": coalesce(publishedAt, _updatedAt),
-`
-
-export const latestPostQuery = /* groq */ `
-*[_type == "post"] | order(publishedAt desc, _updatedAt desc) [0] {
-  ${postFields}
-}`
-
-export const postQuery = /* groq */ `
-{
-  "post": *[_type == "post" && slug.current == $slug] | order(_updatedAt desc) [0] {
-    content,
-    ${postFields}
-  },
-  "morePosts": *[_type == "post" && slug.current != $slug] | order(date desc, _updatedAt desc) [0...2] {
-    content,
-    ${postFields}
-  }
-}`
-
-export const postSlugsQuery = /* groq */ `
-*[_type == "post" && defined(slug.current)][].slug.current
-`
-
-export const postBySlugQuery = /* groq */ `
-*[_type == "post" && slug.current == $slug][0] {
-  ${postFields}
-}
-`
diff --git a/apps/next-server-only/src/lib/sanity/schema.ts b/apps/next-server-only/src/lib/sanity/schema.ts
deleted file mode 100644
index fe7e9fb06..000000000
--- a/apps/next-server-only/src/lib/sanity/schema.ts
+++ /dev/null
@@ -1,5 +0,0 @@
-import {author} from './schemas/author'
-import {blockContent} from './schemas/blockContent'
-import {post} from './schemas/post'
-
-export const types = [author, blockContent, post]
diff --git a/apps/next-server-only/src/lib/sanity/schemas/author.ts b/apps/next-server-only/src/lib/sanity/schemas/author.ts
deleted file mode 100644
index 99ee8d356..000000000
--- a/apps/next-server-only/src/lib/sanity/schemas/author.ts
+++ /dev/null
@@ -1,38 +0,0 @@
-import {UserIcon} from '@sanity/icons'
-import {defineField, defineType} from 'sanity'
-
-export const author = defineType({
-  name: 'author',
-  title: 'Author',
-  icon: UserIcon,
-  type: 'document',
-  fields: [
-    defineField({
-      name: 'name',
-      title: 'Name',
-      type: 'string',
-      validation: (rule) => rule.required(),
-    }),
-    defineField({
-      name: 'image',
-      title: 'Image',
-      type: 'image',
-      options: {
-        hotspot: true,
-      },
-      fields: [
-        defineField({
-          name: 'alt',
-          type: 'string',
-          title: 'Alternative Text',
-        }),
-      ],
-    }),
-  ],
-  preview: {
-    select: {
-      title: 'name',
-      media: 'image',
-    },
-  },
-})
diff --git a/apps/next-server-only/src/lib/sanity/schemas/blockContent.ts b/apps/next-server-only/src/lib/sanity/schemas/blockContent.ts
deleted file mode 100644
index b8f0fb0e2..000000000
--- a/apps/next-server-only/src/lib/sanity/schemas/blockContent.ts
+++ /dev/null
@@ -1,75 +0,0 @@
-import {defineArrayMember, defineField, defineType} from 'sanity'
-
-/**
- * This is the schema type for block content used in the post document type
- * Importing this type into the studio configuration's `schema` property
- * lets you reuse it in other document types with:
- *  {
- *    name: 'someName',
- *    title: 'Some title',
- *    type: 'blockContent'
- *  }
- */
-
-export const blockContent = defineType({
-  title: 'Block Content',
-  name: 'blockContent',
-  type: 'array',
-  of: [
-    defineArrayMember({
-      title: 'Block',
-      type: 'block',
-      // Styles let you define what blocks can be marked up as. The default
-      // set corresponds with HTML tags, but you can set any title or value
-      // you want, and decide how you want to deal with it where you want to
-      // use your content.
-      styles: [
-        {title: 'Normal', value: 'normal'},
-        {title: 'H1', value: 'h1'},
-        {title: 'H2', value: 'h2'},
-        {title: 'H3', value: 'h3'},
-        {title: 'H4', value: 'h4'},
-        {title: 'Quote', value: 'blockquote'},
-      ],
-      lists: [{title: 'Bullet', value: 'bullet'}],
-      // Marks let you mark up inline text in the Portable Text Editor
-      marks: {
-        // Decorators usually describe a single property – e.g. a typographic
-        // preference or highlighting
-        decorators: [
-          {title: 'Strong', value: 'strong'},
-          {title: 'Emphasis', value: 'em'},
-        ],
-        // Annotations can be any object structure – e.g. a link or a footnote.
-        annotations: [
-          {
-            title: 'URL',
-            name: 'link',
-            type: 'object',
-            fields: [
-              {
-                title: 'URL',
-                name: 'href',
-                type: 'url',
-              },
-            ],
-          },
-        ],
-      },
-    }),
-    // You can add additional types here. Note that you can't use
-    // primitive types such as 'string' and 'number' in the same array
-    // as a block type.
-    defineArrayMember({
-      type: 'image',
-      options: {hotspot: true},
-      fields: [
-        defineField({
-          name: 'alt',
-          type: 'string',
-          title: 'Alternative Text',
-        }),
-      ],
-    }),
-  ],
-})
diff --git a/apps/next-server-only/src/lib/sanity/schemas/post.ts b/apps/next-server-only/src/lib/sanity/schemas/post.ts
deleted file mode 100644
index ff7a7cf83..000000000
--- a/apps/next-server-only/src/lib/sanity/schemas/post.ts
+++ /dev/null
@@ -1,86 +0,0 @@
-import {BookIcon} from '@sanity/icons'
-import {defineField, defineType} from 'sanity'
-
-import {format, parseISO} from 'date-fns'
-import {author as authorType} from './author'
-import {blockContent} from './blockContent'
-
-export const post = defineType({
-  name: 'post',
-  title: 'Post',
-  icon: BookIcon,
-  type: 'document',
-  fields: [
-    defineField({
-      name: 'title',
-      title: 'Title',
-      type: 'string',
-      validation: (rule) => rule.required(),
-    }),
-    defineField({
-      name: 'slug',
-      title: 'Slug',
-      type: 'slug',
-      options: {
-        source: 'title',
-        maxLength: 96,
-        isUnique: (value, context) => context.defaultIsUnique(value, context),
-      },
-      validation: (rule) => rule.required(),
-    }),
-    defineField({
-      name: 'author',
-      title: 'Author',
-      type: 'reference',
-      to: [{type: authorType.name}],
-    }),
-    defineField({
-      name: 'mainImage',
-      title: 'Main image',
-      type: 'image',
-      options: {
-        hotspot: true,
-      },
-      fields: [
-        defineField({
-          name: 'alt',
-          type: 'string',
-          title: 'Alternative Text',
-        }),
-      ],
-    }),
-    defineField({
-      name: 'publishedAt',
-      title: 'Published at',
-      type: 'datetime',
-      initialValue: () => new Date().toISOString(),
-    }),
-    defineField({
-      name: 'body',
-      title: 'Body',
-      type: blockContent.name,
-    }),
-    defineField({
-      name: 'excerpt',
-      title: 'Excerpt',
-      type: 'text',
-    }),
-  ],
-
-  preview: {
-    select: {
-      title: 'title',
-      author: 'author.name',
-      media: 'mainImage',
-      publishedAt: 'publishedAt',
-    },
-    prepare({title, media, author, publishedAt}) {
-      const subtitles = [
-        author && `by ${author}`,
-        publishedAt && `on ${format(parseISO(publishedAt), 'LLL d, yyyy')}`,
-      ].filter(Boolean)
-
-      return {title, media, subtitle: subtitles.join(' ')}
-    },
-  },
-})
diff --git a/apps/next-server-only/src/sanity.config.ts b/apps/next-server-only/src/sanity.config.ts
deleted file mode 100644
index dcefe214f..000000000
--- a/apps/next-server-only/src/sanity.config.ts
+++ /dev/null
@@ -1 +0,0 @@
-export {default} from '../sanity.config'
diff --git a/apps/next-server-only/tailwind.config.ts b/apps/next-server-only/tailwind.config.ts
deleted file mode 100644
index f62bb4077..000000000
--- a/apps/next-server-only/tailwind.config.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import type {Config} from 'tailwindcss'
-import typography from '@tailwindcss/typography'
-
-const config: Config = {
-  content: ['./src/app/**/*.{ts,tsx}', './src/components/**/*.{ts,tsx}', './src/lib/**/*.{ts,tsx}'],
-  theme: {
-    extend: {
-      fontFamily: {
-        sans: ['var(--font-inter)'],
-      },
-    },
-  },
-  future: {
-    hoverOnlyWhenSupported: true,
-  },
-  plugins: [typography],
-}
-export default config
diff --git a/apps/next-server-only/tsconfig.json b/apps/next-server-only/tsconfig.json
deleted file mode 100644
index 3a476cd77..000000000
--- a/apps/next-server-only/tsconfig.json
+++ /dev/null
@@ -1,32 +0,0 @@
-{
-  "compilerOptions": {
-    "target": "es2022",
-    "lib": ["dom", "dom.iterable", "esnext"],
-    "allowJs": true,
-    "skipLibCheck": true,
-    "strict": true,
-    "noEmit": true,
-    "esModuleInterop": true,
-    "module": "preserve",
-    "moduleResolution": "bundler",
-    "resolveJsonModule": true,
-    "isolatedModules": true,
-    "jsx": "preserve",
-    "incremental": true,
-    "plugins": [
-      {
-        "name": "next"
-      }
-    ],
-    "paths": {
-      "@/*": ["./src/*"]
-    }
-  },
-  "include": [
-    "next-env.d.ts",
-    "**/*.ts",
-    "**/*.tsx",
-    ".next/types/**/*.ts",
-  ],
-  "exclude": ["node_modules"]
-}
diff --git a/apps/next-with-i18n/next.config.mjs b/apps/next-with-i18n/next.config.mjs
index faa0565d0..9ed846b47 100644
--- a/apps/next-with-i18n/next.config.mjs
+++ b/apps/next-with-i18n/next.config.mjs
@@ -31,9 +31,6 @@ const config = {
       fullUrl: true,
     },
   },
-  experimental: {
-    taint: true,
-  },
 
   webpack(config) {
     config.resolve.alias = {
diff --git a/apps/next-with-i18n/package.json b/apps/next-with-i18n/package.json
index bcd65931f..04cb4e158 100644
--- a/apps/next-with-i18n/package.json
+++ b/apps/next-with-i18n/package.json
@@ -15,36 +15,37 @@
     "singleQuote": true
   },
   "dependencies": {
-    "@sanity/assist": "^3.0.6",
-    "@sanity/client": "^6.21.3",
+    "@repo/env": "workspace:*",
+    "@sanity/assist": "^3.0.8",
+    "@sanity/client": "^6.22.1",
     "@sanity/preview-url-secret": "workspace:*",
-    "@sanity/vision": "^3.57.2",
+    "@sanity/vision": "^3.61.0",
     "@tailwindcss/typography": "0.5.15",
-    "@tinloof/sanity-studio": "1.3.3",
+    "@tinloof/sanity-studio": "1.3.5",
     "classnames": "2.5.1",
-    "lucide-react": "^0.439.0",
-    "next": "14.2.9",
-    "next-sanity": "^9.4.7",
+    "lucide-react": "^0.453.0",
+    "next": "14.2.15",
+    "next-sanity": "^9.5.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "sanity": "^3.57.2",
+    "sanity": "^3.61.0",
     "server-only": "0.0.1"
   },
   "devDependencies": {
     "@sanity/presentation": "workspace:*",
     "@sanity/visual-editing": "workspace:*",
-    "@types/react": "^18.3.5",
+    "@types/react": "^18.3.11",
     "autoprefixer": "10.4.20",
-    "eslint": "^8.57.0",
-    "eslint-config-next": "14.2.9",
+    "eslint": "^8.57.1",
+    "eslint-config-next": "14.2.15",
     "eslint-config-prettier": "^9.1.0",
     "eslint-plugin-prettier": "^5.2.1",
     "eslint-plugin-simple-import-sort": "12.1.1",
-    "postcss": "8.4.45",
+    "postcss": "8.4.47",
     "prettier": "^3.3.3",
-    "prettier-plugin-packagejson": "^2.5.2",
-    "prettier-plugin-tailwindcss": "0.6.6",
-    "tailwindcss": "3.4.10",
-    "typescript": "5.6.2"
+    "prettier-plugin-packagejson": "^2.5.3",
+    "prettier-plugin-tailwindcss": "0.6.8",
+    "tailwindcss": "3.4.14",
+    "typescript": "5.6.3"
   }
 }
diff --git a/apps/next/README.md b/apps/next/README.md
deleted file mode 100644
index 702c7a04e..000000000
--- a/apps/next/README.md
+++ /dev/null
@@ -1,55 +0,0 @@
-This is a [Next.js](https://nextjs.org/) project bootstrapped with [`create-next-app`](https://github.com/vercel/next.js/tree/canary/packages/create-next-app).
-
-## Getting Started
-
-First, link the package to the Vercel project:
-
-```bash
-npx vercel@latest link
-```
-
-You should select `Sanity` as the scope, and `visual-editing-next` as the project:
-
-```bash
-npx vercel@latest link
-Need to install the following packages:
-vercel@33.5.4
-Ok to proceed? (y) y
-Vercel CLI 33.5.4
-? Set up “~/Developer/GitHub/visual-editing/apps/next”? [Y/n] y
-? Which scope should contain your project? Sanity
-? Link to existing project? [y/N] y
-? What’s the name of your existing project? visual-editing-next
-✅  Linked to sanity-io/visual-editing-next (created .vercel)
-```
-
-Then, run the development server:
-
-```bash
-npm run dev
-# or
-yarn dev
-# or
-pnpm dev
-```
-
-Open [http://localhost:3000](http://localhost:3000) with your browser to see the result.
-
-You can start editing the page by modifying `app/page.tsx`. The page auto-updates as you edit the file.
-
-This project uses [`next/font`](https://nextjs.org/docs/basic-features/font-optimization) to automatically optimize and load Inter, a custom Google Font.
-
-## Learn More
-
-To learn more about Next.js, take a look at the following resources:
-
-- [Next.js Documentation](https://nextjs.org/docs) - learn about Next.js features and API.
-- [Learn Next.js](https://nextjs.org/learn) - an interactive Next.js tutorial.
-
-You can check out [the Next.js GitHub repository](https://github.com/vercel/next.js/) - your feedback and contributions are welcome!
-
-## Deploy on Vercel
-
-The easiest way to deploy your Next.js app is to use the [Vercel Platform](https://vercel.com/new?utm_medium=default-template&filter=next.js&utm_source=create-next-app&utm_campaign=create-next-app-readme) from the creators of Next.js.
-
-Check out our [Next.js deployment documentation](https://nextjs.org/docs/deployment) for more details.
diff --git a/apps/next/next.config.mjs b/apps/next/next.config.mjs
index 51f2544ad..212af2731 100644
--- a/apps/next/next.config.mjs
+++ b/apps/next/next.config.mjs
@@ -1,6 +1,6 @@
-import {withVercelToolbar} from '@vercel/toolbar/plugins/next'
-import withBundleAnalyzer from '@next/bundle-analyzer'
 import {createRequire} from 'node:module'
+import withBundleAnalyzer from '@next/bundle-analyzer'
+import {withVercelToolbar} from '@vercel/toolbar/plugins/next'
 
 const require = createRequire(import.meta.url)
 
@@ -18,15 +18,11 @@ const nextConfig = {
     },
   },
 
-  transpilePackages: ['apps-common'],
-
   images: {
     remotePatterns: [{hostname: 'cdn.sanity.io'}, {hostname: 'source.unsplash.com'}],
   },
 
-  experimental: {
-    taint: true,
-  },
+  transpilePackages: ['@repo/env'],
 
   async headers() {
     return [
diff --git a/apps/next/package.json b/apps/next/package.json
index c177ca5fb..7f07f43ba 100644
--- a/apps/next/package.json
+++ b/apps/next/package.json
@@ -3,38 +3,45 @@
   "version": "0.1.0",
   "private": true,
   "scripts": {
-    "build": "next build",
+    "build": "sanity typegen generate && next build",
     "dev": "next dev -p 3001",
     "lint": "next lint",
     "start": "next start"
   },
+  "prettier": "@repo/prettier-config",
   "dependencies": {
-    "@next/bundle-analyzer": "14.2.9",
+    "@next/bundle-analyzer": "14.2.15",
     "@portabletext/react": "^3.1.0",
     "@repo/channels": "workspace:*",
-    "@sanity/client": "^6.21.3",
+    "@repo/env": "workspace:*",
+    "@repo/sanity-extracted-schema": "workspace:*",
+    "@repo/studio-url": "workspace:*",
+    "@sanity/client": "^6.22.1",
     "@sanity/image-url": "^1.0.2",
+    "@sanity/next-loader": "workspace:*",
     "@sanity/preview-kit-compat": "workspace:*",
     "@sanity/preview-url-secret": "workspace:*",
     "@sanity/react-loader": "workspace:*",
     "@sanity/visual-editing": "workspace:*",
     "@types/node": "20.8.7",
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
     "@vercel/stega": "0.1.2",
-    "@vercel/toolbar": "^0.1.18",
-    "apps-common": "workspace:*",
+    "@vercel/toolbar": "^0.1.22",
     "autoprefixer": "10.4.20",
-    "eslint": "^8.57.0",
-    "eslint-config-next": "14.2.9",
-    "next": "14.2.9",
-    "next-sanity": "9.4.7",
-    "postcss": "8.4.45",
+    "eslint": "^8.57.1",
+    "eslint-config-next": "14.2.15",
+    "next": "14.2.15",
+    "next-sanity": "9.7.0-canary.15",
+    "postcss": "8.4.47",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "styled-components": "6.1.13",
     "suspend-react": "0.1.3",
-    "tailwindcss": "^3.4.10",
-    "typescript": "5.6.2"
+    "tailwindcss": "^3.4.14",
+    "typescript": "5.6.3"
+  },
+  "devDependencies": {
+    "@repo/prettier-config": "workspace:*"
   }
 }
diff --git a/apps/next/sanity-typegen.json b/apps/next/sanity-typegen.json
new file mode 100644
index 000000000..c863e3400
--- /dev/null
+++ b/apps/next/sanity-typegen.json
@@ -0,0 +1,4 @@
+{
+  "schema": "./node_modules/@repo/sanity-extracted-schema/shoes.json",
+  "generates": "./src/types.ts"
+}
diff --git a/apps/next/src/app/Timesince.tsx b/apps/next/src/app/Timesince.tsx
index 700f28e7a..9b7f9544d 100644
--- a/apps/next/src/app/Timesince.tsx
+++ b/apps/next/src/app/Timesince.tsx
@@ -1,6 +1,5 @@
 'use client'
 
-import {formatTimeSince} from 'apps-common/utils'
 import {useEffect, useMemo, useState, useSyncExternalStore} from 'react'
 
 const subscribe = () => () => {}
@@ -19,3 +18,21 @@ export function Timesince(props: {since: string}) {
   if (!mounted) return 'now'
   return <span className="tabular-nums">{formatTimeSince(from, now)}</span>
 }
+
+const rtf = new Intl.RelativeTimeFormat('en', {style: 'short'})
+export function formatTimeSince(from: Date, to: Date): string {
+  const seconds = Math.floor((from.getTime() - to.getTime()) / 1000)
+  if (seconds > -60) {
+    return rtf.format(Math.min(seconds, -1), 'second')
+  }
+  const minutes = Math.ceil(seconds / 60)
+  if (minutes > -60) {
+    return rtf.format(minutes, 'minute')
+  }
+  const hours = Math.ceil(minutes / 60)
+  if (hours > -24) {
+    return rtf.format(hours, 'hour')
+  }
+  const days = Math.ceil(hours / 24)
+  return rtf.format(days, 'day')
+}
diff --git a/apps/next/src/app/api/disable-draft/route.ts b/apps/next/src/app/api/draft-mode/disable/route.ts
similarity index 73%
rename from apps/next/src/app/api/disable-draft/route.ts
rename to apps/next/src/app/api/draft-mode/disable/route.ts
index 77c8d9eed..4736e3b7c 100644
--- a/apps/next/src/app/api/disable-draft/route.ts
+++ b/apps/next/src/app/api/draft-mode/disable/route.ts
@@ -4,5 +4,5 @@ import {NextRequest, NextResponse} from 'next/server'
 export function GET(request: NextRequest) {
   draftMode().disable()
   const url = new URL(request.nextUrl)
-  return NextResponse.redirect(new URL('/shoes', url.origin))
+  return NextResponse.redirect(new URL('/pages-router/shoes', url.origin))
 }
diff --git a/apps/next/src/app/api/draft-mode/enable/route.ts b/apps/next/src/app/api/draft-mode/enable/route.ts
new file mode 100644
index 000000000..573e6eec1
--- /dev/null
+++ b/apps/next/src/app/api/draft-mode/enable/route.ts
@@ -0,0 +1,8 @@
+import {client} from '@/components/sanity.client'
+import {defineEnableDraftMode} from 'next-sanity/draft-mode'
+
+export const {GET} = defineEnableDraftMode({
+  client: client.withConfig({
+    token: process.env.SANITY_API_READ_TOKEN,
+  }),
+})
diff --git a/apps/next/src/app/api/draft/route.ts b/apps/next/src/app/api/draft/route.ts
deleted file mode 100644
index f9290738c..000000000
--- a/apps/next/src/app/api/draft/route.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import {draftMode} from 'next/headers'
-import {redirect} from 'next/navigation'
-import {validatePreviewUrl} from '@sanity/preview-url-secret'
-import {client} from '@/components/sanity.client'
-
-const clientWithToken = client.withConfig({
-  token: process.env.SANITY_API_READ_TOKEN,
-})
-
-export async function GET(req: Request) {
-  const {isValid, redirectTo = '/shoes'} = await validatePreviewUrl(clientWithToken, req.url)
-  if (!isValid) {
-    return new Response('Invalid secret', {status: 401})
-  }
-
-  draftMode().enable()
-
-  redirect(redirectTo)
-}
diff --git a/apps/next/src/app/compat/layout.tsx b/apps/next/src/app/compat/layout.tsx
index 1f4694d66..4a1ca98e5 100644
--- a/apps/next/src/app/compat/layout.tsx
+++ b/apps/next/src/app/compat/layout.tsx
@@ -1,8 +1,7 @@
-import {draftMode} from 'next/headers'
-import {unstable_cache} from 'next/cache'
 import {VisualEditing} from 'next-sanity'
+import {unstable_cache} from 'next/cache'
+import {draftMode} from 'next/headers'
 import '../../tailwind.css'
-
 import {Timesince} from '../Timesince'
 
 export const metadata = {
@@ -16,11 +15,7 @@ export default async function RootLayout({children}: {children: React.ReactNode}
       <body>
         {children}
         {draftMode().isEnabled && <VisualEditing />}
-        <a
-          href={draftMode().isEnabled ? '/api/disable-draft' : undefined}
-          title={draftMode().isEnabled ? 'Click to disable Draft Mode' : undefined}
-          className="fixed bottom-1 left-1 block rounded bg-slate-900 px-2 py-1 text-xs text-slate-100"
-        >
+        <a className="fixed bottom-1 left-1 block rounded bg-slate-900 px-2 py-1 text-xs text-slate-100">
           app-router:{' '}
           {draftMode().isEnabled
             ? 'draftMode'
diff --git a/apps/next/src/app/compat/page.client.tsx b/apps/next/src/app/compat/page.client.tsx
index 9543f3a13..b215a0039 100644
--- a/apps/next/src/app/compat/page.client.tsx
+++ b/apps/next/src/app/compat/page.client.tsx
@@ -1,14 +1,14 @@
 'use client'
 
-import {type ShoesListResult} from 'apps-common/queries'
-import {formatCurrency} from 'apps-common/utils'
-import Image from 'next/image'
-import Link from 'next/link'
-import {urlFor, urlForCrossDatasetReference} from '../shoes/utils'
+import type {ShoesListResult} from '@/types'
+import {formatCurrency} from '@/utils'
+import {workspaces} from '@repo/env'
 import {ContentSourceMap, ContentSourceMapDocuments} from '@sanity/client/csm'
 import {useDocumentsInUse} from '@sanity/preview-kit-compat'
+import Image from 'next/image'
+import Link from 'next/link'
 import {useMemo} from 'react'
-import {workspaces} from 'apps-common/env'
+import {urlFor, urlForCrossDatasetReference} from '../shoes/utils'
 
 const {projectId, dataset} = workspaces['next-app-router']
 
@@ -55,7 +55,7 @@ export default function ShoesPageClient(props: Props) {
         {
           <div className="grid grid-cols-1 gap-x-6 gap-y-10 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 xl:gap-x-8">
             {products?.map?.((product, i) => (
-              <a key={product.slug.current} className="group relative">
+              <a key={product.slug?.current} className="group relative">
                 <div className="aspect-h-1 aspect-w-1 xl:aspect-h-8 xl:aspect-w-7 w-full overflow-hidden rounded-lg bg-gray-200">
                   <Image
                     className="h-full w-full object-cover object-center group-hover:opacity-75"
@@ -83,22 +83,32 @@ export default function ShoesPageClient(props: Props) {
                     <Image
                       className="h-6 w-6 rounded-full bg-gray-50"
                       src={
+                        // @ts-expect-error - cross dataset reference typegen not working yet
                         product.brand?.logo?.asset
-                          ? urlForCrossDatasetReference(product.brand.logo)
+                          ? // @ts-expect-error - cross dataset reference typegen not working yet
+                            urlForCrossDatasetReference(product.brand.logo)
                               .width(48)
                               .height(48)
                               .url()
                           : `https://source.unsplash.com/featured/48x48?${
+                              // @ts-expect-error - cross dataset reference typegen not working yet
                               product.brand.name
-                                ? encodeURIComponent(product.brand.name)
+                                ? // @ts-expect-error - cross dataset reference typegen not working yet
+                                  encodeURIComponent(product.brand.name)
                                 : `brand&r=${i}`
                             }`
                       }
                       width={24}
                       height={24}
+                      // @ts-expect-error - cross dataset reference typegen not working yet
                       alt={product.brand?.logo?.alt || ''}
                     />
-                    <span className="font-bold text-gray-600">{product.brand.name}</span>
+                    <span className="font-bold text-gray-600">
+                      {
+                        // @ts-expect-error - cross dataset reference typegen not working yet
+                        product.brand.name
+                      }
+                    </span>
                   </div>
                 )}
               </a>
diff --git a/apps/next/src/app/compat/page.tsx b/apps/next/src/app/compat/page.tsx
index 01bbadabc..175ad5468 100644
--- a/apps/next/src/app/compat/page.tsx
+++ b/apps/next/src/app/compat/page.tsx
@@ -1,7 +1,7 @@
-import {ShoesListResult, shoesList} from 'apps-common/queries'
-import ShoesPageClient from './page.client'
-import {client} from '../shoes/sanity.client'
+import {shoesList} from '@/queries'
 import {draftMode} from 'next/headers'
+import {client} from '../shoes/sanity.client'
+import ShoesPageClient from './page.client'
 
 const stegaClient = client.withConfig({
   stega: {enabled: true},
@@ -11,7 +11,7 @@ const stegaClient = client.withConfig({
 })
 
 export default async function ShoesPage() {
-  const {result, resultSourceMap} = await stegaClient.fetch<ShoesListResult>(
+  const {result, resultSourceMap} = await stegaClient.fetch(
     shoesList,
     {},
     {
diff --git a/apps/next/src/app/only-visual-editing/layout.tsx b/apps/next/src/app/only-visual-editing/layout.tsx
index 77c734d5e..41896c526 100644
--- a/apps/next/src/app/only-visual-editing/layout.tsx
+++ b/apps/next/src/app/only-visual-editing/layout.tsx
@@ -1,9 +1,8 @@
-import {draftMode} from 'next/headers'
-import {revalidatePath, revalidateTag, unstable_cache} from 'next/cache'
-import {VisualEditing} from 'next-sanity'
 import {VercelToolbar} from '@vercel/toolbar/next'
+import {VisualEditing} from 'next-sanity'
+import {revalidatePath, revalidateTag, unstable_cache} from 'next/cache'
+import {draftMode} from 'next/headers'
 import '../../tailwind.css'
-
 import {Timesince} from '../Timesince'
 
 export const metadata = {
@@ -41,11 +40,7 @@ export default async function RootLayout({children}: {children: React.ReactNode}
             }}
           />
         )}
-        <a
-          href={draftMode().isEnabled ? '/api/disable-draft' : undefined}
-          title={draftMode().isEnabled ? 'Click to disable Draft Mode' : undefined}
-          className="fixed bottom-1 left-1 block rounded bg-slate-900 px-2 py-1 text-xs text-slate-100"
-        >
+        <a className="fixed bottom-1 left-1 block rounded bg-slate-900 px-2 py-1 text-xs text-slate-100">
           app-router:{' '}
           {draftMode().isEnabled
             ? 'draftMode'
diff --git a/apps/next/src/app/only-visual-editing/page.client.tsx b/apps/next/src/app/only-visual-editing/page.client.tsx
index 477d12602..26c5bd955 100644
--- a/apps/next/src/app/only-visual-editing/page.client.tsx
+++ b/apps/next/src/app/only-visual-editing/page.client.tsx
@@ -1,9 +1,9 @@
-import {type ShoesListResult} from 'apps-common/queries'
-import {formatCurrency} from 'apps-common/utils'
+import type {ShoesListResult} from '@/types'
+import {formatCurrency} from '@/utils'
+import {ContentSourceMap} from '@sanity/client/csm'
 import Image from 'next/image'
 import Link from 'next/link'
 import {urlFor, urlForCrossDatasetReference} from '../shoes/utils'
-import {ContentSourceMap} from '@sanity/client/csm'
 
 type Props = {
   data: ShoesListResult
@@ -39,7 +39,7 @@ export default function ShoesPageClient(props: Props) {
         {
           <div className="grid grid-cols-1 gap-x-6 gap-y-10 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 xl:gap-x-8">
             {products?.map?.((product, i) => (
-              <a key={product.slug.current} className="group relative">
+              <a key={product.slug?.current} className="group relative">
                 <div className="aspect-h-1 aspect-w-1 xl:aspect-h-8 xl:aspect-w-7 w-full overflow-hidden rounded-lg bg-gray-200">
                   <Image
                     className="h-full w-full object-cover object-center group-hover:opacity-75"
@@ -67,22 +67,32 @@ export default function ShoesPageClient(props: Props) {
                     <Image
                       className="h-6 w-6 rounded-full bg-gray-50"
                       src={
+                        // @ts-expect-error - cross dataset reference typegen not working yet
                         product.brand?.logo?.asset
-                          ? urlForCrossDatasetReference(product.brand.logo)
+                          ? // @ts-expect-error - cross dataset reference typegen not working yet
+                            urlForCrossDatasetReference(product.brand.logo)
                               .width(48)
                               .height(48)
                               .url()
                           : `https://source.unsplash.com/featured/48x48?${
+                              // @ts-expect-error - cross dataset reference typegen not working yet
                               product.brand.name
-                                ? encodeURIComponent(product.brand.name)
+                                ? // @ts-expect-error - cross dataset reference typegen not working yet
+                                  encodeURIComponent(product.brand.name)
                                 : `brand&r=${i}`
                             }`
                       }
                       width={24}
                       height={24}
+                      // @ts-expect-error - cross dataset reference typegen not working yet
                       alt={product.brand?.logo?.alt || ''}
                     />
-                    <span className="font-bold text-gray-600">{product.brand.name}</span>
+                    <span className="font-bold text-gray-600">
+                      {
+                        // @ts-expect-error - cross dataset reference typegen not working yet
+                        product.brand.name
+                      }
+                    </span>
                   </div>
                 )}
               </a>
diff --git a/apps/next/src/app/only-visual-editing/page.tsx b/apps/next/src/app/only-visual-editing/page.tsx
index 27c3a7152..5d6823fc7 100644
--- a/apps/next/src/app/only-visual-editing/page.tsx
+++ b/apps/next/src/app/only-visual-editing/page.tsx
@@ -1,7 +1,7 @@
-import {ShoesListResult, shoesList} from 'apps-common/queries'
-import ShoesPageClient from './page.client'
-import {client} from '../shoes/sanity.client'
+import {shoesList} from '@/queries'
 import {draftMode} from 'next/headers'
+import {client} from '../shoes/sanity.client'
+import ShoesPageClient from './page.client'
 
 const stegaClient = client.withConfig({
   stega: {enabled: true},
@@ -11,7 +11,7 @@ const stegaClient = client.withConfig({
 })
 
 export default async function ShoesPage() {
-  const {result, resultSourceMap} = await stegaClient.fetch<ShoesListResult>(
+  const {result, resultSourceMap} = await stegaClient.fetch(
     shoesList,
     {},
     {
diff --git a/apps/next/src/app/shoes/VisualEditing.tsx b/apps/next/src/app/shoes/VisualEditing.tsx
index c43f5e501..400ced7a4 100644
--- a/apps/next/src/app/shoes/VisualEditing.tsx
+++ b/apps/next/src/app/shoes/VisualEditing.tsx
@@ -2,7 +2,6 @@
 
 import {useLiveMode} from '@sanity/react-loader'
 import {VisualEditing} from 'next-sanity'
-import {useEffect} from 'react'
 import {client} from './sanity.client'
 
 // Always enable stega in Live Mode
@@ -10,12 +9,6 @@ const stegaClient = client.withConfig({stega: true})
 
 export default function LiveVisualEditing(props: React.ComponentProps<typeof VisualEditing>) {
   useLiveMode({client: stegaClient})
-  useEffect(() => {
-    if (process.env.NEXT_PUBLIC_VERCEL_ENV === 'production' && window === parent && !opener) {
-      // If not an iframe, turn off Draft Mode
-      location.href = '/api/disable-draft'
-    }
-  }, [])
 
   return <VisualEditing {...props} />
 }
diff --git a/apps/next/src/app/shoes/[slug]/page.client.tsx b/apps/next/src/app/shoes/[slug]/page.client.tsx
index 62941402b..190146013 100644
--- a/apps/next/src/app/shoes/[slug]/page.client.tsx
+++ b/apps/next/src/app/shoes/[slug]/page.client.tsx
@@ -1,14 +1,15 @@
 'use client'
 
+import {shoe} from '@/queries'
+import type {ShoeResult} from '@/types'
+import {formatCurrency} from '@/utils'
 import {PortableText} from '@portabletext/react'
+import {LemonIcon} from '@sanity/icons'
 import {QueryResponseInitial, useQuery} from '@sanity/react-loader'
-import {shoe, type ShoeParams, type ShoeResult} from 'apps-common/queries'
-import {formatCurrency} from 'apps-common/utils'
 import Image from 'next/image'
 import Link from 'next/link'
 import {use} from 'react'
 import {urlFor, urlForCrossDatasetReference} from '../utils'
-import {LemonIcon} from '@sanity/icons'
 
 type Props = {
   params: {slug: string}
@@ -24,7 +25,7 @@ export default function ShoePage(props: Props) {
     error,
     loading: _loading,
     encodeDataAttribute,
-  } = useQuery<ShoeResult>(shoe, params satisfies ShoeParams, {initial})
+  } = useQuery<ShoeResult>(shoe, params, {initial})
 
   if (error) {
     throw error
@@ -144,30 +145,42 @@ export default function ShoePage(props: Props) {
                 {product.price ? formatCurrency(product.price) : 'FREE'}
               </p>
 
-              {product.brand?.name && (
-                <div>
-                  <h2 className="text-sm font-medium text-gray-900">Brand</h2>
-                  <div className="flex items-center gap-x-2">
-                    <Image
-                      className="h-10 w-10 rounded-full bg-gray-50"
-                      src={
-                        product.brand?.logo?.asset
-                          ? urlForCrossDatasetReference(product.brand.logo)
-                              .width(48)
-                              .height(48)
-                              .url()
-                          : `https://source.unsplash.com/featured/48x48?${encodeURIComponent(
-                              product.brand.name,
-                            )}`
-                      }
-                      width={24}
-                      height={24}
-                      alt={product.brand?.logo?.alt || ''}
-                    />
-                    <span className="text-lg font-bold">{product.brand.name}</span>
+              {
+                // @ts-expect-error - cross dataset reference typegen not working yet
+                product.brand?.name && (
+                  <div>
+                    <h2 className="text-sm font-medium text-gray-900">Brand</h2>
+                    <div className="flex items-center gap-x-2">
+                      <Image
+                        className="h-10 w-10 rounded-full bg-gray-50"
+                        src={
+                          // @ts-expect-error - cross dataset reference typegen not working yet
+                          product.brand?.logo?.asset
+                            ? // @ts-expect-error - cross dataset reference typegen not working yet
+                              urlForCrossDatasetReference(product.brand.logo)
+                                .width(48)
+                                .height(48)
+                                .url()
+                            : `https://source.unsplash.com/featured/48x48?${encodeURIComponent(
+                                // @ts-expect-error - cross dataset reference typegen not working yet
+                                product.brand.name,
+                              )}`
+                        }
+                        width={24}
+                        height={24}
+                        // @ts-expect-error - cross dataset reference typegen not working yet
+                        alt={product.brand?.logo?.alt || ''}
+                      />
+                      <span className="text-lg font-bold">
+                        {
+                          // @ts-expect-error - cross dataset reference typegen not working yet
+                          product.brand.name
+                        }
+                      </span>
+                    </div>
                   </div>
-                </div>
-              )}
+                )
+              }
 
               <form className="mt-3">
                 <button
diff --git a/apps/next/src/app/shoes/[slug]/page.tsx b/apps/next/src/app/shoes/[slug]/page.tsx
index 1993a058f..12b8f9139 100644
--- a/apps/next/src/app/shoes/[slug]/page.tsx
+++ b/apps/next/src/app/shoes/[slug]/page.tsx
@@ -1,4 +1,5 @@
-import {ShoeParams, ShoeResult, shoe} from 'apps-common/queries'
+import {shoe} from '@/queries'
+import type {ShoeResult} from '@/types'
 import {draftMode} from 'next/headers'
 import {loadQuery} from '../sanity.ssr'
 import ShoePageClient from './page.client'
@@ -9,7 +10,7 @@ type Props = {
 
 export default async function ShoePage(props: Props) {
   const {params} = props
-  const initial = loadQuery<ShoeResult>(shoe, params satisfies ShoeParams, {
+  const initial = loadQuery<ShoeResult>(shoe, params, {
     perspective: draftMode().isEnabled ? 'previewDrafts' : 'published',
     next: {
       revalidate: draftMode().isEnabled ? 0 : false,
diff --git a/apps/next/src/app/shoes/layout.tsx b/apps/next/src/app/shoes/layout.tsx
index 06e21f276..1772daf26 100644
--- a/apps/next/src/app/shoes/layout.tsx
+++ b/apps/next/src/app/shoes/layout.tsx
@@ -1,13 +1,10 @@
-import {Suspense} from 'react'
+import {unstable_cache} from 'next/cache'
 import dynamic from 'next/dynamic'
-import {revalidateTag, unstable_cache} from 'next/cache'
-
 import '../../tailwind.css'
 import {draftMode} from 'next/headers'
-import {Metadata} from 'next'
+import {Timesince} from '../Timesince'
 
 const LiveVisualEditing = dynamic(() => import('./VisualEditing'))
-import {Timesince} from '../Timesince'
 
 export default async function RootLayout({children}: {children: React.ReactNode}) {
   return (
@@ -15,11 +12,7 @@ export default async function RootLayout({children}: {children: React.ReactNode}
       <body>
         {children}
         {draftMode().isEnabled && <LiveVisualEditing />}
-        <a
-          href={draftMode().isEnabled ? '/api/disable-draft' : undefined}
-          title={draftMode().isEnabled ? 'Click to disable Draft Mode' : undefined}
-          className="fixed bottom-1 left-1 block rounded bg-slate-900 px-2 py-1 text-xs text-slate-100"
-        >
+        <a className="fixed bottom-1 left-1 block rounded bg-slate-900 px-2 py-1 text-xs text-slate-100">
           app-router:{' '}
           {draftMode().isEnabled
             ? 'draftMode'
diff --git a/apps/next/src/app/shoes/page.client.tsx b/apps/next/src/app/shoes/page.client.tsx
index b48a37528..e7a207bd5 100644
--- a/apps/next/src/app/shoes/page.client.tsx
+++ b/apps/next/src/app/shoes/page.client.tsx
@@ -1,12 +1,12 @@
 'use client'
 
-import {shoesList, type ShoesListResult} from 'apps-common/queries'
-import {formatCurrency} from 'apps-common/utils'
+import {shoesList} from '@/queries'
+import type {ShoesListResult} from '@/types'
+import {formatCurrency} from '@/utils'
+import {QueryResponseInitial, useQuery} from '@sanity/react-loader'
 import Image from 'next/image'
 import Link from 'next/link'
 import {urlFor, urlForCrossDatasetReference} from './utils'
-import {use} from 'react'
-import {QueryResponseInitial, useQuery} from '@sanity/react-loader'
 
 type Props = {
   initial: QueryResponseInitial<ShoesListResult>
@@ -25,7 +25,7 @@ export default function ShoesPageClient(props: Props) {
     throw error
   }
 
-  const loading = _loading && !!products?.length
+  const loading = _loading && products?.length === 0
 
   return (
     <div className="min-h-screen bg-white">
@@ -54,8 +54,8 @@ export default function ShoesPageClient(props: Props) {
           <div className="grid grid-cols-1 gap-x-6 gap-y-10 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 xl:gap-x-8">
             {products?.map?.((product, i) => (
               <Link
-                key={product.slug.current}
-                href={`/shoes/${product.slug.current}`}
+                key={product.slug?.current}
+                href={`/shoes/${product.slug?.current}`}
                 className="group relative"
               >
                 <div
@@ -88,22 +88,32 @@ export default function ShoesPageClient(props: Props) {
                     <Image
                       className="h-6 w-6 rounded-full bg-gray-50"
                       src={
+                        // @ts-expect-error - cross dataset reference typegen not working yet
                         product.brand?.logo?.asset
-                          ? urlForCrossDatasetReference(product.brand.logo)
+                          ? // @ts-expect-error - cross dataset reference typegen not working yet
+                            urlForCrossDatasetReference(product.brand.logo)
                               .width(48)
                               .height(48)
                               .url()
                           : `https://source.unsplash.com/featured/48x48?${
+                              // @ts-expect-error - cross dataset reference typegen not working yet
                               product.brand.name
-                                ? encodeURIComponent(product.brand.name)
+                                ? // @ts-expect-error - cross dataset reference typegen not working yet
+                                  encodeURIComponent(product.brand.name)
                                 : `brand&r=${i}`
                             }`
                       }
                       width={24}
                       height={24}
+                      // @ts-expect-error - cross dataset reference typegen not working yet
                       alt={product.brand?.logo?.alt || ''}
                     />
-                    <span className="font-bold text-gray-600">{product.brand.name}</span>
+                    <span className="font-bold text-gray-600">
+                      {
+                        // @ts-expect-error - cross dataset reference typegen not working yet
+                        product.brand.name
+                      }
+                    </span>
                   </div>
                 )}
               </Link>
diff --git a/apps/next/src/app/shoes/page.tsx b/apps/next/src/app/shoes/page.tsx
index 5e4747d9d..db6d272cd 100644
--- a/apps/next/src/app/shoes/page.tsx
+++ b/apps/next/src/app/shoes/page.tsx
@@ -1,7 +1,8 @@
-import {ShoesListResult, shoesList} from 'apps-common/queries'
+import {shoesList} from '@/queries'
+import type {ShoesListResult} from '@/types'
+import {draftMode} from 'next/headers'
 import ShoesPageClient from './page.client'
 import {loadQuery} from './sanity.ssr'
-import {draftMode} from 'next/headers'
 
 export default async function ShoesPage() {
   const initial = await loadQuery<ShoesListResult>(
diff --git a/apps/next/src/app/shoes/sanity.client.ts b/apps/next/src/app/shoes/sanity.client.ts
index c01ba3b37..b790950c6 100644
--- a/apps/next/src/app/shoes/sanity.client.ts
+++ b/apps/next/src/app/shoes/sanity.client.ts
@@ -1,8 +1,8 @@
+import {apiVersion, workspaces} from '@repo/env'
+import {studioUrl as baseUrl} from '@repo/studio-url'
 import {createClient} from '@sanity/client'
-import {workspaces, studioUrl as baseUrl, apiVersion} from 'apps-common/env'
 
-const {projectId, dataset, workspace} = workspaces['next-app-router']
-const studioUrl = `${baseUrl}/${workspace}`
+const {projectId, dataset} = workspaces['next-app-router']
 
 export const client = createClient({
   projectId,
@@ -10,9 +10,16 @@ export const client = createClient({
   useCdn: false,
   apiVersion,
   stega: {
-    studioUrl: ({_dataset}) =>
-      _dataset === workspaces['cross-dataset-references'].dataset
-        ? `${baseUrl}/${workspaces['cross-dataset-references'].workspace}`
-        : studioUrl,
+    studioUrl: (sourceDocument) => {
+      if (
+        sourceDocument._projectId === workspaces['cross-dataset-references'].projectId &&
+        sourceDocument._dataset === workspaces['cross-dataset-references'].dataset
+      ) {
+        const {workspace, tool} = workspaces['cross-dataset-references']
+        return {baseUrl, workspace, tool}
+      }
+      const {workspace, tool} = workspaces['next-app-router']
+      return {baseUrl, workspace, tool}
+    },
   },
 })
diff --git a/apps/next/src/app/shoes/sanity.ssr.ts b/apps/next/src/app/shoes/sanity.ssr.ts
index cf6d2b094..8b91f168e 100644
--- a/apps/next/src/app/shoes/sanity.ssr.ts
+++ b/apps/next/src/app/shoes/sanity.ssr.ts
@@ -1,8 +1,6 @@
-import {experimental_taintUniqueValue} from 'react'
-
-import {client} from './sanity.client'
-import {setServerClient, loadQuery as _loadQuery} from '@sanity/react-loader'
+import {loadQuery as _loadQuery, setServerClient} from '@sanity/react-loader'
 import {draftMode} from 'next/headers'
+import {client} from './sanity.client'
 
 const token = process.env.SANITY_API_READ_TOKEN
 
@@ -10,12 +8,6 @@ if (!token) {
   throw new Error('Missing SANITY_API_READ_TOKEN')
 }
 
-experimental_taintUniqueValue(
-  'Do not pass the sanity API read token to the client.',
-  process,
-  token,
-)
-
 setServerClient(
   client.withConfig({
     token,
diff --git a/apps/next/src/app/shoes/utils.ts b/apps/next/src/app/shoes/utils.ts
index 7b7484d7c..7e9fe7b23 100644
--- a/apps/next/src/app/shoes/utils.ts
+++ b/apps/next/src/app/shoes/utils.ts
@@ -1,5 +1,5 @@
+import {workspaces} from '@repo/env'
 import imageUrlBuilder from '@sanity/image-url'
-import {workspaces} from 'apps-common/env'
 
 const {projectId, dataset} = workspaces['next-app-router']
 
diff --git a/apps/next/src/components/VisualEditing.tsx b/apps/next/src/components/VisualEditing.tsx
index 46d445402..faae19ad1 100644
--- a/apps/next/src/components/VisualEditing.tsx
+++ b/apps/next/src/components/VisualEditing.tsx
@@ -1,6 +1,6 @@
+import {useLiveMode} from '@sanity/react-loader'
 import {VisualEditing} from '@sanity/visual-editing/next-pages-router'
 import {client} from './sanity.client'
-import {useLiveMode} from '@sanity/react-loader'
 
 // Always enable stega in Live Mode
 const stegaClient = client.withConfig({stega: true})
@@ -8,16 +8,5 @@ const stegaClient = client.withConfig({stega: true})
 export default function LiveVisualEditing() {
   useLiveMode({client: stegaClient})
 
-  // useEffect(() => {
-  //   if (
-  //     process.env.NEXT_PUBLIC_VERCEL_ENV !== 'preview' &&
-  //     window === parent &&
-  //     !opener
-  //   ) {
-  //     // If not an iframe, turn off Draft Mode
-  //     location.href = '/api/disable-pages-draft'
-  //   }
-  // }, [])
-
   return <VisualEditing />
 }
diff --git a/apps/next/src/components/sanity.client.ts b/apps/next/src/components/sanity.client.ts
index deb12a955..f93fdc98f 100644
--- a/apps/next/src/components/sanity.client.ts
+++ b/apps/next/src/components/sanity.client.ts
@@ -1,8 +1,8 @@
+import {apiVersion, workspaces} from '@repo/env'
+import {studioUrl as baseUrl} from '@repo/studio-url'
 import {createClient} from '@sanity/client'
-import {workspaces, studioUrl as baseUrl, apiVersion} from 'apps-common/env'
 
-const {projectId, dataset, workspace} = workspaces['next-pages-router']
-const studioUrl = `${baseUrl}/${workspace}`
+const {projectId, dataset} = workspaces['next-pages-router']
 
 export const client = createClient({
   projectId,
@@ -10,9 +10,16 @@ export const client = createClient({
   useCdn: false,
   apiVersion,
   stega: {
-    studioUrl: ({_dataset}) =>
-      _dataset === workspaces['cross-dataset-references'].dataset
-        ? `${baseUrl}/${workspaces['cross-dataset-references'].workspace}`
-        : studioUrl,
+    studioUrl: (sourceDocument) => {
+      if (
+        sourceDocument._projectId === workspaces['cross-dataset-references'].projectId &&
+        sourceDocument._dataset === workspaces['cross-dataset-references'].dataset
+      ) {
+        const {workspace, tool} = workspaces['cross-dataset-references']
+        return {baseUrl, workspace, tool}
+      }
+      const {workspace, tool} = workspaces['next-pages-router']
+      return {baseUrl, workspace, tool}
+    },
   },
 })
diff --git a/apps/next/src/components/sanity.ssr.ts b/apps/next/src/components/sanity.ssr.ts
index 2af3a7431..46c281abc 100644
--- a/apps/next/src/components/sanity.ssr.ts
+++ b/apps/next/src/components/sanity.ssr.ts
@@ -1,5 +1,5 @@
-import {client} from './sanity.client'
 import * as serverOnly from '@sanity/react-loader'
+import {client} from './sanity.client'
 
 const token = process.env.SANITY_API_READ_TOKEN
 
diff --git a/apps/next/src/components/utils.ts b/apps/next/src/components/utils.ts
index 574495a9d..b08614538 100644
--- a/apps/next/src/components/utils.ts
+++ b/apps/next/src/components/utils.ts
@@ -1,5 +1,5 @@
+import {workspaces} from '@repo/env'
 import imageUrlBuilder from '@sanity/image-url'
-import {workspaces} from 'apps-common/env'
 
 const {projectId, dataset} = workspaces['next-pages-router']
 
diff --git a/apps/next/src/pages/_app.tsx b/apps/next/src/pages/_app.tsx
index 201d1b60f..25ba316c6 100644
--- a/apps/next/src/pages/_app.tsx
+++ b/apps/next/src/pages/_app.tsx
@@ -1,6 +1,5 @@
 import type {AppProps} from 'next/app'
 import dynamic from 'next/dynamic'
-
 import '../tailwind.css'
 
 const VisualEditing = dynamic(() => import('../components/VisualEditing'))
@@ -16,7 +15,7 @@ export default function App({Component, pageProps}: AppProps<SharedProps>) {
       <Component {...pageProps} />
       {draftMode && <VisualEditing />}
       <a
-        href={draftMode ? '/api/disable-pages-draft' : undefined}
+        href={draftMode ? '/api/draft-mode/disable' : undefined}
         title={draftMode ? 'Click to disable Draft Mode' : undefined}
         className="fixed bottom-1 left-1 block rounded bg-slate-900 px-2 py-1 text-xs text-slate-100"
       >
diff --git a/apps/next/src/pages/api/disable-pages-draft.ts b/apps/next/src/pages/api/disable-pages-draft.ts
deleted file mode 100644
index d629e5079..000000000
--- a/apps/next/src/pages/api/disable-pages-draft.ts
+++ /dev/null
@@ -1,10 +0,0 @@
-import type {NextApiRequest, NextApiResponse} from 'next'
-
-export default function handler(_req: NextApiRequest, res: NextApiResponse<void>): void {
-  // Exit the current user from "Draft Mode".
-  res.setDraftMode({enable: false})
-
-  // Redirect the user back to the index page.
-  res.writeHead(307, {Location: '/pages-router/shoes'})
-  res.end()
-}
diff --git a/apps/next/src/pages/api/pages-draft.ts b/apps/next/src/pages/api/pages-draft.ts
deleted file mode 100644
index 18fb817c1..000000000
--- a/apps/next/src/pages/api/pages-draft.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-import type {NextApiRequest, NextApiResponse} from 'next'
-import {validatePreviewUrl} from '@sanity/preview-url-secret'
-import {client} from '@/components/sanity.client'
-
-const clientWithToken = client.withConfig({
-  token: process.env.SANITY_API_READ_TOKEN,
-})
-
-export default async function handler(req: NextApiRequest, res: NextApiResponse<string | void>) {
-  if (!req.url) {
-    throw new Error('Missing url')
-  }
-  const {isValid, redirectTo = '/pages-router/shoes'} = await validatePreviewUrl(
-    clientWithToken,
-    req.url,
-  )
-  if (!isValid) {
-    return res.status(401).send('Invalid secret')
-  }
-  // Enable Draft Mode by setting the cookies
-  res.setDraftMode({enable: true})
-  res.writeHead(307, {Location: redirectTo})
-  res.end()
-}
diff --git a/apps/next/src/pages/pages-router/performance-test/index.tsx b/apps/next/src/pages/pages-router/performance-test/index.tsx
index 8558996c8..76e11c550 100644
--- a/apps/next/src/pages/pages-router/performance-test/index.tsx
+++ b/apps/next/src/pages/pages-router/performance-test/index.tsx
@@ -1,11 +1,11 @@
-import {GetStaticProps, InferGetStaticPropsType} from 'next'
+import {apiVersion, workspaces} from '@repo/env'
+import {studioUrl as baseUrl} from '@repo/studio-url'
+import {ClientConfig, createClient} from '@sanity/client'
 import {useQuery} from '@sanity/react-loader'
+import {GetStaticProps, InferGetStaticPropsType} from 'next'
 import Link from 'next/link'
-import {ClientConfig, createClient} from '@sanity/client'
-import {workspaces, studioUrl as baseUrl, apiVersion} from 'apps-common/env'
 
-const {projectId, dataset, workspace} = workspaces['next-pages-router']
-const studioUrl = `${baseUrl}/${workspace}`
+const {projectId, dataset} = workspaces['next-pages-router']
 
 const sanityToken = process.env.SANITY_API_READ_TOKEN
 
@@ -15,10 +15,16 @@ function createSanityClient(config: ClientConfig) {
     dataset,
     apiVersion,
     stega: {
-      studioUrl: ({_dataset}) =>
-        _dataset === workspaces['cross-dataset-references'].dataset
-          ? `${baseUrl}/${workspaces['cross-dataset-references'].workspace}`
-          : studioUrl,
+      studioUrl: (sourceDocument) => {
+        if (
+          sourceDocument._projectId === workspaces['cross-dataset-references'].projectId &&
+          sourceDocument._dataset === workspaces['cross-dataset-references'].dataset
+        ) {
+          const {workspace, tool} = workspaces['cross-dataset-references']
+          return {baseUrl, workspace, tool}
+        }
+        return {baseUrl, workspace: 'performance-test'}
+      },
     },
     ...config,
   })
diff --git a/apps/next/src/pages/pages-router/shoes/[slug].tsx b/apps/next/src/pages/pages-router/shoes/[slug].tsx
index 3cfd81942..98ddd96f2 100644
--- a/apps/next/src/pages/pages-router/shoes/[slug].tsx
+++ b/apps/next/src/pages/pages-router/shoes/[slug].tsx
@@ -1,14 +1,15 @@
+import {loadQuery} from '@/components/sanity.ssr'
+import {shoe} from '@/queries'
+import type {ShoeResult} from '@/types'
+import {formatCurrency} from '@/utils'
 import {PortableText} from '@portabletext/react'
-import {shoe, type ShoeParams, type ShoeResult} from 'apps-common/queries'
-import {formatCurrency} from 'apps-common/utils'
-import type {GetStaticProps, GetStaticPaths, InferGetStaticPropsType} from 'next'
+import {ClientPerspective, ContentSourceMap} from '@sanity/client'
+import {useQuery} from '@sanity/react-loader'
+import type {GetStaticPaths, GetStaticProps, InferGetStaticPropsType} from 'next'
 import Image from 'next/image'
 import Link from 'next/link'
-import {urlFor, urlForCrossDatasetReference} from '../../../components/utils'
-import {ClientPerspective, ContentSourceMap} from '@sanity/client'
 import type {SharedProps} from '../../_app'
-import {loadQuery} from '@/components/sanity.ssr'
-import {useQuery} from '@sanity/react-loader'
+import {urlFor, urlForCrossDatasetReference} from '../../../components/utils'
 
 interface Props extends SharedProps {
   params: {slug: string}
@@ -25,7 +26,7 @@ export const getStaticProps = (async (context) => {
     shoe,
     {
       slug,
-    } satisfies ShoeParams,
+    },
     {perspective},
   )
   return {props: {draftMode, params: {slug}, initial}, revalidate: 1}
@@ -50,7 +51,7 @@ export default function ShoePage(props: InferGetStaticPropsType<typeof getStatic
     error,
     loading,
     encodeDataAttribute,
-  } = useQuery<ShoeResult>(shoe, params satisfies ShoeParams, {initial})
+  } = useQuery<ShoeResult>(shoe, params, {initial})
 
   if (error) {
     throw error
@@ -159,30 +160,42 @@ export default function ShoePage(props: InferGetStaticPropsType<typeof getStatic
                 {product.price ? formatCurrency(product.price) : 'FREE'}
               </p>
 
-              {product.brand?.name && (
-                <div>
-                  <h2 className="text-sm font-medium text-gray-900">Brand</h2>
-                  <div className="flex items-center gap-x-2">
-                    <Image
-                      className="h-10 w-10 rounded-full bg-gray-50"
-                      src={
-                        product.brand?.logo?.asset
-                          ? urlForCrossDatasetReference(product.brand.logo)
-                              .width(48)
-                              .height(48)
-                              .url()
-                          : `https://source.unsplash.com/featured/48x48?${encodeURIComponent(
-                              product.brand.name,
-                            )}`
-                      }
-                      width={24}
-                      height={24}
-                      alt={product.brand?.logo?.alt || ''}
-                    />
-                    <span className="text-lg font-bold">{product.brand.name}</span>
+              {
+                // @ts-expect-error - cross dataset reference typegen not working yet
+                product.brand?.name && (
+                  <div>
+                    <h2 className="text-sm font-medium text-gray-900">Brand</h2>
+                    <div className="flex items-center gap-x-2">
+                      <Image
+                        className="h-10 w-10 rounded-full bg-gray-50"
+                        src={
+                          // @ts-expect-error - cross dataset reference typegen not working yet
+                          product.brand?.logo?.asset
+                            ? // @ts-expect-error - cross dataset reference typegen not working yet
+                              urlForCrossDatasetReference(product.brand.logo)
+                                .width(48)
+                                .height(48)
+                                .url()
+                            : `https://source.unsplash.com/featured/48x48?${encodeURIComponent(
+                                // @ts-expect-error - cross dataset reference typegen not working yet
+                                product.brand.name,
+                              )}`
+                        }
+                        width={24}
+                        height={24}
+                        // @ts-expect-error - cross dataset reference typegen not working yet
+                        alt={product.brand?.logo?.alt || ''}
+                      />
+                      <span className="text-lg font-bold">
+                        {
+                          // @ts-expect-error - cross dataset reference typegen not working yet
+                          product.brand.name
+                        }
+                      </span>
+                    </div>
                   </div>
-                </div>
-              )}
+                )
+              }
 
               <form className="mt-3">
                 <button
diff --git a/apps/next/src/pages/pages-router/shoes/index.tsx b/apps/next/src/pages/pages-router/shoes/index.tsx
index bc78e4a63..b58f625b1 100644
--- a/apps/next/src/pages/pages-router/shoes/index.tsx
+++ b/apps/next/src/pages/pages-router/shoes/index.tsx
@@ -1,13 +1,14 @@
-import {shoesList, type ShoesListResult} from 'apps-common/queries'
-import {formatCurrency} from 'apps-common/utils'
+import {shoesList} from '@/queries'
+import type {ShoesListResult} from '@/types'
+import {formatCurrency} from '@/utils'
+import type {ClientPerspective, ContentSourceMap} from '@sanity/client'
+import {useQuery} from '@sanity/react-loader'
+import {GetStaticProps, InferGetStaticPropsType} from 'next'
 import Image from 'next/image'
 import Link from 'next/link'
+import type {SharedProps} from '../../_app'
 import {loadQuery} from '../../../components/sanity.ssr'
 import {urlFor, urlForCrossDatasetReference} from '../../../components/utils'
-import {GetStaticProps, InferGetStaticPropsType} from 'next'
-import type {ClientPerspective, ContentSourceMap} from '@sanity/client'
-import type {SharedProps} from '../../_app'
-import {useQuery} from '@sanity/react-loader'
 
 interface Props extends SharedProps {
   initial: {data: ShoesListResult; sourceMap?: ContentSourceMap}
@@ -60,8 +61,8 @@ export default function ShoesPage(props: InferGetStaticPropsType<typeof getStati
           <div className="grid grid-cols-1 gap-x-6 gap-y-10 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 xl:gap-x-8">
             {products?.map?.((product, i) => (
               <Link
-                key={product.slug.current}
-                href={`/pages-router/shoes/${product.slug.current}`}
+                key={product.slug?.current}
+                href={`/pages-router/shoes/${product.slug?.current}`}
                 className="group relative"
               >
                 <div
@@ -97,22 +98,32 @@ export default function ShoesPage(props: InferGetStaticPropsType<typeof getStati
                     <Image
                       className="h-6 w-6 rounded-full bg-gray-50"
                       src={
+                        // @ts-expect-error - cross dataset reference typegen not working yet
                         product.brand?.logo?.asset
-                          ? urlForCrossDatasetReference(product.brand.logo)
+                          ? // @ts-expect-error - cross dataset reference typegen not working yet
+                            urlForCrossDatasetReference(product.brand.logo)
                               .width(48)
                               .height(48)
                               .url()
                           : `https://source.unsplash.com/featured/48x48?${
+                              // @ts-expect-error - cross dataset reference typegen not working yet
                               product.brand.name
-                                ? encodeURIComponent(product.brand.name)
+                                ? // @ts-expect-error - cross dataset reference typegen not working yet
+                                  encodeURIComponent(product.brand.name)
                                 : `brand&r=${i}`
                             }`
                       }
                       width={24}
                       height={24}
+                      // @ts-expect-error - cross dataset reference typegen not working yet
                       alt={product.brand?.logo?.alt || ''}
                     />
-                    <span className="font-bold text-gray-600">{product.brand.name}</span>
+                    <span className="font-bold text-gray-600">
+                      {
+                        // @ts-expect-error - cross dataset reference typegen not working yet
+                        product.brand.name
+                      }
+                    </span>
                   </div>
                 )}
               </Link>
diff --git a/apps/next/src/queries.ts b/apps/next/src/queries.ts
new file mode 100644
index 000000000..e42125060
--- /dev/null
+++ b/apps/next/src/queries.ts
@@ -0,0 +1,18 @@
+import {defineQuery} from 'next-sanity'
+
+export const shoesList = defineQuery(`*[_type == "shoe" && defined(slug.current)]{
+  title,
+  slug,
+  "price": string(price),
+  "media": media[0]{ alt, asset, crop, hotspot },
+  "brand": brandReference->{name, slug, logo{ alt, asset, crop, hotspot }},
+} | order(_updatedAt desc) `)
+
+export const shoe = defineQuery(`*[_type == "shoe" && slug.current == $slug]{
+  title,
+  slug,
+  "price": string(price),
+  "media": media[]{ alt, asset, crop, hotspot },
+  "brand": brandReference->{name, slug, logo{ alt, asset, crop, hotspot }},
+  description,
+}[0]`)
diff --git a/apps/next/src/types.ts b/apps/next/src/types.ts
new file mode 100644
index 000000000..856b83640
--- /dev/null
+++ b/apps/next/src/types.ts
@@ -0,0 +1,405 @@
+// Query TypeMap
+import '@sanity/client'
+
+/**
+ * ---------------------------------------------------------------------------------
+ * This file has been generated by Sanity TypeGen.
+ * Command: `sanity typegen generate`
+ *
+ * Any modifications made directly to this file will be overwritten the next time
+ * the TypeScript definitions are generated. Please make changes to the Sanity
+ * schema definitions and/or GROQ queries if you need to update these types.
+ *
+ * For more information on how to use Sanity TypeGen, visit the official documentation:
+ * https://www.sanity.io/docs/sanity-typegen
+ * ---------------------------------------------------------------------------------
+ */
+
+// Source: schema.json
+export type SanityImagePaletteSwatch = {
+  _type: 'sanity.imagePaletteSwatch'
+  background?: string
+  foreground?: string
+  population?: number
+  title?: string
+}
+
+export type SanityImagePalette = {
+  _type: 'sanity.imagePalette'
+  darkMuted?: SanityImagePaletteSwatch
+  lightVibrant?: SanityImagePaletteSwatch
+  darkVibrant?: SanityImagePaletteSwatch
+  vibrant?: SanityImagePaletteSwatch
+  dominant?: SanityImagePaletteSwatch
+  lightMuted?: SanityImagePaletteSwatch
+  muted?: SanityImagePaletteSwatch
+}
+
+export type SanityImageDimensions = {
+  _type: 'sanity.imageDimensions'
+  height?: number
+  width?: number
+  aspectRatio?: number
+}
+
+export type SanityFileAsset = {
+  _id: string
+  _type: 'sanity.fileAsset'
+  _createdAt: string
+  _updatedAt: string
+  _rev: string
+  originalFilename?: string
+  label?: string
+  title?: string
+  description?: string
+  altText?: string
+  sha1hash?: string
+  extension?: string
+  mimeType?: string
+  size?: number
+  assetId?: string
+  uploadId?: string
+  path?: string
+  url?: string
+  source?: SanityAssetSourceData
+}
+
+export type Geopoint = {
+  _type: 'geopoint'
+  lat?: number
+  lng?: number
+  alt?: number
+}
+
+export type Shoe = {
+  _id: string
+  _type: 'shoe'
+  _createdAt: string
+  _updatedAt: string
+  _rev: string
+  title?: string
+  slug?: Slug
+  media?: Array<{
+    asset?: {
+      _ref: string
+      _type: 'reference'
+      _weak?: boolean
+      [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+    }
+    hotspot?: SanityImageHotspot
+    crop?: SanityImageCrop
+    alt?: string
+    imagePrompt?: string
+    _type: 'image'
+    _key: string
+  }>
+  description?: Array<{
+    children?: Array<{
+      marks?: Array<string>
+      text?: string
+      _type: 'span'
+      _key: string
+    }>
+    style?: 'normal' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'blockquote'
+    listItem?: 'bullet' | 'number'
+    markDefs?: Array<{
+      href?: string
+      _type: 'link'
+      _key: string
+    }>
+    level?: number
+    _type: 'block'
+    _key: string
+  }>
+  price?: number
+  brandReference?: unknown
+}
+
+export type SanityImageCrop = {
+  _type: 'sanity.imageCrop'
+  top?: number
+  bottom?: number
+  left?: number
+  right?: number
+}
+
+export type SanityImageHotspot = {
+  _type: 'sanity.imageHotspot'
+  x?: number
+  y?: number
+  height?: number
+  width?: number
+}
+
+export type SanityImageAsset = {
+  _id: string
+  _type: 'sanity.imageAsset'
+  _createdAt: string
+  _updatedAt: string
+  _rev: string
+  originalFilename?: string
+  label?: string
+  title?: string
+  description?: string
+  altText?: string
+  sha1hash?: string
+  extension?: string
+  mimeType?: string
+  size?: number
+  assetId?: string
+  uploadId?: string
+  path?: string
+  url?: string
+  metadata?: SanityImageMetadata
+  source?: SanityAssetSourceData
+}
+
+export type SanityAssetSourceData = {
+  _type: 'sanity.assetSourceData'
+  name?: string
+  id?: string
+  url?: string
+}
+
+export type SanityImageMetadata = {
+  _type: 'sanity.imageMetadata'
+  location?: Geopoint
+  dimensions?: SanityImageDimensions
+  palette?: SanityImagePalette
+  lqip?: string
+  blurHash?: string
+  hasAlpha?: boolean
+  isOpaque?: boolean
+}
+
+export type Slug = {
+  _type: 'slug'
+  current?: string
+  source?: string
+}
+
+export type SanityAssistInstructionTask = {
+  _type: 'sanity.assist.instructionTask'
+  path?: string
+  instructionKey?: string
+  started?: string
+  updated?: string
+  info?: string
+}
+
+export type SanityAssistTaskStatus = {
+  _type: 'sanity.assist.task.status'
+  tasks?: Array<
+    {
+      _key: string
+    } & SanityAssistInstructionTask
+  >
+}
+
+export type SanityAssistSchemaTypeAnnotations = {
+  _type: 'sanity.assist.schemaType.annotations'
+  title?: string
+  fields?: Array<
+    {
+      _key: string
+    } & SanityAssistSchemaTypeField
+  >
+}
+
+export type SanityAssistOutputType = {
+  _type: 'sanity.assist.output.type'
+  type?: string
+}
+
+export type SanityAssistOutputField = {
+  _type: 'sanity.assist.output.field'
+  path?: string
+}
+
+export type SanityAssistInstructionContext = {
+  _type: 'sanity.assist.instruction.context'
+  reference?: {
+    _ref: string
+    _type: 'reference'
+    _weak?: boolean
+    [internalGroqTypeReferenceTo]?: 'assist.instruction.context'
+  }
+}
+
+export type AssistInstructionContext = {
+  _id: string
+  _type: 'assist.instruction.context'
+  _createdAt: string
+  _updatedAt: string
+  _rev: string
+  title?: string
+  context?: Array<{
+    children?: Array<{
+      marks?: Array<string>
+      text?: string
+      _type: 'span'
+      _key: string
+    }>
+    style?: 'normal'
+    listItem?: never
+    markDefs?: null
+    level?: number
+    _type: 'block'
+    _key: string
+  }>
+}
+
+export type SanityAssistInstructionUserInput = {
+  _type: 'sanity.assist.instruction.userInput'
+  message?: string
+  description?: string
+}
+
+export type SanityAssistInstructionPrompt = Array<{
+  children?: Array<
+    | {
+        marks?: Array<string>
+        text?: string
+        _type: 'span'
+        _key: string
+      }
+    | ({
+        _key: string
+      } & SanityAssistInstructionFieldRef)
+    | ({
+        _key: string
+      } & SanityAssistInstructionContext)
+    | ({
+        _key: string
+      } & SanityAssistInstructionUserInput)
+  >
+  style?: 'normal'
+  listItem?: never
+  markDefs?: null
+  level?: number
+  _type: 'block'
+  _key: string
+}>
+
+export type SanityAssistInstructionFieldRef = {
+  _type: 'sanity.assist.instruction.fieldRef'
+  path?: string
+}
+
+export type SanityAssistInstruction = {
+  _type: 'sanity.assist.instruction'
+  prompt?: SanityAssistInstructionPrompt
+  icon?: string
+  title?: string
+  userId?: string
+  createdById?: string
+  output?: Array<
+    | ({
+        _key: string
+      } & SanityAssistOutputField)
+    | ({
+        _key: string
+      } & SanityAssistOutputType)
+  >
+}
+
+export type SanityAssistSchemaTypeField = {
+  _type: 'sanity.assist.schemaType.field'
+  path?: string
+  instructions?: Array<
+    {
+      _key: string
+    } & SanityAssistInstruction
+  >
+}
+
+export type AllSanitySchemaTypes =
+  | SanityImagePaletteSwatch
+  | SanityImagePalette
+  | SanityImageDimensions
+  | SanityFileAsset
+  | Geopoint
+  | Shoe
+  | SanityImageCrop
+  | SanityImageHotspot
+  | SanityImageAsset
+  | SanityAssetSourceData
+  | SanityImageMetadata
+  | Slug
+  | SanityAssistInstructionTask
+  | SanityAssistTaskStatus
+  | SanityAssistSchemaTypeAnnotations
+  | SanityAssistOutputType
+  | SanityAssistOutputField
+  | SanityAssistInstructionContext
+  | AssistInstructionContext
+  | SanityAssistInstructionUserInput
+  | SanityAssistInstructionPrompt
+  | SanityAssistInstructionFieldRef
+  | SanityAssistInstruction
+  | SanityAssistSchemaTypeField
+export declare const internalGroqTypeReferenceTo: unique symbol
+// Source: ./src/queries.ts
+// Variable: shoesList
+// Query: *[_type == "shoe" && defined(slug.current)]{  title,  slug,  "price": string(price),  "media": media[0]{ alt, asset, crop, hotspot },  "brand": brandReference->{name, slug, logo{ alt, asset, crop, hotspot }},} | order(_updatedAt desc)
+export type ShoesListResult = Array<{
+  title: string | null
+  slug: Slug | null
+  price: string | null
+  media: {
+    alt: string | null
+    asset: {
+      _ref: string
+      _type: 'reference'
+      _weak?: boolean
+      [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+    } | null
+    crop: SanityImageCrop | null
+    hotspot: SanityImageHotspot | null
+  } | null
+  brand: null
+}>
+// Variable: shoe
+// Query: *[_type == "shoe" && slug.current == $slug]{  title,  slug,  "price": string(price),  "media": media[]{ alt, asset, crop, hotspot },  "brand": brandReference->{name, slug, logo{ alt, asset, crop, hotspot }},  description,}[0]
+export type ShoeResult = {
+  title: string | null
+  slug: Slug | null
+  price: string | null
+  media: Array<{
+    alt: string | null
+    asset: {
+      _ref: string
+      _type: 'reference'
+      _weak?: boolean
+      [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+    } | null
+    crop: SanityImageCrop | null
+    hotspot: SanityImageHotspot | null
+  }> | null
+  brand: null
+  description: Array<{
+    children?: Array<{
+      marks?: Array<string>
+      text?: string
+      _type: 'span'
+      _key: string
+    }>
+    style?: 'blockquote' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'normal'
+    listItem?: 'bullet' | 'number'
+    markDefs?: Array<{
+      href?: string
+      _type: 'link'
+      _key: string
+    }>
+    level?: number
+    _type: 'block'
+    _key: string
+  }> | null
+} | null
+
+declare module '@sanity/client' {
+  interface SanityQueries {
+    '*[_type == "shoe" && defined(slug.current)]{\n  title,\n  slug,\n  "price": string(price),\n  "media": media[0]{ alt, asset, crop, hotspot },\n  "brand": brandReference->{name, slug, logo{ alt, asset, crop, hotspot }},\n} | order(_updatedAt desc) ': ShoesListResult
+    '*[_type == "shoe" && slug.current == $slug]{\n  title,\n  slug,\n  "price": string(price),\n  "media": media[]{ alt, asset, crop, hotspot },\n  "brand": brandReference->{name, slug, logo{ alt, asset, crop, hotspot }},\n  description,\n}[0]': ShoeResult
+  }
+}
diff --git a/apps/next/src/utils.ts b/apps/next/src/utils.ts
new file mode 100644
index 000000000..e60534636
--- /dev/null
+++ b/apps/next/src/utils.ts
@@ -0,0 +1,18 @@
+import {vercelStegaSplit} from '@vercel/stega'
+
+export function formatCurrency(_value: number | string): string {
+  let value = typeof _value === 'string' ? undefined : _value
+  let encoded = ''
+  if (typeof _value === 'string') {
+    const split = vercelStegaSplit(_value)
+    value = parseInt(split.cleaned, 10)
+    encoded = split.encoded
+  }
+  const formatter = new Intl.NumberFormat('en', {
+    style: 'currency',
+    currency: 'USD',
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0,
+  })
+  return `${formatter.format(value!)}${encoded}`
+}
diff --git a/apps/nuxt/README.md b/apps/nuxt/README.md
deleted file mode 100644
index 82e36f8a7..000000000
--- a/apps/nuxt/README.md
+++ /dev/null
@@ -1,63 +0,0 @@
-# Nuxt 3 Minimal Starter
-
-Look at the [Nuxt 3 documentation](https://nuxt.com/docs/getting-started/introduction) to learn more.
-
-## Setup
-
-Make sure to install the dependencies:
-
-```bash
-# npm
-npm install
-
-# pnpm
-pnpm install
-
-# yarn
-yarn install
-```
-
-## Development Server
-
-Start the development server on `http://localhost:3001`:
-
-```bash
-# npm
-npm run dev
-
-# pnpm
-pnpm run dev
-
-# yarn
-yarn dev
-```
-
-## Production
-
-Build the application for production:
-
-```bash
-# npm
-npm run build
-
-# pnpm
-pnpm run build
-
-# yarn
-yarn build
-```
-
-Locally preview production build:
-
-```bash
-# npm
-npm run preview
-
-# pnpm
-pnpm run preview
-
-# yarn
-yarn preview
-```
-
-Check out the [deployment documentation](https://nuxt.com/docs/getting-started/deployment) for more information.
diff --git a/apps/nuxt/components/ElementOverlay.vue b/apps/nuxt/components/ElementOverlay.vue
deleted file mode 100644
index 7125093ba..000000000
--- a/apps/nuxt/components/ElementOverlay.vue
+++ /dev/null
@@ -1,71 +0,0 @@
-<template>
-  <div
-    class="root"
-    :class="{hovered}"
-    :style="{
-      width: `${rect.w}px`,
-      height: `${rect.h}px`,
-      transform: `translate(${rect.x}px, ${rect.y}px)`,
-    }"
-  >
-    <div class="actions">
-      <a href="" @click.prevent="handleClick">Open in Studio</a>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import type {OverlayRect} from '@sanity/visual-editing'
-
-const emit = defineEmits<{
-  (e: 'open'): void
-}>()
-
-const props = defineProps<{
-  hovered: boolean
-  rect: OverlayRect
-}>()
-
-const handleClick = () => {
-  emit('open')
-}
-</script>
-
-<style scoped>
-.root {
-  border-radius: 3px;
-  opacity: 0;
-  outline-color: rgb(0, 150, 0);
-  outline-offset: 0px;
-  outline-style: solid;
-  outline-width: 1px;
-  pointer-events: none;
-  position: absolute;
-  will-change: transform;
-}
-
-.root.hovered {
-  opacity: 1;
-}
-
-.actions {
-  bottom: 100%;
-  cursor: pointer;
-  padding-bottom: 0.25em;
-  pointer-events: none;
-  position: absolute;
-  right: 0;
-}
-
-.actions > * {
-  background-color: rgb(0, 150, 0);
-  border-radius: 3px;
-  color: white;
-  font-size: 12px;
-  padding: 0.25em 0.5em;
-}
-
-.root.hovered .actions {
-  pointer-events: all;
-}
-</style>
diff --git a/apps/nuxt/components/SanityStudio.vue b/apps/nuxt/components/SanityStudio.vue
deleted file mode 100644
index 749b21a5f..000000000
--- a/apps/nuxt/components/SanityStudio.vue
+++ /dev/null
@@ -1,31 +0,0 @@
-<template>
-  <div id="app" ref="studioEl" />
-</template>
-
-<script lang="ts" setup>
-import getSanityConfig from '../sanity.config'
-import {renderStudio} from 'sanity'
-
-const nuxtConfig = useRuntimeConfig()
-const sanityConfig = getSanityConfig(nuxtConfig.public.sanity)
-
-const studioEl = ref<HTMLElement | null>(null)
-
-onMounted(() => {
-  if (!studioEl.value) return
-  // N.B. This doesn’t return a cleanup fn
-  renderStudio(studioEl.value, sanityConfig, {
-    reactStrictMode: true,
-  })
-})
-</script>
-
-<style scoped>
-#app {
-  height: 100vh;
-  max-height: 100dvh;
-  overscroll-behavior: none;
-  -webkit-font-smoothing: antialiased;
-  overflow: auto;
-}
-</style>
diff --git a/apps/nuxt/nuxt.config.ts b/apps/nuxt/nuxt.config.ts
index 44bd9df1a..b86525ebb 100644
--- a/apps/nuxt/nuxt.config.ts
+++ b/apps/nuxt/nuxt.config.ts
@@ -1,11 +1,10 @@
 // https://nuxt.com/docs/api/configuration/nuxt-config
-import {projectId, datasets, studioUrl} from 'apps-common/env'
+import {apiVersion, datasets, projectId, workspaces} from '@repo/env'
+import {studioUrl as baseUrl} from '@repo/studio-url'
 
-export default defineNuxtConfig({
-  build: {
-    transpile: ['rxjs'],
-  },
+const studioUrl = `${baseUrl}/${workspaces['nuxt'].workspace}`
 
+export default defineNuxtConfig({
   devtools: {enabled: false},
 
   imports: {
@@ -20,7 +19,7 @@ export default defineNuxtConfig({
     globalHelper: true,
     projectId,
     dataset: datasets.development,
-    apiVersion: '2021-03-25',
+    apiVersion,
     visualEditing: {
       token: process.env.NUXT_SANITY_API_READ_TOKEN,
       studioUrl,
diff --git a/apps/nuxt/package.json b/apps/nuxt/package.json
index bfe036782..79c72eb74 100644
--- a/apps/nuxt/package.json
+++ b/apps/nuxt/package.json
@@ -8,20 +8,22 @@
     "generate": "nuxt generate",
     "preview": "nuxt preview"
   },
+  "prettier": "@repo/prettier-config",
   "dependencies": {
-    "@nuxtjs/sanity": "^1.12.1",
+    "@nuxtjs/sanity": "^1.12.2",
     "@nuxtjs/tailwindcss": "^6.12.1",
     "@repo/channels": "workspace:*",
-    "@sanity/client": "^6.21.3",
+    "@repo/env": "workspace:*",
+    "@repo/studio-url": "workspace:*",
+    "@sanity/client": "^6.22.1",
     "@sanity/presentation": "workspace:*",
     "@sanity/preview-url-secret": "workspace:*",
     "@sanity/visual-editing": "workspace:*",
-    "apps-common": "workspace:*",
-    "rxjs": "^7.8.1",
-    "sanity": "^3.57.2"
+    "sanity": "^3.61.0"
   },
   "devDependencies": {
-    "@nuxt/devtools": "^1.4.2",
-    "nuxt": "^3.13.1"
+    "@nuxt/devtools": "^1.6.0",
+    "@repo/prettier-config": "workspace:*",
+    "nuxt": "^3.13.2"
   }
 }
diff --git a/apps/nuxt/pages/channels/child.vue b/apps/nuxt/pages/channels/child.vue
deleted file mode 100644
index 43954ef1e..000000000
--- a/apps/nuxt/pages/channels/child.vue
+++ /dev/null
@@ -1,60 +0,0 @@
-<template>
-  <div class="h-full w-full bg-white p-8">
-    <div v-if="channel" class="flex items-center justify-between">
-      <h1 class="text-lg font-bold">Channel</h1>
-      <button
-        v-if="channel.inFrame"
-        class="rounded bg-purple-500 p-2 leading-none text-white"
-        type="button"
-        @click.prevent="sendMessage"
-      >
-        Send
-      </button>
-      <RouterLink
-        v-else
-        class="rounded bg-purple-500 p-2 leading-none text-white"
-        to="/channels/parent"
-      >
-        Go to Parent
-      </RouterLink>
-    </div>
-    <div v-else>Loading...</div>
-    <div v-if="channel" class="mt-4 rounded-lg bg-green-200 p-4">
-      <pre class="text-xs">{{ log }}</pre>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import {type ChannelsNode, createChannelsNode} from '@repo/channels'
-
-interface Sends {
-  type: 'child/event'
-  data: {datetime: string}
-}
-
-const log = ref<any[]>([])
-const channel = ref<ChannelsNode<Sends, any> | undefined>()
-
-onMounted(() => {
-  channel.value = createChannelsNode({
-    id: 'child',
-    connectTo: 'parent',
-  })
-  channel.value.subscribe((type, data) => {
-    log.value.unshift({...data, type})
-  })
-})
-
-onUnmounted(() => {
-  channel.value?.destroy()
-})
-
-const sendMessage = () => {
-  channel.value?.send('child/event', {
-    datetime: new Date().toISOString(),
-  })
-}
-</script>
-
-<style lang="postcss"></style>
diff --git a/apps/nuxt/pages/channels/index.vue b/apps/nuxt/pages/channels/index.vue
deleted file mode 100644
index 69d893c9e..000000000
--- a/apps/nuxt/pages/channels/index.vue
+++ /dev/null
@@ -1,57 +0,0 @@
-<template>
-  <div class="flex h-screen gap-px bg-black">
-    <iframe ref="iframeEl" class="h-full w-full bg-white" src="/channels/child" />
-    <div class="h-full w-full bg-white p-8">
-      <div class="flex items-center justify-between">
-        <h1 class="text-lg font-bold">Presentation</h1>
-        <button
-          class="rounded bg-green-500 p-2 leading-none text-white"
-          type="button"
-          @click.prevent="sendMessage"
-        >
-          Send
-        </button>
-      </div>
-      <div class="mt-4 rounded-lg bg-purple-200 p-4">
-        <pre class="text-xs">{{ log }}</pre>
-      </div>
-    </div>
-  </div>
-</template>
-
-<script lang="ts" setup>
-import {type ChannelsController, createChannelsController} from '@repo/channels'
-
-const log = ref<any[]>([])
-const channel = ref<ChannelsController | undefined>()
-const iframeEl = ref<HTMLIFrameElement | undefined>()
-
-onMounted(async () => {
-  channel.value = createChannelsController({
-    id: 'parent',
-    frame: iframeEl.value!,
-    frameOrigin: 'same-origin',
-    connectTo: [
-      {
-        id: 'child',
-      },
-    ],
-    onEvent(type, data) {
-      log.value.unshift({...data, type})
-    },
-  })
-})
-
-onUnmounted(() => {
-  channel.value?.destroy()
-  channel.value = undefined
-})
-
-const sendMessage = () => {
-  channel.value?.send('child', 'parent/event', {
-    datetime: new Date().toISOString(),
-  })
-}
-</script>
-
-<style lang="postcss"></style>
diff --git a/apps/nuxt/pages/index.vue b/apps/nuxt/pages/index.vue
index 7aa244cdf..7c73de31c 100644
--- a/apps/nuxt/pages/index.vue
+++ b/apps/nuxt/pages/index.vue
@@ -94,6 +94,7 @@
 
 <script lang="ts" setup>
 import {vercelStegaCombine} from '@vercel/stega'
+
 const elementAdded = ref(false)
 const expandedDocument = ref(false)
 const animateDocument = ref(false)
diff --git a/apps/nuxt/pages/preview.vue b/apps/nuxt/pages/preview.vue
index 2d47f107d..c71b51640 100644
--- a/apps/nuxt/pages/preview.vue
+++ b/apps/nuxt/pages/preview.vue
@@ -39,7 +39,7 @@
 </template>
 
 <script setup lang="ts">
-import {type DisableVisualEditing, enableVisualEditing} from '@sanity/visual-editing'
+import {enableVisualEditing, type DisableVisualEditing} from '@sanity/visual-editing'
 
 let disable: DisableVisualEditing
 onMounted(() => {
diff --git a/apps/nuxt/pages/shoes/[slug].vue b/apps/nuxt/pages/shoes/[slug].vue
index ca1bf459e..88682d1d3 100644
--- a/apps/nuxt/pages/shoes/[slug].vue
+++ b/apps/nuxt/pages/shoes/[slug].vue
@@ -148,9 +148,8 @@
 </template>
 
 <script setup lang="ts">
-import {formatCurrency} from 'apps-common/utils'
-import {shoe, type ShoeResult} from 'apps-common/queries'
-import {urlFor, urlForCrossDatasetReference} from '~/utils'
+import {shoe, type ShoeResult} from '~/queries'
+import {formatCurrency, urlFor, urlForCrossDatasetReference} from '~/utils'
 
 const route = useRoute()
 
diff --git a/apps/nuxt/pages/shoes/index.vue b/apps/nuxt/pages/shoes/index.vue
index 8e3223625..55d0c5ee2 100644
--- a/apps/nuxt/pages/shoes/index.vue
+++ b/apps/nuxt/pages/shoes/index.vue
@@ -78,9 +78,8 @@
 </template>
 
 <script setup lang="ts">
-import {formatCurrency} from 'apps-common/utils'
-import {shoesList, type ShoesListResult} from 'apps-common/queries'
-import {urlFor, urlForCrossDatasetReference} from '~/utils'
+import {shoesList, type ShoesListResult} from '~/queries'
+import {formatCurrency, urlFor, urlForCrossDatasetReference} from '~/utils'
 
 const {data: products, pending} = await useSanityQuery<ShoesListResult>(shoesList)
 </script>
diff --git a/apps/nuxt/pages/studio/[...path].vue b/apps/nuxt/pages/studio/[...path].vue
deleted file mode 100644
index cad33851d..000000000
--- a/apps/nuxt/pages/studio/[...path].vue
+++ /dev/null
@@ -1,14 +0,0 @@
-<template>
-  <ClientOnly>
-    <SanityStudio />
-  </ClientOnly>
-</template>
-
-<script lang="ts" setup>
-// These are copied from the definition in next-sanity/studio/metadata
-useSeoMeta({
-  viewport: 'width=device-width,initial-scale=1,viewport-fit=cover',
-  referrer: 'same-origin',
-  robots: 'noindex',
-})
-</script>
diff --git a/apps/nuxt/queries.ts b/apps/nuxt/queries.ts
new file mode 100644
index 000000000..acac1322e
--- /dev/null
+++ b/apps/nuxt/queries.ts
@@ -0,0 +1,63 @@
+import type {ImageAsset, ImageCrop, ImageHotspot, PortableTextTextBlock} from 'sanity'
+
+export const shoesList = /* groq */ `*[_type == "shoe" && defined(slug.current)]{
+  title,
+  slug,
+  "price": string(price),
+  "media": media[0]{ alt, asset, crop, hotspot },
+  "brand": brandReference->{name, slug, logo{ alt, asset, crop, hotspot }},
+} | order(_updatedAt desc) `
+export type ShoesListResult = {
+  title?: string | null
+  slug: {current: string}
+  price?: string | null
+  media?: {
+    alt?: string | null
+    asset?: ImageAsset | null
+    crop?: ImageCrop | null
+    hotspot?: ImageHotspot | null
+  } | null
+  description?: PortableTextTextBlock[] | null
+  brand?: {
+    name?: string | null
+    slug?: {current?: string | null} | null
+    logo?: {
+      alt?: string | null
+      asset?: ImageAsset | null
+      crop?: ImageCrop | null
+      hotspot?: ImageHotspot | null
+    } | null
+  } | null
+}[]
+
+export const shoe = /* groq */ `*[_type == "shoe" && slug.current == $slug]{
+  title,
+  slug,
+  "price": string(price),
+  "media": media[]{ alt, asset, crop, hotspot },
+  "brand": brandReference->{name, slug, logo{ alt, asset, crop, hotspot }},
+  description,
+}[0]`
+export type ShoeParams = {slug: string}
+export type ShoeResult = {
+  title?: string | null
+  slug: {current: string}
+  price?: string | null
+  media?: {
+    alt?: string | null
+    asset?: ImageAsset | null
+    crop?: ImageCrop | null
+    hotspot?: ImageHotspot | null
+  }[]
+  brand?: {
+    name?: string | null
+    slug?: {current?: string | null} | null
+    logo?: {
+      alt?: string | null
+      asset?: ImageAsset | null
+      crop?: ImageCrop | null
+      hotspot?: ImageHotspot | null
+    } | null
+  } | null
+  description?: PortableTextTextBlock[] | null
+}
diff --git a/apps/nuxt/sanity.config.ts b/apps/nuxt/sanity.config.ts
deleted file mode 100644
index bd0206777..000000000
--- a/apps/nuxt/sanity.config.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-import {schema} from 'apps-common'
-import {presentationTool} from '@sanity/presentation'
-import {type Config, defineConfig} from 'sanity'
-import {structureTool} from 'sanity/structure'
-
-export default function getSanityConfig(config: Config) {
-  return defineConfig({
-    basePath: '/studio',
-    plugins: [
-      presentationTool({
-        name: 'presentation',
-        previewUrl: '/preview',
-      }),
-      structureTool(),
-    ],
-    schema,
-    ...config,
-  })
-}
diff --git a/apps/nuxt/turbo.json b/apps/nuxt/turbo.json
index 221bae47b..bea1c8776 100644
--- a/apps/nuxt/turbo.json
+++ b/apps/nuxt/turbo.json
@@ -3,6 +3,7 @@
   "extends": ["//"],
   "tasks": {
     "build": {
+      "dependsOn": ["@sanity/core-loader#build", "^build"],
       "inputs": ["$TURBO_DEFAULT$", ".env", ".env.local"],
       "env": ["NUXT_ENV_VERCEL_ENV"]
     },
diff --git a/apps/nuxt/util/createDispatchHandler.ts b/apps/nuxt/util/createDispatchHandler.ts
deleted file mode 100644
index 0e1358276..000000000
--- a/apps/nuxt/util/createDispatchHandler.ts
+++ /dev/null
@@ -1,37 +0,0 @@
-import type {ElementState, OverlayEventHandler} from '@sanity/visual-editing'
-
-export const createDispatchHandler =
-  (elements: Ref<ElementState[]>): OverlayEventHandler =>
-  (message) => {
-    if (message.type === 'element/register' || message.type === 'element/activate') {
-      if (!elements.value.find((e) => e.id === message.id)) {
-        elements.value.push({
-          activated: false,
-          focused: false,
-          hovered: false,
-          id: message.id,
-          rect: message.rect,
-          sanity: message.sanity,
-        })
-      }
-    } else if (message.type === 'element/unregister' || message.type === 'element/deactivate') {
-      elements.value = elements.value.filter((e) => e.id !== message.id)
-    } else if (message.type === 'element/mouseenter') {
-      elements.value = elements.value.map((e) => {
-        if (e.id === message.id) {
-          return {...e, rect: message.rect, hovered: true}
-        }
-        return {...e, hovered: false}
-      })
-    } else if (message.type === 'element/mouseleave') {
-      const e = elements.value.find((e) => e.id === message.id)
-      if (e) {
-        e.hovered = false
-      }
-    } else if (message.type === 'element/updateRect') {
-      const e = elements.value.find((e) => e.id === message.id)
-      if (e) {
-        e.rect = message.rect
-      }
-    }
-  }
diff --git a/apps/nuxt/utils.ts b/apps/nuxt/utils.ts
index 0ed561a2c..75e6476e0 100644
--- a/apps/nuxt/utils.ts
+++ b/apps/nuxt/utils.ts
@@ -1,9 +1,27 @@
+import {apiVersion, workspaces} from '@repo/env'
+import {studioUrl as baseUrl} from '@repo/studio-url'
 import {createClient} from '@sanity/client'
-import {workspaces, studioUrl as baseUrl, apiVersion} from 'apps-common/env'
 import imageUrlBuilder from '@sanity/image-url'
+import {vercelStegaSplit} from '@vercel/stega'
 
-const {projectId, dataset, tool, workspace} = workspaces['nuxt']
-const studioUrl = `${baseUrl}/${workspace}`
+export function formatCurrency(_value: number | string): string {
+  let value = typeof _value === 'string' ? undefined : _value
+  let encoded = ''
+  if (typeof _value === 'string') {
+    const split = vercelStegaSplit(_value)
+    value = parseInt(split.cleaned, 10)
+    encoded = split.encoded
+  }
+  const formatter = new Intl.NumberFormat('en', {
+    style: 'currency',
+    currency: 'USD',
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0,
+  })
+  return `${formatter.format(value!)}${encoded}`
+}
+
+const {projectId, dataset} = workspaces['nuxt']
 
 export function getClient() {
   return createClient({
@@ -13,7 +31,17 @@ export function getClient() {
     apiVersion,
     // stega: {
     //   enabled: true,
-    //   studioUrl,
+    //   studioUrl: (sourceDocument) => {
+    //     if (
+    //       sourceDocument._projectId === workspaces['cross-dataset-references'].projectId &&
+    //       sourceDocument._dataset === workspaces['cross-dataset-references'].dataset
+    //     ) {
+    //       const {workspace, tool} = workspaces['cross-dataset-references']
+    //       return {baseUrl, workspace, tool}
+    //     }
+    //     const {workspace, tool} = workspaces['nuxt']
+    //     return {baseUrl, workspace, tool}
+    //   },
     // },
   })
 }
diff --git a/apps/page-builder-demo/.env.example b/apps/page-builder-demo/.env.example
index 110d0b404..5b6422579 100644
--- a/apps/page-builder-demo/.env.example
+++ b/apps/page-builder-demo/.env.example
@@ -1,2 +1,4 @@
 # Needs a viewer token to fetch drafts
 # SANITY_API_READ_TOKEN="sk..."
+# Needs a browser token to support live previewing drafts outside of Presentation Tool
+# SANITY_API_BROWSER_TOKEN="sk..."
diff --git a/apps/page-builder-demo/README.md b/apps/page-builder-demo/README.md
deleted file mode 100644
index fbd7d4856..000000000
--- a/apps/page-builder-demo/README.md
+++ /dev/null
@@ -1 +0,0 @@
-# page-builder-demo
diff --git a/apps/page-builder-demo/next.config.mjs b/apps/page-builder-demo/next.config.mjs
index 2757afdc6..fc848ec1f 100644
--- a/apps/page-builder-demo/next.config.mjs
+++ b/apps/page-builder-demo/next.config.mjs
@@ -7,16 +7,6 @@ const nextConfig = {
       displayName: true,
     },
   },
-  experimental: {
-    taint: true,
-  },
-  logging: {
-    fetches: {
-      fullUrl: true,
-    },
-  },
-
-  transpilePackages: ['apps-common'],
 }
 
 export default withBundleAnalyzer({
diff --git a/apps/page-builder-demo/package.json b/apps/page-builder-demo/package.json
index 0087db93c..febb67ead 100644
--- a/apps/page-builder-demo/package.json
+++ b/apps/page-builder-demo/package.json
@@ -3,37 +3,44 @@
   "version": "0.0.0",
   "private": true,
   "scripts": {
+    "prebuild": "npm run typegen",
     "build": "next build",
+    "predev": "npm run typegen",
     "dev": "next dev -p 3005",
     "lint": "next lint",
-    "start": "next start"
+    "start": "next start",
+    "typegen": "sanity typegen generate"
   },
+  "prettier": "@repo/prettier-config",
   "dependencies": {
-    "@next/bundle-analyzer": "14.2.9",
-    "@portabletext/react": "^3.1.0",
+    "@next/bundle-analyzer": "14.2.15",
+    "@repo/env": "workspace:*",
+    "@repo/prettier-config": "workspace:*",
+    "@repo/sanity-extracted-schema": "workspace:*",
+    "@repo/studio-url": "workspace:*",
+    "@sanity/cli": "^3.61.0",
     "@sanity/demo": "^2.0.0",
     "@sanity/image-url": "^1.0.2",
-    "@sanity/react-loader": "workspace:*",
+    "@sanity/next-loader": "workspace:*",
+    "@sanity/preview-kit-compat": "workspace:*",
+    "@sanity/preview-url-secret": "workspace:*",
     "@sanity/visual-editing": "workspace:*",
     "@tailwindcss/typography": "^0.5.15",
     "@types/node": "20.8.7",
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
-    "@vercel/stega": "0.1.2",
-    "apps-common": "workspace:*",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
     "autoprefixer": "10.4.20",
     "clsx": "^2.1.1",
-    "eslint": "^8.57.0",
-    "eslint-config-next": "14.2.9",
-    "groq": "^3.57.2",
-    "next": "14.2.9",
-    "next-sanity": "9.4.7",
-    "postcss": "8.4.45",
+    "eslint": "^8.57.1",
+    "eslint-config-next": "14.2.15",
+    "next": "14.2.15",
+    "next-sanity": "9.7.0-canary.15",
+    "postcss": "8.4.47",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
+    "server-only": "^0.0.1",
     "styled-components": "6.1.13",
-    "suspend-react": "0.1.3",
-    "tailwindcss": "^3.4.10",
-    "typescript": "5.6.2"
+    "tailwindcss": "^3.4.14",
+    "typescript": "5.6.3"
   }
 }
diff --git a/apps/page-builder-demo/sanity-typegen.json b/apps/page-builder-demo/sanity-typegen.json
new file mode 100644
index 000000000..88c2a6a1e
--- /dev/null
+++ b/apps/page-builder-demo/sanity-typegen.json
@@ -0,0 +1,4 @@
+{
+  "schema": "./node_modules/@repo/sanity-extracted-schema/page-builder-demo.json",
+  "generates": "./src/sanity.types.ts"
+}
diff --git a/apps/page-builder-demo/src/app/AppLayout.tsx b/apps/page-builder-demo/src/app/AppLayout.tsx
index 8dd1f0a78..ab92147e9 100644
--- a/apps/page-builder-demo/src/app/AppLayout.tsx
+++ b/apps/page-builder-demo/src/app/AppLayout.tsx
@@ -1,10 +1,11 @@
+'use client'
+
+import type {LayoutQueryResult} from '@/sanity.types'
 import {CloseIcon, MenuIcon} from '@sanity/icons'
-import {sanity, WrappedValue} from '@sanity/react-loader/jsx'
 import clsx from 'clsx'
-import {ReactNode, useState} from 'react'
-import {SiteSettingsData} from './types'
-import {usePathname} from 'next/navigation'
 import Link from 'next/link'
+import {usePathname} from 'next/navigation'
+import {useState} from 'react'
 
 const links = [
   // {
@@ -21,84 +22,80 @@ const links = [
   // },
 ]
 
-export function AppLayout(props: {
-  children?: ReactNode
-  data: {siteSettings: WrappedValue<SiteSettingsData> | null}
-}) {
+export function AppLayout(props: {children: React.ReactNode; data: LayoutQueryResult}) {
   const {children, data} = props
   const pathname = usePathname()
   const [menuOpen, setMenuOpen] = useState(false)
 
   return (
     <div className="flex min-h-screen flex-col">
-      <div className="mx-auto flex w-full max-w-4xl justify-between gap-2 p-4">
-        <Link
-          className="text-md block flex-none rounded p-3 font-bold leading-none hover:bg-gray-50 sm:ml-0 dark:hover:bg-gray-950"
-          href="/"
-        >
-          <sanity.span>{data?.siteSettings?.title}</sanity.span>
-        </Link>
-
-        <button
-          className="text-md inline-block flex-none rounded p-3 leading-none hover:bg-gray-50 sm:hidden dark:hover:bg-gray-950"
-          onClick={() => setMenuOpen(true)}
-          type="button"
-        >
-          <MenuIcon className="icon" />
-        </button>
-
-        <div className="hidden flex-1 gap-2 sm:flex">
-          {links.map((link, idx) => (
-            <Link
-              className={clsx(
-                'text-md rounded p-3 leading-none hover:bg-gray-50 dark:hover:bg-gray-950',
-                link.href === pathname
-                  ? 'bg-gray-50 text-black dark:bg-gray-950 dark:text-white'
-                  : 'text-gray-600 active:text-black dark:text-gray-400 dark:active:text-white',
-              )}
-              href={link.href}
-              key={idx}
-            >
-              {link.title}
-            </Link>
-          ))}
-        </div>
-      </div>
-
-      <div className="absolute inset-0 bg-white dark:bg-black" hidden={!menuOpen}>
-        <div className="flex justify-between p-4">
-          <Link
-            className="text-md block p-3 font-bold leading-none"
-            href="/"
-            onClick={() => {
-              setMenuOpen(false)
-            }}
-          >
-            <sanity.span>{data?.siteSettings?.title}</sanity.span>
+      <div className="relative z-40 p-4 transition-all duration-500 hover:bg-white hover:bg-opacity-50 sm:px-5 md:px-6">
+        <div className="-mx-3 flex items-center justify-between gap-2">
+          <Link className="text-md flex-none p-3 text-xl font-extrabold leading-none" href="/">
+            {data?.title}
           </Link>
 
           <button
-            className="text-md rounded p-3 leading-none hover:bg-gray-50 dark:hover:bg-gray-950"
-            onClick={() => setMenuOpen(false)}
+            className="text-md flex-none p-3 leading-none hover:bg-gray-50 sm:hidden dark:hover:bg-gray-950"
+            onClick={() => setMenuOpen(true)}
             type="button"
           >
-            <CloseIcon className="icon" />
+            <MenuIcon className="icon" />
           </button>
+
+          <div className="hidden flex-1 gap-2 sm:flex">
+            {links.map((link, idx) => (
+              <Link
+                className={clsx(
+                  'text-md rounded p-3 font-medium leading-none hover:opacity-100',
+                  link.href === pathname ? 'opacity-100' : 'opacity-50',
+                )}
+                href={link.href}
+                key={idx}
+              >
+                {link.title}
+              </Link>
+            ))}
+          </div>
         </div>
+      </div>
 
-        <div className="flex-1 gap-1">
-          {links.map((link, idx) => (
+      <div className="absolute inset-0 z-50 bg-white dark:bg-black" hidden={!menuOpen}>
+        <div className="-mx-3">
+          <div className="flex justify-between p-4">
             <Link
-              className="text-md block p-5 leading-none text-gray-600 dark:text-gray-400"
-              href={link.href}
-              key={idx}
+              className="block p-3 text-xl font-extrabold leading-none"
+              href="/"
               onClick={() => {
                 setMenuOpen(false)
               }}
             >
-              {link.title}
+              {data?.title}
             </Link>
-          ))}
+
+            <button
+              className="text-md rounded p-3 leading-none hover:bg-gray-50 dark:hover:bg-gray-950"
+              onClick={() => setMenuOpen(false)}
+              type="button"
+            >
+              <CloseIcon className="icon" />
+            </button>
+          </div>
+
+          <div className="flex-1 gap-1">
+            {links.map((link, idx) => (
+              <Link
+                className="text-md block p-5 leading-none text-gray-600 dark:text-gray-400"
+                href={link.href}
+                key={idx}
+                onClick={() => {
+                  setMenuOpen(false)
+                }}
+              >
+                {link.title}
+              </Link>
+            ))}
+          </div>
         </div>
       </div>
 
@@ -107,7 +104,7 @@ export function AppLayout(props: {
       </div>
 
       <div className="p-5 text-xs text-gray-600 dark:text-gray-400" hidden={menuOpen}>
-        <sanity.span>{data?.siteSettings?.copyrightText}</sanity.span>
+        {data?.copyrightText}
       </div>
     </div>
   )
diff --git a/apps/page-builder-demo/src/app/IndexPage.tsx b/apps/page-builder-demo/src/app/IndexPage.tsx
deleted file mode 100644
index e184e22dc..000000000
--- a/apps/page-builder-demo/src/app/IndexPage.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-import {WrappedValue} from '@sanity/react-loader/jsx'
-import {AppLayout} from './AppLayout'
-import {SiteSettingsData} from './types'
-import {Page, PageData} from '@/components/page'
-
-export interface IndexPageData {
-  page: PageData | null
-  siteSettings: SiteSettingsData | null
-}
-
-export function IndexPage(props: {data: WrappedValue<IndexPageData>}) {
-  const {data} = props
-
-  return (
-    <AppLayout data={{siteSettings: data.siteSettings}}>
-      {data.page && <Page data={data.page} />}
-    </AppLayout>
-  )
-}
diff --git a/apps/page-builder-demo/src/app/IndexPreview.tsx b/apps/page-builder-demo/src/app/IndexPreview.tsx
deleted file mode 100644
index c86e6fbc1..000000000
--- a/apps/page-builder-demo/src/app/IndexPreview.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-'use client'
-
-import {useQuery} from '@/sanity'
-import {IndexPage, IndexPageData} from './IndexPage'
-
-export function IndexPreview(props: {query: string; initial: any}) {
-  const {query, initial} = props
-  const {data, loading} = useQuery<IndexPageData>(query, {}, {initial})
-
-  if (loading && !data) {
-    return <div>Loading…</div>
-  }
-
-  return <IndexPage data={data as any} />
-}
diff --git a/apps/page-builder-demo/src/app/VisualEditing.tsx b/apps/page-builder-demo/src/app/VisualEditing.tsx
deleted file mode 100644
index bfb46e0dc..000000000
--- a/apps/page-builder-demo/src/app/VisualEditing.tsx
+++ /dev/null
@@ -1,10 +0,0 @@
-'use client'
-
-import {client, useLiveMode} from '@/sanity'
-import {VisualEditing} from 'next-sanity'
-
-export default function LiveVisualEditing() {
-  useLiveMode({client})
-
-  return <VisualEditing />
-}
diff --git a/apps/page-builder-demo/src/app/actions.ts b/apps/page-builder-demo/src/app/actions.ts
new file mode 100644
index 000000000..0263a8460
--- /dev/null
+++ b/apps/page-builder-demo/src/app/actions.ts
@@ -0,0 +1,12 @@
+'use server'
+
+import {draftMode} from 'next/headers'
+
+export async function disableDraftMode() {
+  'use server'
+  await Promise.allSettled([
+    (await draftMode()).disable(),
+    // Simulate a delay to show the loading state
+    new Promise((resolve) => setTimeout(resolve, 1000)),
+  ])
+}
diff --git a/apps/page-builder-demo/src/app/alert-banner.tsx b/apps/page-builder-demo/src/app/alert-banner.tsx
new file mode 100644
index 000000000..fac208a03
--- /dev/null
+++ b/apps/page-builder-demo/src/app/alert-banner.tsx
@@ -0,0 +1,47 @@
+'use client'
+
+import {useDraftModeEnvironment} from 'next-sanity/hooks'
+import {useRouter} from 'next/navigation'
+import {useTransition} from 'react'
+import {disableDraftMode} from './actions'
+
+export default function AlertBanner() {
+  const router = useRouter()
+  const [pending, startTransition] = useTransition()
+
+  const env = useDraftModeEnvironment()
+  const shouldShow = env !== 'checking' && env !== 'presentation-iframe'
+
+  if (!shouldShow) return null
+
+  return (
+    <div
+      className={`${
+        pending ? 'animate-pulse' : ''
+      } sticky left-0 top-0 z-50 w-full border-b bg-white/95 text-black backdrop-blur`}
+    >
+      <div className="py-2 text-center text-sm">
+        {pending ? (
+          'Disabling draft mode...'
+        ) : (
+          <>
+            {'Previewing drafts. '}
+            <button
+              type="button"
+              onClick={() =>
+                startTransition(() =>
+                  disableDraftMode().then(() => {
+                    router.refresh()
+                  }),
+                )
+              }
+              className="hover:text-cyan underline transition-colors duration-200"
+            >
+              Back to published
+            </button>
+          </>
+        )}
+      </div>
+    </div>
+  )
+}
diff --git a/apps/page-builder-demo/src/app/api/draft-mode/enable/route.ts b/apps/page-builder-demo/src/app/api/draft-mode/enable/route.ts
new file mode 100644
index 000000000..2ba4a1f46
--- /dev/null
+++ b/apps/page-builder-demo/src/app/api/draft-mode/enable/route.ts
@@ -0,0 +1,8 @@
+import {client} from '@/sanity/client'
+import {defineEnableDraftMode} from 'next-sanity/draft-mode'
+
+export const {GET} = defineEnableDraftMode({
+  client: client.withConfig({
+    token: process.env.SANITY_API_READ_TOKEN,
+  }),
+})
diff --git a/apps/page-builder-demo/src/app/layout.tsx b/apps/page-builder-demo/src/app/layout.tsx
index 45f3b0c9e..14650598a 100644
--- a/apps/page-builder-demo/src/app/layout.tsx
+++ b/apps/page-builder-demo/src/app/layout.tsx
@@ -1,30 +1,59 @@
 import './globals.css'
+import {sanityFetch, SanityLive} from '@/sanity/live'
 import type {Metadata} from 'next'
-import {Suspense, lazy} from 'react'
+import {defineQuery, VisualEditing} from 'next-sanity'
+import {IBM_Plex_Mono, Inter, Libre_Caslon_Text} from 'next/font/google'
+import {draftMode} from 'next/headers'
+import AlertBanner from './alert-banner'
+import {AppLayout} from './AppLayout'
 
-const VisualEditing = lazy(() => import('./VisualEditing'))
+const serif = Libre_Caslon_Text({
+  variable: '--font-serif',
+  style: ['normal', 'italic'],
+  subsets: ['latin'],
+  weight: ['400', '700'],
+})
+const sans = Inter({
+  variable: '--font-sans',
+  subsets: ['latin'],
+  // @todo: understand why extrabold (800) isn't being respected when explicitly specified in this weight array
+  // weight: ['500', '700', '800'],
+})
+const mono = IBM_Plex_Mono({
+  variable: '--font-mono',
+  subsets: ['latin'],
+  weight: ['500', '700'],
+})
 
-export const metadata: Metadata = {
-  title: '',
-  description: '',
+const layoutQuery = defineQuery(`
+  *[_id == "siteSettings"][0]{
+  title,
+  description,
+  copyrightText
+}`)
+
+export async function generateMetadata(): Promise<Metadata> {
+  const {data} = await sanityFetch({query: layoutQuery, stega: false})
+  return {
+    title: data?.title
+      ? {
+          template: `%s | ${data.title}`,
+          default: data.title,
+        }
+      : undefined,
+    description: '',
+  }
 }
 
-export default function RootLayout({children}: {children: React.ReactNode}) {
+export default async function RootLayout({children}: {children: React.ReactNode}) {
+  const {data} = await sanityFetch({query: layoutQuery})
   return (
-    <html lang="en">
-      <head>
-        <link rel="preconnect" href="https://fonts.googleapis.com" />
-        <link rel="preconnect" href="https://fonts.gstatic.com" crossOrigin="" />
-        <link
-          href="https://fonts.googleapis.com/css2?family=IBM+Plex+Mono:wght@500;700&family=Inter:wght@500;700;800&family=PT+Serif:ital,wght@0,400;0,700;1,400;1,700&display=swap"
-          rel="stylesheet"
-        />
-      </head>
+    <html lang="en" className={`${mono.variable} ${sans.variable} ${serif.variable}`}>
       <body className="bg-white text-black dark:bg-black dark:text-white">
-        {children}
-        <Suspense>
-          <VisualEditing />
-        </Suspense>
+        {draftMode().isEnabled && <AlertBanner />}
+        <AppLayout data={data}>{children}</AppLayout>
+        {draftMode().isEnabled && <VisualEditing />}
+        <SanityLive />
       </body>
     </html>
   )
diff --git a/apps/page-builder-demo/src/app/page.tsx b/apps/page-builder-demo/src/app/page.tsx
index d663937c4..abb7a7f10 100644
--- a/apps/page-builder-demo/src/app/page.tsx
+++ b/apps/page-builder-demo/src/app/page.tsx
@@ -1,15 +1,50 @@
-import {loadQuery} from '@/sanity'
-import type {IndexPageData} from './IndexPage'
-import {IndexPreview} from './IndexPreview'
-import {INDEX_PAGE_QUERY, SITE_SETTINGS_QUERY} from './queries'
+import {Page, type PageData} from '@/components/page'
+import {sanityFetch} from '@/sanity/live'
+import {defineQuery} from 'next-sanity'
+import {notFound} from 'next/navigation'
 
-const PAGE_QUERY = `//groq
-{
-  "page": ${INDEX_PAGE_QUERY},
-  "siteSettings": ${SITE_SETTINGS_QUERY}
-}`
+const frontPageQuery = defineQuery(`
+  *[_id == "siteSettings"][0]{
+    frontPage->{
+      _type,
+      _id,
+      title,
+      sections[]{
+        ...,
+        symbol->{_type},
+        'headline': coalesce(headline, symbol->headline),
+        'tagline': coalesce(tagline, symbol->tagline),
+        'subline': coalesce(subline, symbol->subline),
+        'image': coalesce(image, symbol->image),
+        product->{
+          _type,
+          _id,
+          title,
+          slug,
+          "media": media[0]
+        },
+        products[]{
+          _key,
+          ...(@->{
+            _type,
+            _id,
+            title,
+            slug,
+            "media": media[0]
+          })
+        }
+      },
+      style
+    }
+  }.frontPage
+`)
 
 export default async function IndexPage() {
-  const initial = await loadQuery<IndexPageData>(PAGE_QUERY, {})
-  return <IndexPreview query={PAGE_QUERY} initial={initial} />
+  const {data} = await sanityFetch({query: frontPageQuery})
+  if (!data) {
+    notFound()
+  }
+
+  // @TODO fix typegen vs manual types issues
+  return <Page data={data as unknown as PageData} />
 }
diff --git a/apps/page-builder-demo/src/app/pages/[slug]/page.tsx b/apps/page-builder-demo/src/app/pages/[slug]/page.tsx
new file mode 100644
index 000000000..8b9b2afed
--- /dev/null
+++ b/apps/page-builder-demo/src/app/pages/[slug]/page.tsx
@@ -0,0 +1,58 @@
+import {Page, type PageData} from '@/components/page'
+import {sanityFetch} from '@/sanity/live'
+import {defineQuery} from 'next-sanity'
+import {notFound} from 'next/navigation'
+
+const pageQuery = defineQuery(`
+  *[_type == "page" && slug.current == $slug][0]{
+    _type,
+    _id,
+    title,
+    sections[]{
+      ...,
+      symbol->{_type},
+      'headline': coalesce(headline, symbol->headline),
+      'tagline': coalesce(tagline, symbol->tagline),
+      'subline': coalesce(subline, symbol->subline),
+      'image': coalesce(image, symbol->image),
+      product->{
+        _type,
+        _id,
+        title,
+        slug,
+        "media": media[0]
+      },
+      products[]{
+        _key,
+        ...(@->{
+          _type,
+          _id,
+          title,
+          slug,
+          "media": media[0]
+        })
+      }
+    },
+    style
+  }
+`)
+
+const pageSlugs = defineQuery(`*[_type == "page" && defined(slug.current)]{"slug": slug.current}`)
+export async function generateStaticParams() {
+  const {data} = await sanityFetch({
+    query: pageSlugs,
+    perspective: 'published',
+    stega: false,
+  })
+  return data
+}
+
+export default async function PagesPage({params}: {params: {slug: string}}) {
+  const {data} = await sanityFetch({query: pageQuery, params})
+  if (!data) {
+    notFound()
+  }
+
+  // @TODO fix typegen vs manual types issues
+  return <Page data={data as unknown as PageData} />
+}
diff --git a/apps/page-builder-demo/src/app/product/[slug]/ProductPage.tsx b/apps/page-builder-demo/src/app/product/[slug]/ProductPage.tsx
deleted file mode 100644
index 711d204c4..000000000
--- a/apps/page-builder-demo/src/app/product/[slug]/ProductPage.tsx
+++ /dev/null
@@ -1,138 +0,0 @@
-import {WrappedValue} from '@sanity/react-loader/jsx'
-import {sanity} from '@sanity/react-loader/jsx'
-
-import {AppLayout} from '@/app/AppLayout'
-import {SiteSettingsData} from '@/app/types'
-import {SanityArrayValue, SanityImageValue, dataAttribute} from '@/sanity'
-import {SimpleContent} from '@/components/page'
-import {Slideshow} from '@/components/slideshow'
-
-export interface ProductData {
-  _id: string
-  title?: string
-  media?: SanityArrayValue<SanityImageValue>[]
-  description?: any[]
-  details?: {
-    _type: 'details'
-    materials?: string
-    collectionNotes?: any[]
-    performance?: any[]
-    ledLifespan?: string
-    certifications?: string[]
-  }
-}
-
-export interface ProductPageData {
-  product: ProductData | null
-  siteSettings: SiteSettingsData | null
-}
-
-export function ProductPage(props: {data: WrappedValue<ProductPageData>}) {
-  const {data} = props
-
-  return (
-    <AppLayout data={{siteSettings: data.siteSettings}}>
-      <main className="mx-auto max-w-4xl p-5">
-        <h1 className="text-2xl font-extrabold sm:text-4xl">
-          <sanity.span>{data?.product?.title}</sanity.span>
-        </h1>
-
-        <div className="mt-5 gap-5 sm:flex">
-          <div className="-mx-5 flex-1 sm:m-0">
-            {data?.product?.media && (
-              <div
-                data-sanity={dataAttribute({
-                  id: data.product?._id,
-                  type: 'product',
-                  path: 'media',
-                })}
-              >
-                <Slideshow images={data.product?.media} />
-              </div>
-            )}
-          </div>
-
-          <div className="mt-5 flex-1 sm:mt-0">
-            {data?.product?.description && (
-              <div
-                className="text-lg text-gray-600 md:text-xl dark:text-gray-400"
-                data-sanity={dataAttribute({
-                  id: data.product?._id,
-                  type: 'product',
-                  path: 'description',
-                })}
-              >
-                <SimpleContent value={data.product?.description} />
-              </div>
-            )}
-
-            {data?.product?.details && (
-              <div className="mt-5">
-                {data.product?.details.materials && (
-                  <div className="mt-4">
-                    <div className="font-bold">Materials</div>
-                    <div className="mt-1 text-sm text-gray-600 dark:text-gray-400">
-                      <sanity.span>{data.product?.details.materials}</sanity.span>
-                    </div>
-                  </div>
-                )}
-
-                {data.product?.details.collectionNotes && (
-                  <div className="mt-4">
-                    <div className="font-bold">Collection Notes</div>
-                    <div
-                      className="mt-1 text-sm text-gray-600 dark:text-gray-400"
-                      data-sanity={dataAttribute({
-                        id: data.product?._id,
-                        type: 'product',
-                        path: 'details.collectionNotes',
-                      })}
-                    >
-                      <SimpleContent value={data.product?.details.collectionNotes} />
-                    </div>
-                  </div>
-                )}
-
-                {data.product?.details.performance && (
-                  <div className="mt-4">
-                    <div className="font-bold">Performance</div>
-                    <div
-                      className="mt-1 text-sm text-gray-600 dark:text-gray-400"
-                      data-sanity={dataAttribute({
-                        id: data.product?._id,
-                        type: 'product',
-                        path: 'details.performance',
-                      })}
-                    >
-                      <SimpleContent value={data.product?.details.performance} />
-                    </div>
-                  </div>
-                )}
-
-                {data.product?.details.ledLifespan && (
-                  <div className="mt-4">
-                    <div className="font-bold">LED Lifespan</div>
-                    <div className="mt-1 text-sm text-gray-600 dark:text-gray-400">
-                      <sanity.span>{data.product?.details.ledLifespan}</sanity.span>
-                    </div>
-                  </div>
-                )}
-
-                {data.product?.details.certifications && (
-                  <div className="mt-4">
-                    <div className="font-bold">Certifications</div>
-                    <div className="mt-1 text-sm text-gray-600 dark:text-gray-400">
-                      {data.product?.details.certifications.map((d, idx) => (
-                        <sanity.div key={idx}>{d}</sanity.div>
-                      ))}
-                    </div>
-                  </div>
-                )}
-              </div>
-            )}
-          </div>
-        </div>
-      </main>
-    </AppLayout>
-  )
-}
diff --git a/apps/page-builder-demo/src/app/product/[slug]/ProductPreview.tsx b/apps/page-builder-demo/src/app/product/[slug]/ProductPreview.tsx
deleted file mode 100644
index cce3bc793..000000000
--- a/apps/page-builder-demo/src/app/product/[slug]/ProductPreview.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-'use client'
-
-import {useQuery} from '@/sanity'
-import {ProductPage, ProductPageData} from './ProductPage'
-
-export function ProductPreview(props: {query: string; slug: string; initial: any}) {
-  const {query, slug, initial} = props
-
-  const {data, loading} = useQuery<ProductPageData>(query, {slug}, {initial})
-
-  if (loading && !data) {
-    return <div>Loading…</div>
-  }
-
-  return <ProductPage data={data as any} />
-}
diff --git a/apps/page-builder-demo/src/app/product/[slug]/page.tsx b/apps/page-builder-demo/src/app/product/[slug]/page.tsx
index 27e22492b..9aac2d65d 100644
--- a/apps/page-builder-demo/src/app/product/[slug]/page.tsx
+++ b/apps/page-builder-demo/src/app/product/[slug]/page.tsx
@@ -1,17 +1,142 @@
-import {SITE_SETTINGS_QUERY} from '@/app/queries'
-import {ProductPreview} from './ProductPreview'
-import {loadQuery} from '@/sanity'
-import type {ProductPageData} from './ProductPage'
-
-const PAGE_QUERY = `//groq
-{
-  "product": *[_type == "product" && slug.current == $slug][0],
-  "siteSettings": ${SITE_SETTINGS_QUERY}
-}`
-
-export default async function ProductPage(props: {params: {slug: string}}) {
-  const {params} = props
-  const initial = await loadQuery<ProductPageData>(PAGE_QUERY, {slug: params.slug})
-
-  return <ProductPreview query={PAGE_QUERY} slug={params.slug} initial={initial} />
+import {SimpleContent} from '@/components/page'
+import {Slideshow} from '@/components/slideshow'
+import {dataAttribute} from '@/sanity/dataAttribute'
+import {sanityFetch} from '@/sanity/live'
+import type {SanityArrayValue, SanityImageValue} from '@/sanity/types'
+import {defineQuery} from 'next-sanity'
+
+export interface ProductData {
+  _id: string
+  title?: string
+  media?: SanityArrayValue<SanityImageValue>[]
+  description?: any[]
+  details?: {
+    _type: 'details'
+    materials?: string
+    collectionNotes?: any[]
+    performance?: any[]
+    ledLifespan?: string
+    certifications?: string[]
+  }
+}
+
+const productSlugsQuery = defineQuery(
+  /* groq */ `*[_type == "product" && defined(slug.current)]{"slug": slug.current}`,
+)
+export async function generateStaticParams() {
+  const {data} = await sanityFetch({
+    query: productSlugsQuery,
+    stega: false,
+    perspective: 'published',
+  })
+  return data
+}
+
+const productPageQuery = defineQuery(`*[_type == "product" && slug.current == $slug][0]`)
+
+export default async function ProductPage({params}: {params: {slug: string}}) {
+  // @TODO fix typegen vs manual types issues
+  const {data} = (await sanityFetch({query: productPageQuery, params})) as unknown as {
+    data: ProductData | null
+  }
+
+  return (
+    <main className="mx-auto max-w-4xl p-5">
+      <h1 className="text-2xl font-extrabold sm:text-4xl">{data?.title}</h1>
+
+      <div className="mt-5 gap-5 sm:flex">
+        <div className="-mx-5 flex-1 sm:m-0">
+          {data?.media && (
+            <div
+              data-sanity={dataAttribute({
+                id: data?._id,
+                type: 'product',
+                path: 'media',
+              }).toString()}
+            >
+              <Slideshow images={data?.media} />
+            </div>
+          )}
+        </div>
+
+        <div className="mt-5 flex-1 sm:mt-0">
+          {data?.description && (
+            <div
+              className="text-lg text-gray-600 md:text-xl dark:text-gray-400"
+              data-sanity={dataAttribute({
+                id: data?._id,
+                type: 'product',
+                path: 'description',
+              }).toString()}
+            >
+              <SimpleContent value={data?.description} />
+            </div>
+          )}
+
+          {data?.details && (
+            <div className="mt-5">
+              {data?.details.materials && (
+                <div className="mt-4">
+                  <div className="font-bold">Materials</div>
+                  <div className="mt-1 text-sm text-gray-600 dark:text-gray-400">
+                    {data?.details.materials}
+                  </div>
+                </div>
+              )}
+
+              {data?.details.collectionNotes && (
+                <div className="mt-4">
+                  <div className="font-bold">Collection Notes</div>
+                  <div
+                    className="mt-1 text-sm text-gray-600 dark:text-gray-400"
+                    data-sanity={dataAttribute({
+                      id: data?._id,
+                      type: 'product',
+                      path: 'details.collectionNotes',
+                    }).toString()}
+                  >
+                    <SimpleContent value={data?.details.collectionNotes} />
+                  </div>
+                </div>
+              )}
+
+              {data?.details.performance && (
+                <div className="mt-4">
+                  <div className="font-bold">Performance</div>
+                  <div
+                    className="mt-1 text-sm text-gray-600 dark:text-gray-400"
+                    data-sanity={dataAttribute({
+                      id: data?._id,
+                      type: 'product',
+                      path: 'details.performance',
+                    }).toString()}
+                  >
+                    <SimpleContent value={data?.details.performance} />
+                  </div>
+                </div>
+              )}
+
+              {data?.details.ledLifespan && (
+                <div className="mt-4">
+                  <div className="font-bold">LED Lifespan</div>
+                  <div className="mt-1 text-sm text-gray-600 dark:text-gray-400">
+                    {data?.details.ledLifespan}
+                  </div>
+                </div>
+              )}
+
+              {data?.details.certifications && (
+                <div className="mt-4">
+                  <div className="font-bold">Certifications</div>
+                  <div className="mt-1 text-sm text-gray-600 dark:text-gray-400">
+                    {data?.details.certifications.map((d, idx) => <div key={idx}>{d}</div>)}
+                  </div>
+                </div>
+              )}
+            </div>
+          )}
+        </div>
+      </div>
+    </main>
+  )
 }
diff --git a/apps/page-builder-demo/src/app/products/ProductsPage.tsx b/apps/page-builder-demo/src/app/products/ProductsPage.tsx
deleted file mode 100644
index b313bb59d..000000000
--- a/apps/page-builder-demo/src/app/products/ProductsPage.tsx
+++ /dev/null
@@ -1,86 +0,0 @@
-import {WrappedValue, unwrapData} from '@sanity/react-loader/jsx'
-import {sanity} from '@sanity/react-loader/jsx'
-import Link from 'next/link'
-
-import {AppLayout} from '../AppLayout'
-import {SiteSettingsData} from '../types'
-import {Image} from '@/components/image'
-import {SimpleContent} from '@/components/page'
-import {SanityArrayValue, SanityImageValue, dataAttribute} from '@/sanity'
-
-export interface ProductsPageData {
-  products: {
-    _id: string
-    title?: string
-    description?: any[]
-    slug: {
-      current: string
-    }
-    media?: SanityArrayValue<SanityImageValue>
-  }[]
-  siteSettings: SiteSettingsData | null
-}
-
-export function ProductsPage(props: {data: WrappedValue<ProductsPageData>}) {
-  const {data} = props
-
-  return (
-    <AppLayout data={{siteSettings: data.siteSettings}}>
-      <main className="mx-auto max-w-4xl">
-        <div className="p-5">
-          <h1 className="text-2xl font-extrabold">Products</h1>
-        </div>
-
-        <div>
-          {data.products?.length > 0 && (
-            <div className="flex flex-col gap-2">
-              {data.products.map((product) => (
-                <Link
-                  className="block rounded border border-white p-4 hover:border-gray-100 sm:flex sm:gap-5 dark:border-black dark:hover:border-gray-800"
-                  href={product.slug?.current && `/product/${product.slug.current.value}`}
-                  key={product._id}
-                >
-                  <div className="flex-none sm:w-64">
-                    {product.media?.asset && (
-                      <Image
-                        alt=""
-                        data-sanity={dataAttribute({
-                          id: product._id,
-                          type: 'product',
-                          path: `media[_key=="${product.media._key}"]`,
-                        })}
-                        value={unwrapData(product.media)}
-                      />
-                    )}
-                  </div>
-                  <div className="mt-5 flex-1 sm:mt-0">
-                    <div className="text-2xl font-bold">
-                      {product.title ? (
-                        <sanity.span>{product.title}</sanity.span>
-                      ) : (
-                        <em>Untitled</em>
-                      )}
-                    </div>
-
-                    {product.description && (
-                      <div
-                        className="text-md mt-2 text-gray-600 dark:text-gray-400"
-                        data-sanity={dataAttribute({
-                          id: product._id,
-                          type: 'product',
-                          path: 'description',
-                        })}
-                      >
-                        <SimpleContent value={product.description} />
-                      </div>
-                    )}
-                  </div>
-                </Link>
-              ))}
-            </div>
-          )}
-        </div>
-      </main>
-    </AppLayout>
-  )
-}
diff --git a/apps/page-builder-demo/src/app/products/ProductsPreview.tsx b/apps/page-builder-demo/src/app/products/ProductsPreview.tsx
deleted file mode 100644
index 1bd447d66..000000000
--- a/apps/page-builder-demo/src/app/products/ProductsPreview.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-'use client'
-
-import {useQuery} from '@/sanity'
-import {ProductsPage, ProductsPageData} from './ProductsPage'
-
-export function ProductsPreview(props: {query: string; initial: any}) {
-  const {query, initial} = props
-  const {data, loading} = useQuery<ProductsPageData>(query, {}, {initial})
-
-  if (loading && !data) {
-    return <div>Loading…</div>
-  }
-
-  return <ProductsPage data={data as any} />
-}
diff --git a/apps/page-builder-demo/src/app/products/page.tsx b/apps/page-builder-demo/src/app/products/page.tsx
index 0c011984f..980e2fccc 100644
--- a/apps/page-builder-demo/src/app/products/page.tsx
+++ b/apps/page-builder-demo/src/app/products/page.tsx
@@ -1,21 +1,86 @@
-import {loadQuery} from '@/sanity'
-import {SITE_SETTINGS_QUERY} from '../queries'
-import type {ProductsPageData} from './ProductsPage'
-import {ProductsPreview} from './ProductsPreview'
+import {Image} from '@/components/image'
+import {SimpleContent} from '@/components/page'
+import {dataAttribute} from '@/sanity/dataAttribute'
+import {sanityFetch} from '@/sanity/live'
+import type {SanityArrayValue, SanityImageValue} from '@/sanity/types'
+import {defineQuery} from 'next-sanity'
+import Link from 'next/link'
 
-const PAGE_QUERY = `//groq
-{
-  "products": *[_type == "product" && defined(slug.current)]{
+const productsPageQuery = defineQuery(`
+  *[_type == "product" && defined(slug.current)]{
     _id,
     title,
     description,
     slug,
     "media": media[0]
-  },
-  "siteSettings": ${SITE_SETTINGS_QUERY}
-}`
+  }
+`)
 
 export default async function ProductsPage() {
-  const initial = await loadQuery<ProductsPageData>(PAGE_QUERY, {})
-  return <ProductsPreview query={PAGE_QUERY} initial={initial} />
+  // @TODO fix typegen vs manual types issues
+  const {data} = (await sanityFetch({query: productsPageQuery})) as unknown as {
+    data: {
+      _id: string
+      title?: string
+      description?: any[]
+      slug: {
+        current: string
+      }
+      media?: SanityArrayValue<SanityImageValue>
+    }[]
+  }
+
+  return (
+    <main className="mx-auto max-w-4xl">
+      <div className="p-5">
+        <h1 className="text-2xl font-extrabold">Products</h1>
+      </div>
+
+      <div>
+        {data?.length > 0 && (
+          <div className="flex flex-col gap-2">
+            {data.map((product) => (
+              <Link
+                className="block rounded border border-white p-4 hover:border-gray-100 sm:flex sm:gap-5 dark:border-black dark:hover:border-gray-800"
+                href={product.slug?.current && `/product/${product.slug.current}`}
+                key={product._id}
+              >
+                <div className="flex-none sm:w-64">
+                  {product.media?.asset && (
+                    <Image
+                      alt=""
+                      data-sanity={dataAttribute({
+                        id: product._id,
+                        type: 'product',
+                        path: `media[_key=="${product.media._key}"]`,
+                      }).toString()}
+                      value={product.media}
+                    />
+                  )}
+                </div>
+                <div className="mt-5 flex-1 sm:mt-0">
+                  <div className="text-2xl font-bold">
+                    {product.title ? product.title : <em>Untitled</em>}
+                  </div>
+
+                  {product.description && (
+                    <div
+                      className="text-md mt-2 text-gray-600 dark:text-gray-400"
+                      data-sanity={dataAttribute({
+                        id: product._id,
+                        type: 'product',
+                        path: 'description',
+                      }).toString()}
+                    >
+                      <SimpleContent value={product.description} />
+                    </div>
+                  )}
+                </div>
+              </Link>
+            ))}
+          </div>
+        )}
+      </div>
+    </main>
+  )
 }
diff --git a/apps/page-builder-demo/src/app/project/[slug]/ProjectPage.tsx b/apps/page-builder-demo/src/app/project/[slug]/ProjectPage.tsx
deleted file mode 100644
index 5d6dddc95..000000000
--- a/apps/page-builder-demo/src/app/project/[slug]/ProjectPage.tsx
+++ /dev/null
@@ -1,30 +0,0 @@
-import {WrappedValue} from '@sanity/react-loader/jsx'
-import {sanity} from '@sanity/react-loader/jsx'
-
-import {AppLayout} from '@/app/AppLayout'
-import {SiteSettingsData} from '@/app/types'
-
-export interface ProjectData {
-  _id: string
-  title?: string
-  media?: {_type: 'image'; asset: {}}[]
-}
-
-export interface ProjectPageData {
-  project: ProjectData | null
-  siteSettings: SiteSettingsData | null
-}
-
-export function ProjectPage(props: {data: WrappedValue<ProjectPageData>}) {
-  const {data} = props
-
-  return (
-    <AppLayout data={{siteSettings: data.siteSettings}}>
-      <main className="mx-auto max-w-4xl p-5">
-        <h1 className="text-2xl font-extrabold">
-          <sanity.span>{data?.project?.title}</sanity.span>
-        </h1>
-      </main>
-    </AppLayout>
-  )
-}
diff --git a/apps/page-builder-demo/src/app/project/[slug]/ProjectPreview.tsx b/apps/page-builder-demo/src/app/project/[slug]/ProjectPreview.tsx
deleted file mode 100644
index ba5f56476..000000000
--- a/apps/page-builder-demo/src/app/project/[slug]/ProjectPreview.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-'use client'
-
-import {useQuery} from '@/sanity'
-import {ProjectPage, ProjectPageData} from './ProjectPage'
-
-export function ProjectPreview(props: {query: string; slug: string; initial: any}) {
-  const {query, slug, initial} = props
-  const {data, loading} = useQuery<ProjectPageData>(query, {slug}, {initial})
-
-  if (loading && !data) {
-    return <div>Loading…</div>
-  }
-
-  return <ProjectPage data={data as any} />
-}
diff --git a/apps/page-builder-demo/src/app/project/[slug]/page.tsx b/apps/page-builder-demo/src/app/project/[slug]/page.tsx
index 949f603b5..20405b23c 100644
--- a/apps/page-builder-demo/src/app/project/[slug]/page.tsx
+++ b/apps/page-builder-demo/src/app/project/[slug]/page.tsx
@@ -1,17 +1,39 @@
-import {SITE_SETTINGS_QUERY} from '@/app/queries'
-import {ProjectPreview} from './ProjectPreview'
-import type {ProjectPageData} from './ProjectPage'
-import {loadQuery} from '@/sanity'
+import {sanityFetch} from '@/sanity/live'
+import {defineQuery} from 'next-sanity'
 
-const PAGE_QUERY = `//groq
-{
-  "project": *[_type == "project" && slug.current == $slug][0],
-  "siteSettings": ${SITE_SETTINGS_QUERY}
-}`
+export interface ProjectData {
+  _id: string
+  title?: string
+  media?: {_type: 'image'; asset: {}}[]
+}
+
+export interface ProjectPageData {
+  project: ProjectData | null
+}
+
+const projectSlugsQuery = defineQuery(
+  /* groq */ `*[_type == "project" && defined(slug.current)]{"slug": slug.current}`,
+)
+export async function generateStaticParams() {
+  const {data} = await sanityFetch({
+    query: projectSlugsQuery,
+    stega: false,
+    perspective: 'published',
+  })
+  return data
+}
+
+const projectPageQuery = defineQuery(`*[_type == "project" && slug.current == $slug][0]`)
 
-export default async function ProjectPage(props: {params: {slug: string}}) {
-  const {params} = props
-  const initial = await loadQuery<ProjectPageData>(PAGE_QUERY, {slug: params.slug})
+export default async function ProjectPage({params}: {params: {slug: string}}) {
+  // @TODO fix typegen vs manual types issues
+  const {data} = (await sanityFetch({query: projectPageQuery, params})) as unknown as {
+    data: ProjectData | null
+  }
 
-  return <ProjectPreview query={PAGE_QUERY} slug={params.slug} initial={initial} />
+  return (
+    <main className="mx-auto max-w-4xl p-5">
+      <h1 className="text-2xl font-extrabold">{data?.title}</h1>
+    </main>
+  )
 }
diff --git a/apps/page-builder-demo/src/app/projects/ProjectsPage.tsx b/apps/page-builder-demo/src/app/projects/ProjectsPage.tsx
deleted file mode 100644
index 1eb0d8ac6..000000000
--- a/apps/page-builder-demo/src/app/projects/ProjectsPage.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-import {WrappedValue} from '@sanity/react-loader/jsx'
-import {sanity} from '@sanity/react-loader/jsx'
-
-import {AppLayout} from '../AppLayout'
-import {SiteSettingsData} from '../types'
-import Link from 'next/link'
-
-export interface ProjectsPageData {
-  projects: {
-    _id: string
-    title: string | null
-    slug: {
-      current: string
-    }
-  }[]
-  siteSettings: SiteSettingsData | null
-}
-
-export function ProjectsPage(props: {data: WrappedValue<ProjectsPageData>}) {
-  const {data} = props
-
-  return (
-    <AppLayout data={{siteSettings: data.siteSettings}}>
-      <main className="mx-auto max-w-4xl">
-        <div className="p-5">
-          <h1 className="text-2xl font-extrabold">Projects</h1>
-        </div>
-
-        <div>
-          {data.projects?.length > 0 && (
-            <div className="flex flex-col gap-2">
-              {data.projects.map((project) => (
-                <Link
-                  className="block p-5 hover:bg-gray-50 dark:hover:bg-gray-950"
-                  href={`/project/${project.slug.current.value}`}
-                  key={project._id}
-                >
-                  <div className="text-md">
-                    {project.title ? <sanity.span>{project.title}</sanity.span> : <em>Untitled</em>}
-                  </div>
-                </Link>
-              ))}
-            </div>
-          )}
-        </div>
-      </main>
-    </AppLayout>
-  )
-}
diff --git a/apps/page-builder-demo/src/app/projects/ProjectsPreview.tsx b/apps/page-builder-demo/src/app/projects/ProjectsPreview.tsx
deleted file mode 100644
index 1d452399a..000000000
--- a/apps/page-builder-demo/src/app/projects/ProjectsPreview.tsx
+++ /dev/null
@@ -1,15 +0,0 @@
-'use client'
-
-import {useQuery} from '@/sanity'
-import {ProjectsPage, ProjectsPageData} from './ProjectsPage'
-
-export function ProjectsPreview(props: {query: string; initial: any}) {
-  const {query, initial} = props
-  const {data, loading} = useQuery<ProjectsPageData>(query, {}, {initial})
-
-  if (loading && !data) {
-    return <div>Loading…</div>
-  }
-
-  return <ProjectsPage data={data as any} />
-}
diff --git a/apps/page-builder-demo/src/app/projects/page.tsx b/apps/page-builder-demo/src/app/projects/page.tsx
index 72b66a482..f372335d2 100644
--- a/apps/page-builder-demo/src/app/projects/page.tsx
+++ b/apps/page-builder-demo/src/app/projects/page.tsx
@@ -1,15 +1,42 @@
-import {loadQuery} from '@/sanity'
-import type {ProjectsPageData} from './ProjectsPage'
-import {SITE_SETTINGS_QUERY} from '../queries'
-import {ProjectsPreview} from './ProjectsPreview'
+import {sanityFetch} from '@/sanity/live'
+import {defineQuery} from 'next-sanity'
+import Link from 'next/link'
 
-const PAGE_QUERY = `//groq
-{
-  "projects": *[_type == "project" && defined(slug.current)],
-  "siteSettings": ${SITE_SETTINGS_QUERY}
-}`
+const projectsPageQuery = defineQuery(`*[_type == "project" && defined(slug.current)]`)
 
 export default async function ProjectsPage() {
-  const initial = await loadQuery<ProjectsPageData>(PAGE_QUERY, {})
-  return <ProjectsPreview query={PAGE_QUERY} initial={initial} />
+  // @TODO fix typegen vs manual types issues
+  const {data} = (await sanityFetch({query: projectsPageQuery})) as unknown as {
+    data: {
+      _id: string
+      title: string | null
+      slug: {
+        current: string
+      }
+    }[]
+  }
+
+  return (
+    <main className="mx-auto max-w-4xl">
+      <div className="p-5">
+        <h1 className="text-2xl font-extrabold">Projects</h1>
+      </div>
+
+      <div>
+        {data?.length > 0 && (
+          <div className="flex flex-col gap-2">
+            {data.map((project) => (
+              <Link
+                className="block p-5 hover:bg-gray-50 dark:hover:bg-gray-950"
+                href={`/project/${project.slug.current}`}
+                key={project._id}
+              >
+                <div className="text-md">{project.title ? project.title : <em>Untitled</em>}</div>
+              </Link>
+            ))}
+          </div>
+        )}
+      </div>
+    </main>
+  )
 }
diff --git a/apps/page-builder-demo/src/app/queries.ts b/apps/page-builder-demo/src/app/queries.ts
deleted file mode 100644
index fa3bda7f7..000000000
--- a/apps/page-builder-demo/src/app/queries.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import groq from 'groq'
-
-export const SITE_SETTINGS_QUERY = groq`
-*[_id == "siteSettings"][0]{
-  title,
-  copyrightText
-}
-`
-
-export const INDEX_PAGE_QUERY = groq`
-*[_id == "siteSettings"][0]{
-  frontPage->{
-    _type,
-    _id,
-    title,
-    sections[]{
-      ...,
-      symbol->{_type},
-      'headline': coalesce(headline, symbol->headline),
-      'tagline': coalesce(tagline, symbol->tagline),
-      'subline': coalesce(subline, symbol->subline),
-      product->{
-        _type,
-        _id,
-        title,
-        slug,
-        "media": media[0]
-      },
-      products[]->{
-        '_key': _id,
-        _type,
-        _id,
-        title,
-        slug,
-        "media": media[0]
-      }
-    },
-    style
-  }
-}.frontPage
-`
diff --git a/apps/page-builder-demo/src/app/types.ts b/apps/page-builder-demo/src/app/types.ts
deleted file mode 100644
index fb3c25fc2..000000000
--- a/apps/page-builder-demo/src/app/types.ts
+++ /dev/null
@@ -1,4 +0,0 @@
-export interface SiteSettingsData {
-  title: string | null
-  copyrightText: string | null
-}
diff --git a/apps/page-builder-demo/src/components/image/Image.tsx b/apps/page-builder-demo/src/components/image/Image.tsx
index 150c59353..34ffaa287 100644
--- a/apps/page-builder-demo/src/components/image/Image.tsx
+++ b/apps/page-builder-demo/src/components/image/Image.tsx
@@ -1,21 +1,31 @@
+import {imageUrlBuilder} from '@/sanity/image'
+import {Image as NextImage} from 'next-sanity/image'
 import {HTMLProps} from 'react'
 
-import {imageUrlBuilder, SanityImageValue} from '@/sanity'
-
 export function Image(
-  props: {value: SanityImageValue; width?: number; height?: number} & Omit<
-    HTMLProps<HTMLImageElement>,
-    'src' | 'value' | 'width' | 'height'
-  >,
+  props: {
+    value: {
+      _type: 'image'
+      asset?: {_type: 'reference'; _ref?: string}
+    }
+    width?: number
+    height?: number
+  } & Omit<HTMLProps<HTMLImageElement>, 'src' | 'value' | 'width' | 'height'>,
 ) {
   const {value, width = 800, height = 800, ...rest} = props
 
+  if (!value?.asset?._ref) {
+    return null
+  }
+
   return (
-    <img
+    // @ts-expect-error - NextImage is not typed correctly
+    <NextImage
       {...rest}
       src={imageUrlBuilder.image(value).width(width).height(height).url()}
       width={width}
       height={height}
+      alt=""
     />
   )
 }
diff --git a/apps/page-builder-demo/src/components/page/Page.tsx b/apps/page-builder-demo/src/components/page/Page.tsx
index 1c58e46cb..22017e169 100644
--- a/apps/page-builder-demo/src/components/page/Page.tsx
+++ b/apps/page-builder-demo/src/components/page/Page.tsx
@@ -1,62 +1,79 @@
-import {WrappedValue} from '@sanity/react-loader/jsx'
-import {isArray} from 'sanity'
+'use client'
 
-import {dataAttribute} from '@/sanity'
+import {dataAttribute} from '@/sanity/dataAttribute'
+import type {SanityDocument} from '@sanity/client'
+import {useOptimistic} from '@sanity/visual-editing'
 import {FeaturedProducts} from './sections/FeaturedProducts'
 import {FeatureHighlight} from './sections/FeatureHighlight'
 import {Hero} from './sections/Hero'
 import {Intro} from './sections/Intro'
 import {Section} from './sections/Section'
-import {PageData} from './types'
+import {PageData, PageSection} from './types'
 
-export function Page(props: {data: WrappedValue<PageData>}) {
+export function Page(props: {data: PageData}) {
   const {data} = props
 
+  const sections = useOptimistic<PageSection[] | undefined, SanityDocument<PageData>>(
+    data.sections,
+    (state, action) => {
+      if (action.id === data._id && action.document.sections) {
+        return action.document.sections
+          .map(
+            (section: {_key: string} | undefined) => state?.find((s) => s._key === section?._key)!,
+          )
+          .filter(Boolean)
+      }
+      return state
+    },
+  )
+
+  const shouldOverlapHeader = ['featureHighlight', 'hero'].includes(sections?.[0]?._type || '')
+
   return (
     <main
+      className={shouldOverlapHeader ? '-mt-[84px]' : ''}
       data-sanity={dataAttribute({
         id: data._id,
         type: data._type,
         path: 'sections',
-      })}
+      }).toString()}
     >
-      {isArray(data.sections) &&
-        data.sections.map((section) => {
-          if (section._type === 'hero') {
-            return <Hero page={data} key={section._key} section={section} />
-          }
-
-          if (section._type === 'intro') {
-            return <Intro page={data} key={section._key} section={section} />
-          }
-
-          if (section._type === 'featuredProducts') {
-            return <FeaturedProducts page={data} key={section._key} section={section} />
-          }
-
-          if (section._type === 'featureHighlight') {
-            return <FeatureHighlight page={data} key={section._key} section={section} />
-          }
-
-          if (section._type === 'section') {
-            return <Section page={data} key={section._key} section={section} />
-          }
-
-          return (
-            <div
-              data-sanity={dataAttribute({
-                id: data._id,
-                type: data._type,
-                path: `sections[_key=="${(section as any)._key}"]`,
-              })}
-              className="bg-red-50 p-5 font-mono text-sm text-red-600 dark:bg-red-950 dark:text-red-400"
-              key={(section as any)._key}
-            >
-              <div>Unknown section type: {(section as any)._type}</div>
-              <pre>{JSON.stringify(section, null, 2)}</pre>
-            </div>
-          )
-        })}
+      {sections?.map((section) => {
+        if (section._type === 'hero') {
+          return <Hero page={data} key={section._key} section={section} />
+        }
+
+        if (section._type === 'intro') {
+          return <Intro page={data} key={section._key} section={section} />
+        }
+
+        if (section._type === 'featuredProducts') {
+          return <FeaturedProducts page={data} key={section._key} section={section} />
+        }
+
+        if (section._type === 'featureHighlight') {
+          return <FeatureHighlight page={data} key={section._key} section={section} />
+        }
+
+        if (section._type === 'section') {
+          return <Section page={data} key={section._key} section={section} />
+        }
+
+        return (
+          <div
+            data-sanity={dataAttribute({
+              id: data._id,
+              type: data._type,
+              path: `sections[_key=="${(section as any)._key}"]`,
+            }).toString()}
+            className="bg-red-50 p-5 font-mono text-sm text-red-600 dark:bg-red-950 dark:text-red-400"
+            key={(section as any)._key}
+          >
+            <div>Unknown section type: {(section as any)._type}</div>
+            <pre>{JSON.stringify(section, null, 2)}</pre>
+          </div>
+        )
+      })}
     </main>
   )
 }
diff --git a/apps/page-builder-demo/src/components/page/PageSection.tsx b/apps/page-builder-demo/src/components/page/PageSection.tsx
index f68c970db..09f917e67 100644
--- a/apps/page-builder-demo/src/components/page/PageSection.tsx
+++ b/apps/page-builder-demo/src/components/page/PageSection.tsx
@@ -3,7 +3,7 @@ import {HTMLProps} from 'react'
 
 const variants: Record<'default' | 'inverted', string> = {
   default: 'bg-white text-black dark:bg-black dark:text-white',
-  inverted: 'bg-magenta-100 text-black dark:bg-magenta-800 dark:text-white',
+  inverted: 'bg-[#364c35] text-white dark:bg-[#b5cbb4] dark:text-black',
 }
 
 export function PageSection(props: {variant?: 'default' | 'inverted'} & HTMLProps<HTMLDivElement>) {
diff --git a/apps/page-builder-demo/src/components/page/sections/FeatureHighlight.tsx b/apps/page-builder-demo/src/components/page/sections/FeatureHighlight.tsx
index 268938e75..9ed70e303 100644
--- a/apps/page-builder-demo/src/components/page/sections/FeatureHighlight.tsx
+++ b/apps/page-builder-demo/src/components/page/sections/FeatureHighlight.tsx
@@ -1,17 +1,11 @@
-import {WrappedValue, unwrapData} from '@sanity/react-loader/jsx'
-import {stegaClean} from '@sanity/client/stega'
-import {sanity} from '@sanity/react-loader/jsx'
-import Link from 'next/link'
-
 import {Image} from '@/components/image'
-import {dataAttribute} from '@/sanity'
+import {dataAttribute} from '@/sanity/dataAttribute'
+import {stegaClean} from 'next-sanity'
+import Link from 'next/link'
 import {PageSection} from '../PageSection'
 import {FeatureHighlightSectionData, PageData} from '../types'
 
-export function FeatureHighlight(props: {
-  page: WrappedValue<PageData>
-  section: WrappedValue<FeatureHighlightSectionData>
-}) {
+export function FeatureHighlight(props: {page: PageData; section: FeatureHighlightSectionData}) {
   const {page: data, section} = props
 
   return (
@@ -20,65 +14,52 @@ export function FeatureHighlight(props: {
         id: data._id,
         type: data._type,
         path: `sections[_key=="${section._key}"]`,
-      })}
-      className="p-4 sm:p-5 md:p-6"
-      variant={section.style?.variant?.value as any}
+      }).toString()}
+      className=""
+      variant={section.style?.variant}
     >
-      <div className="-m-4 sm:-m-5 md:-m-6">
-        {section.image?.asset && (
-          <Image
-            alt=""
-            className="aspect[2/1] w-full"
-            value={section.image}
-            width={1200}
-            height={600}
-          />
-        )}
-      </div>
-
-      <div className="relative z-10 mx-auto max-w-xl bg-white p-4 sm:p-5 dark:bg-black">
-        <h1 className="text-2xl font-extrabold sm:text-3xl md:text-4xl">
-          <sanity.span>{section.headline}</sanity.span>
-        </h1>
-        {section.description && (
-          <p className="mt-3 font-serif text-xl sm:mt-4 dark:text-gray-400">
-            <sanity.span>{section.description}</sanity.span>
-          </p>
-        )}
-        <div className="flex gap-3">
-          {section.ctas &&
-            section.ctas.map((cta, i) => (
-              <button
-                data-sanity={dataAttribute({
-                  id: data._id,
-                  type: data._type,
-                  path: `sections[_key=="${section._key}"].ctas[_key=="${cta._key}"]`,
-                })}
-                className="mt-5 border border-current p-3"
-                key={i}
-                style={{padding: '2rem'}}
-              >
-                {unwrapData(stegaClean(cta.title))}
-              </button>
-            ))}
+      <div className="relative w-full overflow-hidden">
+        <div className="">
+          {section.image?.asset && (
+            <Image alt="" className="w-full" value={section.image} width={2400} height={1600} />
+          )}
         </div>
-      </div>
 
-      {section.product && (
-        <Link
-          className="block w-96 flex-none border border-white p-5 hover:border-gray-100 dark:border-black dark:hover:border-gray-800"
-          href={`/product/${section.product.slug?.current?.value}`}
-        >
-          <h2>
-            <sanity.span>{section.product.title}</sanity.span>
-          </h2>
-          <div>
-            {section.product.media?.asset && (
-              <Image alt="" value={unwrapData(section.product.media)} />
-            )}
+        <div className="inset-0 z-10 flex items-end p-4 sm:p-5 md:absolute md:flex-row md:p-6 md:pb-8">
+          <div className="flex flex-col gap-4 bg-opacity-80 backdrop-blur-lg md:max-w-md md:p-5 md:text-white">
+            <h1 className="text-2xl font-bold">{section.headline}</h1>
+            {section.description && <p className="font-serif text-base">{section.description}</p>}
+            <div className="flex gap-2">
+              {section.ctas &&
+                section.ctas.map((cta, i) => (
+                  <button
+                    data-sanity={dataAttribute({
+                      id: data._id,
+                      type: data._type,
+                      path: `sections[_key=="${section._key}"].ctas[_key=="${cta._key}"]`,
+                    }).toString()}
+                    className="border px-3 py-2 text-sm text-current md:border-none md:bg-black md:bg-opacity-30 dark:border-gray-600"
+                    key={cta._key}
+                  >
+                    {stegaClean(cta.title)}
+                  </button>
+                ))}
+            </div>
           </div>
-        </Link>
-      )}
+        </div>
+
+        {section.product && (
+          <Link
+            className="block w-96 flex-none border border-white p-5 hover:border-gray-100 dark:border-black dark:hover:border-gray-800"
+            href={`/product/${section.product.slug?.current}`}
+          >
+            <h2>{section.product.title}</h2>
+            <div>
+              {section.product.media?.asset && <Image alt="" value={section.product.media} />}
+            </div>
+          </Link>
+        )}
+      </div>
     </PageSection>
   )
 }
diff --git a/apps/page-builder-demo/src/components/page/sections/FeaturedProducts.tsx b/apps/page-builder-demo/src/components/page/sections/FeaturedProducts.tsx
index 68b6ba87f..01763bf1a 100644
--- a/apps/page-builder-demo/src/components/page/sections/FeaturedProducts.tsx
+++ b/apps/page-builder-demo/src/components/page/sections/FeaturedProducts.tsx
@@ -1,16 +1,66 @@
-import {WrappedValue, unwrapData} from '@sanity/react-loader/jsx'
-import {sanity} from '@sanity/react-loader/jsx'
-import Link from 'next/link'
-
 import {Image} from '@/components/image'
+import {dataAttribute} from '@/sanity/dataAttribute'
+import type {SanityDocument} from '@sanity/client'
+import {useOptimistic} from '@sanity/visual-editing'
+import Link from 'next/link'
 import {PageSection} from '../PageSection'
 import {FeaturedProductsSectionData, PageData} from '../types'
-import {dataAttribute} from '@/sanity'
 
-export function FeaturedProducts(props: {
-  page: WrappedValue<PageData>
-  section: WrappedValue<FeaturedProductsSectionData>
+function FeaturedProductsList(props: {
+  id: string
+  type: string
+  sectionKey: string
+  products: FeaturedProductsSectionData['products']
 }) {
+  const {products: _products, id, type, sectionKey} = props
+
+  const products = useOptimistic<
+    FeaturedProductsSectionData['products'] | undefined,
+    SanityDocument<PageData>
+  >(_products, (state, action) => {
+    console.log(action)
+    if (action.id === id && action.document.sections) {
+      const section = action.document.sections.find((section) => section._key === sectionKey)
+      if (section && section._type === 'featuredProducts') {
+        return section.products
+          ?.map(
+            (section: {_key: string} | undefined) => state?.find((s) => s._key === section?._key)!,
+          )
+          .filter(Boolean)
+      }
+    }
+    return state
+  })
+  return (
+    <div className="flex flex-nowrap gap-4 md:gap-6">
+      {products?.map?.((product) => (
+        <Link
+          data-sanity={dataAttribute({
+            id,
+            type,
+            path: `sections[_key=="${sectionKey}"].products[_key=="${product._key}"]`,
+          }).toString()}
+          className="group block w-64 flex-none"
+          href={`/product/${product.slug?.current}`}
+          key={product._key}
+        >
+          {product.media?.asset && (
+            <div className="mb-2 overflow-hidden">
+              <Image
+                alt=""
+                value={product.media}
+                className="transition-transform duration-500 group-hover:scale-125"
+              />
+            </div>
+          )}
+          <h2 className="font-bold">{product.title}</h2>
+        </Link>
+      ))}
+    </div>
+  )
+}
+
+export function FeaturedProducts(props: {page: PageData; section: FeaturedProductsSectionData}) {
   const {page: data, section} = props
 
   return (
@@ -19,30 +69,26 @@ export function FeaturedProducts(props: {
         id: data._id,
         type: data._type,
         path: `sections[_key=="${section._key}"]`,
-      })}
-      className="overflow-hidden"
-      variant={section.style?.variant?.value as any}
+      }).toString()}
+      variant={section.style?.variant}
     >
-      <div className="flex w-full flex-nowrap gap-2 overflow-auto p-4 sm:p-5 md:p-6">
-        <h1 className="w-96 flex-none p-5 text-2xl font-bold">
-          <sanity.span>{section.headline}</sanity.span>
-        </h1>
+      <div className="flex w-full flex-col gap-4 p-4 pb-7 sm:px-5 md:flex-row md:px-6 md:pb-8">
+        <div className="w-full flex-shrink-0 md:max-w-44">
+          <div className="sticky top-4 border-t border-current pt-2">
+            <h1 className="text-sm font-bold">{section.headline}</h1>
+          </div>
+        </div>
 
-        <div>
-          {section.products?.map?.((product) => (
-            <Link
-              className="block w-96 flex-none border border-white p-5 hover:border-gray-100 dark:border-black dark:hover:border-gray-800"
-              href={`/product/${product.slug?.current?.value}`}
-              key={product._key}
-            >
-              <h2>
-                <sanity.span>{product.title}</sanity.span>
-              </h2>
-              <div>
-                {product.media?.asset && <Image alt="" value={unwrapData(product.media)} />}
-              </div>
-            </Link>
-          ))}
+        <div className="w-full min-w-0 flex-grow border-current md:border-t md:pt-2">
+          {section.description && <p className="mb-6 max-w-96 text-sm">{section.description}</p>}
+          <div className="w-full overflow-x-auto">
+            <FeaturedProductsList
+              id={data._id}
+              type={data._type}
+              sectionKey={section._key}
+              products={section.products}
+            />
+          </div>
         </div>
       </div>
     </PageSection>
diff --git a/apps/page-builder-demo/src/components/page/sections/Hero.tsx b/apps/page-builder-demo/src/components/page/sections/Hero.tsx
index 327c9d3c6..1ee2b9276 100644
--- a/apps/page-builder-demo/src/components/page/sections/Hero.tsx
+++ b/apps/page-builder-demo/src/components/page/sections/Hero.tsx
@@ -1,14 +1,9 @@
-import {WrappedValue} from '@sanity/react-loader/jsx'
-import {sanity} from '@sanity/react-loader/jsx'
-
-import {dataAttribute} from '@/sanity'
+import {Image} from '@/components/image'
+import {dataAttribute} from '@/sanity/dataAttribute'
 import {PageSection} from '../PageSection'
 import {HeroSectionData, PageData} from '../types'
 
-export function Hero(props: {
-  page: WrappedValue<PageData>
-  section: WrappedValue<HeroSectionData>
-}) {
+export function Hero(props: {page: PageData; section: HeroSectionData}) {
   const {page: data, section} = props
 
   return (
@@ -17,62 +12,70 @@ export function Hero(props: {
         id: data._id,
         type: data._type,
         path: `sections[_key=="${section._key}"]`,
-      })}
-      className="px-4 py-6 text-center sm:px-5 sm:py-7 md:px-7 md:py-9"
-      variant={section.style?.variant?.value as any}
+      }).toString()}
+      className="relative flex items-center justify-center px-4 py-6 sm:px-5 sm:py-7 md:px-7 md:py-9"
+      variant={section.style?.variant}
     >
-      {section.headline ? (
-        <h1 className="text-3xl font-extrabold sm:text-5xl md:text-7xl">
-          <sanity.span>{section.headline}</sanity.span>
-        </h1>
-      ) : (
-        <h1 className="text-3xl font-extrabold text-gray-200 sm:text-5xl md:text-7xl dark:text-gray-800">
-          <span
-            data-sanity={dataAttribute({
-              id: data._id,
-              type: data._type,
-              path: `sections[_key=="${section._key}"].headline`,
-            })}
-          >
-            Headline
-          </span>
-        </h1>
-      )}
+      <div className="relative z-10 p-5 text-center backdrop-blur-xl">
+        {section.headline ? (
+          <h1 className="text-3xl font-extrabold sm:text-5xl md:text-6xl">{section.headline}</h1>
+        ) : (
+          <h1 className="text-3xl font-extrabold text-gray-200 sm:text-5xl md:text-7xl dark:text-gray-800">
+            <span
+              data-sanity={dataAttribute({
+                id: data._id,
+                type: data._type,
+                path: `sections[_key=="${section._key}"].headline`,
+              }).toString()}
+            >
+              Headline
+            </span>
+          </h1>
+        )}
 
-      {section.tagline ? (
-        <p className="mt-3 font-serif text-xl text-gray-600 sm:mt-4 dark:text-gray-400">
-          <sanity.span>{section.tagline}</sanity.span>
-        </p>
-      ) : (
-        <p className="mt-3 font-serif text-xl text-gray-200 sm:mt-4 dark:text-gray-800">
-          <span
-            data-sanity={dataAttribute({
-              id: data._id,
-              type: data._type,
-              path: `sections[_key=="${section._key}"].tagline`,
-            })}
-          >
-            Tagline
-          </span>
-        </p>
-      )}
+        {section.tagline ? (
+          <p className="text-opacity-700 mt-3 font-serif text-lg sm:mt-4">{section.tagline}</p>
+        ) : (
+          <p className="mt-3 font-serif text-xl text-gray-200 sm:mt-4 dark:text-gray-800">
+            <span
+              data-sanity={dataAttribute({
+                id: data._id,
+                type: data._type,
+                path: `sections[_key=="${section._key}"].tagline`,
+              }).toString()}
+            >
+              Tagline
+            </span>
+          </p>
+        )}
+
+        {section.subline ? (
+          <p className="text-opacity-700 mt-2 text-sm">{section.subline}</p>
+        ) : (
+          <p className="mt-2 text-sm text-gray-200 dark:text-gray-800">
+            <span
+              data-sanity={dataAttribute({
+                id: data._id,
+                type: data._type,
+                path: `sections[_key=="${section._key}"].subline`,
+              }).toString()}
+            >
+              Subline
+            </span>
+          </p>
+        )}
+      </div>
 
-      {section.subline ? (
-        <p className="mt-2 text-sm text-gray-600 dark:text-gray-400">
-          <sanity.span>{section.subline}</sanity.span>
-        </p>
-      ) : (
-        <p className="mt-2 text-sm text-gray-200 dark:text-gray-800">
-          <span
-            data-sanity={dataAttribute({
-              id: data._id,
-              type: data._type,
-              path: `sections[_key=="${section._key}"].subline`,
-            })}
-          >
-            Subline
-          </span>
-        </p>
+      {section.image && (
+        <div className="absolute inset-0 h-full w-full">
+          <Image
+            alt=""
+            value={section.image}
+            className="h-full w-full object-cover object-center"
+            width={2400}
+            height={1600}
+          />
+        </div>
       )}
     </PageSection>
   )
diff --git a/apps/page-builder-demo/src/components/page/sections/Intro.tsx b/apps/page-builder-demo/src/components/page/sections/Intro.tsx
index a8347ba8a..f7a5abca3 100644
--- a/apps/page-builder-demo/src/components/page/sections/Intro.tsx
+++ b/apps/page-builder-demo/src/components/page/sections/Intro.tsx
@@ -1,14 +1,8 @@
-import {WrappedValue} from '@sanity/react-loader/jsx'
-import {sanity} from '@sanity/react-loader/jsx'
-
-import {dataAttribute} from '@/sanity'
+import {dataAttribute} from '@/sanity/dataAttribute'
 import {PageSection} from '../PageSection'
 import {IntroSectionData, PageData} from '../types'
 
-export function Intro(props: {
-  page: WrappedValue<PageData>
-  section: WrappedValue<IntroSectionData>
-}) {
+export function Intro(props: {page: PageData; section: IntroSectionData}) {
   const {page: data, section} = props
 
   return (
@@ -17,45 +11,30 @@ export function Intro(props: {
         id: data._id,
         type: data._type,
         path: `sections[_key=="${section._key}"]`,
-      })}
-      className="p-4 sm:p-5 md:p-6"
-      variant={section.style?.variant?.value as any}
+      }).toString()}
+      variant={section.style?.variant}
     >
-      {section.headline ? (
-        <h1 className="text-2xl font-extrabold sm:text-3xl md:text-4xl">
-          <sanity.span>{section.headline}</sanity.span>
-        </h1>
-      ) : (
-        <h1 className="text-2xl font-extrabold text-gray-200 sm:text-3xl md:text-4xl dark:text-gray-800">
-          <span
-            data-sanity={dataAttribute({
-              id: data._id,
-              type: data._type,
-              path: `sections[_key=="${section._key}"].headline`,
-            })}
-          >
-            Headline
-          </span>
-        </h1>
-      )}
+      <div className="flex w-full flex-col gap-4 p-4 pb-7 sm:px-5 md:flex-row md:px-6 md:pb-8">
+        {section.headline && (
+          <div className="w-full flex-shrink-0 md:max-w-44">
+            <div className="sticky top-4 border-t border-current pt-2">
+              <h1 className="text-sm font-bold">{section.headline}</h1>
+            </div>
+          </div>
+        )}
 
-      {section.intro ? (
-        <p className="mt-3 font-serif text-xl text-gray-600 sm:mt-4 dark:text-gray-400">
-          <sanity.span>{section.intro}</sanity.span>
-        </p>
-      ) : (
-        <p className="mt-3 font-serif text-xl text-gray-200 sm:mt-4 dark:text-gray-800">
-          <span
-            data-sanity={dataAttribute({
-              id: data._id,
-              type: data._type,
-              path: `sections[_key=="${section._key}"].intro`,
-            })}
+        {section.intro && (
+          <div
+            className={
+              section.headline
+                ? 'w-full min-w-0 flex-grow border-current md:border-t md:pt-2'
+                : 'w-full min-w-0 flex-grow border-t border-current pt-2'
+            }
           >
-            Intro
-          </span>
-        </p>
-      )}
+            <p className="max-w-3xl font-serif text-lg leading-snug md:text-3xl">{section.intro}</p>
+          </div>
+        )}
+      </div>
     </PageSection>
   )
 }
diff --git a/apps/page-builder-demo/src/components/page/sections/Section.tsx b/apps/page-builder-demo/src/components/page/sections/Section.tsx
index 135d87419..162f790f6 100644
--- a/apps/page-builder-demo/src/components/page/sections/Section.tsx
+++ b/apps/page-builder-demo/src/components/page/sections/Section.tsx
@@ -1,28 +1,22 @@
-import {WrappedValue} from '@sanity/react-loader/jsx'
-import {sanity} from '@sanity/react-loader/jsx'
-
-import {dataAttribute} from '@/sanity'
+import {dataAttribute} from '@/sanity/dataAttribute'
 import {PageSection} from '../PageSection'
 import {PageData, PageSectionData} from '../types'
 
-export function Section(props: {
-  page: WrappedValue<PageData>
-  section: WrappedValue<PageSectionData>
-}) {
+export function Section(props: {page: PageData; section: PageSectionData}) {
   const {page, section} = props
 
   return (
     <PageSection
-      className="px-4 py-6 text-center sm:px-5 sm:py-7 md:px-7 md:py-9"
+      className="px-4 py-6 text-center sm:px-5 sm:py-7 md:px-7 md:py-8"
       data-sanity={dataAttribute({
         id: page._id,
         type: page._type,
         path: `sections[_key=="${section._key}"]`,
-      })}
+      }).toString()}
     >
       {section.headline ? (
-        <h1 className="text-3xl font-extrabold sm:text-5xl md:text-7xl">
-          <sanity.span style={{outline: 'none'}}>{section.headline}</sanity.span>
+        <h1 className="text-3xl font-extrabold outline-none sm:text-5xl md:text-7xl">
+          {section.headline}
         </h1>
       ) : (
         <h1 className="text-3xl font-extrabold text-gray-200 sm:text-5xl md:text-7xl dark:text-gray-800">
@@ -31,7 +25,7 @@ export function Section(props: {
               id: page._id,
               type: page._type,
               path: `sections[_key=="${section._key}"].headline`,
-            })}
+            }).toString()}
           >
             Headline
           </span>
@@ -40,7 +34,7 @@ export function Section(props: {
 
       {section.tagline ? (
         <p className="mt-3 font-serif text-xl text-gray-600 sm:mt-4 dark:text-gray-400">
-          <sanity.span>{section.tagline}</sanity.span>
+          {section.tagline}
         </p>
       ) : (
         <p className="mt-3 font-serif text-xl text-gray-200 sm:mt-4 dark:text-gray-800">
@@ -49,7 +43,7 @@ export function Section(props: {
               id: page._id,
               type: page._type,
               path: `sections[_key=="${section._key}"].tagline`,
-            })}
+            }).toString()}
           >
             Tagline
           </span>
@@ -57,9 +51,7 @@ export function Section(props: {
       )}
 
       {section.subline ? (
-        <p className="mt-2 text-sm text-gray-600 dark:text-gray-400">
-          <sanity.span>{section.subline}</sanity.span>
-        </p>
+        <p className="mt-2 text-sm text-gray-600 dark:text-gray-400">{section.subline}</p>
       ) : (
         <p className="mt-2 text-sm text-gray-200 dark:text-gray-800">
           <span
@@ -67,7 +59,7 @@ export function Section(props: {
               id: page._id,
               type: page._type,
               path: `sections[_key=="${section._key}"].subline`,
-            })}
+            }).toString()}
           >
             Subline
           </span>
diff --git a/apps/page-builder-demo/src/components/page/types.ts b/apps/page-builder-demo/src/components/page/types.ts
index bfcd1ab50..3f5455038 100644
--- a/apps/page-builder-demo/src/components/page/types.ts
+++ b/apps/page-builder-demo/src/components/page/types.ts
@@ -1,4 +1,4 @@
-import {SanityArrayValue, SanityImageValue} from '@/sanity'
+import type {SanityArrayValue, SanityImageValue} from '@/sanity/types'
 
 export interface SectionStyleData {
   variant?: 'default' | 'inverted'
@@ -9,6 +9,7 @@ export interface HeroSectionData {
   _type: 'hero'
   headline?: string
   tagline?: string
+  image?: SanityImageValue
   subline?: string
   style?: SectionStyleData
 }
@@ -25,6 +26,7 @@ export interface FeaturedProductsSectionData {
   _key: string
   _type: 'featuredProducts'
   headline?: string
+  description?: string
   products?: SanityArrayValue<{
     _type: 'product'
     slug?: {current?: string}
@@ -62,11 +64,12 @@ export interface PageData {
   _type: 'page'
   _id: string
   title?: string
-  sections?: Array<
-    | HeroSectionData
-    | IntroSectionData
-    | FeaturedProductsSectionData
-    | FeatureHighlightSectionData
-    | PageSectionData
-  >
+  sections?: Array<PageSection>
 }
+
+export type PageSection =
+  | HeroSectionData
+  | IntroSectionData
+  | FeaturedProductsSectionData
+  | FeatureHighlightSectionData
+  | PageSectionData
diff --git a/apps/page-builder-demo/src/components/slideshow/Slideshow.tsx b/apps/page-builder-demo/src/components/slideshow/Slideshow.tsx
index bdbf2215a..615525818 100644
--- a/apps/page-builder-demo/src/components/slideshow/Slideshow.tsx
+++ b/apps/page-builder-demo/src/components/slideshow/Slideshow.tsx
@@ -1,8 +1,8 @@
-import './Slideshow.css'
+'use client'
 
+import './Slideshow.css'
+import type {SanityArrayValue, SanityImageValue} from '@/sanity/types'
 import {useState} from 'react'
-
-import {SanityArrayValue, SanityImageValue} from '@/sanity'
 import {Image} from '../image'
 
 export function Slideshow(props: {images: SanityArrayValue<SanityImageValue>[]}) {
diff --git a/apps/page-builder-demo/src/sanity.types.ts b/apps/page-builder-demo/src/sanity.types.ts
new file mode 100644
index 000000000..d3d3aeb0c
--- /dev/null
+++ b/apps/page-builder-demo/src/sanity.types.ts
@@ -0,0 +1,985 @@
+// Query TypeMap
+import '@sanity/client'
+
+/**
+ * ---------------------------------------------------------------------------------
+ * This file has been generated by Sanity TypeGen.
+ * Command: `sanity typegen generate`
+ *
+ * Any modifications made directly to this file will be overwritten the next time
+ * the TypeScript definitions are generated. Please make changes to the Sanity
+ * schema definitions and/or GROQ queries if you need to update these types.
+ *
+ * For more information on how to use Sanity TypeGen, visit the official documentation:
+ * https://www.sanity.io/docs/sanity-typegen
+ * ---------------------------------------------------------------------------------
+ */
+
+// Source: schema.json
+export type SanityImagePaletteSwatch = {
+  _type: 'sanity.imagePaletteSwatch'
+  background?: string
+  foreground?: string
+  population?: number
+  title?: string
+}
+
+export type SanityImagePalette = {
+  _type: 'sanity.imagePalette'
+  darkMuted?: SanityImagePaletteSwatch
+  lightVibrant?: SanityImagePaletteSwatch
+  darkVibrant?: SanityImagePaletteSwatch
+  vibrant?: SanityImagePaletteSwatch
+  dominant?: SanityImagePaletteSwatch
+  lightMuted?: SanityImagePaletteSwatch
+  muted?: SanityImagePaletteSwatch
+}
+
+export type SanityImageDimensions = {
+  _type: 'sanity.imageDimensions'
+  height?: number
+  width?: number
+  aspectRatio?: number
+}
+
+export type SanityFileAsset = {
+  _id: string
+  _type: 'sanity.fileAsset'
+  _createdAt: string
+  _updatedAt: string
+  _rev: string
+  originalFilename?: string
+  label?: string
+  title?: string
+  description?: string
+  altText?: string
+  sha1hash?: string
+  extension?: string
+  mimeType?: string
+  size?: number
+  assetId?: string
+  uploadId?: string
+  path?: string
+  url?: string
+  source?: SanityAssetSourceData
+}
+
+export type Geopoint = {
+  _type: 'geopoint'
+  lat?: number
+  lng?: number
+  alt?: number
+}
+
+export type Section = {
+  _type: 'section'
+  symbol?: {
+    _ref: string
+    _type: 'reference'
+    _weak?: boolean
+    [internalGroqTypeReferenceTo]?: 'page.section'
+  }
+  headline?: string
+  tagline?: string
+  subline?: string
+}
+
+export type FeatureHighlight = {
+  _type: 'featureHighlight'
+  headline?: string
+  description?: string
+  image?: {
+    asset?: {
+      _ref: string
+      _type: 'reference'
+      _weak?: boolean
+      [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+    }
+    hotspot?: SanityImageHotspot
+    crop?: SanityImageCrop
+    _type: 'image'
+  }
+  ctas?: Array<{
+    title?: string
+    href?: string
+    _type: 'cta'
+    _key: string
+  }>
+  product?: {
+    _ref: string
+    _type: 'reference'
+    _weak?: boolean
+    [internalGroqTypeReferenceTo]?: 'product'
+  }
+  style?: SectionStyle
+}
+
+export type FeaturedProducts = {
+  _type: 'featuredProducts'
+  headline?: string
+  description?: string
+  products?: Array<{
+    _ref: string
+    _type: 'reference'
+    _weak?: boolean
+    _key: string
+    [internalGroqTypeReferenceTo]?: 'product'
+  }>
+  style?: SectionStyle
+}
+
+export type Intro = {
+  _type: 'intro'
+  headline?: string
+  intro?: string
+  style?: SectionStyle
+}
+
+export type Hero = {
+  _type: 'hero'
+  headline?: string
+  tagline?: string
+  subline?: string
+  image?: {
+    asset?: {
+      _ref: string
+      _type: 'reference'
+      _weak?: boolean
+      [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+    }
+    hotspot?: SanityImageHotspot
+    crop?: SanityImageCrop
+    _type: 'image'
+  }
+  style?: SectionStyle
+}
+
+export type SiteSettings = {
+  _id: string
+  _type: 'siteSettings'
+  _createdAt: string
+  _updatedAt: string
+  _rev: string
+  title?: string
+  description?: string
+  frontPage?: {
+    _ref: string
+    _type: 'reference'
+    _weak?: boolean
+    [internalGroqTypeReferenceTo]?: 'page'
+  }
+  copyrightText?: string
+}
+
+export type Project = {
+  _id: string
+  _type: 'project'
+  _createdAt: string
+  _updatedAt: string
+  _rev: string
+  title?: string
+  slug?: Slug
+}
+
+export type Page = {
+  _id: string
+  _type: 'page'
+  _createdAt: string
+  _updatedAt: string
+  _rev: string
+  title?: string
+  slug?: Slug
+  sections?: Array<
+    | {
+        headline?: string
+        tagline?: string
+        subline?: string
+        image?: {
+          asset?: {
+            _ref: string
+            _type: 'reference'
+            _weak?: boolean
+            [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+          }
+          hotspot?: SanityImageHotspot
+          crop?: SanityImageCrop
+          _type: 'image'
+        }
+        style?: SectionStyle
+        _type: 'hero'
+        _key: string
+      }
+    | {
+        headline?: string
+        intro?: string
+        style?: SectionStyle
+        _type: 'intro'
+        _key: string
+      }
+    | {
+        headline?: string
+        description?: string
+        products?: Array<{
+          _ref: string
+          _type: 'reference'
+          _weak?: boolean
+          _key: string
+          [internalGroqTypeReferenceTo]?: 'product'
+        }>
+        style?: SectionStyle
+        _type: 'featuredProducts'
+        _key: string
+      }
+    | {
+        headline?: string
+        description?: string
+        image?: {
+          asset?: {
+            _ref: string
+            _type: 'reference'
+            _weak?: boolean
+            [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+          }
+          hotspot?: SanityImageHotspot
+          crop?: SanityImageCrop
+          _type: 'image'
+        }
+        ctas?: Array<{
+          title?: string
+          href?: string
+          _type: 'cta'
+          _key: string
+        }>
+        product?: {
+          _ref: string
+          _type: 'reference'
+          _weak?: boolean
+          [internalGroqTypeReferenceTo]?: 'product'
+        }
+        style?: SectionStyle
+        _type: 'featureHighlight'
+        _key: string
+      }
+    | {
+        symbol?: {
+          _ref: string
+          _type: 'reference'
+          _weak?: boolean
+          [internalGroqTypeReferenceTo]?: 'page.section'
+        }
+        headline?: string
+        tagline?: string
+        subline?: string
+        _type: 'section'
+        _key: string
+      }
+  >
+}
+
+export type PageSection = {
+  _id: string
+  _type: 'page.section'
+  _createdAt: string
+  _updatedAt: string
+  _rev: string
+  headline?: string
+  tagline?: string
+  subline?: string
+}
+
+export type Product = {
+  _id: string
+  _type: 'product'
+  _createdAt: string
+  _updatedAt: string
+  _rev: string
+  title?: string
+  slug?: Slug
+  media?: Array<{
+    asset?: {
+      _ref: string
+      _type: 'reference'
+      _weak?: boolean
+      [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+    }
+    hotspot?: SanityImageHotspot
+    crop?: SanityImageCrop
+    alt?: string
+    _type: 'image'
+    _key: string
+  }>
+  description?: Array<{
+    children?: Array<{
+      marks?: Array<string>
+      text?: string
+      _type: 'span'
+      _key: string
+    }>
+    style?: 'normal' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'blockquote'
+    listItem?: 'bullet' | 'number'
+    markDefs?: Array<{
+      href?: string
+      _type: 'link'
+      _key: string
+    }>
+    level?: number
+    _type: 'block'
+    _key: string
+  }>
+  brandReference?: unknown
+  details?: {
+    materials?: string
+    collectionNotes?: Array<{
+      children?: Array<{
+        marks?: Array<string>
+        text?: string
+        _type: 'span'
+        _key: string
+      }>
+      style?: 'normal' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'blockquote'
+      listItem?: 'bullet' | 'number'
+      markDefs?: Array<{
+        href?: string
+        _type: 'link'
+        _key: string
+      }>
+      level?: number
+      _type: 'block'
+      _key: string
+    }>
+    performance?: Array<{
+      children?: Array<{
+        marks?: Array<string>
+        text?: string
+        _type: 'span'
+        _key: string
+      }>
+      style?: 'normal' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'blockquote'
+      listItem?: 'bullet' | 'number'
+      markDefs?: Array<{
+        href?: string
+        _type: 'link'
+        _key: string
+      }>
+      level?: number
+      _type: 'block'
+      _key: string
+    }>
+    ledLifespan?: string
+    certifications?: Array<string>
+  }
+  variants?: Array<{
+    title?: string
+    price?: string
+    sku?: string
+    _type: 'variant'
+    _key: string
+  }>
+}
+
+export type SectionStyle = {
+  _type: 'sectionStyle'
+  variant?: 'default' | 'inverted'
+}
+
+export type SanityImageCrop = {
+  _type: 'sanity.imageCrop'
+  top?: number
+  bottom?: number
+  left?: number
+  right?: number
+}
+
+export type SanityImageHotspot = {
+  _type: 'sanity.imageHotspot'
+  x?: number
+  y?: number
+  height?: number
+  width?: number
+}
+
+export type SanityImageAsset = {
+  _id: string
+  _type: 'sanity.imageAsset'
+  _createdAt: string
+  _updatedAt: string
+  _rev: string
+  originalFilename?: string
+  label?: string
+  title?: string
+  description?: string
+  altText?: string
+  sha1hash?: string
+  extension?: string
+  mimeType?: string
+  size?: number
+  assetId?: string
+  uploadId?: string
+  path?: string
+  url?: string
+  metadata?: SanityImageMetadata
+  source?: SanityAssetSourceData
+}
+
+export type SanityAssetSourceData = {
+  _type: 'sanity.assetSourceData'
+  name?: string
+  id?: string
+  url?: string
+}
+
+export type SanityImageMetadata = {
+  _type: 'sanity.imageMetadata'
+  location?: Geopoint
+  dimensions?: SanityImageDimensions
+  palette?: SanityImagePalette
+  lqip?: string
+  blurHash?: string
+  hasAlpha?: boolean
+  isOpaque?: boolean
+}
+
+export type Slug = {
+  _type: 'slug'
+  current?: string
+  source?: string
+}
+
+export type AllSanitySchemaTypes =
+  | SanityImagePaletteSwatch
+  | SanityImagePalette
+  | SanityImageDimensions
+  | SanityFileAsset
+  | Geopoint
+  | Section
+  | FeatureHighlight
+  | FeaturedProducts
+  | Intro
+  | Hero
+  | SiteSettings
+  | Project
+  | Page
+  | PageSection
+  | Product
+  | SectionStyle
+  | SanityImageCrop
+  | SanityImageHotspot
+  | SanityImageAsset
+  | SanityAssetSourceData
+  | SanityImageMetadata
+  | Slug
+export declare const internalGroqTypeReferenceTo: unique symbol
+// Source: ./src/app/layout.tsx
+// Variable: layoutQuery
+// Query: *[_id == "siteSettings"][0]{  title,  description,  copyrightText}
+export type LayoutQueryResult =
+  | {
+      title: null
+      description: null
+      copyrightText: null
+    }
+  | {
+      title: string | null
+      description: null
+      copyrightText: null
+    }
+  | {
+      title: string | null
+      description: Array<{
+        children?: Array<{
+          marks?: Array<string>
+          text?: string
+          _type: 'span'
+          _key: string
+        }>
+        style?: 'blockquote' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'normal'
+        listItem?: 'bullet' | 'number'
+        markDefs?: Array<{
+          href?: string
+          _type: 'link'
+          _key: string
+        }>
+        level?: number
+        _type: 'block'
+        _key: string
+      }> | null
+      copyrightText: null
+    }
+  | {
+      title: string | null
+      description: string | null
+      copyrightText: null
+    }
+  | {
+      title: string | null
+      description: string | null
+      copyrightText: string | null
+    }
+  | null
+
+// Source: ./src/app/page.tsx
+// Variable: frontPageQuery
+// Query: *[_id == "siteSettings"][0]{    frontPage->{      _type,      _id,      title,      sections[]{        ...,        symbol->{_type},        'headline': coalesce(headline, symbol->headline),        'tagline': coalesce(tagline, symbol->tagline),        'subline': coalesce(subline, symbol->subline),        'image': coalesce(image, symbol->image),        product->{          _type,          _id,          title,          slug,          "media": media[0]        },        products[]{          _key,          ...(@->{            _type,            _id,            title,            slug,            "media": media[0]          })        }      },      style    }  }.frontPage
+export type FrontPageQueryResult = null | {
+  _type: 'page'
+  _id: string
+  title: string | null
+  sections: Array<
+    | {
+        headline: string | null
+        description?: string
+        products: Array<{
+          _key: string
+          _type: 'product'
+          _id: string
+          title: string | null
+          slug: Slug | null
+          media: {
+            asset?: {
+              _ref: string
+              _type: 'reference'
+              _weak?: boolean
+              [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+            }
+            hotspot?: SanityImageHotspot
+            crop?: SanityImageCrop
+            alt?: string
+            _type: 'image'
+            _key: string
+          } | null
+        }> | null
+        style?: SectionStyle
+        _type: 'featuredProducts'
+        _key: string
+        symbol: null
+        tagline: null
+        subline: null
+        image: null
+        product: null
+      }
+    | {
+        headline: string | null
+        description?: string
+        image: {
+          asset?: {
+            _ref: string
+            _type: 'reference'
+            _weak?: boolean
+            [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+          }
+          hotspot?: SanityImageHotspot
+          crop?: SanityImageCrop
+          _type: 'image'
+        } | null
+        ctas?: Array<{
+          title?: string
+          href?: string
+          _type: 'cta'
+          _key: string
+        }>
+        product: {
+          _type: 'product'
+          _id: string
+          title: string | null
+          slug: Slug | null
+          media: {
+            asset?: {
+              _ref: string
+              _type: 'reference'
+              _weak?: boolean
+              [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+            }
+            hotspot?: SanityImageHotspot
+            crop?: SanityImageCrop
+            alt?: string
+            _type: 'image'
+            _key: string
+          } | null
+        } | null
+        style?: SectionStyle
+        _type: 'featureHighlight'
+        _key: string
+        symbol: null
+        tagline: null
+        subline: null
+        products: null
+      }
+    | {
+        headline: string | null
+        tagline: string | null
+        subline: string | null
+        image: {
+          asset?: {
+            _ref: string
+            _type: 'reference'
+            _weak?: boolean
+            [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+          }
+          hotspot?: SanityImageHotspot
+          crop?: SanityImageCrop
+          _type: 'image'
+        } | null
+        style?: SectionStyle
+        _type: 'hero'
+        _key: string
+        symbol: null
+        product: null
+        products: null
+      }
+    | {
+        headline: string | null
+        intro?: string
+        style?: SectionStyle
+        _type: 'intro'
+        _key: string
+        symbol: null
+        tagline: null
+        subline: null
+        image: null
+        product: null
+        products: null
+      }
+    | {
+        symbol: {
+          _type: 'page.section'
+        } | null
+        headline: string | null
+        tagline: string | null
+        subline: string | null
+        _type: 'section'
+        _key: string
+        image: null
+        product: null
+        products: null
+      }
+  > | null
+  style: null
+}
+
+// Source: ./src/app/products/page.tsx
+// Variable: productsPageQuery
+// Query: *[_type == "product" && defined(slug.current)]{    _id,    title,    description,    slug,    "media": media[0]  }
+export type ProductsPageQueryResult = Array<{
+  _id: string
+  title: string | null
+  description: Array<{
+    children?: Array<{
+      marks?: Array<string>
+      text?: string
+      _type: 'span'
+      _key: string
+    }>
+    style?: 'blockquote' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'normal'
+    listItem?: 'bullet' | 'number'
+    markDefs?: Array<{
+      href?: string
+      _type: 'link'
+      _key: string
+    }>
+    level?: number
+    _type: 'block'
+    _key: string
+  }> | null
+  slug: Slug | null
+  media: {
+    asset?: {
+      _ref: string
+      _type: 'reference'
+      _weak?: boolean
+      [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+    }
+    hotspot?: SanityImageHotspot
+    crop?: SanityImageCrop
+    alt?: string
+    _type: 'image'
+    _key: string
+  } | null
+}>
+
+// Source: ./src/app/projects/page.tsx
+// Variable: projectsPageQuery
+// Query: *[_type == "project" && defined(slug.current)]
+export type ProjectsPageQueryResult = Array<{
+  _id: string
+  _type: 'project'
+  _createdAt: string
+  _updatedAt: string
+  _rev: string
+  title?: string
+  slug?: Slug
+}>
+
+// Source: ./src/app/pages/[slug]/page.tsx
+// Variable: pageQuery
+// Query: *[_type == "page" && slug.current == $slug][0]{    _type,    _id,    title,    sections[]{      ...,      symbol->{_type},      'headline': coalesce(headline, symbol->headline),      'tagline': coalesce(tagline, symbol->tagline),      'subline': coalesce(subline, symbol->subline),      'image': coalesce(image, symbol->image),      product->{        _type,        _id,        title,        slug,        "media": media[0]      },      products[]{        _key,        ...(@->{          _type,          _id,          title,          slug,          "media": media[0]        })      }    },    style  }
+export type PageQueryResult = {
+  _type: 'page'
+  _id: string
+  title: string | null
+  sections: Array<
+    | {
+        headline: string | null
+        description?: string
+        products: Array<{
+          _key: string
+          _type: 'product'
+          _id: string
+          title: string | null
+          slug: Slug | null
+          media: {
+            asset?: {
+              _ref: string
+              _type: 'reference'
+              _weak?: boolean
+              [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+            }
+            hotspot?: SanityImageHotspot
+            crop?: SanityImageCrop
+            alt?: string
+            _type: 'image'
+            _key: string
+          } | null
+        }> | null
+        style?: SectionStyle
+        _type: 'featuredProducts'
+        _key: string
+        symbol: null
+        tagline: null
+        subline: null
+        image: null
+        product: null
+      }
+    | {
+        headline: string | null
+        description?: string
+        image: {
+          asset?: {
+            _ref: string
+            _type: 'reference'
+            _weak?: boolean
+            [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+          }
+          hotspot?: SanityImageHotspot
+          crop?: SanityImageCrop
+          _type: 'image'
+        } | null
+        ctas?: Array<{
+          title?: string
+          href?: string
+          _type: 'cta'
+          _key: string
+        }>
+        product: {
+          _type: 'product'
+          _id: string
+          title: string | null
+          slug: Slug | null
+          media: {
+            asset?: {
+              _ref: string
+              _type: 'reference'
+              _weak?: boolean
+              [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+            }
+            hotspot?: SanityImageHotspot
+            crop?: SanityImageCrop
+            alt?: string
+            _type: 'image'
+            _key: string
+          } | null
+        } | null
+        style?: SectionStyle
+        _type: 'featureHighlight'
+        _key: string
+        symbol: null
+        tagline: null
+        subline: null
+        products: null
+      }
+    | {
+        headline: string | null
+        tagline: string | null
+        subline: string | null
+        image: {
+          asset?: {
+            _ref: string
+            _type: 'reference'
+            _weak?: boolean
+            [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+          }
+          hotspot?: SanityImageHotspot
+          crop?: SanityImageCrop
+          _type: 'image'
+        } | null
+        style?: SectionStyle
+        _type: 'hero'
+        _key: string
+        symbol: null
+        product: null
+        products: null
+      }
+    | {
+        headline: string | null
+        intro?: string
+        style?: SectionStyle
+        _type: 'intro'
+        _key: string
+        symbol: null
+        tagline: null
+        subline: null
+        image: null
+        product: null
+        products: null
+      }
+    | {
+        symbol: {
+          _type: 'page.section'
+        } | null
+        headline: string | null
+        tagline: string | null
+        subline: string | null
+        _type: 'section'
+        _key: string
+        image: null
+        product: null
+        products: null
+      }
+  > | null
+  style: null
+} | null
+// Variable: pageSlugs
+// Query: *[_type == "page" && defined(slug.current)]{"slug": slug.current}
+export type PageSlugsResult = Array<{
+  slug: string | null
+}>
+
+// Source: ./src/app/product/[slug]/page.tsx
+// Variable: productSlugsQuery
+// Query: *[_type == "product" && defined(slug.current)]{"slug": slug.current}
+export type ProductSlugsQueryResult = Array<{
+  slug: string | null
+}>
+// Variable: productPageQuery
+// Query: *[_type == "product" && slug.current == $slug][0]
+export type ProductPageQueryResult = {
+  _id: string
+  _type: 'product'
+  _createdAt: string
+  _updatedAt: string
+  _rev: string
+  title?: string
+  slug?: Slug
+  media?: Array<{
+    asset?: {
+      _ref: string
+      _type: 'reference'
+      _weak?: boolean
+      [internalGroqTypeReferenceTo]?: 'sanity.imageAsset'
+    }
+    hotspot?: SanityImageHotspot
+    crop?: SanityImageCrop
+    alt?: string
+    _type: 'image'
+    _key: string
+  }>
+  description?: Array<{
+    children?: Array<{
+      marks?: Array<string>
+      text?: string
+      _type: 'span'
+      _key: string
+    }>
+    style?: 'blockquote' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'normal'
+    listItem?: 'bullet' | 'number'
+    markDefs?: Array<{
+      href?: string
+      _type: 'link'
+      _key: string
+    }>
+    level?: number
+    _type: 'block'
+    _key: string
+  }>
+  brandReference?: unknown
+  details?: {
+    materials?: string
+    collectionNotes?: Array<{
+      children?: Array<{
+        marks?: Array<string>
+        text?: string
+        _type: 'span'
+        _key: string
+      }>
+      style?: 'blockquote' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'normal'
+      listItem?: 'bullet' | 'number'
+      markDefs?: Array<{
+        href?: string
+        _type: 'link'
+        _key: string
+      }>
+      level?: number
+      _type: 'block'
+      _key: string
+    }>
+    performance?: Array<{
+      children?: Array<{
+        marks?: Array<string>
+        text?: string
+        _type: 'span'
+        _key: string
+      }>
+      style?: 'blockquote' | 'h1' | 'h2' | 'h3' | 'h4' | 'h5' | 'h6' | 'normal'
+      listItem?: 'bullet' | 'number'
+      markDefs?: Array<{
+        href?: string
+        _type: 'link'
+        _key: string
+      }>
+      level?: number
+      _type: 'block'
+      _key: string
+    }>
+    ledLifespan?: string
+    certifications?: Array<string>
+  }
+  variants?: Array<{
+    title?: string
+    price?: string
+    sku?: string
+    _type: 'variant'
+    _key: string
+  }>
+} | null
+
+// Source: ./src/app/project/[slug]/page.tsx
+// Variable: projectSlugsQuery
+// Query: *[_type == "project" && defined(slug.current)]{"slug": slug.current}
+export type ProjectSlugsQueryResult = Array<{
+  slug: string | null
+}>
+// Variable: projectPageQuery
+// Query: *[_type == "project" && slug.current == $slug][0]
+export type ProjectPageQueryResult = {
+  _id: string
+  _type: 'project'
+  _createdAt: string
+  _updatedAt: string
+  _rev: string
+  title?: string
+  slug?: Slug
+} | null
+
+declare module '@sanity/client' {
+  interface SanityQueries {
+    '\n  *[_id == "siteSettings"][0]{\n  title,\n  description,\n  copyrightText\n}': LayoutQueryResult
+    "\n  *[_id == \"siteSettings\"][0]{\n    frontPage->{\n      _type,\n      _id,\n      title,\n      sections[]{\n        ...,\n        symbol->{_type},\n        'headline': coalesce(headline, symbol->headline),\n        'tagline': coalesce(tagline, symbol->tagline),\n        'subline': coalesce(subline, symbol->subline),\n        'image': coalesce(image, symbol->image),\n        product->{\n          _type,\n          _id,\n          title,\n          slug,\n          \"media\": media[0]\n        },\n        products[]{\n          _key,\n          ...(@->{\n            _type,\n            _id,\n            title,\n            slug,\n            \"media\": media[0]\n          })\n        }\n      },\n      style\n    }\n  }.frontPage\n": FrontPageQueryResult
+    '\n  *[_type == "product" && defined(slug.current)]{\n    _id,\n    title,\n    description,\n    slug,\n    "media": media[0]\n  }\n': ProductsPageQueryResult
+    '*[_type == "project" && defined(slug.current)]': ProjectsPageQueryResult
+    "\n  *[_type == \"page\" && slug.current == $slug][0]{\n    _type,\n    _id,\n    title,\n    sections[]{\n      ...,\n      symbol->{_type},\n      'headline': coalesce(headline, symbol->headline),\n      'tagline': coalesce(tagline, symbol->tagline),\n      'subline': coalesce(subline, symbol->subline),\n      'image': coalesce(image, symbol->image),\n      product->{\n        _type,\n        _id,\n        title,\n        slug,\n        \"media\": media[0]\n      },\n      products[]{\n        _key,\n        ...(@->{\n          _type,\n          _id,\n          title,\n          slug,\n          \"media\": media[0]\n        })\n      }\n    },\n    style\n  }\n": PageQueryResult
+    '*[_type == "page" && defined(slug.current)]{"slug": slug.current}': PageSlugsResult
+    '*[_type == "product" && defined(slug.current)]{"slug": slug.current}': ProductSlugsQueryResult
+    '*[_type == "product" && slug.current == $slug][0]': ProductPageQueryResult
+    '*[_type == "project" && defined(slug.current)]{"slug": slug.current}': ProjectSlugsQueryResult
+    '*[_type == "project" && slug.current == $slug][0]': ProjectPageQueryResult
+  }
+}
diff --git a/apps/page-builder-demo/src/sanity/client.ts b/apps/page-builder-demo/src/sanity/client.ts
index e7129dbb5..8b2717527 100644
--- a/apps/page-builder-demo/src/sanity/client.ts
+++ b/apps/page-builder-demo/src/sanity/client.ts
@@ -1,18 +1,16 @@
+import {apiVersion, workspaces} from '@repo/env'
+import {studioUrl as baseUrl} from '@repo/studio-url'
 import {createClient} from '@sanity/client'
-import {workspaces, apiVersion, studioUrl} from 'apps-common/env'
 
-const {projectId, dataset, workspace} = workspaces['page-builder-demo']
+const {projectId, dataset, workspace, tool} = workspaces['page-builder-demo']
 
-export function getClient() {
-  return createClient({
-    projectId,
-    dataset,
-    useCdn: false,
-    apiVersion,
-    perspective: 'previewDrafts',
-    stega: {
-      enabled: true,
-      studioUrl: () => ({baseUrl: studioUrl, workspace}),
-    },
-  })
-}
+export const client = createClient({
+  projectId,
+  dataset,
+  useCdn: true,
+  apiVersion,
+  perspective: 'published',
+  stega: {
+    studioUrl: () => ({baseUrl, workspace, tool}),
+  },
+})
diff --git a/apps/page-builder-demo/src/sanity/dataAttribute.ts b/apps/page-builder-demo/src/sanity/dataAttribute.ts
index 475a78a15..60a1a81cb 100644
--- a/apps/page-builder-demo/src/sanity/dataAttribute.ts
+++ b/apps/page-builder-demo/src/sanity/dataAttribute.ts
@@ -1,13 +1,21 @@
-import {SanityNode, encodeSanityNodeData} from '@sanity/react-loader/jsx'
-import {studioUrl, workspaces} from 'apps-common/env'
+import {workspaces} from '@repo/env'
+import {studioUrl as baseUrl} from '@repo/studio-url'
+import {createDataAttribute} from 'next-sanity'
 
-const workspace = workspaces['page-builder-demo']
+const {projectId, dataset, workspace, tool} = workspaces['page-builder-demo']
 
-export function dataAttribute(node: Omit<SanityNode, 'baseUrl' | 'dataset' | 'projectId'>) {
-  return encodeSanityNodeData({
-    baseUrl: `${studioUrl}/${workspace.workspace}`,
-    projectId: workspaces['page-builder-demo'].projectId,
-    dataset: workspaces['page-builder-demo'].dataset,
+export function dataAttribute(
+  node: Omit<
+    Parameters<typeof createDataAttribute>[0],
+    'baseUrl' | 'workspace' | 'tool' | 'projectId' | 'dataset'
+  >,
+) {
+  return createDataAttribute({
+    baseUrl,
+    workspace,
+    tool,
+    projectId,
+    dataset,
     ...node,
   })
 }
diff --git a/apps/page-builder-demo/src/sanity/image.ts b/apps/page-builder-demo/src/sanity/image.ts
index 7f8c2c664..36cd9bdec 100644
--- a/apps/page-builder-demo/src/sanity/image.ts
+++ b/apps/page-builder-demo/src/sanity/image.ts
@@ -1,5 +1,5 @@
+import {workspaces} from '@repo/env'
 import createImageUrlBuilder from '@sanity/image-url'
-import {workspaces} from 'apps-common/env'
 
 const {projectId, dataset} = workspaces['page-builder-demo']
 
diff --git a/apps/page-builder-demo/src/sanity/index.ts b/apps/page-builder-demo/src/sanity/index.ts
deleted file mode 100644
index 0c6248ace..000000000
--- a/apps/page-builder-demo/src/sanity/index.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-export * from './client'
-export * from './dataAttribute'
-export * from './image'
-export * from './store'
-export * from './token'
-export * from './types'
diff --git a/apps/page-builder-demo/src/sanity/live.ts b/apps/page-builder-demo/src/sanity/live.ts
new file mode 100644
index 000000000..bcf8f7839
--- /dev/null
+++ b/apps/page-builder-demo/src/sanity/live.ts
@@ -0,0 +1,19 @@
+import 'server-only'
+import {defineLive} from 'next-sanity'
+import {client} from './client'
+
+const serverToken = process.env.SANITY_API_READ_TOKEN
+const browserToken = process.env.SANITY_API_BROWSER_TOKEN
+
+if (!serverToken) {
+  throw new Error('Missing SANITY_API_READ_TOKEN')
+}
+if (!browserToken) {
+  throw new Error('Missing SANITY_API_BROWSER_TOKEN')
+}
+
+export const {sanityFetch, SanityLive} = defineLive({
+  client,
+  serverToken,
+  browserToken,
+})
diff --git a/apps/page-builder-demo/src/sanity/store.ts b/apps/page-builder-demo/src/sanity/store.ts
deleted file mode 100644
index 4e0643683..000000000
--- a/apps/page-builder-demo/src/sanity/store.ts
+++ /dev/null
@@ -1,64 +0,0 @@
-import {QueryParams} from '@sanity/client'
-import {SanityNodeContext, wrapData} from '@sanity/react-loader/jsx'
-import {
-  setServerClient,
-  useQuery as _useQuery,
-  type UseQueryOptionsDefinedInitial,
-} from '@sanity/react-loader'
-import {studioUrl, workspaces} from 'apps-common/env'
-import {getClient} from './client'
-import {useMemo} from 'react'
-import * as React from 'react'
-
-export {loadQuery, useLiveMode} from '@sanity/react-loader'
-
-const workspace = workspaces['page-builder-demo']
-
-export const client = getClient()
-
-const token = process.env.SANITY_API_READ_TOKEN
-
-if (typeof document === 'undefined') {
-  setServerClient(client.withConfig({token}))
-
-  if (token) {
-    React.experimental_taintUniqueValue?.(
-      'Do not pass the sanity API read token to the client.',
-      process,
-      token,
-    )
-  }
-}
-
-const context: SanityNodeContext = {
-  baseUrl: `${studioUrl}/${workspace.workspace}`,
-}
-
-const DEFAULT_PARAMS = {}
-
-export function useQuery<T>(
-  query: string,
-  params: QueryParams = DEFAULT_PARAMS,
-  options: UseQueryOptionsDefinedInitial<T>,
-) {
-  const {
-    data: rawData,
-    error,
-    loading,
-    sourceMap,
-    encodeDataAttribute,
-  } = _useQuery<T>(query, params, options)
-
-  const data = useMemo(
-    () => (loading || error ? undefined : wrapData(context, rawData, sourceMap)),
-    [error, loading, rawData, sourceMap],
-  )
-
-  return {
-    data,
-    error,
-    loading,
-    sourceMap,
-    encodeDataAttribute,
-  }
-}
diff --git a/apps/page-builder-demo/src/sanity/token.ts b/apps/page-builder-demo/src/sanity/token.ts
deleted file mode 100644
index ac5856b85..000000000
--- a/apps/page-builder-demo/src/sanity/token.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-// eslint-disable-next-line no-process-env
-export const token = process.env.SANITY_API_READ_TOKEN!
diff --git a/apps/page-builder-demo/tailwind.config.cjs b/apps/page-builder-demo/tailwind.config.cjs
index 43ca8d64e..6124a9554 100644
--- a/apps/page-builder-demo/tailwind.config.cjs
+++ b/apps/page-builder-demo/tailwind.config.cjs
@@ -5,6 +5,13 @@ const {theme} = require('@sanity/demo/tailwind')
 /** @type {import('tailwindcss').Config} */
 module.exports = {
   content: ['./src/**/*.{ts,tsx}'],
-  theme,
+  theme: {
+    ...theme,
+    fontFamily: {
+      mono: 'var(--font-mono)',
+      sans: 'var(--font-sans)',
+      serif: 'var(--font-serif)',
+    },
+  },
   plugins: [require('@tailwindcss/typography')],
 }
diff --git a/apps/page-builder-demo/turbo.json b/apps/page-builder-demo/turbo.json
index 04dd59627..0f72b8a89 100644
--- a/apps/page-builder-demo/turbo.json
+++ b/apps/page-builder-demo/turbo.json
@@ -4,7 +4,12 @@
   "tasks": {
     "build": {
       "inputs": ["$TURBO_DEFAULT$", ".env", ".env.local"],
-      "env": ["NEXT_PUBLIC_SANITY_*", "NEXT_PUBLIC_VERCEL_ENV", "SANITY_API_READ_TOKEN"],
+      "env": [
+        "NEXT_PUBLIC_SANITY_*",
+        "NEXT_PUBLIC_VERCEL_ENV",
+        "SANITY_API_READ_TOKEN",
+        "SANITY_API_BROWSER_TOKEN"
+      ],
       "outputs": [".next/**", "!.next/cache/**"]
     }
   }
diff --git a/apps/remix/README.md b/apps/remix/README.md
deleted file mode 100644
index d25767760..000000000
--- a/apps/remix/README.md
+++ /dev/null
@@ -1,40 +0,0 @@
-> **Warning**  
-> The `@remix-run/vercel` runtime adapter has been deprecated in favor of out of
-> the box Vercel functionality and will be removed in Remix v2.  
-> This means you don't have to use the Vercel template & can just use the Remix
-> template instead.
-
-# Welcome to Remix!
-
-- [Remix Docs](https://remix.run/docs)
-
-## Deployment
-
-After having run the `create-remix` command and selected "Vercel" as a deployment target, you only need to [import your Git repository](https://vercel.com/new) into Vercel, and it will be deployed.
-
-If you'd like to avoid using a Git repository, you can also deploy the directory by running [Vercel CLI](https://vercel.com/cli):
-
-```sh
-npm i -g vercel
-vercel
-```
-
-It is generally recommended to use a Git repository, because future commits will then automatically be deployed by Vercel, through its [Git Integration](https://vercel.com/docs/concepts/git).
-
-## Development
-
-To run your Remix app locally, make sure your project's local dependencies are installed:
-
-```sh
-npm install
-```
-
-Afterwards, start the Remix development server like so:
-
-```sh
-npm run dev
-```
-
-Open up [http://localhost:3000](http://localhost:3000) and you should be ready to go!
-
-If you're used to using the `vercel dev` command provided by [Vercel CLI](https://vercel.com/cli) instead, you can also use that, but it's not needed.
diff --git a/apps/remix/app/LiveVisualEditing.tsx b/apps/remix/app/LiveVisualEditing.tsx
index e857213a5..4db0b8c88 100644
--- a/apps/remix/app/LiveVisualEditing.tsx
+++ b/apps/remix/app/LiveVisualEditing.tsx
@@ -1,5 +1,5 @@
-import {VisualEditing} from '@sanity/visual-editing/remix'
 import {useLiveMode} from '@sanity/react-loader'
+import {VisualEditing} from '@sanity/visual-editing/remix'
 import {client} from '~/sanity'
 
 export default function LiveVisualEditing() {
diff --git a/apps/remix/app/queries.ts b/apps/remix/app/queries.ts
new file mode 100644
index 000000000..acac1322e
--- /dev/null
+++ b/apps/remix/app/queries.ts
@@ -0,0 +1,63 @@
+import type {ImageAsset, ImageCrop, ImageHotspot, PortableTextTextBlock} from 'sanity'
+
+export const shoesList = /* groq */ `*[_type == "shoe" && defined(slug.current)]{
+  title,
+  slug,
+  "price": string(price),
+  "media": media[0]{ alt, asset, crop, hotspot },
+  "brand": brandReference->{name, slug, logo{ alt, asset, crop, hotspot }},
+} | order(_updatedAt desc) `
+export type ShoesListResult = {
+  title?: string | null
+  slug: {current: string}
+  price?: string | null
+  media?: {
+    alt?: string | null
+    asset?: ImageAsset | null
+    crop?: ImageCrop | null
+    hotspot?: ImageHotspot | null
+  } | null
+  description?: PortableTextTextBlock[] | null
+  brand?: {
+    name?: string | null
+    slug?: {current?: string | null} | null
+    logo?: {
+      alt?: string | null
+      asset?: ImageAsset | null
+      crop?: ImageCrop | null
+      hotspot?: ImageHotspot | null
+    } | null
+  } | null
+}[]
+
+export const shoe = /* groq */ `*[_type == "shoe" && slug.current == $slug]{
+  title,
+  slug,
+  "price": string(price),
+  "media": media[]{ alt, asset, crop, hotspot },
+  "brand": brandReference->{name, slug, logo{ alt, asset, crop, hotspot }},
+  description,
+}[0]`
+export type ShoeParams = {slug: string}
+export type ShoeResult = {
+  title?: string | null
+  slug: {current: string}
+  price?: string | null
+  media?: {
+    alt?: string | null
+    asset?: ImageAsset | null
+    crop?: ImageCrop | null
+    hotspot?: ImageHotspot | null
+  }[]
+  brand?: {
+    name?: string | null
+    slug?: {current?: string | null} | null
+    logo?: {
+      alt?: string | null
+      asset?: ImageAsset | null
+      crop?: ImageCrop | null
+      hotspot?: ImageHotspot | null
+    } | null
+  } | null
+  description?: PortableTextTextBlock[] | null
+}
diff --git a/apps/remix/app/root.tsx b/apps/remix/app/root.tsx
index 0cea497a2..d1d18b28f 100644
--- a/apps/remix/app/root.tsx
+++ b/apps/remix/app/root.tsx
@@ -1,9 +1,7 @@
-import {json, type LinksFunction} from '@vercel/remix'
 import {Links, Meta, Outlet, Scripts, ScrollRestoration, useLoaderData} from '@remix-run/react'
-import {lazy, Suspense, useEffect, useMemo, useState, useSyncExternalStore} from 'react'
-
+import {json, type LinksFunction} from '@vercel/remix'
 import styles from '~/tailwind.css?url'
-import {formatTimeSince} from 'apps-common/utils'
+import {lazy, Suspense, useEffect, useMemo, useState, useSyncExternalStore} from 'react'
 
 const LiveVisualEditing = lazy(() => import('./LiveVisualEditing'))
 
@@ -64,3 +62,21 @@ function Timesince(props: {since: string}) {
   if (!mounted) return 'now'
   return <span className="tabular-nums">{formatTimeSince(from, now)}</span>
 }
+
+const rtf = new Intl.RelativeTimeFormat('en', {style: 'short'})
+export function formatTimeSince(from: Date, to: Date): string {
+  const seconds = Math.floor((from.getTime() - to.getTime()) / 1000)
+  if (seconds > -60) {
+    return rtf.format(Math.min(seconds, -1), 'second')
+  }
+  const minutes = Math.ceil(seconds / 60)
+  if (minutes > -60) {
+    return rtf.format(minutes, 'minute')
+  }
+  const hours = Math.ceil(minutes / 60)
+  if (hours > -24) {
+    return rtf.format(hours, 'hour')
+  }
+  const days = Math.ceil(hours / 24)
+  return rtf.format(days, 'day')
+}
diff --git a/apps/remix/app/routes/shoes.$slug.tsx b/apps/remix/app/routes/shoes.$slug.tsx
index b8410372f..580dc3eb1 100644
--- a/apps/remix/app/routes/shoes.$slug.tsx
+++ b/apps/remix/app/routes/shoes.$slug.tsx
@@ -1,17 +1,11 @@
 import {PortableText} from '@portabletext/react'
-import {json, type LoaderFunction} from '@vercel/remix'
 import {Link, useLoaderData} from '@remix-run/react'
 import {useQuery} from '@sanity/react-loader'
-import {
-  shoe,
-  shoesList,
-  type ShoeParams,
-  type ShoeResult,
-  type ShoesListResult,
-} from 'apps-common/queries'
-import {formatCurrency} from 'apps-common/utils'
+import {json, type LoaderFunction} from '@vercel/remix'
+import {shoe, shoesList, type ShoeParams, type ShoeResult, type ShoesListResult} from '~/queries'
 import {urlFor, urlForCrossDatasetReference} from '~/sanity'
 import {loadQuery} from '~/sanity.loader.server'
+import {formatCurrency} from '~/utils'
 
 export const loader: LoaderFunction = async ({params}) => {
   return json({
diff --git a/apps/remix/app/routes/shoes._index.tsx b/apps/remix/app/routes/shoes._index.tsx
index 1bc5eaa7b..a86eff8a0 100644
--- a/apps/remix/app/routes/shoes._index.tsx
+++ b/apps/remix/app/routes/shoes._index.tsx
@@ -1,10 +1,10 @@
 import {Link, useLoaderData} from '@remix-run/react'
-import {formatCurrency} from 'apps-common/utils'
-import {shoesList, type ShoesListResult} from 'apps-common/queries'
-import {json} from '@vercel/remix'
 import {useQuery} from '@sanity/react-loader'
-import {loadQuery} from '~/sanity.loader.server'
+import {json} from '@vercel/remix'
+import {shoesList, type ShoesListResult} from '~/queries'
 import {urlFor, urlForCrossDatasetReference} from '~/sanity'
+import {loadQuery} from '~/sanity.loader.server'
+import {formatCurrency} from '~/utils'
 
 export const loader = async () => {
   return json({initial: await loadQuery<ShoesListResult>(shoesList)})
diff --git a/apps/remix/app/sanity.loader.server.ts b/apps/remix/app/sanity.loader.server.ts
index 5159a3d48..366642abc 100644
--- a/apps/remix/app/sanity.loader.server.ts
+++ b/apps/remix/app/sanity.loader.server.ts
@@ -1,5 +1,5 @@
-import {client} from './sanity'
 import {loadQuery as server__loadQuery, setServerClient} from '@sanity/react-loader'
+import {client} from './sanity'
 
 setServerClient(client)
 
diff --git a/apps/remix/app/sanity.ts b/apps/remix/app/sanity.ts
index d218c0e0e..a5139ef40 100644
--- a/apps/remix/app/sanity.ts
+++ b/apps/remix/app/sanity.ts
@@ -1,6 +1,8 @@
+import {apiVersion, workspaces} from '@repo/env'
+import {studioUrl as baseUrl} from '@repo/studio-url'
 import {createClient} from '@sanity/client'
-import {apiVersion, studioUrl as baseUrl, workspaces} from 'apps-common/env'
 import imageUrlBuilder from '@sanity/image-url'
+
 const {projectId, dataset} = workspaces['remix']
 
 export const client = createClient({
diff --git a/apps/remix/app/utils.ts b/apps/remix/app/utils.ts
new file mode 100644
index 000000000..e60534636
--- /dev/null
+++ b/apps/remix/app/utils.ts
@@ -0,0 +1,18 @@
+import {vercelStegaSplit} from '@vercel/stega'
+
+export function formatCurrency(_value: number | string): string {
+  let value = typeof _value === 'string' ? undefined : _value
+  let encoded = ''
+  if (typeof _value === 'string') {
+    const split = vercelStegaSplit(_value)
+    value = parseInt(split.cleaned, 10)
+    encoded = split.encoded
+  }
+  const formatter = new Intl.NumberFormat('en', {
+    style: 'currency',
+    currency: 'USD',
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0,
+  })
+  return `${formatter.format(value!)}${encoded}`
+}
diff --git a/apps/remix/package.json b/apps/remix/package.json
index 02d9984f0..e4aa6a5fa 100644
--- a/apps/remix/package.json
+++ b/apps/remix/package.json
@@ -7,33 +7,36 @@
     "build": "remix vite:build",
     "dev": "remix vite:dev"
   },
+  "prettier": "@repo/prettier-config",
   "dependencies": {
     "@portabletext/react": "^3.1.0",
-    "@remix-run/css-bundle": "^2.12.0",
-    "@remix-run/node": "^2.12.0",
-    "@remix-run/react": "^2.12.0",
-    "@remix-run/serve": "^2.12.0",
+    "@remix-run/css-bundle": "^2.13.1",
+    "@remix-run/node": "^2.13.1",
+    "@remix-run/react": "^2.13.1",
+    "@remix-run/serve": "^2.13.1",
+    "@repo/env": "workspace:*",
+    "@repo/studio-url": "workspace:*",
     "@sanity/image-url": "^1.0.2",
     "@sanity/react-loader": "workspace:*",
     "@sanity/visual-editing": "workspace:*",
-    "@vercel/remix": "^2.11.2",
+    "@vercel/remix": "^2.12.0",
     "@vercel/stega": "0.1.2",
-    "apps-common": "workspace:*",
     "isbot": "^5.1.17",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "source-map-support": "^0.5.21"
   },
   "devDependencies": {
-    "@remix-run/dev": "^2.12.0",
-    "@remix-run/eslint-config": "^2.12.0",
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
+    "@remix-run/dev": "^2.13.1",
+    "@remix-run/eslint-config": "^2.13.1",
+    "@repo/prettier-config": "workspace:*",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
     "@types/source-map-support": "^0.5.10",
-    "eslint": "^8.57.0",
-    "tailwindcss": "^3.4.10",
-    "typescript": "5.6.2",
-    "vite": "^5.4.3",
+    "eslint": "^8.57.1",
+    "tailwindcss": "^3.4.14",
+    "typescript": "5.6.3",
+    "vite": "^5.4.9",
     "vite-tsconfig-paths": "^5.0.1"
   },
   "engines": {
diff --git a/apps/remix/tsconfig.json b/apps/remix/tsconfig.json
index 59f8b9c6f..8f9162704 100644
--- a/apps/remix/tsconfig.json
+++ b/apps/remix/tsconfig.json
@@ -21,9 +21,7 @@
     "forceConsistentCasingInFileNames": true,
     "baseUrl": ".",
     "paths": {
-      "~/*": ["./app/*"],
-      "apps-common": ["../common/src"],
-      "apps-common/*": ["../common/src/*"]
+      "~/*": ["./app/*"]
     },
 
     // Remix takes care of building everything in `remix build`.
diff --git a/apps/studio/.env.local b/apps/studio/.env.local
index 8d8c4e4b9..134565f45 100644
--- a/apps/studio/.env.local
+++ b/apps/studio/.env.local
@@ -1,6 +1,10 @@
+# Test the new QRCode Preview URL menu
+SANITY_STUDIO_PRESENTATION_ENABLE_QRCODE=true
+
 # If you are opening a PR you can paste these variables into: https://vercel.com/sanity-sandbox/visual-editing-studio/settings/environment-variables
 # and then use "Preview (Select custom branch)" and batch add vars so that changes in the Studio side, and app side, can be tested together:
 SANITY_STUDIO_ASTRO_PREVIEW_URL=""
+SANITY_STUDIO_LIVE_NEXT_PREVIEW_URL=""
 SANITY_STUDIO_NEXT_APP_ROUTER_PREVIEW_URL=""
 SANITY_STUDIO_NEXT_PAGES_ROUTER_PREVIEW_URL=""
 SANITY_STUDIO_NUXT_PREVIEW_URL=""
@@ -10,9 +14,10 @@ SANITY_STUDIO_SVELTE_PREVIEW_URL=""
 
 # If these are not specified, and a Linear branch URL not used, then the Studio will connect to production deployment with the values below are used:
 # SANITY_STUDIO_ASTRO_PREVIEW_URL="https://visual-editing-astro-git-preview.sanity.dev/shoes"
+# SANITY_STUDIO_LIVE_NEXT_PREVIEW_URL="https://live-visual-editing-next.sanity.dev/"
 # SANITY_STUDIO_NEXT_APP_ROUTER_PREVIEW_URL="https://visual-editing-next.sanity.dev/shoes"
-# SANITY_STUDIO_NEXT_PAGES_ROUTER_PREVIEW_URL="https://visual-editing-next.sanity.build/pages-router/shoes"
-# SANITY_STUDIO_NUXT_PREVIEW_URL="https://visual-editing-nuxt.sanity.build/shoes"
-# SANITY_STUDIO_PAGE_BUILDER_DEMO_PREVIEW_URL="https://visual-editing-page-builder-demo.sanity.build"
-# SANITY_STUDIO_REMIX_PREVIEW_URL="https://visual-editing-remix.sanity.build/shoes"
-# SANITY_STUDIO_SVELTE_PREVIEW_URL="https://visual-editing-svelte.sanity.build/shoes"
+# SANITY_STUDIO_NEXT_PAGES_ROUTER_PREVIEW_URL="https://visual-editing-next.sanity.dev/pages-router/shoes"
+# SANITY_STUDIO_NUXT_PREVIEW_URL="https://visual-editing-nuxt.sanity.dev/shoes"
+# SANITY_STUDIO_PAGE_BUILDER_DEMO_PREVIEW_URL="https://visual-editing-page-builder-demo.sanity.dev"
+# SANITY_STUDIO_REMIX_PREVIEW_URL="https://visual-editing-remix.sanity.dev/shoes"
+# SANITY_STUDIO_SVELTE_PREVIEW_URL="https://visual-editing-svelte.sanity.dev/shoes"
diff --git a/apps/studio/locate.ts b/apps/studio/locate.ts
deleted file mode 100644
index 52905beb6..000000000
--- a/apps/studio/locate.ts
+++ /dev/null
@@ -1,101 +0,0 @@
-import type {
-  DocumentLocationResolver,
-  DocumentLocationsState,
-} from '../../packages/presentation/src'
-import {Observable, map} from 'rxjs'
-
-export const locate: DocumentLocationResolver = (params, context) => {
-  const {documentStore} = context
-
-  if (params.type === 'shoe') {
-    // Listen to the query and fetch the draft and published document
-    const doc$ = documentStore.listenQuery(`*[_id == $id][0]{slug,title}`, params, {
-      perspective: 'previewDrafts',
-    }) as Observable<{
-      slug: {current: string | null} | null
-      title: string | null
-    } | null>
-
-    return doc$.pipe(
-      map((doc) => {
-        if (!doc || !doc.slug?.current) return null
-
-        return {
-          locations: [
-            {
-              title: doc.title || 'Untitled',
-              href: `/shoes/${doc.slug.current}`,
-            },
-            {
-              title: 'Shoes',
-              href: `/shoes`,
-            },
-          ],
-        }
-      }),
-    )
-  }
-
-  if (params.type === 'siteSettings') {
-    return {
-      message: 'This document is used on all pages',
-      tone: 'caution',
-    } satisfies DocumentLocationsState
-  }
-
-  if (params.type === 'product') {
-    const doc$ = context.documentStore.listenQuery(`*[_id==$id]{slug,title}[0]`, params, {
-      perspective: 'previewDrafts',
-    }) as Observable<{
-      slug: {current: string}
-      title: string | null
-    } | null>
-
-    return doc$.pipe(
-      map((doc) => {
-        return {
-          locations: [
-            {
-              title: doc?.title || 'Untitled',
-              href: `/product/${doc?.slug?.current}`,
-            },
-            {
-              title: 'Products',
-              href: '/products',
-            },
-          ],
-          // message: 'This document is used on multiple pages',
-        } satisfies DocumentLocationsState
-      }),
-    )
-  }
-
-  if (params.type === 'project') {
-    const doc$ = context.documentStore.listenQuery(`*[_id==$id]{slug,title}[0]`, params, {
-      perspective: 'previewDrafts',
-    }) as Observable<{
-      slug: {current: string}
-      title: string | null
-    } | null>
-
-    return doc$.pipe(
-      map((doc) => {
-        return {
-          locations: [
-            {
-              title: doc?.title || 'Untitled',
-              href: `/product/${doc?.slug?.current}`,
-            },
-            {
-              title: 'Projects',
-              href: '/projects',
-            },
-          ],
-          // message: 'This document is used on multiple pages',
-        } satisfies DocumentLocationsState
-      }),
-    )
-  }
-
-  return null
-}
diff --git a/apps/studio/models/documents/Building.ts b/apps/studio/models/documents/Building.ts
deleted file mode 100644
index 759d8b553..000000000
--- a/apps/studio/models/documents/Building.ts
+++ /dev/null
@@ -1,90 +0,0 @@
-const Building = {
-  name: 'Building',
-  title: 'Building',
-  type: 'document',
-  fields: [
-    {
-      title: 'Building Title',
-      name: 'title',
-      type: 'string',
-      validation: (Rule: any) => Rule.required(),
-    },
-    {
-      name: 'name',
-      title: 'Name',
-      description: 'Displayed in Campus App UI',
-      type: 'string',
-      validation: (Rule: any) => Rule.required(),
-    },
-    {
-      name: 'address',
-      title: 'Building Address',
-      type: 'string',
-      validation: (Rule: any) => Rule.required(),
-    },
-    {
-      name: 'city',
-      title: 'City',
-      type: 'string',
-      validation: (Rule: any) => Rule.required(),
-    },
-    {
-      title: 'Postal Code',
-      name: 'zip',
-      type: 'string',
-    },
-    {
-      title: 'Building Description',
-      name: 'buildingDescription',
-      type: 'string',
-    },
-    {
-      title: 'Building Status',
-      name: 'status',
-      type: 'string',
-      validation: (Rule: any) => Rule.required(),
-      options: {
-        list: [
-          {title: 'Closed', value: '1a'},
-          {title: 'Open', value: '2a'},
-        ],
-        layout: 'radio',
-      },
-    },
-    {
-      title: 'Building Id',
-      name: 'buildingId',
-      type: 'string',
-      readOnly: true,
-    },
-    {
-      title: 'Building Location',
-      name: 'location',
-      type: 'geopoint',
-    },
-    {
-      title: 'Building Timezone',
-      name: 'timezone',
-      type: 'string',
-    },
-    {
-      title: 'Floors',
-      name: 'floors',
-      type: 'array',
-      of: [
-        {
-          type: 'reference',
-          to: [{type: 'Floor'}],
-        },
-      ],
-    },
-    {
-      title: 'Promoted Building',
-      name: 'promotedBuilding',
-      type: 'boolean',
-      initialValue: false,
-      readOnly: false,
-    },
-  ],
-}
-export default Building
diff --git a/apps/studio/models/documents/Floor.ts b/apps/studio/models/documents/Floor.ts
deleted file mode 100644
index 30d22c1fe..000000000
--- a/apps/studio/models/documents/Floor.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-const Floor = {
-  name: 'Floor',
-  title: 'Floor',
-  type: 'document',
-  fields: [
-    {
-      title: 'Title',
-      name: 'title',
-      type: 'string',
-      validation: (Rule: any) => Rule.required(),
-    },
-    {
-      title: 'Name',
-      name: 'name',
-      type: 'string',
-      validation: (Rule: any) => Rule.required(),
-    },
-    {
-      title: 'Label',
-      name: 'label',
-      type: 'string',
-    },
-    {
-      title: 'Spaces',
-      name: 'spaces',
-      type: 'array',
-      of: [
-        {
-          type: 'reference',
-          to: [{type: 'Space'}],
-        },
-      ],
-    },
-  ],
-}
-export default Floor
diff --git a/apps/studio/models/documents/Space.ts b/apps/studio/models/documents/Space.ts
deleted file mode 100644
index 79c5d10eb..000000000
--- a/apps/studio/models/documents/Space.ts
+++ /dev/null
@@ -1,97 +0,0 @@
-const Space = {
-  name: 'Space',
-  title: 'Space',
-  type: 'document',
-  fields: [
-    {
-      title: 'Title',
-      name: 'title',
-      type: 'string',
-      validation: (Rule: any) => Rule.required(),
-    },
-    {
-      title: 'Name',
-      name: 'name',
-      type: 'string',
-      validation: (Rule: any) => Rule.required(),
-    },
-    {
-      title: 'Space Code',
-      name: 'spaceCode',
-      type: 'string',
-      validation: (Rule: any) => Rule.required(),
-    },
-    {
-      title: 'Description',
-      name: 'description',
-      type: 'string',
-    },
-    {
-      title: 'Contact Number',
-      name: 'contactNumber',
-      type: 'string',
-    },
-    {
-      title: 'Capacity',
-      name: 'capacity',
-      type: 'number',
-      validation: (Rule: any) => Rule.required(),
-    },
-    {
-      title: 'Is Reservable',
-      name: 'isReservable',
-      type: 'boolean',
-      validation: (Rule: any) => Rule.required(),
-    },
-    {
-      title: 'Type',
-      name: 'spaceType',
-      type: 'array',
-      validation: (Rule: any) => Rule.required(),
-      of: [
-        {
-          type: 'reference',
-          to: [{type: 'SpaceType'}],
-        },
-      ],
-    },
-    {
-      title: 'Is Active',
-      name: 'isActive',
-      type: 'boolean',
-      validation: (Rule: any) => Rule.required(),
-    },
-    {
-      title: 'Video Device Name',
-      name: 'videoDevice',
-      type: 'string',
-    },
-    {
-      title: 'Display Device Name',
-      name: 'displayDevice',
-      type: 'string',
-    },
-    {
-      title: 'Audio Device Name',
-      name: 'audioDevice',
-      type: 'string',
-    },
-    {
-      title: 'Tags',
-      name: 'exchangeTags',
-      type: 'array',
-      of: [
-        {
-          type: 'string',
-        },
-      ],
-    },
-    {
-      title: 'Rating',
-      name: 'rating',
-      type: 'number',
-    },
-  ],
-}
-
-export default Space
diff --git a/apps/studio/models/documents/SpaceType.ts b/apps/studio/models/documents/SpaceType.ts
deleted file mode 100644
index 0a1c63034..000000000
--- a/apps/studio/models/documents/SpaceType.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-const SpaceType = {
-  name: 'SpaceType',
-  title: 'Space Type',
-  type: 'document',
-  fields: [
-    {
-      title: 'Title',
-      name: 'title',
-      type: 'string',
-      validation: (Rule: any) => Rule.required().min(1).error('Space Type Title is required.'),
-    },
-    {
-      title: 'Name',
-      name: 'name',
-      type: 'string',
-      validation: (Rule: any) => Rule.required().min(1).error('Space Type Name is required.'),
-    },
-    {
-      title: 'Value',
-      name: 'value',
-      type: 'string',
-      initialValue: 'Space',
-    },
-    {
-      title: 'System Id',
-      name: 'systemId',
-      type: 'string',
-    },
-  ],
-}
-export default SpaceType
diff --git a/apps/studio/package.json b/apps/studio/package.json
index 8206330e0..72f6f08eb 100644
--- a/apps/studio/package.json
+++ b/apps/studio/package.json
@@ -5,22 +5,29 @@
     "build": "sanity build --source-maps",
     "dev": "sanity dev"
   },
+  "prettier": "@repo/prettier-config",
   "dependencies": {
-    "@sanity/assist": "^3.0.6",
+    "@repo/env": "workspace:*",
+    "@repo/sanity-schema": "workspace:*",
     "@sanity/presentation": "workspace:*",
     "@sanity/preview-url-secret": "workspace:*",
     "@sanity/ui": "2.8.9",
-    "@sanity/vision": "^3.57.2",
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
+    "@sanity/vision": "^3.61.0",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
     "@vercel/stega": "0.1.2",
-    "apps-common": "workspace:*",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "rxjs": "^7.8.1",
-    "sanity": "^3.57.2",
-    "sanity-plugin-asset-source-unsplash": "^3.0.1",
+    "sanity": "^3.61.0",
     "styled-components": "6.1.13",
-    "typescript": "5.6.2"
+    "typescript": "5.6.3"
+  },
+  "devDependencies": {
+    "@repo/prettier-config": "workspace:*"
+  },
+  "dependenciesMeta": {
+    "@repo/sanity-schema": {
+      "injected": true
+    }
   }
 }
diff --git a/apps/studio/presentation/CustomNavigator.tsx b/apps/studio/presentation/CustomNavigator.tsx
index 6bdc258c0..21aedee44 100644
--- a/apps/studio/presentation/CustomNavigator.tsx
+++ b/apps/studio/presentation/CustomNavigator.tsx
@@ -1,6 +1,6 @@
+import {AddIcon, BulbOutlineIcon, DocumentIcon, SchemaIcon} from '@sanity/icons'
 import {usePresentationNavigate, usePresentationParams} from '@sanity/presentation'
 import {Box, Button, Card, Flex, Menu, MenuButton, MenuItem, Stack, Text} from '@sanity/ui'
-import {AddIcon, BulbOutlineIcon, DocumentIcon, SchemaIcon} from '@sanity/icons'
 import {useIntentLink} from 'sanity/router'
 
 export function CustomNavigator() {
diff --git a/apps/studio/presentation/DebugStega.tsx b/apps/studio/presentation/DebugStega.tsx
index 6d3e744fa..69fa418b1 100644
--- a/apps/studio/presentation/DebugStega.tsx
+++ b/apps/studio/presentation/DebugStega.tsx
@@ -1,9 +1,9 @@
-import {type ContentSourceMap, type ContentSourceMapDocuments, studioPath} from '@sanity/client/csm'
+import {studioPath, type ContentSourceMap, type ContentSourceMapDocuments} from '@sanity/client/csm'
 import {stegaEncodeSourceMap} from '@sanity/client/stega'
 import {Box, Button, Card, Code, Label, Stack} from '@sanity/ui'
 import {vercelStegaDecodeAll} from '@vercel/stega'
 import {useMemo} from 'react'
-import {type InputProps, isDocumentSchemaType} from 'sanity'
+import {isDocumentSchemaType, type InputProps} from 'sanity'
 import {useDocumentPane, usePaneRouter} from 'sanity/structure'
 import {styled} from 'styled-components'
 
diff --git a/apps/studio/presentation/resolvers.ts b/apps/studio/presentation/resolvers.ts
deleted file mode 100644
index 377044f1c..000000000
--- a/apps/studio/presentation/resolvers.ts
+++ /dev/null
@@ -1,67 +0,0 @@
-import {
-  defineDocuments,
-  defineLocations,
-  type DocumentLocationResolvers,
-} from '@sanity/presentation'
-
-export const mainDocumentResolvers = defineDocuments([
-  {
-    route: '/shoes/:slug',
-    filter: `_type == "shoe" && slug.current == $slug`,
-  },
-  {
-    route: '/product/:slug',
-    filter: `_type == "product" && slug.current == $slug`,
-  },
-  {
-    route: '/products',
-    filter: `_type == "page" && slug.current == "products"`,
-  },
-  {
-    route: '/',
-    filter: `_type == "page" && (*[_id == "siteSettings"][0].frontPage._ref == _id)`,
-  },
-])
-
-export const documentLocationResolvers = {
-  shoe: defineLocations({
-    select: {
-      title: 'title',
-      slug: 'slug.current',
-    },
-    resolve: (doc) => ({
-      locations: [
-        {
-          title: doc?.title || 'Untitled',
-          href: `/shoes/${doc?.slug}`,
-        },
-        {
-          title: 'Shoes',
-          href: '/shoes',
-        },
-      ],
-    }),
-  }),
-  product: defineLocations({
-    select: {
-      title: 'title',
-      slug: 'slug',
-    },
-    resolve: (doc) => ({
-      locations: [
-        {
-          title: doc?.title || 'Untitled',
-          href: `/product/${doc?.slug?.current}`,
-        },
-        {
-          title: 'Products',
-          href: '/products',
-        },
-      ],
-    }),
-  }),
-  siteSettings: defineLocations({
-    message: 'This document is used on all pages',
-    tone: 'caution',
-  }),
-} satisfies DocumentLocationResolvers
diff --git a/apps/studio/sanity.cli.ts b/apps/studio/sanity.cli.ts
index 4880027cd..3423239ea 100644
--- a/apps/studio/sanity.cli.ts
+++ b/apps/studio/sanity.cli.ts
@@ -5,23 +5,31 @@ export default defineCliConfig({
   vite: (config) => {
     return {
       ...config,
-      define: {
-        ...config.define,
-        // Speed up styled-components in dev mode: https://github.com/sanity-io/sanity/pull/7440
-        'process.env.SC_DISABLE_SPEEDY': JSON.stringify('false'),
-      },
       resolve: {
         ...config.resolve,
         alias: {
           ...config.resolve?.alias,
-          'apps-common/env': require.resolve('../common/src/env'),
-          'apps-common/queries': require.resolve('../common/src/queries'),
-          'apps-common/utils': require.resolve('../common/src/utils'),
-          'apps-common': require.resolve('../common/src'),
           '@sanity/presentation': require.resolve('../../packages/presentation/src'),
         },
         dedupe: [...(config.resolve?.dedupe || []), 'sanity'],
       },
+      server: {
+        ...config.server,
+        watch: {
+          ...config.server?.watch,
+          ignored: ['!**/node_modules/@repo/sanity-schema/**'],
+        },
+      },
+      optimizeDeps: {
+        ...config.optimizeDeps,
+        exclude: [...(config.optimizeDeps?.exclude || []), '@repo/sanity-schema'],
+        include: [
+          ...(config.optimizeDeps?.include || []),
+          '@sanity/assist',
+          '@sanity/color-input',
+          '@sanity/mutator',
+        ],
+      },
     }
   },
 })
diff --git a/apps/studio/sanity.config.ts b/apps/studio/sanity.config.ts
index 0a92eed9e..0f36a1eab 100644
--- a/apps/studio/sanity.config.ts
+++ b/apps/studio/sanity.config.ts
@@ -1,70 +1,104 @@
-import {visionTool} from '@sanity/vision'
-import {defineConfig, definePlugin, defineType, defineField} from 'sanity'
-import {structureTool} from 'sanity/structure'
+import {apiVersion, workspaces} from '@repo/env'
+import {
+  crossDatasetReferencesPlugin,
+  liveDemoPlugin,
+  pageBuilderDemoPlugin,
+  performanceTestPlugin,
+  shoesPlugin,
+} from '@repo/sanity-schema'
 import {
+  defineDocuments,
+  defineLocations,
   presentationTool,
-  type PreviewUrlResolverOptions,
   type PreviewUrlOption,
+  type PreviewUrlResolverOptions,
 } from '@sanity/presentation'
-import {schema} from 'apps-common'
-import {workspaces} from 'apps-common/env'
-import {assist} from '@sanity/assist'
-import {unsplashImageAsset} from 'sanity-plugin-asset-source-unsplash'
-import {locate} from './locate'
-import {StegaDebugger} from './presentation/DebugStega'
-import {CustomNavigator} from './presentation/CustomNavigator'
 import {debugSecrets} from '@sanity/preview-url-secret/sanity-plugin-debug-secrets'
-import {documentLocationResolvers, mainDocumentResolvers} from './presentation/resolvers'
-import Building from './models/documents/Building'
-import Floor from './models/documents/Floor'
-import Space from './models/documents/Space'
-import SpaceType from './models/documents/SpaceType'
+import {visionTool} from '@sanity/vision'
+import {defineConfig, definePlugin, type PluginOptions} from 'sanity'
+import {CustomNavigator} from './presentation/CustomNavigator'
+import {StegaDebugger} from './presentation/DebugStega'
 
-const sharedSettings = definePlugin({
-  name: 'sharedSettings',
-  plugins: [structureTool(), assist(), unsplashImageAsset(), debugSecrets()],
-  schema: {
-    ...schema,
-    templates: [
-      {
-        id: 'page-basic',
-        title: 'Basic page',
-        schemaType: 'page',
-        parameters: [{name: 'title', title: 'Page Title', type: 'string'}],
-        value: (params: any) => {
-          return {
-            title: params.title,
-            slug: {
-              current: 'basic-slug',
-            },
-          }
-        },
-      },
-    ],
-  },
+const debugPlugin = definePlugin({
+  name: '@repo/vision',
+  // @ts-expect-error - fix later
+  plugins: [visionTool({defaultApiVersion: apiVersion}), debugSecrets()],
+  form:
+    process.env.SANITY_STUDIO_STEGA_DEBUG === 'true' ? {components: {input: StegaDebugger}} : {},
 })
 
+function resolvePreviewUrl(
+  envUrl: string | undefined,
+  resolveBranchUrl: (endsWith: string) => string,
+  fallback: string,
+) {
+  if (envUrl) return envUrl
+  if (process.env.SANITY_STUDIO_VERCEL_ENV === 'preview') {
+    const branchUrl = process.env.SANITY_STUDIO_VERCEL_BRANCH_URL
+    if (branchUrl) {
+      const [, endsWith] = branchUrl.split('-git-')
+      if (endsWith) return resolveBranchUrl(endsWith)
+    }
+  }
+  return fallback
+}
+const urls = {
+  'astro': resolvePreviewUrl(
+    process.env.SANITY_STUDIO_ASTRO_PREVIEW_URL,
+    (endsWith) => `https://visual-editing-astro-git-${endsWith}/shoes`,
+    'http://localhost:3006/shoes',
+  ),
+  'live-next': resolvePreviewUrl(
+    process.env.SANITY_STUDIO_LIVE_NEXT_PREVIEW_URL,
+    (endsWith) => `https://live-visual-editing-next-git-${endsWith}`,
+    'http://localhost:3009',
+  ),
+  'next-app-router': resolvePreviewUrl(
+    process.env.SANITY_STUDIO_NEXT_APP_ROUTER_PREVIEW_URL,
+    (endsWith) => `https://visual-editing-next-git-${endsWith}/shoes`,
+    'http://localhost:3001/shoes',
+  ),
+  'next-pages-router': resolvePreviewUrl(
+    process.env.SANITY_STUDIO_NEXT_PAGES_ROUTER_PREVIEW_URL,
+    (endsWith) => `https://visual-editing-next-git-${endsWith}/pages-router/shoes`,
+    'http://localhost:3001/pages-router/shoes',
+  ),
+  'nuxt': resolvePreviewUrl(
+    process.env.SANITY_STUDIO_NUXT_PREVIEW_URL,
+    (endsWith) => `https://visual-editing-nuxt-git-${endsWith}/shoes`,
+    'http://localhost:3003/shoes',
+  ),
+  'page-builder-demo': resolvePreviewUrl(
+    process.env.SANITY_STUDIO_PAGE_BUILDER_DEMO_PREVIEW_URL,
+    (endsWith) => `https://visual-editing-page-builder-demo-git-${endsWith}`,
+    'http://localhost:3005',
+  ),
+  'remix': resolvePreviewUrl(
+    process.env.SANITY_STUDIO_REMIX_PREVIEW_URL,
+    (endsWith) => `https://visual-editing-remix-git-${endsWith}/shoes`,
+    'http://localhost:3000/shoes',
+  ),
+  'svelte': resolvePreviewUrl(
+    process.env.SANITY_STUDIO_SVELTE_PREVIEW_URL,
+    (endsWith) => `https://visual-editing-svelte-git-${endsWith}`,
+    'http://localhost:3004',
+  ),
+}
+
 // Some apps have a Preview Mode, some don't
 function definePreviewUrl(
   previewUrl: string,
   workspaceName: string,
   toolName: string,
 ): PreviewUrlOption {
-  if (workspaceName === 'next' && toolName === 'pages-router') {
+  if (
+    workspaceName === 'live-demo' ||
+    workspaceName === 'page-builder-demo' ||
+    workspaceName === 'next'
+  ) {
     const {origin, pathname} = new URL(previewUrl)
     const previewMode = {
-      enable: '/api/pages-draft',
-      check: '/api/pages-check-draft',
-      disable: '/api/pages-disable-draft',
-    } satisfies PreviewUrlResolverOptions['previewMode']
-    return {origin, preview: pathname, previewMode}
-  }
-  if (workspaceName === 'next' && toolName === 'app-router') {
-    const {origin, pathname} = new URL(previewUrl)
-    const previewMode = {
-      enable: '/api/draft',
-      check: '/api/check-draft',
-      disable: '/api/disable-draft',
+      enable: '/api/draft-mode/enable',
     } satisfies PreviewUrlResolverOptions['previewMode']
     return {origin, preview: pathname, previewMode}
   }
@@ -80,220 +114,181 @@ function definePreviewUrl(
   return previewUrl
 }
 
-const presentationWorkspaces = Object.entries({
-  'remix': process.env.SANITY_STUDIO_REMIX_PREVIEW_URL || 'http://localhost:3000/shoes',
-  'next': {
-    'app-router':
-      process.env.SANITY_STUDIO_NEXT_APP_ROUTER_PREVIEW_URL || 'http://localhost:3001/shoes',
-    'pages-router':
-      process.env.SANITY_STUDIO_NEXT_PAGES_ROUTER_PREVIEW_URL ||
-      'http://localhost:3001/pages-router/shoes',
-  },
-  'nuxt': process.env.SANITY_STUDIO_NUXT_PREVIEW_URL || 'http://localhost:3003/shoes',
-  'svelte': {
-    'svelte-basic': new URL(
-      '/shoes',
-      process.env.SANITY_STUDIO_SVELTE_PREVIEW_URL || 'http://localhost:3004',
-    ).toString(),
-    'svelte-loaders': new URL(
-      '/shoes-with-loaders',
-      process.env.SANITY_STUDIO_SVELTE_PREVIEW_URL || 'http://localhost:3004',
-    ).toString(),
-  },
-  'page-builder-demo':
-    process.env.SANITY_STUDIO_PAGE_BUILDER_DEMO_PREVIEW_URL || 'http://localhost:3005/',
-  'astro': process.env.SANITY_STUDIO_ASTRO_PREVIEW_URL || 'http://localhost:3006/shoes',
-} as const).map(([name, previewUrl]) => {
-  const {
-    projectId,
-    dataset,
-    tool: toolName,
-    workspace: workspaceName,
-  } = Object.values(workspaces).find((workspace) => workspace.workspace === name)!
-
-  if (typeof previewUrl === 'string') {
-    return defineConfig({
-      name: workspaceName,
-      basePath: `/${workspaceName}`,
-      projectId,
-      dataset,
-      plugins: [
-        presentationTool({
-          name: toolName,
-          previewUrl: definePreviewUrl(previewUrl, workspaceName, toolName),
-          resolve: {
-            mainDocuments: mainDocumentResolvers,
-            locations: documentLocationResolvers,
-          },
-          locate,
-          components:
-            name === 'page-builder-demo'
-              ? {
-                  unstable_navigator: {
-                    minWidth: 120,
-                    maxWidth: 240,
-                    component: CustomNavigator,
-                  },
-                }
-              : {},
-        }),
-        sharedSettings(),
-        visionTool(),
-      ],
-    })
-  }
+function defineWorkspace(
+  config: {projectId: string; dataset: string; workspace: string; tool: string},
+  plugins: PluginOptions[],
+) {
+  const {projectId, dataset, workspace} = config
 
   return defineConfig({
-    name: workspaceName,
-    basePath: `/${workspaceName}`,
+    name: workspace,
+    basePath: `/${workspace}`,
     projectId,
     dataset,
-    form:
-      process.env.SANITY_STUDIO_STEGA_DEBUG === 'true' ? {components: {input: StegaDebugger}} : {},
-    plugins: [
-      ...Object.entries(previewUrl).map(([name, previewUrl]) => {
-        const {tool: toolName} = Object.values(workspaces).find(
-          (workspace) => workspace.tool === name,
-        )!
-        return presentationTool({
-          name: toolName,
-          previewUrl: definePreviewUrl(previewUrl, workspaceName, toolName),
-          // @TODO fix the locator for the pages-router
-          resolve:
-            toolName === 'pages-router'
-              ? undefined
-              : {
-                  mainDocuments: mainDocumentResolvers,
-                  locations: documentLocationResolvers,
-                },
-          locate: toolName === 'pages-router' ? undefined : locate,
-          unstable_showUnsafeShareUrl: toolName === 'app-router',
-        })
-      }),
-      sharedSettings(),
-      visionTool(),
-    ],
+    plugins,
   })
-})
+}
 
-const crossDatasetReferencesWorkspace = defineConfig({
-  name: workspaces['cross-dataset-references'].workspace,
-  basePath: `/${workspaces['cross-dataset-references'].workspace}`,
-  projectId: workspaces['cross-dataset-references'].projectId,
-  dataset: workspaces['cross-dataset-references'].dataset,
-  plugins: [structureTool(), visionTool(), assist(), unsplashImageAsset()],
-  document: {
-    unstable_comments: {
-      enabled: true,
-    },
-  },
-  schema: {
-    types: [
-      defineType({
-        type: 'document',
-        name: 'brand',
-        // @ts-expect-error - @TODO find out why TS is mad
-        fields: [
-          defineField({
-            type: 'string',
-            name: 'name',
-            title: 'Name',
-          }),
-          defineField({
-            type: 'slug',
-            name: 'slug',
-            title: 'Slug',
-            options: {source: 'name'},
-          }),
-          defineField({
-            type: 'image',
-            name: 'logo',
-            title: 'Logo',
-            options: {
-              hotspot: true,
-              // @ts-expect-error - find out how to get typings
-              aiAssist: {
-                imageDescriptionField: 'alt',
-                imagePromptField: 'imagePromptField',
-              },
+export default defineConfig([
+  defineWorkspace(workspaces['page-builder-demo'], [
+    pageBuilderDemoPlugin({
+      previewUrl: definePreviewUrl(
+        urls['page-builder-demo'],
+        workspaces['page-builder-demo'].workspace,
+        workspaces['page-builder-demo'].tool,
+      ),
+      components: {
+        unstable_navigator: {
+          minWidth: 120,
+          maxWidth: 240,
+          component: CustomNavigator,
+        },
+      },
+    }),
+    debugPlugin(),
+  ]),
+  defineWorkspace(workspaces['live-demo'], [
+    liveDemoPlugin({
+      previewUrl: definePreviewUrl(
+        urls['live-next'],
+        workspaces['live-demo'].workspace,
+        workspaces['live-demo'].tool,
+      ),
+    }),
+    debugPlugin(),
+  ]),
+  defineWorkspace(workspaces['remix'], [
+    shoesPlugin({
+      previewUrl: urls.remix,
+    }),
+    debugPlugin(),
+  ]),
+  defineWorkspace(workspaces['next-app-router'], [
+    shoesPlugin({
+      name: workspaces['next-app-router'].tool,
+      previewUrl: definePreviewUrl(
+        urls['next-app-router'],
+        workspaces['next-app-router'].workspace,
+        workspaces['next-app-router'].tool,
+      ),
+    }),
+    presentationTool({
+      name: workspaces['next-pages-router'].tool,
+      previewUrl: definePreviewUrl(
+        urls['next-pages-router'],
+        workspaces['next-pages-router'].workspace,
+        workspaces['next-pages-router'].tool,
+      ),
+      resolve: {
+        mainDocuments: defineDocuments([
+          {
+            route: '/pages-router/shoes/:slug',
+            filter: `_type == "shoe" && slug.current == $slug`,
+          },
+        ]),
+        locations: {
+          shoe: defineLocations({
+            select: {
+              title: 'title',
+              slug: 'slug.current',
             },
-            fields: [
-              defineField({
-                name: 'alt',
-                type: 'string',
-                title: 'Alt text',
-              }),
-              defineField({
-                type: 'text',
-                name: 'imagePrompt',
-                title: 'Image prompt',
-                rows: 2,
-              }),
-            ],
-          }),
-        ],
-      }),
-      defineType({
-        type: 'document',
-        name: 'book',
-        // @ts-expect-error - @TODO find out why TS is mad
-        fields: [
-          defineField({
-            type: 'string',
-            name: 'title',
-            title: 'Title',
-          }),
-          defineField({
-            type: 'reference',
-            name: 'author',
-            title: 'Author',
-            to: [{type: 'author'}],
+            resolve: (doc) => ({
+              locations: [
+                {
+                  title: doc?.title || 'Untitled',
+                  href: `/pages-router/shoes/${doc?.slug}`,
+                },
+                {
+                  title: 'Shoes',
+                  href: '/pages-router/shoes',
+                },
+              ],
+            }),
           }),
-        ],
-      }),
-      defineType({
-        type: 'document',
-        name: 'author',
-        // @ts-expect-error - @TODO find out why TS is mad
-        fields: [
-          defineField({
-            type: 'string',
-            name: 'name',
-            title: 'Name',
+        },
+      },
+    }),
+    debugPlugin(),
+  ]),
+  defineWorkspace(workspaces['nuxt'], [
+    shoesPlugin({
+      previewUrl: definePreviewUrl(
+        urls['nuxt'],
+        workspaces['nuxt'].workspace,
+        workspaces['nuxt'].tool,
+      ),
+    }),
+    debugPlugin(),
+  ]),
+  defineWorkspace(workspaces['svelte-basic'], [
+    shoesPlugin({
+      name: workspaces['svelte-basic'].tool,
+      previewUrl: definePreviewUrl(
+        new URL('/shoes', urls.svelte).toString(),
+        workspaces['svelte-basic'].workspace,
+        workspaces['svelte-basic'].tool,
+      ),
+    }),
+    presentationTool({
+      name: workspaces['svelte-loaders'].tool,
+      previewUrl: definePreviewUrl(
+        new URL('/shoes-with-loaders', urls.svelte).toString(),
+        workspaces['svelte-loaders'].workspace,
+        workspaces['svelte-loaders'].tool,
+      ),
+      resolve: {
+        mainDocuments: defineDocuments([
+          {
+            route: '/shoes-with-loaders/shoes/:slug',
+            filter: `_type == "shoe" && slug.current == $slug`,
+          },
+        ]),
+        locations: {
+          shoe: defineLocations({
+            select: {
+              title: 'title',
+              slug: 'slug.current',
+            },
+            resolve: (doc) => ({
+              locations: [
+                {
+                  title: doc?.title || 'Untitled',
+                  href: `/shoes-with-loaders/shoes/${doc?.slug}`,
+                },
+                {
+                  title: 'Shoes',
+                  href: '/shoes-with-loaders/shoes',
+                },
+              ],
+            }),
           }),
-        ],
-      }),
-    ],
-  },
-})
-
-const performanceTestWorkspace = defineConfig({
-  name: 'performance-test',
-  basePath: `/performance-test`,
-  projectId: workspaces['next-pages-router'].projectId,
-  dataset: workspaces['next-pages-router'].dataset,
-  plugins: [
+        },
+      },
+    }),
+    debugPlugin(),
+  ]),
+  defineWorkspace(workspaces['astro'], [
+    shoesPlugin({
+      previewUrl: urls.astro,
+    }),
+    debugPlugin(),
+  ]),
+  defineWorkspace(workspaces['cross-dataset-references'], [
+    crossDatasetReferencesPlugin(),
+    debugPlugin(),
+  ]),
+  defineWorkspace({...workspaces['next-pages-router'], workspace: 'performance-test'}, [
+    performanceTestPlugin(),
     presentationTool({
       previewUrl: {
         ...(definePreviewUrl(
-          process.env.SANITY_STUDIO_NEXT_PAGES_ROUTER_PREVIEW_URL ||
-            'http://localhost:3001/pages-router/shoes',
+          urls['next-pages-router'],
           'next',
           'pages-router',
         ) as PreviewUrlResolverOptions),
         preview: '/pages-router/performance-test',
       },
     }),
-    structureTool(),
-    visionTool(),
-  ],
-  schema: {
-    types: [Building, Floor, Space, SpaceType],
-  },
-})
-
-export default [
-  ...presentationWorkspaces,
-  crossDatasetReferencesWorkspace,
-  performanceTestWorkspace,
-]
+    debugPlugin(),
+  ]),
+])
diff --git a/apps/studio/tsconfig.json b/apps/studio/tsconfig.json
index 82f46d6b5..9f4238ce2 100644
--- a/apps/studio/tsconfig.json
+++ b/apps/studio/tsconfig.json
@@ -4,7 +4,7 @@
     "rootDir": ".",
     "types": ["vite/client"],
     "paths": {
-      "@sanity/presentation": ["../../packages/presentation/src"]
+      "@sanity/presentation": ["../../packages/presentation/src"],
     },
     "noPropertyAccessFromIndexSignature": false
   },
diff --git a/apps/studio/turbo.json b/apps/studio/turbo.json
index 15c2c2aa5..62ec26d67 100644
--- a/apps/studio/turbo.json
+++ b/apps/studio/turbo.json
@@ -6,6 +6,7 @@
       "inputs": ["$TURBO_DEFAULT$", ".env", ".env.local"],
       "env": [
         "SANITY_STUDIO_ASTRO_PREVIEW_URL",
+        "SANITY_STUDIO_LIVE_NEXT_PREVIEW_URL",
         "SANITY_STUDIO_NEXT_APP_ROUTER_PREVIEW_URL",
         "SANITY_STUDIO_NEXT_PAGES_ROUTER_PREVIEW_URL",
         "SANITY_STUDIO_NUXT_PREVIEW_URL",
@@ -14,9 +15,25 @@
         "SANITY_STUDIO_STEGA_DEBUG",
         "SANITY_STUDIO_SVELTE_PREVIEW_URL",
         "SANITY_STUDIO_VERCEL_BRANCH_URL",
-        "SANITY_STUDIO_VERCEL_ENV"
+        "SANITY_STUDIO_VERCEL_ENV",
+        "SANITY_STUDIO_PRESENTATION_ENABLE_QRCODE"
       ],
       "outputs": [".sanity/**", "dist/**"]
+    },
+    "dev": {
+      "inputs": ["$TURBO_DEFAULT$", ".env", ".env.local"],
+      "env": [
+        "SANITY_STUDIO_ASTRO_PREVIEW_URL",
+        "SANITY_STUDIO_LIVE_NEXT_PREVIEW_URL",
+        "SANITY_STUDIO_NEXT_APP_ROUTER_PREVIEW_URL",
+        "SANITY_STUDIO_NEXT_PAGES_ROUTER_PREVIEW_URL",
+        "SANITY_STUDIO_NUXT_PREVIEW_URL",
+        "SANITY_STUDIO_PAGE_BUILDER_DEMO_PREVIEW_URL",
+        "SANITY_STUDIO_REMIX_PREVIEW_URL",
+        "SANITY_STUDIO_STEGA_DEBUG",
+        "SANITY_STUDIO_SVELTE_PREVIEW_URL",
+        "SANITY_STUDIO_PRESENTATION_ENABLE_QRCODE"
+      ]
     }
   }
 }
diff --git a/apps/svelte/README.md b/apps/svelte/README.md
deleted file mode 100644
index 5c91169b0..000000000
--- a/apps/svelte/README.md
+++ /dev/null
@@ -1,38 +0,0 @@
-# create-svelte
-
-Everything you need to build a Svelte project, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/master/packages/create-svelte).
-
-## Creating a project
-
-If you're seeing this, you've probably already done this step. Congrats!
-
-```bash
-# create a new project in the current directory
-npm create svelte@latest
-
-# create a new project in my-app
-npm create svelte@latest my-app
-```
-
-## Developing
-
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
-
-```bash
-npm run dev
-
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
-```
-
-## Building
-
-To create a production version of your app:
-
-```bash
-npm run build
-```
-
-You can preview the production build with `npm run preview`.
-
-> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
diff --git a/apps/svelte/package.json b/apps/svelte/package.json
index bc8bc6668..7dd04cd71 100644
--- a/apps/svelte/package.json
+++ b/apps/svelte/package.json
@@ -8,35 +8,38 @@
     "check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
     "check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
     "dev": "vite dev --port 3004",
-    "lint": "eslint .",
+    "lint": "eslint --cache .",
     "preview": "vite preview"
   },
+  "prettier": "@repo/prettier-config",
   "dependencies": {
     "@portabletext/svelte": "^2.1.11",
+    "@repo/env": "workspace:*",
+    "@repo/studio-url": "workspace:*",
     "@sanity/image-url": "^1.0.2"
   },
   "devDependencies": {
-    "@fontsource/fira-mono": "^5.0.15",
-    "@sanity/client": "^6.21.3",
+    "@fontsource/fira-mono": "^5.1.0",
+    "@repo/prettier-config": "workspace:*",
+    "@sanity/client": "^6.22.1",
     "@sanity/presentation": "workspace:*",
     "@sanity/preview-url-secret": "workspace:*",
     "@sanity/svelte-loader": "workspace:*",
     "@sanity/visual-editing": "workspace:*",
-    "@sveltejs/adapter-auto": "^3.2.4",
-    "@sveltejs/kit": "^2.5.26",
+    "@sveltejs/adapter-auto": "^3.2.5",
+    "@sveltejs/kit": "^2.7.1",
     "@sveltejs/vite-plugin-svelte": "^3.1.2",
     "@types/cookie": "^0.6.0",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
-    "apps-common": "workspace:*",
-    "eslint": "^8.57.0",
-    "eslint-plugin-svelte": "^2.43.0",
-    "postcss": "8.4.45",
+    "eslint": "^8.57.1",
+    "eslint-plugin-svelte": "^2.44.1",
+    "postcss": "8.4.47",
     "svelte": "^4.2.19",
-    "svelte-check": "^4.0.1",
-    "tailwindcss": "^3.4.10",
-    "tslib": "^2.7.0",
-    "typescript": "5.6.2",
-    "vite": "^5.4.3"
+    "svelte-check": "^4.0.5",
+    "tailwindcss": "^3.4.14",
+    "tslib": "^2.8.0",
+    "typescript": "5.6.3",
+    "vite": "^5.4.9"
   }
 }
diff --git a/apps/svelte/src/app.d.ts b/apps/svelte/src/app.d.ts
index 1ac789b17..55b348d13 100644
--- a/apps/svelte/src/app.d.ts
+++ b/apps/svelte/src/app.d.ts
@@ -1,5 +1,6 @@
 // See https://kit.svelte.dev/docs/types#app
 import type {LoaderLocals} from '@sanity/svelte-loader'
+
 // for information about these interfaces
 declare global {
   namespace App {
diff --git a/apps/svelte/src/components/Shoe.svelte b/apps/svelte/src/components/Shoe.svelte
index 5196aecc5..4fcfabae5 100644
--- a/apps/svelte/src/components/Shoe.svelte
+++ b/apps/svelte/src/components/Shoe.svelte
@@ -1,9 +1,9 @@
 <script lang="ts">
-  import {urlFor, urlForCrossDatasetReference} from '$lib/sanity'
   import {PortableText} from '@portabletext/svelte'
-  import type {ShoeResult} from 'apps-common/queries'
-  import {formatCurrency} from 'apps-common/utils'
   import {page} from '$app/stores'
+  import type {ShoeResult} from '$lib/queries'
+  import {urlFor, urlForCrossDatasetReference} from '$lib/sanity'
+  import {formatCurrency} from '$lib/utils'
 
   export let product: ShoeResult
   export let slug: string
diff --git a/apps/svelte/src/components/Shoes.svelte b/apps/svelte/src/components/Shoes.svelte
index ad7a79cba..9ee927552 100644
--- a/apps/svelte/src/components/Shoes.svelte
+++ b/apps/svelte/src/components/Shoes.svelte
@@ -1,8 +1,8 @@
 <script lang="ts">
-  import type {ShoesListResult} from 'apps-common/queries'
-  import {formatCurrency} from 'apps-common/utils'
   import {page} from '$app/stores'
+  import type {ShoesListResult} from '$lib/queries'
   import {urlFor, urlForCrossDatasetReference} from '$lib/sanity'
+  import {formatCurrency} from '$lib/utils'
 
   export let loading: boolean = false
   export let products: ShoesListResult
diff --git a/apps/svelte/src/lib/queries.ts b/apps/svelte/src/lib/queries.ts
new file mode 100644
index 000000000..acac1322e
--- /dev/null
+++ b/apps/svelte/src/lib/queries.ts
@@ -0,0 +1,63 @@
+import type {ImageAsset, ImageCrop, ImageHotspot, PortableTextTextBlock} from 'sanity'
+
+export const shoesList = /* groq */ `*[_type == "shoe" && defined(slug.current)]{
+  title,
+  slug,
+  "price": string(price),
+  "media": media[0]{ alt, asset, crop, hotspot },
+  "brand": brandReference->{name, slug, logo{ alt, asset, crop, hotspot }},
+} | order(_updatedAt desc) `
+export type ShoesListResult = {
+  title?: string | null
+  slug: {current: string}
+  price?: string | null
+  media?: {
+    alt?: string | null
+    asset?: ImageAsset | null
+    crop?: ImageCrop | null
+    hotspot?: ImageHotspot | null
+  } | null
+  description?: PortableTextTextBlock[] | null
+  brand?: {
+    name?: string | null
+    slug?: {current?: string | null} | null
+    logo?: {
+      alt?: string | null
+      asset?: ImageAsset | null
+      crop?: ImageCrop | null
+      hotspot?: ImageHotspot | null
+    } | null
+  } | null
+}[]
+
+export const shoe = /* groq */ `*[_type == "shoe" && slug.current == $slug]{
+  title,
+  slug,
+  "price": string(price),
+  "media": media[]{ alt, asset, crop, hotspot },
+  "brand": brandReference->{name, slug, logo{ alt, asset, crop, hotspot }},
+  description,
+}[0]`
+export type ShoeParams = {slug: string}
+export type ShoeResult = {
+  title?: string | null
+  slug: {current: string}
+  price?: string | null
+  media?: {
+    alt?: string | null
+    asset?: ImageAsset | null
+    crop?: ImageCrop | null
+    hotspot?: ImageHotspot | null
+  }[]
+  brand?: {
+    name?: string | null
+    slug?: {current?: string | null} | null
+    logo?: {
+      alt?: string | null
+      asset?: ImageAsset | null
+      crop?: ImageCrop | null
+      hotspot?: ImageHotspot | null
+    } | null
+  } | null
+  description?: PortableTextTextBlock[] | null
+}
diff --git a/apps/svelte/src/lib/sanity.ts b/apps/svelte/src/lib/sanity.ts
index 76a112ca6..9e11d2498 100644
--- a/apps/svelte/src/lib/sanity.ts
+++ b/apps/svelte/src/lib/sanity.ts
@@ -1,6 +1,8 @@
+import {apiVersion, workspaces} from '@repo/env'
+import {studioUrl as baseUrl} from '@repo/studio-url'
 import {createClient} from '@sanity/client'
-import {apiVersion, studioUrl, workspaces} from 'apps-common/env'
 import imageUrlBuilder from '@sanity/image-url'
+
 const {projectId, dataset} = workspaces['svelte-basic']
 
 export const client = createClient({
@@ -10,7 +12,17 @@ export const client = createClient({
   apiVersion,
   stega: {
     enabled: true,
-    studioUrl,
+    studioUrl: (sourceDocument) => {
+      if (
+        sourceDocument._projectId === workspaces['cross-dataset-references'].projectId &&
+        sourceDocument._dataset === workspaces['cross-dataset-references'].dataset
+      ) {
+        const {workspace, tool} = workspaces['cross-dataset-references']
+        return {baseUrl, workspace, tool}
+      }
+      const {workspace, tool} = workspaces['svelte-loaders']
+      return {baseUrl, workspace, tool}
+    },
   },
 })
 
diff --git a/apps/svelte/src/lib/utils.ts b/apps/svelte/src/lib/utils.ts
new file mode 100644
index 000000000..e60534636
--- /dev/null
+++ b/apps/svelte/src/lib/utils.ts
@@ -0,0 +1,18 @@
+import {vercelStegaSplit} from '@vercel/stega'
+
+export function formatCurrency(_value: number | string): string {
+  let value = typeof _value === 'string' ? undefined : _value
+  let encoded = ''
+  if (typeof _value === 'string') {
+    const split = vercelStegaSplit(_value)
+    value = parseInt(split.cleaned, 10)
+    encoded = split.encoded
+  }
+  const formatter = new Intl.NumberFormat('en', {
+    style: 'currency',
+    currency: 'USD',
+    minimumFractionDigits: 0,
+    maximumFractionDigits: 0,
+  })
+  return `${formatter.format(value!)}${encoded}`
+}
diff --git a/apps/svelte/src/routes/shoes-with-loaders/+page.server.ts b/apps/svelte/src/routes/shoes-with-loaders/+page.server.ts
index 44d7996a3..203aefb05 100644
--- a/apps/svelte/src/routes/shoes-with-loaders/+page.server.ts
+++ b/apps/svelte/src/routes/shoes-with-loaders/+page.server.ts
@@ -1,4 +1,4 @@
-import {shoesList as query, type ShoesListResult} from 'apps-common/queries'
+import {shoesList as query, type ShoesListResult} from '$lib/queries'
 import type {PageServerLoad} from './$types'
 
 export const load: PageServerLoad = async ({locals: {loadQuery}}) => ({
diff --git a/apps/svelte/src/routes/shoes-with-loaders/+page.svelte b/apps/svelte/src/routes/shoes-with-loaders/+page.svelte
index 8838ce8e2..1509aa706 100644
--- a/apps/svelte/src/routes/shoes-with-loaders/+page.svelte
+++ b/apps/svelte/src/routes/shoes-with-loaders/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import {useQuery} from '@sanity/svelte-loader'
-  import type {PageData} from './$types'
   import Shoes from '../../components/Shoes.svelte'
+  import type {PageData} from './$types'
 
   export let data: PageData
   const query = useQuery(data)
diff --git a/apps/svelte/src/routes/shoes-with-loaders/[slug]/+page.server.ts b/apps/svelte/src/routes/shoes-with-loaders/[slug]/+page.server.ts
index 499e0ec43..109ef05f1 100644
--- a/apps/svelte/src/routes/shoes-with-loaders/[slug]/+page.server.ts
+++ b/apps/svelte/src/routes/shoes-with-loaders/[slug]/+page.server.ts
@@ -1,4 +1,4 @@
-import {shoe as query, type ShoeResult} from 'apps-common/queries'
+import {shoe as query, type ShoeResult} from '$lib/queries'
 import type {PageServerLoad} from './$types'
 
 export const load: PageServerLoad = async ({locals: {loadQuery}, params: {slug}}) => {
diff --git a/apps/svelte/src/routes/shoes-with-loaders/[slug]/+page.svelte b/apps/svelte/src/routes/shoes-with-loaders/[slug]/+page.svelte
index c7451a54d..78f89d8a7 100644
--- a/apps/svelte/src/routes/shoes-with-loaders/[slug]/+page.svelte
+++ b/apps/svelte/src/routes/shoes-with-loaders/[slug]/+page.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
   import {useQuery} from '@sanity/svelte-loader'
-  import type {PageData} from './$types'
   import Shoe from '../../../components/Shoe.svelte'
+  import type {PageData} from './$types'
 
   export let data: PageData
   const query = useQuery(data)
diff --git a/apps/svelte/src/routes/shoes/+page.server.ts b/apps/svelte/src/routes/shoes/+page.server.ts
index e83362475..f768dd10b 100644
--- a/apps/svelte/src/routes/shoes/+page.server.ts
+++ b/apps/svelte/src/routes/shoes/+page.server.ts
@@ -1,4 +1,4 @@
-import {shoesList, type ShoesListResult} from 'apps-common/queries'
+import {shoesList, type ShoesListResult} from '$lib/queries'
 import type {PageServerLoad} from './$types'
 
 export const load: PageServerLoad = async ({locals: {client, preview}}) => {
diff --git a/apps/svelte/src/routes/shoes/+page.svelte b/apps/svelte/src/routes/shoes/+page.svelte
index f3e520d1d..6f114bf1d 100644
--- a/apps/svelte/src/routes/shoes/+page.svelte
+++ b/apps/svelte/src/routes/shoes/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import type {PageData} from './$types'
   import ShoesListing from '../../components/Shoes.svelte'
+  import type {PageData} from './$types'
 
   export let data: PageData
   $: ({products} = data)
diff --git a/apps/svelte/src/routes/shoes/[slug]/+page.server.ts b/apps/svelte/src/routes/shoes/[slug]/+page.server.ts
index fe25f9f79..ebc04561d 100644
--- a/apps/svelte/src/routes/shoes/[slug]/+page.server.ts
+++ b/apps/svelte/src/routes/shoes/[slug]/+page.server.ts
@@ -1,4 +1,4 @@
-import {shoe, type ShoeResult} from 'apps-common/queries'
+import {shoe, type ShoeResult} from '$lib/queries'
 import type {PageServerLoad} from './$types'
 
 export const load: PageServerLoad = async ({locals: {client, preview}, params: {slug}}) => {
diff --git a/apps/svelte/src/routes/shoes/[slug]/+page.svelte b/apps/svelte/src/routes/shoes/[slug]/+page.svelte
index 8f9b484dc..16e224b4c 100644
--- a/apps/svelte/src/routes/shoes/[slug]/+page.svelte
+++ b/apps/svelte/src/routes/shoes/[slug]/+page.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-  import type {PageData} from './$types'
   import Shoe from '../../../components/Shoe.svelte'
+  import type {PageData} from './$types'
 
   export let data: PageData
 
diff --git a/apps/svelte/vite.config.ts b/apps/svelte/vite.config.ts
index 53c41ffd5..f7ae76b7d 100644
--- a/apps/svelte/vite.config.ts
+++ b/apps/svelte/vite.config.ts
@@ -3,6 +3,4 @@ import {defineConfig} from 'vite'
 
 export default defineConfig({
   plugins: [sveltekit()],
-  // Fix process undefined when importing from apps-common/env
-  define: {'process.env': {}},
 })
diff --git a/package.json b/package.json
index 261d22ceb..8dab4f919 100644
--- a/package.json
+++ b/package.json
@@ -2,13 +2,12 @@
   "name": "visual-editing-monorepo",
   "private": true,
   "scripts": {
-    "build": "turbo run build --filter='./packages/*'",
+    "build": "turbo run build --filter='!./apps/*'",
     "build:astro": "turbo run build --filter=./apps/astro",
-    "dev": "turbo run build --filter='./packages/*' && turbo watch dev --filter='./packages/*' --filter=./apps/* --filter=!next-no-cache --filter=!next-server-only --filter=!next-with-i18n",
+    "dev": "turbo run build --filter='!./apps/*' && turbo watch dev --filter='./packages/*' --filter='./packages/@repo/*' --filter=./apps/* --filter=!next-with-i18n",
     "dev:astro": "turbo run build --filter=apps-astro^... --filter=apps-studio^... && turbo watch dev --filter=apps-astro... --filter=apps-studio...",
+    "dev:live-next": "turbo run build --filter=live-next^... --filter=apps-studio^... && turbo watch dev --filter=live-next... --filter=apps-studio...",
     "dev:next": "turbo run build --filter=apps-next^... --filter=apps-studio^... && turbo watch dev --filter=apps-next... --filter=apps-studio...",
-    "dev:next-no-cache": "turbo run build --filter=next-no-cache^... && turbo watch dev --filter=next-no-cache...",
-    "dev:next-server-only": "turbo run build --filter=next-server-only^... && turbo watch dev --filter=next-server-only...",
     "dev:next-with-i18n": "turbo run build --filter=next-with-i18n^... && turbo watch dev --filter=next-with-i18n...",
     "dev:nuxt": "turbo run build --filter=apps-nuxt^... --filter=apps-studio^... && turbo watch dev --filter=apps-nuxt... --filter=apps-studio...",
     "dev:page-builder-demo": "turbo run build --filter=page-builder-demo^... --filter=apps-studio^... && turbo watch dev --filter=page-builder-demo... --filter=apps-studio...",
@@ -22,37 +21,33 @@
     "preview": "turbo run preview",
     "release:canary": "zx scripts/release-canary.mjs",
     "storybook:visual-editing": "turbo run build --filter='@sanity/visual-editing^...' && turbo watch dev storybook --filter='@sanity/visual-editing...'",
-    "test": "turbo run test"
+    "test": "turbo run test",
+    "turbo:fix": "turbo daemon clean"
   },
   "lint-staged": {
     "*": [
       "pnpm format:staged"
     ]
   },
+  "prettier": "@repo/prettier-config",
   "dependencies": {
-    "@sanity/client": "^6.21.3",
-    "@sanity/types": "3.57.2",
-    "@sanity/util": "3.57.2",
-    "@sanity/vision": "3.57.2",
-    "groq": "3.57.2",
-    "sanity": "3.57.2"
+    "@sanity/types": "3.61.0",
+    "@sanity/util": "3.61.0",
+    "@sanity/vision": "3.61.0",
+    "groq": "3.61.0",
+    "sanity": "3.61.0"
   },
   "devDependencies": {
-    "@sanity/pkg-utils": "6.11.1",
-    "@sanity/prettier-config": "1.0.3",
-    "framer-motion": "11.0.8",
-    "husky": "^9.0.11",
-    "lint-staged": "^15.2.2",
-    "prettier": "3.3.3",
-    "prettier-plugin-astro": "^0.14.1",
-    "prettier-plugin-svelte": "3.2.6",
-    "prettier-plugin-tailwindcss": "0.6.6",
+    "@repo/prettier-config": "workspace:*",
+    "@sanity/pkg-utils": "6.11.3",
+    "husky": "^9.1.6",
+    "lint-staged": "^15.2.10",
     "pretty-quick": "^4.0.0",
-    "turbo": "2.1.1",
-    "typescript": "5.6.2",
-    "zx": "^8.1.5"
+    "turbo": "2.1.3",
+    "typescript": "5.6.3",
+    "zx": "8.1.6"
   },
-  "packageManager": "pnpm@9.10.0",
+  "packageManager": "pnpm@9.12.1",
   "pnpm": {
     "peerDependencyRules": {
       "allowAny": [
@@ -61,9 +56,9 @@
       ]
     },
     "overrides": {
-      "@sanity/client": "$@sanity/client",
       "@sanity/comlink": "workspace:*",
       "@sanity/core-loader": "workspace:*",
+      "@sanity/next-loader": "workspace:*",
       "@sanity/presentation": "workspace:*",
       "@sanity/preview-kit-compat": "workspace:*",
       "@sanity/preview-url-secret": "workspace:*",
@@ -73,10 +68,8 @@
       "@sanity/util": "$@sanity/util",
       "@sanity/vision": "$@sanity/vision",
       "@sanity/visual-editing": "workspace:*",
-      "framer-motion": "$framer-motion",
       "groq": "$groq",
-      "sanity": "$sanity",
-      "styled-components": "npm:@sanity/styled-components@6.1.13"
+      "sanity": "$sanity"
     }
   }
 }
diff --git a/apps/common/src/env.ts b/packages/@repo/env/index.ts
similarity index 65%
rename from apps/common/src/env.ts
rename to packages/@repo/env/index.ts
index 3150bfad8..f48d6ed01 100644
--- a/apps/common/src/env.ts
+++ b/packages/@repo/env/index.ts
@@ -15,34 +15,7 @@ export const datasets = {
   'blog': 'blog',
 } as const
 
-let vercelBranchUrl: string | undefined
-try {
-  vercelBranchUrl =
-    process.env['VERCEL_BRANCH_URL'] ||
-    // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-    // @ts-ignore has to be exact for string replacement to work
-    process.env.NEXT_PUBLIC_VERCEL_BRANCH_URL
-} catch {
-  //ignore
-}
-
-const isLinearGitBranch = vercelBranchUrl?.includes('-git-crx-')
-  ? `https://visual-editing-studio-git-crx-${vercelBranchUrl.split('-git-crx-')[1]}`
-  : false
-const isStablePreviewBranch: boolean | undefined = vercelBranchUrl?.includes('-git-preview')
-
-export const studioUrl =
-  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
-  // @ts-ignore has to be exact for string replacement to work
-  process.env.NODE_ENV !== 'production'
-    ? 'http://localhost:3333'
-    : isLinearGitBranch
-      ? isLinearGitBranch
-      : isStablePreviewBranch
-        ? 'https://visual-editing-studio-git-preview.sanity.dev'
-        : 'https://visual-editing-studio.sanity.dev'
-
-export const apiVersion = '2023-10-11'
+export const apiVersion = 'X' as const
 
 export const workspaces = {
   'astro': {
@@ -91,7 +64,7 @@ export const workspaces = {
     projectId: projectId,
     dataset: datasets['cross-dataset-references'],
     workspace: datasets['cross-dataset-references'],
-    tool: 'desk',
+    tool: 'structure',
   },
   'page-builder-demo': {
     projectId: projectId,
@@ -99,4 +72,10 @@ export const workspaces = {
     workspace: 'page-builder-demo',
     tool: 'presentation',
   },
+  'live-demo': {
+    projectId: projectId,
+    dataset: datasets.blog,
+    workspace: 'live-demo',
+    tool: 'presentation',
+  },
 } as const
diff --git a/packages/@repo/env/package.json b/packages/@repo/env/package.json
new file mode 100644
index 000000000..dd7ec1762
--- /dev/null
+++ b/packages/@repo/env/package.json
@@ -0,0 +1,15 @@
+{
+  "name": "@repo/env",
+  "version": "0.0.0",
+  "private": true,
+  "description": "Holds the Sanity API config used by all the example apps",
+  "exports": {
+    ".": "./index.ts"
+  },
+  "scripts": {
+    "lint": "tsc --noEmit"
+  },
+  "devDependencies": {
+    "typescript": "5.6.3"
+  }
+}
diff --git a/packages/@repo/env/tsconfig.json b/packages/@repo/env/tsconfig.json
new file mode 100644
index 000000000..16b3f4923
--- /dev/null
+++ b/packages/@repo/env/tsconfig.json
@@ -0,0 +1,3 @@
+{
+  "extends": "@sanity/pkg-utils/tsconfig/strictest.json"
+}
diff --git a/packages/@repo/eslint-config/index.js b/packages/@repo/eslint-config/index.js
new file mode 100644
index 000000000..afeea341b
--- /dev/null
+++ b/packages/@repo/eslint-config/index.js
@@ -0,0 +1,42 @@
+/** @type {import('eslint').Linter.Config} */
+module.exports = {
+  parser: '@typescript-eslint/parser',
+  parserOptions: {
+    ecmaFeatures: {
+      jsx: true,
+    },
+    ecmaVersion: 2018,
+    sourceType: 'module',
+  },
+  settings: {
+    react: {
+      version: 'detect',
+    },
+  },
+  plugins: ['@typescript-eslint', 'react', 'react-hooks'],
+  extends: [
+    'eslint:recommended',
+    'plugin:react/recommended',
+    'plugin:react-hooks/recommended',
+    'plugin:react/jsx-runtime',
+    'plugin:@typescript-eslint/eslint-recommended',
+    'plugin:@typescript-eslint/recommended',
+    'turbo',
+    'prettier',
+  ],
+  rules: {
+    'no-console': 'error',
+    'no-warning-comments': [
+      'warn',
+      {
+        location: 'start',
+        terms: ['todo', '@todo', 'fixme'],
+      },
+    ],
+    '@typescript-eslint/explicit-module-boundary-types': 'error',
+    '@typescript-eslint/no-empty-interface': 'off',
+    'react-hooks/exhaustive-deps': 'error',
+    'react-hooks/rules-of-hooks': 'error',
+    'react/prop-types': 'off',
+  },
+}
diff --git a/packages/@repo/eslint-config/package.json b/packages/@repo/eslint-config/package.json
new file mode 100644
index 000000000..92d76c478
--- /dev/null
+++ b/packages/@repo/eslint-config/package.json
@@ -0,0 +1,18 @@
+{
+  "name": "@repo/eslint-config",
+  "version": "0.0.0",
+  "private": true,
+  "dependencies": {
+    "@typescript-eslint/eslint-plugin": "^7.18.0",
+    "@typescript-eslint/parser": "^7.18.0",
+    "eslint-config-prettier": "^9.1.0",
+    "eslint-config-turbo": "^2.1.3",
+    "eslint-plugin-react": "^7.37.1",
+    "eslint-plugin-react-hooks": "^5.0.0"
+  },
+  "devDependencies": {
+    "@types/eslint": "^8.56.12",
+    "eslint": "^8.57.1",
+    "typescript": "5.6.3"
+  }
+}
diff --git a/packages/package.config/package.json b/packages/@repo/package.config/package.json
similarity index 100%
rename from packages/package.config/package.json
rename to packages/@repo/package.config/package.json
diff --git a/packages/package.config/src/package.config.ts b/packages/@repo/package.config/src/package.config.ts
similarity index 100%
rename from packages/package.config/src/package.config.ts
rename to packages/@repo/package.config/src/package.config.ts
diff --git a/.prettierrc.cjs b/packages/@repo/prettier-config/index.js
similarity index 86%
rename from .prettierrc.cjs
rename to packages/@repo/prettier-config/index.js
index a13742b8c..c7792a40b 100644
--- a/.prettierrc.cjs
+++ b/packages/@repo/prettier-config/index.js
@@ -5,6 +5,7 @@ const config = {
   ...preset,
   plugins: [
     ...preset.plugins,
+    '@ianvs/prettier-plugin-sort-imports',
     'prettier-plugin-astro',
     'prettier-plugin-svelte',
     'prettier-plugin-tailwindcss',
diff --git a/packages/@repo/prettier-config/package.json b/packages/@repo/prettier-config/package.json
new file mode 100644
index 000000000..022eefa46
--- /dev/null
+++ b/packages/@repo/prettier-config/package.json
@@ -0,0 +1,37 @@
+{
+  "name": "@repo/prettier-config",
+  "version": "0.0.0",
+  "private": true,
+  "dependencies": {
+    "@ianvs/prettier-plugin-sort-imports": "4.3.1",
+    "@sanity/prettier-config": "1.0.3",
+    "prettier": "3.3.3",
+    "prettier-plugin-astro": "^0.14.1",
+    "prettier-plugin-svelte": "3.2.7",
+    "prettier-plugin-tailwindcss": "0.6.8"
+  },
+  "peerDependencies": {
+    "@ianvs/prettier-plugin-sort-imports": "$@ianvs/prettier-plugin-sort-imports",
+    "prettier": "$prettier",
+    "prettier-plugin-astro": "$prettier-plugin-astro",
+    "prettier-plugin-svelte": "$prettier-plugin-svelte",
+    "prettier-plugin-tailwindcss": "$prettier-plugin-tailwindcss"
+  },
+  "peerDependenciesMeta": {
+    "@ianvs/prettier-plugin-sort-imports": {
+      "optional": true
+    },
+    "prettier": {
+      "optional": true
+    },
+    "prettier-plugin-astro": {
+      "optional": true
+    },
+    "prettier-plugin-svelte": {
+      "optional": true
+    },
+    "prettier-plugin-tailwindcss": {
+      "optional": true
+    }
+  }
+}
diff --git a/packages/@repo/sanity-extracted-schema/.gitignore b/packages/@repo/sanity-extracted-schema/.gitignore
new file mode 100644
index 000000000..54ef1186c
--- /dev/null
+++ b/packages/@repo/sanity-extracted-schema/.gitignore
@@ -0,0 +1,5 @@
+.sanity
+cross-dataset-references.json
+live-demo.json
+page-builder-demo.json
+shoes.json
diff --git a/packages/@repo/sanity-extracted-schema/package.json b/packages/@repo/sanity-extracted-schema/package.json
new file mode 100644
index 000000000..994037047
--- /dev/null
+++ b/packages/@repo/sanity-extracted-schema/package.json
@@ -0,0 +1,36 @@
+{
+  "name": "@repo/sanity-extracted-schema",
+  "version": "0.0.0",
+  "private": true,
+  "description": "The extracted schema from @repo/sanity-schema used for TypeGen",
+  "exports": {
+    "./cross-dataset-references.json": "./cross-dataset-references.json",
+    "./live-demo.json": "./live-demo.json",
+    "./page-builder-demo.json": "./page-builder-demo.json",
+    "./shoes.json": "./shoes.json"
+  },
+  "scripts": {
+    "build": "sanity schema extract --workspace cross-dataset-references --path ./cross-dataset-references.json && sanity schema extract --workspace live-demo --path ./live-demo.json && sanity schema extract --workspace page-builder-demo --path ./page-builder-demo.json && sanity schema extract --workspace shoes --path ./shoes.json",
+    "lint": "eslint --cache ."
+  },
+  "browserslist": "extends @sanity/browserslist-config",
+  "prettier": "@repo/prettier-config",
+  "eslintConfig": {
+    "extends": [
+      "@repo/eslint-config"
+    ],
+    "root": true
+  },
+  "dependencies": {
+    "@repo/env": "workspace:*",
+    "@repo/sanity-schema": "workspace:*"
+  },
+  "devDependencies": {
+    "@repo/eslint-config": "workspace:*",
+    "@repo/prettier-config": "workspace:*",
+    "eslint": "^8.57.1",
+    "sanity": "3.61.0",
+    "styled-components": "^6.1.13",
+    "typescript": "5.6.3"
+  }
+}
diff --git a/packages/@repo/sanity-extracted-schema/sanity.cli.ts b/packages/@repo/sanity-extracted-schema/sanity.cli.ts
new file mode 100644
index 000000000..6d311741e
--- /dev/null
+++ b/packages/@repo/sanity-extracted-schema/sanity.cli.ts
@@ -0,0 +1,4 @@
+import {datasets, projectId} from '@repo/env'
+import {defineCliConfig} from 'sanity/cli'
+
+export default defineCliConfig({api: {projectId, dataset: datasets.development}})
diff --git a/packages/@repo/sanity-extracted-schema/sanity.config.ts b/packages/@repo/sanity-extracted-schema/sanity.config.ts
new file mode 100644
index 000000000..4dbb1ffe7
--- /dev/null
+++ b/packages/@repo/sanity-extracted-schema/sanity.config.ts
@@ -0,0 +1,53 @@
+import {workspaces} from '@repo/env'
+import {
+  crossDatasetReferencesPlugin,
+  liveDemoPlugin,
+  pageBuilderDemoPlugin,
+  shoesPlugin,
+} from '@repo/sanity-schema'
+import {defineConfig} from 'sanity'
+
+export default defineConfig([
+  {
+    ...workspaces['page-builder-demo'],
+    name: workspaces['page-builder-demo'].workspace,
+    basePath: `/${workspaces['page-builder-demo'].workspace}`,
+    plugins: [
+      // @ts-expect-error - TODO: Fix types
+      pageBuilderDemoPlugin({
+        previewUrl: '/',
+      }),
+    ],
+  },
+  {
+    ...workspaces['next-app-router'],
+    name: 'shoes',
+    basePath: `/shoes`,
+    plugins: [
+      // @ts-expect-error - TODO: Fix types
+      shoesPlugin({
+        previewUrl: '/',
+      }),
+    ],
+  },
+  {
+    ...workspaces['cross-dataset-references'],
+    name: workspaces['cross-dataset-references'].workspace,
+    basePath: `/${workspaces['cross-dataset-references'].workspace}`,
+    plugins: [
+      // @ts-expect-error - TODO: Fix types
+      crossDatasetReferencesPlugin(),
+    ],
+  },
+  {
+    ...workspaces['live-demo'],
+    name: 'live-demo',
+    basePath: `/live-demo`,
+    plugins: [
+      // @ts-expect-error - TODO: Fix types
+      liveDemoPlugin({
+        previewUrl: '/',
+      }),
+    ],
+  },
+])
diff --git a/packages/@repo/sanity-extracted-schema/tsconfig.json b/packages/@repo/sanity-extracted-schema/tsconfig.json
new file mode 100644
index 000000000..16b3f4923
--- /dev/null
+++ b/packages/@repo/sanity-extracted-schema/tsconfig.json
@@ -0,0 +1,3 @@
+{
+  "extends": "@sanity/pkg-utils/tsconfig/strictest.json"
+}
diff --git a/packages/@repo/sanity-extracted-schema/turbo.json b/packages/@repo/sanity-extracted-schema/turbo.json
new file mode 100644
index 000000000..19153b212
--- /dev/null
+++ b/packages/@repo/sanity-extracted-schema/turbo.json
@@ -0,0 +1,14 @@
+{
+  "$schema": "https://turbo.build/schema.json",
+  "extends": ["//"],
+  "tasks": {
+    "build": {
+      "outputs": [
+        "cross-dataset-references.json",
+        "live-demo.json",
+        "page-builder-demo.json",
+        "shoes.json"
+      ]
+    }
+  }
+}
diff --git a/packages/@repo/sanity-schema/package.json b/packages/@repo/sanity-schema/package.json
new file mode 100644
index 000000000..1614bc191
--- /dev/null
+++ b/packages/@repo/sanity-schema/package.json
@@ -0,0 +1,49 @@
+{
+  "name": "@repo/sanity-schema",
+  "version": "0.0.0",
+  "private": true,
+  "description": "Shared Sanity schema used by the Studio app, as well as for TypeGen in the other apps",
+  "exports": {
+    ".": "./src/index.ts",
+    "./package.json": "./package.json"
+  },
+  "scripts": {
+    "lint": "eslint --cache ."
+  },
+  "browserslist": "extends @sanity/browserslist-config",
+  "prettier": "@repo/prettier-config",
+  "eslintConfig": {
+    "extends": [
+      "@repo/eslint-config"
+    ],
+    "root": true
+  },
+  "dependencies": {
+    "@repo/env": "workspace:*",
+    "date-fns": "^4.1.0"
+  },
+  "devDependencies": {
+    "@repo/eslint-config": "workspace:*",
+    "@repo/prettier-config": "workspace:*",
+    "@sanity/assist": "3.0.8",
+    "@sanity/color-input": "4.0.1",
+    "@sanity/icons": "3.4.0",
+    "@sanity/presentation": "workspace:*",
+    "@sanity/ui": "2.8.9",
+    "eslint": "^8.57.1",
+    "rxjs": "^7.8.1",
+    "sanity": "3.61.0",
+    "sanity-plugin-asset-source-unsplash": "3.0.1",
+    "typescript": "5.6.3"
+  },
+  "peerDependencies": {
+    "@sanity/assist": "$@sanity/assist",
+    "@sanity/color-input": "$@sanity/color-input",
+    "@sanity/icons": "$@sanity/icons",
+    "@sanity/presentation": "$@sanity/presentation",
+    "@sanity/ui": "$@sanity/ui",
+    "rxjs": "$rxjs",
+    "sanity": "$sanity",
+    "sanity-plugin-asset-source-unsplash": "$sanity-plugin-asset-source-unsplash"
+  }
+}
diff --git a/packages/@repo/sanity-schema/src/cross-dataset-references/index.tsx b/packages/@repo/sanity-schema/src/cross-dataset-references/index.tsx
new file mode 100644
index 000000000..320d48ce5
--- /dev/null
+++ b/packages/@repo/sanity-schema/src/cross-dataset-references/index.tsx
@@ -0,0 +1,55 @@
+import {assist} from '@sanity/assist'
+import {defineField, definePlugin, defineType} from 'sanity'
+import {unsplashImageAsset} from 'sanity-plugin-asset-source-unsplash'
+import {structureTool} from 'sanity/structure'
+
+const brandType = defineType(
+  defineType({
+    type: 'document',
+    name: 'brand',
+    fields: [
+      defineField({
+        type: 'string',
+        name: 'name',
+        title: 'Name',
+      }),
+      defineField({
+        type: 'slug',
+        name: 'slug',
+        title: 'Slug',
+        options: {source: 'name'},
+      }),
+      defineField({
+        type: 'image',
+        name: 'logo',
+        title: 'Logo',
+        options: {
+          hotspot: true,
+          aiAssist: {
+            imageDescriptionField: 'alt',
+            imageInstructionField: 'imagePrompt',
+          },
+        },
+        fields: [
+          defineField({
+            name: 'alt',
+            type: 'string',
+            title: 'Alt text',
+          }),
+          defineField({
+            type: 'text',
+            name: 'imagePrompt',
+            title: 'Image prompt',
+            rows: 2,
+          }),
+        ],
+      }),
+    ],
+  }),
+)
+
+export const crossDatasetReferencesPlugin = definePlugin({
+  name: '@repo/sanity-schema/cross-dataset-references',
+  schema: {types: [brandType]},
+  plugins: [assist(), unsplashImageAsset(), structureTool()],
+})
diff --git a/packages/@repo/sanity-schema/src/index.ts b/packages/@repo/sanity-schema/src/index.ts
new file mode 100644
index 000000000..7065bafbc
--- /dev/null
+++ b/packages/@repo/sanity-schema/src/index.ts
@@ -0,0 +1,5 @@
+export * from './cross-dataset-references'
+export * from './live-demo'
+export * from './page-builder-demo'
+export * from './performance-test'
+export * from './shoes'
diff --git a/packages/@repo/sanity-schema/src/live-demo/index.tsx b/packages/@repo/sanity-schema/src/live-demo/index.tsx
new file mode 100644
index 000000000..7c11b4dc0
--- /dev/null
+++ b/packages/@repo/sanity-schema/src/live-demo/index.tsx
@@ -0,0 +1,716 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import {assist} from '@sanity/assist'
+import {colorInput} from '@sanity/color-input'
+import {CogIcon, DocumentTextIcon, UserIcon} from '@sanity/icons'
+import {
+  defineDocuments,
+  defineLocations,
+  presentationTool,
+  type DocumentLocation,
+  type PresentationPluginOptions,
+} from '@sanity/presentation'
+import {format, parseISO} from 'date-fns'
+import {
+  defineArrayMember,
+  defineField,
+  definePlugin,
+  defineType,
+  type DocumentDefinition,
+} from 'sanity'
+import {unsplashImageAsset} from 'sanity-plugin-asset-source-unsplash'
+import {structureTool, type StructureResolver} from 'sanity/structure'
+
+const homeLocation = {
+  title: 'Home',
+  href: '/',
+} satisfies DocumentLocation
+
+const authorType = defineType({
+  name: 'author',
+  title: 'Author',
+  icon: UserIcon,
+  type: 'document',
+  fields: [
+    defineField({
+      name: 'name',
+      title: 'Name',
+      type: 'string',
+      validation: (rule) => rule.required(),
+    }),
+    defineField({
+      name: 'picture',
+      title: 'Picture',
+      type: 'image',
+      fields: [
+        {
+          name: 'alt',
+          type: 'string',
+          title: 'Alternative text',
+          description: 'Important for SEO and accessiblity.',
+          validation: (rule) => {
+            return rule.custom((alt, context) => {
+              if ((context.document?.['picture'] as any)?.asset?._ref && !alt) {
+                return 'Required'
+              }
+              return true
+            })
+          },
+        },
+      ],
+      options: {
+        hotspot: true,
+        aiAssist: {
+          imageDescriptionField: 'alt',
+        },
+      },
+      validation: (rule) => rule.required(),
+    }),
+  ],
+})
+
+const postType = defineType({
+  name: 'post',
+  title: 'Post',
+  icon: DocumentTextIcon,
+  type: 'document',
+  fields: [
+    defineField({
+      name: 'title',
+      title: 'Title',
+      type: 'string',
+      validation: (rule) => rule.required(),
+    }),
+    defineField({
+      name: 'slug',
+      title: 'Slug',
+      type: 'slug',
+      description: 'A slug is required for the post to show up in the preview',
+      options: {
+        source: 'title',
+        maxLength: 96,
+        isUnique: (value, context) => context.defaultIsUnique(value, context),
+      },
+      validation: (rule) => rule.required(),
+    }),
+    defineField({
+      name: 'content',
+      title: 'Content',
+      type: 'array',
+      of: [{type: 'block'}],
+    }),
+    defineField({
+      name: 'excerpt',
+      title: 'Excerpt',
+      type: 'text',
+    }),
+    defineField({
+      name: 'coverImage',
+      title: 'Cover Image',
+      type: 'image',
+      options: {
+        hotspot: true,
+        aiAssist: {
+          imageDescriptionField: 'alt',
+        },
+      },
+      fields: [
+        {
+          name: 'alt',
+          type: 'string',
+          title: 'Alternative text',
+          description: 'Important for SEO and accessiblity.',
+          validation: (rule) => {
+            return rule.custom((alt, context) => {
+              if ((context.document?.['coverImage'] as any)?.asset?._ref && !alt) {
+                return 'Required'
+              }
+              return true
+            })
+          },
+        },
+      ],
+      validation: (rule) => rule.required(),
+    }),
+    defineField({
+      name: 'date',
+      title: 'Date',
+      type: 'datetime',
+      initialValue: () => new Date().toISOString(),
+    }),
+    defineField({
+      name: 'author',
+      title: 'Author',
+      type: 'reference',
+      to: [{type: authorType.name}],
+    }),
+  ],
+  preview: {
+    select: {
+      title: 'title',
+      author: 'author.name',
+      date: 'date',
+      media: 'coverImage',
+    },
+    prepare({title, media, author, date}) {
+      const subtitles = [
+        author && `by ${author}`,
+        date && `on ${format(parseISO(date), 'LLL d, yyyy')}`,
+      ].filter(Boolean)
+
+      return {title, media, subtitle: subtitles.join(' ')}
+    },
+  },
+})
+
+const settingsType = defineType({
+  name: 'settings',
+  title: 'Settings',
+  type: 'document',
+  icon: CogIcon,
+  fields: [
+    defineField({
+      name: 'title',
+      description: 'This field is the title of your blog.',
+      title: 'Title',
+      type: 'string',
+      initialValue: 'Blog.',
+      validation: (rule) => rule.required(),
+    }),
+    defineField({
+      name: 'description',
+      description: 'Used both for the <meta> description tag for SEO, and the blog subheader.',
+      title: 'Description',
+      type: 'array',
+      initialValue: [
+        {
+          _key: '9f1a629887fd',
+          _type: 'block',
+          children: [
+            {
+              _key: '4a58edd077880',
+              _type: 'span',
+              marks: [],
+              text: 'A statically generated blog example using ',
+            },
+            {
+              _key: '4a58edd077881',
+              _type: 'span',
+              marks: ['ec5b66c9b1e0'],
+              text: 'Next.js',
+            },
+            {
+              _key: '4a58edd077882',
+              _type: 'span',
+              marks: [],
+              text: ' and ',
+            },
+            {
+              _key: '4a58edd077883',
+              _type: 'span',
+              marks: ['1f8991913ea8'],
+              text: 'Sanity',
+            },
+            {
+              _key: '4a58edd077884',
+              _type: 'span',
+              marks: [],
+              text: '.',
+            },
+          ],
+          markDefs: [
+            {
+              _key: 'ec5b66c9b1e0',
+              _type: 'link',
+              href: 'https://nextjs.org/',
+            },
+            {
+              _key: '1f8991913ea8',
+              _type: 'link',
+              href: 'https://sanity.io/',
+            },
+          ],
+          style: 'normal',
+        },
+      ],
+      of: [
+        defineArrayMember({
+          type: 'block',
+          options: {},
+          styles: [],
+          lists: [],
+          marks: {
+            decorators: [],
+            annotations: [
+              defineField({
+                type: 'object',
+                name: 'link',
+                fields: [
+                  {
+                    type: 'string',
+                    name: 'href',
+                    title: 'URL',
+                    validation: (rule) => rule.required(),
+                  },
+                ],
+              }),
+            ],
+          },
+        }),
+      ],
+    }),
+    defineField({
+      type: 'object',
+      name: 'theme',
+      fields: [
+        {
+          type: 'color',
+          name: 'background',
+          title: 'Background Color',
+        },
+        {
+          type: 'color',
+          name: 'text',
+          title: 'Text Color',
+        },
+      ],
+    }),
+    defineField({
+      name: 'footer',
+      description: 'This is a block of text that will be displayed at the bottom of the page.',
+      title: 'Footer Info',
+      type: 'array',
+      of: [
+        defineArrayMember({
+          type: 'block',
+          marks: {
+            annotations: [
+              {
+                name: 'link',
+                type: 'object',
+                title: 'Link',
+                fields: [
+                  {
+                    name: 'href',
+                    type: 'url',
+                    title: 'Url',
+                  },
+                ],
+              },
+            ],
+          },
+        }),
+      ],
+    }),
+    defineField({
+      name: 'ogImage',
+      title: 'Open Graph Image',
+      type: 'image',
+      description: 'Displayed on social cards and search engine results.',
+      options: {
+        hotspot: true,
+        aiAssist: {
+          imageDescriptionField: 'alt',
+        },
+      },
+      fields: [
+        defineField({
+          name: 'alt',
+          description: 'Important for accessibility and SEO.',
+          title: 'Alternative text',
+          type: 'string',
+          validation: (rule) => {
+            return rule.custom((alt, context) => {
+              if ((context.document?.['ogImage'] as any)?.asset?._ref && !alt) {
+                return 'Required'
+              }
+              return true
+            })
+          },
+        }),
+        defineField({
+          name: 'metadataBase',
+          type: 'url',
+          description: (
+            <a
+              href="https://nextjs.org/docs/app/api-reference/functions/generate-metadata#metadatabase"
+              rel="noreferrer noopener"
+            >
+              More information
+            </a>
+          ),
+        }),
+      ],
+    }),
+  ],
+  preview: {
+    prepare() {
+      return {
+        title: 'Settings',
+      }
+    },
+  },
+})
+
+const pageStructure = (typeDefArray: DocumentDefinition[]): StructureResolver => {
+  return (S) => {
+    // Goes through all of the singletons that were provided and translates them into something the
+    // Structure tool can understand
+    const singletonItems = typeDefArray.map((typeDef) => {
+      return S.listItem()
+        .title(typeDef.title!)
+        .icon(typeDef.icon)
+        .child(S.editor().id(typeDef.name).schemaType(typeDef.name).documentId(typeDef.name))
+    })
+
+    // The default root list items (except custom ones)
+    const defaultListItems = S.documentTypeListItems().filter(
+      (listItem) => !typeDefArray.find((singleton) => singleton.name === listItem.getId()),
+    )
+
+    return S.list()
+      .title('Content')
+      .items([...singletonItems, S.divider(), ...defaultListItems])
+  }
+}
+
+const singletonPlugin = definePlugin((types: string[]) => {
+  return {
+    name: 'singletonPlugin',
+    document: {
+      newDocumentOptions: (prev, {creationContext}) => {
+        if (creationContext.type === 'global') {
+          return prev.filter((templateItem) => !types.includes(templateItem.templateId))
+        }
+
+        return prev
+      },
+      // Removes the "duplicate" action on the Singletons (such as Home)
+      actions: (prev, {schemaType}) => {
+        if (types.includes(schemaType)) {
+          return prev.filter(({action}) => action !== 'duplicate')
+        }
+
+        return prev
+      },
+    },
+  }
+})
+
+const assistWithPresets = () =>
+  assist({
+    __presets: {
+      [postType.name]: {
+        fields: [
+          {
+            /**
+             * Creates Portable Text `content` blocks from the `title` field
+             */
+            path: 'content',
+            instructions: [
+              {
+                _key: 'preset-instruction-1',
+                title: 'Generate sample content',
+                icon: 'block-content',
+                prompt: [
+                  {
+                    _key: '86e70087d4d5',
+                    markDefs: [],
+                    children: [
+                      {
+                        _type: 'span',
+                        marks: [],
+                        text: 'Given the draft title ',
+                        _key: '6b5d5d6a63cf0',
+                      },
+                      {
+                        path: 'title',
+                        _type: 'sanity.assist.instruction.fieldRef',
+                        _key: '0132742d463b',
+                      },
+                      {
+                        _type: 'span',
+                        marks: [],
+                        text: ' of a blog post, generate a comprehensive and engaging sample content that spans the length of one to two A4 pages. The content should be structured, informative, and tailored to the subject matter implied by the title, whether it be travel, software engineering, fashion, politics, or any other theme. The text will be displayed below the ',
+                        _key: 'a02c9ab4eb2d',
+                      },
+                      {
+                        _type: 'sanity.assist.instruction.fieldRef',
+                        _key: 'f208ef240062',
+                        path: 'title',
+                      },
+                      {
+                        text: " and doesn't need to repeat it in the text. The generated text should include the following elements:",
+                        _key: '8ecfa74a8487',
+                        _type: 'span',
+                        marks: [],
+                      },
+                    ],
+                    _type: 'block',
+                    style: 'normal',
+                  },
+                  {
+                    style: 'normal',
+                    _key: 'e4dded41ea89',
+                    markDefs: [],
+                    children: [
+                      {
+                        _type: 'span',
+                        marks: [],
+                        text: '1. Introduction: A brief paragraph that captures the essence of the blog post, hooks the reader with intriguing insights, and outlines the purpose of the post.',
+                        _key: 'cc5ef44a2fb5',
+                      },
+                    ],
+                    _type: 'block',
+                  },
+                  {
+                    style: 'normal',
+                    _key: '585e8de2fe35',
+                    markDefs: [],
+                    children: [
+                      {
+                        _type: 'span',
+                        marks: [],
+                        text: '2. Main Body:',
+                        _key: 'fab36eb7c541',
+                      },
+                    ],
+                    _type: 'block',
+                  },
+                  {
+                    _type: 'block',
+                    style: 'normal',
+                    _key: 'e96b89ef6357',
+                    markDefs: [],
+                    children: [
+                      {
+                        _type: 'span',
+                        marks: [],
+                        text: '- For thematic consistency, divide the body into several sections with subheadings that explore different facets of the topic.',
+                        _key: 'b685a310a0ff',
+                      },
+                    ],
+                  },
+                  {
+                    children: [
+                      {
+                        marks: [],
+                        text: '- Include engaging and informative content such as personal anecdotes (for travel or fashion blogs), technical explanations or tutorials (for software engineering blogs), satirical or humorous observations (for shitposting), or well-argued positions (for political blogs).',
+                        _key: 'c7468d106c91',
+                        _type: 'span',
+                      },
+                    ],
+                    _type: 'block',
+                    style: 'normal',
+                    _key: 'ce4acdb00da9',
+                    markDefs: [],
+                  },
+                  {
+                    _type: 'block',
+                    style: 'normal',
+                    _key: 'fb4572e65833',
+                    markDefs: [],
+                    children: [
+                      {
+                        _type: 'span',
+                        marks: [],
+                        text: '- ',
+                        _key: '5358f261dce4',
+                      },
+                      {
+                        _type: 'span',
+                        marks: [],
+                        text: ' observations (for shitposting), or well-argued positions (for political blogs).',
+                        _key: '50792c6d0f77',
+                      },
+                    ],
+                  },
+                  {
+                    children: [
+                      {
+                        marks: [],
+                        text: 'Where applicable, incorporate bullet points or numbered lists to break down complex information, steps in a process, or key highlights.',
+                        _key: '3b891d8c1dde0',
+                        _type: 'span',
+                      },
+                    ],
+                    _type: 'block',
+                    style: 'normal',
+                    _key: '9364b67074ce',
+                    markDefs: [],
+                  },
+                  {
+                    _key: 'a6ba7579cd66',
+                    markDefs: [],
+                    children: [
+                      {
+                        _type: 'span',
+                        marks: [],
+                        text: '3. Conclusion: Summarize the main points discussed in the post, offer final thoughts or calls to action, and invite readers to engage with the content through comments or social media sharing.',
+                        _key: '1280f11d499d',
+                      },
+                    ],
+                    _type: 'block',
+                    style: 'normal',
+                  },
+                  {
+                    style: 'normal',
+                    _key: '719a79eb4c1c',
+                    markDefs: [],
+                    children: [
+                      {
+                        marks: [],
+                        text: "4. Engagement Prompts: Conclude with questions or prompts that encourage readers to share their experiences, opinions, or questions related to the blog post's topic, but keep in mind there is no Comments field below the blog post.",
+                        _key: 'f1512086bab6',
+                        _type: 'span',
+                      },
+                    ],
+                    _type: 'block',
+                  },
+                  {
+                    _type: 'block',
+                    style: 'normal',
+                    _key: '4a1c586fd44a',
+                    markDefs: [],
+                    children: [
+                      {
+                        marks: [],
+                        text: 'Ensure the generated content maintains a balance between being informative and entertaining, to capture the interest of a wide audience. The sample content should serve as a solid foundation that can be further customized or expanded upon by the blog author to finalize the post.',
+                        _key: '697bbd03cb110',
+                        _type: 'span',
+                      },
+                    ],
+                  },
+                  {
+                    children: [
+                      {
+                        marks: [],
+                        text: 'Don\'t prefix each section with "Introduction", "Main Body", "Conclusion" or "Engagement Prompts"',
+                        _key: 'd20bb9a03b0d',
+                        _type: 'span',
+                      },
+                    ],
+                    _type: 'block',
+                    style: 'normal',
+                    _key: 'b072b3c62c3c',
+                    markDefs: [],
+                  },
+                ],
+              },
+            ],
+          },
+          {
+            /**
+             * Summarize content into the `excerpt` field
+             */
+            path: 'excerpt',
+            instructions: [
+              {
+                _key: 'preset-instruction-2',
+                title: 'Summarize content',
+                icon: 'blockquote',
+                prompt: [
+                  {
+                    markDefs: [],
+                    children: [
+                      {
+                        _key: '650a0dcc327d',
+                        _type: 'span',
+                        marks: [],
+                        text: 'Create a short excerpt based on ',
+                      },
+                      {
+                        path: 'content',
+                        _type: 'sanity.assist.instruction.fieldRef',
+                        _key: 'c62d14c73496',
+                      },
+                      {
+                        _key: '38e043efa606',
+                        _type: 'span',
+                        marks: [],
+                        text: " that doesn't repeat what's already in the ",
+                      },
+                      {
+                        path: 'title',
+                        _type: 'sanity.assist.instruction.fieldRef',
+                        _key: '445e62dda246',
+                      },
+                      {
+                        _key: '98cce773915e',
+                        _type: 'span',
+                        marks: [],
+                        text: ' . Consider the UI has limited horizontal space and try to avoid too many line breaks and make it as short, terse and brief as possible. At best a single sentence, at most two sentences.',
+                      },
+                    ],
+                    _type: 'block',
+                    style: 'normal',
+                    _key: '392c618784b0',
+                  },
+                ],
+              },
+            ],
+          },
+        ],
+      },
+    },
+  })
+
+export const liveDemoPlugin = definePlugin<
+  Partial<PresentationPluginOptions> & Pick<PresentationPluginOptions, 'previewUrl'>
+>((config) => ({
+  name: '@repo/sanity-schema/live-demo',
+  schema: {
+    types: [
+      // Singletons
+      settingsType,
+      // Documents
+      postType,
+      authorType,
+    ],
+  },
+  plugins: [
+    colorInput(),
+    presentationTool({
+      resolve: {
+        mainDocuments: defineDocuments([
+          {
+            route: '/posts/:slug',
+            filter: `_type == "post" && slug.current == $slug`,
+          },
+        ]),
+        locations: {
+          settings: defineLocations({
+            locations: [homeLocation],
+            message: 'This document is used on all pages',
+            tone: 'caution',
+          }),
+          post: defineLocations({
+            select: {
+              title: 'title',
+              slug: 'slug.current',
+            },
+            resolve: (doc) => ({
+              locations: doc?.slug
+                ? [
+                    {
+                      title: doc?.title || 'Untitled',
+                      href: `/posts/${doc.slug}`,
+                    },
+                    homeLocation,
+                  ]
+                : [homeLocation],
+            }),
+          }),
+        },
+      },
+      ...config,
+    }),
+    structureTool({structure: pageStructure([settingsType])}),
+    // Configures the global "new document" button, and document actions, to suit the Settings document singleton
+    singletonPlugin([settingsType.name]),
+    // Add an image asset source for Unsplash
+    unsplashImageAsset(),
+    // Sets up AI Assist with preset prompts
+    // https://www.sanity.io/docs/ai-assist
+    assistWithPresets(),
+  ],
+}))
diff --git a/apps/common/src/schema/page/components/PageSectionInput.tsx b/packages/@repo/sanity-schema/src/page-builder-demo/PageSectionInput.tsx
similarity index 74%
rename from apps/common/src/schema/page/components/PageSectionInput.tsx
rename to packages/@repo/sanity-schema/src/page-builder-demo/PageSectionInput.tsx
index f75d4a549..bca73d0e9 100644
--- a/apps/common/src/schema/page/components/PageSectionInput.tsx
+++ b/packages/@repo/sanity-schema/src/page-builder-demo/PageSectionInput.tsx
@@ -1,20 +1,62 @@
 import {EditIcon, RevertIcon} from '@sanity/icons'
 import {Card, Code, Stack} from '@sanity/ui'
-import {type ReactElement, useCallback, useEffect, useMemo, useRef} from 'react'
+import {useCallback, useEffect, useMemo, useRef, useState, type ReactElement} from 'react'
+import {EMPTY, switchMap} from 'rxjs'
 import {
   defineDocumentFieldAction,
-  type DocumentFieldActionItem,
-  type FieldProps,
   FormFieldSet,
+  getPublishedId,
   ObjectInputMember,
-  type ObjectInputProps,
   set,
   unset,
+  useDocumentPreviewStore,
+  useDocumentStore,
+  type DocumentFieldActionItem,
+  type EditStateFor,
+  type FieldMember,
+  type FieldProps,
+  type ObjectFormNode,
+  type ObjectInputProps,
+  type ObjectMember,
 } from 'sanity'
 
-import {findFieldMember} from '../../../lib/findField'
-import {isFieldMember} from '../../../lib/isFieldMember'
-import {useReferenceEditState} from '../../../lib/useReferenceEditState'
+function useReferenceEditState(documentId?: string): EditStateFor | undefined {
+  const documentStore = useDocumentStore()
+  const previewStore = useDocumentPreviewStore()
+  const [editState, setEditState] = useState<EditStateFor | undefined>()
+
+  useEffect(() => {
+    setEditState(undefined)
+
+    if (!documentId) return undefined
+
+    const type$ = previewStore.observeDocumentTypeFromId(documentId)
+    const editState$ = type$.pipe(
+      switchMap((type) => {
+        if (!type) return EMPTY
+
+        return documentStore.pair.editState(getPublishedId(documentId), type)
+      }),
+    )
+
+    const sub = editState$.subscribe({next: setEditState})
+
+    return () => sub.unsubscribe()
+  }, [documentId, documentStore, previewStore])
+
+  return editState
+}
+
+function isFieldMember(member: ObjectMember): member is FieldMember {
+  return member.kind === 'field'
+}
+
+function findFieldMember<N extends FieldMember = FieldMember>(
+  node: Omit<ObjectFormNode, '_allMembers'>,
+  name: string,
+): N | undefined {
+  return node.members.filter(isFieldMember).find((m) => m.name === name) as N | undefined
+}
 
 export function PageSectionInput(props: ObjectInputProps): ReactElement {
   const {
diff --git a/packages/@repo/sanity-schema/src/page-builder-demo/index.tsx b/packages/@repo/sanity-schema/src/page-builder-demo/index.tsx
new file mode 100644
index 000000000..80c2c1fa0
--- /dev/null
+++ b/packages/@repo/sanity-schema/src/page-builder-demo/index.tsx
@@ -0,0 +1,586 @@
+import {workspaces} from '@repo/env'
+import {ControlsIcon} from '@sanity/icons'
+import {
+  defineDocuments,
+  defineLocations,
+  presentationTool,
+  type PresentationPluginOptions,
+} from '@sanity/presentation'
+import {defineArrayMember, defineField, definePlugin, defineType} from 'sanity'
+import {structureTool} from 'sanity/structure'
+import {PageSectionInput} from './PageSectionInput'
+
+const {dataset, workspace, tool} = workspaces['cross-dataset-references']
+
+const productType = defineType({
+  type: 'document',
+  name: 'product',
+  fields: [
+    defineField({
+      type: 'string',
+      name: 'title',
+      title: 'Title',
+    }),
+    defineField({
+      type: 'slug',
+      name: 'slug',
+      title: 'Slug',
+      options: {source: 'title'},
+    }),
+    defineField({
+      type: 'array',
+      name: 'media',
+      title: 'Media',
+      of: [
+        {
+          type: 'image',
+          fields: [
+            defineField({
+              name: 'alt',
+              type: 'string',
+              title: 'Alt text',
+            }),
+          ],
+        },
+      ],
+      options: {layout: 'grid'},
+    }),
+    defineField({
+      type: 'array',
+      name: 'description',
+      title: 'Description',
+      of: [{type: 'block'}],
+    }),
+    defineField({
+      title: 'Brand',
+      name: 'brandReference',
+      type: 'crossDatasetReference',
+      dataset,
+      studioUrl: ({type, id}) =>
+        new URL(
+          `/${workspace}/${tool}/intent/edit/id=${id};type=${type}/`,
+          location.href,
+        ).toString(),
+      to: [
+        {
+          type: 'brand',
+          preview: {
+            select: {
+              title: 'name',
+              media: 'logo',
+            },
+          },
+        },
+      ],
+    }),
+    defineField({
+      type: 'object',
+      name: 'details',
+      title: 'Details',
+      fields: [
+        defineField({
+          type: 'string',
+          name: 'materials',
+          title: 'Materials',
+        }),
+        defineField({
+          type: 'array',
+          name: 'collectionNotes',
+          title: 'Collection notes',
+          of: [{type: 'block'}],
+        }),
+        defineField({
+          type: 'array',
+          name: 'performance',
+          title: 'Performance',
+          of: [{type: 'block'}],
+        }),
+        defineField({
+          type: 'string',
+          name: 'ledLifespan',
+          title: 'LED lifespan',
+        }),
+        defineField({
+          type: 'array',
+          name: 'certifications',
+          title: 'Certifications',
+          of: [{type: 'string'}],
+        }),
+      ],
+    }),
+    defineField({
+      type: 'array',
+      name: 'variants',
+      title: 'Variants',
+      of: [
+        defineArrayMember({
+          type: 'object',
+          name: 'variant',
+          title: 'Variant',
+          fields: [
+            defineField({
+              type: 'string',
+              name: 'title',
+              title: 'Title',
+            }),
+            defineField({
+              type: 'string',
+              name: 'price',
+              title: 'Price',
+            }),
+            defineField({
+              type: 'string',
+              name: 'sku',
+              title: 'SKU',
+            }),
+          ],
+        }),
+      ],
+    }),
+  ],
+})
+
+const projectType = defineType({
+  type: 'document',
+  name: 'project',
+  fields: [
+    defineField({
+      type: 'string',
+      name: 'title',
+      title: 'Title',
+    }),
+    defineField({
+      type: 'slug',
+      name: 'slug',
+      title: 'Slug',
+      options: {source: 'title'},
+    }),
+  ],
+})
+
+const siteSettingsType = defineType({
+  type: 'document',
+  icon: ControlsIcon,
+  name: 'siteSettings',
+  title: 'Site Settings',
+  fields: [
+    {
+      type: 'string',
+      name: 'title',
+      title: 'Site Title',
+    },
+    {
+      type: 'string',
+      name: 'description',
+      title: 'Site Description',
+    },
+    {
+      type: 'reference',
+      name: 'frontPage',
+      title: 'Front page',
+      to: [{type: 'page'}],
+    },
+    {
+      type: 'string',
+      name: 'copyrightText',
+      title: 'Copyright text',
+    },
+  ],
+  preview: {
+    prepare() {
+      return {title: 'Site Settings'}
+    },
+  },
+})
+
+const pageSectionType = defineType({
+  type: 'document',
+  name: 'page.section',
+  fields: [
+    defineField({
+      type: 'string',
+      name: 'headline',
+      title: 'Headline',
+    }),
+    defineField({
+      type: 'string',
+      name: 'tagline',
+      title: 'Tagline',
+    }),
+    defineField({
+      type: 'string',
+      name: 'subline',
+      title: 'Subline',
+    }),
+  ],
+})
+
+const pageSectionArrayMember = defineArrayMember({
+  type: 'object',
+  name: 'section',
+  fields: [
+    defineField({
+      type: 'reference',
+      name: 'symbol',
+      title: 'Symbol',
+      to: [{type: 'page.section'}],
+    }),
+
+    // overrides
+    ...pageSectionType.fields,
+  ],
+  components: {
+    input: PageSectionInput,
+  },
+})
+
+const sectionStyleType = defineType({
+  type: 'object',
+  name: 'sectionStyle',
+  title: 'Section style',
+  fields: [
+    defineField({
+      type: 'string',
+      name: 'variant',
+      title: 'Variant',
+      options: {
+        list: [
+          {
+            title: 'Default',
+            value: 'default',
+          },
+          {
+            title: 'Inverted',
+            value: 'inverted',
+          },
+        ],
+      },
+      initialValue: 'default',
+      validation: (rule) => rule.required(),
+    }),
+  ],
+})
+
+const featuredProductsSectionType = defineArrayMember({
+  type: 'object',
+  name: 'featuredProducts',
+  title: 'Featured Products',
+  fields: [
+    defineField({
+      type: 'string',
+      name: 'headline',
+      title: 'Headline',
+    }),
+    defineField({
+      type: 'string',
+      name: 'description',
+      title: 'Description',
+    }),
+    defineField({
+      type: 'array',
+      name: 'products',
+      title: 'Products',
+      of: [
+        {
+          type: 'reference',
+          to: [{type: 'product'}],
+        },
+      ],
+    }),
+    defineField({
+      type: 'sectionStyle',
+      name: 'style',
+      title: 'Style',
+    }),
+  ],
+  preview: {
+    select: {
+      title: 'headline',
+    },
+    prepare(data) {
+      return {
+        ...data,
+        subtitle: 'Featured Products',
+      }
+    },
+  },
+})
+
+const heroSectionType = defineArrayMember({
+  type: 'object',
+  name: 'hero',
+  title: 'Hero',
+  description: 'The hero section of the page',
+  fields: [
+    defineField({
+      type: 'string',
+      name: 'headline',
+      title: 'Headline',
+    }),
+    defineField({
+      type: 'string',
+      name: 'tagline',
+      title: 'Tagline',
+    }),
+    defineField({
+      type: 'string',
+      name: 'subline',
+      title: 'Subline',
+    }),
+    defineField({
+      type: 'image',
+      name: 'image',
+      title: 'Image',
+    }),
+    defineField({
+      type: 'sectionStyle',
+      name: 'style',
+      title: 'Style',
+    }),
+  ],
+  preview: {
+    select: {
+      title: 'headline',
+    },
+    prepare(data) {
+      return {
+        ...data,
+        subtitle: 'Hero',
+      }
+    },
+  },
+})
+
+const introSectionType = defineArrayMember({
+  type: 'object',
+  name: 'intro',
+  title: 'Intro',
+  fields: [
+    defineField({
+      type: 'string',
+      name: 'headline',
+      title: 'Headline',
+    }),
+    defineField({
+      type: 'text',
+      name: 'intro',
+      title: 'Intro',
+    }),
+    defineField({
+      type: 'sectionStyle',
+      name: 'style',
+      title: 'Style',
+    }),
+  ],
+  preview: {
+    select: {
+      title: 'headline',
+    },
+    prepare(data) {
+      return {
+        ...data,
+        subtitle: 'Intro',
+      }
+    },
+  },
+})
+
+const featureHighlightSectionType = defineArrayMember({
+  type: 'object',
+  name: 'featureHighlight',
+  title: 'Feature Highlight',
+  fields: [
+    defineField({
+      type: 'string',
+      name: 'headline',
+      title: 'Headline',
+    }),
+    defineField({
+      type: 'text',
+      name: 'description',
+      title: 'Description',
+    }),
+    defineField({
+      type: 'image',
+      name: 'image',
+      title: 'Image',
+    }),
+    defineField({
+      type: 'array',
+      name: 'ctas',
+      title: 'CTAs',
+      of: [
+        {
+          type: 'object',
+          name: 'cta',
+          title: 'CTA',
+          fields: [
+            defineField({
+              type: 'string',
+              name: 'title',
+              title: 'Title',
+            }),
+            defineField({
+              type: 'string',
+              name: 'href',
+              title: 'Href',
+            }),
+          ],
+        },
+      ],
+    }),
+    defineField({
+      type: 'reference',
+      name: 'product',
+      title: 'Product',
+      to: [{type: 'product'}],
+    }),
+    defineField({
+      type: 'sectionStyle',
+      name: 'style',
+      title: 'Style',
+    }),
+  ],
+  preview: {
+    select: {
+      title: 'headline',
+    },
+    prepare(data) {
+      return {
+        ...data,
+        subtitle: 'Feature',
+      }
+    },
+  },
+})
+
+const pageType = defineType({
+  type: 'document',
+  name: 'page',
+  fields: [
+    defineField({
+      type: 'string',
+      name: 'title',
+      title: 'Title',
+    }),
+    defineField({
+      type: 'slug',
+      name: 'slug',
+      title: 'Slug',
+      options: {source: 'title'},
+      hidden: (ctx) => ['home', 'drafts.home'].includes(ctx.document?._id as string),
+    }),
+    defineField({
+      type: 'array',
+      name: 'sections',
+      title: 'Sections',
+      of: [
+        heroSectionType,
+        introSectionType,
+        featuredProductsSectionType,
+        featureHighlightSectionType,
+        pageSectionArrayMember,
+      ],
+    }),
+  ],
+})
+
+export const pageBuilderDemoPlugin = definePlugin<
+  Partial<PresentationPluginOptions> & Pick<PresentationPluginOptions, 'previewUrl'>
+>((config) => ({
+  name: '@repo/sanity-schema/page-builder-demo',
+  schema: {
+    types: [
+      pageType,
+      pageSectionType,
+      productType,
+      projectType,
+      siteSettingsType,
+      heroSectionType,
+      introSectionType,
+      featuredProductsSectionType,
+      featureHighlightSectionType,
+      sectionStyleType,
+      pageSectionArrayMember,
+    ],
+    templates: [
+      {
+        id: 'page-basic',
+        title: 'Basic page',
+        schemaType: 'page',
+        parameters: [{name: 'title', title: 'Page Title', type: 'string'}],
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        value: (params: any) => {
+          return {
+            title: params.title,
+            slug: {
+              current: 'basic-slug',
+            },
+          }
+        },
+      },
+    ],
+  },
+  plugins: [
+    presentationTool({
+      resolve: {
+        mainDocuments: defineDocuments([
+          {
+            route: '/product/:slug',
+            filter: `_type == "product" && slug.current == $slug`,
+          },
+          {
+            route: '/products',
+            filter: `_type == "page" && slug.current == "products"`,
+          },
+          {
+            route: '/',
+            filter: `_type == "page" && (*[_id == "siteSettings"][0].frontPage._ref == _id)`,
+          },
+        ]),
+        locations: {
+          page: defineLocations({
+            select: {
+              title: 'title',
+              slug: 'slug.current',
+            },
+            resolve: (doc) => ({
+              locations: doc?.slug
+                ? [
+                    {
+                      title: doc?.title || 'Untitled',
+                      href: `/pages/${doc.slug}`,
+                    },
+                  ]
+                : undefined,
+            }),
+          }),
+          product: defineLocations({
+            select: {
+              title: 'title',
+              slug: 'slug',
+            },
+            resolve: (doc) => ({
+              locations: [
+                {
+                  title: doc?.title || 'Untitled',
+                  href: `/product/${doc?.slug?.current}`,
+                },
+                {
+                  title: 'Products',
+                  href: '/products',
+                },
+              ],
+            }),
+          }),
+          siteSettings: defineLocations({
+            message: 'This document is used on all pages',
+            tone: 'caution',
+          }),
+        },
+      },
+      ...config,
+    }),
+    structureTool(),
+  ],
+}))
diff --git a/packages/@repo/sanity-schema/src/performance-test/index.tsx b/packages/@repo/sanity-schema/src/performance-test/index.tsx
new file mode 100644
index 000000000..daeb059cf
--- /dev/null
+++ b/packages/@repo/sanity-schema/src/performance-test/index.tsx
@@ -0,0 +1,262 @@
+/* eslint-disable @typescript-eslint/no-explicit-any */
+import {definePlugin} from 'sanity'
+import {structureTool} from 'sanity/structure'
+
+const Building = {
+  name: 'Building',
+  title: 'Building',
+  type: 'document',
+  fields: [
+    {
+      title: 'Building Title',
+      name: 'title',
+      type: 'string',
+      validation: (Rule: any) => Rule.required(),
+    },
+    {
+      name: 'name',
+      title: 'Name',
+      description: 'Displayed in Campus App UI',
+      type: 'string',
+      validation: (Rule: any) => Rule.required(),
+    },
+    {
+      name: 'address',
+      title: 'Building Address',
+      type: 'string',
+      validation: (Rule: any) => Rule.required(),
+    },
+    {
+      name: 'city',
+      title: 'City',
+      type: 'string',
+      validation: (Rule: any) => Rule.required(),
+    },
+    {
+      title: 'Postal Code',
+      name: 'zip',
+      type: 'string',
+    },
+    {
+      title: 'Building Description',
+      name: 'buildingDescription',
+      type: 'string',
+    },
+    {
+      title: 'Building Status',
+      name: 'status',
+      type: 'string',
+      validation: (Rule: any) => Rule.required(),
+      options: {
+        list: [
+          {title: 'Closed', value: '1a'},
+          {title: 'Open', value: '2a'},
+        ],
+        layout: 'radio',
+      },
+    },
+    {
+      title: 'Building Id',
+      name: 'buildingId',
+      type: 'string',
+      readOnly: true,
+    },
+    {
+      title: 'Building Location',
+      name: 'location',
+      type: 'geopoint',
+    },
+    {
+      title: 'Building Timezone',
+      name: 'timezone',
+      type: 'string',
+    },
+    {
+      title: 'Floors',
+      name: 'floors',
+      type: 'array',
+      of: [
+        {
+          type: 'reference',
+          to: [{type: 'Floor'}],
+        },
+      ],
+    },
+    {
+      title: 'Promoted Building',
+      name: 'promotedBuilding',
+      type: 'boolean',
+      initialValue: false,
+      readOnly: false,
+    },
+  ],
+}
+
+const Floor = {
+  name: 'Floor',
+  title: 'Floor',
+  type: 'document',
+  fields: [
+    {
+      title: 'Title',
+      name: 'title',
+      type: 'string',
+      validation: (Rule: any) => Rule.required(),
+    },
+    {
+      title: 'Name',
+      name: 'name',
+      type: 'string',
+      validation: (Rule: any) => Rule.required(),
+    },
+    {
+      title: 'Label',
+      name: 'label',
+      type: 'string',
+    },
+    {
+      title: 'Spaces',
+      name: 'spaces',
+      type: 'array',
+      of: [
+        {
+          type: 'reference',
+          to: [{type: 'Space'}],
+        },
+      ],
+    },
+  ],
+}
+
+const Space = {
+  name: 'Space',
+  title: 'Space',
+  type: 'document',
+  fields: [
+    {
+      title: 'Title',
+      name: 'title',
+      type: 'string',
+      validation: (Rule: any) => Rule.required(),
+    },
+    {
+      title: 'Name',
+      name: 'name',
+      type: 'string',
+      validation: (Rule: any) => Rule.required(),
+    },
+    {
+      title: 'Space Code',
+      name: 'spaceCode',
+      type: 'string',
+      validation: (Rule: any) => Rule.required(),
+    },
+    {
+      title: 'Description',
+      name: 'description',
+      type: 'string',
+    },
+    {
+      title: 'Contact Number',
+      name: 'contactNumber',
+      type: 'string',
+    },
+    {
+      title: 'Capacity',
+      name: 'capacity',
+      type: 'number',
+      validation: (Rule: any) => Rule.required(),
+    },
+    {
+      title: 'Is Reservable',
+      name: 'isReservable',
+      type: 'boolean',
+      validation: (Rule: any) => Rule.required(),
+    },
+    {
+      title: 'Type',
+      name: 'spaceType',
+      type: 'array',
+      validation: (Rule: any) => Rule.required(),
+      of: [
+        {
+          type: 'reference',
+          to: [{type: 'SpaceType'}],
+        },
+      ],
+    },
+    {
+      title: 'Is Active',
+      name: 'isActive',
+      type: 'boolean',
+      validation: (Rule: any) => Rule.required(),
+    },
+    {
+      title: 'Video Device Name',
+      name: 'videoDevice',
+      type: 'string',
+    },
+    {
+      title: 'Display Device Name',
+      name: 'displayDevice',
+      type: 'string',
+    },
+    {
+      title: 'Audio Device Name',
+      name: 'audioDevice',
+      type: 'string',
+    },
+    {
+      title: 'Tags',
+      name: 'exchangeTags',
+      type: 'array',
+      of: [
+        {
+          type: 'string',
+        },
+      ],
+    },
+    {
+      title: 'Rating',
+      name: 'rating',
+      type: 'number',
+    },
+  ],
+}
+
+const SpaceType = {
+  name: 'SpaceType',
+  title: 'Space Type',
+  type: 'document',
+  fields: [
+    {
+      title: 'Title',
+      name: 'title',
+      type: 'string',
+      validation: (Rule: any) => Rule.required().min(1).error('Space Type Title is required.'),
+    },
+    {
+      title: 'Name',
+      name: 'name',
+      type: 'string',
+      validation: (Rule: any) => Rule.required().min(1).error('Space Type Name is required.'),
+    },
+    {
+      title: 'Value',
+      name: 'value',
+      type: 'string',
+      initialValue: 'Space',
+    },
+    {
+      title: 'System Id',
+      name: 'systemId',
+      type: 'string',
+    },
+  ],
+}
+
+export const performanceTestPlugin = definePlugin({
+  name: '@repo/sanity-schema/performance-test',
+  schema: {types: [Building, Floor, Space, SpaceType]},
+  plugins: [structureTool()],
+})
diff --git a/apps/common/src/schema/shoe/shoe.ts b/packages/@repo/sanity-schema/src/shoes/index.tsx
similarity index 55%
rename from apps/common/src/schema/shoe/shoe.ts
rename to packages/@repo/sanity-schema/src/shoes/index.tsx
index 641df4dde..eec99bf4c 100644
--- a/apps/common/src/schema/shoe/shoe.ts
+++ b/packages/@repo/sanity-schema/src/shoes/index.tsx
@@ -1,6 +1,18 @@
-import {defineArrayMember, defineField, defineType} from 'sanity'
+import {apiVersion, workspaces} from '@repo/env'
+import {assist} from '@sanity/assist'
+import {
+  defineDocuments,
+  defineLocations,
+  presentationTool,
+  type PresentationPluginOptions,
+} from '@sanity/presentation'
+import {defineArrayMember, defineField, definePlugin, defineType} from 'sanity'
+import {unsplashImageAsset} from 'sanity-plugin-asset-source-unsplash'
+import {structureTool} from 'sanity/structure'
 
-export const shoeType = defineType({
+const {dataset, workspace, tool} = workspaces['cross-dataset-references']
+
+const shoeType = defineType({
   type: 'document',
   name: 'shoe',
   fields: [
@@ -21,7 +33,7 @@ export const shoeType = defineType({
           if (!document?._type) {
             return true
           }
-          const client = getClient({apiVersion: '2023-10-12'})
+          const client = getClient({apiVersion})
           const query = /* groq */ `count(*[_type == $type && slug.current == $slug])`
           const result = await client.fetch<number>(
             query,
@@ -45,10 +57,9 @@ export const shoeType = defineType({
           type: 'image',
           options: {
             hotspot: true,
-            // @ts-expect-error - find out how to get typings
             aiAssist: {
               imageDescriptionField: 'alt',
-              imagePromptField: 'imagePromptField',
+              imageInstructionField: 'imagePrompt',
             },
           },
           fields: [
@@ -83,10 +94,10 @@ export const shoeType = defineType({
       title: 'Brand',
       name: 'brandReference',
       type: 'crossDatasetReference',
-      dataset: 'cross-dataset-references',
+      dataset,
       studioUrl: ({type, id}) =>
         new URL(
-          `/cross-dataset-references/desk/intent/edit/id=${id};type=${type}/`,
+          `/${workspace}/${tool}/intent/edit/id=${id};type=${type}/`,
           location.href,
         ).toString(),
       to: [
@@ -109,3 +120,47 @@ export const shoeType = defineType({
     },
   },
 })
+
+export const shoesPlugin = definePlugin<
+  Partial<PresentationPluginOptions> & Pick<PresentationPluginOptions, 'previewUrl'>
+>((config) => ({
+  name: '@repo/sanity-schema/shoes',
+  schema: {types: [shoeType]},
+  plugins: [
+    assist(),
+    unsplashImageAsset(),
+    presentationTool({
+      resolve: {
+        mainDocuments: defineDocuments([
+          {
+            route: '/shoes/:slug',
+            filter: `_type == "shoe" && slug.current == $slug`,
+          },
+        ]),
+        locations: {
+          shoe: defineLocations({
+            select: {
+              title: 'title',
+              slug: 'slug.current',
+            },
+            resolve: (doc) => ({
+              locations: [
+                {
+                  title: doc?.title || 'Untitled',
+                  href: `/shoes/${doc?.slug}`,
+                },
+                {
+                  title: 'Shoes',
+                  href: '/shoes',
+                },
+              ],
+            }),
+          }),
+        },
+        ...config.resolve,
+      },
+      ...config,
+    }),
+    structureTool(),
+  ],
+}))
diff --git a/packages/@repo/sanity-schema/tsconfig.json b/packages/@repo/sanity-schema/tsconfig.json
new file mode 100644
index 000000000..16b3f4923
--- /dev/null
+++ b/packages/@repo/sanity-schema/tsconfig.json
@@ -0,0 +1,3 @@
+{
+  "extends": "@sanity/pkg-utils/tsconfig/strictest.json"
+}
diff --git a/apps/common/.eslintignore b/packages/@repo/studio-url/.eslintignore
similarity index 100%
rename from apps/common/.eslintignore
rename to packages/@repo/studio-url/.eslintignore
diff --git a/packages/@repo/studio-url/package.config.ts b/packages/@repo/studio-url/package.config.ts
new file mode 100644
index 000000000..40bea43de
--- /dev/null
+++ b/packages/@repo/studio-url/package.config.ts
@@ -0,0 +1,10 @@
+import baseConfig from '@repo/package.config'
+import {defineConfig} from '@sanity/pkg-utils'
+
+export default defineConfig({
+  ...baseConfig,
+  define: {
+    'process.env.NODE_ENV': process.env['VERCEL_ENV'] || process.env['NODE_ENV'] || 'development',
+    'process.env.VERCEL_BRANCH_URL': process.env['VERCEL_BRANCH_URL'],
+  },
+})
diff --git a/packages/@repo/studio-url/package.json b/packages/@repo/studio-url/package.json
new file mode 100644
index 000000000..42f929873
--- /dev/null
+++ b/packages/@repo/studio-url/package.json
@@ -0,0 +1,43 @@
+{
+  "name": "@repo/studio-url",
+  "version": "0.0.0",
+  "private": true,
+  "description": "Detects what the studio URL is, based on env variables. Running it in a separate build step simplifies app deployments.",
+  "license": "MIT",
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "source": "./src/index.ts",
+      "import": "./dist/index.js",
+      "require": "./dist/index.cjs",
+      "default": "./dist/index.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.cjs",
+  "types": "./dist/index.d.ts",
+  "files": [
+    "dist"
+  ],
+  "scripts": {
+    "build": "pkg build --strict --check --clean",
+    "lint": "eslint --cache .",
+    "prepack": "turbo run build"
+  },
+  "browserslist": "extends @sanity/browserslist-config",
+  "prettier": "@repo/prettier-config",
+  "eslintConfig": {
+    "extends": [
+      "@repo/eslint-config"
+    ],
+    "root": true
+  },
+  "devDependencies": {
+    "@repo/eslint-config": "workspace:*",
+    "@repo/package.config": "workspace:*",
+    "@repo/prettier-config": "workspace:*",
+    "@sanity/pkg-utils": "6.11.3",
+    "typescript": "5.6.3"
+  }
+}
diff --git a/packages/@repo/studio-url/src/index.ts b/packages/@repo/studio-url/src/index.ts
new file mode 100644
index 000000000..808dcf763
--- /dev/null
+++ b/packages/@repo/studio-url/src/index.ts
@@ -0,0 +1,20 @@
+// eslint-disable-next-line @typescript-eslint/ban-ts-comment
+// @ts-ignore has to be exact for string replacement to work
+const envUrl = process.env.VERCEL_BRANCH_URL
+const isStablePreviewBranch = envUrl?.includes('-git-preview')
+const isStableCanaryBranch = envUrl?.includes('-git-canary')
+const isLinearBranch = envUrl?.includes('-git-crx-')
+
+/** @public */
+export const studioUrl =
+  // eslint-disable-next-line @typescript-eslint/ban-ts-comment
+  // @ts-ignore has to be exact for string replacement to work
+  process.env.NODE_ENV === 'development'
+    ? 'http://localhost:3333'
+    : isLinearBranch && envUrl
+      ? `https://visual-editing-studio-git-crx-${envUrl.split('-git-crx-')[1]}`
+      : isStablePreviewBranch
+        ? 'https://visual-editing-studio-git-preview.sanity.dev'
+        : isStableCanaryBranch
+          ? 'https://visual-editing-studio-git-canary.sanity.dev'
+          : 'https://visual-editing-studio.sanity.dev'
diff --git a/packages/@repo/studio-url/tsconfig.base.json b/packages/@repo/studio-url/tsconfig.base.json
new file mode 100644
index 000000000..2684a948d
--- /dev/null
+++ b/packages/@repo/studio-url/tsconfig.base.json
@@ -0,0 +1,7 @@
+{
+  "extends": "@sanity/pkg-utils/tsconfig/strictest.json",
+  "compilerOptions": {
+    "rootDir": ".",
+    "outDir": "dist"
+  }
+}
diff --git a/packages/@repo/studio-url/tsconfig.build.json b/packages/@repo/studio-url/tsconfig.build.json
new file mode 100644
index 000000000..627936209
--- /dev/null
+++ b/packages/@repo/studio-url/tsconfig.build.json
@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.base",
+  "compilerOptions": {
+    "rootDir": "src"
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "exclude": ["dist", "node_modules"]
+}
diff --git a/packages/@repo/studio-url/tsconfig.json b/packages/@repo/studio-url/tsconfig.json
new file mode 100644
index 000000000..59dce1c9c
--- /dev/null
+++ b/packages/@repo/studio-url/tsconfig.json
@@ -0,0 +1,5 @@
+{
+  "extends": "./tsconfig.base",
+  "include": ["**/*.ts", "**/*.tsx"],
+  "exclude": ["dist", "node_modules"]
+}
diff --git a/packages/@repo/studio-url/turbo.json b/packages/@repo/studio-url/turbo.json
new file mode 100644
index 000000000..d8cde3e4f
--- /dev/null
+++ b/packages/@repo/studio-url/turbo.json
@@ -0,0 +1,10 @@
+{
+  "$schema": "https://turbo.build/schema.json",
+  "extends": ["//"],
+  "tasks": {
+    "build": {
+      "env": ["NODE_ENV", "VERCEL_ENV", "VERCEL_BRANCH_URL"],
+      "outputs": ["dist/**"]
+    }
+  }
+}
diff --git a/packages/channels/package.json b/packages/channels/package.json
index ae4a165f8..bf3e5c7dc 100644
--- a/packages/channels/package.json
+++ b/packages/channels/package.json
@@ -14,71 +14,25 @@
     "src"
   ],
   "scripts": {
-    "lint": "eslint .",
+    "lint": "eslint --cache .",
     "test": "vitest --pass-with-no-tests --typecheck"
   },
-  "prettier": "@sanity/prettier-config",
+  "prettier": "@repo/prettier-config",
   "eslintConfig": {
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-      "ecmaFeatures": {
-        "jsx": true
-      },
-      "ecmaVersion": 2018,
-      "sourceType": "module"
-    },
-    "settings": {
-      "react": {
-        "version": "detect"
-      }
-    },
-    "plugins": [
-      "@typescript-eslint",
-      "react",
-      "react-hooks",
-      "simple-import-sort",
-      "prettier"
-    ],
     "extends": [
-      "eslint:recommended",
-      "plugin:prettier/recommended",
-      "plugin:@typescript-eslint/eslint-recommended",
-      "plugin:@typescript-eslint/recommended"
+      "@repo/eslint-config"
     ],
-    "rules": {
-      "no-console": "error",
-      "no-warning-comments": [
-        "warn",
-        {
-          "location": "start",
-          "terms": [
-            "todo",
-            "@todo",
-            "fixme"
-          ]
-        }
-      ],
-      "@typescript-eslint/explicit-module-boundary-types": "error",
-      "@typescript-eslint/member-delimiter-style": "off",
-      "@typescript-eslint/no-empty-interface": "off",
-      "prettier/prettier": "warn",
-      "simple-import-sort/exports": "warn",
-      "simple-import-sort/imports": "warn"
-    },
     "root": true
   },
   "dependencies": {
     "uuid": "^10.0.0"
   },
   "devDependencies": {
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-simple-import-sort": "^12.1.1",
-    "typescript": "5.6.2",
-    "vitest": "^2.0.5"
+    "@repo/eslint-config": "workspace:*",
+    "@repo/prettier-config": "workspace:*",
+    "eslint": "^8.57.1",
+    "typescript": "5.6.3",
+    "vitest": "^2.1.3"
   },
   "engines": {
     "node": ">=18"
diff --git a/packages/channels/src/controller.ts b/packages/channels/src/controller.ts
index 4f7264c2e..82277524e 100644
--- a/packages/channels/src/controller.ts
+++ b/packages/channels/src/controller.ts
@@ -1,5 +1,4 @@
 import {v4 as uuid} from 'uuid'
-
 import {HANDSHAKE_INTERVAL, HEARTBEAT_INTERVAL, RESPONSE_TIMEOUT} from './constants'
 import {isHandshakeMessage, isLegacyHandshakeMessage} from './helpers'
 import type {
@@ -142,8 +141,8 @@ function createChannelsControllerInternal<
     if (isHandshakeMessage(data.type)) {
       const channel = channels.find((channel) => channel.config.id === data.from)
       if (channel && data.type === 'handshake/syn-ack') {
-        setChannelStatus(channel, 'connected')
         sendHandshake(channel, 'handshake/ack', {id: channel.id})
+        setChannelStatus(channel, 'connected')
       }
     }
   }
diff --git a/packages/channels/src/node.ts b/packages/channels/src/node.ts
index dc69367a8..84e4302b6 100644
--- a/packages/channels/src/node.ts
+++ b/packages/channels/src/node.ts
@@ -1,5 +1,4 @@
 import {v4 as uuid} from 'uuid'
-
 import {isHandshakeMessage, isInternalMessage, isLegacyHandshakeMessage} from './helpers'
 import type {
   ChannelMsg,
diff --git a/packages/comlink/package.json b/packages/comlink/package.json
index cb250adb3..4da9012fc 100644
--- a/packages/comlink/package.json
+++ b/packages/comlink/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sanity/comlink",
-  "version": "0.0.1",
+  "version": "0.0.2-canary.62",
   "keywords": [
     "sanity.io",
     "postmessage"
@@ -38,68 +38,28 @@
   "scripts": {
     "build": "pkg build --strict --check --clean",
     "dev": "pkg build --strict",
-    "lint": "eslint .",
+    "lint": "eslint --cache .",
     "prepack": "turbo run build",
     "test": "vitest --pass-with-no-tests --typecheck"
   },
   "browserslist": "extends @sanity/browserslist-config",
   "eslintConfig": {
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-      "ecmaFeatures": {
-        "jsx": true
-      },
-      "ecmaVersion": 2018,
-      "sourceType": "module"
-    },
-    "plugins": [
-      "@typescript-eslint",
-      "simple-import-sort",
-      "prettier"
-    ],
     "extends": [
-      "eslint:recommended",
-      "plugin:prettier/recommended",
-      "plugin:@typescript-eslint/eslint-recommended",
-      "plugin:@typescript-eslint/recommended"
+      "@repo/eslint-config"
     ],
-    "rules": {
-      "no-console": "error",
-      "no-warning-comments": [
-        "warn",
-        {
-          "location": "start",
-          "terms": [
-            "todo",
-            "@todo",
-            "fixme"
-          ]
-        }
-      ],
-      "@typescript-eslint/explicit-module-boundary-types": "error",
-      "@typescript-eslint/member-delimiter-style": "off",
-      "@typescript-eslint/no-empty-interface": "off",
-      "prettier/prettier": "warn",
-      "simple-import-sort/exports": "warn",
-      "simple-import-sort/imports": "warn"
-    },
     "root": true
   },
   "dependencies": {
     "rxjs": "^7.8.1",
     "uuid": "^10.0.0",
-    "xstate": "^5.18.1"
+    "xstate": "^5.18.2"
   },
   "devDependencies": {
+    "@repo/eslint-config": "workspace:*",
     "@repo/package.config": "workspace:*",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-simple-import-sort": "^12.1.1",
-    "typescript": "5.6.2",
-    "vitest": "^2.0.5"
+    "eslint": "^8.57.1",
+    "typescript": "5.6.3",
+    "vitest": "^2.1.3"
   },
   "engines": {
     "node": ">=18"
diff --git a/packages/comlink/playground/app/components/Frame.tsx b/packages/comlink/playground/app/components/Frame.tsx
index 13fae377e..95c47f2c0 100644
--- a/packages/comlink/playground/app/components/Frame.tsx
+++ b/packages/comlink/playground/app/components/Frame.tsx
@@ -1,5 +1,5 @@
-import {FunctionComponent, useEffect, useRef} from 'react'
 import {type Controller} from '@sanity/comlink'
+import {FunctionComponent, useEffect, useRef} from 'react'
 
 export const Frame: FunctionComponent<{
   controller: Controller
diff --git a/packages/comlink/playground/app/components/MessageStack.tsx b/packages/comlink/playground/app/components/MessageStack.tsx
index 70d74743f..6fdd0fc25 100644
--- a/packages/comlink/playground/app/components/MessageStack.tsx
+++ b/packages/comlink/playground/app/components/MessageStack.tsx
@@ -1,6 +1,6 @@
 import {FunctionComponent, PropsWithChildren} from 'react'
-import {MessageEntry} from './MessageEntry'
 import {RenderedMessage} from '../types'
+import {MessageEntry} from './MessageEntry'
 
 export const MessageStack: FunctionComponent<
   PropsWithChildren<{
diff --git a/packages/comlink/playground/app/entry.server.tsx b/packages/comlink/playground/app/entry.server.tsx
index a860dc2ee..414f235e4 100644
--- a/packages/comlink/playground/app/entry.server.tsx
+++ b/packages/comlink/playground/app/entry.server.tsx
@@ -5,7 +5,6 @@
  */
 
 import {PassThrough} from 'node:stream'
-
 import type {AppLoadContext, EntryContext} from '@remix-run/node'
 import {createReadableStreamFromReadable} from '@remix-run/node'
 import {RemixServer} from '@remix-run/react'
diff --git a/packages/comlink/playground/app/routes/_index.tsx b/packages/comlink/playground/app/routes/_index.tsx
index 07daed8f7..27a62c65e 100644
--- a/packages/comlink/playground/app/routes/_index.tsx
+++ b/packages/comlink/playground/app/routes/_index.tsx
@@ -1,18 +1,18 @@
-import {v4 as uuid} from 'uuid'
 import type {MetaFunction} from '@remix-run/node'
-import {useCallback, useEffect, useMemo, useState} from 'react'
 import {
   createController,
-  type Controller,
   type ConnectionInstance,
+  type Controller,
   type ProtocolMessage,
   type WithoutResponse,
 } from '@sanity/comlink'
-import {Card} from '../components/Card'
+import {useCallback, useEffect, useMemo, useState} from 'react'
+import {v4 as uuid} from 'uuid'
 import {Button} from '../components/Button'
-import {MessageStack} from '../components/MessageStack'
-import {MessageControls} from '../components/MessageControls'
+import {Card} from '../components/Card'
 import {Frame} from '../components/Frame'
+import {MessageControls} from '../components/MessageControls'
+import {MessageStack} from '../components/MessageStack'
 import {type ControllerMessage, type NodeMessage} from '../types'
 
 export const meta: MetaFunction = () => {
@@ -33,14 +33,13 @@ export default function Index() {
   > | null>(null)
 
   useEffect(() => {
-    const controller = createController()
+    const controller = createController({targetOrigin: '*'})
     setController(controller)
 
     const connection = controller.createConnection<NodeMessage, ControllerMessage>({
       connectTo: 'iframe',
       heartbeat: true,
       name: 'window',
-      origin: '*',
     })
 
     setConnection(connection)
diff --git a/packages/comlink/playground/app/routes/frame.tsx b/packages/comlink/playground/app/routes/frame.tsx
index 44b695d3d..eb0793461 100644
--- a/packages/comlink/playground/app/routes/frame.tsx
+++ b/packages/comlink/playground/app/routes/frame.tsx
@@ -1,8 +1,9 @@
-import {useCallback, useEffect, useState} from 'react'
 import {createNode, type Node, type ProtocolMessage, type WithoutResponse} from '@sanity/comlink'
+import {useCallback, useEffect, useState} from 'react'
+import {Button} from '../components/Button'
 import {Card} from '../components/Card'
-import {MessageStack} from '../components/MessageStack'
 import {MessageControls} from '../components/MessageControls'
+import {MessageStack} from '../components/MessageStack'
 import {type ControllerMessage, type NodeMessage} from '../types'
 
 export default function Frame() {
@@ -14,7 +15,11 @@ export default function Frame() {
 
   const [node, setNode] = useState<Node<ControllerMessage, NodeMessage> | null>(null)
 
+  const [started, setStarted] = useState(true)
+
   useEffect(() => {
+    if (!started) return
+
     const node = createNode<ControllerMessage, NodeMessage>({
       name: 'iframe',
       connectTo: 'window',
@@ -37,6 +42,10 @@ export default function Frame() {
     node.onStatus(setStatus)
 
     return node.start()
+  }, [started])
+
+  const toggleActor = useCallback(() => {
+    setStarted((started) => !started)
   }, [])
 
   const onSend = useCallback(
@@ -53,9 +62,11 @@ export default function Frame() {
 
   return (
     <div className="h-screen">
-      <Card title="iFrame" status={status}>
+      <Card title="iFrame" status={started ? status : 'stopped'}>
         <MessageStack messages={received.length ? received : buffered} />
-        <MessageControls onSend={onSend} />
+        <MessageControls onSend={onSend}>
+          <Button onClick={toggleActor}>{started ? 'Force Stop' : 'Restart'} </Button>
+        </MessageControls>
       </Card>
     </div>
   )
diff --git a/packages/comlink/playground/package.json b/packages/comlink/playground/package.json
index 01ecc14d2..a99e1c051 100644
--- a/packages/comlink/playground/package.json
+++ b/packages/comlink/playground/package.json
@@ -11,33 +11,32 @@
     "typecheck": "tsc"
   },
   "dependencies": {
-    "@remix-run/node": "^2.12.0",
-    "@remix-run/react": "^2.12.0",
-    "@remix-run/serve": "^2.12.0",
-    "@repo/channels": "workspace:*",
+    "@remix-run/node": "^2.13.1",
+    "@remix-run/react": "^2.13.1",
+    "@remix-run/serve": "^2.13.1",
     "@sanity/comlink": "workspace:*",
-    "@xstate/react": "^4.1.2",
+    "@xstate/react": "^4.1.3",
     "isbot": "^5.1.17",
     "react": "^18.3.1",
     "react-dom": "^18.3.1"
   },
   "devDependencies": {
-    "@remix-run/dev": "^2.12.0",
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
+    "@remix-run/dev": "^2.13.1",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
     "autoprefixer": "^10.4.20",
-    "eslint": "^8.57.0",
+    "eslint": "^8.57.1",
     "eslint-import-resolver-typescript": "^3.6.3",
-    "eslint-plugin-import": "^2.30.0",
+    "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-jsx-a11y": "^6.10.0",
-    "eslint-plugin-react": "^7.35.2",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "postcss": "^8.4.45",
-    "tailwindcss": "^3.4.10",
-    "typescript": "^5.6.2",
-    "vite": "^5.4.3",
+    "eslint-plugin-react": "^7.37.1",
+    "eslint-plugin-react-hooks": "^5.0.0",
+    "postcss": "^8.4.47",
+    "tailwindcss": "^3.4.14",
+    "typescript": "^5.6.3",
+    "vite": "^5.4.9",
     "vite-tsconfig-paths": "^5.0.1"
   },
   "engines": {
diff --git a/packages/comlink/src/channel.ts b/packages/comlink/src/channel.ts
index ddb196661..6245a5760 100644
--- a/packages/comlink/src/channel.ts
+++ b/packages/comlink/src/channel.ts
@@ -1,17 +1,17 @@
 import {v4 as uuid} from 'uuid'
 import {
-  type ActorRefFrom,
   assertEvent,
   assign,
   createActor,
   enqueueActions,
-  type EventObject,
   fromCallback,
   raise,
   setup,
+  stopChild,
+  type ActorRefFrom,
+  type EventObject,
 } from 'xstate'
-
-import {listenActor, listenInputFromContext} from './common'
+import {createListenLogic, listenInputFromContext} from './common'
 import {
   DOMAIN,
   HANDSHAKE_INTERVAL,
@@ -26,12 +26,20 @@ import {createRequestMachine, type RequestActorRef} from './request'
 import type {
   BufferAddedEmitEvent,
   BufferFlushedEmitEvent,
+  Message,
   MessageEmitEvent,
+  ProtocolMessage,
   RequestData,
+  Status,
   WithoutResponse,
 } from './types'
-import type {Message, MessageData, ProtocolMessage} from './types'
 
+/**
+ * @public
+ */
+export type ChannelActorLogic<R extends Message, S extends Message> = ReturnType<
+  typeof createChannelMachine<R, S>
+>
 /**
  * @public
  */
@@ -51,9 +59,9 @@ export type Channel<R extends Message, S extends Message> = {
   machine: ReturnType<typeof createChannelMachine<R, S>>
   on: <T extends R['type'], U extends Extract<R, {type: T}>>(
     type: T,
-    handler: (event: U['data']) => U['response'],
+    handler: (event: U['data']) => Promise<U['response']> | U['response'],
   ) => () => void
-  onStatus: (handler: (status: string) => void) => () => void
+  onStatus: (handler: (status: Status) => void) => () => void
   post: (data: WithoutResponse<S>) => void
   setTarget: (target: MessageEventSource) => void
   start: () => () => void
@@ -70,8 +78,8 @@ export interface ChannelInput {
   heartbeat?: boolean
   name: string
   id?: string
-  origin: string
   target?: MessageEventSource
+  targetOrigin: string
 }
 
 const sendBackAtInterval = fromCallback<
@@ -104,6 +112,12 @@ export const createChannelMachine = <
 >() => {
   const channelMachine = setup({
     types: {} as {
+      children: {
+        'listen for handshake': 'listen'
+        'listen for messages': 'listen'
+        'send heartbeat': 'sendBackAtInterval'
+        'send syn': 'sendBackAtInterval'
+      }
       context: {
         buffer: Array<V>
         connectionId: string
@@ -112,9 +126,9 @@ export const createChannelMachine = <
         heartbeat: boolean
         id: string
         name: string
-        origin: string
         requests: Array<RequestActorRef<S>>
         target: MessageEventSource | undefined
+        targetOrigin: string
       }
       emitted:
         | BufferAddedEmitEvent<V>
@@ -127,11 +141,12 @@ export const createChannelMachine = <
         | {type: 'message.received'; message: MessageEvent<ProtocolMessage<R>>}
         | {type: 'post'; data: V}
         | {type: 'response'; respondTo: string; data: Pick<S, 'response'>}
+        | {type: 'request.aborted'; requestId: string}
         | {type: 'request.failed'; requestId: string}
         | {
             type: 'request.success'
             requestId: string
-            response: MessageData | null
+            response: S['response'] | null
             responseTo: string | undefined
           }
         | {type: 'request'; data: RequestData<S> | RequestData<S>[]}
@@ -141,7 +156,7 @@ export const createChannelMachine = <
     },
     actors: {
       requestMachine: createRequestMachine<S>(),
-      listen: listenActor,
+      listen: createListenLogic(),
       sendBackAtInterval,
     },
     actions: {
@@ -161,7 +176,7 @@ export const createChannelMachine = <
         })
       }),
       'create request': assign({
-        requests: ({context, event, spawn}) => {
+        requests: ({context, event, self, spawn}) => {
           assertEvent(event, 'request')
           const arr = Array.isArray(event.data) ? event.data : [event.data]
           const requests = arr.map((request) => {
@@ -174,9 +189,10 @@ export const createChannelMachine = <
                 domain: context.domain,
                 expectResponse: request.expectResponse,
                 from: context.name,
-                origin: context.origin,
+                parentRef: self,
                 responseTo: request.responseTo,
                 sources: context.target!,
+                targetOrigin: context.targetOrigin,
                 to: context.connectTo,
                 type: request.type,
               },
@@ -228,11 +244,10 @@ export const createChannelMachine = <
           },
         }
       }),
-      'remove request': assign({
-        requests: ({context, event}) => {
-          assertEvent(event, ['request.success', 'request.failed'])
-          return context.requests.filter((request) => request.id !== event.requestId)
-        },
+      'remove request': enqueueActions(({context, enqueue, event}) => {
+        assertEvent(event, ['request.success', 'request.failed', 'request.aborted'])
+        stopChild(event.requestId)
+        enqueue.assign({requests: context.requests.filter(({id}) => id !== event.requestId)})
       }),
       'respond': raise(({event}) => {
         assertEvent(event, 'response')
@@ -271,7 +286,7 @@ export const createChannelMachine = <
       'should send heartbeats': ({context}) => context.heartbeat,
     },
   }).createMachine({
-    /** @xstate-layout N4IgpgJg5mDOIC5QGMAWBDAdpsAbAxLAPYCuATsmAHSxgAuA2gAwC6ioADkbAJZ09FM7EAA9EAdnFMqAJgCs4gBwA2RTMVqAzNoA0IAJ6IZTaQE4mymQBYrc7TYCM4qwF8XetFhwEyYAI4kcHQ0JMiUsLDMbEggXLz8gsJiCM6msppMVuYyznKKTnqGCA4WVLaaDhmmTpma+W4eGNh4+L4BQVQAZug8uJBRwnF8AkIxyeJycmXiOUxODlbKGVaFiA4yDSCezbhUPBB9+MiCOMiMrIPcw4lja3MyVMpWFnLWS6Z1DqspJVTiDio6qZ5DIKqZNttvHsDmB8HFztFOFcEqNQMlFBU-gpFCYZDJTFZFM5vsomGlxMpJnMbMZ6u4tk0oU0ILAMABrHiYKCEfSYAYxIYopJrDLiKiaOQOZTSuTS0lPb6yh4UyaKOSLSUS1z0yF4KjM1noDlc1r+QKwBGXeIjYXFTTWcVWOpWBwfJ1S76LZTi9Yu7Q45TAykQxl6g3sznc+H8pHWm5okUyByyJgVFSEmxO76aQNUNUfcSmKQLJwbHWh3bho2R-AAWzgsHQMCovkoPAAbv0LgLkTbbsVMmkNOo7HjM4pPeYqHN1UTTGpKSqQ14w1gWRGTRAeLBjs0zjHYr346I1oSqK6S9VTE8mIpr98AbLHkTCcoHA51XjweWV7td6c6EgOFuEtHs41RE8EDkJgHkmDV7UsRRbGUb5TDyR5rDVJCJjyTRlx2Kh-zAM4gLac1QNja4IOSKxxE0KhJTQ+072UYtpW+dNz3+f4YOxD4HHwqEiJIiBTVgLhMFoA9BT7BMECyaQFCsUEcnnJZJk0b4KXJAEll9HIiUEvVhMA0T6wiJtqFbMAOy7RFD3A20bEUKhTGBV1r1dRYnBQgxTzxBilA-YEpCYf5tUaX9CJOYjTPwLcdxi-du0ooV+xKdZHmeSk3k0D58gfJNvVJKUqlsPFpSMv8ktM-UwHQMg6AAI3q4I0GI41uWko9qMQe0HjqHIKTqBCYMK6pxXUEtJiLKVlCq6K91q1B6salr0GCWhMC3E0yI6bpejsq0qNtDKHhvHLFjyz5Cspc8ZyeQtaJzOQFoSkzSLNIJusc9LMm9NR8nyedvImB81SmDNlIpKQZEqn8CPemqgOjFKHJOv6nWfCY30qUkcwfCY0lTSowsJSQ3zwhGoSRpbPpMn6MbkmZirc6xnDVQsFnB0oAWcCkshmPEy3pTAiAgOBhF1XBjrSuS8m+dQBrkAt1WgwlZSpyKCP2PpZdkyCiQeAl3IJeQWJWPyfmTJMVFqUECRghaq06-Xj2SX0pjfGZXiQkw5hJJ5ZF0i9M3fBaPogN3eoHXyigysUwpxCY7zyTWI+RiA6oa5rWuj071QfJwxWxW9LGgosFAzums5WnP1ralbkFdsCmcg4wZEKjRAvyd9lMpeHtaEzPs7W1qaDAbbI3z-t1WTTQnXed8woUL4rfWO6k7JJhoNdMm3u3SOZ7ks6speXL8rX+O0O9VXaLVIbKjcNwgA */
+    /** @xstate-layout N4IgpgJg5mDOIC5QGMAWBDAdpsAbAxAC7oBOMhAdLGIQNoAMAuoqAA4D2sAloV+5ixAAPRAHZRAJgoAWABz0ArHICMy2QGZZCgJwAaEAE9EE+tIrb6ANgkLl46fTuj1AXxf60WHARJgAjgCucJSwAcjIcLAMzEggHNy8-IIiCKLS2hQS6qb2yurisrL6RgjK9LIyCuqq0g7WstZuHhjYePi+gcEUAGboXLiQ0YLxPHwCsSmiCgoykpayDtqS6trqxYjKEk0gnq24FFwQA-jI-DjIdEzDnKNJExuOZpZ12eq29OrSCuupypYUojUaTKCnm5Wk2123gORzA+HilxibBuiXGoBSGnUAIU4gU9FWamUtR+lmUM1EllBEkslMUEnpkJa0JaEFgGAA1lxMFB8LADJghrERqjkhtshk3mTtNo5OpqpYfqCKhTptoqpY1WUtu4dky8BQWWz0Jzue1-EFYIjrgkxqLSupqRRPpoPqJtLI0hIioZENJJE7NnJ8ZYHVk1YyvPrDRyuTyEYLkTa7uixVlMh81KGFhS1j6EPkZlpVjTphr8mkI3sDVhWTHTQBbSLoGAUXwRLgAN0GVyFKNt91KimUFEKXvKC2s9R+6X+jipnzJeSqEJ1UKjNaNJp5EC4sFOrQuCbifeTwg2cgoym0RPxDtqkj0eaB9Ao8zSolMEivZVcq71+33c5CEgeFOCtXskzRM8EDxKRpmkSw3QJbQsmpH5tHmV8JHSbJpDsakV2aSMALOMALhAjoLXAxNbiglI-SxWw1Vw0QNDw0Qfg9KQ7EJSxHHxApK2hQCyOAiAzVgDhMGoI9hX7FMEHSF8cWkelpHURCbBsb481xAEgT9BQJCmWQsiE-URPI8TG1gWBmzAVsyLATtuyRY9ILtWoKmlL82Kqd0tAVJ91LMHFZDKIkVlkNVZHMkiDzE-Adz3UjDx7GiRQHCKnheD53k+HSSkDDIwpBVTqQwuKKEssSDTAUhCAAI3qyg0DIrd8Fkk86MQUMnVM+RynoegTDJH48hGp0vR-FDRqqKqasgOqGua9AQjATAd1NSiul6fpXOtWi7Wy19cslD4vnG7IX3oVjVDUVYEJQqrksW8SdstLqPKy0wKgG1RhtMWogqKhoMjkWp6XxUyFBe3c3tAz70vco6fq+V8PTkGUFzdQqNnELEM2yClrwwzQ4ZShKQJqr7UYU98AS0W9pT4z5pHG0yXwMkNNTyGk3B1TB2AgOBBDXXBDsyhSFG9EovQqN5i1JeRcKqw4Bkl+ToMx8x0j+EaqQ9XMSkBURMgMkEwQWKro2NWNNdPFJAzN0lJGM4slDxhBEJfXyplBd03wW1KxIdnrBxBh4JAyW75C8rJpmDqmIGWkgmpasPjqUcaHooMLHA0uU1UkJOgKW1B6rT1bWor5At0zgcTAkK7hrz1irB0D8cW0UvRPLyv07WqgNq2qAG+l9SnXUz0UOXD5xuMs3Y4+DVJBX7UiKrV6Q8gcfoJO54rFefLLqfJYX1WKYNLxL4NO1NwgA */
     id: 'channel',
     context: ({input}) => ({
       id: input.id || `${input.name}-${uuid()}`,
@@ -281,9 +296,9 @@ export const createChannelMachine = <
       domain: input.domain ?? DOMAIN,
       heartbeat: input.heartbeat ?? false,
       name: input.name,
-      origin: input.origin,
       requests: [],
       target: input.target,
+      targetOrigin: input.targetOrigin,
     }),
     on: {
       'target.set': {
@@ -310,10 +325,11 @@ export const createChannelMachine = <
         },
       },
       handshaking: {
+        id: 'handshaking',
         invoke: [
           {
+            id: 'send syn',
             src: 'sendBackAtInterval',
-            id: 'sendSyn',
             input: () => ({
               event: {type: 'syn'},
               interval: HANDSHAKE_INTERVAL,
@@ -321,9 +337,11 @@ export const createChannelMachine = <
             }),
           },
           {
+            id: 'listen for handshake',
             src: 'listen',
             input: (input) =>
-              listenInputFromContext(MSG_HANDSHAKE_SYN_ACK, {
+              listenInputFromContext({
+                include: MSG_HANDSHAKE_SYN_ACK,
                 count: 1,
               })(input),
             /* Below would maybe be more readable than transitioning to
@@ -357,8 +375,11 @@ export const createChannelMachine = <
       connected: {
         entry: 'flush buffer',
         invoke: {
+          id: 'listen for messages',
           src: 'listen',
-          input: listenInputFromContext([MSG_RESPONSE, MSG_HEARTBEAT], {matches: false}),
+          input: listenInputFromContext({
+            exclude: [MSG_RESPONSE, MSG_HEARTBEAT],
+          }),
         },
         on: {
           'post': {
@@ -391,12 +412,12 @@ export const createChannelMachine = <
               sending: {
                 on: {
                   'request.failed': {
-                    target: '#disconnected',
+                    target: '#handshaking',
                   },
                 },
                 invoke: {
+                  id: 'send heartbeat',
                   src: 'sendBackAtInterval',
-                  id: 'sendHeartbeat',
                   input: () => ({
                     event: {type: 'post', data: {type: MSG_HEARTBEAT, data: undefined}},
                     interval: 2000,
@@ -435,9 +456,8 @@ export const createChannelMachine = <
  */
 export const createChannel = <R extends Message, S extends Message>(
   input: ChannelInput,
+  machine: ChannelActorLogic<R, S> = createChannelMachine<R, S>(),
 ): Channel<R, S> => {
-  const machine = createChannelMachine<R, S>()
-
   const id = input.id || `${input.name}-${uuid()}`
   const actor = createActor(machine, {
     input: {...input, id},
@@ -445,13 +465,13 @@ export const createChannel = <R extends Message, S extends Message>(
 
   const on = <T extends R['type'], U extends Extract<R, {type: T}>>(
     type: T,
-    handler: (event: U['data']) => U['response'],
+    handler: (event: U['data']) => Promise<U['response']> | U['response'],
   ) => {
     const {unsubscribe} = actor.on(
       // @ts-expect-error @todo `type` typing
       type,
-      (event: {type: T; message: ProtocolMessage<U>}) => {
-        const response = handler(event.message.data)
+      async (event: {type: T; message: ProtocolMessage<U>}) => {
+        const response = await handler(event.message.data)
         if (response) {
           actor.send({type: 'response', respondTo: event.message.id, data: response})
         }
@@ -468,15 +488,16 @@ export const createChannel = <R extends Message, S extends Message>(
     actor.send({type: 'disconnect'})
   }
 
-  const onStatus = (handler: (status: string) => void) => {
+  const onStatus = (handler: (status: Status) => void) => {
     const currentSnapshot = actor.getSnapshot()
-    let currentStatus: string | undefined =
+    let currentStatus: Status =
       typeof currentSnapshot.value === 'string'
         ? currentSnapshot.value
         : Object.keys(currentSnapshot.value)[0]
 
     const {unsubscribe} = actor.subscribe((state) => {
-      const status = typeof state.value === 'string' ? state.value : Object.keys(state.value)[0]
+      const status: Status =
+        typeof state.value === 'string' ? state.value : Object.keys(state.value)[0]
       if (currentStatus !== status) {
         currentStatus = status
         handler(status)
diff --git a/packages/comlink/src/common.ts b/packages/comlink/src/common.ts
index c29207def..c5fcbec1e 100644
--- a/packages/comlink/src/common.ts
+++ b/packages/comlink/src/common.ts
@@ -1,12 +1,23 @@
 import {bufferCount, concatMap, defer, filter, fromEvent, map, pipe, take} from 'rxjs'
 import {fromEventObservable} from 'xstate'
-
 import type {ListenInput, ProtocolMessage} from './types'
 
 export const listenInputFromContext =
   (
-    type: string | string[] = [],
-    options: {matches?: boolean; count?: number; responseType?: string} = {},
+    config: (
+      | {
+          include: string | string[]
+          exclude?: string | string[]
+        }
+      | {
+          include?: string | string[]
+          exclude: string | string[]
+        }
+    ) & {
+      matches?: boolean
+      count?: number
+      responseType?: string
+    },
   ) =>
   <
     T extends {
@@ -20,16 +31,16 @@ export const listenInputFromContext =
   }: {
     context: T
   }): ListenInput => {
-    const {count, matches = true, responseType = 'message.received'} = options
+    const {count, include, exclude, responseType = 'message.received'} = config
     return {
       count,
       domain: context.domain,
       from: context.connectTo,
-      matches,
+      include: include ? (Array.isArray(include) ? include : [include]) : [],
+      exclude: exclude ? (Array.isArray(exclude) ? exclude : [exclude]) : [],
       responseType,
       target: context.target,
       to: context.name,
-      type,
     }
   }
 
@@ -37,9 +48,9 @@ export const listenFilter =
   (input: ListenInput) =>
   (event: MessageEvent<ProtocolMessage>): boolean => {
     const {data} = event
-    const types = Array.isArray(input.type) ? input.type : [input.type]
     return (
-      (input.matches ? types.includes(data.type) : !types.includes(data.type)) &&
+      (input.include.length ? input.include.includes(data.type) : true) &&
+      (input.exclude.length ? !input.exclude.includes(data.type) : true) &&
       data.domain === input.domain &&
       data.from === input.from &&
       data.to === input.to &&
@@ -58,16 +69,24 @@ export const messageEvents$ = defer(() =>
   fromEvent<MessageEvent<ProtocolMessage>>(window, 'message'),
 )
 
-export const listenActor = fromEventObservable(({input}: {input: ListenInput}) => {
-  return messageEvents$.pipe(
-    filter(listenFilter(input)),
-    map(eventToMessage(input.responseType)),
-    input.count
-      ? pipe(
-          bufferCount(input.count),
-          concatMap((arr) => arr),
-          take(input.count),
-        )
-      : pipe(),
-  )
-})
+/**
+ * @public
+ */
+export const createListenLogic = (
+  compatMap?: (event: MessageEvent<ProtocolMessage>) => MessageEvent<ProtocolMessage>,
+  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+) =>
+  fromEventObservable(({input}: {input: ListenInput}) => {
+    return messageEvents$.pipe(
+      compatMap ? map(compatMap) : pipe(),
+      filter(listenFilter(input)),
+      map(eventToMessage(input.responseType)),
+      input.count
+        ? pipe(
+            bufferCount(input.count),
+            concatMap((arr) => arr),
+            take(input.count),
+          )
+        : pipe(),
+    )
+  })
diff --git a/packages/comlink/src/constants.ts b/packages/comlink/src/constants.ts
index 11a9c273d..cf4e546a5 100644
--- a/packages/comlink/src/constants.ts
+++ b/packages/comlink/src/constants.ts
@@ -1,10 +1,10 @@
 import type {MessageType} from './types'
 
 /** @internal */
-export const DOMAIN = 'sanity/channels'
+export const DOMAIN = 'sanity/comlink'
 
 /** @internal */
-export const RESPONSE_TIMEOUT = 1000
+export const RESPONSE_TIMEOUT = 10000
 
 /** @internal */
 export const HEARTBEAT_INTERVAL = 1000
@@ -15,24 +15,24 @@ export const HANDSHAKE_INTERVAL = 500
 /**
  * @public
  */
-export const MSG_RESPONSE = 'channel/response'
+export const MSG_RESPONSE = 'comlink/response'
 
 /**
  * @public
  */
-export const MSG_HEARTBEAT = 'channel/heartbeat'
+export const MSG_HEARTBEAT = 'comlink/heartbeat'
 
 /** @internal */
-export const MSG_DISCONNECT = 'channel/disconnect'
+export const MSG_DISCONNECT = 'comlink/disconnect'
 
 /** @internal */
-export const MSG_HANDSHAKE_SYN = 'channel/handshake/syn'
+export const MSG_HANDSHAKE_SYN = 'comlink/handshake/syn'
 
 /** @internal */
-export const MSG_HANDSHAKE_SYN_ACK = 'channel/handshake/syn-ack'
+export const MSG_HANDSHAKE_SYN_ACK = 'comlink/handshake/syn-ack'
 
 /** @internal */
-export const MSG_HANDSHAKE_ACK = 'channel/handshake/ack'
+export const MSG_HANDSHAKE_ACK = 'comlink/handshake/ack'
 
 /** @internal */
 export const HANDSHAKE_MSG_TYPES = [
diff --git a/packages/comlink/src/controller.ts b/packages/comlink/src/controller.ts
index 957bebdd8..a7a963411 100644
--- a/packages/comlink/src/controller.ts
+++ b/packages/comlink/src/controller.ts
@@ -1,23 +1,33 @@
-import {type Channel, type ChannelInput, createChannel} from './channel'
-import {type InternalEmitEvent, type Message, type WithoutResponse} from './types'
+import {
+  createChannel,
+  createChannelMachine,
+  type Channel,
+  type ChannelActorLogic,
+  type ChannelInput,
+} from './channel'
+import {type InternalEmitEvent, type Message, type StatusEvent, type WithoutResponse} from './types'
 
-export type ConnectionInput = Omit<ChannelInput, 'target'>
+/**
+ * @public
+ */
+export type ConnectionInput = Omit<ChannelInput, 'target' | 'targetOrigin'>
 
+/**
+ * @public
+ */
 export interface ConnectionInstance<R extends Message, S extends Message> {
-  connect: () => () => void
-  disconnect: () => void
   on: <T extends R['type'], U extends Extract<R, {type: T}>>(
     type: T,
-    handler: (event: U['data']) => U['response'],
-  ) => void
+    handler: (event: U['data']) => Promise<U['response']> | U['response'],
+  ) => () => void
   onInternalEvent: <
     T extends InternalEmitEvent<R, S>['type'],
     U extends Extract<InternalEmitEvent<R, S>, {type: T}>,
   >(
     type: T,
     handler: (event: U) => void,
-  ) => void
-  onStatus: (handler: (event: {channel: string; status: string}) => void) => void
+  ) => () => void
+  onStatus: (handler: (event: StatusEvent) => void) => void
   post: (data: WithoutResponse<S>) => void
   start: () => () => void
   stop: () => void
@@ -30,6 +40,7 @@ export interface Controller {
   addTarget: (target: MessageEventSource) => () => void
   createConnection: <R extends Message, S extends Message>(
     input: ConnectionInput,
+    machine?: ChannelActorLogic<R, S>,
   ) => ConnectionInstance<R, S>
   destroy: () => void
 }
@@ -46,13 +57,14 @@ interface Connection<
     handler: (event: Extract<InternalEmitEvent<R, S>, {type: T}>) => void
     unsubscribers: Array<() => void>
   }>
+  machine: ChannelActorLogic<R, S>
   statusSubscribers: Set<{
-    handler: (event: {channel: string; status: string}) => void
+    handler: (event: StatusEvent) => void
     unsubscribers: Array<() => void>
   }>
   subscribers: Set<{
     type: R['type']
-    handler: (event: R['data']) => R['response']
+    handler: (event: R['data']) => Promise<R['response']> | R['response']
     unsubscribers: Array<() => void>
   }>
 }
@@ -62,12 +74,13 @@ const noop = () => {}
 /**
  * @public
  */
-export const createController = (): Controller => {
+export const createController = (input: {targetOrigin: string}): Controller => {
+  const {targetOrigin} = input
   const targets = new Set<MessageEventSource>()
   const connections = new Set<Connection>()
 
   const addTarget = (target: MessageEventSource) => {
-    // If the target has already been added, return just return a noop cleanup
+    // If the target has already been added, return just a noop cleanup
     if (targets.has(target)) {
       return noop
     }
@@ -105,10 +118,14 @@ export const createController = (): Controller => {
     // If we already have targets and connections, we need to create new
     // channels for each source with all the associated subscribers.
     connections.forEach((connection) => {
-      const channel = createChannel({
-        ...connection.input,
-        target,
-      })
+      const channel = createChannel(
+        {
+          ...connection.input,
+          target,
+          targetOrigin,
+        },
+        connection.machine,
+      )
 
       targetChannels.add(channel)
       connection.channels.add(channel)
@@ -151,12 +168,14 @@ export const createController = (): Controller => {
   }
 
   const createConnection = <R extends Message, S extends Message>(
-    input: ChannelInput,
+    input: ConnectionInput,
+    machine: ChannelActorLogic<R, S> = createChannelMachine<R, S>(),
   ): ConnectionInstance<R, S> => {
     const connection: Connection<R, S> = {
-      input,
       channels: new Set(),
+      input,
       internalEventSubscribers: new Set(),
+      machine,
       statusSubscribers: new Set(),
       subscribers: new Set(),
     }
@@ -169,28 +188,29 @@ export const createController = (): Controller => {
     if (targets.size) {
       // If targets have already been added, create a channel for each target
       targets.forEach((target) => {
-        const channel = createChannel<R, S>({
-          ...input,
-          target,
-        })
+        const channel = createChannel<R, S>(
+          {
+            ...input,
+            target,
+            targetOrigin,
+          },
+          machine,
+        )
         channels.add(channel)
       })
     } else {
       // If targets have not been added yet, create a channel without a target
-      const channel = createChannel<R, S>(input)
+      const channel = createChannel<R, S>({...input, targetOrigin}, machine)
       channels.add(channel)
     }
 
-    const post = (data: WithoutResponse<S>) => {
+    const post: ConnectionInstance<R, S>['post'] = (data) => {
       channels.forEach((channel) => {
         channel.post(data)
       })
     }
 
-    const on = <T extends R['type'], U extends Extract<R, {type: T}>>(
-      type: T,
-      handler: (event: U['data']) => U['response'],
-    ) => {
+    const on: ConnectionInstance<R, S>['on'] = (type, handler) => {
       const unsubscribers: Array<() => void> = []
       channels.forEach((channel) => {
         unsubscribers.push(channel.on(type, handler))
@@ -225,7 +245,7 @@ export const createController = (): Controller => {
       }
     }
 
-    const onStatus = (handler: (event: {channel: string; status: string}) => void) => {
+    const onStatus = (handler: (event: StatusEvent) => void) => {
       const unsubscribers: Array<() => void> = []
       channels.forEach((channel) => {
         unsubscribers.push(channel.onStatus((status) => handler({channel: channel.id, status})))
@@ -240,6 +260,7 @@ export const createController = (): Controller => {
 
     const stop = () => {
       channels.forEach((channel) => {
+        channel.disconnect()
         channel.stop()
       })
     }
@@ -247,31 +268,16 @@ export const createController = (): Controller => {
     const start = () => {
       channels.forEach((channel) => {
         channel.start()
-      })
-
-      return stop
-    }
-
-    const disconnect = () => {
-      channels.forEach((channel) => {
-        channel.disconnect()
-      })
-    }
-
-    const connect = () => {
-      channels.forEach((channel) => {
         channel.connect()
       })
 
-      return disconnect
+      return stop
     }
 
     return {
-      connect,
-      disconnect,
       on,
-      onStatus,
       onInternalEvent,
+      onStatus,
       post,
       start,
       stop,
diff --git a/packages/comlink/src/index.ts b/packages/comlink/src/index.ts
index 9c4607c51..2f774d803 100644
--- a/packages/comlink/src/index.ts
+++ b/packages/comlink/src/index.ts
@@ -1,25 +1,37 @@
 export {
   type Channel,
   type ChannelActor,
+  type ChannelActorLogic,
   type ChannelInput,
   createChannel,
   createChannelMachine,
 } from './channel'
-export {MSG_HEARTBEAT, MSG_RESPONSE} from './constants'
+export {createListenLogic} from './common'
+export * from './constants'
 export {
   type ConnectionInput,
   type ConnectionInstance,
   type Controller,
   createController,
 } from './controller'
-export {createNode, createNodeMachine, type Node, type NodeActor, type NodeInput} from './node'
+export {
+  createNode,
+  createNodeMachine,
+  type Node,
+  type NodeActor,
+  type NodeActorLogic,
+  type NodeInput,
+} from './node'
 export {createRequestMachine, type RequestActorRef, type RequestMachineContext} from './request'
 export type {
   BufferAddedEmitEvent,
   BufferFlushedEmitEvent,
+  DisconnectMessage,
+  HandshakeMessageType,
   HeartbeatEmitEvent,
   HeartbeatMessage,
   InternalEmitEvent,
+  InternalMessageType,
   ListenInput,
   Message,
   MessageData,
@@ -28,5 +40,7 @@ export type {
   ProtocolMessage,
   RequestData,
   ResponseMessage,
+  Status,
+  StatusEvent,
   WithoutResponse,
 } from './types'
diff --git a/packages/comlink/src/node.ts b/packages/comlink/src/node.ts
index b7544cef0..4278f85a5 100644
--- a/packages/comlink/src/node.ts
+++ b/packages/comlink/src/node.ts
@@ -1,6 +1,5 @@
 import {v4 as uuid} from 'uuid'
 import {
-  type ActorRefFrom,
   assertEvent,
   assign,
   createActor,
@@ -8,9 +7,10 @@ import {
   enqueueActions,
   raise,
   setup,
+  stopChild,
+  type ActorRefFrom,
 } from 'xstate'
-
-import {listenActor, listenInputFromContext} from './common'
+import {createListenLogic, listenInputFromContext} from './common'
 import {
   DOMAIN,
   MSG_DISCONNECT,
@@ -25,11 +25,14 @@ import type {
   BufferAddedEmitEvent,
   BufferFlushedEmitEvent,
   HeartbeatEmitEvent,
+  HeartbeatMessage,
+  Message,
   MessageEmitEvent,
+  ProtocolMessage,
   RequestData,
+  Status,
   WithoutResponse,
 } from './types'
-import type {HeartbeatMessage, Message, ProtocolMessage} from './types'
 
 /**
  * @public
@@ -43,10 +46,15 @@ export interface NodeInput {
 /**
  * @public
  */
-export type NodeActor<R extends Message, U extends Message> = ActorRefFrom<
-  ReturnType<typeof createNodeMachine<R, U>>
+export type NodeActorLogic<R extends Message, S extends Message> = ReturnType<
+  typeof createNodeMachine<R, S>
 >
 
+/**
+ * @public
+ */
+export type NodeActor<R extends Message, S extends Message> = ActorRefFrom<NodeActorLogic<R, S>>
+
 /**
  * @public
  */
@@ -54,13 +62,14 @@ export type Node<R extends Message, S extends Message> = {
   actor: NodeActor<R, S>
   fetch: <const T extends S['type'], U extends WithoutResponse<S>>(
     data: U,
-  ) => S extends U ? (S['type'] extends T ? S['response'] : never) : never
-  machine: ReturnType<typeof createNodeMachine<R, S>>
+    options?: {signal?: AbortSignal},
+  ) => S extends U ? (S['type'] extends T ? Promise<S['response']> : never) : never
+  machine: NodeActorLogic<R, S>
   on: <T extends R['type'], U extends Extract<R, {type: T}>>(
     type: T,
     handler: (event: U['data']) => U['response'],
   ) => () => void
-  onStatus: (handler: (status: string) => void) => () => void
+  onStatus: (handler: (status: Status) => void) => () => void
   post: (data: WithoutResponse<S>) => void
   start: () => () => void
   stop: () => void
@@ -77,15 +86,34 @@ export const createNodeMachine = <
 >() => {
   const nodeMachine = setup({
     types: {} as {
+      children: {
+        'listen for disconnect': 'listen'
+        'listen for handshake ack': 'listen'
+        'listen for handshake syn': 'listen'
+        'listen for heartbeat': 'listen'
+        'listen for messages': 'listen'
+      }
       context: {
-        buffer: Array<{data: V; resolvable?: PromiseWithResolvers<S['response']>}>
+        buffer: Array<{
+          data: V
+          resolvable?: PromiseWithResolvers<S['response']>
+          signal?: AbortSignal
+        }>
         connectionId: string | null
         connectTo: string
         domain: string
+        // The handshake buffer is a workaround to maintain backwards
+        // compatibility with the Sanity channels package, which may incorrectly
+        // send buffered messages _before_ it completes the handshake (i.e.
+        // sends an ack message). It should be removed in the next major.
+        handshakeBuffer: Array<{
+          type: 'message.received'
+          message: MessageEvent<ProtocolMessage<R>>
+        }>
         name: string
-        origin: string | null
         requests: Array<RequestActorRef<S>>
         target: MessageEventSource | undefined
+        targetOrigin: string | null
       }
       emitted:
         | BufferAddedEmitEvent<V>
@@ -96,22 +124,46 @@ export const createNodeMachine = <
       events:
         | {type: 'heartbeat.received'; message: MessageEvent<ProtocolMessage<HeartbeatMessage>>}
         | {type: 'message.received'; message: MessageEvent<ProtocolMessage<R>>}
-        | {type: 'post'; data: V; resolvable?: PromiseWithResolvers<S['response']>}
+        | {
+            type: 'post'
+            data: V
+            resolvable?: PromiseWithResolvers<S['response']>
+            signal?: AbortSignal
+          }
+        | {type: 'request.aborted'; requestId: string}
         | {type: 'request.failed'; requestId: string}
-        | {type: 'request.success'; requestId: string}
-        | {type: 'request'; data: RequestData<S> | RequestData<S>[]}
+        | {
+            type: 'request.success'
+            requestId: string
+            response: S['response'] | null
+            responseTo: string | undefined
+          }
+        | {type: 'request'; data: RequestData<S> | RequestData<S>[]} // @todo align with 'post' type
       input: NodeInput
     },
     actors: {
       requestMachine: createRequestMachine<S>(),
-      listen: listenActor,
+      listen: createListenLogic(),
     },
     actions: {
+      'buffer incoming message': assign({
+        handshakeBuffer: ({event, context}) => {
+          assertEvent(event, 'message.received')
+          return [...context.handshakeBuffer, event]
+        },
+      }),
       'buffer message': enqueueActions(({enqueue}) => {
         enqueue.assign({
           buffer: ({event, context}) => {
             assertEvent(event, 'post')
-            return [...context.buffer, {data: event.data, resolvable: event.resolvable}]
+            return [
+              ...context.buffer,
+              {
+                data: event.data,
+                resolvable: event.resolvable,
+                signal: event.signal,
+              },
+            ]
           },
         })
         enqueue.emit(({event}) => {
@@ -123,7 +175,7 @@ export const createNodeMachine = <
         })
       }),
       'create request': assign({
-        requests: ({context, event, spawn}) => {
+        requests: ({context, event, self, spawn}) => {
           assertEvent(event, 'request')
           const arr = Array.isArray(event.data) ? event.data : [event.data]
           const requests = arr.map((request) => {
@@ -136,12 +188,14 @@ export const createNodeMachine = <
                 domain: context.domain!,
                 expectResponse: request.expectResponse,
                 from: context.name,
-                origin: context.origin!,
+                parentRef: self,
                 resolvable: request.resolvable,
                 responseTo: request.responseTo,
                 sources: context.target!,
+                targetOrigin: context.targetOrigin!,
                 to: context.connectTo,
                 type: request.type,
+                signal: request.signal,
               },
             })
           })
@@ -173,11 +227,12 @@ export const createNodeMachine = <
       'flush buffer': enqueueActions(({enqueue}) => {
         enqueue.raise(({context}) => ({
           type: 'request',
-          data: context.buffer.map(({data, resolvable}) => ({
+          data: context.buffer.map(({data, resolvable, signal}) => ({
             data: data.data,
             type: data.type,
             expectResponse: resolvable ? true : false,
             resolvable,
+            signal,
           })),
         }))
         enqueue.emit(({context}) => {
@@ -190,6 +245,12 @@ export const createNodeMachine = <
           buffer: [],
         })
       }),
+      'flush handshake buffer': enqueueActions(({context, enqueue}) => {
+        context.handshakeBuffer.forEach((event) => enqueue.raise(event))
+        enqueue.assign({
+          handshakeBuffer: [],
+        })
+      }),
       'post': raise(({event}) => {
         assertEvent(event, 'post')
         return {
@@ -199,14 +260,14 @@ export const createNodeMachine = <
             expectResponse: event.resolvable ? true : false,
             type: event.data.type,
             resolvable: event.resolvable,
+            signal: event.signal,
           },
         }
       }),
-      'remove request': assign({
-        requests: ({context, event}) => {
-          assertEvent(event, ['request.success', 'request.failed'])
-          return context.requests.filter((request) => request.id !== event.requestId)
-        },
+      'remove request': enqueueActions(({context, enqueue, event}) => {
+        assertEvent(event, ['request.success', 'request.failed', 'request.aborted'])
+        stopChild(event.requestId)
+        enqueue.assign({requests: context.requests.filter(({id}) => id !== event.requestId)})
       }),
       'send response': raise(({event}) => {
         assertEvent(event, ['message.received', 'heartbeat.received'])
@@ -215,7 +276,6 @@ export const createNodeMachine = <
           data: {
             type: MSG_RESPONSE,
             responseTo: event.message.data.id,
-            // @todo Do nodes need to support responses?
             data: undefined,
           },
         }
@@ -233,7 +293,7 @@ export const createNodeMachine = <
           assertEvent(event, 'message.received')
           return event.message.source || undefined
         },
-        origin: ({event}) => {
+        targetOrigin: ({event}) => {
           assertEvent(event, 'message.received')
           return event.message.origin
         },
@@ -250,10 +310,11 @@ export const createNodeMachine = <
       connectionId: null,
       connectTo: input.connectTo,
       domain: input.domain ?? DOMAIN,
+      handshakeBuffer: [],
       name: input.name,
-      origin: null,
       requests: [],
       target: undefined,
+      targetOrigin: null,
     }),
     on: {
       'request.success': {
@@ -262,14 +323,20 @@ export const createNodeMachine = <
       'request.failed': {
         actions: 'remove request',
       },
+      'request.aborted': {
+        actions: 'remove request',
+      },
     },
     initial: 'idle',
     states: {
       idle: {
         invoke: {
+          id: 'listen for handshake syn',
           src: 'listen',
-          id: 'listenForHandshakeSyn',
-          input: listenInputFromContext(MSG_HANDSHAKE_SYN, {count: 1}),
+          input: listenInputFromContext({
+            include: MSG_HANDSHAKE_SYN,
+            count: 1,
+          }),
           onDone: {
             target: 'handshaking',
             guard: 'hasSource',
@@ -288,49 +355,73 @@ export const createNodeMachine = <
         entry: 'send handshake syn ack',
         invoke: [
           {
+            id: 'listen for handshake ack',
             src: 'listen',
-            id: 'listenForHandshakeAck',
-            input: listenInputFromContext(MSG_HANDSHAKE_ACK, {count: 1}),
+            input: listenInputFromContext({
+              include: MSG_HANDSHAKE_ACK,
+              count: 1,
+              // Override the default `message.received` responseType to prevent
+              // buffering the ack message. We transition to the connected state
+              // using onDone instead of listening to this event using `on`
+              responseType: 'handshake.complete',
+            }),
             onDone: 'connected',
           },
           {
+            id: 'listen for disconnect',
             src: 'listen',
-            id: 'listenForDisconnect',
-            input: listenInputFromContext([MSG_DISCONNECT], {
+            input: listenInputFromContext({
+              include: MSG_DISCONNECT,
               count: 1,
               responseType: 'disconnect',
             }),
           },
+          {
+            id: 'listen for messages',
+            src: 'listen',
+            input: listenInputFromContext({
+              exclude: [MSG_DISCONNECT, MSG_HANDSHAKE_ACK, MSG_HEARTBEAT, MSG_RESPONSE],
+            }),
+          },
         ],
         on: {
-          request: {
+          'request': {
             actions: 'create request',
           },
-          post: {
+          'post': {
             actions: 'buffer message',
           },
-          disconnect: {
+          'message.received': {
+            actions: 'buffer incoming message',
+          },
+          'disconnect': {
             target: 'idle',
           },
         },
       },
       connected: {
-        entry: 'flush buffer',
+        entry: ['flush handshake buffer', 'flush buffer'],
         invoke: [
           {
+            id: 'listen for messages',
             src: 'listen',
-            id: 'listenForMessages',
-            input: listenInputFromContext([MSG_RESPONSE, MSG_HEARTBEAT], {matches: false}),
+            input: listenInputFromContext({
+              exclude: [MSG_RESPONSE, MSG_HEARTBEAT],
+            }),
           },
           {
+            id: 'listen for heartbeat',
             src: 'listen',
-            id: 'listenForHeartbeats',
-            input: listenInputFromContext([MSG_HEARTBEAT], {responseType: 'heartbeat.received'}),
+            input: listenInputFromContext({
+              include: MSG_HEARTBEAT,
+              responseType: 'heartbeat.received',
+            }),
           },
           {
+            id: 'listen for disconnect',
             src: 'listen',
-            id: 'listenForDisconnect',
-            input: listenInputFromContext([MSG_DISCONNECT], {
+            input: listenInputFromContext({
+              include: MSG_DISCONNECT,
               count: 1,
               responseType: 'disconnect',
             }),
@@ -362,9 +453,10 @@ export const createNodeMachine = <
 /**
  * @public
  */
-export const createNode = <R extends Message, S extends Message>(input: NodeInput): Node<R, S> => {
-  const machine = createNodeMachine<R, S>()
-
+export const createNode = <R extends Message, S extends Message>(
+  input: NodeInput,
+  machine: NodeActorLogic<R, S> = createNodeMachine<R, S>(),
+): Node<R, S> => {
   const actor = createActor(machine, {
     input,
   })
@@ -383,13 +475,14 @@ export const createNode = <R extends Message, S extends Message>(input: NodeInpu
     return unsubscribe
   }
 
-  const onStatus = (handler: (status: string) => void) => {
+  const onStatus = (handler: (status: Status) => void) => {
     const snapshot = actor.getSnapshot()
-    let currentStatus: string | undefined =
+    let currentStatus: Status =
       typeof snapshot.value === 'string' ? snapshot.value : Object.keys(snapshot.value)[0]
 
     const {unsubscribe} = actor.subscribe((state) => {
-      const status = typeof state.value === 'string' ? state.value : Object.keys(state.value)[0]
+      const status: Status =
+        typeof state.value === 'string' ? state.value : Object.keys(state.value)[0]
       if (currentStatus !== status) {
         currentStatus = status
         handler(status)
@@ -402,9 +495,14 @@ export const createNode = <R extends Message, S extends Message>(input: NodeInpu
     actor.send({type: 'post', data})
   }
 
-  const fetch = (data: WithoutResponse<S>) => {
+  const fetch = (data: WithoutResponse<S>, options?: {signal?: AbortSignal}) => {
     const resolvable = Promise.withResolvers<S['response']>()
-    actor.send({type: 'post', data, resolvable})
+    actor.send({
+      type: 'post',
+      data,
+      resolvable,
+      signal: options?.signal,
+    })
     return resolvable.promise as never
   }
 
diff --git a/packages/comlink/src/request.ts b/packages/comlink/src/request.ts
index d961031fe..b92e5e6f7 100644
--- a/packages/comlink/src/request.ts
+++ b/packages/comlink/src/request.ts
@@ -1,10 +1,26 @@
-import {filter, fromEvent, take} from 'rxjs'
+import {EMPTY, filter, fromEvent, map, take, takeUntil, type Observable} from 'rxjs'
 import {v4 as uuid} from 'uuid'
-import {type ActorRefFrom, assign, fromEventObservable, sendParent, setup} from 'xstate'
-
+import {
+  assign,
+  fromEventObservable,
+  sendTo,
+  setup,
+  type ActorRefFrom,
+  type AnyActorRef,
+} from 'xstate'
 import {MSG_RESPONSE, RESPONSE_TIMEOUT} from './constants'
 import type {Message, MessageData, MessageType, ProtocolMessage, ResponseMessage} from './types'
 
+const throwOnEvent =
+  <T>(message?: string) =>
+  (source: Observable<T>) =>
+    source.pipe(
+      take(1),
+      map(() => {
+        throw new Error(message)
+      }),
+    )
+
 /**
  * @public
  */
@@ -15,11 +31,13 @@ export interface RequestMachineContext<S extends Message> {
   expectResponse: boolean
   from: string
   id: string
-  origin: string
+  parentRef: AnyActorRef
   resolvable: PromiseWithResolvers<S['response']> | undefined
   response: S['response'] | null
   responseTo: string | undefined
+  signal: AbortSignal | undefined
   sources: Set<MessageEventSource>
+  targetOrigin: string
   to: string
   type: MessageType
 }
@@ -40,74 +58,114 @@ export const createRequestMachine = <
 >() => {
   return setup({
     types: {} as {
+      children: {
+        'listen for response': 'listen'
+      }
       context: RequestMachineContext<S>
       // @todo Should response types be specified?
-      events: {type: 'message'; data: ProtocolMessage<ResponseMessage>}
+      events: {type: 'message'; data: ProtocolMessage<ResponseMessage>} | {type: 'abort'}
       emitted:
+        | {type: 'request.failed'; requestId: string}
+        | {type: 'request.aborted'; requestId: string}
         | {
             type: 'request.success'
             requestId: string
             response: MessageData | null
             responseTo: string | undefined
           }
-        | {type: 'request.failed'; requestId: string}
       input: {
         connectionId: string
         data?: S['data']
         domain: string
         expectResponse?: boolean
         from: string
-        origin: string
-        responseTo?: string
+        parentRef: AnyActorRef
         resolvable?: PromiseWithResolvers<S['response']>
+        responseTo?: string
+        signal?: AbortSignal
         sources: Set<MessageEventSource> | MessageEventSource
+        targetOrigin: string
         to: string
         type: S['type']
       }
+      output: {
+        requestId: string
+        response: S['response'] | null
+        responseTo: string | undefined
+      }
     },
     actors: {
       listen: fromEventObservable(
-        ({input}: {input: {requestId: string; sources: Set<MessageEventSource>}}) =>
-          fromEvent<MessageEvent<ProtocolMessage<ResponseMessage>>>(window, 'message').pipe(
-            filter(
-              (event) =>
-                event.data.type === MSG_RESPONSE &&
-                event.data.responseTo === input.requestId &&
-                !!event.source &&
-                input.sources.has(event.source),
-            ),
+        ({
+          input,
+        }: {
+          input: {
+            requestId: string
+            sources: Set<MessageEventSource>
+            signal?: AbortSignal
+          }
+        }) => {
+          const abortSignal$ = input.signal
+            ? fromEvent(input.signal, 'abort').pipe(
+                throwOnEvent(`Request ${input.requestId} aborted`),
+              )
+            : EMPTY
+
+          const messageFilter = (event: MessageEvent<ProtocolMessage<ResponseMessage>>) =>
+            event.data?.type === MSG_RESPONSE &&
+            event.data?.responseTo === input.requestId &&
+            !!event.source &&
+            input.sources.has(event.source)
+
+          return fromEvent<MessageEvent<ProtocolMessage<ResponseMessage>>>(window, 'message').pipe(
+            filter(messageFilter),
             take(input.sources.size),
-          ),
+            takeUntil(abortSignal$),
+          )
+        },
       ),
     },
     actions: {
       'send message': ({context}, params: {message: ProtocolMessage}) => {
-        const {sources, origin} = context
+        const {sources, targetOrigin} = context
         const {message} = params
 
         sources.forEach((source) => {
-          source.postMessage(message, {targetOrigin: origin})
+          source.postMessage(message, {targetOrigin})
         })
       },
-      'on success': sendParent(({context, self}) => {
-        if (context.response) {
-          context.resolvable?.resolve(context.response)
-        }
-        return {
-          type: 'request.success',
-          requestId: self.id,
-          response: context.response,
-          responseTo: context.responseTo,
-        }
-      }),
-      'on fail': sendParent(({context, self}) => {
-        // eslint-disable-next-line no-console
-        console.warn(
-          `Received no response to message '${context.type}' on client '${context.from}' (ID: '${context.id}').`,
-        )
-        context.resolvable?.reject(new Error('No response received'))
-        return {type: 'request.failed', requestId: self.id}
-      }),
+      'on success': sendTo(
+        ({context}) => context.parentRef,
+        ({context, self}) => {
+          if (context.response) {
+            context.resolvable?.resolve(context.response)
+          }
+          return {
+            type: 'request.success',
+            requestId: self.id,
+            response: context.response,
+            responseTo: context.responseTo,
+          }
+        },
+      ),
+      'on fail': sendTo(
+        ({context}) => context.parentRef,
+        ({context, self}) => {
+          // eslint-disable-next-line no-console
+          console.warn(
+            `Received no response to message '${context.type}' on client '${context.from}' (ID: '${context.id}').`,
+          )
+          context.resolvable?.reject(new Error('No response received'))
+          return {type: 'request.failed', requestId: self.id}
+        },
+      ),
+      'on abort': sendTo(
+        ({context}) => context.parentRef,
+        ({context, self}) => {
+          context.resolvable?.reject(new Error('Request aborted'))
+          return {type: 'request.aborted', requestId: self.id}
+        },
+      ),
     },
     guards: {
       expectsResponse: ({context}) => context.expectResponse,
@@ -117,7 +175,7 @@ export const createRequestMachine = <
       responseTimeout: RESPONSE_TIMEOUT,
     },
   }).createMachine({
-    /** @xstate-layout N4IgpgJg5mDOIC5QAoC2BDAxgCwJYDswBKAOlwgBswBiAD1gBd0GwT0AzFgJ2QNwdzoKAFVyowAewCuDItTRY8hUuSoBtAAwBdRKAAOE2P1wT8ukLUQBGAEwBWEnY3ONAZlc2XATjtWANCAAntYaAGwkLs5ergAsAOxeMVahcQC+qQEKOATEJLBg+BAEUNSaOkggBkYCpuaWCL4aJFYaVnZxABwd7lYxbnEBwQj2TfGhdilJYXE2cTHpmRjZynkFRfglalbl+obGtRX1jc2t7V09fa4DQYheNiQxXk9eHXFxbl7JVgsgWUq56AA7uhjBtqOJYLB0DAyuYqvszIdEF0rA84qFQo87LM4lY8YNEDY8RFIi1bFYvM40hlfkt-qQgSCBGD6EwWGxOGAeFw4AZ8PlROJpLJ5HScgzgaCoLCKvCaojQPUUWiMVicXj-DcEK4NHEHnZXOTQhSbKENDFQukafgJBA4OY-uK4Xt5XVEABaUIEhCekmRf0uamLRTisiUMDO6omBUWRAxGzeloOf1zcZ2C2vH6Olb5QrFSMIt3DLx6ryhV6hGwl3xWDwxb0dVGPZ7vDHvGKGrNilaMqUF11IhC4vVuWsUg2m5IJrU2ewkWfjUJXWI2eN2OxdkMrdggqgQfvRostN4kT5TaK9WwY702Rskd6G1yY3VXGIbmnZ3KwKSYTBweCyi6h6DsepaXhoF5JKaXpaneTguDYrgdI8dbUukQA */
+    /** @xstate-layout N4IgpgJg5mDOIC5QAoC2BDAxgCwJYDswBKAOlwgBswBiAD1gBd0GwT0AzFgJ2QNwdzoKAFVyowAewCuDItTRY8hUuSoBtAAwBdRKAAOE2P1wT8ukLUQBGAEwBWEgBYAnK+eOAzB7sB2DzY8rABoQAE9rDQc3V0cNTw8fAA4NHwBfVJCFHAJiElgwfAgCKGpNHSQQAyMBU3NLBDsrDxI7DTaAjQA2OOcNDxDwhHsNJx9Ou0TOq2cJxP9HdMyMbOU8gqL8ErUrcv1DY1qK+sbm1vaPLp6+gcRnGydo9wDGycWQLKVc9AB3dGNN6jiWCwdAwMrmKoHMxHRCJRKOEiJHwuZKBZwXKzBMKIGyYkhtAkXOweTqOHw2RJvD45Ug-P4CAH0JgsNicMA8LhwAz4fKicTSWTyZafWm-f5QcEVSE1aGgepwhFIlF9aYYrGDC4+JzEppjGzOUkeGbpDIgfASCBwczU5QQ-YyuqIAC0nRuCBd+IJXu9KSpwppZEoYDt1RMsosiEcNjdVjiJEeGisiSTHkcVgWpptuXyhWKIahjqGzi1BqRJINnVcdkcbuTLS9VYC8ISfsUAbp4vzDphCHJIyjBvJNlxNmRNexQ3sJGH43GPj8jWJrZWuXYfyoEC7YcLsbrgRsjkcvkmdgNbopVhIPhVfnsh8ClMz-tWsCkmEwcHgUvt257u8v+6Hse4xnhOdZnImVidPqCRNB4JqpEAA */
     context: ({input}) => {
       return {
         connectionId: input.connectionId,
@@ -126,20 +184,29 @@ export const createRequestMachine = <
         expectResponse: input.expectResponse ?? false,
         from: input.from,
         id: `msg-${uuid()}`,
-        origin: input.origin,
+        parentRef: input.parentRef,
         resolvable: input.resolvable,
         response: null,
         responseTo: input.responseTo,
-        sources: 'size' in input.sources ? input.sources : new Set([input.sources]),
+        signal: input.signal,
+        sources: input.sources instanceof Set ? input.sources : new Set([input.sources]),
+        targetOrigin: input.targetOrigin,
         to: input.to,
         type: input.type,
       }
     },
     initial: 'idle',
+    on: {
+      abort: '.aborted',
+    },
     states: {
       idle: {
         after: {
-          initialTimeout: 'sending',
+          initialTimeout: [
+            {
+              target: 'sending',
+            },
+          ],
         },
       },
       sending: {
@@ -170,11 +237,14 @@ export const createRequestMachine = <
       },
       awaiting: {
         invoke: {
+          id: 'listen for response',
           src: 'listen',
           input: ({context}) => ({
             requestId: context.id,
             sources: context.sources,
+            signal: context.signal,
           }),
+          onError: 'aborted',
         },
         after: {
           responseTimeout: 'failed',
@@ -197,6 +267,10 @@ export const createRequestMachine = <
         type: 'final',
         entry: 'on success',
       },
+      aborted: {
+        type: 'final',
+        entry: 'on abort',
+      },
     },
     output: ({context, self}) => {
       const output = {
diff --git a/packages/comlink/src/types.ts b/packages/comlink/src/types.ts
index f0c2ebb10..74c21fafb 100644
--- a/packages/comlink/src/types.ts
+++ b/packages/comlink/src/types.ts
@@ -1,4 +1,21 @@
-import type {MSG_HEARTBEAT, MSG_RESPONSE} from './constants'
+import {
+  MSG_DISCONNECT,
+  MSG_HANDSHAKE_ACK,
+  MSG_HANDSHAKE_SYN,
+  MSG_HANDSHAKE_SYN_ACK,
+  MSG_HEARTBEAT,
+  type MSG_RESPONSE,
+} from './constants'
+
+/**
+ * @public
+ */
+export type Status = string // @todo strongly type these
+
+/**
+ * @public
+ */
+export type StatusEvent = {channel: string; status: Status}
 
 /**
  * @public
@@ -28,6 +45,7 @@ export interface RequestData<S extends Message> {
   responseTo?: string
   type: MessageType
   resolvable?: PromiseWithResolvers<S['response']>
+  signal?: AbortSignal
 }
 
 /**
@@ -39,14 +57,14 @@ export type WithoutResponse<T extends Message> = Omit<T, 'response'>
  * @public
  */
 export interface ListenInput {
+  count?: number
   domain: string
+  exclude: string[]
   from: string
-  to: string
-  type: string | string[]
-  matches: boolean
-  count?: number
+  include: string[]
   responseType: string
   target: MessageEventSource | undefined
+  to: string
 }
 
 /**
@@ -117,3 +135,30 @@ export interface HeartbeatMessage {
   type: typeof MSG_HEARTBEAT
   data: undefined
 }
+
+/**
+ * @internal
+ */
+export interface DisconnectMessage {
+  type: typeof MSG_DISCONNECT
+  data: undefined
+}
+
+/**
+ * @internal
+ */
+export type HandshakeMessageType =
+  | typeof MSG_HANDSHAKE_ACK
+  | typeof MSG_HANDSHAKE_SYN
+  | typeof MSG_HANDSHAKE_SYN_ACK
+
+/**
+ * @internal
+ */
+export type InternalMessageType =
+  | typeof MSG_DISCONNECT
+  | typeof MSG_HANDSHAKE_ACK
+  | typeof MSG_HANDSHAKE_SYN
+  | typeof MSG_HANDSHAKE_SYN_ACK
+  | typeof MSG_HEARTBEAT
+  | typeof MSG_RESPONSE
diff --git a/packages/core-loader/package.json b/packages/core-loader/package.json
index 8fb0d8518..0c02da289 100644
--- a/packages/core-loader/package.json
+++ b/packages/core-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sanity/core-loader",
-  "version": "1.6.23",
+  "version": "1.6.24-canary.64",
   "homepage": "https://github.com/sanity-io/visual-editing/tree/main/packages/core-loader#readme",
   "bugs": {
     "url": "https://github.com/sanity-io/visual-editing/issues"
@@ -55,80 +55,37 @@
   "scripts": {
     "build": "pkg build --strict --check --clean",
     "dev": "pkg build --strict",
-    "lint": "eslint .",
+    "lint": "eslint --cache .",
     "prepack": "turbo run build",
     "test": "vitest --pass-with-no-tests --typecheck"
   },
   "browserslist": "extends @sanity/browserslist-config",
-  "prettier": "@sanity/prettier-config",
+  "prettier": "@repo/prettier-config",
   "eslintConfig": {
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-      "ecmaFeatures": {
-        "jsx": true
-      },
-      "ecmaVersion": 2018,
-      "sourceType": "module"
-    },
-    "settings": {
-      "react": {
-        "version": "detect"
-      }
-    },
-    "plugins": [
-      "@typescript-eslint",
-      "simple-import-sort",
-      "prettier"
-    ],
     "extends": [
-      "eslint:recommended",
-      "plugin:prettier/recommended",
-      "plugin:@typescript-eslint/eslint-recommended",
-      "plugin:@typescript-eslint/recommended"
+      "@repo/eslint-config"
     ],
-    "rules": {
-      "no-console": "error",
-      "no-warning-comments": [
-        "warn",
-        {
-          "location": "start",
-          "terms": [
-            "todo",
-            "@todo",
-            "fixme"
-          ]
-        }
-      ],
-      "@typescript-eslint/explicit-module-boundary-types": "error",
-      "@typescript-eslint/member-delimiter-style": "off",
-      "@typescript-eslint/no-empty-interface": "off",
-      "@typescript-eslint/no-explicit-any": "warn",
-      "prettier/prettier": "warn",
-      "simple-import-sort/exports": "warn",
-      "simple-import-sort/imports": "warn"
-    },
     "root": true
   },
   "devDependencies": {
-    "@repo/channels": "workspace:*",
+    "@repo/eslint-config": "workspace:*",
     "@repo/package.config": "workspace:*",
+    "@repo/prettier-config": "workspace:*",
     "@repo/visual-editing-helpers": "workspace:*",
-    "@sanity/client": "^6.21.3",
-    "@sanity/pkg-utils": "6.11.1",
+    "@sanity/client": "^6.22.1",
+    "@sanity/comlink": "workspace:*",
+    "@sanity/pkg-utils": "6.11.3",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
     "async-cache-dedupe": "2.2.0",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-simple-import-sort": "^12.1.1",
-    "happy-dom": "^15.7.3",
+    "eslint": "^8.57.1",
+    "happy-dom": "^15.7.4",
     "nanostores": "0.10.3",
-    "typescript": "5.6.2",
-    "vitest": "^2.0.5"
+    "typescript": "5.6.3",
+    "vitest": "^2.1.3"
   },
   "peerDependencies": {
-    "@sanity/client": "^6.21.3"
+    "@sanity/client": "^6.22.1"
   },
   "engines": {
     "node": ">=18"
diff --git a/packages/core-loader/src/encodeDataAttribute.ts b/packages/core-loader/src/encodeDataAttribute.ts
index 6a7c80034..cdebf4639 100644
--- a/packages/core-loader/src/encodeDataAttribute.ts
+++ b/packages/core-loader/src/encodeDataAttribute.ts
@@ -1,14 +1,13 @@
 import {encodeSanityNodeData} from '@repo/visual-editing-helpers/csm'
 import {
-  type ContentSourceMap,
   jsonPathToStudioPath,
   resolveEditInfo,
   studioPath,
-  type StudioPathLike,
   studioPathToJsonPath,
+  type ContentSourceMap,
+  type StudioPathLike,
 } from '@sanity/client/csm'
 import type {StegaConfig} from '@sanity/client/stega'
-
 import type {EncodeDataAttribute} from './types'
 
 /** @public */
diff --git a/packages/core-loader/src/index.ts b/packages/core-loader/src/index.ts
index 67fca3f7c..29ae6680e 100644
--- a/packages/core-loader/src/index.ts
+++ b/packages/core-loader/src/index.ts
@@ -1,8 +1,7 @@
 import type {ClientPerspective, ContentSourceMap, QueryParams, SanityClient} from '@sanity/client'
 import type {SanityStegaClient} from '@sanity/client/stega'
-import {type Cache, createCache} from 'async-cache-dedupe'
-import {atom, map, type MapStore, onMount, startTask} from 'nanostores'
-
+import {createCache, type Cache} from 'async-cache-dedupe'
+import {atom, map, onMount, startTask, type MapStore} from 'nanostores'
 import {runtime} from './env'
 import {defineEnableLiveMode} from './live-mode'
 import type {EnableLiveMode, Fetcher, QueryStoreState} from './types'
diff --git a/packages/core-loader/src/live-mode/enableLiveMode.ts b/packages/core-loader/src/live-mode/enableLiveMode.ts
index 8f79183c5..7bddc6f1b 100644
--- a/packages/core-loader/src/live-mode/enableLiveMode.ts
+++ b/packages/core-loader/src/live-mode/enableLiveMode.ts
@@ -1,19 +1,18 @@
-import {createChannelsNode} from '@repo/channels'
-import type {
-  LoaderMsg,
-  LoaderPayloads,
-  VisualEditingConnectionIds,
+import {
+  createCompatibilityActors,
+  type LoaderControllerMsg,
+  type LoaderNodeMsg,
 } from '@repo/visual-editing-helpers'
 import {
+  SanityClient,
   type ClientPerspective,
   type ContentSourceMap,
   type ContentSourceMapDocuments,
   type QueryParams,
-  SanityClient,
 } from '@sanity/client'
 import {stegaEncodeSourceMap} from '@sanity/client/stega'
+import {createNode, createNodeMachine} from '@sanity/comlink'
 import {atom, type MapStore} from 'nanostores'
-
 import type {EnableLiveModeOptions, QueryStoreState, SetFetcher} from '../types'
 
 /** @internal */
@@ -51,12 +50,17 @@ export function enableLiveMode(options: LazyEnableLiveModeOptions): () => void {
     }
   >()
 
-  const channel = createChannelsNode<VisualEditingConnectionIds, LoaderMsg, LoaderMsg>({
-    id: 'loaders',
-    connectTo: 'presentation',
-  })
+  const comlink = createNode<LoaderControllerMsg, LoaderNodeMsg>(
+    {
+      name: 'loaders',
+      connectTo: 'presentation',
+    },
+    createNodeMachine<LoaderControllerMsg, LoaderNodeMsg>().provide({
+      actors: createCompatibilityActors<LoaderNodeMsg>(),
+    }),
+  )
 
-  channel.onStatusUpdate((status) => {
+  comlink.onStatus((status) => {
     if (status === 'connected') {
       $connected.set(true)
     } else if (status === 'disconnected') {
@@ -64,18 +68,18 @@ export function enableLiveMode(options: LazyEnableLiveModeOptions): () => void {
     }
   })
 
-  channel.subscribe((type, data) => {
-    if (type === 'loader/perspective' && data.projectId === projectId && data.dataset === dataset) {
+  comlink.on('loader/perspective', (data) => {
+    if (data.projectId === projectId && data.dataset === dataset) {
       if (data.perspective !== 'published' && data.perspective !== 'previewDrafts') {
         throw new Error(`Unsupported perspective: ${JSON.stringify(data.perspective)}`)
       }
       $perspective.set(data.perspective)
       updateLiveQueries()
-    } else if (
-      type === 'loader/query-change' &&
-      data.projectId === projectId &&
-      data.dataset === dataset
-    ) {
+    }
+  })
+
+  comlink.on('loader/query-change', (data) => {
+    if (data.projectId === projectId && data.dataset === dataset) {
       const {perspective, query, params} = data
       if (
         data.result !== undefined &&
@@ -167,11 +171,13 @@ export function enableLiveMode(options: LazyEnableLiveModeOptions): () => void {
   const liveQueries = new Set<{
     query: string
     params: QueryParams
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     $fetch: MapStore<QueryStoreState<any, any>>
   }>()
   const addLiveQuery = (
     query: string,
     params: QueryParams,
+    // eslint-disable-next-line @typescript-eslint/no-explicit-any
     $fetch: MapStore<QueryStoreState<any, any>>,
   ) => {
     const liveQuery = {query, params, $fetch}
@@ -185,19 +191,22 @@ export function enableLiveMode(options: LazyEnableLiveModeOptions): () => void {
     }
   }
   const emitQueryListen = (skipSetLoading?: boolean) => {
-    if (!channel) {
-      throw new Error('No channel')
+    if (!comlink) {
+      throw new Error('No connection')
     }
     const perspective = $perspective.get()
     for (const {query, params, $fetch} of liveQueries) {
-      channel.send('loader/query-listen', {
-        projectId: projectId!,
-        dataset: dataset!,
-        perspective,
-        query,
-        params,
-        heartbeat: LISTEN_HEARTBEAT_INTERVAL,
-      } satisfies LoaderPayloads['query-listen'])
+      comlink.post({
+        type: 'loader/query-listen',
+        data: {
+          projectId: projectId!,
+          dataset: dataset!,
+          perspective,
+          query,
+          params,
+          heartbeat: LISTEN_HEARTBEAT_INTERVAL,
+        },
+      })
       if (!skipSetLoading && $connected.value === true) {
         $fetch.setKey('loading', true)
       }
@@ -222,17 +231,22 @@ export function enableLiveMode(options: LazyEnableLiveModeOptions): () => void {
         documentsOnPage.push(...(value.resultSourceMap?.documents ?? []))
       }
     }
-    channel?.send('loader/documents', {
-      projectId: projectId!,
-      dataset: dataset!,
-      perspective,
-      documents: documentsOnPage,
+    comlink.post({
+      type: 'loader/documents',
+      data: {
+        projectId: projectId!,
+        dataset: dataset!,
+        perspective,
+        documents: documentsOnPage,
+      },
     })
   }
 
+  const stop = comlink.start()
+
   return () => {
     unsetFetcher?.()
     unlistenConnection()
-    channel.destroy()
+    stop()
   }
 }
diff --git a/packages/core-loader/test/encodeDataAttribute.test.ts b/packages/core-loader/test/encodeDataAttribute.test.ts
index 85b00554b..9861edbec 100644
--- a/packages/core-loader/test/encodeDataAttribute.test.ts
+++ b/packages/core-loader/test/encodeDataAttribute.test.ts
@@ -1,6 +1,5 @@
 import {ContentSourceMap} from '@sanity/client/csm'
 import {describe, expect, test} from 'vitest'
-
 import {defineEncodeDataAttribute} from '../src/encodeDataAttribute'
 
 const result = {
diff --git a/packages/insert-menu/package.json b/packages/insert-menu/package.json
index 0bbfbc4e5..0f1f0dc52 100644
--- a/packages/insert-menu/package.json
+++ b/packages/insert-menu/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sanity/insert-menu",
-  "version": "1.0.9",
+  "version": "1.0.10-canary.64",
   "description": "",
   "keywords": [],
   "homepage": "https://github.com/sanity-io/visual-editing/tree/main/packages/insert-menu#readme",
@@ -35,7 +35,7 @@
     "build": "pkg build --strict --check --clean",
     "dev": "pkg build --strict",
     "dev:workshop": "workshop dev",
-    "lint": "eslint .",
+    "lint": "eslint --cache .",
     "prepack": "turbo run build",
     "ts:check": "tsc --noEmit"
   },
@@ -46,23 +46,23 @@
     "lodash.startcase": "^4.4.0"
   },
   "devDependencies": {
-    "@sanity/pkg-utils": "^6.11.1",
-    "@sanity/types": "^3.57.2",
+    "@sanity/pkg-utils": "^6.11.3",
+    "@sanity/types": "^3.61.0",
     "@sanity/ui-workshop": "^2.0.16",
     "@types/lodash.startcase": "^4.4.9",
     "@typescript-eslint/eslint-plugin": "^7.18.0",
     "@typescript-eslint/parser": "^7.18.0",
-    "eslint": "^8.57.0",
-    "eslint-plugin-import": "^2.30.0",
+    "eslint": "^8.57.1",
+    "eslint-plugin-import": "^2.31.0",
     "eslint-plugin-simple-import-sort": "^12.1.1",
-    "lint-staged": "^15.2.5",
+    "lint-staged": "^15.2.10",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-is": "^18.3.1",
-    "typescript": "5.6.2"
+    "typescript": "5.6.3"
   },
   "peerDependencies": {
-    "@sanity/types": "^3.57.2",
+    "@sanity/types": "^3.61.0",
     "react": "^18.3 || >=19.0.0-rc",
     "react-dom": "^18.3 || >=19.0.0-rc",
     "react-is": "^18.3 || >=19.0.0-rc"
diff --git a/packages/insert-menu/src/InsertMenu.tsx b/packages/insert-menu/src/InsertMenu.tsx
index 4b64fdedb..950245ae4 100644
--- a/packages/insert-menu/src/InsertMenu.tsx
+++ b/packages/insert-menu/src/InsertMenu.tsx
@@ -7,18 +7,17 @@ import {
   Grid,
   Menu,
   MenuItem,
-  type MenuItemProps,
   Stack,
   Tab,
   TabList,
   Text,
   TextInput,
   Tooltip,
+  type MenuItemProps,
 } from '@sanity/ui'
 import startCase from 'lodash.startcase'
-import {type ChangeEvent, createElement, type CSSProperties, useReducer, useState} from 'react'
+import {createElement, useReducer, useState, type ChangeEvent, type CSSProperties} from 'react'
 import {isValidElementType} from 'react-is'
-
 import {getSchemaTypeIcon} from './getSchemaTypeIcon'
 import type {InsertMenuOptions} from './InsertMenuOptions'
 
diff --git a/packages/insert-menu/src/__workshop__/full.tsx b/packages/insert-menu/src/__workshop__/full.tsx
index e0a3b8e18..d448e5701 100644
--- a/packages/insert-menu/src/__workshop__/full.tsx
+++ b/packages/insert-menu/src/__workshop__/full.tsx
@@ -9,7 +9,6 @@ import {
 import type {ObjectSchemaType} from '@sanity/types'
 import {Box, Card, LayerProvider} from '@sanity/ui'
 import {useAction, useSelect} from '@sanity/ui-workshop'
-
 import {InsertMenu, type InsertMenuProps} from '../InsertMenu'
 
 const labels = {
diff --git a/packages/insert-menu/workshop.config.ts b/packages/insert-menu/workshop.config.ts
index 64fc77964..df9115771 100644
--- a/packages/insert-menu/workshop.config.ts
+++ b/packages/insert-menu/workshop.config.ts
@@ -1,5 +1,5 @@
-import {buildTheme} from '@sanity/ui/theme'
 import {defineConfig} from '@sanity/ui-workshop'
+import {buildTheme} from '@sanity/ui/theme'
 
 export default defineConfig({
   theme: buildTheme(),
diff --git a/packages/next-loader/.eslintignore b/packages/next-loader/.eslintignore
new file mode 100644
index 000000000..53c37a166
--- /dev/null
+++ b/packages/next-loader/.eslintignore
@@ -0,0 +1 @@
+dist
\ No newline at end of file
diff --git a/packages/next-loader/README.md b/packages/next-loader/README.md
new file mode 100644
index 000000000..b767c540a
--- /dev/null
+++ b/packages/next-loader/README.md
@@ -0,0 +1,14 @@
+# @sanity/next-loader
+
+[![npm stat](https://img.shields.io/npm/dm/@sanity/next-loader.svg?style=flat-square)](https://npm-stat.com/charts.html?package=@sanity/next-loader)
+[![npm version](https://img.shields.io/npm/v/@sanity/next-loader.svg?style=flat-square)](https://www.npmjs.com/package/@sanity/next-loader)
+[![gzip size][gzip-badge]][bundlephobia]
+[![size][size-badge]][bundlephobia]
+
+> [!WARNING]  
+> This package is not meant to be used directly, it's a dependency of [`next-sanity`].
+
+[`next-sanity`]: https://github.com/sanity-io/next-sanity
+[gzip-badge]: https://img.shields.io/bundlephobia/minzip/@sanity/next-loader?label=gzip%20size&style=flat-square
+[size-badge]: https://img.shields.io/bundlephobia/min/@sanity/next-loader?label=size&style=flat-square
+[bundlephobia]: https://bundlephobia.com/package/@sanity/next-loader
diff --git a/packages/next-loader/package.config.ts b/packages/next-loader/package.config.ts
new file mode 100644
index 000000000..bd2b17aa3
--- /dev/null
+++ b/packages/next-loader/package.config.ts
@@ -0,0 +1,53 @@
+import path from 'node:path'
+import baseConfig from '@repo/package.config'
+import {defineConfig} from '@sanity/pkg-utils'
+
+const MODULE_PATHS_WHICH_USE_CLIENT_DIRECTIVE_SHOULD_BE_ADDED = [
+  path.join('src', 'client-components', 'live', 'index.ts'),
+  path.join('src', 'client-components', 'live-stream', 'index.ts'),
+  path.join('src', 'hooks', 'index.ts'),
+]
+
+const MODULE_PATHS_WHICH_USE_SERVER_DIRECTIVE_SHOULD_BE_ADDED = [
+  path.join('src', 'server-actions', 'index.ts'),
+]
+
+export default defineConfig({
+  ...baseConfig,
+  minify: false,
+  bundles: [
+    {
+      source: './src/index.ts',
+      import: './dist/index.js',
+    },
+  ],
+  rollup: {
+    output: {
+      banner: (chunkInfo) => {
+        if (
+          MODULE_PATHS_WHICH_USE_CLIENT_DIRECTIVE_SHOULD_BE_ADDED.find((modulePath) =>
+            chunkInfo.facadeModuleId?.endsWith(modulePath),
+          )
+        ) {
+          return `"use client"`
+        }
+        if (
+          MODULE_PATHS_WHICH_USE_SERVER_DIRECTIVE_SHOULD_BE_ADDED.find((modulePath) =>
+            chunkInfo.facadeModuleId?.endsWith(modulePath),
+          )
+        ) {
+          return `"use server"`
+        }
+        return ''
+      },
+    },
+  },
+  extract: {
+    rules: {
+      'ae-forgotten-export': 'error',
+      'ae-incompatible-release-tags': 'warn',
+      'ae-internal-missing-underscore': 'off',
+      'ae-missing-release-tag': 'warn',
+    },
+  },
+})
diff --git a/packages/next-loader/package.json b/packages/next-loader/package.json
new file mode 100644
index 000000000..dd6c606b4
--- /dev/null
+++ b/packages/next-loader/package.json
@@ -0,0 +1,120 @@
+{
+  "name": "@sanity/next-loader",
+  "version": "0.0.1-canary.48",
+  "homepage": "https://github.com/sanity-io/visual-editing/tree/main/packages/next-loader#readme",
+  "bugs": {
+    "url": "https://github.com/sanity-io/visual-editing/issues"
+  },
+  "repository": {
+    "type": "git",
+    "url": "git+ssh://git@github.com/sanity-io/visual-editing.git",
+    "directory": "packages/next-loader"
+  },
+  "license": "MIT",
+  "author": "Sanity.io <hello@sanity.io>",
+  "sideEffects": false,
+  "type": "module",
+  "exports": {
+    ".": {
+      "source": "./src/index.server-only.ts",
+      "react-server": "./dist/index.js",
+      "import": "./dist/index.server-only.js",
+      "require": "./dist/index.server-only.cjs",
+      "default": "./dist/index.server-only.js"
+    },
+    "./hooks": {
+      "source": "./src/hooks/index.ts",
+      "import": "./dist/hooks.js",
+      "require": "./dist/hooks.cjs",
+      "default": "./dist/hooks.js"
+    },
+    "./client-components/live": {
+      "source": "./src/client-components/live/index.ts",
+      "import": "./dist/client-components/live.js",
+      "require": "./dist/client-components/live.cjs",
+      "default": "./dist/client-components/live.js"
+    },
+    "./client-components/live-stream": {
+      "source": "./src/client-components/live-stream/index.ts",
+      "import": "./dist/client-components/live-stream.js",
+      "require": "./dist/client-components/live-stream.cjs",
+      "default": "./dist/client-components/live-stream.js"
+    },
+    "./server-actions": {
+      "source": "./src/server-actions/index.ts",
+      "import": "./dist/server-actions.js",
+      "require": "./dist/server-actions.cjs",
+      "default": "./dist/server-actions.js"
+    },
+    "./package.json": "./package.json"
+  },
+  "main": "./dist/index.server-only.cjs",
+  "module": "./dist/index.server-only.js",
+  "types": "./dist/index.server-only.d.ts",
+  "typesVersions": {
+    "*": {
+      "client-components/live": [
+        "./dist/client-components/live.d.ts"
+      ],
+      "client-components/live-stream": [
+        "./dist/client-components/live-stream.d.ts"
+      ],
+      "hooks": [
+        "./dist/hooks.d.ts"
+      ],
+      "server-action": [
+        "./dist/server-action/index.d.ts"
+      ]
+    }
+  },
+  "files": [
+    "dist",
+    "src",
+    "CHANGELOG.md"
+  ],
+  "scripts": {
+    "build": "pkg build --strict --check --clean",
+    "dev": "pkg build --strict",
+    "lint": "eslint --cache .",
+    "prepack": "turbo run build",
+    "test": "vitest --pass-with-no-tests --typecheck"
+  },
+  "browserslist": "extends @sanity/browserslist-config",
+  "prettier": "@repo/prettier-config",
+  "eslintConfig": {
+    "extends": [
+      "@repo/eslint-config"
+    ],
+    "root": true
+  },
+  "dependencies": {
+    "@sanity/comlink": "workspace:*",
+    "use-effect-event": "^1.0.2"
+  },
+  "devDependencies": {
+    "@repo/eslint-config": "workspace:*",
+    "@repo/package.config": "workspace:*",
+    "@repo/prettier-config": "workspace:*",
+    "@repo/visual-editing-helpers": "workspace:*",
+    "@sanity/client": "^6.22.1",
+    "@sanity/pkg-utils": "6.11.3",
+    "@types/react": "^18.3.11",
+    "eslint": "^8.57.1",
+    "fast-deep-equal": "3.1.3",
+    "next": "^14.2.15",
+    "react": "^18.3.1",
+    "typescript": "5.6.3",
+    "vitest": "^2.1.3"
+  },
+  "peerDependencies": {
+    "@sanity/client": "^6.22.1",
+    "next": "^14.1 || ^15.0.0-0",
+    "react": "^18.3 || ^19.0.0-0"
+  },
+  "engines": {
+    "node": ">=18.18"
+  },
+  "publishConfig": {
+    "access": "public"
+  }
+}
diff --git a/packages/next-loader/src/client-components/live-stream/SanityLiveStream.tsx b/packages/next-loader/src/client-components/live-stream/SanityLiveStream.tsx
new file mode 100644
index 000000000..00f24301f
--- /dev/null
+++ b/packages/next-loader/src/client-components/live-stream/SanityLiveStream.tsx
@@ -0,0 +1,162 @@
+import type {LoaderControllerMsg} from '@repo/visual-editing-helpers'
+import {
+  type ClientPerspective,
+  type ContentSourceMap,
+  type InitializedClientConfig,
+  type QueryParams,
+} from '@sanity/client'
+import {stegaEncodeSourceMap} from '@sanity/client/stega'
+import isEqual from 'fast-deep-equal'
+import {startTransition, useCallback, useEffect, useState, useSyncExternalStore} from 'react'
+import * as React from 'react'
+import {useEffectEvent} from 'use-effect-event'
+import {comlinkListeners, comlink as comlinkSnapshot} from '../../hooks/context'
+
+const use: typeof React.use =
+  'use' in React
+    ? // @ts-expect-error this is fine
+      React['u' + 's' + 'e']
+    : () => {
+        throw new TypeError('SanityLiveStream requires a React version with React.use()')
+      }
+
+/**
+ * @public
+ */
+export interface SanityLiveStreamProps
+  extends Pick<InitializedClientConfig, 'projectId' | 'dataset'> {
+  query: string
+  params?: QueryParams
+  perspective?: Omit<ClientPerspective, 'raw'>
+  stega?: boolean
+  initial: Promise<React.ReactNode>
+  children: (result: {
+    data: unknown
+    sourceMap: ContentSourceMap | null
+    tags: string[]
+  }) => Promise<React.ReactNode>
+}
+
+const LISTEN_HEARTBEAT_INTERVAL = 1000
+
+/**
+ * @public
+ */
+export default function SanityLiveStream(props: SanityLiveStreamProps): React.JSX.Element | null {
+  const {query, dataset, params = {}, perspective, projectId, stega} = props
+
+  const subscribe = useCallback((listener: () => void) => {
+    comlinkListeners.add(listener)
+    return () => comlinkListeners.delete(listener)
+  }, [])
+
+  const comlink = useSyncExternalStore(
+    subscribe,
+    () => comlinkSnapshot,
+    () => null,
+  )
+  const [children, setChildren] = useState<React.ReactNode | undefined>(undefined)
+
+  const handleQueryHeartbeat = useEffectEvent((comlink: NonNullable<typeof comlinkSnapshot>) => {
+    comlink.post({
+      type: 'loader/query-listen',
+      data: {
+        projectId: projectId!,
+        dataset: dataset!,
+        perspective: perspective! as ClientPerspective,
+        query,
+        params: params!,
+        heartbeat: LISTEN_HEARTBEAT_INTERVAL,
+      },
+    })
+  })
+  const handleQueryChange = useEffectEvent(
+    (
+      event: Extract<LoaderControllerMsg, {type: 'loader/query-change'}>['data'],
+      signal: AbortSignal,
+    ) => {
+      if (
+        isEqual(
+          {
+            projectId,
+            dataset,
+            query,
+            params,
+          },
+          {
+            projectId: event.projectId,
+            dataset: event.dataset,
+            query: event.query,
+            params: event.params,
+          },
+        )
+      ) {
+        const {result, resultSourceMap, tags} = event
+        const data = stega
+          ? stegaEncodeSourceMap(result, resultSourceMap, {enabled: true, studioUrl: '/'})
+          : result
+        // eslint-disable-next-line no-console
+        // console.log('server function streaming is disabled', {
+        //   startTransition,
+        //   setPromise,
+        //   data,
+        //   resultSourceMap,
+        //   tags,
+        // })
+        // console.log('rendering with server action')
+        // startTransition(() =>
+        //   setPromise(
+        //     props.children({
+        //       data,
+        //       sourceMap: resultSourceMap!,
+        //       tags: tags || [],
+        //     }) as Promise<React.JSX.Element>,
+        //   ),
+        // )
+        // eslint-disable-next-line no-console
+        console.log('rendering with server action: render children start')
+        ;(
+          props.children({
+            data,
+            sourceMap: resultSourceMap!,
+            tags: tags || [],
+          }) as Promise<React.JSX.Element>
+        ).then(
+          (children) => {
+            if (signal.aborted) return
+            // eslint-disable-next-line no-console
+            console.log('rendering with server action: render children end, setting state')
+            startTransition(() => setChildren(children))
+          },
+          (reason: unknown) => {
+            if (signal.aborted) return
+            // eslint-disable-next-line no-console
+            console.error('rendering with server action: render children error', reason)
+          },
+        )
+      }
+    },
+  )
+  useEffect(() => {
+    if (!comlink) return
+
+    let controller: AbortController | undefined
+    const unsubscribe = comlink.on('loader/query-change', (event) => {
+      controller?.abort()
+      controller = new AbortController()
+      handleQueryChange(event, controller.signal)
+    })
+    const interval = setInterval(() => handleQueryHeartbeat(comlink), LISTEN_HEARTBEAT_INTERVAL)
+    return () => {
+      clearInterval(interval)
+      unsubscribe()
+    }
+  }, [comlink, handleQueryChange, handleQueryHeartbeat])
+
+  if (!comlink || children === undefined) {
+    return use(props.initial) as React.JSX.Element
+  }
+
+  return <>{children}</>
+}
+SanityLiveStream.displayName = 'SanityLiveStream'
diff --git a/packages/next-loader/src/client-components/live-stream/SanityLiveStreamLazy.tsx b/packages/next-loader/src/client-components/live-stream/SanityLiveStreamLazy.tsx
new file mode 100644
index 000000000..ffe466d61
--- /dev/null
+++ b/packages/next-loader/src/client-components/live-stream/SanityLiveStreamLazy.tsx
@@ -0,0 +1,14 @@
+/**
+ * This file works around a new restriction in Next v15 where server components are not allowed
+ * to use dynamic(() => import('...), {ssr: false})
+ * only Client Components can set ssr: false.
+ */
+
+import dynamic from 'next/dynamic'
+import type {SanityLiveStreamProps} from './SanityLiveStream'
+
+const SanityLiveStreamClientComponent = dynamic(() => import('./SanityLiveStream'), {ssr: false})
+
+export function SanityLiveStreamLazyClientComponent(props: SanityLiveStreamProps): React.ReactNode {
+  return <SanityLiveStreamClientComponent {...props} />
+}
diff --git a/packages/next-loader/src/client-components/live-stream/index.ts b/packages/next-loader/src/client-components/live-stream/index.ts
new file mode 100644
index 000000000..d603eefb7
--- /dev/null
+++ b/packages/next-loader/src/client-components/live-stream/index.ts
@@ -0,0 +1,4 @@
+'use client'
+
+export type {SanityLiveStreamProps} from './SanityLiveStream'
+export {SanityLiveStreamLazyClientComponent as default} from './SanityLiveStreamLazy'
diff --git a/packages/next-loader/src/client-components/live/PresentationComlink.tsx b/packages/next-loader/src/client-components/live/PresentationComlink.tsx
new file mode 100644
index 000000000..6c64c2d6a
--- /dev/null
+++ b/packages/next-loader/src/client-components/live/PresentationComlink.tsx
@@ -0,0 +1,131 @@
+import {
+  createCompatibilityActors,
+  type LoaderControllerMsg,
+  type LoaderNodeMsg,
+} from '@repo/visual-editing-helpers'
+import type {ClientPerspective} from '@sanity/client'
+import {
+  createNode,
+  createNodeMachine,
+  // type Node,
+} from '@sanity/comlink'
+import {setPerspectiveCookie} from '@sanity/next-loader/server-actions'
+import {useRouter} from 'next/navigation.js'
+import {
+  useEffect,
+  // useState
+} from 'react'
+import {useEffectEvent} from 'use-effect-event'
+import {setComlink} from '../../hooks/context'
+
+function PresentationComlink(props: {
+  // projectId: string
+  // dataset: string
+  // handleDraftModeAction: (secret: string) => Promise<void | string>
+  draftModeEnabled: boolean
+  draftModePerspective: ClientPerspective
+}): React.JSX.Element | null {
+  const {draftModeEnabled, draftModePerspective} = props
+  const router = useRouter()
+
+  // const [presentationComlink, setPresentationComlink] = useState<Node<
+  //   LoaderControllerMsg,
+  //   LoaderNodeMsg
+  // > | null>(null)
+
+  const handlePerspectiveChange = useEffectEvent(
+    (perspective: ClientPerspective, signal: AbortSignal) => {
+      if (draftModeEnabled && perspective !== draftModePerspective) {
+        setPerspectiveCookie(perspective)
+          .then(() => {
+            if (signal.aborted) return
+            // eslint-disable-next-line no-console
+            console.log('refresh on perspective change', perspective)
+            router.refresh()
+          })
+          // eslint-disable-next-line no-console
+          .catch((reason) => console.error('Failed to set the preview perspective cookie', reason))
+      }
+    },
+  )
+
+  // const [status, setStatus] = useState('disconnected')
+  useEffect(() => {
+    const comlink = createNode<LoaderControllerMsg, LoaderNodeMsg>(
+      {
+        name: 'loaders',
+        connectTo: 'presentation',
+      },
+      createNodeMachine<LoaderControllerMsg, LoaderNodeMsg>().provide({
+        actors: createCompatibilityActors<LoaderNodeMsg>(),
+      }),
+    )
+
+    // comlink.onStatus((status) => {
+    //   setStatus(status)
+    // })
+
+    let controller: AbortController | undefined
+    comlink.on('loader/perspective', (data) => {
+      controller?.abort()
+      controller = new AbortController()
+      handlePerspectiveChange(data.perspective, controller.signal)
+    })
+
+    const stop = comlink.start()
+    // setPresentationComlink(comlink)
+    setComlink(comlink)
+    // eslint-disable-next-line no-console
+    // console.log('setting comlink', comlink)
+    return () => {
+      // eslint-disable-next-line no-console
+      // console.log('stopping comlink')
+      stop()
+    }
+  }, [handlePerspectiveChange])
+
+  // @TODO come back to this later
+  // const handleEnableDraftMode = useEffectEvent(async (signal: AbortSignal) => {
+  //   if (signal.aborted) return
+  //   const {secret} = await (presentationComlink?.fetch(
+  //     {
+  //       type: 'loader/fetch-preview-url-secret' as const,
+  //       data: {projectId, dataset},
+  //     },
+  //     {signal},
+  //   ) || {secret: null})
+  //   if (signal.aborted) return
+  //   const error = await handleDraftModeAction(secret!)
+  //   // eslint-disable-next-line no-console
+  //   // @TODO call another server action here that can tell us if draft mode is actually enabled
+  //   if (error) {
+  //     // @TODO use sonnet or whatever to push a toast with the error
+  //     // eslint-disable-next-line no-console
+  //     console.error('Error enabling draft mode', error)
+  //     return
+  //   }
+  //   // console.log('Draft mode enabled?', {enabled})
+  //   if (signal.aborted) return
+  //   router.refresh()
+  // })
+  // const connected = status === 'connected'
+  // useEffect(() => {
+  //   if (connected && !draftModeEnabled) {
+  //     const controller = new AbortController()
+  //     handleEnableDraftMode(controller.signal).catch((reason) => {
+  //       // eslint-disable-next-line no-console
+  //       console.error('Failed to enable draft mode', reason)
+  //       return handleEnableDraftMode(controller.signal)
+  //     })
+  //     return () => {
+  //       controller.abort()
+  //     }
+  //   }
+  //   return undefined
+  // }, [connected, draftModeEnabled, handleEnableDraftMode])
+
+  return null
+}
+PresentationComlink.displayName = 'PresentationComlink'
+
+export default PresentationComlink
diff --git a/packages/next-loader/src/client-components/live/RefreshOnFocus.tsx b/packages/next-loader/src/client-components/live/RefreshOnFocus.tsx
new file mode 100644
index 000000000..c0dd4fd9e
--- /dev/null
+++ b/packages/next-loader/src/client-components/live/RefreshOnFocus.tsx
@@ -0,0 +1,29 @@
+import {useRouter} from 'next/navigation.js'
+import {useEffect} from 'react'
+
+const focusThrottleInterval = 5_000
+
+export default function RefreshOnFocus(): null {
+  const router = useRouter()
+
+  useEffect(() => {
+    const controller = new AbortController()
+    let nextFocusRevalidatedAt = 0
+    const callback = () => {
+      const now = Date.now()
+      if (now > nextFocusRevalidatedAt && document.visibilityState !== 'hidden') {
+        // eslint-disable-next-line no-console
+        console.log('refreshing on focus')
+        router.refresh()
+        nextFocusRevalidatedAt = now + focusThrottleInterval
+      }
+    }
+    const {signal} = controller
+    document.addEventListener('visibilitychange', callback, {passive: true, signal})
+    window.addEventListener('focus', callback, {passive: true, signal})
+    return () => controller.abort()
+  }, [router])
+
+  return null
+}
+RefreshOnFocus.displayName = 'RefreshOnFocus'
diff --git a/packages/next-loader/src/client-components/live/RefreshOnMount.tsx b/packages/next-loader/src/client-components/live/RefreshOnMount.tsx
new file mode 100644
index 000000000..1196e242a
--- /dev/null
+++ b/packages/next-loader/src/client-components/live/RefreshOnMount.tsx
@@ -0,0 +1,26 @@
+/**
+ * Handles refreshing the page when the page is mounted,
+ * in case the content changes at a high enough frequency that by
+ * the time the page started streaming, and the <SanityLive> component sets
+ * up the EventSource connection, content might have changed.
+ */
+
+import {useRouter} from 'next/navigation.js'
+import {useEffect, useReducer} from 'react'
+
+export default function RefreshOnMount(): null {
+  const router = useRouter()
+  const [mounted, mount] = useReducer(() => true, false)
+
+  useEffect(() => {
+    if (!mounted) {
+      mount()
+      // eslint-disable-next-line no-console
+      console.log('refreshing on mount')
+      router.refresh()
+    }
+  }, [mounted, router])
+
+  return null
+}
+RefreshOnMount.displayName = 'RefreshOnMount'
diff --git a/packages/next-loader/src/client-components/live/RefreshOnReconnect.tsx b/packages/next-loader/src/client-components/live/RefreshOnReconnect.tsx
new file mode 100644
index 000000000..80ee8ba4f
--- /dev/null
+++ b/packages/next-loader/src/client-components/live/RefreshOnReconnect.tsx
@@ -0,0 +1,24 @@
+import {useRouter} from 'next/navigation.js'
+import {useEffect} from 'react'
+
+export default function RefreshOnReconnect(): null {
+  const router = useRouter()
+
+  useEffect(() => {
+    const controller = new AbortController()
+    const {signal} = controller
+    window.addEventListener(
+      'online',
+      () => {
+        // eslint-disable-next-line no-console
+        console.log('refreshing on reconnect')
+        router.refresh()
+      },
+      {passive: true, signal},
+    )
+    return () => controller.abort()
+  }, [router])
+
+  return null
+}
+RefreshOnReconnect.displayName = 'RefreshOnReconnect'
diff --git a/packages/next-loader/src/client-components/live/SanityLive.tsx b/packages/next-loader/src/client-components/live/SanityLive.tsx
new file mode 100644
index 000000000..352a70fac
--- /dev/null
+++ b/packages/next-loader/src/client-components/live/SanityLive.tsx
@@ -0,0 +1,249 @@
+import {createClient, type ClientPerspective, type InitializedClientConfig} from '@sanity/client'
+import {revalidateSyncTags} from '@sanity/next-loader/server-actions'
+import dynamic from 'next/dynamic'
+import {useEffect, useMemo, useRef, useState} from 'react'
+import {setEnvironment, setPerspective} from '../../hooks/context'
+
+const PresentationComlink = dynamic(() => import('./PresentationComlink'), {ssr: false})
+const RefreshOnMount = dynamic(() => import('./RefreshOnMount'), {ssr: false})
+const RefreshOnFocus = dynamic(() => import('./RefreshOnFocus'), {ssr: false})
+const RefreshOnReconnect = dynamic(() => import('./RefreshOnReconnect'), {ssr: false})
+
+/**
+ * @public
+ */
+export interface SanityLiveProps
+  extends Pick<
+    InitializedClientConfig,
+    | 'projectId'
+    | 'dataset'
+    | 'apiHost'
+    | 'apiVersion'
+    | 'useProjectHostname'
+    | 'token'
+    | 'ignoreBrowserTokenWarning'
+  > {
+  // handleDraftModeAction: (secret: string) => Promise<void | string>
+  draftModeEnabled: boolean
+  draftModePerspective?: ClientPerspective
+  refreshOnMount?: boolean
+  refreshOnFocus?: boolean
+  refreshOnReconnect?: boolean
+}
+
+/**
+ * @public
+ */
+export function SanityLive(props: SanityLiveProps): React.JSX.Element | null {
+  const {
+    projectId,
+    dataset,
+    apiHost,
+    apiVersion,
+    useProjectHostname,
+    ignoreBrowserTokenWarning,
+    token,
+    // handleDraftModeAction,
+    draftModeEnabled,
+    draftModePerspective,
+    refreshOnMount = false,
+    refreshOnFocus = typeof window === 'undefined' ? true : window.self === window.top,
+    refreshOnReconnect = true,
+  } = props
+
+  const [error, setError] = useState<unknown>(null)
+  // Rethrow error to the nearest error boundary
+  if (error) {
+    throw error
+  }
+
+  useEffect(() => {
+    if (process.env.NODE_ENV !== 'production') {
+      // eslint-disable-next-line no-console
+      console.info(
+        'Sanity is live with',
+        token
+          ? 'automatic revalidation for draft content changes as well as published content'
+          : draftModeEnabled
+            ? 'automatic revalidation for only published content. Provide a `browserToken` to `defineLive` to support draft content outside of Presentation Tool.'
+            : 'automatic revalidation of published content',
+      )
+    }
+  }, [draftModeEnabled, token])
+
+  /**
+   * 1. Handle Live Events and call revalidateTag when needed
+   */
+  const client = useMemo(
+    () =>
+      createClient({
+        projectId,
+        dataset,
+        apiHost,
+        apiVersion,
+        useProjectHostname,
+        ignoreBrowserTokenWarning,
+        token,
+        useCdn: false,
+      }),
+    [apiHost, apiVersion, dataset, ignoreBrowserTokenWarning, projectId, token, useProjectHostname],
+  )
+
+  useEffect(() => {
+    // @TODO move this validation logic to `@sanity/client`
+    // and include CORS detection https://github.com/sanity-io/sanity/blob/9848f2069405e5d06f82a61a902f141e53099493/packages/sanity/src/core/store/_legacy/authStore/createAuthStore.ts#L92-L102
+    const path = client.getDataUrl('live/events')
+    const url = new URL(client.getUrl(path, false))
+    if (token) {
+      url.searchParams.set('includeDrafts', 'true')
+    }
+
+    const controller = new AbortController()
+    async function validateConnection(signal: AbortSignal) {
+      const response = await fetch(url, {
+        signal,
+        headers: token
+          ? {
+              authorization: `Bearer ${token}`,
+            }
+          : undefined,
+      })
+
+      if (!response.ok) {
+        if (response.status === 401 && token) {
+          throw new Error(`Failed to connect to '${url}', invalid browser token`, {
+            cause: response.statusText,
+          })
+        } else {
+          throw new Error(`Failed to connect to '${url}': ${response.status}`, {
+            cause: response.statusText,
+          })
+        }
+      }
+      const reader = response.body?.getReader()
+      if (!reader) {
+        throw new Error('Failed to get stream reader')
+      }
+
+      try {
+        // Read the first chunk of data
+        const {done, value} = await reader.read()
+
+        // If we've received any data, or the stream isn't done, consider it valid
+        if (done || !value) {
+          throw new Error('Stream ended without data')
+        }
+      } finally {
+        // Cancel the reader and abort the fetch
+        reader.cancel()
+        controller.abort()
+      }
+    }
+    validateConnection(controller.signal).catch((error) => {
+      // Ignore AbortError, as it's expected when we cancel the fetch
+      if (error?.name !== 'AbortError') {
+        // eslint-disable-next-line no-console
+        console.error('Error validating EventSource URL:', error)
+        setError(error)
+      }
+    })
+    return () => controller.abort()
+  }, [client, token])
+
+  useEffect(() => {
+    const subscription = client.live.events(token ? {includeDrafts: true} : undefined).subscribe({
+      next: (event) => {
+        if (event.type === 'message') {
+          revalidateSyncTags(event.tags)
+        }
+      },
+      error: setError,
+    })
+    return () => subscription.unsubscribe()
+  }, [client, token])
+
+  /**
+   * 2. Notify what perspective we're in, when in Draft Mode
+   */
+  useEffect(() => {
+    if (draftModeEnabled && draftModePerspective) {
+      setPerspective(draftModePerspective)
+    } else {
+      setPerspective('unknown')
+    }
+  }, [draftModeEnabled, draftModePerspective])
+
+  const [loadComlink, setLoadComlink] = useState(false)
+  /**
+   * 3. Notify what environment we're in, when in Draft Mode
+   */
+  useEffect(() => {
+    if (draftModeEnabled && loadComlink) {
+      setEnvironment(opener ? 'presentation-window' : 'presentation-iframe')
+    } else if (draftModeEnabled && token) {
+      setEnvironment('live')
+    } else {
+      setEnvironment('unknown')
+    }
+  }, [draftModeEnabled, loadComlink, token])
+
+  /**
+   * 4. If Presentation Tool is detected, load up the comlink and integrate with it
+   */
+  useEffect(() => {
+    if (window === parent && !opener) return
+    const controller = new AbortController()
+    window.addEventListener(
+      'message',
+      ({data}: MessageEvent<unknown>) => {
+        if (
+          data &&
+          typeof data === 'object' &&
+          'domain' in data &&
+          data.domain === 'sanity/channels' &&
+          'from' in data &&
+          data.from === 'presentation'
+        ) {
+          setLoadComlink(true)
+          controller.abort()
+        }
+      },
+      {signal: controller.signal},
+    )
+    return () => controller.abort()
+  }, [])
+
+  /**
+   * 5. Warn if draft mode is being disabled
+   * @TODO move logic into PresentationComlink, or maybe VisualEditing?
+   */
+  const draftModeEnabledWarnRef = useRef<ReturnType<typeof setTimeout> | undefined>(undefined)
+  useEffect(() => {
+    if (!draftModeEnabled) return
+    clearTimeout(draftModeEnabledWarnRef.current)
+    return () => {
+      draftModeEnabledWarnRef.current = setTimeout(() => {
+        // eslint-disable-next-line no-console
+        console.warn('Sanity Live: Draft mode was enabled, but is now being disabled')
+      })
+    }
+  }, [draftModeEnabled])
+
+  return (
+    <>
+      {draftModeEnabled && loadComlink && (
+        <PresentationComlink
+          // projectId={projectId!}
+          // dataset={dataset!}
+          // handleDraftModeAction={handleDraftModeAction}
+          draftModeEnabled={draftModeEnabled}
+          draftModePerspective={draftModePerspective!}
+        />
+      )}
+      {!draftModeEnabled && refreshOnMount && <RefreshOnMount />}
+      {!draftModeEnabled && refreshOnFocus && <RefreshOnFocus />}
+      {!draftModeEnabled && refreshOnReconnect && <RefreshOnReconnect />}
+    </>
+  )
+}
+SanityLive.displayName = 'SanityLive'
diff --git a/packages/next-loader/src/client-components/live/index.ts b/packages/next-loader/src/client-components/live/index.ts
new file mode 100644
index 000000000..4b5761443
--- /dev/null
+++ b/packages/next-loader/src/client-components/live/index.ts
@@ -0,0 +1,4 @@
+'use client'
+
+export type {SanityLiveProps} from './SanityLive'
+export {SanityLive as default} from './SanityLive'
diff --git a/packages/next-loader/src/constants.ts b/packages/next-loader/src/constants.ts
new file mode 100644
index 000000000..d05aa72d9
--- /dev/null
+++ b/packages/next-loader/src/constants.ts
@@ -0,0 +1,4 @@
+/**
+ * @internal
+ */
+export const perspectiveCookieName = 'sanity-perspective'
diff --git a/packages/next-loader/src/defineLive.tsx b/packages/next-loader/src/defineLive.tsx
new file mode 100644
index 000000000..401ab6bcf
--- /dev/null
+++ b/packages/next-loader/src/defineLive.tsx
@@ -0,0 +1,339 @@
+/// <reference types="next" />
+
+import {
+  type ClientPerspective,
+  type ClientReturn,
+  type ContentSourceMap,
+  type QueryParams,
+  type SanityClient,
+} from '@sanity/client'
+import SanityLiveClientComponent from '@sanity/next-loader/client-components/live'
+import SanityLiveStreamClientComponent from '@sanity/next-loader/client-components/live-stream'
+// import {handleDraftModeActionMissing} from '@sanity/next-loader/server-actions'
+// import {apiVersion} from '@sanity/preview-url-secret/constants'
+// import {validateSecret} from '@sanity/preview-url-secret/validate-secret'
+import {cookies, draftMode} from 'next/headers.js'
+import {perspectiveCookieName} from './constants'
+import {sanitizePerspective} from './utils'
+
+/**
+ * @public
+ */
+export type DefinedSanityFetchType = <const QueryString extends string>(options: {
+  query: QueryString
+  params?: QueryParams
+  perspective?: Omit<ClientPerspective, 'raw'>
+  stega?: boolean
+}) => Promise<{
+  data: ClientReturn<QueryString>
+  sourceMap: ContentSourceMap | null
+  tags: string[]
+}>
+
+/**
+ * @public
+ */
+export type DefinedSanityLiveStreamType = <const QueryString extends string>(props: {
+  query: QueryString
+  params?: QueryParams
+  perspective?: Omit<ClientPerspective, 'raw'>
+  stega?: boolean
+  children: (result: {
+    data: ClientReturn<QueryString>
+    sourceMap: ContentSourceMap | null
+    tags: string[]
+  }) => Promise<Awaited<React.ReactNode>>
+  // @TODO follow up on this after React 19: https://github.com/vercel/next.js/discussions/67365#discussioncomment-9935377
+  // }) => Promise<Awaited<React.ReactNode>>
+}) => React.ReactNode
+
+/**
+ * @public
+ */
+export interface DefinedSanityLiveProps {
+  /**
+   * Automatic refresh of RSC when the component <SanityLive /> is mounted.
+   * Note that this is different from revalidation, which is based on tags and causes `sanityFetch` calls to be re-fetched.
+   * @defaultValue `true`
+   */
+  refreshOnMount?: boolean
+  /**
+   * Automatically refresh when window gets focused
+   * Note that this is different from revalidation, which is based on tags and causes `sanityFetch` calls to be re-fetched.
+   * @defaultValue `true` if not inside an iframe
+   */
+  refreshOnFocus?: boolean
+  /**
+   * Automatically refresh when the browser regains a network connection (via navigator.onLine)
+   * Note that this is different from revalidation, which is based on tags and causes `sanityFetch` calls to be re-fetched.
+   * @defaultValue `true`
+   */
+  refreshOnReconnect?: boolean
+
+  /**
+   * Once you've checked that the `browserToken` is only Viewer rights or lower, you can set this to `true` to silence browser warnings about the token.
+   * TODO: this warning should only be necessary when `serverToken` and `browserToken` are the same value
+   */
+  ignoreBrowserTokenWarning?: boolean
+  /**
+   * Required to enable draft mode in Presentation Tool. Requires `serverToken`. Returns a string if there were an error
+   */
+  // handleDraftModeAction?: (secret: string) => Promise<void | string>
+}
+
+/**
+ * @public
+ */
+export interface DefineSanityLiveOptions {
+  /**
+   * Required for `sanityFetch` and `SanityLive` to work
+   */
+  client: SanityClient
+  /**
+   * Optional. If provided then the token needs to have permissions to query documents with `drafts.` prefixes as well as `sanity-preview-url-secret.` prefixes.
+   * This token is not shared with the browser.
+   */
+  serverToken?: string
+  /**
+   * Optional. This token is shared with the browser, and should only have access to query published documents.
+   * It is used to setup a `Live Draft Content` EventSource connection, and enables live previewing drafts stand-alone, outside of Presentation Tool.
+   */
+  browserToken?: string
+  /**
+   * Fetch options used by `sanityFetch`
+   */
+  fetchOptions?: {
+    /**
+     * Optional, enables time based revalidation in addition to the EventSource connection.
+     * @defaultValue `false`
+     */
+    revalidate?: number | false
+  }
+}
+
+// export type VerifyPreviewSecretType = (
+//   secret: string,
+// ) => Promise<{isValid: boolean; studioUrl: string | null}>
+
+/**
+ * @public
+ */
+export function defineLive(config: DefineSanityLiveOptions): {
+  sanityFetch: DefinedSanityFetchType
+  SanityLive: React.ComponentType<DefinedSanityLiveProps>
+  SanityLiveStream: DefinedSanityLiveStreamType
+  // verifyPreviewSecret: VerifyPreviewSecretType
+} {
+  const {client: _client, serverToken, browserToken, fetchOptions} = config
+
+  if (!_client) {
+    throw new Error('`client` is required for `defineLive` to function')
+  }
+
+  if (!serverToken) {
+    // eslint-disable-next-line no-console
+    console.warn(
+      'No `serverToken` provided to `defineLive`. This means that only published content will be fetched and respond to live events',
+    )
+  }
+
+  if (!browserToken) {
+    // eslint-disable-next-line no-console
+    console.warn(
+      'No `browserToken` provided to `defineLive`. This means that live previewing drafts will only work when using the Presentation Tool in your Sanity Studio. To support live previewing drafts stand-alone, provide a `browserToken`. It is shared with the browser so it should only have Viewer rights or lower',
+    )
+  }
+
+  const client = _client.withConfig({
+    allowReconfigure: false,
+    useCdn: false,
+  })
+  const {token: originalToken} = client.config()
+
+  const sanityFetch: DefinedSanityFetchType = async function sanityFetch<
+    const QueryString extends string,
+  >({
+    query,
+    params = {},
+    stega: _stega,
+    perspective: _perspective,
+  }: {
+    query: QueryString
+    params?: QueryParams
+    stega?: boolean
+    perspective?: Omit<ClientPerspective, 'raw'>
+  }) {
+    const stega = _stega ?? (await draftMode()).isEnabled
+    const perspective =
+      _perspective ??
+      ((await draftMode()).isEnabled
+        ? (await cookies()).has(perspectiveCookieName)
+          ? sanitizePerspective(
+              (await cookies()).get(perspectiveCookieName)?.value,
+              'previewDrafts',
+            )
+          : 'previewDrafts'
+        : 'published')
+
+    // fetch the tags first, with revalidate to 1s to ensure we get the latest tags, eventually
+    const {syncTags} = await client.fetch(query, params, {
+      filterResponse: false,
+      perspective: perspective as ClientPerspective,
+      stega: false,
+      returnQuery: false,
+      next: {
+        revalidate: fetchOptions?.revalidate,
+        // tags: ['sanity'],
+      },
+      tag: 'sanity.fetch-sync-tags',
+    })
+
+    const tags = ['sanity', ...(syncTags?.map((tag) => `sanity:${tag}`) || [])]
+
+    const {result, resultSourceMap} = await client.fetch(query, params, {
+      filterResponse: false,
+      perspective: perspective as ClientPerspective,
+      stega,
+      token: perspective === 'previewDrafts' && serverToken ? serverToken : originalToken,
+      next: {
+        revalidate:
+          (fetchOptions?.revalidate ?? process.env.NODE_ENV === 'production') ? false : undefined,
+        tags,
+      },
+      // this is a bit of a hack, but it works as a cache buster for now in case next.js gets "stuck" and doesn't pick up on new/changed/removed tags related to a query
+      // lastLiveEventId: syncTags?.map((tag) => tag.replace('s1:', '')).join(''),
+      // Hash the syncTags to create a consistent, short lastLiveEventId
+      lastLiveEventId: syncTags ? await hashSyncTags(syncTags) : undefined,
+    })
+    return {data: result, sourceMap: resultSourceMap || null, tags}
+  }
+  // Helper function to hash syncTags using Web Crypto
+  async function hashSyncTags(syncTags: string[]): Promise<string> {
+    const input = syncTags.map((tag) => tag.replace('s1:', '')).join('')
+    const encoder = new TextEncoder()
+    const data = encoder.encode(input)
+    const hashBuffer = await crypto.subtle.digest('SHA-256', data)
+    const hashArray = Array.from(new Uint8Array(hashBuffer))
+    const hashHex = hashArray.map((b) => b.toString(16).padStart(2, '0')).join('')
+    return hashHex.slice(0, 16)
+  }
+
+  const SanityLive: React.ComponentType<DefinedSanityLiveProps> = async function SanityLive(props) {
+    const {
+      ignoreBrowserTokenWarning = serverToken !== browserToken,
+      // handleDraftModeAction = handleDraftModeActionMissing
+      refreshOnMount,
+      refreshOnFocus,
+      refreshOnReconnect,
+    } = props
+    const {projectId, dataset, apiHost, apiVersion, useProjectHostname} = client.config()
+
+    return (
+      <SanityLiveClientComponent
+        projectId={projectId}
+        dataset={dataset}
+        apiHost={apiHost}
+        apiVersion={apiVersion}
+        useProjectHostname={useProjectHostname}
+        token={
+          typeof browserToken === 'string' && (await draftMode()).isEnabled
+            ? browserToken
+            : undefined
+        }
+        ignoreBrowserTokenWarning={ignoreBrowserTokenWarning}
+        draftModeEnabled={(await draftMode()).isEnabled}
+        // handleDraftModeAction={handleDraftModeAction}
+        draftModePerspective={
+          (await draftMode()).isEnabled
+            ? (await cookies()).has(perspectiveCookieName)
+              ? sanitizePerspective(
+                  (await cookies()).get(perspectiveCookieName)?.value,
+                  'previewDrafts',
+                )
+              : 'previewDrafts'
+            : 'published'
+        }
+        refreshOnMount={refreshOnMount}
+        refreshOnFocus={refreshOnFocus}
+        refreshOnReconnect={refreshOnReconnect}
+      />
+    )
+  }
+
+  const SanityLiveStream: DefinedSanityLiveStreamType = async function SanityLiveStream(props) {
+    const {query, params, perspective: _perspective, stega: _stega, children} = props
+    const {data, sourceMap, tags} = await sanityFetch({
+      query,
+      params,
+      perspective: _perspective,
+      stega: _stega,
+    })
+
+    if ((await draftMode()).isEnabled) {
+      const stega = _stega ?? (await draftMode()).isEnabled
+      const perspective =
+        _perspective ??
+        ((await draftMode()).isEnabled
+          ? (await cookies()).has(perspectiveCookieName)
+            ? sanitizePerspective(
+                (await cookies()).get(perspectiveCookieName)?.value,
+                'previewDrafts',
+              )
+            : 'previewDrafts'
+          : 'published')
+      const {projectId, dataset} = client.config()
+      return (
+        <SanityLiveStreamClientComponent
+          projectId={projectId}
+          dataset={dataset}
+          query={query}
+          params={params}
+          perspective={perspective}
+          stega={stega}
+          initial={children({data, sourceMap, tags})}
+          // eslint-disable-next-line react/no-children-prop, @typescript-eslint/no-explicit-any
+          children={children as unknown as any}
+        />
+      )
+    }
+
+    return <>{children({data, sourceMap, tags})}</>
+  }
+
+  // const verifyPreviewSecret: VerifyPreviewSecretType = async (secret) => {
+  //   if (!serverToken) {
+  //     throw new Error(
+  //       '`serverToken` is required to verify a preview secrets and initiate draft mode',
+  //     )
+  //   }
+
+  //   if (typeof secret !== 'string') {
+  //     throw new TypeError('`secret` must be a string')
+  //   }
+  //   if (!secret.trim()) {
+  //     throw new Error('`secret` must not be an empty string')
+  //   }
+
+  //   const client = _client.withConfig({
+  //     // Use the token that is setup to query draft documents, it should also have permission to query for secrets
+  //     token: serverToken,
+  //     // Userland might be using an API version that's too old to use perspectives
+  //     apiVersion,
+  //     // We can't use the CDN, the secret is typically validated right after it's created
+  //     useCdn: false,
+  //     // Don't waste time returning a source map, we don't need it
+  //     resultSourceMap: false,
+  //     // Stega is not needed
+  //     stega: false,
+  //   })
+  //   const {isValid, studioUrl} = await validateSecret(client, secret, false)
+  //   return {isValid, studioUrl}
+  // }
+
+  return {
+    sanityFetch,
+    SanityLive,
+    SanityLiveStream,
+    // verifyPreviewSecret
+  }
+}
diff --git a/packages/next-loader/src/hooks/context.ts b/packages/next-loader/src/hooks/context.ts
new file mode 100644
index 000000000..39589a339
--- /dev/null
+++ b/packages/next-loader/src/hooks/context.ts
@@ -0,0 +1,61 @@
+import {type LoaderControllerMsg, type LoaderNodeMsg} from '@repo/visual-editing-helpers'
+import type {ClientPerspective} from '@sanity/client'
+import {type Node} from '@sanity/comlink'
+
+/**
+ * The Sanity Client perspective used when fetching data in Draft Mode, in the `sanityFetch` calls
+ * used by React Server Components on the page. Note that some of them might set the `perspective` to a different value.
+ * This value is what's used by default.
+ * @public
+ */
+export type DraftPerspective = 'checking' | 'unknown' | ClientPerspective
+
+/** @internal */
+export const perspectiveListeners = new Set<() => void>()
+/** @internal */
+export let perspective: DraftPerspective = 'checking'
+/** @internal */
+export function setPerspective(nextPerspective: DraftPerspective): void {
+  if (perspective === nextPerspective) return
+  perspective = nextPerspective
+  for (const onPerspectiveChange of perspectiveListeners) {
+    onPerspectiveChange()
+  }
+}
+
+/**
+ *
+ * @public
+ */
+export type DraftEnvironment =
+  | 'checking'
+  | 'presentation-iframe'
+  | 'presentation-window'
+  | 'live'
+  | 'unknown'
+
+/** @internal */
+export const environmentListeners = new Set<() => void>()
+/** @internal */
+export let environment: DraftEnvironment = 'checking'
+/** @internal */
+export function setEnvironment(nextEnvironment: DraftEnvironment): void {
+  if (environment === nextEnvironment) return
+  environment = nextEnvironment
+  for (const onEnvironmentChange of environmentListeners) {
+    onEnvironmentChange()
+  }
+}
+
+/** @internal */
+export const comlinkListeners = new Set<() => void>()
+/** @internal */
+export let comlink: Node<LoaderControllerMsg, LoaderNodeMsg> | null = null
+/** @internal */
+export function setComlink(nextComlink: Node<LoaderControllerMsg, LoaderNodeMsg> | null): void {
+  if (comlink === nextComlink) return
+  comlink = nextComlink
+  for (const onComlinkChange of comlinkListeners) {
+    onComlinkChange()
+  }
+}
diff --git a/packages/next-loader/src/hooks/index.ts b/packages/next-loader/src/hooks/index.ts
new file mode 100644
index 000000000..ee2b00673
--- /dev/null
+++ b/packages/next-loader/src/hooks/index.ts
@@ -0,0 +1,5 @@
+'use client'
+
+export * from './useDraftMode'
+export type {DraftPerspective, DraftEnvironment} from './context'
+export type {ClientPerspective} from '@sanity/client'
diff --git a/packages/next-loader/src/hooks/useDraftMode.ts b/packages/next-loader/src/hooks/useDraftMode.ts
new file mode 100644
index 000000000..2b97b2fcc
--- /dev/null
+++ b/packages/next-loader/src/hooks/useDraftMode.ts
@@ -0,0 +1,51 @@
+import {useCallback, useSyncExternalStore} from 'react'
+import {
+  environment,
+  environmentListeners,
+  perspective,
+  perspectiveListeners,
+  type DraftEnvironment,
+  type DraftPerspective,
+} from './context'
+
+/**
+ * Reports the current draft mode environment.
+ * Use it to determine how to adapt the UI based on wether:
+ * - Your app is previewed in a iframe, inside Presentation Tool in a Sanity Studio.
+ * - Your app is previewed in a new window, spawned from Presentation Tool in a Sanity Studio.
+ * - Your app is live previewing drafts in a standalone context.
+ * - Your app is previewing drafts, but not live.
+ * - Your app is not previewing anything (that could be detected).
+ * @public
+ */
+export function useDraftModeEnvironment(): DraftEnvironment {
+  const subscribe = useCallback((listener: () => void) => {
+    environmentListeners.add(listener)
+    return () => environmentListeners.delete(listener)
+  }, [])
+
+  return useSyncExternalStore(
+    subscribe,
+    () => environment,
+    () => 'checking',
+  )
+}
+
+/**
+ * Reports the Sanity Client perspective used to fetch data in `sanityFetch` used on the page.
+ * If the hook is used outside Draft Mode it will resolve to `'unknown'`.
+ * If the hook is used but the `<SanityLive />` component is not present then it'll stay in `'checking'` and console warn after a timeout that it seems like you're missing the component.
+ * @public
+ */
+export function useDraftModePerspective(): DraftPerspective {
+  const subscribe = useCallback((listener: () => void) => {
+    perspectiveListeners.add(listener)
+    return () => perspectiveListeners.delete(listener)
+  }, [])
+
+  return useSyncExternalStore(
+    subscribe,
+    () => perspective,
+    () => 'checking',
+  )
+}
diff --git a/packages/next-loader/src/index.server-only.ts b/packages/next-loader/src/index.server-only.ts
new file mode 100644
index 000000000..bbecee5dc
--- /dev/null
+++ b/packages/next-loader/src/index.server-only.ts
@@ -0,0 +1,34 @@
+/* eslint-disable @typescript-eslint/no-unused-vars */
+
+/**
+ * Pages Router throws if any module is importing something with a `use server` directive.
+ * This shim allows a pages router app to import other things from `next-sanity`, like `import {defineQuery} from 'next-sanity'` without running into errors.
+ */
+
+import type {
+  DefinedSanityFetchType,
+  DefinedSanityLiveProps,
+  DefinedSanityLiveStreamType,
+  DefineSanityLiveOptions,
+} from './defineLive'
+
+/**
+ * @public
+ */
+export function defineLive(config: DefineSanityLiveOptions): {
+  sanityFetch: DefinedSanityFetchType
+  SanityLive: React.ComponentType<DefinedSanityLiveProps>
+  SanityLiveStream: DefinedSanityLiveStreamType
+} {
+  throw new Error('defineLive can only be used in React Server Components')
+}
+
+/**
+ * @public
+ */
+export type {
+  DefineSanityLiveOptions,
+  DefinedSanityFetchType,
+  DefinedSanityLiveProps,
+  DefinedSanityLiveStreamType,
+}
diff --git a/packages/next-loader/src/index.ts b/packages/next-loader/src/index.ts
new file mode 100644
index 000000000..fc0e372ff
--- /dev/null
+++ b/packages/next-loader/src/index.ts
@@ -0,0 +1 @@
+export * from './defineLive'
diff --git a/packages/next-loader/src/server-actions/index.ts b/packages/next-loader/src/server-actions/index.ts
new file mode 100644
index 000000000..4219d522f
--- /dev/null
+++ b/packages/next-loader/src/server-actions/index.ts
@@ -0,0 +1,44 @@
+'use server'
+
+import type {ClientPerspective, SyncTag} from '@sanity/client'
+import {revalidateTag} from 'next/cache.js'
+import {cookies, draftMode} from 'next/headers.js'
+import {perspectiveCookieName} from '../constants'
+import {sanitizePerspective} from '../utils'
+
+export async function disableDraftMode(): Promise<void> {
+  'use server'
+  await Promise.allSettled([
+    (await draftMode()).disable(),
+    // Simulate a delay to show the loading state
+    new Promise((resolve) => setTimeout(resolve, 1000)),
+  ])
+}
+
+export async function revalidateSyncTags(tags: SyncTag[]): Promise<void> {
+  for (const _tag of tags) {
+    const tag = `sanity:${_tag}`
+    await revalidateTag(tag)
+    // eslint-disable-next-line no-console
+    console.log(`Revalidated tag: ${tag}`)
+  }
+}
+
+export async function setPerspectiveCookie(perspective: string): Promise<void> {
+  if (!(await draftMode()).isEnabled) {
+    // throw new Error('Draft mode is not enabled, setting perspective cookie is not allowed')
+    return
+  }
+  const sanitizedPerspective = sanitizePerspective(perspective, 'previewDrafts')
+  if (perspective !== sanitizedPerspective) {
+    throw new Error(`Invalid perspective: ${perspective}`)
+  }
+
+  ;(await cookies()).set(perspectiveCookieName, perspective satisfies ClientPerspective, {
+    httpOnly: true,
+  })
+}
+
+// export async function handleDraftModeActionMissing(): Promise<void | string> {
+//   return 'The <SanityLive /> component is missing the handleDraftModeAction prop'
+// }
diff --git a/packages/next-loader/src/utils.ts b/packages/next-loader/src/utils.ts
new file mode 100644
index 000000000..1ca2ddd69
--- /dev/null
+++ b/packages/next-loader/src/utils.ts
@@ -0,0 +1,17 @@
+/* eslint-disable @typescript-eslint/explicit-module-boundary-types */
+
+import type {ClientPerspective} from '@sanity/client'
+
+/** @internal */
+export function sanitizePerspective(
+  perspective: string | undefined,
+  fallback: 'previewDrafts' | 'published',
+) {
+  switch (perspective) {
+    case 'previewDrafts':
+    case 'published':
+      return perspective satisfies ClientPerspective
+    default:
+      return fallback satisfies ClientPerspective
+  }
+}
diff --git a/packages/next-loader/tsconfig.base.json b/packages/next-loader/tsconfig.base.json
new file mode 100644
index 000000000..659b72201
--- /dev/null
+++ b/packages/next-loader/tsconfig.base.json
@@ -0,0 +1,18 @@
+{
+  "extends": "@sanity/pkg-utils/tsconfig/strictest.json",
+  "compilerOptions": {
+    "paths": {
+      "@sanity/next-loader/client-components/live": ["./src/client-components/live/index.ts"],
+      "@sanity/next-loader/client-components/live-stream": [
+        "./src/client-components/live-stream/index.ts"
+      ],
+      "@sanity/next-loader/hooks": ["./src/hooks/index.ts"],
+      "@sanity/next-loader/server-actions": ["./src/server-actions/index.ts"],
+      "@sanity/next-loader": ["./src/index"]
+    },
+    "rootDir": ".",
+    "outDir": "dist",
+    "noUnusedLocals": false,
+    "noUnusedParameters": false
+  }
+}
diff --git a/packages/next-loader/tsconfig.build.json b/packages/next-loader/tsconfig.build.json
new file mode 100644
index 000000000..627936209
--- /dev/null
+++ b/packages/next-loader/tsconfig.build.json
@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.base",
+  "compilerOptions": {
+    "rootDir": "src"
+  },
+  "include": ["src/**/*.ts", "src/**/*.tsx"],
+  "exclude": ["dist", "node_modules"]
+}
diff --git a/packages/next-loader/tsconfig.json b/packages/next-loader/tsconfig.json
new file mode 100644
index 000000000..9426a7d6c
--- /dev/null
+++ b/packages/next-loader/tsconfig.json
@@ -0,0 +1,8 @@
+{
+  "extends": "./tsconfig.base",
+  "include": [
+    "**/*.ts",
+    "**/*.tsx"
+  ],
+  "exclude": ["dist", "node_modules"]
+}
diff --git a/packages/next-loader/turbo.json b/packages/next-loader/turbo.json
new file mode 100644
index 000000000..ce1cc5c6e
--- /dev/null
+++ b/packages/next-loader/turbo.json
@@ -0,0 +1,13 @@
+{
+  "$schema": "https://turbo.build/schema.json",
+  "extends": ["//"],
+  "tasks": {
+    "build": {
+      "env": ["NODE_ENV"]
+    },
+    "dev": {
+      "env": ["NODE_ENV"],
+      "persistent": false
+    }
+  }
+}
diff --git a/packages/next-loader/vitest.config.ts b/packages/next-loader/vitest.config.ts
new file mode 100644
index 000000000..b94ac31fc
--- /dev/null
+++ b/packages/next-loader/vitest.config.ts
@@ -0,0 +1,9 @@
+import {defineConfig} from 'vitest/config'
+
+export default defineConfig({
+  test: {
+    typecheck: {
+      tsconfig: 'tsconfig.build.json',
+    },
+  },
+})
diff --git a/packages/presentation/package.config.ts b/packages/presentation/package.config.ts
index 76bf6c7c7..a0416ff4d 100644
--- a/packages/presentation/package.config.ts
+++ b/packages/presentation/package.config.ts
@@ -3,5 +3,9 @@ import {defineConfig} from '@sanity/pkg-utils'
 
 export default defineConfig({
   ...baseConfig,
+  minify: false,
   external: ['@sanity/ui', 'react', 'react-dom', 'sanity', 'styled-components'],
+  define: {
+    PRESENTATION_ENABLE_QRCODE: process.env['PRESENTATION_ENABLE_QRCODE'],
+  },
 })
diff --git a/packages/presentation/package.json b/packages/presentation/package.json
index 3edf49c81..dced3e49a 100644
--- a/packages/presentation/package.json
+++ b/packages/presentation/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sanity/presentation",
-  "version": "1.16.5",
+  "version": "1.16.6-canary.64",
   "homepage": "https://github.com/sanity-io/visual-editing/tree/main/packages/presentation#readme",
   "bugs": {
     "url": "https://github.com/sanity-io/visual-editing/issues"
@@ -34,71 +34,22 @@
   "scripts": {
     "build": "pkg build --strict --check --clean",
     "dev": "pkg build --strict",
-    "lint": "eslint .",
+    "lint": "eslint --cache .",
     "prepack": "turbo run build",
     "test": "vitest --typecheck"
   },
   "browserslist": "extends @sanity/browserslist-config",
-  "prettier": "@sanity/prettier-config",
+  "prettier": "@repo/prettier-config",
   "eslintConfig": {
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-      "ecmaFeatures": {
-        "jsx": true
-      },
-      "ecmaVersion": 2018,
-      "sourceType": "module"
-    },
-    "settings": {
-      "react": {
-        "version": "detect"
-      }
-    },
-    "plugins": [
-      "@typescript-eslint",
-      "react",
-      "react-hooks",
-      "simple-import-sort",
-      "prettier"
-    ],
     "extends": [
-      "plugin:react/recommended",
-      "plugin:react-hooks/recommended",
-      "plugin:react/jsx-runtime",
-      "eslint:recommended",
-      "plugin:prettier/recommended",
-      "plugin:@typescript-eslint/eslint-recommended",
-      "plugin:@typescript-eslint/recommended"
+      "@repo/eslint-config"
     ],
-    "rules": {
-      "no-console": "error",
-      "no-warning-comments": [
-        "warn",
-        {
-          "location": "start",
-          "terms": [
-            "todo",
-            "@todo",
-            "fixme"
-          ]
-        }
-      ],
-      "@typescript-eslint/explicit-module-boundary-types": "error",
-      "@typescript-eslint/member-delimiter-style": "off",
-      "@typescript-eslint/no-empty-interface": "off",
-      "@typescript-eslint/no-explicit-any": "warn",
-      "prettier/prettier": "warn",
-      "react-hooks/exhaustive-deps": "error",
-      "react-hooks/rules-of-hooks": "error",
-      "react/prop-types": "off",
-      "simple-import-sort/exports": "warn",
-      "simple-import-sort/imports": "warn"
-    },
     "root": true
   },
   "dependencies": {
+    "@sanity/comlink": "workspace:*",
     "@sanity/icons": "^3.4.0",
-    "@sanity/preview-url-secret": "workspace:^",
+    "@sanity/preview-url-secret": "workspace:*",
     "@sanity/ui": "^2.8.9",
     "@sanity/uuid": "3.0.2",
     "@types/lodash.isequal": "^4.5.8",
@@ -108,27 +59,31 @@
     "lodash.isequal": "^4.5.0",
     "mendoza": "3.0.7",
     "mnemonist": "0.39.8",
-    "path-to-regexp": "^6.2.2",
+    "path-to-regexp": "^6.3.0",
+    "qrcode.react": "4.0.1",
     "rxjs": "^7.8.1",
-    "suspend-react": "0.1.3"
+    "suspend-react": "0.1.3",
+    "use-effect-event": "^1.0.2"
   },
   "devDependencies": {
-    "@repo/channels": "workspace:*",
+    "@repo/eslint-config": "workspace:*",
     "@repo/package.config": "workspace:*",
+    "@repo/prettier-config": "workspace:*",
     "@repo/visual-editing-helpers": "workspace:*",
-    "@sanity/client": "^6.21.3",
-    "@sanity/pkg-utils": "6.11.1",
+    "@sanity/client": "^6.22.1",
+    "@sanity/pkg-utils": "6.11.3",
     "@types/lodash.get": "^4.4.9",
-    "happy-dom": "^15.7.3",
+    "eslint": "^8.57.1",
+    "happy-dom": "^15.7.4",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
-    "sanity": "^3.57.2",
+    "sanity": "^3.61.0",
     "styled-components": "6.1.13",
-    "typescript": "5.6.2",
-    "vitest": "^2.0.5"
+    "typescript": "5.6.3",
+    "vitest": "^2.1.3"
   },
   "peerDependencies": {
-    "@sanity/client": "^6.21.3"
+    "@sanity/client": "^6.22.1"
   },
   "engines": {
     "node": ">=16.14"
diff --git a/packages/presentation/src/PresentationContent.tsx b/packages/presentation/src/PresentationContent.tsx
index ae9d61eaa..25cde8ee8 100644
--- a/packages/presentation/src/PresentationContent.tsx
+++ b/packages/presentation/src/PresentationContent.tsx
@@ -5,9 +5,8 @@ import {
   type SetStateAction,
 } from 'react'
 import type {Path, SanityDocument} from 'sanity'
-
 import {ContentEditor} from './editor/ContentEditor'
-import {type CommentIntentGetter, CommentsIntentProvider} from './internals'
+import {CommentsIntentProvider, type CommentIntentGetter} from './internals'
 import {DisplayedDocumentBroadcasterProvider} from './loader/DisplayedDocumentBroadcaster'
 import {Panel} from './panels/Panel'
 import {PanelResizer} from './panels/PanelResizer'
diff --git a/packages/presentation/src/PresentationContext.ts b/packages/presentation/src/PresentationContext.ts
index cfe00d32d..e75977516 100644
--- a/packages/presentation/src/PresentationContext.ts
+++ b/packages/presentation/src/PresentationContext.ts
@@ -1,5 +1,4 @@
 import {createContext} from 'react'
-
 import type {
   PresentationNavigate,
   PresentationParams,
diff --git a/packages/presentation/src/PresentationNavigateProvider.tsx b/packages/presentation/src/PresentationNavigateProvider.tsx
index 2f1dc5a97..294b648c3 100644
--- a/packages/presentation/src/PresentationNavigateProvider.tsx
+++ b/packages/presentation/src/PresentationNavigateProvider.tsx
@@ -1,5 +1,4 @@
-import {type FunctionComponent, type PropsWithChildren, useCallback} from 'react'
-
+import {useCallback, type FunctionComponent, type PropsWithChildren} from 'react'
 import {
   PresentationNavigateContext,
   type PresentationNavigateContextValue,
diff --git a/packages/presentation/src/PresentationNavigator.tsx b/packages/presentation/src/PresentationNavigator.tsx
index 23aa18a78..eb6a4e84a 100644
--- a/packages/presentation/src/PresentationNavigator.tsx
+++ b/packages/presentation/src/PresentationNavigator.tsx
@@ -1,5 +1,4 @@
 import {memo, useCallback, useMemo} from 'react'
-
 import {Panel} from './panels/Panel'
 import {PanelResizer} from './panels/PanelResizer'
 import type {NavigatorOptions} from './types'
diff --git a/packages/presentation/src/PresentationParamsContext.ts b/packages/presentation/src/PresentationParamsContext.ts
index 2fbc12f9f..5e378df80 100644
--- a/packages/presentation/src/PresentationParamsContext.ts
+++ b/packages/presentation/src/PresentationParamsContext.ts
@@ -1,5 +1,4 @@
 import {createContext} from 'react'
-
 import type {PresentationParams} from './types'
 
 export const PresentationParamsContext = createContext<PresentationParams | null>(null)
diff --git a/packages/presentation/src/PresentationParamsProvider.tsx b/packages/presentation/src/PresentationParamsProvider.tsx
index 3ae364dc4..ab6b420de 100644
--- a/packages/presentation/src/PresentationParamsProvider.tsx
+++ b/packages/presentation/src/PresentationParamsProvider.tsx
@@ -1,5 +1,4 @@
-import {type FunctionComponent, type PropsWithChildren, useMemo} from 'react'
-
+import {useMemo, type FunctionComponent, type PropsWithChildren} from 'react'
 import {PresentationParamsContext} from './PresentationParamsContext'
 import type {PresentationParams} from './types'
 
diff --git a/packages/presentation/src/PresentationProvider.tsx b/packages/presentation/src/PresentationProvider.tsx
index 661acdd06..63fb694f2 100644
--- a/packages/presentation/src/PresentationProvider.tsx
+++ b/packages/presentation/src/PresentationProvider.tsx
@@ -1,5 +1,4 @@
-import {type FunctionComponent, type PropsWithChildren, useMemo} from 'react'
-
+import {useMemo, type FunctionComponent, type PropsWithChildren} from 'react'
 import {PresentationContext, type PresentationContextValue} from './PresentationContext'
 import type {
   PresentationNavigate,
diff --git a/packages/presentation/src/PresentationSpinner.tsx b/packages/presentation/src/PresentationSpinner.tsx
new file mode 100644
index 000000000..f319c7bcb
--- /dev/null
+++ b/packages/presentation/src/PresentationSpinner.tsx
@@ -0,0 +1,9 @@
+import {Flex, Spinner} from '@sanity/ui'
+
+export function PresentationSpinner(): React.JSX.Element {
+  return (
+    <Flex align="center" direction="column" height="fill" justify="center" style={{width: '100%'}}>
+      <Spinner />
+    </Flex>
+  )
+}
diff --git a/packages/presentation/src/PresentationTool.tsx b/packages/presentation/src/PresentationTool.tsx
index 0c92c7696..91aa797ab 100644
--- a/packages/presentation/src/PresentationTool.tsx
+++ b/packages/presentation/src/PresentationTool.tsx
@@ -1,20 +1,21 @@
-import {type ChannelsController, type ChannelStatus, createChannelsController} from '@repo/channels'
 import {
-  getQueryCacheKey,
+  createCompatibilityActors,
   isAltKey,
   isHotkey,
-  type LoaderMsg,
-  type OverlayMsg,
-  type PresentationMsg,
-  type PreviewKitMsg,
-  type VisualEditingConnectionIds,
-  type VisualEditingMsg,
+  type PreviewKitNodeMsg,
+  type VisualEditingControllerMsg,
+  type VisualEditingNodeMsg,
 } from '@repo/visual-editing-helpers'
 import {studioPath} from '@sanity/client/csm'
+import {
+  createChannelMachine,
+  createController,
+  type Controller,
+  type Message,
+} from '@sanity/comlink'
 import {BoundaryElementProvider, Flex} from '@sanity/ui'
 import {
   lazy,
-  type ReactElement,
   Suspense,
   useCallback,
   useEffect,
@@ -22,18 +23,13 @@ import {
   useReducer,
   useRef,
   useState,
+  type ReactElement,
 } from 'react'
-import {type Path, type SanityDocument, type Tool, useDataset, useProjectId} from 'sanity'
-import {type RouterContextValue, useRouter} from 'sanity/router'
+import {useDataset, useProjectId, type Path, type SanityDocument, type Tool} from 'sanity'
+import {useRouter, type RouterContextValue} from 'sanity/router'
 import {styled} from 'styled-components'
-
-import {
-  COMMENTS_INSPECTOR_NAME,
-  DEFAULT_TOOL_NAME,
-  EDIT_INTENT_MODE,
-  MIN_LOADER_QUERY_LISTEN_HEARTBEAT_INTERVAL,
-} from './constants'
-import {type CommentIntentGetter, useUnique, useWorkspace} from './internals'
+import {COMMENTS_INSPECTOR_NAME, DEFAULT_TOOL_NAME, EDIT_INTENT_MODE} from './constants'
+import {useUnique, useWorkspace, type CommentIntentGetter} from './internals'
 import {debounce} from './lib/debounce'
 import {Panel} from './panels/Panel'
 import {Panels} from './panels/Panels'
@@ -53,22 +49,25 @@ import {
 import {RevisionSwitcher} from './RevisionSwitcher'
 import type {
   FrameState,
-  LiveQueriesState,
-  LiveQueriesStateValue,
   PresentationNavigate,
   PresentationPerspective,
   PresentationPluginOptions,
   PresentationStateParams,
   PresentationViewport,
   StructureDocumentPaneParams,
+  VisualEditingConnection,
 } from './types'
 import {useDocumentsOnPage} from './useDocumentsOnPage'
 import {useMainDocument} from './useMainDocument'
 import {useParams} from './useParams'
 import {usePreviewUrl} from './usePreviewUrl'
+import {useStatus} from './useStatus'
 
 const LoaderQueries = lazy(() => import('./loader/LoaderQueries'))
+const PostMessageDocuments = lazy(() => import('./overlays/PostMessageDocuments'))
 const PostMessageRefreshMutations = lazy(() => import('./editor/PostMessageRefreshMutations'))
+const PostMessagePreviewSnapshots = lazy(() => import('./editor/PostMessagePreviewSnapshots'))
+const PostMessageSchema = lazy(() => import('./overlays/schema/PostMessageSchema'))
 
 const Container = styled(Flex)`
   overflow-x: auto;
@@ -76,9 +75,11 @@ const Container = styled(Flex)`
 
 export default function PresentationTool(props: {
   tool: Tool<PresentationPluginOptions>
+  canCreateUrlPreviewSecrets: boolean
 }): ReactElement {
-  const {previewUrl: _previewUrl, components} = props.tool.options ?? {}
-  const name = props.tool.name || DEFAULT_TOOL_NAME
+  const {canCreateUrlPreviewSecrets, tool} = props
+  const {previewUrl: _previewUrl, components} = tool.options ?? {}
+  const name = tool.name || DEFAULT_TOOL_NAME
   const {unstable_navigator} = components || {}
 
   const {navigate: routerNavigate, state: routerState} = useRouter() as RouterContextValue & {
@@ -90,10 +91,11 @@ export default function PresentationTool(props: {
     _previewUrl || '/',
     name,
     routerSearchParams['preview'] || null,
+    canCreateUrlPreviewSecrets,
   )
 
   const [devMode] = useState(() => {
-    const option = props.tool.options?.devMode
+    const option = tool.options?.devMode
 
     if (typeof option === 'function') return option()
     if (typeof option === 'boolean') return option
@@ -107,10 +109,10 @@ export default function PresentationTool(props: {
 
   const iframeRef = useRef<HTMLIFrameElement>(null)
 
-  const [channel, setChannel] =
-    useState<ChannelsController<VisualEditingConnectionIds, PresentationMsg | LoaderMsg>>()
-
-  const [liveQueries, setLiveQueries] = useState<LiveQueriesState>({})
+  const [controller, setController] = useState<Controller>()
+  const [visualEditingComlink, setVisualEditingComlink] = useState<VisualEditingConnection | null>(
+    null,
+  )
 
   const frameStateRef = useRef<FrameState>({
     title: undefined,
@@ -153,13 +155,16 @@ export default function PresentationTool(props: {
     navigate: _navigate,
     navigationHistory,
     path: params.preview,
-    previewUrl: props.tool.options?.previewUrl,
-    resolvers: props.tool.options?.resolve?.mainDocuments,
+    previewUrl: tool.options?.previewUrl,
+    resolvers: tool.options?.resolve?.mainDocuments,
   })
 
-  const [overlaysConnection, setOverlaysConnection] = useState<ChannelStatus>('connecting')
-  const [loadersConnection, setLoadersConnection] = useState<ChannelStatus>('connecting')
-  const [previewKitConnection, setPreviewKitConnection] = useState<ChannelStatus>('connecting')
+  // const [overlaysConnection, setOverlaysConnection] = useState<Status>('connecting')
+  const [overlaysConnection, setOverlaysConnection] = useStatus()
+  // const [loadersConnection, setLoadersConnection] = useState<Status>('connecting')
+  const [loadersConnection, setLoadersConnection] = useStatus()
+  // const [previewKitConnection, setPreviewKitConnection] = useState<Status>('connecting')
+  const [previewKitConnection, setPreviewKitConnection] = useStatus()
 
   const [popups] = useState<Set<Window>>(() => new Set())
   const handleOpenPopup = useCallback(
@@ -173,170 +178,137 @@ export default function PresentationTool(props: {
   )
 
   useEffect(() => {
-    if (popups.size && channel) {
-      // loop popups and call channel.addSource
+    const target = iframeRef.current?.contentWindow
+
+    if (!target) return
+
+    const controller = createController({targetOrigin})
+    controller.addTarget(target)
+    setController(controller)
+
+    return () => {
+      controller.destroy()
+      setController(undefined)
+    }
+  }, [targetOrigin])
+
+  useEffect(() => {
+    const unsubs: Array<() => void> = []
+    if (popups.size && controller) {
+      // loop popups and add targets
       for (const source of popups) {
         if (source && 'closed' in source && !source.closed) {
-          channel.addSource(source)
+          unsubs.push(controller.addTarget(source))
         }
       }
     }
-  }, [channel, popups, popups.size])
+    return () => {
+      unsubs.forEach((unsub) => unsub())
+    }
+  }, [controller, popups, popups.size])
 
   useEffect(() => {
-    const target = iframeRef.current?.contentWindow
+    if (!controller) return
+
+    const comlink = controller.createConnection<VisualEditingNodeMsg, VisualEditingControllerMsg>(
+      {
+        name: 'presentation',
+        heartbeat: true,
+        connectTo: 'visual-editing',
+      },
+      createChannelMachine<VisualEditingNodeMsg, VisualEditingControllerMsg>().provide({
+        actors: createCompatibilityActors<VisualEditingControllerMsg>(),
+      }),
+    )
 
-    if (!target) return
+    comlink.on('visual-editing/focus', (data) => {
+      if (!('id' in data)) return
+      navigate({
+        type: data.type,
+        id: data.id,
+        path: data.path,
+      })
+    })
 
-    const nextChannel = createChannelsController<
-      VisualEditingConnectionIds,
-      PresentationMsg | LoaderMsg,
-      LoaderMsg | OverlayMsg | VisualEditingMsg | PreviewKitMsg
-    >({
-      id: 'presentation',
-      target,
-      targetOrigin,
-      connectTo: [
-        {
-          id: 'overlays',
-          heartbeat: true,
-          onStatusUpdate: setOverlaysConnection,
-          onEvent(type, data) {
-            if ((type === 'visual-editing/focus' || type === 'overlay/focus') && 'id' in data) {
-              navigate({
-                type: data.type,
-                id: data.id,
-                path: data.path,
-              })
-            } else if (type === 'visual-editing/navigate' || type === 'overlay/navigate') {
-              const {title, url} = data
-              if (frameStateRef.current.url !== url) {
-                navigate({}, {preview: url})
-              }
-              frameStateRef.current = {title, url}
-            } else if (type === 'visual-editing/meta') {
-              frameStateRef.current.title = data.title
-            } else if (type === 'visual-editing/toggle' || type === 'overlay/toggle') {
-              dispatch({
-                type: ACTION_VISUAL_EDITING_OVERLAYS_TOGGLE,
-                enabled: data.enabled,
-              })
-            } else if (type === 'visual-editing/documents') {
-              setDocumentsOnPage(
-                'visual-editing',
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                data.perspective as unknown as any,
-                data.documents,
-              )
-            } else if (type === 'visual-editing/refreshing' && data.source === 'manual') {
-              clearTimeout(refreshRef.current)
-            } else if (type === 'visual-editing/refreshing' && data.source === 'mutation') {
-              dispatch({type: ACTION_IFRAME_REFRESH})
-            } else if (type === 'visual-editing/refreshed') {
-              dispatch({type: ACTION_IFRAME_LOADED})
-            }
-          },
-        },
-        {
-          id: 'loaders',
-          heartbeat: true,
-          onStatusUpdate: setLoadersConnection,
-          onEvent(type, data) {
-            if (
-              type === 'loader/documents' &&
-              data.projectId === projectId &&
-              data.dataset === dataset
-            ) {
-              setDocumentsOnPage(
-                'loaders',
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                data.perspective as unknown as any,
-                data.documents,
-              )
-            } else if (
-              type === 'loader/query-listen' &&
-              data.projectId === projectId &&
-              data.dataset === dataset
-            ) {
-              if (
-                typeof data.heartbeat === 'number' &&
-                data.heartbeat < MIN_LOADER_QUERY_LISTEN_HEARTBEAT_INTERVAL
-              ) {
-                throw new Error(
-                  `Loader query listen heartbeat interval must be at least ${MIN_LOADER_QUERY_LISTEN_HEARTBEAT_INTERVAL}ms`,
-                )
-              }
-              setLiveQueries((prev) => ({
-                ...prev,
-                [getQueryCacheKey(data.query, data.params)]: {
-                  perspective: data.perspective,
-                  query: data.query,
-                  params: data.params,
-                  receivedAt: Date.now(),
-                  heartbeat: data.heartbeat ?? false,
-                } satisfies LiveQueriesStateValue,
-              }))
-            }
-          },
-        },
-        {
-          id: 'preview-kit',
-          heartbeat: true,
-          onStatusUpdate: setPreviewKitConnection,
-          onEvent(type, data) {
-            if (
-              type === 'preview-kit/documents' &&
-              data.projectId === projectId &&
-              data.dataset === dataset
-            ) {
-              setDocumentsOnPage(
-                'preview-kit',
-                // eslint-disable-next-line @typescript-eslint/no-explicit-any
-                data.perspective as unknown as any,
-                data.documents,
-              )
-            }
-          },
-        },
-      ],
+    comlink.on('visual-editing/navigate', (data) => {
+      const {title, url} = data
+      if (frameStateRef.current.url !== url) {
+        navigate({}, {preview: url})
+      }
+      frameStateRef.current = {title, url}
+    })
+
+    comlink.on('visual-editing/meta', (data) => {
+      frameStateRef.current.title = data.title
     })
-    setChannel(nextChannel)
+
+    comlink.on('visual-editing/toggle', (data) => {
+      dispatch({
+        type: ACTION_VISUAL_EDITING_OVERLAYS_TOGGLE,
+        enabled: data.enabled,
+      })
+    })
+
+    comlink.on('visual-editing/documents', (data) => {
+      setDocumentsOnPage(
+        'visual-editing',
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        data.perspective as unknown as any,
+        data.documents,
+      )
+    })
+
+    comlink.on('visual-editing/refreshing', (data) => {
+      if (data.source === 'manual') {
+        clearTimeout(refreshRef.current)
+      } else if (data.source === 'mutation') {
+        dispatch({type: ACTION_IFRAME_REFRESH})
+      }
+    })
+
+    comlink.on('visual-editing/refreshed', () => {
+      dispatch({type: ACTION_IFRAME_LOADED})
+    })
+
+    comlink.onStatus(setOverlaysConnection)
+
+    const stop = comlink.start()
+    setVisualEditingComlink(comlink)
 
     return () => {
-      nextChannel.destroy()
-      setChannel(undefined)
+      stop()
+      setVisualEditingComlink(null)
     }
-  }, [dataset, projectId, setDocumentsOnPage, navigate, targetOrigin])
+  }, [controller, navigate, setDocumentsOnPage, setOverlaysConnection, targetOrigin])
 
   useEffect(() => {
-    const interval = setInterval(
-      () =>
-        setLiveQueries((liveQueries) => {
-          if (Object.keys(liveQueries).length < 1) {
-            return liveQueries
-          }
-
-          const now = Date.now()
-          const hasAnyExpired = Object.values(liveQueries).some(
-            (liveQuery) =>
-              liveQuery.heartbeat !== false && now > liveQuery.receivedAt + liveQuery.heartbeat,
-          )
-          if (!hasAnyExpired) {
-            return liveQueries
-          }
-          const next = {} as LiveQueriesState
-          for (const [key, value] of Object.entries(liveQueries)) {
-            if (value.heartbeat !== false && now > value.receivedAt + value.heartbeat) {
-              continue
-            }
-            next[key] = value
-          }
-          return next
-        }),
-      MIN_LOADER_QUERY_LISTEN_HEARTBEAT_INTERVAL,
+    if (!controller) return
+    const comlink = controller.createConnection<PreviewKitNodeMsg, Message>(
+      {
+        name: 'presentation',
+        connectTo: 'preview-kit',
+        heartbeat: true,
+      },
+      createChannelMachine<PreviewKitNodeMsg, Message>().provide({
+        actors: createCompatibilityActors(),
+      }),
     )
-    return () => clearInterval(interval)
-  }, [])
+
+    comlink.onStatus(setPreviewKitConnection)
+
+    comlink.on('preview-kit/documents', (data) => {
+      if (data.projectId === projectId && data.dataset === dataset) {
+        setDocumentsOnPage(
+          'preview-kit',
+          // eslint-disable-next-line @typescript-eslint/no-explicit-any
+          data.perspective as unknown as any,
+          data.documents,
+        )
+      }
+    })
+
+    return comlink.start()
+  }, [controller, dataset, projectId, setDocumentsOnPage, setPreviewKitConnection, targetOrigin])
 
   const handleFocusPath = useCallback(
     (nextPath: Path) => {
@@ -366,22 +338,23 @@ export default function PresentationTool(props: {
 
   // Dispatch a perspective message when the perspective changes
   useEffect(() => {
-    channel?.send('overlays', 'presentation/perspective', {
-      perspective: perspective,
+    visualEditingComlink?.post({
+      type: 'presentation/perspective',
+      data: {perspective},
     })
-  }, [channel, perspective])
+  }, [perspective, visualEditingComlink])
 
   // Dispatch a focus or blur message when the id or path change
   useEffect(() => {
     if (params.id && params.path) {
-      channel?.send('overlays', 'presentation/focus', {
-        id: params.id,
-        path: params.path,
+      visualEditingComlink?.post({
+        type: 'presentation/focus',
+        data: {id: params.id, path: params.path},
       })
     } else {
-      channel?.send('overlays', 'presentation/blur', undefined)
+      visualEditingComlink?.post({type: 'presentation/blur', data: undefined})
     }
-  }, [channel, params.id, params.path])
+  }, [params.id, params.path, visualEditingComlink])
 
   // Dispatch a navigation message when the preview param changes
   useEffect(() => {
@@ -394,17 +367,20 @@ export default function PresentationTool(props: {
       if (overlaysConnection !== 'connected' && iframeRef.current) {
         iframeRef.current.src = `${targetOrigin}${params.preview}`
       } else {
-        channel?.send('overlays', 'presentation/navigate', {
-          url: params.preview,
-          type: 'replace',
+        visualEditingComlink?.post({
+          type: 'presentation/navigate',
+          data: {
+            url: params.preview,
+            type: 'replace',
+          },
         })
       }
     }
-  }, [channel, overlaysConnection, targetOrigin, params.preview])
+  }, [overlaysConnection, targetOrigin, params.preview, visualEditingComlink])
 
   const toggleOverlay = useCallback(
-    () => channel?.send('overlays', 'presentation/toggleOverlay', undefined),
-    [channel],
+    () => visualEditingComlink?.post({type: 'presentation/toggle-overlay', data: undefined}),
+    [visualEditingComlink],
   )
 
   const [displayedDocument, setDisplayedDocument] = useState<
@@ -453,19 +429,22 @@ export default function PresentationTool(props: {
   const handleRefresh = useCallback(
     (fallback: () => void) => {
       dispatch({type: ACTION_IFRAME_REFRESH})
-      if (channel) {
+      if (visualEditingComlink) {
         // We only wait 300ms for the iframe to ack the refresh request before running the fallback logic
         refreshRef.current = window.setTimeout(fallback, 300)
-        channel.send('overlays', 'presentation/refresh', {
-          source: 'manual',
-          livePreviewEnabled:
-            previewKitConnection === 'connected' || loadersConnection === 'connected',
+        visualEditingComlink.post({
+          type: 'presentation/refresh',
+          data: {
+            source: 'manual',
+            livePreviewEnabled:
+              previewKitConnection === 'connected' || loadersConnection === 'connected',
+          },
         })
         return
       }
       fallback()
     },
-    [channel, loadersConnection, previewKitConnection],
+    [loadersConnection, previewKitConnection, visualEditingComlink],
   )
 
   const workspace = useWorkspace()
@@ -576,21 +555,22 @@ export default function PresentationTool(props: {
           </PresentationParamsProvider>
         </PresentationNavigateProvider>
       </PresentationProvider>
-      {channel && (
+      {controller && (
         <Suspense>
           <LoaderQueries
-            channel={channel}
-            liveQueries={liveQueries}
+            controller={controller}
             perspective={perspective}
             liveDocument={displayedDocument}
+            onDocumentsOnPage={setDocumentsOnPage}
+            onLoadersConnection={setLoadersConnection}
             documentsOnPage={documentsOnPage}
           />
         </Suspense>
       )}
-      {channel && params.id && params.type && (
+      {visualEditingComlink && params.id && params.type && (
         <Suspense>
           <PostMessageRefreshMutations
-            channel={channel}
+            comlink={visualEditingComlink}
             id={params.id}
             type={params.type}
             loadersConnection={loadersConnection}
@@ -598,6 +578,21 @@ export default function PresentationTool(props: {
           />
         </Suspense>
       )}
+      {visualEditingComlink && (
+        <Suspense>
+          <PostMessageSchema comlink={visualEditingComlink} perspective={perspective} />
+        </Suspense>
+      )}
+      {visualEditingComlink && documentsOnPage.length > 0 && (
+        <Suspense>
+          <PostMessagePreviewSnapshots comlink={visualEditingComlink} refs={documentsOnPage} />
+        </Suspense>
+      )}
+      {visualEditingComlink && (
+        <Suspense>
+          <PostMessageDocuments comlink={visualEditingComlink} />
+        </Suspense>
+      )}
       {params.id && params.type && (
         <RevisionSwitcher
           documentId={params.id}
diff --git a/packages/presentation/src/PresentationToolGrantsCheck.tsx b/packages/presentation/src/PresentationToolGrantsCheck.tsx
new file mode 100644
index 000000000..4502d5902
--- /dev/null
+++ b/packages/presentation/src/PresentationToolGrantsCheck.tsx
@@ -0,0 +1,66 @@
+import {schemaIdPrefix, schemaIdSingleton, schemaType} from '@sanity/preview-url-secret/constants'
+import {useToast} from '@sanity/ui'
+import {uuid} from '@sanity/uuid'
+import {useEffect, useState, type ReactElement} from 'react'
+import {useGrantsStore, useTranslation, type PermissionCheckResult, type Tool} from 'sanity'
+import {presentationLocaleNamespace} from './i18n'
+import {PresentationSpinner} from './PresentationSpinner'
+import PresentationTool from './PresentationTool'
+import type {PresentationPluginOptions} from './types'
+
+export default function PresentationToolGrantsCheck(props: {
+  tool: Tool<PresentationPluginOptions>
+}): ReactElement {
+  const {t} = useTranslation(presentationLocaleNamespace)
+  const {previewUrl} = props.tool.options ?? {}
+  const {push: pushToast} = useToast()
+  const willGeneratePreviewUrlSecret =
+    typeof previewUrl === 'object' || typeof previewUrl === 'function'
+  const grantsStore = useGrantsStore()
+  const [draftPermission, setDraftPermission] = useState<PermissionCheckResult | null>(null)
+  const [previewUrlSecretPermission, setPreviewUrlSecretPermission] =
+    useState<PermissionCheckResult | null>(null)
+
+  useEffect(() => {
+    if (!willGeneratePreviewUrlSecret) return undefined
+
+    const draftPermissionSubscription = grantsStore
+      .checkDocumentPermission('create', {_id: schemaIdSingleton, _type: schemaType})
+      .subscribe(setDraftPermission)
+    const previewUrlSecretPermissionSubscription = grantsStore
+      .checkDocumentPermission('create', {_id: `${schemaIdPrefix}.${uuid()}`, _type: schemaType})
+      .subscribe(setPreviewUrlSecretPermission)
+
+    return () => {
+      draftPermissionSubscription.unsubscribe()
+      previewUrlSecretPermissionSubscription.unsubscribe()
+    }
+  }, [grantsStore, willGeneratePreviewUrlSecret])
+
+  const canCreateUrlPreviewSecrets = draftPermission?.granted && previewUrlSecretPermission?.granted
+
+  useEffect(() => {
+    if (!willGeneratePreviewUrlSecret || canCreateUrlPreviewSecrets !== false) return undefined
+    const raf = requestAnimationFrame(() =>
+      pushToast({
+        closable: true,
+        status: 'error',
+        duration: 30_000,
+        title: t('preview-url-secret.missing-grants'),
+      }),
+    )
+    return () => cancelAnimationFrame(raf)
+  }, [canCreateUrlPreviewSecrets, pushToast, t, willGeneratePreviewUrlSecret])
+
+  if (
+    willGeneratePreviewUrlSecret &&
+    (!draftPermission ||
+      typeof draftPermission.granted === 'undefined' ||
+      !previewUrlSecretPermission ||
+      typeof previewUrlSecretPermission.granted === 'undefined')
+  ) {
+    return <PresentationSpinner />
+  }
+
+  return <PresentationTool {...props} canCreateUrlPreviewSecrets={canCreateUrlPreviewSecrets!} />
+}
diff --git a/packages/presentation/src/RevisionSwitcher.tsx b/packages/presentation/src/RevisionSwitcher.tsx
index a3eb5347d..ed56d69dc 100644
--- a/packages/presentation/src/RevisionSwitcher.tsx
+++ b/packages/presentation/src/RevisionSwitcher.tsx
@@ -1,5 +1,4 @@
 import {type FunctionComponent} from 'react'
-
 import {useEditState} from './internals'
 import type {PresentationNavigate} from './types'
 import {useEffectOnChange} from './util/useEffectOnChange'
diff --git a/packages/presentation/src/components/ErrorCard.tsx b/packages/presentation/src/components/ErrorCard.tsx
index 55132a32d..444e89c17 100644
--- a/packages/presentation/src/components/ErrorCard.tsx
+++ b/packages/presentation/src/components/ErrorCard.tsx
@@ -1,7 +1,6 @@
-import {Box, Button, Card, type CardProps, Container, Flex, Inline, Stack, Text} from '@sanity/ui'
+import {Box, Button, Card, Container, Flex, Inline, Stack, Text, type CardProps} from '@sanity/ui'
 import type {ReactElement, ReactNode} from 'react'
 import {useTranslation} from 'sanity'
-
 import {presentationLocaleNamespace} from '../i18n'
 
 export function ErrorCard(
diff --git a/packages/presentation/src/components/Resizable.tsx b/packages/presentation/src/components/Resizable.tsx
index 6a0e53312..abcc8a3eb 100644
--- a/packages/presentation/src/components/Resizable.tsx
+++ b/packages/presentation/src/components/Resizable.tsx
@@ -1,15 +1,14 @@
 import {Box, type BoxProps} from '@sanity/ui'
 import {
-  type FunctionComponent,
-  type HTMLProps,
   useCallback,
   useEffect,
   useMemo,
   useRef,
   useState,
+  type FunctionComponent,
+  type HTMLProps,
 } from 'react'
 import {styled} from 'styled-components'
-
 import {useLocalState} from '../useLocalState'
 import {Resizer} from './Resizer'
 
diff --git a/packages/presentation/src/components/Resizer.tsx b/packages/presentation/src/components/Resizer.tsx
index 717babc7a..65f08142e 100644
--- a/packages/presentation/src/components/Resizer.tsx
+++ b/packages/presentation/src/components/Resizer.tsx
@@ -1,8 +1,8 @@
 import {
-  type FunctionComponent,
-  type MouseEvent as ReactMouseEvent,
   useCallback,
   useRef,
+  type FunctionComponent,
+  type MouseEvent as ReactMouseEvent,
 } from 'react'
 import {styled} from 'styled-components'
 
diff --git a/packages/presentation/src/constants.ts b/packages/presentation/src/constants.ts
index 178884004..673fd1ef3 100644
--- a/packages/presentation/src/constants.ts
+++ b/packages/presentation/src/constants.ts
@@ -10,7 +10,7 @@ export const COMMENTS_INSPECTOR_NAME = 'sanity/structure/comments'
 export const EDIT_INTENT_MODE = 'presentation'
 
 // How long we wait until an iframe is loaded until we consider it to be slow and possibly failed
-export const MAX_TIME_TO_OVERLAYS_CONNECTION = 3000 // ms
+export const MAX_TIME_TO_OVERLAYS_CONNECTION = 3_000 // ms
 
 // The API version to use when using `@sanity/client`
 export const API_VERSION = '2023-10-16'
@@ -23,3 +23,14 @@ export const LIVE_QUERY_CACHE_BATCH_SIZE = 100
 
 // Total cache size for documents that are live queried
 export const LIVE_QUERY_CACHE_SIZE = 2048
+
+declare global {
+  const PRESENTATION_ENABLE_QRCODE: unknown
+}
+
+// Feature flag that disables the new QRCode Preview URL menu
+export const QRCODE_ENABLED =
+  typeof PRESENTATION_ENABLE_QRCODE === 'string'
+    ? PRESENTATION_ENABLE_QRCODE === 'true'
+    : // @ts-expect-error: env vars are not typed
+      process.env.SANITY_STUDIO_PRESENTATION_ENABLE_QRCODE === 'true'
diff --git a/packages/presentation/src/document/LocationsBanner.tsx b/packages/presentation/src/document/LocationsBanner.tsx
index 8c921bee2..139e6c9f0 100644
--- a/packages/presentation/src/document/LocationsBanner.tsx
+++ b/packages/presentation/src/document/LocationsBanner.tsx
@@ -7,16 +7,15 @@ import {
 } from '@sanity/icons'
 import {Box, Card, Flex, Spinner, Stack, Text} from '@sanity/ui'
 import {
-  type ComponentType,
   createElement,
-  type ReactNode,
   useCallback,
   useContext,
   useState,
+  type ComponentType,
+  type ReactNode,
 } from 'react'
-import {type ObjectSchemaType, useTranslation} from 'sanity'
+import {useTranslation, type ObjectSchemaType} from 'sanity'
 import {useIntentLink} from 'sanity/router'
-
 import {DEFAULT_TOOL_NAME, DEFAULT_TOOL_TITLE} from '../constants'
 import {presentationLocaleNamespace} from '../i18n'
 import {PresentationContext} from '../PresentationContext'
diff --git a/packages/presentation/src/document/PresentationDocumentContext.ts b/packages/presentation/src/document/PresentationDocumentContext.ts
index 944f50212..0649e4ab2 100644
--- a/packages/presentation/src/document/PresentationDocumentContext.ts
+++ b/packages/presentation/src/document/PresentationDocumentContext.ts
@@ -1,5 +1,4 @@
 import {createContext} from 'react'
-
 import type {PresentationDocumentContextValue} from './types'
 
 export const PresentationDocumentContext = createContext<PresentationDocumentContextValue | null>(
diff --git a/packages/presentation/src/document/PresentationDocumentHeader.tsx b/packages/presentation/src/document/PresentationDocumentHeader.tsx
index 2dc5150b9..4c241ef7a 100644
--- a/packages/presentation/src/document/PresentationDocumentHeader.tsx
+++ b/packages/presentation/src/document/PresentationDocumentHeader.tsx
@@ -1,8 +1,7 @@
 import {rem, Stack} from '@sanity/ui'
-import {type ReactNode, useContext} from 'react'
+import {useContext, type ReactNode} from 'react'
 import {type ObjectSchemaType} from 'sanity'
 import {styled} from 'styled-components'
-
 import {type PublishedId} from '../internals'
 import type {PresentationPluginOptions} from '../types'
 import {useDocumentLocations} from '../useDocumentLocations'
diff --git a/packages/presentation/src/document/PresentationDocumentProvider.tsx b/packages/presentation/src/document/PresentationDocumentProvider.tsx
index 42d4ef3f7..8bd98609a 100644
--- a/packages/presentation/src/document/PresentationDocumentProvider.tsx
+++ b/packages/presentation/src/document/PresentationDocumentProvider.tsx
@@ -1,14 +1,13 @@
 import {
-  type ReactElement,
-  type ReactNode,
   useCallback,
   useContext,
   useLayoutEffect,
   useMemo,
   useRef,
   useState,
+  type ReactElement,
+  type ReactNode,
 } from 'react'
-
 import type {PresentationPluginOptions} from '../types'
 import {PresentationDocumentContext} from './PresentationDocumentContext'
 import type {PresentationDocumentContextValue} from './types'
diff --git a/packages/presentation/src/editor/ContentEditor.tsx b/packages/presentation/src/editor/ContentEditor.tsx
index c3318ac36..c9b033e28 100644
--- a/packages/presentation/src/editor/ContentEditor.tsx
+++ b/packages/presentation/src/editor/ContentEditor.tsx
@@ -1,18 +1,17 @@
 import {WarningOutlineIcon} from '@sanity/icons'
 import {Box, Card, Flex, Text} from '@sanity/ui'
-import {type HTMLProps, type ReactElement, useCallback, useMemo} from 'react'
+import {useCallback, useMemo, type HTMLProps, type ReactElement} from 'react'
 import {StateLink} from 'sanity/router'
-
 import {presentationLocaleNamespace} from '../i18n'
 import {
   getPreviewValueWithFallback,
-  type Path,
   PreviewCard,
   SanityDefaultPreview,
-  type SanityDocument,
   Translate,
   useSchema,
   useTranslation,
+  type Path,
+  type SanityDocument,
 } from '../internals'
 import type {
   MainDocumentState,
@@ -112,6 +111,7 @@ export function ContentEditor(props: {
           {mainDocumentState.document ? (
             <PreviewCard
               __unstable_focusRing
+              // eslint-disable-next-line @typescript-eslint/no-explicit-any
               as={MainDocumentLink as any}
               data-as="a"
               radius={2}
diff --git a/packages/presentation/src/editor/DocumentListPane.tsx b/packages/presentation/src/editor/DocumentListPane.tsx
index 00eb53b61..6b4dd46aa 100644
--- a/packages/presentation/src/editor/DocumentListPane.tsx
+++ b/packages/presentation/src/editor/DocumentListPane.tsx
@@ -1,16 +1,15 @@
 import {Card, Code, ErrorBoundary, Flex, Label, Stack} from '@sanity/ui'
-import {type ErrorInfo, type ReactElement, useCallback, useEffect, useMemo, useState} from 'react'
+import {useCallback, useEffect, useMemo, useState, type ErrorInfo, type ReactElement} from 'react'
 import {useTranslation} from 'sanity'
 import {styled} from 'styled-components'
-
 import {ErrorCard} from '../components/ErrorCard'
 import {presentationLocaleNamespace} from '../i18n'
 import {
-  DocumentListPane as StructureDocumentListPane,
   getPublishedId,
   PaneLayout,
-  type PaneNode,
+  DocumentListPane as StructureDocumentListPane,
   StructureToolProvider,
+  type PaneNode,
 } from '../internals'
 import type {
   MainDocumentState,
diff --git a/packages/presentation/src/editor/DocumentPane.tsx b/packages/presentation/src/editor/DocumentPane.tsx
index 075ee20d3..ef1bb03ea 100644
--- a/packages/presentation/src/editor/DocumentPane.tsx
+++ b/packages/presentation/src/editor/DocumentPane.tsx
@@ -1,16 +1,24 @@
 import {Card, Code, ErrorBoundary, Label, Stack} from '@sanity/ui'
-import {type ErrorInfo, type ReactElement, useCallback, useEffect, useMemo, useState} from 'react'
-import {type Path, useTranslation} from 'sanity'
+import {
+  Suspense,
+  useCallback,
+  useEffect,
+  useMemo,
+  useState,
+  type ErrorInfo,
+  type ReactElement,
+} from 'react'
+import {useTranslation, type Path} from 'sanity'
 import {styled} from 'styled-components'
-
 import {ErrorCard} from '../components/ErrorCard'
 import {presentationLocaleNamespace} from '../i18n'
 import {
   decodeJsonParams,
+  PaneLayout,
   DocumentPane as StructureDocumentPane,
   type DocumentPaneNode,
-  PaneLayout,
 } from '../internals'
+import {PresentationSpinner} from '../PresentationSpinner'
 import type {PresentationSearchParams, StructureDocumentPaneParams} from '../types'
 import {usePresentationTool} from '../usePresentationTool'
 import {PresentationPaneRouterProvider} from './PresentationPaneRouterProvider'
@@ -87,13 +95,15 @@ export function DocumentPane(props: {
           onStructureParams={onStructureParams}
           structureParams={structureParams}
         >
-          <StructureDocumentPane
-            paneKey="document"
-            index={1}
-            itemId="document"
-            pane={paneDocumentNode}
-            onFocusPath={onFocusPath}
-          />
+          <Suspense fallback={<PresentationSpinner />}>
+            <StructureDocumentPane
+              paneKey="document"
+              index={1}
+              itemId="document"
+              pane={paneDocumentNode}
+              onFocusPath={onFocusPath}
+            />
+          </Suspense>
         </PresentationPaneRouterProvider>
       </PaneLayout>
     </ErrorBoundary>
diff --git a/packages/presentation/src/editor/DocumentPanel.tsx b/packages/presentation/src/editor/DocumentPanel.tsx
index e27883471..54c79c426 100644
--- a/packages/presentation/src/editor/DocumentPanel.tsx
+++ b/packages/presentation/src/editor/DocumentPanel.tsx
@@ -1,6 +1,5 @@
 import {type ReactElement} from 'react'
 import {type Path} from 'sanity'
-
 import {StructureToolProvider} from '../internals'
 import type {PresentationSearchParams, StructureDocumentPaneParams} from '../types'
 import {DocumentPane} from './DocumentPane'
diff --git a/packages/presentation/src/editor/PostMessagePreviewSnapshots.tsx b/packages/presentation/src/editor/PostMessagePreviewSnapshots.tsx
new file mode 100644
index 000000000..72d0bccf8
--- /dev/null
+++ b/packages/presentation/src/editor/PostMessagePreviewSnapshots.tsx
@@ -0,0 +1,58 @@
+import {memo, useEffect, useMemo, type FC} from 'react'
+import {combineLatest, debounceTime, Subject, switchMap} from 'rxjs'
+import {useDocumentPreviewStore, useSchema, type PreviewValue} from '../internals'
+import type {VisualEditingConnection} from '../types'
+
+type Ref = {
+  _id: string
+  _type: string
+}
+
+export interface PostMessagePreviewsProps {
+  comlink: VisualEditingConnection
+  refs: Ref[]
+}
+
+const PostMessagePreviews: FC<PostMessagePreviewsProps> = (props) => {
+  const {comlink, refs} = props
+  const documentPreviewStore = useDocumentPreviewStore()
+  const schema = useSchema()
+
+  const refsSubject = useMemo(() => new Subject<Ref[]>(), [])
+
+  const previews$ = useMemo(() => {
+    return refsSubject.asObservable().pipe(
+      switchMap((refs) => {
+        return combineLatest(
+          refs.map((ref) => documentPreviewStore.observeForPreview(ref, schema.get(ref._type)!)),
+        )
+      }),
+      debounceTime(0),
+    )
+  }, [documentPreviewStore, refsSubject, schema])
+
+  useEffect(() => {
+    const sub = previews$.subscribe((snapshots) => {
+      comlink.post({
+        type: 'presentation/preview-snapshots',
+        data: {
+          snapshots: snapshots
+            .filter((s) => s.snapshot)
+            .map((s) => s.snapshot as PreviewValue & {_id: string}),
+        },
+      })
+    })
+
+    return () => {
+      sub.unsubscribe()
+    }
+  }, [comlink, previews$])
+
+  useEffect(() => {
+    refsSubject.next(refs)
+  }, [refs, refsSubject])
+
+  return null
+}
+
+export default memo(PostMessagePreviews)
diff --git a/packages/presentation/src/editor/PostMessageRefreshMutations.tsx b/packages/presentation/src/editor/PostMessageRefreshMutations.tsx
index 422a9e7d2..a8ca1cf96 100644
--- a/packages/presentation/src/editor/PostMessageRefreshMutations.tsx
+++ b/packages/presentation/src/editor/PostMessageRefreshMutations.tsx
@@ -1,20 +1,19 @@
-import type {ChannelsController, ChannelStatus} from '@repo/channels'
-import type {PresentationMsg, VisualEditingConnectionIds} from '@repo/visual-editing-helpers'
+import type {Status} from '@sanity/comlink'
 import {memo, startTransition, useEffect, useMemo, useState} from 'react'
 import {type SanityDocument} from 'sanity'
-
 import {getPublishedId, useEditState} from '../internals'
+import type {VisualEditingConnection} from '../types'
 
 export interface PostMessageRefreshMutationsProps {
   id: string
   type: string
-  channel: ChannelsController<VisualEditingConnectionIds, PresentationMsg>
-  previewKitConnection: ChannelStatus
-  loadersConnection: ChannelStatus
+  comlink: VisualEditingConnection
+  previewKitConnection: Status
+  loadersConnection: Status
 }
 
 function PostMessageRefreshMutations(props: PostMessageRefreshMutationsProps): React.ReactNode {
-  const {channel, type, previewKitConnection, loadersConnection} = props
+  const {comlink, type, previewKitConnection, loadersConnection} = props
   const id = useMemo(() => getPublishedId(props.id), [props.id])
   const {draft, published, ready} = useEditState(id, type, 'low')
   const livePreviewEnabled =
@@ -24,7 +23,7 @@ function PostMessageRefreshMutations(props: PostMessageRefreshMutationsProps): R
     return (
       <PostMessageRefreshMutationsInner
         key={id}
-        channel={channel}
+        comlink={comlink}
         draft={draft}
         livePreviewEnabled={livePreviewEnabled}
         published={published}
@@ -36,13 +35,13 @@ function PostMessageRefreshMutations(props: PostMessageRefreshMutationsProps): R
 }
 
 interface PostMessageRefreshMutationsInnerProps
-  extends Pick<PostMessageRefreshMutationsProps, 'channel'> {
+  extends Pick<PostMessageRefreshMutationsProps, 'comlink'> {
   livePreviewEnabled: boolean
   draft: SanityDocument | null
   published: SanityDocument | null
 }
 function PostMessageRefreshMutationsInner(props: PostMessageRefreshMutationsInnerProps) {
-  const {channel, draft, published, livePreviewEnabled} = props
+  const {comlink, draft, published, livePreviewEnabled} = props
   const [prevDraft, setPrevDraft] = useState(draft)
   const [prevPublished, setPrevPublished] = useState(published)
 
@@ -50,24 +49,30 @@ function PostMessageRefreshMutationsInner(props: PostMessageRefreshMutationsInne
     if (prevDraft?._rev !== draft?._rev) {
       startTransition(() => setPrevDraft(draft))
       if (draft) {
-        channel?.send('overlays', 'presentation/refresh', {
-          source: 'mutation',
-          livePreviewEnabled,
-          document: parseDocument(draft),
+        comlink?.post({
+          type: 'presentation/refresh',
+          data: {
+            source: 'mutation',
+            livePreviewEnabled,
+            document: parseDocument(draft),
+          },
         })
       }
     }
     if (prevPublished?._rev !== published?._rev) {
       startTransition(() => setPrevPublished(published))
       if (published) {
-        channel?.send('overlays', 'presentation/refresh', {
-          source: 'mutation',
-          livePreviewEnabled,
-          document: parseDocument(published),
+        comlink?.post({
+          type: 'presentation/refresh',
+          data: {
+            source: 'mutation',
+            livePreviewEnabled,
+            document: parseDocument(published),
+          },
         })
       }
     }
-  }, [channel, draft, livePreviewEnabled, prevDraft?._rev, prevPublished?._rev, published])
+  }, [comlink, draft, livePreviewEnabled, prevDraft?._rev, prevPublished?._rev, published])
 
   return null
 }
diff --git a/packages/presentation/src/editor/PresentationPaneRouterProvider.tsx b/packages/presentation/src/editor/PresentationPaneRouterProvider.tsx
index 2cc330267..a222d03e3 100644
--- a/packages/presentation/src/editor/PresentationPaneRouterProvider.tsx
+++ b/packages/presentation/src/editor/PresentationPaneRouterProvider.tsx
@@ -1,15 +1,14 @@
 /* eslint-disable no-console */
 
-import {forwardRef, type PropsWithChildren, type ReactElement, useCallback, useMemo} from 'react'
+import {forwardRef, useCallback, useMemo, type PropsWithChildren, type ReactElement} from 'react'
 import {StateLink, useRouter} from 'sanity/router'
-
 import {
-  type BackLinkProps,
   getPublishedId,
   PaneRouterContext,
+  useUnique,
+  type BackLinkProps,
   type PaneRouterContextValue,
   type ReferenceChildLinkProps,
-  useUnique,
 } from '../internals'
 import type {
   PresentationParams,
@@ -126,6 +125,7 @@ export function PresentationPaneRouterProvider(
       groupIndex: 0,
       siblingIndex: 0,
       payload: {},
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       params: structureParams as any,
       hasGroupSiblings: false,
       groupLength: 1,
diff --git a/packages/presentation/src/editor/usePreviewState.ts b/packages/presentation/src/editor/usePreviewState.ts
index e151c9a47..54b173a17 100644
--- a/packages/presentation/src/editor/usePreviewState.ts
+++ b/packages/presentation/src/editor/usePreviewState.ts
@@ -1,11 +1,10 @@
 import {type SchemaType} from '@sanity/types'
 import {useEffect, useState} from 'react'
-
 import {
   getPreviewStateObservable,
+  useDocumentPreviewStore,
   type PreviewValue,
   type SanityDocument,
-  useDocumentPreviewStore,
 } from '../internals'
 
 interface PreviewState {
diff --git a/packages/presentation/src/fieldActions/openInStructure.ts b/packages/presentation/src/fieldActions/openInStructure.ts
index 7ea364286..ee5e6f568 100644
--- a/packages/presentation/src/fieldActions/openInStructure.ts
+++ b/packages/presentation/src/fieldActions/openInStructure.ts
@@ -2,13 +2,12 @@ import {MasterDetailIcon} from '@sanity/icons'
 import {useContext, useMemo} from 'react'
 import {type Tool} from 'sanity'
 import {useRouter} from 'sanity/router'
-
 import {
   defineDocumentFieldAction,
-  type DocumentFieldActionItem,
   isRecord,
   pathToString,
   useWorkspace,
+  type DocumentFieldActionItem,
 } from '../internals'
 import {PresentationContext} from '../PresentationContext'
 
diff --git a/packages/presentation/src/getIntentState.ts b/packages/presentation/src/getIntentState.ts
index c9538dede..819714be7 100644
--- a/packages/presentation/src/getIntentState.ts
+++ b/packages/presentation/src/getIntentState.ts
@@ -1,6 +1,5 @@
 import {uuid} from '@sanity/uuid'
 import {type RouterState, type SearchParam} from 'sanity/router'
-
 import {encodeJsonParams, getPublishedId} from './internals'
 import type {PresentationSearchParams, PresentationStateParams} from './types'
 
diff --git a/packages/presentation/src/i18n/resources.ts b/packages/presentation/src/i18n/resources.ts
index e649004a3..8d3381cf4 100644
--- a/packages/presentation/src/i18n/resources.ts
+++ b/packages/presentation/src/i18n/resources.ts
@@ -95,6 +95,16 @@ export default {
   'share-url.clipboard.status_unsupported': 'Clipboard not supported',
   /** The share URL menu item text for copying a link */
   'share-url.menu-item.copy.text': 'Copy link',
+  /** The share URL menu item text for configuring a public share link */
+  'share-url.menu-item.share.text': 'Share link',
   /** The share URL menu item text for opening a preview window */
   'share-url.menu-item.open.text': 'Open preview',
+  /** The dialog header for the share url dialog */
+  'share-url.dialog.header': 'Configure share link',
+  /** Action in the share url dialog that creates a URL that can be used to preview the current pathname */
+  'share-url.dialog.action.enable-sharing': 'Enable sharing to those who have the link',
+  /** Disables sharing access to those who have the link */
+  'share-url.dialog.action.disable-sharing': 'Disable sharing',
+  /** Error toast that notifies that URL Preview Secrets can't be generated as the user lacks ACL grants */
+  'preview-url-secret.missing-grants': "URL Preview Secrets can't be generated",
 }
diff --git a/packages/presentation/src/index.ts b/packages/presentation/src/index.ts
index 8def97f0e..4787b876f 100644
--- a/packages/presentation/src/index.ts
+++ b/packages/presentation/src/index.ts
@@ -1,5 +1,24 @@
 export * from './plugin'
-export * from './types'
+export type {
+  CombinedSearchParams,
+  ContextFn,
+  DocumentLocation,
+  DocumentLocationResolver,
+  DocumentLocationResolverObject,
+  DocumentLocationResolvers,
+  DocumentLocationsState,
+  DocumentResolver,
+  DocumentResolverContext,
+  NavigatorOptions,
+  PresentationParams,
+  PresentationPluginOptions,
+  PresentationSearchParams,
+  PresentationStateParams,
+  PreviewUrlOption,
+  PreviewUrlResolver,
+  PreviewUrlResolverOptions,
+  StructureDocumentPaneParams,
+} from './types'
 export {
   type PresentationNavigateContextValue,
   usePresentationNavigate,
diff --git a/packages/presentation/src/internals.ts b/packages/presentation/src/internals.ts
index 955384e7d..afdafd61b 100644
--- a/packages/presentation/src/internals.ts
+++ b/packages/presentation/src/internals.ts
@@ -26,6 +26,7 @@ export {
   type SanityDocument,
   Translate,
   useActiveWorkspace,
+  useClient,
   useDocumentPreviewStore,
   useDocumentStore,
   useEditState,
diff --git a/packages/presentation/src/lib/parse.ts b/packages/presentation/src/lib/parse.ts
index 169bcfc3a..0cf8ce3cc 100644
--- a/packages/presentation/src/lib/parse.ts
+++ b/packages/presentation/src/lib/parse.ts
@@ -1,6 +1,5 @@
 import {urlStringToPath} from '@repo/visual-editing-helpers'
 import {studioPath} from '@sanity/client/csm'
-
 import type {PresentationStateParams} from '../types'
 
 export function parseId(rawId: string | undefined): string | undefined {
diff --git a/packages/presentation/src/loader/BroadcastDisplayedDocument.tsx b/packages/presentation/src/loader/BroadcastDisplayedDocument.tsx
index 07ee61957..8f91d7432 100644
--- a/packages/presentation/src/loader/BroadcastDisplayedDocument.tsx
+++ b/packages/presentation/src/loader/BroadcastDisplayedDocument.tsx
@@ -1,6 +1,5 @@
 import {memo, useEffect} from 'react'
 import type {SanityDocument} from 'sanity'
-
 import {usePresentationParams} from '../usePresentationParams'
 import {useDisplayedDocumentBroadcaster} from './DisplayedDocumentBroadcaster'
 
diff --git a/packages/presentation/src/loader/DisplayedDocumentBroadcaster.tsx b/packages/presentation/src/loader/DisplayedDocumentBroadcaster.tsx
index 711022956..982a5b445 100644
--- a/packages/presentation/src/loader/DisplayedDocumentBroadcaster.tsx
+++ b/packages/presentation/src/loader/DisplayedDocumentBroadcaster.tsx
@@ -7,7 +7,7 @@
  */
 
 import isEqual from 'fast-deep-equal'
-import {createContext, type PropsWithChildren, useCallback, useContext, useEffect} from 'react'
+import {createContext, useCallback, useContext, useEffect, type PropsWithChildren} from 'react'
 import {type SanityDocument} from 'sanity'
 
 /** @internal */
diff --git a/packages/presentation/src/loader/LoaderQueries.tsx b/packages/presentation/src/loader/LoaderQueries.tsx
index d52234793..33e5bdd69 100644
--- a/packages/presentation/src/loader/LoaderQueries.tsx
+++ b/packages/presentation/src/loader/LoaderQueries.tsx
@@ -1,32 +1,190 @@
-import type {ChannelsController} from '@repo/channels'
-import type {LoaderMsg, VisualEditingConnectionIds} from '@repo/visual-editing-helpers'
+import {
+  createCompatibilityActors,
+  getQueryCacheKey,
+  type LoaderControllerMsg,
+  type LoaderNodeMsg,
+} from '@repo/visual-editing-helpers'
 import {useQueryParams, useRevalidate} from '@repo/visual-editing-helpers/hooks'
-import type {ClientConfig, ClientPerspective, ContentSourceMap, QueryParams} from '@sanity/client'
+import type {
+  ClientConfig,
+  ClientPerspective,
+  ContentSourceMap,
+  QueryParams,
+  SyncTag,
+} from '@sanity/client'
 import {applySourceDocuments, getPublishedId} from '@sanity/client/csm'
+import {
+  createChannelMachine,
+  type ConnectionInstance,
+  type Controller,
+  type StatusEvent,
+} from '@sanity/comlink'
+// import {createPreviewSecret} from '@sanity/preview-url-secret/create-secret'
 import {applyPatch} from 'mendoza'
 import LRUCache from 'mnemonist/lru-cache-with-delete'
 import {memo, useEffect, useMemo, useState} from 'react'
-import {type SanityClient, type SanityDocument, useClient} from 'sanity'
-
-import {LIVE_QUERY_CACHE_BATCH_SIZE, LIVE_QUERY_CACHE_SIZE} from '../constants'
-import type {LiveQueriesState} from '../types'
+import {
+  useClient,
+  // useCurrentUser,
+  useDataset,
+  useProjectId,
+  type SanityClient,
+  type SanityDocument,
+} from 'sanity'
+// import {useEffectEvent} from 'use-effect-event'
+import {
+  LIVE_QUERY_CACHE_BATCH_SIZE,
+  LIVE_QUERY_CACHE_SIZE,
+  MIN_LOADER_QUERY_LISTEN_HEARTBEAT_INTERVAL,
+} from '../constants'
+import type {
+  LiveQueriesState,
+  LiveQueriesStateValue,
+  LoaderConnection,
+  PresentationPerspective,
+} from '../types'
+import type {DocumentOnPage} from '../useDocumentsOnPage'
 
 export interface LoaderQueriesProps {
   liveDocument: Partial<SanityDocument> | null | undefined
-  channel: ChannelsController<VisualEditingConnectionIds, LoaderMsg> | undefined
+  controller: Controller | undefined
   perspective: ClientPerspective
-  liveQueries: LiveQueriesState
   documentsOnPage: {_id: string; _type: string}[]
+  onLoadersConnection: (event: StatusEvent) => void
+  onDocumentsOnPage: (
+    key: string,
+    perspective: PresentationPerspective,
+    state: DocumentOnPage[],
+  ) => void
 }
 
 export default function LoaderQueries(props: LoaderQueriesProps): JSX.Element {
   const {
     liveDocument,
-    channel,
+    controller,
     perspective: activePerspective,
-    liveQueries,
     documentsOnPage,
+    onLoadersConnection,
+    onDocumentsOnPage,
   } = props
+
+  const [comlink, setComlink] = useState<ConnectionInstance<LoaderNodeMsg, LoaderControllerMsg>>()
+  const [liveQueries, setLiveQueries] = useState<LiveQueriesState>({})
+
+  const projectId = useProjectId()
+  const dataset = useDataset()
+
+  useEffect(() => {
+    const interval = setInterval(
+      () =>
+        setLiveQueries((liveQueries) => {
+          if (Object.keys(liveQueries).length < 1) {
+            return liveQueries
+          }
+
+          const now = Date.now()
+          const hasAnyExpired = Object.values(liveQueries).some(
+            (liveQuery) =>
+              liveQuery.heartbeat !== false && now > liveQuery.receivedAt + liveQuery.heartbeat,
+          )
+          if (!hasAnyExpired) {
+            return liveQueries
+          }
+          const next = {} as LiveQueriesState
+          for (const [key, value] of Object.entries(liveQueries)) {
+            if (value.heartbeat !== false && now > value.receivedAt + value.heartbeat) {
+              continue
+            }
+            next[key] = value
+          }
+          return next
+        }),
+      MIN_LOADER_QUERY_LISTEN_HEARTBEAT_INTERVAL,
+    )
+    return () => clearInterval(interval)
+  }, [])
+
+  useEffect(() => {
+    if (controller) {
+      const comlink = controller.createConnection<LoaderNodeMsg, LoaderControllerMsg>(
+        {
+          name: 'presentation',
+          connectTo: 'loaders',
+          heartbeat: true,
+        },
+        createChannelMachine<LoaderNodeMsg, LoaderControllerMsg>().provide({
+          actors: createCompatibilityActors<LoaderControllerMsg>(),
+        }),
+      )
+      setComlink(comlink)
+
+      comlink.onStatus(onLoadersConnection)
+
+      comlink.on('loader/documents', (data) => {
+        if (data.projectId === projectId && data.dataset === dataset) {
+          onDocumentsOnPage(
+            'loaders',
+            // eslint-disable-next-line @typescript-eslint/no-explicit-any
+            data.perspective as unknown as any,
+            data.documents,
+          )
+        }
+      })
+
+      comlink.on('loader/query-listen', (data) => {
+        if (data.projectId === projectId && data.dataset === dataset) {
+          if (
+            typeof data.heartbeat === 'number' &&
+            data.heartbeat < MIN_LOADER_QUERY_LISTEN_HEARTBEAT_INTERVAL
+          ) {
+            throw new Error(
+              `Loader query listen heartbeat interval must be at least ${MIN_LOADER_QUERY_LISTEN_HEARTBEAT_INTERVAL}ms`,
+            )
+          }
+          setLiveQueries((prev) => ({
+            ...prev,
+            [getQueryCacheKey(data.query, data.params)]: {
+              perspective: data.perspective,
+              query: data.query,
+              params: data.params,
+              receivedAt: Date.now(),
+              heartbeat: data.heartbeat ?? false,
+            } satisfies LiveQueriesStateValue,
+          }))
+        }
+      })
+
+      return comlink.start()
+    }
+    return
+  }, [controller, dataset, onDocumentsOnPage, onLoadersConnection, projectId])
+
+  // const currentUser = useCurrentUser()
+  // const handleCreatePreviewUrlSecret = useEffectEvent(
+  //   async ({projectId, dataset}: {projectId: string; dataset: string}) => {
+  //     try {
+  //       // eslint-disable-next-line no-console
+  //       console.log('Creating preview URL secret for ', {projectId, dataset})
+  //       const {secret} = await createPreviewSecret(
+  //         client,
+  //         '@sanity/presentation',
+  //         typeof window === 'undefined' ? '' : location.href,
+  //         currentUser?.id,
+  //       )
+  //       return {secret}
+  //     } catch (err) {
+  //       // eslint-disable-next-line no-console
+  //       console.error('Failed to generate preview URL secret', err)
+  //       return {secret: null}
+  //     }
+  //   },
+  // )
+  // useEffect(() => {
+  //   return comlink?.on('loader/fetch-preview-url-secret', (data) =>
+  //     handleCreatePreviewUrlSecret(data),
+  //   )
+  // }, [comlink, handleCreatePreviewUrlSecret])
+
   const [cache] = useState(() => new LRUCache<string, SanityDocument>(LIVE_QUERY_CACHE_SIZE))
   const studioClient = useClient({apiVersion: '2023-10-16'})
   const clientConfig = useMemo(() => studioClient.config(), [studioClient])
@@ -38,17 +196,20 @@ export default function LoaderQueries(props: LoaderQueriesProps): JSX.Element {
     [studioClient],
   )
   useEffect(() => {
-    if (channel) {
+    if (comlink) {
       const {projectId, dataset} = clientConfig
       // @todo - Can this be migrated/deprecated in favour of emitting
       // `presentation/perspective` at a higher level?
-      channel.send('loaders', 'loader/perspective', {
-        projectId: projectId!,
-        dataset: dataset!,
-        perspective: activePerspective,
+      comlink.post({
+        type: 'loader/perspective',
+        data: {
+          projectId: projectId!,
+          dataset: dataset!,
+          perspective: activePerspective,
+        },
       })
     }
-  }, [channel, clientConfig, activePerspective])
+  }, [comlink, clientConfig, activePerspective])
 
   const turboIds = useMemo(() => {
     const documentsActuallyInUse = documentsOnPage.map(({_id}) => _id)
@@ -80,7 +241,7 @@ export default function LoaderQueries(props: LoaderQueriesProps): JSX.Element {
           perspective={perspective}
           query={query}
           params={params}
-          channel={channel}
+          comlink={comlink}
           client={client}
           refreshInterval={activePerspective ? 2000 : 0}
           liveDocument={liveDocument}
@@ -219,7 +380,7 @@ interface QuerySubscriptionProps
   perspective: ClientPerspective
   query: string
   params: QueryParams
-  channel: ChannelsController<VisualEditingConnectionIds, LoaderMsg> | undefined
+  comlink: LoaderConnection | undefined
 }
 function QuerySubscription(props: QuerySubscriptionProps) {
   const {
@@ -231,7 +392,7 @@ function QuerySubscription(props: QuerySubscriptionProps) {
     client,
     refreshInterval,
     liveDocument,
-    channel,
+    comlink,
     documentsCacheLastUpdated,
   } = props
 
@@ -248,20 +409,25 @@ function QuerySubscription(props: QuerySubscriptionProps) {
   })
   const result = data?.result
   const resultSourceMap = data?.resultSourceMap
+  const tags = data?.tags
 
   useEffect(() => {
     if (resultSourceMap) {
-      channel!.send('loaders', 'loader/query-change', {
-        projectId,
-        dataset,
-        perspective,
-        query,
-        params,
-        result,
-        resultSourceMap,
+      comlink?.post({
+        type: 'loader/query-change',
+        data: {
+          projectId,
+          dataset,
+          perspective,
+          query,
+          params,
+          result,
+          resultSourceMap,
+          tags,
+        },
       })
     }
-  }, [channel, dataset, params, perspective, projectId, query, result, resultSourceMap])
+  }, [comlink, dataset, params, perspective, projectId, query, result, resultSourceMap, tags])
 
   return null
 }
@@ -288,6 +454,7 @@ function useQuerySubscription(props: UseQuerySubscriptionProps) {
   const [snapshot, setSnapshot] = useState<{
     result: unknown
     resultSourceMap?: ContentSourceMap
+    tags?: SyncTag[]
   } | null>(null)
   const {projectId, dataset} = useMemo(() => {
     const {projectId, dataset} = client.config()
@@ -312,7 +479,7 @@ function useQuerySubscription(props: UseQuerySubscriptionProps) {
     async function effect() {
       const {signal} = controller
       fetching = true
-      const {result, resultSourceMap} = await client.fetch(query, params, {
+      const {result, resultSourceMap, syncTags} = await client.fetch(query, params, {
         tag: 'presentation-loader',
         signal,
         perspective,
@@ -321,7 +488,7 @@ function useQuerySubscription(props: UseQuerySubscriptionProps) {
       fetching = false
 
       if (!signal.aborted) {
-        setSnapshot({result, resultSourceMap})
+        setSnapshot({result, resultSourceMap, tags: syncTags})
 
         fulfilled = true
       }
diff --git a/packages/presentation/src/loader/turboChargeResultIfSourceMap.test.ts b/packages/presentation/src/loader/turboChargeResultIfSourceMap.test.ts
index a3ace3c63..7dd5c54ce 100644
--- a/packages/presentation/src/loader/turboChargeResultIfSourceMap.test.ts
+++ b/packages/presentation/src/loader/turboChargeResultIfSourceMap.test.ts
@@ -2,7 +2,6 @@ import type {ContentSourceMap} from '@sanity/client'
 import LRUCache from 'mnemonist/lru-cache-with-delete'
 import type {SanityDocument} from 'sanity'
 import {expect, test} from 'vitest'
-
 import {LIVE_QUERY_CACHE_SIZE} from '../constants'
 import {turboChargeResultIfSourceMap} from './LoaderQueries'
 
diff --git a/packages/presentation/src/overlays/PostMessageDocuments.tsx b/packages/presentation/src/overlays/PostMessageDocuments.tsx
new file mode 100644
index 000000000..d35f25f3f
--- /dev/null
+++ b/packages/presentation/src/overlays/PostMessageDocuments.tsx
@@ -0,0 +1,65 @@
+import type {MutationEvent, ReconnectEvent, WelcomeEvent} from '@sanity/client'
+import {memo, useEffect, type FunctionComponent} from 'react'
+import {filter} from 'rxjs'
+import {useClient} from 'sanity'
+import {API_VERSION} from '../constants'
+import type {VisualEditingConnection} from '../types'
+
+interface PostMessageDocumentsProps {
+  comlink: VisualEditingConnection
+}
+
+const PostMessageDocuments: FunctionComponent<PostMessageDocumentsProps> = (props) => {
+  const {comlink} = props
+  const client = useClient({apiVersion: API_VERSION})
+
+  useEffect(() => {
+    const listener = client
+      .listen(
+        '*[!(_id in path("_.**"))]',
+        {},
+        {
+          effectFormat: 'mendoza',
+          events: ['welcome', 'mutation', 'reconnect'],
+          includePreviousRevision: false,
+          includeResult: false,
+          tag: 'presentation-test',
+          visibility: 'transaction',
+        },
+      )
+      .pipe(
+        filter(
+          (event): event is WelcomeEvent | ReconnectEvent | MutationEvent =>
+            event.type === 'welcome' || event.type === 'reconnect' || event.type === 'mutation',
+        ),
+      )
+
+    const subscription = listener.subscribe((event) => {
+      comlink.post({type: 'presentation/snapshot-event', data: {event}})
+    })
+
+    return () => subscription.unsubscribe()
+  }, [client, comlink])
+
+  useEffect(() => {
+    return comlink.on('visual-editing/fetch-snapshot', async (data) => {
+      const snapshot = await client.getDocument(data.documentId, {
+        tag: 'document.snapshots',
+      })
+      return {snapshot}
+    })
+  }, [client, comlink])
+
+  useEffect(() => {
+    return comlink.on('visual-editing/mutate', async (data) => {
+      return client.dataRequest('mutate', data, {
+        visibility: 'async',
+        returnDocuments: true,
+      })
+    })
+  }, [client, comlink])
+
+  return null
+}
+
+export default memo(PostMessageDocuments)
diff --git a/packages/presentation/src/overlays/schema/PostMessageSchema.tsx b/packages/presentation/src/overlays/schema/PostMessageSchema.tsx
new file mode 100644
index 000000000..1f6088ff1
--- /dev/null
+++ b/packages/presentation/src/overlays/schema/PostMessageSchema.tsx
@@ -0,0 +1,75 @@
+import type {UnresolvedPath} from '@repo/visual-editing-helpers'
+import type {ClientPerspective} from '@sanity/client'
+import {useRootTheme} from '@sanity/ui'
+import {memo, useEffect, useMemo} from 'react'
+import {API_VERSION} from '../../constants'
+import {useClient, useWorkspace} from '../../internals'
+import type {VisualEditingConnection} from '../../types'
+import {extractSchema} from './extract'
+
+export interface PostMessageSchemaProps {
+  comlink: VisualEditingConnection
+  perspective: ClientPerspective
+}
+
+function getDocumentPathArray(paths: UnresolvedPath[]) {
+  const documentPathMap = paths.reduce(
+    (acc, {id, path}) => {
+      if (acc[id]) {
+        acc[id].add(path)
+      } else {
+        acc[id] = new Set<string>([path])
+      }
+      return acc
+    },
+    {} as Record<string, Set<string>>,
+  )
+
+  return Object.entries(documentPathMap)
+}
+
+/**
+ * Experimental approach for sending a representation of the workspace schema
+ * over postMessage so it can be used to enrich the Visual Editing experience
+ */
+function PostMessageSchema(props: PostMessageSchemaProps): JSX.Element | null {
+  const {comlink, perspective} = props
+
+  const workspace = useWorkspace()
+  const theme = useRootTheme()
+  const schema = useMemo(() => extractSchema(workspace, theme), [workspace, theme])
+
+  // Send a representation of the schema to the visual editing context
+  useEffect(() => {
+    comlink.post({type: 'presentation/schema', data: {schema}})
+  }, [comlink, schema])
+
+  const client = useClient({apiVersion: API_VERSION})
+
+  // Resolve union types from an array of unresolved paths
+  useEffect(() => {
+    return comlink.on('visual-editing/schema-union-types', async (data) => {
+      const documentPathArray = getDocumentPathArray(data.paths)
+      const unionTypes = await Promise.all(
+        documentPathArray.map(async ([id, paths]) => {
+          const arr = Array.from(paths)
+          const projection = arr.map((path, i) => `"${i}": ${path}[0]._type`).join(',')
+          const query = `*[_id == $id][0]{${projection}}`
+          const result = await client.fetch(query, {id}, {perspective, tag: 'presentation-schema'})
+          const mapped = arr.map((path, i) => ({path: path, type: result[i]}))
+          return {id, paths: mapped}
+        }),
+      )
+
+      const newState = new Map()
+      unionTypes.forEach((action) => {
+        newState.set(action.id, new Map(action.paths.map(({path, type}) => [path, type])))
+      })
+      return {types: newState}
+    })
+  }, [comlink, client, perspective])
+
+  return null
+}
+
+export default memo(PostMessageSchema)
diff --git a/packages/presentation/src/overlays/schema/SchemaIcon.tsx b/packages/presentation/src/overlays/schema/SchemaIcon.tsx
new file mode 100644
index 000000000..60c5225b1
--- /dev/null
+++ b/packages/presentation/src/overlays/schema/SchemaIcon.tsx
@@ -0,0 +1,20 @@
+import {type SchemaType as SanitySchemaType} from '@sanity/types'
+import {ThemeProvider, type ThemeContextValue} from '@sanity/ui'
+import {createElement, type FunctionComponent} from 'react'
+import {ServerStyleSheet, StyleSheetManager} from 'styled-components'
+
+export const SchemaIcon: FunctionComponent<{
+  schemaType: SanitySchemaType
+  theme: ThemeContextValue
+}> = function SchemaIcon({schemaType, theme: themeContext}) {
+  const {theme, scheme, tone} = themeContext
+  const sheet = new ServerStyleSheet()
+
+  return schemaType.icon ? (
+    <StyleSheetManager sheet={sheet.instance}>
+      <ThemeProvider theme={theme} scheme={scheme} tone={tone}>
+        {createElement(schemaType.icon)}
+      </ThemeProvider>
+    </StyleSheetManager>
+  ) : null
+}
diff --git a/packages/presentation/src/overlays/schema/extract.ts b/packages/presentation/src/overlays/schema/extract.ts
new file mode 100644
index 000000000..e99f4adad
--- /dev/null
+++ b/packages/presentation/src/overlays/schema/extract.ts
@@ -0,0 +1,482 @@
+import type {
+  SchemaArrayNode,
+  SchemaBooleanNode,
+  SchemaInlineNode,
+  SchemaNode,
+  SchemaNullNode,
+  SchemaNumberNode,
+  SchemaObjectField,
+  SchemaObjectNode,
+  SchemaStringNode,
+  SchemaType,
+  SchemaUnionNode,
+  SchemaUnionNodeOptions,
+  SchemaUnionOption,
+  SchemaUnknownNode,
+} from '@repo/visual-editing-helpers'
+import type {InsertMenuOptions} from '@sanity/insert-menu'
+import type {
+  ArraySchemaType,
+  NumberSchemaType,
+  ObjectSchemaType,
+  ReferenceSchemaType,
+  SchemaType as SanitySchemaType,
+  StringSchemaType,
+} from '@sanity/types'
+import type {ThemeContextValue} from '@sanity/ui'
+import {createElement} from 'react'
+import {renderToString} from 'react-dom/server'
+import type {Workspace} from 'sanity'
+import {
+  gatherFields,
+  isArrayType,
+  isCrossDatasetReferenceType,
+  isFieldRequired,
+  isNumberType,
+  isObjectType,
+  isReferenceType,
+  isStringType,
+  lastType,
+  sortByDependencies,
+} from './helpers'
+import {SchemaIcon} from './SchemaIcon'
+
+const documentDefaultFields = (typeName: string): Record<string, SchemaObjectField> => ({
+  _id: {
+    type: 'objectField',
+    name: '_id',
+    value: {
+      type: 'string',
+    },
+  },
+  _type: {
+    type: 'objectField',
+    name: '_type',
+    value: {
+      type: 'string',
+      value: typeName,
+    },
+  },
+  _createdAt: {
+    type: 'objectField',
+    name: '_createdAt',
+    value: {
+      type: 'string',
+    },
+  },
+  _updatedAt: {
+    type: 'objectField',
+    name: '_updatedAt',
+    value: {
+      type: 'string',
+    },
+  },
+  _rev: {
+    type: 'objectField',
+    name: '_rev',
+    value: {
+      type: 'string',
+    },
+  },
+})
+
+function createStringNodeDefintion(
+  stringSchemaType: StringSchemaType,
+): SchemaStringNode | SchemaUnionNode<SchemaStringNode> {
+  const listOptions = stringSchemaType.options?.list
+  if (listOptions && Array.isArray(listOptions)) {
+    return {
+      type: 'union',
+      of: listOptions.map((v) => ({
+        type: 'string',
+        value: typeof v === 'string' ? v : v.value,
+      })),
+    }
+  }
+  return {
+    type: 'string',
+  }
+}
+
+function createNumberNodeDefintion(
+  numberSchemaType: NumberSchemaType,
+): SchemaNumberNode | SchemaUnionNode<SchemaNumberNode> {
+  const listOptions = numberSchemaType.options?.list
+  if (listOptions && Array.isArray(listOptions)) {
+    return {
+      type: 'union',
+      of: listOptions.map((v) => ({
+        type: 'number',
+        value: typeof v === 'number' ? v : v.value,
+      })),
+    }
+  }
+  return {
+    type: 'number',
+  }
+}
+
+function createReferenceNode(name: string, inArray: boolean = false): SchemaObjectNode {
+  const fields: Record<string, SchemaObjectField> = {
+    _ref: {
+      type: 'objectField',
+      name: '_ref',
+      value: {
+        type: 'string',
+      },
+    },
+    _type: {
+      type: 'objectField',
+      name: '_type',
+      value: {
+        type: 'string',
+        value: 'reference',
+      },
+    },
+    _weak: {
+      type: 'objectField',
+      name: '_weak',
+      value: {
+        type: 'boolean',
+      },
+      optional: true,
+    },
+  }
+
+  if (inArray) {
+    fields['_key'] = {
+      type: 'objectField',
+      name: '_key',
+      value: {
+        type: 'string',
+      },
+    } satisfies SchemaObjectField
+  }
+
+  return {
+    type: 'object',
+    fields,
+    dereferencesTo: name,
+  } satisfies SchemaObjectNode
+}
+
+function createReferenceNodeDefintion(
+  reference: ReferenceSchemaType,
+): SchemaObjectNode | SchemaUnionNode<SchemaObjectNode> {
+  const references = gatherReferenceNames(reference)
+  if (references.length === 1) {
+    return createReferenceNode(references[0])
+  }
+
+  return {
+    type: 'union',
+    of: references.map((name) => ({
+      type: 'unionOption',
+      name,
+      value: createReferenceNode(name),
+    })),
+  }
+}
+
+// Traverse the reference type tree and gather all the reference names
+function gatherReferenceNames(type: ReferenceSchemaType): string[] {
+  const allReferences = gatherReferenceTypes(type)
+  // Remove duplicates
+  return [...new Set([...allReferences.map((ref) => ref.name)])]
+}
+
+function gatherReferenceTypes(type: ReferenceSchemaType): ObjectSchemaType[] {
+  const refTo = 'to' in type ? type.to : []
+  if ('type' in type && isReferenceType(type.type!)) {
+    return [...gatherReferenceTypes(type.type), ...refTo]
+  }
+
+  return refTo
+}
+
+const typesMap = new Map<string, Omit<SchemaStringNode, 'name'> | Omit<SchemaBooleanNode, 'name'>>([
+  ['text', {type: 'string'}],
+  ['url', {type: 'string'}],
+  ['datetime', {type: 'string'}],
+  ['date', {type: 'string'}],
+  ['boolean', {type: 'boolean'}],
+  ['email', {type: 'string'}],
+])
+
+export function extractSchema(workspace: Workspace, theme: ThemeContextValue): SchemaType[] {
+  const inlineFields = new Set<SanitySchemaType>()
+  const {schema: schemaDef, basePath} = workspace
+
+  const sortedSchemaTypeNames = sortByDependencies(schemaDef)
+  return sortedSchemaTypeNames
+    .map((typeName) => {
+      const schemaType = schemaDef.get(typeName)
+      if (schemaType === undefined) {
+        return
+      }
+      const base = convertBaseType(schemaType)
+
+      if (base === null) {
+        return
+      }
+
+      if (base.type === 'type') {
+        inlineFields.add(schemaType)
+      }
+
+      return base
+    })
+    .filter((type: SchemaType | undefined): type is SchemaType => type !== undefined)
+
+  function extractIcon(schemaType: SanitySchemaType): string | undefined {
+    if (!schemaType.icon) return undefined
+    return renderToString(createElement(SchemaIcon, {schemaType, theme}))
+  }
+
+  function convertBaseType(schemaType: SanitySchemaType): SchemaType | null {
+    let typeName: string | undefined
+    if (schemaType.type) {
+      typeName = schemaType.type.name
+    } else if ('jsonType' in schemaType) {
+      typeName = schemaType.jsonType
+    }
+
+    if (typeName === 'document') {
+      const object = createObject(schemaType)
+      if (object.type === 'unknown') {
+        return null
+      }
+
+      return {
+        type: 'document',
+        name: schemaType.name,
+        title: schemaType.title,
+        icon: extractIcon(schemaType),
+        fields: {
+          ...documentDefaultFields(schemaType.name),
+          ...object.fields,
+        },
+      }
+    }
+
+    const value = convertSchemaType(schemaType)
+    if (value.type === 'unknown') {
+      return null
+    }
+
+    if (value.type === 'object') {
+      return {
+        name: schemaType.name,
+        type: 'type',
+        value: {
+          type: 'object',
+          fields: {
+            _type: {
+              type: 'objectField',
+              name: '_type',
+              value: {
+                type: 'string',
+                value: schemaType.name,
+              },
+            },
+            ...value.fields,
+          },
+        },
+      }
+    }
+
+    return {
+      name: schemaType.name,
+      title: schemaType.title,
+      type: 'type',
+      value,
+    }
+  }
+
+  function createObject(
+    schemaType: ObjectSchemaType | SanitySchemaType,
+  ): SchemaObjectNode | SchemaUnknownNode {
+    const fields: Record<string, SchemaObjectField> = {}
+
+    for (const field of gatherFields(schemaType)) {
+      const value = convertSchemaType(field.type)
+      if (value === null) {
+        continue
+      }
+
+      fields[field.name] = {
+        type: 'objectField',
+        name: field.name,
+        title: field.type.title,
+        value,
+        optional: isFieldRequired(field) === false,
+      }
+    }
+
+    return {
+      type: 'object',
+      fields,
+    }
+  }
+
+  function convertSchemaType(schemaType: SanitySchemaType): SchemaNode {
+    if (lastType(schemaType)?.name === 'document') {
+      return createReferenceNode(schemaType.name)
+    }
+
+    if (inlineFields.has(schemaType.type!)) {
+      return {type: 'inline', name: schemaType.type!.name} satisfies SchemaInlineNode
+    }
+
+    if (schemaType.type?.type?.name === 'object') {
+      return {type: 'inline', name: schemaType.type.name} satisfies SchemaInlineNode
+    }
+
+    if (isStringType(schemaType)) {
+      return createStringNodeDefintion(schemaType)
+    }
+
+    if (isNumberType(schemaType)) {
+      return createNumberNodeDefintion(schemaType)
+    }
+
+    const mapped = typesMap.get(schemaType.type?.name || '')
+    if (mapped) {
+      return mapped
+    }
+
+    if (schemaType.type && typesMap.has(schemaType.type.name)) {
+      return typesMap.get(schemaType.type.name)!
+    }
+
+    // Cross dataset references are not supported
+    if (isCrossDatasetReferenceType(schemaType)) {
+      return {type: 'unknown'} satisfies SchemaUnknownNode // we don't support cross-dataset references at the moment
+    }
+
+    if (isReferenceType(schemaType)) {
+      return createReferenceNodeDefintion(schemaType)
+    }
+
+    if (isArrayType(schemaType)) {
+      return createArray(schemaType)
+    }
+
+    if (isObjectType(schemaType)) {
+      return createObject(schemaType)
+    }
+
+    throw new Error(`Type "${schemaType.name}" not found`)
+  }
+
+  function createUnionNodeOptions(
+    schemaType: ArraySchemaType,
+    of: SchemaUnionOption<SchemaNode>[],
+  ): SchemaUnionNodeOptions | undefined {
+    const {options} = schemaType
+    if (!options) return undefined
+    const opts = {
+      ...options,
+    }
+    if (options.insertMenu) {
+      opts.insertMenu = {
+        ...options.insertMenu,
+        views: (options.insertMenu as InsertMenuOptions).views?.map((view) =>
+          view.name === 'grid'
+            ? {
+                name: 'grid',
+                previewImageUrls: view.previewImageUrl
+                  ? of.reduce(
+                      (acc, {name}) => {
+                        const url = view.previewImageUrl?.(name)
+                        if (!url) return acc
+                        // If the URL is relative, make it absolute
+                        try {
+                          new URL(url)
+                          acc[name] = url
+                        } catch {
+                          acc[name] = new URL(
+                            url,
+                            `${window.location.origin}${basePath ? `${basePath}/` : ''}`,
+                          ).toString()
+                        }
+                        return acc
+                      },
+                      {} as Record<string, string | undefined>,
+                    )
+                  : undefined,
+              }
+            : view,
+        ),
+      }
+    }
+    return opts
+  }
+
+  function createArray(
+    arraySchemaType: ArraySchemaType,
+  ): SchemaArrayNode | SchemaUnionNode | SchemaNullNode {
+    const of: SchemaUnionOption[] = []
+    for (const item of arraySchemaType.of) {
+      let field = convertSchemaType(item)
+      const option = {
+        type: 'unionOption',
+        icon: extractIcon(item),
+        name: item.name,
+        title: item.title,
+        value: field,
+      } satisfies SchemaUnionOption
+      if (field.type === 'inline') {
+        field = {
+          type: 'object',
+          fields: {
+            _key: createKeyField(),
+          },
+          rest: field,
+        } satisfies SchemaObjectNode
+      } else if (field.type === 'object') {
+        field.rest = {
+          type: 'object',
+          fields: {
+            _key: createKeyField(),
+          },
+        }
+      }
+      option.value = field
+      of.push(option)
+    }
+
+    if (of.length === 0) {
+      return {type: 'null'}
+    }
+
+    if (of.length > 1) {
+      return {
+        type: 'union',
+        of,
+        options: createUnionNodeOptions(arraySchemaType, of),
+      }
+    }
+
+    const {name, title, value} = of[0]
+    return {
+      type: 'array',
+      of: {
+        type: 'arrayItem',
+        name,
+        title,
+        value,
+      },
+    }
+  }
+}
+
+function createKeyField(): SchemaObjectField<SchemaStringNode> {
+  return {
+    type: 'objectField',
+    name: '_key',
+    value: {
+      type: 'string',
+    },
+  }
+}
diff --git a/packages/presentation/src/overlays/schema/helpers.ts b/packages/presentation/src/overlays/schema/helpers.ts
new file mode 100644
index 000000000..19ef64f08
--- /dev/null
+++ b/packages/presentation/src/overlays/schema/helpers.ts
@@ -0,0 +1,205 @@
+import {
+  type ArraySchemaType,
+  type NumberSchemaType,
+  type ObjectField,
+  type ObjectFieldType,
+  type ObjectSchemaType,
+  type ReferenceSchemaType,
+  type Rule,
+  type SchemaType as SanitySchemaType,
+  type Schema as SchemaDef,
+  type StringSchemaType,
+} from '@sanity/types'
+import {type SchemaType} from 'groq-js'
+
+export function isFieldRequired(field: ObjectField): boolean {
+  const {validation} = field.type
+  if (!validation) {
+    return false
+  }
+  const rules = Array.isArray(validation) ? validation : [validation]
+  for (const rule of rules) {
+    let required = false
+
+    // hack to check if a field is required. We create a proxy that returns itself when a method is called,
+    // if the method is "required" we set a flag
+    const proxy = new Proxy(
+      {},
+      {
+        get: (target, methodName) => () => {
+          if (methodName === 'required') {
+            required = true
+          }
+          return proxy
+        },
+      },
+    ) as Rule
+
+    if (typeof rule === 'function') {
+      rule(proxy)
+      if (required) {
+        return true
+      }
+    }
+
+    if (typeof rule === 'object' && rule !== null && '_required' in rule) {
+      if (rule._required === 'required') {
+        return true
+      }
+    }
+  }
+
+  return false
+}
+
+function isType(
+  typeDef: SanitySchemaType | ObjectField | ObjectFieldType,
+  typeName: string,
+): boolean {
+  let type: SchemaType | ObjectField | ObjectFieldType | undefined = typeDef
+  while (type) {
+    if (type.name === typeName || (type.type && type.type.name === typeName)) {
+      return true
+    }
+
+    type = type.type
+  }
+  return false
+}
+
+export function isObjectType(typeDef: SanitySchemaType): typeDef is ObjectSchemaType {
+  return isType(typeDef, 'object') || typeDef.jsonType === 'object' || 'fields' in typeDef
+}
+export function isArrayType(typeDef: SanitySchemaType): typeDef is ArraySchemaType {
+  return isType(typeDef, 'array')
+}
+export function isReferenceType(typeDef: SanitySchemaType): typeDef is ReferenceSchemaType {
+  return isType(typeDef, 'reference')
+}
+// @todo
+export function isCrossDatasetReferenceType(typeDef: SanitySchemaType): boolean {
+  return isType(typeDef, 'crossDatasetReference')
+}
+export function isStringType(typeDef: SanitySchemaType): typeDef is StringSchemaType {
+  return isType(typeDef, 'string')
+}
+export function isNumberType(typeDef: SanitySchemaType): typeDef is NumberSchemaType {
+  return isType(typeDef, 'number')
+}
+
+// Traverse the type tree and return the "last" type, ie deepest type in the tree
+export function lastType(typeDef: SanitySchemaType): SanitySchemaType | undefined {
+  let type: SchemaType | ObjectField | ObjectFieldType | undefined = typeDef
+  while (type) {
+    if (!type.type) {
+      return type
+    }
+    type = type.type
+  }
+
+  return undefined
+}
+
+// Traverse the type tree and gather all the fields
+export function gatherFields(type: SanitySchemaType | ObjectSchemaType): ObjectField[] {
+  if ('fields' in type) {
+    return type.type ? gatherFields(type.type).concat(type.fields) : type.fields
+  }
+
+  return []
+}
+
+// Sorts the types by their dependencies by using a topological sort depth-first algorithm.
+export function sortByDependencies(compiledSchema: SchemaDef): string[] {
+  const seen = new Set<SanitySchemaType>()
+
+  // Walks the dependencies of a schema type and adds them to the dependencies set
+  function walkDependencies(
+    schemaType: SanitySchemaType,
+    dependencies: Set<SanitySchemaType>,
+  ): void {
+    if (seen.has(schemaType)) {
+      return
+    }
+    seen.add(schemaType)
+
+    if ('fields' in schemaType) {
+      for (const field of gatherFields(schemaType)) {
+        const last = lastType(field.type)
+        if (last!.name === 'document') {
+          dependencies.add(last!)
+          continue
+        }
+
+        let schemaTypeName: string | undefined
+        if (schemaType.type!.type) {
+          schemaTypeName = field.type.type!.name
+        } else if ('jsonType' in schemaType.type!) {
+          schemaTypeName = field.type.jsonType
+        }
+
+        if (schemaTypeName === 'object' || schemaTypeName === 'block') {
+          if (isReferenceType(field.type)) {
+            field.type.to.forEach((ref) => dependencies.add(ref.type!))
+          } else {
+            dependencies.add(field.type)
+          }
+        }
+        walkDependencies(field.type, dependencies)
+      }
+    } else if ('of' in schemaType) {
+      for (const item of schemaType.of) {
+        walkDependencies(item, dependencies)
+      }
+    }
+  }
+  const dependencyMap = new Map<SanitySchemaType, Set<SanitySchemaType>>()
+  compiledSchema.getTypeNames().forEach((typeName) => {
+    const schemaType = compiledSchema.get(typeName)
+    if (schemaType === undefined || schemaType.type === null) {
+      return
+    }
+    const dependencies = new Set<SanitySchemaType>()
+
+    walkDependencies(schemaType, dependencies)
+    dependencyMap.set(schemaType, dependencies)
+    seen.clear() // Clear the seen set for the next type
+  })
+
+  // Sorts the types by their dependencies
+  const typeNames: string[] = []
+  // holds a temporary mark for types that are currently being visited, to detect cyclic dependencies
+  const currentlyVisiting = new Set<SanitySchemaType>()
+
+  // holds a permanent mark for types that have been already visited
+  const visited = new Set<SanitySchemaType>()
+
+  // visit implements a depth-first search
+  function visit(type: SanitySchemaType) {
+    if (visited.has(type)) {
+      return
+    }
+    // If we find a type that is already in the temporary mark, we have a cyclic dependency.
+    if (currentlyVisiting.has(type)) {
+      return
+    }
+    // mark this as a temporary mark, meaning it's being visited
+    currentlyVisiting.add(type)
+    const deps = dependencyMap.get(type)
+    if (deps !== undefined) {
+      deps.forEach((dep) => visit(dep))
+    }
+    currentlyVisiting.delete(type)
+    visited.add(type)
+
+    if (!typeNames.includes(type.name)) {
+      typeNames.unshift(type.name)
+    }
+  }
+  // Visit all types in the dependency map
+  for (const [type] of dependencyMap) {
+    visit(type)
+  }
+
+  return typeNames
+}
diff --git a/packages/presentation/src/panels/Panel.tsx b/packages/presentation/src/panels/Panel.tsx
index ba9d6f2d6..f8fdb5c83 100644
--- a/packages/presentation/src/panels/Panel.tsx
+++ b/packages/presentation/src/panels/Panel.tsx
@@ -1,6 +1,5 @@
-import {type FunctionComponent, type PropsWithChildren, useContext, useLayoutEffect} from 'react'
+import {useContext, useLayoutEffect, type FunctionComponent, type PropsWithChildren} from 'react'
 import {styled} from 'styled-components'
-
 import {PanelsContext} from './PanelsContext'
 
 interface PanelProps extends PropsWithChildren {
diff --git a/packages/presentation/src/panels/PanelResizer.tsx b/packages/presentation/src/panels/PanelResizer.tsx
index 6868403e1..590f37c7f 100644
--- a/packages/presentation/src/panels/PanelResizer.tsx
+++ b/packages/presentation/src/panels/PanelResizer.tsx
@@ -1,14 +1,13 @@
 import {
-  type FunctionComponent,
-  type MouseEvent as ReactMouseEvent,
   useCallback,
   useContext,
   useEffect,
   useLayoutEffect,
   useRef,
+  type FunctionComponent,
+  type MouseEvent as ReactMouseEvent,
 } from 'react'
 import {styled} from 'styled-components'
-
 import {PanelsContext} from './PanelsContext'
 import {usePanelId} from './usePanelId'
 
diff --git a/packages/presentation/src/panels/Panels.tsx b/packages/presentation/src/panels/Panels.tsx
index 6666bd26c..893453e3d 100644
--- a/packages/presentation/src/panels/Panels.tsx
+++ b/packages/presentation/src/panels/Panels.tsx
@@ -2,18 +2,17 @@
 // https://github.com/bvaughn/react-resizable-panels/tree/main/packages/react-resizable-panels
 
 import {
-  type CSSProperties,
-  type FunctionComponent,
-  type PropsWithChildren,
   useCallback,
   useEffect,
   useLayoutEffect,
   useMemo,
   useRef,
   useState,
+  type CSSProperties,
+  type FunctionComponent,
+  type PropsWithChildren,
 } from 'react'
 import {styled} from 'styled-components'
-
 import {PanelsContext} from './PanelsContext'
 import type {ElementMap, InitialDragState, PanelElement, PanelsState, ResizerElement} from './types'
 import {usePanelsStorage} from './usePanelsStorage'
diff --git a/packages/presentation/src/panels/PanelsContext.tsx b/packages/presentation/src/panels/PanelsContext.tsx
index 870c18396..dd28e4876 100644
--- a/packages/presentation/src/panels/PanelsContext.tsx
+++ b/packages/presentation/src/panels/PanelsContext.tsx
@@ -1,5 +1,4 @@
 import {createContext, type CSSProperties} from 'react'
-
 import type {PanelElement, ResizerElement} from './types'
 
 export const PanelsContext = createContext<{
diff --git a/packages/presentation/src/panels/usePanelsStorage.ts b/packages/presentation/src/panels/usePanelsStorage.ts
index 7e6afdf29..a2c739701 100644
--- a/packages/presentation/src/panels/usePanelsStorage.ts
+++ b/packages/presentation/src/panels/usePanelsStorage.ts
@@ -1,5 +1,4 @@
 import {useMemo} from 'react'
-
 import {debounce} from '../lib/debounce'
 import type {PanelElement} from './types'
 
diff --git a/packages/presentation/src/plugin.tsx b/packages/presentation/src/plugin.tsx
index 91a8f5430..e8f9ec0c6 100644
--- a/packages/presentation/src/plugin.tsx
+++ b/packages/presentation/src/plugin.tsx
@@ -1,7 +1,6 @@
 import type {SanityDocument} from '@sanity/client'
 import {lazy, Suspense} from 'react'
-import {definePlugin, type InputProps, isDocumentSchemaType} from 'sanity'
-
+import {definePlugin, isDocumentSchemaType, type InputProps} from 'sanity'
 import {DEFAULT_TOOL_ICON, DEFAULT_TOOL_NAME, EDIT_INTENT_MODE} from './constants'
 import {PresentationDocumentHeader} from './document/PresentationDocumentHeader'
 import {PresentationDocumentProvider} from './document/PresentationDocumentProvider'
@@ -9,6 +8,7 @@ import {openInStructure} from './fieldActions/openInStructure'
 import {getIntentState} from './getIntentState'
 import {presentationUsEnglishLocaleBundle} from './i18n'
 import {getPublishedId} from './internals'
+import {PresentationSpinner} from './PresentationSpinner'
 import {router} from './router'
 import type {
   DocumentLocationResolverObject,
@@ -17,7 +17,7 @@ import type {
   PresentationPluginOptions,
 } from './types'
 
-const PresentationTool = lazy(() => import('./PresentationTool'))
+const PresentationTool = lazy(() => import('./PresentationToolGrantsCheck'))
 const BroadcastDisplayedDocument = lazy(() => import('./loader/BroadcastDisplayedDocument'))
 
 /**
@@ -66,7 +66,7 @@ export const presentationTool = definePlugin<PresentationPluginOptions>((options
               schemaType={props.schemaType}
             />
           )}
-          {props.renderDefault(props)}
+          <Suspense fallback={<PresentationSpinner />}>{props.renderDefault(props)}</Suspense>
           <Suspense key="broadcast-displayed-document">
             <BroadcastDisplayedDocument key={documentId} value={value} />
           </Suspense>
diff --git a/packages/presentation/src/preview/PreviewFrame.tsx b/packages/presentation/src/preview/PreviewFrame.tsx
index 4aeb6aa7e..7bd36f340 100644
--- a/packages/presentation/src/preview/PreviewFrame.tsx
+++ b/packages/presentation/src/preview/PreviewFrame.tsx
@@ -1,4 +1,4 @@
-import type {ChannelStatus} from '@repo/channels'
+import type {Status} from '@sanity/comlink'
 import {
   CheckmarkIcon,
   ChevronDownIcon,
@@ -14,7 +14,6 @@ import {withoutSecretSearchParams} from '@sanity/preview-url-secret/without-secr
 import {
   Box,
   Button,
-  type ButtonTone,
   Card,
   Code,
   Flex,
@@ -29,21 +28,24 @@ import {
   Tooltip,
   TooltipDelayGroupProvider,
   usePrefersReducedMotion,
+  type ButtonTone,
 } from '@sanity/ui'
 import {AnimatePresence, motion, MotionConfig} from 'framer-motion'
 import {
-  type ComponentType,
   createElement,
   forwardRef,
+  memo,
   useCallback,
   useEffect,
+  useImperativeHandle,
   useMemo,
+  useRef,
   useState,
+  type ComponentType,
 } from 'react'
 import {Hotkeys, useTranslation} from 'sanity'
-
 import {ErrorCard} from '../components/ErrorCard'
-import {MAX_TIME_TO_OVERLAYS_CONNECTION} from '../constants'
+import {MAX_TIME_TO_OVERLAYS_CONNECTION, QRCODE_ENABLED} from '../constants'
 import {presentationLocaleNamespace} from '../i18n'
 import {
   ACTION_IFRAME_LOADED,
@@ -55,7 +57,9 @@ import type {PresentationPerspective, PresentationViewport} from '../types'
 import {usePresentationTool} from '../usePresentationTool'
 import {IFrame} from './IFrame'
 import {PreviewLocationInput} from './PreviewLocationInput'
-import {ShareUrlMenuItems} from './ShareUrlMenuItems'
+import {ShareUrlDialog} from './ShareUrlDialog'
+import {ShareUrlMenuItems as ShareUrlMenuItemsWithoutQRCode} from './ShareUrlMenuItems'
+import {ShareUrlMenuItemsWithQRCode} from './ShareUrlMenuItemsWithQRCode'
 
 const MotionFlex = motion(Flex)
 
@@ -77,12 +81,12 @@ const PERSPECTIVE_ICONS: Record<PresentationPerspective, ComponentType> = {
 export interface PreviewFrameProps extends Pick<PresentationState, 'iframe' | 'visualEditing'> {
   dispatch: DispatchPresentationAction
   initialUrl: URL
-  loadersConnection: ChannelStatus
+  loadersConnection: Status
   navigatorEnabled: boolean
   onPathChange: (nextPath: string) => void
   onRefresh: (fallback: () => void) => void
   openPopup: (url: string) => void
-  overlaysConnection: ChannelStatus
+  overlaysConnection: Status
   perspective: PresentationPerspective
   previewUrl?: string
   setPerspective: (perspective: 'previewDrafts' | 'published') => void
@@ -93,180 +97,462 @@ export interface PreviewFrameProps extends Pick<PresentationState, 'iframe' | 'v
   viewport: PresentationViewport
 }
 
-export const PreviewFrame = forwardRef<HTMLIFrameElement, PreviewFrameProps>(
-  function PreviewFrame(props, ref) {
-    const {
-      dispatch,
-      iframe,
-      initialUrl,
-      loadersConnection,
-      navigatorEnabled,
-      onPathChange,
-      onRefresh,
-      openPopup,
-      overlaysConnection,
-      perspective,
-      previewUrl,
-      setPerspective,
-      setViewport,
-      targetOrigin,
-      toggleNavigator,
-      toggleOverlay,
-      viewport,
-      visualEditing: {overlaysEnabled},
-    } = props
-
-    const {t} = useTranslation(presentationLocaleNamespace)
-    const {devMode} = usePresentationTool()
-    const prefersReducedMotion = usePrefersReducedMotion()
-
-    const toggleViewportSize = useCallback(
-      () => setViewport(viewport === 'desktop' ? 'mobile' : 'desktop'),
-      [setViewport, viewport],
-    )
-    const loading = iframe.status === 'loading' || iframe.status === 'reloading'
-    const [timedOut, setTimedOut] = useState(false)
-    const refreshing = iframe.status === 'refreshing'
-    const [somethingIsWrong, setSomethingIsWrong] = useState(false)
-    const iframeIsBusy = loading || refreshing || overlaysConnection === 'connecting'
-
-    const previewLocationOrigin = useMemo(() => {
-      return targetOrigin === location.origin ? '' : targetOrigin
-    }, [targetOrigin])
-
-    const handleRefresh = useCallback(() => {
-      onRefresh(() => {
-        if (typeof ref === 'function' || !ref?.current) {
+export const PreviewFrame = memo(
+  forwardRef<HTMLIFrameElement, PreviewFrameProps>(
+    function PreviewFrameComponent(props, forwardedRef) {
+      const {
+        dispatch,
+        iframe,
+        initialUrl,
+        loadersConnection,
+        navigatorEnabled,
+        onPathChange,
+        onRefresh,
+        openPopup,
+        overlaysConnection,
+        perspective,
+        previewUrl,
+        setPerspective,
+        setViewport,
+        targetOrigin,
+        toggleNavigator,
+        toggleOverlay,
+        viewport,
+        visualEditing: {overlaysEnabled},
+      } = props
+
+      const {t} = useTranslation(presentationLocaleNamespace)
+      const {devMode} = usePresentationTool()
+      const prefersReducedMotion = usePrefersReducedMotion()
+      const ref = useRef<HTMLIFrameElement | null>(null)
+
+      // Forward the iframe ref to the parent component
+      useImperativeHandle<HTMLIFrameElement | null, HTMLIFrameElement | null>(
+        forwardedRef,
+        () => ref.current,
+      )
+
+      const toggleViewportSize = useCallback(
+        () => setViewport(viewport === 'desktop' ? 'mobile' : 'desktop'),
+        [setViewport, viewport],
+      )
+      const loading = iframe.status === 'loading' || iframe.status === 'reloading'
+      const [timedOut, setTimedOut] = useState(false)
+      const refreshing = iframe.status === 'refreshing'
+      const [somethingIsWrong, setSomethingIsWrong] = useState(false)
+      const iframeIsBusy = loading || refreshing || overlaysConnection === 'connecting'
+
+      const previewLocationOrigin = useMemo(() => {
+        return targetOrigin === location.origin ? '' : targetOrigin
+      }, [targetOrigin])
+
+      const handleRefresh = useCallback(() => {
+        onRefresh(() => {
+          if (!ref.current) {
+            return
+          }
+          dispatch({type: ACTION_IFRAME_RELOAD})
+          // Funky way to reload an iframe without CORS issues
+          // eslint-disable-next-line no-self-assign
+          // ref.current.src = ref.current.src
+          ref.current.src = `${targetOrigin}${previewUrl || '/'}`
+        })
+      }, [dispatch, onRefresh, previewUrl, targetOrigin])
+      const handleRetry = useCallback(() => {
+        if (!ref.current) {
           return
         }
-        dispatch({type: ACTION_IFRAME_RELOAD})
-        // Funky way to reload an iframe without CORS issues
-        // eslint-disable-next-line no-self-assign
-        // ref.current.src = ref.current.src
-        ref.current.src = `${targetOrigin}${previewUrl || '/'}`
-      })
-    }, [dispatch, onRefresh, previewUrl, targetOrigin, ref])
-    const handleRetry = useCallback(() => {
-      if (typeof ref === 'function' || !ref?.current) {
-        return
-      }
 
-      ref.current.src = initialUrl.toString()
+        ref.current.src = initialUrl.toString()
 
-      dispatch({type: ACTION_IFRAME_RELOAD})
-    }, [dispatch, ref, initialUrl])
-    const handleContinueAnyway = useCallback(() => {
-      setContinueAnyway(true)
-    }, [])
+        dispatch({type: ACTION_IFRAME_RELOAD})
+      }, [dispatch, initialUrl])
+      const handleContinueAnyway = useCallback(() => {
+        setContinueAnyway(true)
+      }, [])
+
+      const [continueAnyway, setContinueAnyway] = useState(false)
+      const [showOverlaysConnectionStatus, setShowOverlaysConnectionState] = useState(false)
+      useEffect(() => {
+        if (loading || refreshing) {
+          return
+        }
 
-    const [continueAnyway, setContinueAnyway] = useState(false)
-    const [showOverlaysConnectionStatus, setShowOverlaysConnectionState] = useState(false)
-    useEffect(() => {
-      if (loading || refreshing) {
-        return
-      }
-
-      if (overlaysConnection === 'connecting' || overlaysConnection === 'reconnecting') {
-        const timeout = setTimeout(() => {
-          setShowOverlaysConnectionState(true)
-        }, 1000)
-        return () => clearTimeout(timeout)
-      }
-      return
-    }, [overlaysConnection, loading, refreshing])
-
-    useEffect(() => {
-      if (loading || refreshing || !showOverlaysConnectionStatus) {
+        if (overlaysConnection === 'connecting' || overlaysConnection === 'reconnecting') {
+          const timeout = setTimeout(() => {
+            setShowOverlaysConnectionState(true)
+          }, 5_000)
+          return () => clearTimeout(timeout)
+        }
         return
-      }
-      if (overlaysConnection === 'connected') {
-        setSomethingIsWrong(false)
-        setShowOverlaysConnectionState(false)
-        setTimedOut(false)
-        setContinueAnyway(false)
-      }
-      if (overlaysConnection === 'connecting') {
-        const timeout = setTimeout(() => {
-          setTimedOut(true)
-          // eslint-disable-next-line no-console
-          console.error(
-            `Unable to connect to visual editing. Make sure you've setup '@sanity/visual-editing' correctly`,
-          )
-        }, MAX_TIME_TO_OVERLAYS_CONNECTION)
-        return () => clearTimeout(timeout)
-      }
-      if (overlaysConnection === 'reconnecting') {
-        const timeout = setTimeout(() => {
-          setTimedOut(true)
+      }, [overlaysConnection, loading, refreshing])
+
+      useEffect(() => {
+        if (loading || refreshing || !showOverlaysConnectionStatus) {
+          return
+        }
+        if (overlaysConnection === 'connected') {
+          setSomethingIsWrong(false)
+          setShowOverlaysConnectionState(false)
+          setTimedOut(false)
+          setContinueAnyway(false)
+        }
+        if (overlaysConnection === 'connecting') {
+          const timeout = setTimeout(() => {
+            setTimedOut(true)
+            // eslint-disable-next-line no-console
+            console.error(
+              `Unable to connect to visual editing. Make sure you've setup '@sanity/visual-editing' correctly`,
+            )
+          }, MAX_TIME_TO_OVERLAYS_CONNECTION)
+          return () => clearTimeout(timeout)
+        }
+        if (overlaysConnection === 'reconnecting') {
+          const timeout = setTimeout(() => {
+            setTimedOut(true)
+            setSomethingIsWrong(true)
+          }, MAX_TIME_TO_OVERLAYS_CONNECTION)
+          return () => clearTimeout(timeout)
+        }
+        if (overlaysConnection === 'disconnected') {
           setSomethingIsWrong(true)
-        }, MAX_TIME_TO_OVERLAYS_CONNECTION)
-        return () => clearTimeout(timeout)
-      }
-      if (overlaysConnection === 'disconnected') {
-        setSomethingIsWrong(true)
-      }
-      return
-    }, [loading, overlaysConnection, refreshing, showOverlaysConnectionStatus])
-
-    const previewLocationRoute = useMemo(() => {
-      const previewURL = new URL(previewUrl || '/', targetOrigin)
-      const {pathname, search} = withoutSecretSearchParams(previewURL)
-
-      return `${pathname}${search}`
-    }, [previewUrl, targetOrigin])
-
-    const onIFrameLoad = useCallback(() => {
-      dispatch({type: ACTION_IFRAME_LOADED})
-    }, [dispatch])
-
-    /**
-     * Ensure that clicking outside of menus and dialogs will close as focus shifts to the iframe
-     */
-    useEffect(() => {
-      if (typeof ref === 'function' || !ref?.current) {
+        }
         return
-      }
-      const instance = ref.current
-      function handleBlur() {
-        if (instance !== document.activeElement) {
+      }, [loading, overlaysConnection, refreshing, showOverlaysConnectionStatus])
+
+      const previewLocationRoute = useMemo(() => {
+        const previewURL = new URL(previewUrl || '/', targetOrigin)
+        const {pathname, search} = withoutSecretSearchParams(previewURL)
+
+        return `${pathname}${search}`
+      }, [previewUrl, targetOrigin])
+
+      const onIFrameLoad = useCallback(() => {
+        dispatch({type: ACTION_IFRAME_LOADED})
+      }, [dispatch])
+
+      /**
+       * Ensure that clicking outside of menus and dialogs will close as focus shifts to the iframe
+       */
+      useEffect(() => {
+        if (!ref.current) {
           return
         }
+        const instance = ref.current
+        function handleBlur() {
+          if (instance !== document.activeElement) {
+            return
+          }
 
-        instance.dispatchEvent(new MouseEvent('mousedown', {bubbles: true, cancelable: true}))
-      }
-      window.addEventListener('blur', handleBlur)
-      return () => {
-        window.removeEventListener('blur', handleBlur)
-      }
-    }, [ref])
+          instance.dispatchEvent(new MouseEvent('mousedown', {bubbles: true, cancelable: true}))
+        }
+        window.addEventListener('blur', handleBlur)
+        return () => {
+          window.removeEventListener('blur', handleBlur)
+        }
+      }, [])
+
+      const preventIframeInteraction = useMemo(() => {
+        return (
+          (loading || (overlaysConnection === 'connecting' && iframe.status !== 'refreshing')) &&
+          !continueAnyway
+        )
+      }, [continueAnyway, iframe.status, loading, overlaysConnection])
+
+      const iframeAnimations = useMemo(() => {
+        return [
+          preventIframeInteraction ? 'background' : 'active',
+          loading ? 'reloading' : 'idle',
+          viewport,
+          showOverlaysConnectionStatus && !continueAnyway ? 'timedOut' : '',
+        ]
+      }, [
+        continueAnyway,
+        loading,
+        preventIframeInteraction,
+        showOverlaysConnectionStatus,
+        viewport,
+      ])
+
+      const [shareUrlDialogOpen, setShareUrlDialogOpen] = useState(false)
+      const handleShareUrlDialogOpen = useCallback(() => setShareUrlDialogOpen(true), [])
+      const handleShareUrlDialogClose = useCallback(() => setShareUrlDialogOpen(false), [])
 
-    const preventIframeInteraction = useMemo(() => {
       return (
-        (loading || (overlaysConnection === 'connecting' && iframe.status !== 'refreshing')) &&
-        !continueAnyway
-      )
-    }, [continueAnyway, iframe.status, loading, overlaysConnection])
+        <MotionConfig transition={prefersReducedMotion ? {duration: 0} : undefined}>
+          <TooltipDelayGroupProvider delay={1000}>
+            <Card flex="none" padding={2} shadow={1} style={{position: 'relative'}}>
+              <Flex align="center" style={{minHeight: 0}}>
+                {toggleNavigator && (
+                  <Box flex="none" marginRight={1} padding={1}>
+                    <Tooltip
+                      animate
+                      content={
+                        <Text size={1}>{t('preview-frame.navigator.toggle-button.tooltip')}</Text>
+                      }
+                      fallbackPlacements={['bottom-start']}
+                      padding={2}
+                      placement="bottom"
+                      portal
+                    >
+                      <Button
+                        aria-label={t('preview-frame.navigator.toggle-button.aria-label')}
+                        fontSize={1}
+                        icon={PanelLeftIcon}
+                        mode="bleed"
+                        onClick={toggleNavigator}
+                        padding={2}
+                        selected={navigatorEnabled}
+                      />
+                    </Tooltip>
+                  </Box>
+                )}
 
-    const iframeAnimations = useMemo(() => {
-      return [
-        preventIframeInteraction ? 'background' : 'active',
-        loading ? 'reloading' : 'idle',
-        viewport,
-        showOverlaysConnectionStatus && !continueAnyway ? 'timedOut' : '',
-      ]
-    }, [continueAnyway, loading, preventIframeInteraction, showOverlaysConnectionStatus, viewport])
-
-    return (
-      <MotionConfig transition={prefersReducedMotion ? {duration: 0} : undefined}>
-        <TooltipDelayGroupProvider delay={1000}>
-          <Card flex="none" padding={2} shadow={1} style={{position: 'relative'}}>
-            <Flex align="center" style={{minHeight: 0}}>
-              {toggleNavigator && (
-                <Box flex="none" marginRight={1} padding={1}>
+                <Tooltip
+                  animate
+                  content={
+                    <Flex align="center" style={{whiteSpace: 'nowrap'}}>
+                      <Box padding={1}>
+                        <Text size={1}>
+                          {t('preview-frame.overlay.toggle-button.tooltip', {
+                            context: overlaysEnabled ? 'disable' : 'enable',
+                          })}
+                        </Text>
+                      </Box>
+                      <Box paddingY={1}>
+                        <Hotkeys keys={['Alt']} style={{marginTop: -4, marginBottom: -4}} />
+                      </Box>
+                    </Flex>
+                  }
+                  fallbackPlacements={['bottom-start']}
+                  padding={1}
+                  placement="bottom"
+                  portal
+                >
+                  <Card
+                    as="label"
+                    flex="none"
+                    marginRight={1}
+                    padding={3}
+                    style={{
+                      lineHeight: 0,
+                      borderRadius: 999,
+                      userSelect: 'none',
+                    }}
+                    tone={overlaysEnabled ? 'transparent' : undefined}
+                  >
+                    <Flex align="center" gap={3}>
+                      <div style={{margin: -4}}>
+                        <Switch
+                          checked={overlaysEnabled}
+                          onChange={toggleOverlay}
+                          disabled={
+                            iframe.status === 'loading' || overlaysConnection !== 'connected'
+                          }
+                        />
+                      </div>
+                      <Box>
+                        <Text muted={!overlaysEnabled} size={1} weight="medium">
+                          {t('preview-frame.overlay.toggle-button.text')}
+                        </Text>
+                      </Box>
+                    </Flex>
+                  </Card>
+                </Tooltip>
+
+                <Box flex={1} marginX={1}>
+                  <PreviewLocationInput
+                    prefix={
+                      <Box padding={1}>
+                        <Tooltip
+                          animate
+                          content={
+                            <Text size={1}>
+                              {iframe.status === 'loaded'
+                                ? t('preview-frame.refresh-button.tooltip')
+                                : t('preview-frame.status', {context: iframe.status})}
+                            </Text>
+                          }
+                          fallbackPlacements={['bottom-start']}
+                          padding={2}
+                          placement="bottom"
+                          portal
+                        >
+                          <Button
+                            aria-label={t('preview-frame.refresh-button.aria-label')}
+                            fontSize={1}
+                            icon={RefreshIcon}
+                            mode="bleed"
+                            loading={
+                              iframe.status === 'reloading' || iframe.status === 'refreshing'
+                            }
+                            onClick={handleRefresh}
+                            padding={2}
+                          />
+                        </Tooltip>
+                      </Box>
+                    }
+                    onChange={onPathChange}
+                    origin={previewLocationOrigin}
+                    suffix={
+                      <Box padding={1}>
+                        <MenuButton
+                          button={
+                            <Button
+                              fontSize={1}
+                              iconRight={ShareIcon}
+                              mode="bleed"
+                              padding={2}
+                              space={2}
+                            />
+                          }
+                          id="location-menu"
+                          menu={
+                            <Menu>
+                              {QRCODE_ENABLED ? (
+                                <ShareUrlMenuItemsWithQRCode
+                                  openPopup={openPopup}
+                                  previewLocationOrigin={previewLocationOrigin}
+                                  previewLocationRoute={previewLocationRoute}
+                                  handleShareUrlDialogOpen={handleShareUrlDialogOpen}
+                                />
+                              ) : (
+                                <ShareUrlMenuItemsWithoutQRCode
+                                  initialUrl={initialUrl}
+                                  openPopup={openPopup}
+                                  previewLocationOrigin={previewLocationOrigin}
+                                  previewLocationRoute={previewLocationRoute}
+                                />
+                              )}
+                            </Menu>
+                          }
+                          popover={{
+                            animate: true,
+                            constrainSize: true,
+                            placement: 'bottom',
+                            portal: true,
+                          }}
+                        />
+                      </Box>
+                    }
+                    value={previewLocationRoute}
+                  />
+                  {QRCODE_ENABLED
+                    ? shareUrlDialogOpen && (
+                        <ShareUrlDialog
+                          initialUrl={initialUrl}
+                          previewLocationRoute={previewLocationRoute}
+                          onClose={handleShareUrlDialogClose}
+                        />
+                      )
+                    : null}
+                </Box>
+
+                <Flex align="center" flex="none" gap={1} padding={1}>
+                  <MenuButton
+                    button={
+                      <Button
+                        fontSize={1}
+                        iconRight={ChevronDownIcon}
+                        mode="bleed"
+                        padding={2}
+                        space={2}
+                        text={t(
+                          PERSPECTIVE_TITLE_KEY[
+                            loadersConnection === 'connected' ? perspective : 'previewDrafts'
+                          ],
+                        )}
+                        loading={loadersConnection === 'reconnecting' && iframe.status !== 'loaded'}
+                        disabled={loadersConnection !== 'connected'}
+                      />
+                    }
+                    id="perspective-menu"
+                    menu={
+                      <Menu style={{maxWidth: 240}}>
+                        <MenuItem
+                          fontSize={1}
+                          onClick={() => setPerspective('previewDrafts')}
+                          padding={3}
+                          pressed={perspective === 'previewDrafts'}
+                          tone={PERSPECTIVE_TONES.previewDrafts}
+                        >
+                          <Flex align="flex-start" gap={3}>
+                            <Box flex="none">
+                              <Text size={1}>{createElement(PERSPECTIVE_ICONS.previewDrafts)}</Text>
+                            </Box>
+                            <Stack flex={1} space={2}>
+                              <Text size={1} weight="medium">
+                                {t(PERSPECTIVE_TITLE_KEY['previewDrafts'])}
+                              </Text>
+                              <Text muted size={1}>
+                                {t('preview-frame.perspective.previewDrafts.text')}
+                              </Text>
+                            </Stack>
+                            <Box flex="none">
+                              <Text
+                                muted
+                                size={1}
+                                style={{
+                                  opacity: perspective === 'previewDrafts' ? 1 : 0,
+                                }}
+                              >
+                                <CheckmarkIcon />
+                              </Text>
+                            </Box>
+                          </Flex>
+                        </MenuItem>
+                        <MenuItem
+                          fontSize={1}
+                          onClick={() => setPerspective('published')}
+                          padding={3}
+                          pressed={perspective === 'published'}
+                          tone={PERSPECTIVE_TONES.published}
+                        >
+                          <Flex align="flex-start" gap={3}>
+                            <Box flex="none">
+                              <Text size={1}>{createElement(PERSPECTIVE_ICONS.published)}</Text>
+                            </Box>
+                            <Stack flex={1} space={2}>
+                              <Text size={1} weight="medium">
+                                {t(PERSPECTIVE_TITLE_KEY['published'])}
+                              </Text>
+                              <Text muted size={1}>
+                                {t('preview-frame.perspective.published.text')}
+                              </Text>
+                            </Stack>
+                            <Box flex="none">
+                              <Text
+                                muted
+                                size={1}
+                                style={{
+                                  opacity: perspective === 'published' ? 1 : 0,
+                                }}
+                              >
+                                <CheckmarkIcon />
+                              </Text>
+                            </Box>
+                          </Flex>
+                        </MenuItem>
+                      </Menu>
+                    }
+                    popover={{
+                      animate: true,
+                      constrainSize: true,
+                      placement: 'bottom',
+                      portal: true,
+                    }}
+                  />
+                </Flex>
+
+                <Flex align="center" flex="none" gap={1}>
                   <Tooltip
                     animate
                     content={
-                      <Text size={1}>{t('preview-frame.navigator.toggle-button.tooltip')}</Text>
+                      <Text size={1}>
+                        {t('preview-frame.viewport-button.tooltip', {
+                          context: viewport === 'desktop' ? 'narrow' : 'full',
+                        })}
+                      </Text>
                     }
                     fallbackPlacements={['bottom-start']}
                     padding={2}
@@ -274,442 +560,202 @@ export const PreviewFrame = forwardRef<HTMLIFrameElement, PreviewFrameProps>(
                     portal
                   >
                     <Button
-                      aria-label={t('preview-frame.navigator.toggle-button.aria-label')}
+                      aria-label={t('preview-frame.viewport-button.aria-label')}
                       fontSize={1}
-                      icon={PanelLeftIcon}
+                      icon={viewport === 'desktop' ? MobileDeviceIcon : DesktopIcon}
                       mode="bleed"
-                      onClick={toggleNavigator}
+                      onClick={toggleViewportSize}
                       padding={2}
-                      selected={navigatorEnabled}
                     />
                   </Tooltip>
-                </Box>
-              )}
-
-              <Tooltip
-                animate
-                content={
-                  <Flex align="center" style={{whiteSpace: 'nowrap'}}>
-                    <Box padding={1}>
-                      <Text size={1}>
-                        {t('preview-frame.overlay.toggle-button.tooltip', {
-                          context: overlaysEnabled ? 'disable' : 'enable',
-                        })}
-                      </Text>
-                    </Box>
-                    <Box paddingY={1}>
-                      <Hotkeys keys={['Alt']} style={{marginTop: -4, marginBottom: -4}} />
-                    </Box>
-                  </Flex>
-                }
-                fallbackPlacements={['bottom-start']}
-                padding={1}
-                placement="bottom"
-                portal
+                </Flex>
+              </Flex>
+            </Card>
+
+            <Card flex={1} tone="transparent">
+              <Flex
+                align="center"
+                height="fill"
+                justify="center"
+                padding={viewport === 'desktop' ? 0 : 2}
+                sizing="border"
+                style={{
+                  position: 'relative',
+                  cursor: iframeIsBusy ? 'wait' : undefined,
+                }}
               >
-                <Card
-                  as="label"
-                  flex="none"
-                  marginRight={1}
-                  padding={3}
-                  style={{
-                    lineHeight: 0,
-                    borderRadius: 999,
-                    userSelect: 'none',
-                  }}
-                  tone={overlaysEnabled ? 'transparent' : undefined}
-                >
-                  <Flex align="center" gap={3}>
-                    <div style={{margin: -4}}>
-                      <Switch
-                        checked={overlaysEnabled}
-                        onChange={toggleOverlay}
-                        disabled={iframe.status === 'loading' || overlaysConnection !== 'connected'}
-                      />
-                    </div>
-                    <Box>
-                      <Text muted={!overlaysEnabled} size={1} weight="medium">
-                        {t('preview-frame.overlay.toggle-button.text')}
-                      </Text>
-                    </Box>
-                  </Flex>
-                </Card>
-              </Tooltip>
-
-              <Box flex={1} marginX={1}>
-                <PreviewLocationInput
-                  prefix={
-                    <Box padding={1}>
-                      <Tooltip
-                        animate
-                        content={
-                          <Text size={1}>
-                            {iframe.status === 'loaded'
-                              ? t('preview-frame.refresh-button.tooltip')
-                              : t('preview-frame.status', {context: iframe.status})}
-                          </Text>
-                        }
-                        fallbackPlacements={['bottom-start']}
-                        padding={2}
-                        placement="bottom"
-                        portal
+                <AnimatePresence>
+                  {!somethingIsWrong &&
+                  !loading &&
+                  !refreshing &&
+                  showOverlaysConnectionStatus &&
+                  !continueAnyway ? (
+                    <MotionFlex
+                      initial="initial"
+                      animate="animate"
+                      exit="exit"
+                      variants={spinnerVariants}
+                      justify="center"
+                      align="center"
+                      style={{
+                        inset: '0',
+                        position: 'absolute',
+                        backdropFilter: timedOut
+                          ? 'blur(16px) saturate(0.5) grayscale(0.5)'
+                          : 'blur(2px)',
+                        ['transition' as string]: 'backdrop-filter 0.2s ease-in-out',
+                        // @TODO Because of Safari we have to do this
+                        WebkitBackdropFilter: timedOut
+                          ? 'blur(16px) saturate(0.5) grayscale(0.5)'
+                          : 'blur(2px)',
+                        WebkitTransition: '-webkit-backdrop-filter 0.2s ease-in-out',
+                        zIndex: 1,
+                      }}
+                    >
+                      <Flex
+                        style={{...sizes[viewport]}}
+                        justify="center"
+                        align="center"
+                        direction="column"
+                        gap={4}
                       >
-                        <Button
-                          aria-label={t('preview-frame.refresh-button.aria-label')}
-                          fontSize={1}
-                          icon={RefreshIcon}
-                          mode="bleed"
-                          loading={iframe.status === 'reloading' || iframe.status === 'refreshing'}
-                          onClick={handleRefresh}
-                          padding={2}
-                        />
-                      </Tooltip>
-                    </Box>
-                  }
-                  onChange={onPathChange}
-                  origin={previewLocationOrigin}
-                  suffix={
-                    <Box padding={1}>
-                      <MenuButton
-                        button={
+                        {timedOut && (
                           <Button
+                            disabled
                             fontSize={1}
-                            iconRight={ShareIcon}
-                            mode="bleed"
-                            padding={2}
-                            space={2}
+                            mode="ghost"
+                            text={t('preview-frame.continue-button.text')}
+                            style={{opacity: 0}}
                           />
-                        }
-                        id="location-menu"
-                        menu={
-                          <Menu>
-                            <ShareUrlMenuItems
-                              initialUrl={initialUrl}
-                              openPopup={openPopup}
-                              previewLocationOrigin={previewLocationOrigin}
-                              previewLocationRoute={previewLocationRoute}
-                            />
-                          </Menu>
-                        }
-                        popover={{
-                          animate: true,
-                          constrainSize: true,
-                          placement: 'bottom',
-                          portal: true,
-                        }}
-                      />
-                    </Box>
-                  }
-                  value={previewLocationRoute}
-                />
-              </Box>
-
-              <Flex align="center" flex="none" gap={1} padding={1}>
-                <MenuButton
-                  button={
-                    <Button
-                      fontSize={1}
-                      iconRight={ChevronDownIcon}
-                      mode="bleed"
-                      padding={2}
-                      space={2}
-                      text={t(
-                        PERSPECTIVE_TITLE_KEY[
-                          loadersConnection === 'connected' ? perspective : 'previewDrafts'
-                        ],
-                      )}
-                      loading={loadersConnection === 'reconnecting' && iframe.status !== 'loaded'}
-                      disabled={loadersConnection !== 'connected'}
-                    />
-                  }
-                  id="perspective-menu"
-                  menu={
-                    <Menu style={{maxWidth: 240}}>
-                      <MenuItem
-                        fontSize={1}
-                        onClick={() => setPerspective('previewDrafts')}
-                        padding={3}
-                        pressed={perspective === 'previewDrafts'}
-                        tone={PERSPECTIVE_TONES.previewDrafts}
-                      >
-                        <Flex align="flex-start" gap={3}>
-                          <Box flex="none">
-                            <Text size={1}>{createElement(PERSPECTIVE_ICONS.previewDrafts)}</Text>
-                          </Box>
-                          <Stack flex={1} space={2}>
-                            <Text size={1} weight="medium">
-                              {t(PERSPECTIVE_TITLE_KEY['previewDrafts'])}
-                            </Text>
-                            <Text muted size={1}>
-                              {t('preview-frame.perspective.previewDrafts.text')}
-                            </Text>
-                          </Stack>
-                          <Box flex="none">
-                            <Text
-                              muted
-                              size={1}
-                              style={{
-                                opacity: perspective === 'previewDrafts' ? 1 : 0,
-                              }}
-                            >
-                              <CheckmarkIcon />
-                            </Text>
-                          </Box>
-                        </Flex>
-                      </MenuItem>
-                      <MenuItem
-                        fontSize={1}
-                        onClick={() => setPerspective('published')}
-                        padding={3}
-                        pressed={perspective === 'published'}
-                        tone={PERSPECTIVE_TONES.published}
-                      >
-                        <Flex align="flex-start" gap={3}>
-                          <Box flex="none">
-                            <Text size={1}>{createElement(PERSPECTIVE_ICONS.published)}</Text>
-                          </Box>
-                          <Stack flex={1} space={2}>
-                            <Text size={1} weight="medium">
-                              {t(PERSPECTIVE_TITLE_KEY['published'])}
-                            </Text>
+                        )}
+                        <Card
+                          radius={2}
+                          tone={timedOut ? 'caution' : 'inherit'}
+                          padding={4}
+                          shadow={1}
+                        >
+                          <Flex justify="center" align="center" direction="column" gap={4}>
+                            <Spinner muted />
                             <Text muted size={1}>
-                              {t('preview-frame.perspective.published.text')}
+                              {timedOut
+                                ? t('preview-frame.status', {context: 'timeout'})
+                                : t('preview-frame.status', {context: 'connecting'})}
                             </Text>
-                          </Stack>
-                          <Box flex="none">
-                            <Text
-                              muted
-                              size={1}
-                              style={{
-                                opacity: perspective === 'published' ? 1 : 0,
-                              }}
-                            >
-                              <CheckmarkIcon />
-                            </Text>
-                          </Box>
-                        </Flex>
-                      </MenuItem>
-                    </Menu>
-                  }
-                  popover={{
-                    animate: true,
-                    constrainSize: true,
-                    placement: 'bottom',
-                    portal: true,
-                  }}
-                />
-              </Flex>
-
-              <Flex align="center" flex="none" gap={1}>
-                <Tooltip
-                  animate
-                  content={
-                    <Text size={1}>
-                      {t('preview-frame.viewport-button.tooltip', {
-                        context: viewport === 'desktop' ? 'narrow' : 'full',
-                      })}
-                    </Text>
-                  }
-                  fallbackPlacements={['bottom-start']}
-                  padding={2}
-                  placement="bottom"
-                  portal
-                >
-                  <Button
-                    aria-label={t('preview-frame.viewport-button.aria-label')}
-                    fontSize={1}
-                    icon={viewport === 'desktop' ? MobileDeviceIcon : DesktopIcon}
-                    mode="bleed"
-                    onClick={toggleViewportSize}
-                    padding={2}
-                  />
-                </Tooltip>
-              </Flex>
-            </Flex>
-          </Card>
-
-          <Card flex={1} tone="transparent">
-            <Flex
-              align="center"
-              height="fill"
-              justify="center"
-              padding={viewport === 'desktop' ? 0 : 2}
-              sizing="border"
-              style={{
-                position: 'relative',
-                cursor: iframeIsBusy ? 'wait' : undefined,
-              }}
-            >
-              <AnimatePresence>
-                {!somethingIsWrong &&
-                !loading &&
-                !refreshing &&
-                showOverlaysConnectionStatus &&
-                !continueAnyway ? (
-                  <MotionFlex
-                    initial="initial"
-                    animate="animate"
-                    exit="exit"
-                    variants={spinnerVariants}
-                    justify="center"
-                    align="center"
-                    style={{
-                      inset: '0',
-                      position: 'absolute',
-                      backdropFilter: timedOut
-                        ? 'blur(16px) saturate(0.5) grayscale(0.5)'
-                        : 'blur(2px)',
-                      ['transition' as string]: 'backdrop-filter 0.2s ease-in-out',
-                      // @TODO Because of Safari we have to do this
-                      WebkitBackdropFilter: timedOut
-                        ? 'blur(16px) saturate(0.5) grayscale(0.5)'
-                        : 'blur(2px)',
-                      WebkitTransition: '-webkit-backdrop-filter 0.2s ease-in-out',
-                      zIndex: 1,
-                    }}
-                  >
-                    <Flex
-                      style={{...sizes[viewport]}}
+                          </Flex>
+                        </Card>
+                        {timedOut && (
+                          <Button
+                            fontSize={1}
+                            // mode="ghost"
+                            tone="critical"
+                            onClick={handleContinueAnyway}
+                            text={t('preview-frame.continue-button.text')}
+                          />
+                        )}
+                      </Flex>
+                    </MotionFlex>
+                  ) : (loading ||
+                      (overlaysConnection === 'connecting' && iframe.status !== 'refreshing')) &&
+                    !continueAnyway ? (
+                    <MotionFlex
+                      initial="initial"
+                      animate="animate"
+                      exit="exit"
+                      variants={spinnerVariants}
                       justify="center"
                       align="center"
-                      direction="column"
-                      gap={4}
+                      style={{
+                        inset: '0',
+                        position: 'absolute',
+                        // boxShadow: '0 0 0 1px var(--card-shadow-outline-color)',
+                      }}
                     >
-                      {timedOut && (
-                        <Button
-                          disabled
-                          fontSize={1}
-                          mode="ghost"
-                          text={t('preview-frame.continue-button.text')}
-                          style={{opacity: 0}}
-                        />
-                      )}
-                      <Card
-                        radius={2}
-                        tone={timedOut ? 'caution' : 'inherit'}
-                        padding={4}
-                        shadow={1}
+                      <Flex
+                        style={{...sizes[viewport]}}
+                        justify="center"
+                        align="center"
+                        direction="column"
+                        gap={4}
                       >
-                        <Flex justify="center" align="center" direction="column" gap={4}>
-                          <Spinner muted />
-                          <Text muted size={1}>
-                            {timedOut
-                              ? t('preview-frame.status', {context: 'timeout'})
-                              : t('preview-frame.status', {context: 'connecting'})}
-                          </Text>
-                        </Flex>
-                      </Card>
-                      {timedOut && (
-                        <Button
-                          fontSize={1}
-                          // mode="ghost"
-                          tone="critical"
-                          onClick={handleContinueAnyway}
-                          text={t('preview-frame.continue-button.text')}
-                        />
-                      )}
-                    </Flex>
-                  </MotionFlex>
-                ) : (loading ||
-                    (overlaysConnection === 'connecting' && iframe.status !== 'refreshing')) &&
-                  !continueAnyway ? (
-                  <MotionFlex
-                    initial="initial"
-                    animate="animate"
-                    exit="exit"
-                    variants={spinnerVariants}
-                    justify="center"
-                    align="center"
-                    style={{
-                      inset: '0',
-                      position: 'absolute',
-                      // boxShadow: '0 0 0 1px var(--card-shadow-outline-color)',
-                    }}
-                  >
-                    <Flex
-                      style={{...sizes[viewport]}}
+                        <Spinner muted />
+                        <Text muted size={1}>
+                          {t('preview-frame.status', {context: 'loading'})}
+                        </Text>
+                      </Flex>
+                    </MotionFlex>
+                  ) : somethingIsWrong && !continueAnyway ? (
+                    <MotionFlex
+                      initial="initial"
+                      animate="animate"
+                      exit="exit"
+                      variants={errorVariants}
                       justify="center"
                       align="center"
-                      direction="column"
-                      gap={4}
-                    >
-                      <Spinner muted />
-                      <Text muted size={1}>
-                        {t('preview-frame.status', {context: 'loading'})}
-                      </Text>
-                    </Flex>
-                  </MotionFlex>
-                ) : somethingIsWrong && !continueAnyway ? (
-                  <MotionFlex
-                    initial="initial"
-                    animate="animate"
-                    exit="exit"
-                    variants={errorVariants}
-                    justify="center"
-                    align="center"
-                    style={{
-                      background: 'var(--card-bg-color)',
-                      inset: '0',
-                      position: 'absolute',
-                      borderTop: '1px solid transparent',
-                      boxShadow: '0 0 0 1px var(--card-border-color)',
-                    }}
-                  >
-                    <ErrorCard
-                      flex={1}
-                      message={t('preview-frame.connection.error.text')}
-                      onRetry={handleRetry}
-                      onContinueAnyway={handleContinueAnyway}
+                      style={{
+                        background: 'var(--card-bg-color)',
+                        inset: '0',
+                        position: 'absolute',
+                        borderTop: '1px solid transparent',
+                        boxShadow: '0 0 0 1px var(--card-border-color)',
+                      }}
                     >
-                      {devMode && (
-                        <>
-                          {overlaysConnection !== 'connected' && (
-                            <Card padding={3} radius={2} tone="critical">
-                              <Stack space={3}>
-                                <Label muted size={0}>
-                                  {t('preview-frame.overlay.connection-status.label')}
-                                </Label>
-                                <Code size={1}>
-                                  {t('channel.status', {context: overlaysConnection})}
-                                </Code>
-                              </Stack>
-                            </Card>
-                          )}
-
-                          {loadersConnection !== 'connected' && (
-                            <Card padding={3} radius={2} tone="critical">
-                              <Stack space={3}>
-                                <Label muted size={0}>
-                                  {t('preview-frame.loader.connection-status.label')}
-                                </Label>
-                                <Code size={1}>
-                                  {t('channel.status', {context: loadersConnection})}
-                                </Code>
-                              </Stack>
-                            </Card>
-                          )}
-                        </>
-                      )}
-                    </ErrorCard>
-                  </MotionFlex>
-                ) : null}
-              </AnimatePresence>
-              <IFrame
-                animate={iframeAnimations}
-                initial={['background']}
-                onLoad={onIFrameLoad}
-                preventClick={preventIframeInteraction}
-                ref={ref}
-                src={initialUrl.toString()}
-                variants={iframeVariants}
-              />
-            </Flex>
-          </Card>
-        </TooltipDelayGroupProvider>
-      </MotionConfig>
-    )
-  },
+                      <ErrorCard
+                        flex={1}
+                        message={t('preview-frame.connection.error.text')}
+                        onRetry={handleRetry}
+                        onContinueAnyway={handleContinueAnyway}
+                      >
+                        {devMode && (
+                          <>
+                            {overlaysConnection !== 'connected' && (
+                              <Card padding={3} radius={2} tone="critical">
+                                <Stack space={3}>
+                                  <Label muted size={0}>
+                                    {t('preview-frame.overlay.connection-status.label')}
+                                  </Label>
+                                  <Code size={1}>
+                                    {t('channel.status', {context: overlaysConnection})}
+                                  </Code>
+                                </Stack>
+                              </Card>
+                            )}
+
+                            {loadersConnection !== 'connected' && (
+                              <Card padding={3} radius={2} tone="critical">
+                                <Stack space={3}>
+                                  <Label muted size={0}>
+                                    {t('preview-frame.loader.connection-status.label')}
+                                  </Label>
+                                  <Code size={1}>
+                                    {t('channel.status', {context: loadersConnection})}
+                                  </Code>
+                                </Stack>
+                              </Card>
+                            )}
+                          </>
+                        )}
+                      </ErrorCard>
+                    </MotionFlex>
+                  ) : null}
+                </AnimatePresence>
+                <IFrame
+                  animate={iframeAnimations}
+                  initial={['background']}
+                  onLoad={onIFrameLoad}
+                  preventClick={preventIframeInteraction}
+                  ref={ref}
+                  src={initialUrl.toString()}
+                  variants={iframeVariants}
+                />
+              </Flex>
+            </Card>
+          </TooltipDelayGroupProvider>
+        </MotionConfig>
+      )
+    },
+  ),
 )
+PreviewFrame.displayName = 'Memo(ForwardRef(PreviewFrame))'
 
 const sizes = {
   desktop: {
diff --git a/packages/presentation/src/preview/PreviewLocationInput.tsx b/packages/presentation/src/preview/PreviewLocationInput.tsx
index 43697cbbb..9e4f466bb 100644
--- a/packages/presentation/src/preview/PreviewLocationInput.tsx
+++ b/packages/presentation/src/preview/PreviewLocationInput.tsx
@@ -1,18 +1,17 @@
 import {ResetIcon} from '@sanity/icons'
 import {TextInput, type TextInputClearButtonProps} from '@sanity/ui'
 import {
-  type ChangeEvent,
-  type FunctionComponent,
-  type KeyboardEvent,
-  type ReactNode,
   useCallback,
   useEffect,
   useMemo,
   useRef,
   useState,
+  type ChangeEvent,
+  type FunctionComponent,
+  type KeyboardEvent,
+  type ReactNode,
 } from 'react'
 import {useTranslation} from 'sanity'
-
 import {presentationLocaleNamespace} from '../i18n'
 import {useActiveWorkspace} from '../internals'
 
diff --git a/packages/presentation/src/preview/ShareUrlDialog.tsx b/packages/presentation/src/preview/ShareUrlDialog.tsx
new file mode 100644
index 000000000..ff2630d73
--- /dev/null
+++ b/packages/presentation/src/preview/ShareUrlDialog.tsx
@@ -0,0 +1,160 @@
+import {AccessDeniedIcon, CopyIcon} from '@sanity/icons'
+import {createPreviewSecret} from '@sanity/preview-url-secret/create-secret'
+import {setSecretSearchParams} from '@sanity/preview-url-secret/without-secret-search-params'
+import {Box, Button, Card, Dialog, Stack, useToast} from '@sanity/ui'
+import {QRCodeSVG} from 'qrcode.react'
+import {memo, useCallback, useState} from 'react'
+import {useClient, useCurrentUser, useTranslation} from 'sanity'
+import {API_VERSION} from '../constants'
+import {presentationLocaleNamespace} from '../i18n'
+import type {PreviewFrameProps} from './PreviewFrame'
+
+export interface ShareUrlDialogProps {
+  onClose: () => void
+  previewLocationRoute: string
+  initialUrl: PreviewFrameProps['initialUrl']
+}
+
+// @TODO embed the logo instead of using the network
+const qrCodeLogo = 'https://www.sanity.io/static/images/logo_rounded_square.png'
+// const qrCodeLogo = 'https://www.sanity.io/static/images/favicons/safari-pinned-tab.svg'
+// const qrCodeLogo = 'https://www.sanity.io/static/images/favicons/favicon-96x96.png'
+
+export const ShareUrlDialog = memo(function ShareUrlDialogComponent(props: ShareUrlDialogProps) {
+  const {onClose, initialUrl, previewLocationRoute} = props
+  const {t} = useTranslation(presentationLocaleNamespace)
+  const {push: pushToast} = useToast()
+  const client = useClient({apiVersion: API_VERSION})
+  const currentUser = useCurrentUser()
+  const [enabling, setEnabling] = useState(false)
+  const [disabling, setDisabling] = useState(false)
+  const [url, setUrl] = useState<URL | null>(null)
+  const busy = enabling
+
+  const [error, setError] = useState<unknown>(null)
+  if (error) {
+    throw error
+  }
+
+  const handleClose = useCallback(() => {
+    if (busy) {
+      // eslint-disable-next-line no-console
+      console.warn('Show a toast here instead, and delay closing the dialog')
+    } else {
+      onClose()
+    }
+  }, [busy, onClose])
+
+  const handleEnableSharing = useCallback(async () => {
+    try {
+      setEnabling(true)
+
+      // Preload the qr code logo
+      const qrCodeLogoImage = new Image()
+      qrCodeLogoImage.src = qrCodeLogo
+
+      const previewUrlSecret = await createPreviewSecret(
+        client,
+        '@sanity/presentation',
+        typeof window === 'undefined' ? '' : location.href,
+        currentUser?.id,
+      )
+
+      const newUrl = setSecretSearchParams(
+        initialUrl,
+        previewUrlSecret.secret,
+        previewLocationRoute,
+      )
+      setUrl(newUrl)
+    } catch (error) {
+      setError(error)
+    } finally {
+      setEnabling(false)
+    }
+  }, [client, currentUser?.id, initialUrl, previewLocationRoute])
+
+  const handleCopyUrl = useCallback(() => {
+    try {
+      if (!url) {
+        throw new Error('No URL to copy')
+      }
+      navigator.clipboard.writeText(url.toString())
+      pushToast({
+        closable: true,
+        status: 'success',
+        title: t('share-url.clipboard.status', {context: 'success'}),
+      })
+    } catch (error) {
+      setError(error)
+    }
+  }, [pushToast, t, url])
+
+  return (
+    <Dialog
+      animate
+      id="share-url-dialog"
+      onClose={handleClose}
+      onClickOutside={handleClose}
+      header={t('share-url.dialog.header')}
+    >
+      <Box padding={3} paddingTop={0}>
+        {url ? (
+          <Stack space={3}>
+            <Card tone="transparent" radius={2} padding={1} style={{aspectRatio: '1 / 1'}}>
+              <QRCodeSVG
+                value={url.toString()}
+                size={288}
+                bgColor="var(--card-bg-color)"
+                fgColor="var(--card-fg-color)"
+                imageSettings={{
+                  src: qrCodeLogo,
+                  height: 36,
+                  width: 36,
+                  excavate: true,
+                }}
+              />
+            </Card>
+            <Button
+              icon={CopyIcon}
+              onClick={handleCopyUrl}
+              text={t('share-url.menu-item.copy.text')}
+            />
+            <Button
+              icon={AccessDeniedIcon}
+              loading={disabling}
+              tone="caution"
+              onClick={async () => {
+                try {
+                  setDisabling(true)
+                  // await revokePreviewSecret(client, '@sanity/presentation', url.searchParams.get('secret'))
+                  pushToast({
+                    closable: true,
+                    status: 'warning',
+                    title: `This isn't implemented yet. The link expires automatically after 1 hour.`,
+                  })
+                  await new Promise((resolve) => setTimeout(resolve, 2_000))
+                  setUrl(null)
+                } catch (error) {
+                  setError(error)
+                } finally {
+                  setDisabling(false)
+                }
+              }}
+              text={t('share-url.dialog.action.disable-sharing')}
+            />
+          </Stack>
+        ) : (
+          <>
+            <Button
+              width="fill"
+              text={t('share-url.dialog.action.enable-sharing')}
+              loading={enabling}
+              onClick={handleEnableSharing}
+            />
+          </>
+        )}
+      </Box>
+    </Dialog>
+  )
+})
+ShareUrlDialog.displayName = 'Memo(ShareUrlDialog)'
diff --git a/packages/presentation/src/preview/ShareUrlMenuItems.tsx b/packages/presentation/src/preview/ShareUrlMenuItems.tsx
index 5b2036d03..51f655e4e 100644
--- a/packages/presentation/src/preview/ShareUrlMenuItems.tsx
+++ b/packages/presentation/src/preview/ShareUrlMenuItems.tsx
@@ -7,7 +7,6 @@ import {
 import {MenuItem, useToast} from '@sanity/ui'
 import {useCallback, useState} from 'react'
 import {useClient, useCurrentUser, useTranslation} from 'sanity'
-
 import {API_VERSION} from '../constants'
 import {presentationLocaleNamespace} from '../i18n'
 import type {PreviewFrameProps} from './PreviewFrame'
diff --git a/packages/presentation/src/preview/ShareUrlMenuItemsWithQRCode.tsx b/packages/presentation/src/preview/ShareUrlMenuItemsWithQRCode.tsx
new file mode 100644
index 000000000..32bb291b6
--- /dev/null
+++ b/packages/presentation/src/preview/ShareUrlMenuItemsWithQRCode.tsx
@@ -0,0 +1,57 @@
+import {EarthGlobeIcon, LaunchIcon} from '@sanity/icons'
+import {MenuItem} from '@sanity/ui'
+import {useCallback} from 'react'
+import {useTranslation} from 'sanity'
+import {presentationLocaleNamespace} from '../i18n'
+import type {PreviewFrameProps} from './PreviewFrame'
+
+/** @internal */
+export function ShareUrlMenuItemsWithQRCode(
+  props: Pick<PreviewFrameProps, 'openPopup'> & {
+    previewLocationOrigin: string
+    previewLocationRoute: string
+    handleShareUrlDialogOpen: () => void
+  },
+): React.ReactNode {
+  const {openPopup, previewLocationOrigin, previewLocationRoute, handleShareUrlDialogOpen} = props
+
+  const {t} = useTranslation(presentationLocaleNamespace)
+
+  const handleOpenPopup = useCallback(
+    (event: React.MouseEvent<HTMLAnchorElement, MouseEvent>) => {
+      event.preventDefault()
+      openPopup(event.currentTarget.href)
+    },
+    [openPopup],
+  )
+
+  return (
+    <>
+      <CopyUrlMenuButton handleShareUrlDialogOpen={handleShareUrlDialogOpen} />
+      <MenuItem
+        icon={LaunchIcon}
+        text={t('share-url.menu-item.open.text')}
+        as="a"
+        href={`${previewLocationOrigin}${previewLocationRoute}`}
+        // @ts-expect-error the `as="a"` prop isn't enough to change the type of event.target from <div> to <a>
+        onClick={handleOpenPopup}
+        rel="opener"
+        target="_blank"
+      />
+    </>
+  )
+}
+
+function CopyUrlMenuButton(props: {handleShareUrlDialogOpen: () => void}) {
+  const {handleShareUrlDialogOpen} = props
+
+  const {t} = useTranslation(presentationLocaleNamespace)
+
+  return (
+    <MenuItem
+      onClick={handleShareUrlDialogOpen}
+      text={t('share-url.menu-item.share.text')}
+      icon={EarthGlobeIcon}
+    />
+  )
+}
diff --git a/packages/presentation/src/types.ts b/packages/presentation/src/types.ts
index 91bd11753..14dbc128f 100644
--- a/packages/presentation/src/types.ts
+++ b/packages/presentation/src/types.ts
@@ -1,4 +1,11 @@
+import type {
+  LoaderControllerMsg,
+  LoaderNodeMsg,
+  VisualEditingControllerMsg,
+  VisualEditingNodeMsg,
+} from '@repo/visual-editing-helpers'
 import type {ClientPerspective, QueryParams} from '@sanity/client'
+import type {ConnectionInstance} from '@sanity/comlink'
 import type {
   PreviewUrlResolver,
   PreviewUrlResolverOptions,
@@ -6,7 +13,6 @@ import type {
 import type {ComponentType} from 'react'
 import type {Observable} from 'rxjs'
 import type {SanityClient} from 'sanity'
-
 import type {DocumentStore} from './internals'
 
 export type {PreviewUrlResolver, PreviewUrlResolverOptions}
@@ -82,6 +88,7 @@ export type DocumentLocationResolvers = Record<
  */
 export type DocumentLocationResolverObject<K extends string = string> = {
   select: Record<K, string>
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   resolve: (value: Record<K, any> | null) => DocumentLocationsState | null | undefined | void
 }
 
@@ -132,6 +139,9 @@ export type DocumentResolver =
       >
     }
 
+/**
+ * @public
+ */
 export interface PresentationPluginOptions {
   devMode?: boolean | (() => boolean)
   icon?: ComponentType
@@ -145,7 +155,7 @@ export interface PresentationPluginOptions {
     mainDocuments?: DocumentResolver[]
     locations?: DocumentLocationResolvers | DocumentLocationResolver
   }
-  previewUrl: PreviewUrlOption
+  previewUrl?: PreviewUrlOption
   components?: {
     unstable_navigator?: NavigatorOptions
   }
@@ -261,3 +271,15 @@ export interface MainDocumentState {
   path: string
   document: MainDocument | undefined
 }
+
+/**
+ * @internal
+ */
+export type VisualEditingConnection = ConnectionInstance<
+  VisualEditingNodeMsg,
+  VisualEditingControllerMsg
+>
+/**
+ * @internal
+ */
+export type LoaderConnection = ConnectionInstance<LoaderNodeMsg, LoaderControllerMsg>
diff --git a/packages/presentation/src/useDocumentLocations.ts b/packages/presentation/src/useDocumentLocations.ts
index 51ffd3d33..27e9ee803 100644
--- a/packages/presentation/src/useDocumentLocations.ts
+++ b/packages/presentation/src/useDocumentLocations.ts
@@ -1,14 +1,13 @@
 import get from 'lodash.get'
 import {useEffect, useMemo, useState} from 'react'
 import {isObservable, map, Observable, of, switchMap} from 'rxjs'
-
 import {
-  type DocumentStore,
   isRecord,
   isReference,
+  useDocumentStore,
+  type DocumentStore,
   type Previewable,
   type SanityDocument,
-  useDocumentStore,
 } from './internals'
 import type {
   DocumentLocationResolver,
@@ -91,6 +90,7 @@ function observeDocument(
     if (tails.length === 0) {
       res[head] = isRecord(value) ? (value as Record<string, unknown>)[head] : undefined
     } else {
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       res[head] = observeDocument((value as any)[head], tails, store)
     }
     return res
diff --git a/packages/presentation/src/useDocumentsOnPage.ts b/packages/presentation/src/useDocumentsOnPage.ts
index c82a82bac..26106b9b1 100644
--- a/packages/presentation/src/useDocumentsOnPage.ts
+++ b/packages/presentation/src/useDocumentsOnPage.ts
@@ -1,7 +1,6 @@
 import type {ClientPerspective} from '@sanity/client'
 import isEqual from 'fast-deep-equal'
-import {type MutableRefObject, useCallback, useMemo, useRef, useState} from 'react'
-
+import {useCallback, useMemo, useRef, useState, type MutableRefObject} from 'react'
 import type {FrameState, PresentationPerspective} from './types'
 
 export type DocumentOnPage = {
diff --git a/packages/presentation/src/useLocalState.ts b/packages/presentation/src/useLocalState.ts
index 28f743148..bd4b51bfc 100644
--- a/packages/presentation/src/useLocalState.ts
+++ b/packages/presentation/src/useLocalState.ts
@@ -1,4 +1,4 @@
-import {type Dispatch, type SetStateAction, useEffect, useState} from 'react'
+import {useEffect, useState, type Dispatch, type SetStateAction} from 'react'
 
 export function useLocalState<T>(key: string, defaultValue: T): [T, Dispatch<SetStateAction<T>>] {
   const [value, setValue] = useState<T>(() =>
diff --git a/packages/presentation/src/useMainDocument.test.ts b/packages/presentation/src/useMainDocument.test.ts
index 742a29a32..18bc87909 100644
--- a/packages/presentation/src/useMainDocument.test.ts
+++ b/packages/presentation/src/useMainDocument.test.ts
@@ -1,5 +1,4 @@
 import {describe, expect, test} from 'vitest'
-
 import {getRouteContext} from './useMainDocument'
 
 describe('getRouteContext', () => {
diff --git a/packages/presentation/src/useMainDocument.ts b/packages/presentation/src/useMainDocument.ts
index 2e1816ab6..fb2b8a3b3 100644
--- a/packages/presentation/src/useMainDocument.ts
+++ b/packages/presentation/src/useMainDocument.ts
@@ -2,8 +2,7 @@ import type {ResponseQueryOptions} from '@sanity/client'
 import {match, type Path} from 'path-to-regexp'
 import {useCallback, useEffect, useMemo, useRef, useState} from 'react'
 import {useClient} from 'sanity'
-import {type RouterState, useRouter} from 'sanity/router'
-
+import {useRouter, type RouterState} from 'sanity/router'
 import {API_VERSION} from './constants'
 import type {
   DocumentResolver,
diff --git a/packages/presentation/src/useParams.ts b/packages/presentation/src/useParams.ts
index dc0e7f3b8..56b8108e7 100644
--- a/packages/presentation/src/useParams.ts
+++ b/packages/presentation/src/useParams.ts
@@ -1,6 +1,5 @@
-import {type MutableRefObject, useCallback, useEffect, useMemo, useRef, useState} from 'react'
+import {useCallback, useEffect, useMemo, useRef, useState, type MutableRefObject} from 'react'
 import type {RouterContextValue, RouterState, SearchParam} from 'sanity/router'
-
 import {getPublishedId} from './internals'
 import {parseRouterState} from './lib/parse'
 import type {
diff --git a/packages/presentation/src/usePresentationNavigate.ts b/packages/presentation/src/usePresentationNavigate.ts
index b3da0b623..4b2faebda 100644
--- a/packages/presentation/src/usePresentationNavigate.ts
+++ b/packages/presentation/src/usePresentationNavigate.ts
@@ -1,5 +1,4 @@
 import {useContext} from 'react'
-
 import {
   PresentationNavigateContext,
   type PresentationNavigateContextValue,
diff --git a/packages/presentation/src/usePresentationParams.ts b/packages/presentation/src/usePresentationParams.ts
index a693c4780..23ddf8e50 100644
--- a/packages/presentation/src/usePresentationParams.ts
+++ b/packages/presentation/src/usePresentationParams.ts
@@ -1,5 +1,4 @@
 import {useContext} from 'react'
-
 import {PresentationParamsContext} from './PresentationParamsContext'
 import type {PresentationParams} from './types'
 
diff --git a/packages/presentation/src/usePresentationTool.ts b/packages/presentation/src/usePresentationTool.ts
index 9e6d2e7a8..c1de3ee38 100644
--- a/packages/presentation/src/usePresentationTool.ts
+++ b/packages/presentation/src/usePresentationTool.ts
@@ -1,5 +1,4 @@
 import {useContext} from 'react'
-
 import {PresentationContext, type PresentationContextValue} from './PresentationContext'
 
 export function usePresentationTool(): PresentationContextValue {
diff --git a/packages/presentation/src/usePreviewUrl.ts b/packages/presentation/src/usePreviewUrl.ts
index e279d6409..50e6752a8 100644
--- a/packages/presentation/src/usePreviewUrl.ts
+++ b/packages/presentation/src/usePreviewUrl.ts
@@ -1,9 +1,8 @@
 import {createPreviewSecret} from '@sanity/preview-url-secret/create-secret'
 import {definePreviewUrl} from '@sanity/preview-url-secret/define-preview-url'
 import {startTransition, useEffect, useMemo, useRef, useState} from 'react'
-import {type SanityClient, useClient, useCurrentUser} from 'sanity'
+import {useClient, useCurrentUser, type SanityClient} from 'sanity'
 import {suspend} from 'suspend-react'
-
 import {API_VERSION} from './constants'
 import {useActiveWorkspace} from './internals'
 import type {PreviewUrlOption} from './types'
@@ -12,6 +11,7 @@ export function usePreviewUrl(
   previewUrl: PreviewUrlOption,
   toolName: string,
   previewSearchParam: string | null,
+  canCreateUrlPreviewSecrets: boolean,
 ): URL {
   const client = useClient({apiVersion: API_VERSION})
   const workspace = useActiveWorkspace()
@@ -19,7 +19,8 @@ export function usePreviewUrl(
   const workspaceName = workspace?.activeWorkspace?.name || 'default'
   const deps = useSuspendCacheKeys(toolName, basePath, workspaceName, previewSearchParam)
   const previewUrlSecret = usePreviewUrlSecret(
-    typeof previewUrl === 'object' || typeof previewUrl === 'function',
+    (canCreateUrlPreviewSecrets && typeof previewUrl === 'object') ||
+      typeof previewUrl === 'function',
     deps,
   )
 
diff --git a/packages/presentation/src/useStatus.ts b/packages/presentation/src/useStatus.ts
new file mode 100644
index 000000000..1b5d779de
--- /dev/null
+++ b/packages/presentation/src/useStatus.ts
@@ -0,0 +1,35 @@
+import type {Status, StatusEvent} from '@sanity/comlink'
+import {useCallback, useMemo, useState} from 'react'
+
+export function useStatus(): [string, (event: StatusEvent) => void] {
+  const [statusMap, setStatusMap] = useState(
+    new Map<string, {status: Status; hasConnected: boolean}>(),
+  )
+
+  const status = useMemo(() => {
+    const values = Array.from(statusMap.values())
+    const handshaking = values.filter(({status}) => status === 'handshaking')
+    if (handshaking.length) {
+      return handshaking.some(({hasConnected}) => !hasConnected) ? 'connecting' : 'reconnecting'
+    }
+    if (values.find(({status}) => status === 'connected')) {
+      return 'connected'
+    }
+    return 'idle'
+  }, [statusMap])
+
+  const setStatusFromEvent = useCallback((event: StatusEvent) => {
+    setStatusMap((prev) => {
+      const next = new Map(prev)
+      if (event.status === 'disconnected') {
+        next.delete(event.channel)
+      } else {
+        const hasConnected = next.get(event.channel)?.hasConnected || event.status === 'connected'
+        next.set(event.channel, {status: event.status, hasConnected})
+      }
+      return next
+    })
+  }, [])
+
+  return [status, setStatusFromEvent]
+}
diff --git a/packages/presentation/src/util/props.ts b/packages/presentation/src/util/props.ts
index 5d9730a1c..7a2c91f26 100644
--- a/packages/presentation/src/util/props.ts
+++ b/packages/presentation/src/util/props.ts
@@ -10,6 +10,7 @@ import {
   switchMap,
 } from 'rxjs'
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 type Props<K extends keyof any, T> = {
   [P in K]: T | Observable<T>
 }
@@ -18,6 +19,7 @@ function keysOf<T extends object>(value: T) {
   return Object.keys(value) as (keyof T)[]
 }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 function setKey(source: Record<string, unknown>, key: any, value: unknown) {
   return {
     ...source,
@@ -25,6 +27,7 @@ function setKey(source: Record<string, unknown>, key: any, value: unknown) {
   }
 }
 
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
 export function props<K extends keyof any, T>(options: {wait?: boolean} = {}) {
   return (source: Observable<Props<K, T>>): Observable<Record<string, unknown>> => {
     return new Observable<Props<K, T>>((observer) => source.subscribe(observer)).pipe(
diff --git a/packages/presentation/src/util/useEffectOnChange.ts b/packages/presentation/src/util/useEffectOnChange.ts
index 0090c3cdb..7d0952621 100644
--- a/packages/presentation/src/util/useEffectOnChange.ts
+++ b/packages/presentation/src/util/useEffectOnChange.ts
@@ -1,4 +1,4 @@
-import {type DependencyList, useCallback, useEffect, useRef} from 'react'
+import {useCallback, useEffect, useRef, type DependencyList} from 'react'
 
 /**
  * Similar to `useEffect`, but only execute the callback on value change.
diff --git a/packages/presentation/test/usePreviewUrl.test.tsx b/packages/presentation/test/usePreviewUrl.test.tsx
index 60bf305d2..f9aefd30b 100644
--- a/packages/presentation/test/usePreviewUrl.test.tsx
+++ b/packages/presentation/test/usePreviewUrl.test.tsx
@@ -5,7 +5,6 @@ import {renderToStaticMarkup} from 'react-dom/server'
 import type {SanityClient} from 'sanity'
 import {suspend} from 'suspend-react'
 import {beforeEach, describe, expect, test, vi} from 'vitest'
-
 import type {PreviewUrlOption} from '../src/types'
 import {usePreviewUrl} from '../src/usePreviewUrl'
 
diff --git a/packages/presentation/tsconfig.json b/packages/presentation/tsconfig.json
index 1cbcb0bdb..19ae05bd8 100644
--- a/packages/presentation/tsconfig.json
+++ b/packages/presentation/tsconfig.json
@@ -3,7 +3,6 @@
   "compilerOptions": {
     "paths": {
       "@sanity/preview-url-secret": ["./node_modules/@sanity/preview-url-secret/src"],
-      "@repo/channels": ["./node_modules/@repo/channels/src"],
       "@repo/visual-editing-helpers": ["./node_modules/@repo/visual-editing-helpers/src"]
     }
   },
diff --git a/packages/presentation/turbo.json b/packages/presentation/turbo.json
index 07728cc5b..4a1d9a553 100644
--- a/packages/presentation/turbo.json
+++ b/packages/presentation/turbo.json
@@ -2,7 +2,11 @@
   "$schema": "https://turbo.build/schema.json",
   "extends": ["//"],
   "tasks": {
+    "build": {
+      "env": ["GITHUB_ACTIONS", "PRESENTATION_ENABLE_QRCODE"]
+    },
     "dev": {
+      "env": ["SANITY_STUDIO_PRESENTATION_ENABLE_QRCODE"],
       "persistent": false
     }
   }
diff --git a/packages/preview-kit-compat/package.json b/packages/preview-kit-compat/package.json
index 3fa37b3bf..406c06d63 100644
--- a/packages/preview-kit-compat/package.json
+++ b/packages/preview-kit-compat/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sanity/preview-kit-compat",
-  "version": "1.5.7",
+  "version": "1.5.8-canary.64",
   "homepage": "https://github.com/sanity-io/visual-editing/tree/main/packages/preview-kit-compat#readme",
   "bugs": {
     "url": "https://github.com/sanity-io/visual-editing/issues"
@@ -34,85 +34,34 @@
   "scripts": {
     "build": "pkg build --strict --check --clean",
     "dev": "pkg build --strict",
-    "lint": "eslint .",
+    "lint": "eslint --cache .",
     "prepack": "turbo run build",
     "test": "vitest --pass-with-no-tests --typecheck"
   },
   "browserslist": "extends @sanity/browserslist-config",
-  "prettier": "@sanity/prettier-config",
+  "prettier": "@repo/prettier-config",
   "eslintConfig": {
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-      "ecmaFeatures": {
-        "jsx": true
-      },
-      "ecmaVersion": 2018,
-      "sourceType": "module"
-    },
-    "settings": {
-      "react": {
-        "version": "detect"
-      }
-    },
-    "plugins": [
-      "@typescript-eslint",
-      "simple-import-sort",
-      "prettier"
-    ],
     "extends": [
-      "plugin:react/recommended",
-      "plugin:react-hooks/recommended",
-      "plugin:react/jsx-runtime",
-      "eslint:recommended",
-      "plugin:prettier/recommended",
-      "plugin:@typescript-eslint/eslint-recommended",
-      "plugin:@typescript-eslint/recommended"
+      "@repo/eslint-config"
     ],
-    "rules": {
-      "no-console": "error",
-      "no-warning-comments": [
-        "warn",
-        {
-          "location": "start",
-          "terms": [
-            "todo",
-            "@todo",
-            "fixme"
-          ]
-        }
-      ],
-      "@typescript-eslint/explicit-module-boundary-types": "error",
-      "@typescript-eslint/member-delimiter-style": "off",
-      "@typescript-eslint/no-empty-interface": "off",
-      "@typescript-eslint/no-explicit-any": "warn",
-      "prettier/prettier": "warn",
-      "react-hooks/exhaustive-deps": "error",
-      "react-hooks/rules-of-hooks": "error",
-      "react/prop-types": "off",
-      "simple-import-sort/exports": "warn",
-      "simple-import-sort/imports": "warn"
-    },
     "root": true
   },
   "devDependencies": {
-    "@repo/channels": "workspace:*",
+    "@repo/eslint-config": "workspace:*",
     "@repo/package.config": "workspace:*",
+    "@repo/prettier-config": "workspace:*",
     "@repo/visual-editing-helpers": "workspace:*",
-    "@sanity/client": "^6.21.3",
-    "@sanity/pkg-utils": "6.11.1",
-    "@types/react": "^18.3.5",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "@sanity/client": "^6.22.1",
+    "@sanity/comlink": "workspace:*",
+    "@sanity/pkg-utils": "6.11.3",
+    "@types/react": "^18.3.11",
+    "eslint": "^8.57.1",
     "react": "^18.3.1",
-    "typescript": "5.6.2",
-    "vitest": "^2.0.5"
+    "typescript": "5.6.3",
+    "vitest": "^2.1.3"
   },
   "peerDependencies": {
-    "@sanity/client": "^6.21.3",
+    "@sanity/client": "^6.22.1",
     "react": "^18.3 || >=19.0.0-rc"
   },
   "engines": {
diff --git a/packages/preview-kit-compat/src/useDocumentsInUse.ts b/packages/preview-kit-compat/src/useDocumentsInUse.ts
index 6bb9642b9..d9bc75781 100644
--- a/packages/preview-kit-compat/src/useDocumentsInUse.ts
+++ b/packages/preview-kit-compat/src/useDocumentsInUse.ts
@@ -1,10 +1,6 @@
-import {type ChannelsNode, createChannelsNode} from '@repo/channels'
-import {
-  type PresentationMsg,
-  type PreviewKitMsg,
-  type VisualEditingConnectionIds,
-} from '@repo/visual-editing-helpers'
+import {type PreviewKitNodeMsg} from '@repo/visual-editing-helpers'
 import type {ContentSourceMapDocuments} from '@sanity/client/csm'
+import {createNode, type Message, type Node} from '@sanity/comlink'
 import {useEffect, useState} from 'react'
 
 /**
@@ -16,18 +12,19 @@ export function useDocumentsInUse(
   projectId: string,
   dataset: string,
 ): void {
-  const [channel, setChannel] = useState<ChannelsNode<PreviewKitMsg, PresentationMsg> | undefined>()
+  const [comlink, setComlink] = useState<Node<Message, PreviewKitNodeMsg> | null>(null)
+
   const [connected, setConnected] = useState(false)
   useEffect(() => {
     if (window.self === window.top && !window.opener) {
       return
     }
-    const channel = createChannelsNode<VisualEditingConnectionIds, PreviewKitMsg, PresentationMsg>({
-      id: 'preview-kit',
+    const comlink = createNode<Message, PreviewKitNodeMsg>({
+      name: 'preview-kit',
       connectTo: 'presentation',
     })
 
-    channel.onStatusUpdate((status) => {
+    comlink.onStatus((status) => {
       if (status === 'connected') {
         setConnected(true)
       } else if (status === 'disconnected') {
@@ -35,23 +32,27 @@ export function useDocumentsInUse(
       }
     })
 
-    const timeout = setTimeout(() => setChannel(channel), 0)
+    const timeout = setTimeout(() => setComlink(comlink), 0)
+    const stop = comlink.start()
     return () => {
+      stop()
+      setComlink(null)
       clearTimeout(timeout)
-      channel.destroy()
-      setChannel(undefined)
     }
   }, [dataset, projectId])
 
   const changedKeys = JSON.stringify(Array.from(documentsInUse.keys()))
   useEffect(() => {
-    if (changedKeys !== '[]' && channel && connected) {
-      channel.send('preview-kit/documents', {
-        projectId,
-        dataset,
-        perspective: 'previewDrafts',
-        documents: Array.from(documentsInUse.values()),
+    if (changedKeys !== '[]' && comlink && connected) {
+      comlink.post({
+        type: 'preview-kit/documents',
+        data: {
+          projectId,
+          dataset,
+          perspective: 'previewDrafts',
+          documents: Array.from(documentsInUse.values()),
+        },
       })
     }
-  }, [changedKeys, channel, connected, dataset, documentsInUse, projectId])
+  }, [changedKeys, comlink, connected, dataset, documentsInUse, projectId])
 }
diff --git a/packages/preview-url-secret/README.md b/packages/preview-url-secret/README.md
index 7fc6c3e86..5a5ce8e96 100644
--- a/packages/preview-url-secret/README.md
+++ b/packages/preview-url-secret/README.md
@@ -13,8 +13,8 @@ This package is used together with [`@sanity/presentation`]:
 
 ```ts
 // ./sanity.config.ts
-import {presentationTool} from 'sanity/presentation'
 import {defineConfig} from 'sanity'
+import {presentationTool} from 'sanity/presentation'
 
 export default defineConfig({
   // ... other options
@@ -40,10 +40,10 @@ Create an API token with viewer rights, and put it in an environment variable na
 ```ts
 // ./app/api/draft/route.ts
 
+import {client} from '@/sanity/lib/client'
+import {validatePreviewUrl} from '@sanity/preview-url-secret'
 import {draftMode} from 'next/headers'
 import {redirect} from 'next/navigation'
-import {validatePreviewUrl} from '@sanity/preview-url-secret'
-import {client} from '@/sanity/lib/client'
 
 const clientWithToken = client.withConfig({
   // Required, otherwise the URL preview secret can't be validated
@@ -84,9 +84,9 @@ Create an API token with viewer rights, and put it in an environment variable na
 ```ts
 // ./pages/api/draft.ts
 
-import type {NextApiRequest, NextApiResponse} from 'next'
-import {validatePreviewUrl} from '@sanity/preview-url-secret'
 import {client} from '@/sanity/lib/client'
+import {validatePreviewUrl} from '@sanity/preview-url-secret'
+import type {NextApiRequest, NextApiResponse} from 'next'
 
 const clientWithToken = client.withConfig({
   // Required, otherwise the URL preview secret can't be validated
@@ -158,7 +158,6 @@ Create an API token with viewer rights, and put it in an environment variable na
 
 import {redirect, type LoaderFunctionArgs} from '@remix-run/node'
 import {validatePreviewUrl} from '@sanity/preview-url-secret'
-
 import {client} from '~/sanity/client'
 import {commitSession, getSession} from '~/sessions'
 
@@ -195,7 +194,6 @@ It's also handy to make a resource route to disable draft mode, so you have an e
 // ./app/routes/api.disable-draft.ts
 
 import {redirect, type LoaderFunctionArgs} from '@remix-run/node'
-
 import {destroySession, getSession} from '~/sessions'
 
 export const loader = async ({request}: LoaderFunctionArgs) => {
@@ -249,8 +247,8 @@ You don't have to check `isValid` before using it, as it'll be `undefined` if th
 You can view the generated url secrets that are in your dataset by adding the debug plugin to your `sanity.config.ts`:
 
 ```ts
-import {defineConfig} from 'sanity'
 import {debugSecrets} from '@sanity/preview-url-secret/sanity-plugin-debug-secrets'
+import {defineConfig} from 'sanity'
 
 export default defineConfig({
   // ... other options
diff --git a/packages/preview-url-secret/package.json b/packages/preview-url-secret/package.json
index 0faa21600..21da4450f 100644
--- a/packages/preview-url-secret/package.json
+++ b/packages/preview-url-secret/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sanity/preview-url-secret",
-  "version": "1.6.21",
+  "version": "1.6.22-canary.64",
   "homepage": "https://github.com/sanity-io/visual-editing/tree/main/packages/preview-url-secret#readme",
   "bugs": {
     "url": "https://github.com/sanity-io/visual-editing/issues"
@@ -21,6 +21,12 @@
       "require": "./dist/index.cjs",
       "default": "./dist/index.js"
     },
+    "./constants": {
+      "source": "./src/_exports/constants.ts",
+      "import": "./dist/constants.js",
+      "require": "./dist/constants.cjs",
+      "default": "./dist/constants.js"
+    },
     "./create-secret": {
       "source": "./src/_exports/create-secret.ts",
       "import": "./dist/create-secret.js",
@@ -58,6 +64,9 @@
   "types": "./dist/index.d.ts",
   "typesVersions": {
     "*": {
+      "constants": [
+        "./dist/constants.d.ts"
+      ],
       "create-secret": [
         "./dist/create-secret.d.ts"
       ],
@@ -85,53 +94,16 @@
   "scripts": {
     "build": "pkg build --strict --check --clean",
     "dev": "pkg build --strict",
-    "lint": "eslint .",
+    "lint": "eslint --cache .",
     "prepack": "turbo run build",
     "test": "vitest --pass-with-no-tests --typecheck"
   },
   "browserslist": "extends @sanity/browserslist-config",
-  "prettier": "@sanity/prettier-config",
+  "prettier": "@repo/prettier-config",
   "eslintConfig": {
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-      "ecmaFeatures": {
-        "jsx": true
-      },
-      "ecmaVersion": 2018,
-      "sourceType": "module"
-    },
-    "plugins": [
-      "@typescript-eslint",
-      "simple-import-sort",
-      "prettier"
-    ],
     "extends": [
-      "eslint:recommended",
-      "plugin:prettier/recommended",
-      "plugin:@typescript-eslint/eslint-recommended",
-      "plugin:@typescript-eslint/recommended"
+      "@repo/eslint-config"
     ],
-    "rules": {
-      "no-console": "error",
-      "no-warning-comments": [
-        "warn",
-        {
-          "location": "start",
-          "terms": [
-            "todo",
-            "@todo",
-            "fixme"
-          ]
-        }
-      ],
-      "@typescript-eslint/explicit-module-boundary-types": "error",
-      "@typescript-eslint/member-delimiter-style": "off",
-      "@typescript-eslint/no-empty-interface": "off",
-      "@typescript-eslint/no-explicit-any": "warn",
-      "prettier/prettier": "warn",
-      "simple-import-sort/exports": "warn",
-      "simple-import-sort/imports": "warn"
-    },
     "root": true
   },
   "dependencies": {
@@ -139,22 +111,19 @@
   },
   "devDependencies": {
     "@repo/channels": "workspace:*",
+    "@repo/eslint-config": "workspace:*",
     "@repo/package.config": "workspace:*",
-    "@sanity/client": "^6.21.3",
+    "@repo/prettier-config": "workspace:*",
+    "@sanity/client": "^6.22.1",
     "@sanity/icons": "^3.4.0",
-    "@sanity/pkg-utils": "6.11.1",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-simple-import-sort": "^12.1.1",
-    "sanity": "^3.57.2",
-    "typescript": "5.6.2",
-    "vitest": "^2.0.5"
+    "@sanity/pkg-utils": "6.11.3",
+    "eslint": "^8.57.1",
+    "sanity": "^3.61.0",
+    "typescript": "5.6.3",
+    "vitest": "^2.1.3"
   },
   "peerDependencies": {
-    "@sanity/client": "^6.21.3"
+    "@sanity/client": "^6.22.1"
   },
   "engines": {
     "node": ">=18"
diff --git a/packages/preview-url-secret/src/_exports/constants.ts b/packages/preview-url-secret/src/_exports/constants.ts
new file mode 100644
index 000000000..6e47db9ba
--- /dev/null
+++ b/packages/preview-url-secret/src/_exports/constants.ts
@@ -0,0 +1 @@
+export * from '../constants'
diff --git a/packages/preview-url-secret/src/constants.ts b/packages/preview-url-secret/src/constants.ts
index fcdc9b626..5371661c0 100644
--- a/packages/preview-url-secret/src/constants.ts
+++ b/packages/preview-url-secret/src/constants.ts
@@ -6,6 +6,9 @@ export const schemaType = 'sanity.previewUrlSecret' satisfies PreviewUrlSecretSc
 /** @internal */
 export const schemaIdPrefix = 'sanity-preview-url-secret' satisfies PreviewUrlSecretSchemaIdPrefix
 
+/** @internal */
+export const schemaIdSingleton = `drafts.${schemaIdPrefix}` as const
+
 /** @internal */
 export const apiVersion = '2023-11-09'
 
@@ -26,7 +29,7 @@ export const SECRET_TTL = 60 * 60
 
 /** @internal */
 export const fetchSecretQuery =
-  /* groq */ `*[_type == "${schemaType}" && secret == $secret && dateTime(_updatedAt) > dateTime(now()) - ${SECRET_TTL}][0]{
+  /* groq */ `*[_type == "${schemaType}" && _id in path("${schemaIdPrefix}.**") && secret == $secret && dateTime(_updatedAt) > dateTime(now()) - ${SECRET_TTL}][0]{
   _id,
   _updatedAt,
   secret,
@@ -35,7 +38,7 @@ export const fetchSecretQuery =
 
 /** @internal */
 export const deleteExpiredSecretsQuery =
-  /* groq */ `*[_type == "${schemaType}" && dateTime(_updatedAt) <= dateTime(now()) - ${SECRET_TTL}]` as const
+  /* groq */ `*[_type == "${schemaType}" && _id in path("${schemaIdPrefix}.**") && defined(secret) && dateTime(_updatedAt) <= dateTime(now()) - ${SECRET_TTL}]` as const
 
 /**
  * Used for tagging `client.fetch` queries
diff --git a/packages/preview-url-secret/src/createPreviewSecret.ts b/packages/preview-url-secret/src/createPreviewSecret.ts
index d6965c4ee..6d5a9a357 100644
--- a/packages/preview-url-secret/src/createPreviewSecret.ts
+++ b/packages/preview-url-secret/src/createPreviewSecret.ts
@@ -1,10 +1,10 @@
 import type {SanityClient} from '@sanity/client'
 import {uuid} from '@sanity/uuid'
-
 import {
   apiVersion,
   deleteExpiredSecretsQuery,
   schemaIdPrefix,
+  schemaIdSingleton,
   schemaType,
   SECRET_TTL,
   tag,
@@ -27,12 +27,28 @@ export async function createPreviewSecret(
     const _id = `${schemaIdPrefix}.${id}`
     const newSecret = generateUrlSecret()
     const patch = client.patch(_id).set({secret: newSecret, source, studioUrl, userId})
-    await client.transaction().createOrReplace({_id, _type: schemaType}).patch(patch).commit({tag})
+    await client
+      .transaction()
+      .createIfNotExists({
+        _id: schemaIdSingleton,
+        _type: schemaType,
+        source,
+        studioUrl,
+        userId,
+      })
+      .createOrReplace({_id, _type: schemaType})
+      .patch(patch)
+      .commit({tag})
 
     return {secret: newSecret, expiresAt}
   } finally {
-    // Garbage collect expired secrets
-    await client.delete({query: deleteExpiredSecretsQuery})
+    try {
+      // Garbage collect expired secrets
+      await client.delete({query: deleteExpiredSecretsQuery})
+    } catch (err) {
+      // eslint-disable-next-line no-console
+      console.error('Failed to delete expired secrets', err)
+    }
   }
 }
 
diff --git a/packages/preview-url-secret/src/parsePreviewUrl.test.ts b/packages/preview-url-secret/src/parsePreviewUrl.test.ts
index ec7125ae8..03f95ee2e 100644
--- a/packages/preview-url-secret/src/parsePreviewUrl.test.ts
+++ b/packages/preview-url-secret/src/parsePreviewUrl.test.ts
@@ -1,5 +1,4 @@
 import {expect, test} from 'vitest'
-
 import {urlSearchParamPreviewPathname, urlSearchParamPreviewSecret} from './constants'
 import {parsePreviewUrl} from './parsePreviewUrl'
 
diff --git a/packages/preview-url-secret/src/sanityPluginDebugSecrets/debugUrlSecrets.tsx b/packages/preview-url-secret/src/sanityPluginDebugSecrets/debugUrlSecrets.tsx
index 82e846685..9cd881cf2 100644
--- a/packages/preview-url-secret/src/sanityPluginDebugSecrets/debugUrlSecrets.tsx
+++ b/packages/preview-url-secret/src/sanityPluginDebugSecrets/debugUrlSecrets.tsx
@@ -1,7 +1,6 @@
-import {CheckmarkCircleIcon, CloseCircleIcon, LockIcon} from '@sanity/icons'
+import {ApiIcon, CheckmarkCircleIcon, CloseCircleIcon, LockIcon} from '@sanity/icons'
 import {defineType} from 'sanity'
-
-import {schemaType, SECRET_TTL} from '../constants'
+import {schemaIdSingleton, schemaType, SECRET_TTL} from '../constants'
 
 export const debugUrlSecretsType = defineType({
   type: 'document',
@@ -14,6 +13,7 @@ export const debugUrlSecretsType = defineType({
       type: 'string',
       name: 'secret',
       title: 'Secret',
+      hidden: ({document}) => document?._id === schemaIdSingleton,
     },
     {
       type: 'string',
@@ -33,11 +33,19 @@ export const debugUrlSecretsType = defineType({
   ],
   preview: {
     select: {
+      _id: '_id',
       source: 'source',
       studioUrl: 'studioUrl',
       updatedAt: '_updatedAt',
     },
     prepare(data) {
+      if (data?._id === schemaIdSingleton) {
+        return {
+          title: '@sanity/preview-url-secret is setup correctly',
+          subtitle: 'Never expires',
+          media: ApiIcon,
+        }
+      }
       const url = data.studioUrl ? new URL(data.studioUrl, location.origin) : undefined
       const updatedAt = new Date(data.updatedAt).getTime()
       const expiresAt = new Date(updatedAt + 1000 * SECRET_TTL)
diff --git a/packages/preview-url-secret/src/sanityPluginDebugSecrets/index.ts b/packages/preview-url-secret/src/sanityPluginDebugSecrets/index.ts
index e01fbb507..b1a6d5eca 100644
--- a/packages/preview-url-secret/src/sanityPluginDebugSecrets/index.ts
+++ b/packages/preview-url-secret/src/sanityPluginDebugSecrets/index.ts
@@ -1,5 +1,4 @@
 import {definePlugin} from 'sanity'
-
 import {schemaType} from '../constants'
 import {debugUrlSecretsType} from './debugUrlSecrets'
 
diff --git a/packages/preview-url-secret/src/types.ts b/packages/preview-url-secret/src/types.ts
index 2954c993b..aff5bebc6 100644
--- a/packages/preview-url-secret/src/types.ts
+++ b/packages/preview-url-secret/src/types.ts
@@ -15,7 +15,7 @@ export type PreviewUrlSecretSchemaType = `sanity.previewUrlSecret`
  * A subset type that's compatible with most SanityClient typings,
  * this makes it easier to use this package in libraries that may use `import type { SanityClient } from 'sanity'`
  * as well as those that use `import type { SanityClient } from '@sanity/client'`
- * @internal
+ * @public
  */
 export type SanityClientLike = {
   config(): {token?: string}
diff --git a/packages/preview-url-secret/src/validateSecret.ts b/packages/preview-url-secret/src/validateSecret.ts
index bc2c176cb..6aafa072b 100644
--- a/packages/preview-url-secret/src/validateSecret.ts
+++ b/packages/preview-url-secret/src/validateSecret.ts
@@ -1,7 +1,9 @@
 import {fetchSecretQuery, tag} from './constants'
 import type {FetchSecretQueryParams, FetchSecretQueryResponse, SanityClientLike} from './types'
 
-/** @internal */
+export type {SanityClientLike}
+
+/** @public */
 export async function validateSecret(
   client: SanityClientLike,
   secret: string,
diff --git a/packages/preview-url-secret/turbo.json b/packages/preview-url-secret/turbo.json
index 07728cc5b..c14094f03 100644
--- a/packages/preview-url-secret/turbo.json
+++ b/packages/preview-url-secret/turbo.json
@@ -2,6 +2,9 @@
   "$schema": "https://turbo.build/schema.json",
   "extends": ["//"],
   "tasks": {
+    "build": {
+      "env": ["NODE_ENV"]
+    },
     "dev": {
       "persistent": false
     }
diff --git a/packages/react-loader/README.md b/packages/react-loader/README.md
index a189bd701..09fff821e 100644
--- a/packages/react-loader/README.md
+++ b/packages/react-loader/README.md
@@ -52,7 +52,7 @@ Later in the server side of the app, you setup the client. The `.server.ts` suff
 ```ts
 // ./src/app/sanity.loader.server.ts
 import {createClient} from '@sanity/client'
-import {setServerClient, loadQuery} from './sanity.loader'
+import {loadQuery, setServerClient} from './sanity.loader'
 
 const client = createClient({
   projectId: process.env.SANITY_PROJECT_ID,
@@ -76,10 +76,10 @@ Then somewhere in your app, you can use the `loadQuery` and `useQuery` utilities
 ```tsx
 // ./src/app/routes/products.$slug.tsx
 
-import {Link, useLoaderData, useParams} from '@remix-run/react'
 import {json, type LoaderFunction} from '@remix-run/node'
-import {loadQuery} from '~/sanity.loader.server'
+import {Link, useLoaderData, useParams} from '@remix-run/react'
 import {useQuery} from '~/sanity.loader'
+import {loadQuery} from '~/sanity.loader.server'
 
 interface Product {}
 const query = `*[_type == "product" && slug.current == $slug][0]`
@@ -111,8 +111,8 @@ Enabling Live Mode is done by adding `useLiveMode` to the same component you're
 ```tsx
 // ./src/app/VisualEditing.tsx
 import {enableVisualEditing, type HistoryUpdate} from '@sanity/visual-editing'
-import {useEffect} from 'react'
 import {useLiveMode} from '~/sanity.loader'
+import {useEffect} from 'react'
 
 // A browser client for Live Mode, it's only part of the browser bundle when the `VisualEditing` component is lazy loaded with `React.lazy`
 const client = createClient({
@@ -160,8 +160,8 @@ You then use it in your template:
 ```tsx
 // ./src/app/routes/products.$slug.tsx
 
-import {Link, useLoaderData, useParams} from '@remix-run/react'
 import {json, type LoaderFunction} from '@remix-run/node'
+import {Link, useLoaderData, useParams} from '@remix-run/react'
 import {useQuery} from '@sanity/react-loader'
 import {loadQuery} from '~/sanity.loader.server'
 
diff --git a/packages/react-loader/package.json b/packages/react-loader/package.json
index a37301709..e5f9f1be7 100644
--- a/packages/react-loader/package.json
+++ b/packages/react-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sanity/react-loader",
-  "version": "1.10.7",
+  "version": "1.10.8-canary.64",
   "homepage": "https://github.com/sanity-io/visual-editing/tree/main/packages/react-loader#readme",
   "bugs": {
     "url": "https://github.com/sanity-io/visual-editing/issues"
@@ -67,64 +67,16 @@
   "scripts": {
     "build": "pkg build --strict --check --clean",
     "dev": "pkg build --strict",
-    "lint": "eslint .",
+    "lint": "eslint --cache .",
     "prepack": "turbo run build",
     "test": "vitest --pass-with-no-tests --typecheck"
   },
   "browserslist": "extends @sanity/browserslist-config",
-  "prettier": "@sanity/prettier-config",
+  "prettier": "@repo/prettier-config",
   "eslintConfig": {
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-      "ecmaFeatures": {
-        "jsx": true
-      },
-      "ecmaVersion": 2018,
-      "sourceType": "module"
-    },
-    "settings": {
-      "react": {
-        "version": "detect"
-      }
-    },
-    "plugins": [
-      "@typescript-eslint",
-      "simple-import-sort",
-      "prettier"
-    ],
     "extends": [
-      "plugin:react/recommended",
-      "plugin:react-hooks/recommended",
-      "plugin:react/jsx-runtime",
-      "eslint:recommended",
-      "plugin:prettier/recommended",
-      "plugin:@typescript-eslint/eslint-recommended",
-      "plugin:@typescript-eslint/recommended"
+      "@repo/eslint-config"
     ],
-    "rules": {
-      "no-console": "error",
-      "no-warning-comments": [
-        "warn",
-        {
-          "location": "start",
-          "terms": [
-            "todo",
-            "@todo",
-            "fixme"
-          ]
-        }
-      ],
-      "@typescript-eslint/explicit-module-boundary-types": "error",
-      "@typescript-eslint/member-delimiter-style": "off",
-      "@typescript-eslint/no-empty-interface": "off",
-      "@typescript-eslint/no-explicit-any": "warn",
-      "prettier/prettier": "warn",
-      "react-hooks/exhaustive-deps": "error",
-      "react-hooks/rules-of-hooks": "error",
-      "react/prop-types": "off",
-      "simple-import-sort/exports": "warn",
-      "simple-import-sort/imports": "warn"
-    },
     "root": true
   },
   "dependencies": {
@@ -132,24 +84,21 @@
   },
   "devDependencies": {
     "@repo/channels": "workspace:*",
+    "@repo/eslint-config": "workspace:*",
     "@repo/package.config": "workspace:*",
+    "@repo/prettier-config": "workspace:*",
     "@repo/visual-editing-helpers": "workspace:*",
-    "@sanity/client": "^6.21.3",
-    "@sanity/pkg-utils": "6.11.1",
-    "@types/react": "^18.3.5",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "@sanity/client": "^6.22.1",
+    "@sanity/pkg-utils": "6.11.3",
+    "@types/react": "^18.3.11",
+    "eslint": "^8.57.1",
     "fast-deep-equal": "3.1.3",
     "react": "^18.3.1",
-    "typescript": "5.6.2",
-    "vitest": "^2.0.5"
+    "typescript": "5.6.3",
+    "vitest": "^2.1.3"
   },
   "peerDependencies": {
-    "@sanity/client": "^6.21.3",
+    "@sanity/client": "^6.22.1",
     "react": "^18.3 || >=19.0.0-rc"
   },
   "engines": {
diff --git a/packages/react-loader/src/createQueryStore/client-only.ts b/packages/react-loader/src/createQueryStore/client-only.ts
index edd8be362..91b8432ea 100644
--- a/packages/react-loader/src/createQueryStore/client-only.ts
+++ b/packages/react-loader/src/createQueryStore/client-only.ts
@@ -2,7 +2,6 @@ import {
   createQueryStore as createCoreQueryStore,
   type CreateQueryStoreOptions,
 } from '@sanity/core-loader'
-
 import {defineStudioUrlStore} from '../defineStudioUrlStore'
 import {defineUseLiveMode} from '../defineUseLiveMode'
 import {defineUseQuery} from '../defineUseQuery'
diff --git a/packages/react-loader/src/createQueryStore/server-only.ts b/packages/react-loader/src/createQueryStore/server-only.ts
index d826ef14d..b5c3360e5 100644
--- a/packages/react-loader/src/createQueryStore/server-only.ts
+++ b/packages/react-loader/src/createQueryStore/server-only.ts
@@ -3,7 +3,6 @@ import {
   createQueryStore as createCoreQueryStore,
   type CreateQueryStoreOptions,
 } from '@sanity/core-loader'
-
 import type {QueryStore as BaseQueryStore, QueryStore} from '../types'
 
 export type * from '../types'
@@ -38,6 +37,7 @@ export const createQueryStore = (options: CreateQueryStoreOptions): QueryStore =
 
     const {result, resultSourceMap} =
       await unstable__serverClient.instance!.fetch<QueryResponseResult>(query, params, {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         cache: (cache ?? next) ? undefined : ('no-store' as any),
         filterResponse: false,
         next,
diff --git a/packages/react-loader/src/createQueryStore/universal.ts b/packages/react-loader/src/createQueryStore/universal.ts
index 10eeb4c92..7c502fc56 100644
--- a/packages/react-loader/src/createQueryStore/universal.ts
+++ b/packages/react-loader/src/createQueryStore/universal.ts
@@ -3,7 +3,6 @@ import {
   createQueryStore as createCoreQueryStore,
   type CreateQueryStoreOptions,
 } from '@sanity/core-loader'
-
 import {defineStudioUrlStore} from '../defineStudioUrlStore'
 import {defineUseLiveMode} from '../defineUseLiveMode'
 import {defineUseQuery} from '../defineUseQuery'
diff --git a/packages/react-loader/src/defineUseLiveMode.ts b/packages/react-loader/src/defineUseLiveMode.ts
index 3f9e4f0ea..a12f8b012 100644
--- a/packages/react-loader/src/defineUseLiveMode.ts
+++ b/packages/react-loader/src/defineUseLiveMode.ts
@@ -2,7 +2,6 @@ import type {SanityClient} from '@sanity/client'
 import type {ResolveStudioUrl, StudioUrl} from '@sanity/client/csm'
 import type {QueryStore} from '@sanity/core-loader'
 import {useEffect} from 'react'
-
 import type {UseLiveModeHook} from './types'
 
 export function defineUseLiveMode({
diff --git a/packages/react-loader/src/defineUseQuery.ts b/packages/react-loader/src/defineUseQuery.ts
index 026b74e75..d82bfda2f 100644
--- a/packages/react-loader/src/defineUseQuery.ts
+++ b/packages/react-loader/src/defineUseQuery.ts
@@ -2,7 +2,6 @@ import type {QueryParams} from '@sanity/client'
 import type {QueryStore, QueryStoreState} from '@sanity/core-loader'
 import isEqual from 'fast-deep-equal'
 import {useEffect, useMemo, useState, useSyncExternalStore} from 'react'
-
 import {defineStudioUrlStore} from './defineStudioUrlStore'
 import type {UseQueryOptions, WithEncodeDataAttribute} from './types'
 import {useEncodeDataAttribute} from './useEncodeDataAttribute'
diff --git a/packages/react-loader/src/jsx/jsx.tsx b/packages/react-loader/src/jsx/jsx.tsx
index a034750a5..3998094b6 100644
--- a/packages/react-loader/src/jsx/jsx.tsx
+++ b/packages/react-loader/src/jsx/jsx.tsx
@@ -1,6 +1,5 @@
 import type {ForwardRefExoticComponent, HTMLProps, ReactElement, Ref, SVGProps} from 'react'
 import {forwardRef} from 'react'
-
 import {htmlElements} from './html'
 import type {SanityElementProps} from './SanityElement'
 import {SanityElement} from './SanityElement'
@@ -19,10 +18,12 @@ export type SanitySVGElements = Record<
 export type SanityElements = SanityHTMLElements & SanitySVGElements
 
 function isHTMLElement(name: string): name is keyof SanityHTMLElements {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   return htmlElements.includes(name as any)
 }
 
 function isSVGElement(name: string): name is keyof SanitySVGElements {
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
   return svgElements.includes(name as any)
 }
 
@@ -52,11 +53,13 @@ const sanity = new Proxy({} as SanityElements, {
         props: SanityElementProps & Omit<SVGProps<SVGElement>, 'children' | 'ref'>,
         ref: Ref<SVGElement>,
       ): ReactElement {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
         return <SanityElement {...(props as any)} as={prop} ref={ref} />
       })
 
       SanityComponent.displayName = `sanity.${prop}`
 
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
       target[prop] = SanityComponent as any
 
       return SanityComponent
diff --git a/packages/react-loader/test/createQueryStore/universal.test-d.ts b/packages/react-loader/test/createQueryStore/universal.test-d.ts
index 8aeb551ba..26b95e7a2 100644
--- a/packages/react-loader/test/createQueryStore/universal.test-d.ts
+++ b/packages/react-loader/test/createQueryStore/universal.test-d.ts
@@ -1,6 +1,5 @@
 import {createClient} from '@sanity/client'
 import {describe, expectTypeOf, test} from 'vitest'
-
 import {createQueryStore} from '../../src/createQueryStore/universal'
 
 describe('useQuery', () => {
diff --git a/packages/svelte-loader/README.md b/packages/svelte-loader/README.md
index 859dbc4de..01aad72ae 100644
--- a/packages/svelte-loader/README.md
+++ b/packages/svelte-loader/README.md
@@ -146,7 +146,7 @@ We can now import `isPreviewing` (a [readonly Svelte store](https://svelte.dev/d
 ```svelte
 <!-- src/components/DisplayPreview.svelte -->
 <script lang="ts">
-import { isPreviewing } from '@sanity/svelte-loader'
+  import {isPreviewing} from '@sanity/svelte-loader'
 </script>
 
 {#if $isPreviewing}
@@ -199,18 +199,18 @@ Next, create the page component. We use `useQuery` on the client, passing the in
 ```svelte
 <!-- src/routes/[slug]/+page.svelte -->
 <script lang="ts">
-  import type { PageData } from './$types'
-  import { useQuery } from '@sanity/svelte-loader'
-  import { pageQuery, type PageResult } from '$lib/queries'
+  import {useQuery} from '@sanity/svelte-loader'
+  import {pageQuery, type PageResult} from '$lib/queries'
+  import type {PageData} from './$types'
 
   export let data: PageData
-  const { initial, params } = data;
+  const {initial, params} = data
 
-  const query = useQuery<PageResult>(pageQuery, params, { initial })
+  const query = useQuery<PageResult>(pageQuery, params, {initial})
 
   const studioUrl = 'https://my.sanity.studio'
 
-  $: ({ data: page, loading, encodeDataAttribute } = $query)
+  $: ({data: page, loading, encodeDataAttribute} = $query)
 </script>
 
 {#if loading}
@@ -229,22 +229,24 @@ Finally, we enable both live mode and overlays in the root layout component.
 ```svelte
 <!-- src/routes/+layout.svelte -->
 <script lang="ts">
-  import { onMount } from 'svelte'
-  import { enableVisualEditing } from '@sanity/visual-editing'
-  import { useLiveMode } from '@sanity/svelte-loader'
-  import { client } from '$lib/sanity'
-  import { PUBLIC_SANITY_STUDIO_URL } from '$env/static/public'
+  import {useLiveMode} from '@sanity/svelte-loader'
+  import {enableVisualEditing} from '@sanity/visual-editing'
+  import {PUBLIC_SANITY_STUDIO_URL} from '$env/static/public'
+  import {client} from '$lib/sanity'
+  import {onMount} from 'svelte'
 
   onMount(() => enableVisualEditing())
 
-  onMount(() => useLiveMode({
-    // If `stega.studioUrl` was not provided to the client instance in `sanity.ts`, a studioUrl should be provided here
-    studioUrl: PUBLIC_SANITY_STUDIO_URL
-    // ...or alternatively provide the stega client directly
-    // client: client.withConfig({
-    //   stega: true
-    // })
-  }))
+  onMount(() =>
+    useLiveMode({
+      // If `stega.studioUrl` was not provided to the client instance in `sanity.ts`, a studioUrl should be provided here
+      studioUrl: PUBLIC_SANITY_STUDIO_URL,
+      // ...or alternatively provide the stega client directly
+      // client: client.withConfig({
+      //   stega: true
+      // })
+    }),
+  )
 </script>
 
 <div class="app">
diff --git a/packages/svelte-loader/package.json b/packages/svelte-loader/package.json
index 8bf1d771b..1fdafca00 100644
--- a/packages/svelte-loader/package.json
+++ b/packages/svelte-loader/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sanity/svelte-loader",
-  "version": "1.11.37",
+  "version": "1.11.38-canary.64",
   "homepage": "https://github.com/sanity-io/visual-editing/tree/main/packages/svelte-loader#readme",
   "bugs": {
     "url": "https://github.com/sanity-io/visual-editing/issues"
@@ -39,53 +39,11 @@
     "test": "vitest --pass-with-no-tests --typecheck"
   },
   "browserslist": "extends @sanity/browserslist-config",
-  "prettier": "@sanity/prettier-config",
+  "prettier": "@repo/prettier-config",
   "eslintConfig": {
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-      "ecmaFeatures": {
-        "jsx": true
-      },
-      "ecmaVersion": 2018,
-      "sourceType": "module"
-    },
-    "settings": {
-      "react": {
-        "version": "detect"
-      }
-    },
-    "plugins": [
-      "@typescript-eslint",
-      "simple-import-sort",
-      "prettier"
-    ],
     "extends": [
-      "eslint:recommended",
-      "plugin:prettier/recommended",
-      "plugin:@typescript-eslint/eslint-recommended",
-      "plugin:@typescript-eslint/recommended"
+      "@repo/eslint-config"
     ],
-    "rules": {
-      "no-console": "error",
-      "no-warning-comments": [
-        "warn",
-        {
-          "location": "start",
-          "terms": [
-            "todo",
-            "@todo",
-            "fixme"
-          ]
-        }
-      ],
-      "@typescript-eslint/explicit-module-boundary-types": "error",
-      "@typescript-eslint/member-delimiter-style": "off",
-      "@typescript-eslint/no-empty-interface": "off",
-      "@typescript-eslint/no-explicit-any": "warn",
-      "prettier/prettier": "warn",
-      "simple-import-sort/exports": "warn",
-      "simple-import-sort/imports": "warn"
-    },
     "root": true
   },
   "dependencies": {
@@ -94,22 +52,24 @@
   },
   "devDependencies": {
     "@repo/channels": "workspace:*",
+    "@repo/eslint-config": "workspace:*",
     "@repo/package.config": "workspace:*",
+    "@repo/prettier-config": "workspace:*",
     "@repo/visual-editing-helpers": "workspace:*",
-    "@sanity/client": "^6.21.3",
-    "@sanity/pkg-utils": "6.11.1",
-    "@sanity/preview-url-secret": "workspace:^",
+    "@sanity/client": "^6.22.1",
+    "@sanity/pkg-utils": "6.11.3",
+    "@sanity/preview-url-secret": "workspace:*",
     "@sanity/visual-editing": "workspace:*",
-    "@sveltejs/kit": "^2.5.28",
+    "@sveltejs/kit": "^2.7.1",
     "@sveltejs/vite-plugin-svelte": "^3.1.2",
     "eslint": "^8.57.1",
     "rollup-plugin-svelte": "^7.2.2",
     "svelte": "^4.2.19",
-    "typescript": "5.6.2",
-    "vitest": "^2.0.5"
+    "typescript": "5.6.3",
+    "vitest": "^2.1.3"
   },
   "peerDependencies": {
-    "@sanity/client": "^6.21.3",
+    "@sanity/client": "^6.22.1",
     "@sveltejs/kit": "2.x",
     "svelte": "4.x"
   },
diff --git a/packages/svelte-loader/src/createQueryStore.ts b/packages/svelte-loader/src/createQueryStore.ts
index 286e41d91..1a2edda6d 100644
--- a/packages/svelte-loader/src/createQueryStore.ts
+++ b/packages/svelte-loader/src/createQueryStore.ts
@@ -2,7 +2,6 @@ import {
   createQueryStore as createCoreQueryStore,
   type CreateQueryStoreOptions,
 } from '@sanity/core-loader'
-
 import {defineStudioUrlStore} from './defineStudioUrlStore'
 import {defineUseLiveMode} from './defineUseLiveMode'
 import {defineUseQuery} from './defineUseQuery'
diff --git a/packages/svelte-loader/src/defineStudioUrlStore.ts b/packages/svelte-loader/src/defineStudioUrlStore.ts
index e01603314..ee032a923 100644
--- a/packages/svelte-loader/src/defineStudioUrlStore.ts
+++ b/packages/svelte-loader/src/defineStudioUrlStore.ts
@@ -1,7 +1,7 @@
 import type {SanityClient} from '@sanity/client'
 import type {ResolveStudioUrl, StudioUrl} from '@sanity/client/csm'
 import type {CreateQueryStoreOptions} from '@sanity/core-loader'
-import {type Writable, writable} from 'svelte/store'
+import {writable, type Writable} from 'svelte/store'
 
 type StudioUrlLike = StudioUrl | ResolveStudioUrl | undefined
 
diff --git a/packages/svelte-loader/src/defineUseLiveMode.ts b/packages/svelte-loader/src/defineUseLiveMode.ts
index d0137085f..bd4f261d5 100644
--- a/packages/svelte-loader/src/defineUseLiveMode.ts
+++ b/packages/svelte-loader/src/defineUseLiveMode.ts
@@ -1,6 +1,5 @@
 import type {SanityClient} from '@sanity/client'
 import type {QueryStore} from '@sanity/core-loader'
-
 import {defineStudioUrlStore} from './defineStudioUrlStore'
 import type {UseLiveMode} from './types'
 
diff --git a/packages/svelte-loader/src/defineUseQuery.ts b/packages/svelte-loader/src/defineUseQuery.ts
index 3931ebfd4..14881a5ed 100644
--- a/packages/svelte-loader/src/defineUseQuery.ts
+++ b/packages/svelte-loader/src/defineUseQuery.ts
@@ -3,7 +3,6 @@ import type {QueryStore, QueryStoreState} from '@sanity/core-loader'
 import isEqual from 'fast-deep-equal'
 import {onMount} from 'svelte'
 import {derived, get, writable} from 'svelte/store'
-
 import {defineStudioUrlStore} from './defineStudioUrlStore'
 import type {UseQuery, UseQueryOptions} from './types'
 import {useEncodeDataAttribute} from './useEncodeDataAttribute'
diff --git a/packages/svelte-loader/src/hooks.ts b/packages/svelte-loader/src/hooks.ts
index e84b273c5..432217f51 100644
--- a/packages/svelte-loader/src/hooks.ts
+++ b/packages/svelte-loader/src/hooks.ts
@@ -2,7 +2,6 @@ import type {SanityClient} from '@sanity/client'
 import {handlePreview} from '@sanity/visual-editing/svelte'
 import {type Handle} from '@sveltejs/kit'
 import {sequence} from '@sveltejs/kit/hooks'
-
 import {loadQuery as defaultLoadQuery, unstable__serverClient} from './createQueryStore'
 import type {HandleOptions} from './types'
 
diff --git a/packages/visual-editing-helpers/package.json b/packages/visual-editing-helpers/package.json
index 58feb0177..ae93f290a 100644
--- a/packages/visual-editing-helpers/package.json
+++ b/packages/visual-editing-helpers/package.json
@@ -48,80 +48,35 @@
   "scripts": {
     "build": "pkg build --strict --check --clean",
     "dev": "pkg build --strict",
-    "lint": "eslint .",
+    "lint": "eslint --cache .",
     "prepack": "turbo run build",
     "test": "vitest --pass-with-no-tests --typecheck"
   },
   "browserslist": "extends @sanity/browserslist-config",
-  "prettier": "@sanity/prettier-config",
+  "prettier": "@repo/prettier-config",
   "eslintConfig": {
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-      "ecmaFeatures": {
-        "jsx": true
-      },
-      "ecmaVersion": 2018,
-      "sourceType": "module"
-    },
-    "settings": {
-      "react": {
-        "version": "detect"
-      }
-    },
-    "plugins": [
-      "@typescript-eslint",
-      "react",
-      "react-hooks",
-      "simple-import-sort",
-      "prettier"
-    ],
     "extends": [
-      "eslint:recommended",
-      "plugin:prettier/recommended",
-      "plugin:@typescript-eslint/eslint-recommended",
-      "plugin:@typescript-eslint/recommended"
+      "@repo/eslint-config"
     ],
-    "rules": {
-      "no-console": "error",
-      "no-warning-comments": [
-        "warn",
-        {
-          "location": "start",
-          "terms": [
-            "todo",
-            "@todo",
-            "fixme"
-          ]
-        }
-      ],
-      "@typescript-eslint/explicit-module-boundary-types": "error",
-      "@typescript-eslint/member-delimiter-style": "off",
-      "@typescript-eslint/no-empty-interface": "off",
-      "prettier/prettier": "warn",
-      "simple-import-sort/exports": "warn",
-      "simple-import-sort/imports": "warn"
-    },
     "root": true
   },
   "devDependencies": {
+    "@repo/eslint-config": "workspace:*",
     "@repo/package.config": "workspace:*",
-    "@sanity/client": "^6.21.3",
-    "@sanity/util": "^3.57.2",
-    "@types/react": "^18.3.5",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-simple-import-sort": "^12.1.1",
+    "@repo/prettier-config": "workspace:*",
+    "@sanity/client": "^6.22.1",
+    "@sanity/comlink": "workspace:*",
+    "@sanity/util": "^3.61.0",
+    "@types/react": "^18.3.11",
+    "eslint": "^8.57.1",
     "react": "^18.3.1",
-    "sanity": "^3.57.2",
-    "typescript": "5.6.2",
+    "sanity": "^3.61.0",
+    "typescript": "5.6.3",
     "valibot": "0.31.1",
-    "vitest": "^2.0.5"
+    "vitest": "^2.1.3"
   },
   "peerDependencies": {
-    "@sanity/client": "^6.21.3",
+    "@sanity/client": "^6.22.1",
     "react": "^18.2.0",
     "valibot": "0.31.1"
   },
diff --git a/packages/visual-editing-helpers/src/comlinkCompatibility.ts b/packages/visual-editing-helpers/src/comlinkCompatibility.ts
new file mode 100644
index 000000000..22f5c3dcb
--- /dev/null
+++ b/packages/visual-editing-helpers/src/comlinkCompatibility.ts
@@ -0,0 +1,156 @@
+import {
+  createListenLogic,
+  createRequestMachine,
+  DOMAIN,
+  MSG_DISCONNECT,
+  MSG_HANDSHAKE_ACK,
+  MSG_HANDSHAKE_SYN,
+  MSG_HANDSHAKE_SYN_ACK,
+  MSG_HEARTBEAT,
+  MSG_RESPONSE,
+  type InternalMessageType,
+  type Message,
+  type ProtocolMessage,
+  type RequestMachineContext,
+} from '@sanity/comlink'
+import type {
+  LoaderControllerMsg,
+  LoaderNodeMsg,
+  PreviewKitNodeMsg,
+  VisualEditingControllerMsg,
+  VisualEditingNodeMsg,
+} from './types'
+
+type ComlinkMessageType =
+  | InternalMessageType
+  | (
+      | LoaderControllerMsg
+      | LoaderNodeMsg
+      | PreviewKitNodeMsg
+      | VisualEditingControllerMsg
+      | VisualEditingNodeMsg
+    )['type']
+
+type ChannelsMessageType =
+  | 'handshake/syn'
+  | 'handshake/syn-ack'
+  | 'handshake/ack'
+  | 'channel/response'
+  | 'channel/heartbeat'
+  | 'channel/disconnect'
+  | 'overlay/focus'
+  | 'overlay/navigate'
+  | 'overlay/toggle'
+  | 'presentation/toggleOverlay'
+
+const channelsToComlinkMap: {[key in ChannelsMessageType]: ComlinkMessageType} = {
+  'handshake/syn': MSG_HANDSHAKE_SYN,
+  'handshake/syn-ack': MSG_HANDSHAKE_SYN_ACK,
+  'handshake/ack': MSG_HANDSHAKE_ACK,
+  'channel/response': MSG_RESPONSE,
+  'channel/heartbeat': MSG_HEARTBEAT,
+  'channel/disconnect': MSG_DISCONNECT,
+  'overlay/focus': 'visual-editing/focus',
+  'overlay/navigate': 'visual-editing/navigate',
+  'overlay/toggle': 'visual-editing/toggle',
+  'presentation/toggleOverlay': 'presentation/toggle-overlay',
+}
+
+const comlinkToChannelsMap: {[key in ComlinkMessageType]?: ChannelsMessageType} = {
+  [MSG_HANDSHAKE_SYN]: 'handshake/syn',
+  [MSG_HANDSHAKE_SYN_ACK]: 'handshake/syn-ack',
+  [MSG_HANDSHAKE_ACK]: 'handshake/ack',
+  [MSG_RESPONSE]: 'channel/response',
+  [MSG_HEARTBEAT]: 'channel/heartbeat',
+  [MSG_DISCONNECT]: 'channel/disconnect',
+  'visual-editing/focus': 'overlay/focus',
+  'visual-editing/navigate': 'overlay/navigate',
+  'visual-editing/toggle': 'overlay/toggle',
+  'presentation/toggle-overlay': 'presentation/toggleOverlay',
+}
+
+const convertToComlinkEvent = (
+  event: MessageEvent<ProtocolMessage>,
+): MessageEvent<ProtocolMessage> => {
+  const {data} = event
+
+  if (
+    data &&
+    typeof data === 'object' &&
+    'domain' in data &&
+    'type' in data &&
+    'from' in data &&
+    'to' in data
+  ) {
+    if (data.domain === 'sanity/channels') {
+      data.domain = DOMAIN
+    }
+
+    if (data.to === 'overlays') {
+      data.to = 'visual-editing'
+    }
+
+    if (data.from === 'overlays') {
+      data.from = 'visual-editing'
+    }
+
+    data.type = channelsToComlinkMap[data.type as ChannelsMessageType] ?? data.type
+  }
+
+  return event
+}
+
+const convertToChannelsMessage = (message: ProtocolMessage): ProtocolMessage => {
+  if (message.domain === DOMAIN) {
+    message.domain = 'sanity/channels'
+  }
+
+  if (message.to === 'visual-editing') {
+    message.to = 'overlays'
+  }
+
+  if (message.from === 'visual-editing') {
+    message.from = 'overlays'
+  }
+
+  message.type = comlinkToChannelsMap[message.type as ComlinkMessageType] ?? message.type
+
+  return message
+}
+
+const sendAsChannelsMessage = <S extends Message>(
+  {context}: {context: RequestMachineContext<S>},
+  params: {message: ProtocolMessage},
+): void => {
+  const {sources, targetOrigin} = context
+
+  const message = convertToChannelsMessage(params.message)
+
+  sources.forEach((source) => {
+    source.postMessage(message, {targetOrigin})
+  })
+}
+
+// @todo Why is this necessary?
+export {
+  type ListenInput,
+  type Message,
+  type MessageData,
+  type MessageType,
+  MSG_RESPONSE,
+  type ProtocolMessage,
+  type RequestMachineContext,
+  type ResponseMessage,
+} from '@sanity/comlink'
+
+export const createCompatibilityActors = <
+  T extends Message,
+  // eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+>() => ({
+  listen: createListenLogic(convertToComlinkEvent),
+  requestMachine: createRequestMachine<T>().provide({
+    actions: {
+      'send message': sendAsChannelsMessage,
+    },
+  }),
+})
diff --git a/packages/visual-editing-helpers/src/createDataAttribute.test.ts b/packages/visual-editing-helpers/src/createDataAttribute.test.ts
index e90c6441f..75b4c8a2a 100644
--- a/packages/visual-editing-helpers/src/createDataAttribute.test.ts
+++ b/packages/visual-editing-helpers/src/createDataAttribute.test.ts
@@ -1,5 +1,4 @@
 import {describe, expect, test} from 'vitest'
-
 import {createDataAttribute} from '../src/createDataAttribute'
 
 describe('createDataAttribute', () => {
diff --git a/packages/visual-editing-helpers/src/createDataAttribute.ts b/packages/visual-editing-helpers/src/createDataAttribute.ts
index 309a2c2e5..c091d289f 100644
--- a/packages/visual-editing-helpers/src/createDataAttribute.ts
+++ b/packages/visual-editing-helpers/src/createDataAttribute.ts
@@ -1,5 +1,4 @@
 import {studioPath, type StudioPathLike} from '@sanity/client/csm'
-
 import {encodeSanityNodeData} from './csm/transformSanityNodeData'
 import type {CreateDataAttribute, CreateDataAttributeProps, SanityNode} from './types'
 
diff --git a/packages/visual-editing-helpers/src/csm/resolveSanityNode.ts b/packages/visual-editing-helpers/src/csm/resolveSanityNode.ts
index 66d0981ba..ee1ad6f4d 100644
--- a/packages/visual-editing-helpers/src/csm/resolveSanityNode.ts
+++ b/packages/visual-editing-helpers/src/csm/resolveSanityNode.ts
@@ -1,13 +1,12 @@
 import {
-  type ContentSourceMap,
-  type ContentSourceMapParsedPath,
   getPublishedId,
   jsonPathToStudioPath,
   resolvedKeyedSourcePath,
   resolveMapping,
   studioPath,
+  type ContentSourceMap,
+  type ContentSourceMapParsedPath,
 } from '@sanity/client/csm'
-
 import type {SanityNode} from '../types'
 import type {SanityNodeContext} from './wrap/types'
 
diff --git a/packages/visual-editing-helpers/src/csm/transformSanityNodeData.test.ts b/packages/visual-editing-helpers/src/csm/transformSanityNodeData.test.ts
index 035c0b64a..c5ea7a9d3 100644
--- a/packages/visual-editing-helpers/src/csm/transformSanityNodeData.test.ts
+++ b/packages/visual-editing-helpers/src/csm/transformSanityNodeData.test.ts
@@ -1,5 +1,4 @@
 import {expect, test} from 'vitest'
-
 import {decodeSanityString, encodeSanityNodeData} from './transformSanityNodeData'
 
 test('node data returns an encoded string', async () => {
diff --git a/packages/visual-editing-helpers/src/csm/transformSanityNodeData.ts b/packages/visual-editing-helpers/src/csm/transformSanityNodeData.ts
index debb68e89..cde67ba26 100644
--- a/packages/visual-editing-helpers/src/csm/transformSanityNodeData.ts
+++ b/packages/visual-editing-helpers/src/csm/transformSanityNodeData.ts
@@ -11,7 +11,6 @@ import {
   string,
   unknown,
 } from 'valibot'
-
 import {pathToUrlString} from '../pathToUrlString'
 import type {SanityNode, SanityStegaNode} from '../types'
 import {urlStringToPath} from '../urlStringToPath'
diff --git a/packages/visual-editing-helpers/src/csm/wrap/unwrapData.test.ts b/packages/visual-editing-helpers/src/csm/wrap/unwrapData.test.ts
index e086004ea..a47cc3453 100644
--- a/packages/visual-editing-helpers/src/csm/wrap/unwrapData.test.ts
+++ b/packages/visual-editing-helpers/src/csm/wrap/unwrapData.test.ts
@@ -1,5 +1,4 @@
 import {expect, test} from 'vitest'
-
 import type {WrappedValue} from './types'
 import {unwrapData} from './unwrapData'
 
diff --git a/packages/visual-editing-helpers/src/csm/wrap/wrapData.test.ts b/packages/visual-editing-helpers/src/csm/wrap/wrapData.test.ts
index 6e31ad1c0..72fc2b137 100644
--- a/packages/visual-editing-helpers/src/csm/wrap/wrapData.test.ts
+++ b/packages/visual-editing-helpers/src/csm/wrap/wrapData.test.ts
@@ -1,5 +1,4 @@
 import {expect, test} from 'vitest'
-
 import * as fixtures from './__fixtures__/responses'
 import type {SanityNodeContext} from './types'
 import {wrapData} from './wrapData'
diff --git a/packages/visual-editing-helpers/src/csm/wrap/wrapData.ts b/packages/visual-editing-helpers/src/csm/wrap/wrapData.ts
index 1a6f25f6b..f4550709a 100644
--- a/packages/visual-editing-helpers/src/csm/wrap/wrapData.ts
+++ b/packages/visual-editing-helpers/src/csm/wrap/wrapData.ts
@@ -1,12 +1,11 @@
 /* eslint-disable @typescript-eslint/no-explicit-any */
 
 import {
-  type ContentSourceMap,
-  type ContentSourceMapParsedPath,
   jsonPathToStudioPath,
   studioPath,
+  type ContentSourceMap,
+  type ContentSourceMapParsedPath,
 } from '@sanity/client/csm'
-
 import {resolveSanityNode} from '../resolveSanityNode'
 import {SANITY_KEYS} from './constants'
 import {isArray, isRecord} from './helpers'
diff --git a/packages/visual-editing-helpers/src/getQueryCacheKey.ts b/packages/visual-editing-helpers/src/getQueryCacheKey.ts
index 537625134..04c9a6a6c 100644
--- a/packages/visual-editing-helpers/src/getQueryCacheKey.ts
+++ b/packages/visual-editing-helpers/src/getQueryCacheKey.ts
@@ -1,5 +1,4 @@
 import type {QueryParams} from '@sanity/client'
-
 import type {QueryCacheKey} from './types'
 
 /**
diff --git a/packages/visual-editing-helpers/src/index.ts b/packages/visual-editing-helpers/src/index.ts
index 2f11b9805..06128aec7 100644
--- a/packages/visual-editing-helpers/src/index.ts
+++ b/packages/visual-editing-helpers/src/index.ts
@@ -1,3 +1,4 @@
+export * from './comlinkCompatibility'
 export {createDataAttribute} from './createDataAttribute'
 export {getQueryCacheKey} from './getQueryCacheKey'
 export {isAltKey, isHotkey, isModKey} from './hotkeys'
diff --git a/packages/visual-editing-helpers/src/types.ts b/packages/visual-editing-helpers/src/types.ts
deleted file mode 100644
index ffcd88634..000000000
--- a/packages/visual-editing-helpers/src/types.ts
+++ /dev/null
@@ -1,361 +0,0 @@
-import type {
-  ClientPerspective,
-  ContentSourceMap,
-  ContentSourceMapDocuments,
-  QueryParams,
-} from '@sanity/client'
-import type {StudioPathLike} from '@sanity/client/csm'
-
-export type {Path} from '@sanity/client/csm'
-
-/**
- * @internal
- * client.fetch(query, params) => `${query}-${JSON.stringify(params)}`
- */
-export type QueryCacheKey = `${string}-${string}`
-
-/**
- * Data resolved from a Sanity node
- * @public
- */
-export type SanityNode = {
-  baseUrl: string
-  dataset?: string
-  id: string
-  isDraft?: string
-  path: string
-  projectId?: string
-  tool?: string
-  type?: string
-  workspace?: string
-}
-
-/**
- * Data resolved from a Sanity Stega node
- * @public
- */
-export type SanityStegaNode = {
-  origin: string
-  href: string
-  data?: unknown
-}
-
-/**
- * Preview frame history update
- * @public
- */
-export type HistoryUpdate = {
-  type: 'push' | 'pop' | 'replace'
-  title?: string
-  url: string
-}
-
-/**
- * Preview frame history refresh event, emitted by Presentation Tool
- * @public
- */
-export type HistoryRefresh =
-  | {
-      /**
-       * source 'manual' means the refresh button were clicked by the user
-       */
-      source: 'manual'
-      /**
-       * If true then there's either preview-kit or a loader connected on the page
-       */
-      livePreviewEnabled: boolean
-    }
-  | {
-      /**
-       * source 'mutation' means a document were mutated and the preview might need to refresh
-       */
-      source: 'mutation'
-      /**
-       * If true then there's either preview-kit or a loader connected on the page
-       */
-      livePreviewEnabled: boolean
-      /**
-       * Select metadata about the document that were mutated
-       * If it's prefixed with `drafts.` then it's a draft document, otherwise it's a published document.
-       */
-      document: {
-        /**
-         * If it's prefixed with `drafts.` then it's a draft document, otherwise it's a published document.
-         */
-        _id: string
-        /**
-         * The document type is frequently used in `revalidateTag` scenarios with Next.js App Router
-         */
-        _type: string
-        /**
-         * The document revision, can be used to dedupe requests, as we always send two due to debouncing and handling Content Lake eventual consistency
-         */
-        _rev: string
-        /**
-         * If the document has a top level slug field named `slug` with the type `slug`, then it'll be included here
-         */
-        slug?: {current?: string | null}
-      }
-    }
-
-/**
- * Messages emitted by the presentation package
- * @public
- */
-export type PresentationMsg =
-  | {
-      type: 'presentation/focus'
-      data: {id: string; path: string}
-    }
-  | {
-      type: 'presentation/blur'
-      data: undefined
-    }
-  | {
-      type: 'presentation/navigate'
-      data: HistoryUpdate
-    }
-  | {
-      type: 'presentation/toggleOverlay'
-      data: undefined
-    }
-  | {
-      type: 'presentation/refresh'
-      data: HistoryRefresh
-    }
-  | {
-      type: 'presentation/perspective'
-      data: {
-        perspective: ClientPerspective
-      }
-    }
-
-/**@public */
-export interface VisualEditingPayloads {
-  documents: {
-    projectId?: string
-    dataset?: string
-    perspective: ClientPerspective
-    documents: ContentSourceMapDocuments
-  }
-  focus: SanityNode | SanityStegaNode
-  meta: {
-    title: string
-  }
-  navigate: HistoryUpdate
-  toggle: {
-    enabled: boolean
-  }
-  refresh: HistoryRefresh
-}
-
-/**
- * Messages emitted by the overlays package
- * @deprecated use VisualEditingMsg instead
- */
-export type OverlayMsg =
-  | {
-      type: 'overlay/focus'
-      data: VisualEditingPayloads['focus']
-    }
-  | {
-      type: 'overlay/navigate'
-      data: VisualEditingPayloads['navigate']
-    }
-  | {
-      type: 'overlay/toggle'
-      data: VisualEditingPayloads['toggle']
-    }
-
-/**
- * Messages emitted by the visual-editing package
- * @public
- */
-export type VisualEditingMsg =
-  | {
-      type: 'visual-editing/focus'
-      data: VisualEditingPayloads['focus']
-    }
-  | {
-      type: 'visual-editing/navigate'
-      data: VisualEditingPayloads['navigate']
-    }
-  | {
-      type: 'visual-editing/toggle'
-      data: VisualEditingPayloads['toggle']
-    }
-  | {
-      type: 'visual-editing/meta'
-      data: VisualEditingPayloads['meta']
-    }
-  | {
-      type: 'visual-editing/documents'
-      data: VisualEditingPayloads['documents']
-    }
-  | {
-      type: 'visual-editing/refreshing'
-      data: VisualEditingPayloads['refresh']
-    }
-  | {
-      type: 'visual-editing/refreshed'
-      data: VisualEditingPayloads['refresh']
-    }
-
-/** @public */
-export interface LoaderPayloads {
-  'perspective': {
-    projectId: string
-    dataset: string
-    perspective: ClientPerspective
-  }
-  'query-change': {
-    projectId: string
-    dataset: string
-    perspective: ClientPerspective
-    query: string
-    params: QueryParams
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    result: any
-    resultSourceMap?: ContentSourceMap
-  }
-  'query-listen': {
-    projectId: string
-    dataset: string
-    perspective: ClientPerspective
-    query: string
-    params: QueryParams
-    /**
-     * If above 0, then the loader will fire listen events on a heartbeat interval,
-     * allowing Presentation Tool to detect when it's no longer necessary to subscribe to a query.
-     */
-    heartbeat?: number
-  }
-  'documents': {
-    projectId: string
-    dataset: string
-    perspective: ClientPerspective
-    documents: ContentSourceMapDocuments
-  }
-}
-
-/**
- * Messages emitted by the loader packages
- * @public
- */
-export type LoaderMsg =
-  | {
-      type: 'loader/perspective'
-      data: LoaderPayloads['perspective']
-    }
-  | {
-      type: 'loader/query-change'
-      data: LoaderPayloads['query-change']
-    }
-  | {
-      type: 'loader/query-listen'
-      data: LoaderPayloads['query-listen']
-    }
-  | {
-      /**
-       * Sends over the CSM reported documents in use on the page. If there are multiple queries and thus
-       * multiple CSM's, they're all deduped and concatenated into a single list.
-       */
-      type: 'loader/documents'
-      data: LoaderPayloads['documents']
-    }
-
-/**
- * Messages emitted by the preview-kit-compat package
- * @public
- */
-export type PreviewKitMsg = {
-  /**
-   * Sends over the CSM reported documents in use on the page. If there are multiple queries and thus
-   * multiple CSM's, they're all deduped and concatenated into a single list.
-   */
-  type: 'preview-kit/documents'
-  data: {
-    projectId: string
-    dataset: string
-    perspective: ClientPerspective
-    documents: ContentSourceMapDocuments
-  }
-}
-
-/**
- * Known Channel connection IDs
- * @public
- */
-export type VisualEditingConnectionIds = 'presentation' | 'loaders' | 'overlays' | 'preview-kit'
-
-/**
- * Helper
- * @internal
- */
-export type WithRequired<T, K extends keyof T> = T & {[P in K]-?: T[P]}
-
-/**
- * The metadata that can be embedded in a data attribute.
- * All values are marked optional in the base type as they can be provided incrementally using the `createDataAttribute` function.
- * @public
- */
-export interface CreateDataAttributeProps {
-  /** The studio base URL, optional */
-  baseUrl?: string
-  /** The dataset, optional */
-  dataset?: string
-  /** The document ID, required */
-  id?: string
-  /** The field path, required */
-  path?: StudioPathLike
-  /** The project ID, optional */
-  projectId?: string
-  /** The studio tool name, optional */
-  tool?: string
-  /** The document type, required */
-  type?: string
-  /** The studio workspace, optional */
-  workspace?: string
-}
-
-/**
- * @public
- */
-export type CreateDataAttribute<T extends CreateDataAttributeProps> = (T extends WithRequired<
-  CreateDataAttributeProps,
-  'id' | 'type' | 'path'
->
-  ? {
-      /**
-       * Returns a string representation of the data attribute
-       * @param path - An optional path to concatenate with any existing path
-       * @public
-       */
-      (path?: StudioPathLike): string
-      /**
-       * Returns a string representation of the data attribute
-       * @public
-       */
-      toString(): string
-    }
-  : T extends WithRequired<CreateDataAttributeProps, 'id' | 'type'>
-    ? /**
-       * Returns a string representation of the data attribute
-       * @param path - An optional path to concatenate with any existing path
-       * @public
-       */
-      (path: StudioPathLike) => string
-    : object) & {
-  /**
-   * Concatenate the current path with a new path
-   * @param path - A path to concatenate with any existing path
-   * @public
-   */
-  scope(path: StudioPathLike): CreateDataAttribute<T & {path: StudioPathLike}>
-  /**
-   * Combines the current props with additional props
-   * @param props - New props to merge with any existing props
-   * @public
-   */
-  combine: <U extends CreateDataAttributeProps>(props: U) => CreateDataAttribute<T & U>
-}
diff --git a/packages/visual-editing-helpers/src/types/attributes.ts b/packages/visual-editing-helpers/src/types/attributes.ts
new file mode 100644
index 000000000..06d1ef35d
--- /dev/null
+++ b/packages/visual-editing-helpers/src/types/attributes.ts
@@ -0,0 +1,73 @@
+import type {StudioPathLike} from '@sanity/client/csm'
+
+/**
+ * Helper
+ * @internal
+ */
+export type WithRequired<T, K extends keyof T> = T & {[P in K]-?: T[P]}
+
+/**
+ * The metadata that can be embedded in a data attribute.
+ * All values are marked optional in the base type as they can be provided incrementally using the `createDataAttribute` function.
+ * @public
+ */
+export interface CreateDataAttributeProps {
+  /** The studio base URL, optional */
+  baseUrl?: string
+  /** The dataset, optional */
+  dataset?: string
+  /** The document ID, required */
+  id?: string
+  /** The field path, required */
+  path?: StudioPathLike
+  /** The project ID, optional */
+  projectId?: string
+  /** The studio tool name, optional */
+  tool?: string
+  /** The document type, required */
+  type?: string
+  /** The studio workspace, optional */
+  workspace?: string
+}
+
+/**
+ * @public
+ */
+export type CreateDataAttribute<T extends CreateDataAttributeProps> = (T extends WithRequired<
+  CreateDataAttributeProps,
+  'id' | 'type' | 'path'
+>
+  ? {
+      /**
+       * Returns a string representation of the data attribute
+       * @param path - An optional path to concatenate with any existing path
+       * @public
+       */
+      (path?: StudioPathLike): string
+      /**
+       * Returns a string representation of the data attribute
+       * @public
+       */
+      toString(): string
+    }
+  : T extends WithRequired<CreateDataAttributeProps, 'id' | 'type'>
+    ? /**
+       * Returns a string representation of the data attribute
+       * @param path - An optional path to concatenate with any existing path
+       * @public
+       */
+      (path: StudioPathLike) => string
+    : object) & {
+  /**
+   * Concatenate the current path with a new path
+   * @param path - A path to concatenate with any existing path
+   * @public
+   */
+  scope(path: StudioPathLike): CreateDataAttribute<T & {path: StudioPathLike}>
+  /**
+   * Combines the current props with additional props
+   * @param props - New props to merge with any existing props
+   * @public
+   */
+  combine: <U extends CreateDataAttributeProps>(props: U) => CreateDataAttribute<T & U>
+}
diff --git a/packages/visual-editing-helpers/src/types/comlink.ts b/packages/visual-editing-helpers/src/types/comlink.ts
new file mode 100644
index 000000000..b44a2d4f0
--- /dev/null
+++ b/packages/visual-editing-helpers/src/types/comlink.ts
@@ -0,0 +1,313 @@
+import type {
+  ClientPerspective,
+  ContentSourceMap,
+  ContentSourceMapDocuments,
+  MutationEvent,
+  QueryParams,
+  ReconnectEvent,
+  SanityDocument,
+  SyncTag,
+  WelcomeEvent,
+} from '@sanity/client'
+import type {PreviewValue} from '@sanity/types'
+import type {SanityNode, SanityStegaNode} from './overlays'
+import type {ResolvedSchemaTypeMap, SchemaType, UnresolvedPath} from './schema'
+
+/**
+ * @internal
+ * client.fetch(query, params) => `${query}-${JSON.stringify(params)}`
+ */
+export type QueryCacheKey = `${string}-${string}`
+
+/**
+ * Preview frame history update
+ * @public
+ */
+export type HistoryUpdate = {
+  type: 'push' | 'pop' | 'replace'
+  title?: string
+  url: string
+}
+
+/**
+ * Preview frame history refresh event, emitted by Presentation Tool
+ * @public
+ */
+export type HistoryRefresh =
+  | {
+      /**
+       * source 'manual' means the refresh button were clicked by the user
+       */
+      source: 'manual'
+      /**
+       * If true then there's either preview-kit or a loader connected on the page
+       */
+      livePreviewEnabled: boolean
+    }
+  | {
+      /**
+       * source 'mutation' means a document were mutated and the preview might need to refresh
+       */
+      source: 'mutation'
+      /**
+       * If true then there's either preview-kit or a loader connected on the page
+       */
+      livePreviewEnabled: boolean
+      /**
+       * Select metadata about the document that were mutated
+       * If it's prefixed with `drafts.` then it's a draft document, otherwise it's a published document.
+       */
+      document: {
+        /**
+         * If it's prefixed with `drafts.` then it's a draft document, otherwise it's a published document.
+         */
+        _id: string
+        /**
+         * The document type is frequently used in `revalidateTag` scenarios with Next.js App Router
+         */
+        _type: string
+        /**
+         * The document revision, can be used to dedupe requests, as we always send two due to debouncing and handling Content Lake eventual consistency
+         */
+        _rev: string
+        /**
+         * If the document has a top level slug field named `slug` with the type `slug`, then it'll be included here
+         */
+        slug?: {current?: string | null}
+      }
+    }
+
+/**
+ * @public
+ */
+export type VisualEditingControllerMsg =
+  | {
+      type: 'presentation/focus'
+      data: {id: string; path: string}
+    }
+  | {
+      type: 'presentation/blur'
+      data: undefined
+    }
+  | {
+      type: 'presentation/navigate'
+      data: HistoryUpdate
+    }
+  | {
+      type: 'presentation/toggle-overlay'
+      data: undefined
+    }
+  | {
+      type: 'presentation/refresh'
+      data: HistoryRefresh
+    }
+  | {
+      type: 'presentation/perspective'
+      data: {
+        perspective: ClientPerspective
+      }
+    }
+  | {
+      type: 'presentation/schema'
+      data: {
+        schema: SchemaType[]
+      }
+    }
+  | {
+      type: 'presentation/preview-snapshots'
+      data: {
+        snapshots: Array<PreviewValue & {_id: string}>
+      }
+    }
+  | {
+      type: 'presentation/snapshot-event'
+      data: {
+        event: ReconnectEvent | WelcomeEvent | MutationEvent
+      }
+    }
+
+/**
+ * @public
+ */
+export type VisualEditingNodeMsg =
+  | {
+      type: 'visual-editing/focus'
+      data: SanityNode | SanityStegaNode
+    }
+  | {
+      type: 'overlay/focus'
+      data: SanityNode | SanityStegaNode
+    }
+  | {
+      type: 'visual-editing/navigate'
+      data: HistoryUpdate
+    }
+  | {
+      type: 'overlay/navigate'
+      data: HistoryUpdate
+    }
+  | {
+      type: 'visual-editing/toggle'
+      data: {
+        enabled: boolean
+      }
+    }
+  | {
+      type: 'overlay/toggle'
+      data: {
+        enabled: boolean
+      }
+    }
+  | {
+      type: 'visual-editing/meta'
+      data: {
+        title: string
+      }
+    }
+  | {
+      type: 'visual-editing/documents'
+      data: {
+        projectId?: string
+        dataset?: string
+        perspective: ClientPerspective
+        documents: ContentSourceMapDocuments
+      }
+    }
+  | {
+      type: 'visual-editing/refreshing'
+      data: HistoryRefresh
+    }
+  | {
+      type: 'visual-editing/refreshed'
+      data: HistoryRefresh
+    }
+  | {
+      type: 'visual-editing/schema-union-types'
+      data: {
+        paths: UnresolvedPath[]
+      }
+      response: {
+        types: ResolvedSchemaTypeMap
+      }
+    }
+  | {
+      type: 'visual-editing/observe-documents'
+      data: {
+        documentIds: string[]
+      }
+    }
+  | {
+      type: 'visual-editing/fetch-snapshot'
+      data: {
+        documentId: string
+      }
+      response: {
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        snapshot: SanityDocument<Record<string, any>> | undefined | void
+      }
+    }
+  | {
+      type: 'visual-editing/mutate'
+      data: {
+        transactionId: string | undefined
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        mutations: any[]
+      }
+      // eslint-disable-next-line @typescript-eslint/no-explicit-any
+      response: any
+    }
+  | {
+      type: 'visual-editing/listen'
+      data: undefined
+    }
+  | {
+      type: 'visual-editing/unlisten'
+      data: undefined
+    }
+
+/**
+ * @public
+ */
+export type LoaderControllerMsg =
+  | {
+      type: 'loader/perspective'
+      data: {
+        projectId: string
+        dataset: string
+        perspective: ClientPerspective
+      }
+    }
+  | {
+      type: 'loader/query-change'
+      data: {
+        projectId: string
+        dataset: string
+        perspective: ClientPerspective
+        query: string
+        params: QueryParams
+        // eslint-disable-next-line @typescript-eslint/no-explicit-any
+        result: any
+        resultSourceMap?: ContentSourceMap
+        tags?: SyncTag[]
+      }
+    }
+
+/**
+ * @public
+ */
+export type LoaderNodeMsg =
+  | {
+      type: 'loader/query-listen'
+      data: {
+        projectId: string
+        dataset: string
+        perspective: ClientPerspective
+        query: string
+        params: QueryParams
+        /**
+         * If above 0, then the loader will fire listen events on a heartbeat interval,
+         * allowing Presentation Tool to detect when it's no longer necessary to subscribe to a query.
+         */
+        heartbeat?: number
+      }
+    }
+  | {
+      /**
+       * Sends over the CSM reported documents in use on the page. If there are multiple queries and thus
+       * multiple CSM's, they're all deduped and concatenated into a single list.
+       */
+      type: 'loader/documents'
+      data: {
+        projectId: string
+        dataset: string
+        perspective: ClientPerspective
+        documents: ContentSourceMapDocuments
+      }
+    }
+// | {
+//     type: 'loader/fetch-preview-url-secret'
+//     data: {
+//       projectId: string
+//       dataset: string
+//     }
+//     response: {
+//       secret: string | null
+//     }
+//   }
+
+/**
+ * @public
+ */
+export type PreviewKitNodeMsg = {
+  /**
+   * Sends over the CSM reported documents in use on the page. If there are multiple queries and thus
+   * multiple CSM's, they're all deduped and concatenated into a single list.
+   */
+  type: 'preview-kit/documents'
+  data: {
+    projectId: string
+    dataset: string
+    perspective: ClientPerspective
+    documents: ContentSourceMapDocuments
+  }
+}
diff --git a/packages/visual-editing-helpers/src/types/index.ts b/packages/visual-editing-helpers/src/types/index.ts
new file mode 100644
index 000000000..384ef6430
--- /dev/null
+++ b/packages/visual-editing-helpers/src/types/index.ts
@@ -0,0 +1,5 @@
+export * from './attributes'
+export * from './comlink'
+export * from './overlays'
+export * from './schema'
+export type {Path} from '@sanity/client/csm'
diff --git a/packages/visual-editing-helpers/src/types/overlays.ts b/packages/visual-editing-helpers/src/types/overlays.ts
new file mode 100644
index 000000000..a841d943f
--- /dev/null
+++ b/packages/visual-editing-helpers/src/types/overlays.ts
@@ -0,0 +1,25 @@
+/**
+ * Data resolved from a Sanity node
+ * @public
+ */
+export type SanityNode = {
+  baseUrl: string
+  dataset?: string
+  id: string
+  isDraft?: string
+  path: string
+  projectId?: string
+  tool?: string
+  type?: string
+  workspace?: string
+}
+
+/**
+ * Data resolved from a Sanity Stega node
+ * @public
+ */
+export type SanityStegaNode = {
+  origin: string
+  href: string
+  data?: unknown
+}
diff --git a/packages/visual-editing-helpers/src/types/schema.ts b/packages/visual-editing-helpers/src/types/schema.ts
new file mode 100644
index 000000000..2140d15e6
--- /dev/null
+++ b/packages/visual-editing-helpers/src/types/schema.ts
@@ -0,0 +1,121 @@
+import type {StudioPathLike} from '@sanity/client/csm'
+import type {InsertMenuOptions} from '@sanity/insert-menu'
+import type {ArrayOptions} from '@sanity/types'
+
+export interface DocumentSchema {
+  type: 'document'
+  name: string
+  title?: string
+  icon?: string
+  fields: Record<string, SchemaObjectField>
+}
+
+export interface TypeSchema {
+  type: 'type'
+  name: string
+  title?: string
+  value: SchemaNode
+}
+
+export type SchemaType = DocumentSchema | TypeSchema
+
+export interface SchemaArrayNode<T extends SchemaNode = SchemaNode> {
+  type: 'array'
+  of: SchemaArrayItem<T>
+}
+
+export interface SchemaArrayItem<T extends SchemaNode = SchemaNode> {
+  type: 'arrayItem'
+  name: string
+  title?: string
+  value: T
+}
+
+export interface SchemaBooleanNode {
+  type: 'boolean'
+  value?: boolean
+}
+
+export interface SchemaInlineNode {
+  type: 'inline'
+  /** the name of the referenced type */
+  name: string
+}
+
+export interface SchemaNullNode {
+  type: 'null'
+}
+
+export interface SchemaNumberNode {
+  type: 'number'
+  value?: number
+}
+
+export interface SchemaObjectNode<T extends SchemaNode = SchemaNode> {
+  type: 'object'
+  fields: Record<string, SchemaObjectField<T>>
+  rest?: SchemaObjectNode | SchemaUnknownNode | SchemaInlineNode
+  dereferencesTo?: string
+}
+
+export interface SchemaObjectField<T extends SchemaNode = SchemaNode> {
+  type: 'objectField'
+  name: string
+  title?: string
+  value: T
+  optional?: boolean
+}
+
+export interface SchemaStringNode {
+  type: 'string'
+  value?: string
+}
+
+export type SchemaUnionNodeOptions = Omit<ArrayOptions, 'insertMenu'> & {
+  insertMenu?: Omit<InsertMenuOptions, 'views'> & {
+    views?: Array<
+      | {
+          name: 'list'
+        }
+      | {
+          name: 'grid'
+          previewImageUrls?: Record<string, string | undefined>
+        }
+    >
+  }
+}
+export interface SchemaUnionNode<T extends SchemaNode = SchemaNode> {
+  type: 'union'
+  of: SchemaUnionOption<T>[] | SchemaStringNode[] | SchemaNumberNode[]
+  options?: SchemaUnionNodeOptions
+}
+
+export interface SchemaUnionOption<T extends SchemaNode = SchemaNode> {
+  type: 'unionOption'
+  name: string
+  title?: string
+  icon?: string
+  value: T
+}
+
+export interface SchemaUnknownNode {
+  type: 'unknown'
+}
+
+export type SchemaNode =
+  | SchemaArrayNode
+  | SchemaBooleanNode
+  | SchemaInlineNode
+  | SchemaNullNode
+  | SchemaNumberNode
+  | SchemaObjectNode
+  | SchemaStringNode
+  | SchemaUnionNode
+  | SchemaUnknownNode
+
+export type ResolvedSchemaTypeMap = Map<string, Map<string, StudioPathLike>>
+
+export interface UnresolvedPath {
+  id: string
+  path: string
+}
diff --git a/packages/visual-editing/.storybook/main.ts b/packages/visual-editing/.storybook/main.ts
index 20fcd0a96..f87b9a642 100644
--- a/packages/visual-editing/.storybook/main.ts
+++ b/packages/visual-editing/.storybook/main.ts
@@ -1,7 +1,6 @@
+import {dirname, join} from 'path'
 import type {StorybookConfig} from '@storybook/react-vite'
 
-import {join, dirname} from 'path'
-
 /**
  * This function is used to resolve the absolute path of a package.
  * It is needed in projects that use Yarn PnP or are set up within a monorepo.
diff --git a/packages/visual-editing/.storybook/preview.ts b/packages/visual-editing/.storybook/preview.ts
index ba6c88067..28a7a6c6b 100644
--- a/packages/visual-editing/.storybook/preview.ts
+++ b/packages/visual-editing/.storybook/preview.ts
@@ -1,7 +1,6 @@
 import './tailwind.css'
-
-import type {Preview} from '@storybook/react'
 import {withThemeByClassName} from '@storybook/addon-themes'
+import type {Preview} from '@storybook/react'
 
 const darkModeMq = window.matchMedia('(prefers-color-scheme: dark)')
 
diff --git a/packages/visual-editing/README.md b/packages/visual-editing/README.md
index de288d227..645295fdb 100644
--- a/packages/visual-editing/README.md
+++ b/packages/visual-editing/README.md
@@ -89,8 +89,8 @@ npm i next-sanity
 In your root `layout.tsx`, assuming you're using [Draft Mode](https://nextjs.org/docs/app/building-your-application/configuring/draft-mode) to toggle when to enable Visual Editing, add the `VisualEditing` component:
 
 ```tsx
-import {draftMode} from 'next/headers'
 import {VisualEditing} from 'next-sanity'
+import {draftMode} from 'next/headers'
 
 export default function RootLayout({children}: {children: React.ReactNode}) {
   return (
@@ -276,9 +276,9 @@ The implementation makes use of [Server Actions][server-actions], here's the def
 
 ```tsx
 // app/layout.tsx
-import {revalidateTag, revalidatePath} from 'next/cache'
-import {draftMode} from 'next/headers'
 import {VisualEditing} from 'next-sanity'
+import {revalidatePath, revalidateTag} from 'next/cache'
+import {draftMode} from 'next/headers'
 
 export default function RootLayout({children}: {children: React.ReactNode}) {
   return (
@@ -362,8 +362,8 @@ Remix doesn't have [Server Actions][server-actions] yet, under the hood the [`us
 
 ```tsx
 // app/root.tsx
-import {VisualEditing} from '@sanity/visual-editing/remix'
 import {useRevalidator} from '@remix-run/react'
+import {VisualEditing} from '@sanity/visual-editing/remix'
 
 export default function App() {
   const {ENV} = useLoaderData<typeof loader>()
diff --git a/packages/visual-editing/package.json b/packages/visual-editing/package.json
index badb96efb..f822dbfed 100644
--- a/packages/visual-editing/package.json
+++ b/packages/visual-editing/package.json
@@ -1,6 +1,6 @@
 {
   "name": "@sanity/visual-editing",
-  "version": "2.1.10",
+  "version": "2.1.11-canary.64",
   "keywords": [
     "sanity.io",
     "visual-editing",
@@ -86,6 +86,7 @@
     "dist-svelte",
     "src",
     "!src/**/stories/",
+    "!src/**/*.md",
     "CHANGELOG.md"
   ],
   "scripts": {
@@ -94,123 +95,71 @@
     "build:main": "pkg build --strict",
     "build:svelte": "svelte-kit sync && svelte-package -i ./svelte -o dist-svelte",
     "dev": "pnpm run build:main && pnpm run build:svelte",
-    "lint": "eslint .",
+    "lint": "eslint --cache .",
     "prepack": "turbo run build",
     "storybook": "storybook dev -p 6006",
     "test": "vitest --pass-with-no-tests --typecheck"
   },
   "browserslist": "extends @sanity/browserslist-config",
   "eslintConfig": {
-    "parser": "@typescript-eslint/parser",
-    "parserOptions": {
-      "ecmaFeatures": {
-        "jsx": true
-      },
-      "ecmaVersion": 2018,
-      "sourceType": "module"
-    },
-    "settings": {
-      "react": {
-        "version": "detect"
-      }
-    },
-    "plugins": [
-      "@typescript-eslint",
-      "react",
-      "react-hooks",
-      "simple-import-sort",
-      "prettier"
-    ],
     "extends": [
-      "plugin:react/recommended",
-      "plugin:react-hooks/recommended",
-      "plugin:react/jsx-runtime",
-      "eslint:recommended",
-      "plugin:prettier/recommended",
-      "plugin:@typescript-eslint/eslint-recommended",
-      "plugin:@typescript-eslint/recommended",
+      "@repo/eslint-config",
       "plugin:storybook/recommended"
     ],
-    "rules": {
-      "no-console": "error",
-      "no-warning-comments": [
-        "warn",
-        {
-          "location": "start",
-          "terms": [
-            "todo",
-            "@todo",
-            "fixme"
-          ]
-        }
-      ],
-      "@typescript-eslint/explicit-module-boundary-types": "error",
-      "@typescript-eslint/member-delimiter-style": "off",
-      "@typescript-eslint/no-empty-interface": "off",
-      "prettier/prettier": "warn",
-      "react-hooks/exhaustive-deps": "error",
-      "react-hooks/rules-of-hooks": "error",
-      "react/prop-types": "off",
-      "simple-import-sort/exports": "warn",
-      "simple-import-sort/imports": "warn"
-    },
     "root": true
   },
   "dependencies": {
-    "@sanity/preview-url-secret": "workspace:^",
+    "@sanity/mutate": "0.10.1-canary.4",
+    "@sanity/preview-url-secret": "workspace:*",
     "@vercel/stega": "0.1.2",
     "scroll-into-view-if-needed": "^3.1.0",
-    "valibot": "0.31.1"
+    "use-effect-event": "^1.0.2",
+    "valibot": "0.31.1",
+    "xstate": "^5.18.2"
   },
   "devDependencies": {
-    "@remix-run/react": "^2.12.0",
-    "@repo/channels": "workspace:*",
+    "@remix-run/react": "^2.13.1",
+    "@repo/eslint-config": "workspace:*",
     "@repo/package.config": "workspace:*",
     "@repo/visual-editing-helpers": "workspace:*",
-    "@sanity/client": "^6.21.3",
+    "@sanity/client": "^6.22.1",
     "@sanity/color": "^3.0.6",
+    "@sanity/comlink": "workspace:*",
     "@sanity/demo": "^2.0.0",
-    "@sanity/pkg-utils": "6.11.1",
+    "@sanity/pkg-utils": "6.11.3",
     "@sanity/ui": "2.8.9",
-    "@storybook/addon-essentials": "^8.2.9",
-    "@storybook/addon-interactions": "^8.2.9",
-    "@storybook/addon-links": "^8.2.9",
-    "@storybook/addon-themes": "^8.2.9",
-    "@storybook/react": "^8.2.9",
-    "@storybook/react-vite": "^8.2.9",
-    "@storybook/test": "^8.2.9",
-    "@sveltejs/adapter-auto": "^3.2.4",
-    "@sveltejs/kit": "^2.5.26",
-    "@sveltejs/package": "^2.3.4",
+    "@storybook/addon-essentials": "^8.3.5",
+    "@storybook/addon-interactions": "^8.3.5",
+    "@storybook/addon-links": "^8.3.5",
+    "@storybook/addon-themes": "^8.3.5",
+    "@storybook/react": "^8.3.5",
+    "@storybook/react-vite": "^8.3.5",
+    "@storybook/test": "^8.3.5",
+    "@sveltejs/adapter-auto": "^3.2.5",
+    "@sveltejs/kit": "^2.7.1",
+    "@sveltejs/package": "^2.3.5",
     "@tailwindcss/typography": "^0.5.15",
-    "@types/react": "^18.3.5",
-    "@types/react-dom": "^18.3.0",
-    "@typescript-eslint/eslint-plugin": "^7.18.0",
-    "@typescript-eslint/parser": "^7.18.0",
-    "eslint": "^8.57.0",
-    "eslint-config-prettier": "^9.1.0",
-    "eslint-plugin-prettier": "^5.2.1",
-    "eslint-plugin-react": "^7.35.2",
-    "eslint-plugin-react-hooks": "^4.6.2",
-    "eslint-plugin-simple-import-sort": "^12.1.1",
-    "eslint-plugin-storybook": "^0.8.0",
-    "happy-dom": "^15.7.3",
+    "@types/react": "^18.3.11",
+    "@types/react-dom": "^18.3.1",
+    "eslint": "^8.57.1",
+    "eslint-plugin-storybook": "^0.9.0",
+    "happy-dom": "^15.7.4",
     "ls-engines": "^0.9.3",
     "react": "^18.3.1",
     "react-dom": "^18.3.1",
     "react-is": "^18.3.1",
     "rimraf": "^5.0.5",
-    "storybook": "^8.2.9",
+    "storybook": "^8.3.5",
     "styled-components": "6.1.13",
     "svelte": "^4.2.19",
-    "tailwindcss": "^3.4.10",
-    "typescript": "5.6.2",
+    "tailwindcss": "^3.4.14",
+    "typescript": "5.6.3",
     "uuid": "10.0.0",
-    "vitest": "^2.0.5"
+    "vitest": "^2.1.3"
   },
   "peerDependencies": {
     "@remix-run/react": ">= 2",
-    "@sanity/client": "^6.21.3",
+    "@sanity/client": "^6.22.1",
     "@sveltejs/kit": ">= 2",
     "next": ">= 13 || >=14.3.0-canary.0 <14.3.0 || >=15.0.0-rc",
     "react": "^18.3 || >=19.0.0-rc",
diff --git a/packages/visual-editing/src/constants.ts b/packages/visual-editing/src/constants.ts
index 6b804926e..bc6263b64 100644
--- a/packages/visual-editing/src/constants.ts
+++ b/packages/visual-editing/src/constants.ts
@@ -1,3 +1,9 @@
 export {VERCEL_STEGA_REGEX} from '@vercel/stega'
 
 export const OVERLAY_ID = 'sanity-visual-editing'
+
+/**
+ * How long to wait after the last subscriber has unsubscribed before resetting the observable and disconnecting the listener
+ * We want to keep the listener alive for a short while after the last subscriber has unsubscribed to avoid unnecessary reconnects
+ */
+export const LISTENER_RESET_DELAY = 2000
diff --git a/packages/visual-editing/src/controller.ts b/packages/visual-editing/src/controller.ts
index b3dbf5d97..68a0c36a1 100644
--- a/packages/visual-editing/src/controller.ts
+++ b/packages/visual-editing/src/controller.ts
@@ -1,5 +1,4 @@
 import {v4 as uuid} from 'uuid'
-
 import type {
   ElementNode,
   EventHandlers,
@@ -9,17 +8,14 @@ import type {
   ResolvedElement,
 } from './types'
 import {handleOverlayDrag} from './util/dragAndDrop'
+import {findOverlayElement, isElementNode} from './util/elements'
 import {
   findSanityNodes,
   isSanityArrayPath,
   isSanityNode,
-  sanityNodesExistInSameArray,
+  resolveDragAndDropGroup,
 } from './util/findSanityNodes'
-import {getRect} from './util/getRect'
-
-const isElementNode = (target: EventTarget | null): target is ElementNode => {
-  return target instanceof HTMLElement || target instanceof SVGElement
-}
+import {getRect} from './util/geometry'
 
 /**
  * Creates a controller which dispatches overlay related events
@@ -49,6 +45,8 @@ export function createOverlayController({
   let io: IntersectionObserver | undefined
   let mo: MutationObserver
 
+  let activeDragSequence = false
+
   // The `hoverStack` is used as a container for tracking which elements are hovered at any time.
   // The browser supports hovering multiple nested elements simultanously, but we only want to
   // highlight the "outer most" element.
@@ -63,33 +61,39 @@ export function createOverlayController({
   const getHoveredElement = () => hoverStack[hoverStack.length - 1] as ElementNode | undefined
 
   function addEventHandlers(el: ElementNode, handlers: EventHandlers) {
-    el.addEventListener('click', handlers.click, {
+    el.addEventListener('click', handlers.click as EventListener, {
+      capture: true,
+    })
+    el.addEventListener('contextmenu', handlers.contextmenu as EventListener, {
       capture: true,
     })
     // We listen for the initial mousemove event, in case the overlay is enabled whilst the cursor is already over an element
     // mouseenter and mouseleave listeners are attached within this handler
-    el.addEventListener('mousemove', handlers.mousemove, {
+    el.addEventListener('mousemove', handlers.mousemove as EventListener, {
       once: true,
       capture: true,
     })
     // Listen for mousedown in case we need to prevent default behavior
-    el.addEventListener('mousedown', handlers.mousedown, {
+    el.addEventListener('mousedown', handlers.mousedown as EventListener, {
       capture: true,
     })
   }
 
   function removeEventHandlers(el: ElementNode, handlers: EventHandlers) {
-    el.removeEventListener('click', handlers.click, {
+    el.removeEventListener('click', handlers.click as EventListener, {
+      capture: true,
+    })
+    el.removeEventListener('contextmenu', handlers.contextmenu as EventListener, {
       capture: true,
     })
-    el.removeEventListener('mousemove', handlers.mousemove, {
+    el.removeEventListener('mousemove', handlers.mousemove as EventListener, {
       capture: true,
     })
-    el.removeEventListener('mousedown', handlers.mousedown, {
+    el.removeEventListener('mousedown', handlers.mousedown as EventListener, {
       capture: true,
     })
-    el.removeEventListener('mouseenter', handlers.mouseenter)
-    el.removeEventListener('mouseleave', handlers.mouseleave)
+    el.removeEventListener('mouseenter', handlers.mouseenter as EventListener)
+    el.removeEventListener('mouseleave', handlers.mouseleave as EventListener)
   }
 
   /**
@@ -122,6 +126,31 @@ export function createOverlayController({
     })
   }
 
+  function setOverlayCursor() {
+    const hoveredElement = getHoveredElement()
+
+    if (!hoveredElement) return
+
+    const targetSanityData = elementsMap.get(hoveredElement)?.sanity
+
+    if (!targetSanityData || !isSanityNode(targetSanityData)) return
+
+    const dragGroup = resolveDragAndDropGroup(
+      hoveredElement,
+      targetSanityData,
+      elementSet,
+      elementsMap,
+    )
+
+    const cursor = dragGroup ? 'move' : 'auto'
+
+    handler({
+      type: 'overlay/setCursor',
+      element: hoveredElement,
+      cursor,
+    })
+  }
+
   /**
    * Stores an element’s DOM node and decoded sanity data in state and sets up event handlers
    */
@@ -131,13 +160,15 @@ export function createOverlayController({
     const eventHandlers: EventHandlers = {
       click(event) {
         const target = event.target as ElementNode | null
+
         if (element === getHoveredElement() && element.contains(target)) {
           if (preventDefault) {
             event.preventDefault()
             event.stopPropagation()
           }
+
           const sanity = elementsMap.get(element)?.sanity
-          if (sanity) {
+          if (sanity && !activeDragSequence) {
             handler({
               type: 'element/click',
               id,
@@ -146,13 +177,39 @@ export function createOverlayController({
           }
         }
       },
+      contextmenu(event) {
+        if (!('path' in sanity)) return
+
+        // This is a temporary check as the context menu only supports array
+        // items (for now). We split the path into segments, if a `_key` exists
+        // in last path segment, we assume it's an array item, and so return
+        // early if it is some other type.
+        if (!sanity.path.split('.').pop()?.includes('[_key==')) return
+
+        const target = event.target as ElementNode | null
+        if (element === getHoveredElement() && element.contains(target)) {
+          if (preventDefault) {
+            event.preventDefault()
+            event.stopPropagation()
+          }
+          handler({
+            type: 'element/contextmenu',
+            id,
+            position: {
+              x: event.clientX,
+              y: event.clientY,
+            },
+            sanity,
+          })
+        }
+      },
       mousedown(event) {
         // prevent iframe from taking focus
         event.preventDefault()
 
         if (event.currentTarget !== hoverStack.at(-1)) return
 
-        if (element.getAttribute('data-sanity-disable-drag')) return
+        if (element.getAttribute('data-sanity-drag-disable')) return
 
         // disable dnd in non-studio contexts
         if (!inFrame) return
@@ -166,32 +223,33 @@ export function createOverlayController({
         )
           return
 
-        const group = [...elementSet].reduce<OverlayElement[]>((acc, el) => {
-          const elData = elementsMap.get(el)
-          const elDragDisabled = el.getAttribute('data-sanity-disable-drag')
-
-          if (
-            elData &&
-            !elDragDisabled &&
-            isSanityNode(elData.sanity) &&
-            sanityNodesExistInSameArray(targetSanityData, elData.sanity)
-          ) {
-            acc.push(elData)
-          }
-
-          return acc
-        }, [])
-
-        if (group.length <= 1) return
-
-        handleOverlayDrag(event as MouseEvent, element, group, handler)
+        const dragGroup = resolveDragAndDropGroup(element, sanity, elementSet, elementsMap)
+
+        if (!dragGroup) return
+
+        handleOverlayDrag({
+          element,
+          handler,
+          mouseEvent: event as MouseEvent,
+          overlayGroup: dragGroup,
+          target: targetSanityData,
+          onSequenceStart: () => {
+            activeDragSequence = true
+          },
+          onSequenceEnd: () => {
+            // delay drag sequence end to prevent click events from firing just after drag sequences
+            setTimeout(() => {
+              activeDragSequence = false
+            }, 250)
+          },
+        })
       },
       mousemove(event) {
         eventHandlers.mouseenter(event)
         const el = event.currentTarget as ElementNode | null
         if (el) {
-          el.addEventListener('mouseenter', eventHandlers.mouseenter)
-          el.addEventListener('mouseleave', eventHandlers.mouseleave)
+          el.addEventListener('mouseenter', eventHandlers.mouseenter as EventListener)
+          el.addEventListener('mouseleave', eventHandlers.mouseleave as EventListener)
         }
       },
       mouseenter() {
@@ -204,11 +262,14 @@ export function createOverlayController({
           return
         }
         hoverStack.push(element)
+
         handler({
           type: 'element/mouseenter',
           id,
           rect: getRect(element),
         })
+
+        setOverlayCursor()
       },
       mouseleave(e) {
         function leave() {
@@ -230,23 +291,35 @@ export function createOverlayController({
               })
             }
           }
+
+          setOverlayCursor()
         }
 
         /**
          * If moving to an element within the overlay which handles pointer events, attach a new
          * event handler to that element and defer the original leave event
          */
+        function addDeferredLeave(el: ElementNode) {
+          const deferredLeave = (e: MouseEvent) => {
+            const {relatedTarget} = e
+            const deferredContainer = findOverlayElement(relatedTarget)
+            if (!deferredContainer) {
+              el.removeEventListener('mouseleave', deferredLeave as EventListener)
+              leave()
+            } else if (relatedTarget && isElementNode(relatedTarget)) {
+              el.removeEventListener('mouseleave', deferredLeave as EventListener)
+              addDeferredLeave(relatedTarget)
+            }
+          }
+          el.addEventListener('mouseleave', deferredLeave as EventListener)
+        }
+
         const {relatedTarget} = e as MouseEvent
-        const isInteractiveOverlayElement =
-          isElementNode(relatedTarget) && overlayElement.contains(relatedTarget)
+        const container = findOverlayElement(relatedTarget)
+        const isInteractiveOverlayElement = overlayElement.contains(container)
 
-        if (isInteractiveOverlayElement) {
-          const deferredLeave = () => {
-            leave()
-            relatedTarget.removeEventListener('mouseleave', deferredLeave)
-          }
-          relatedTarget.addEventListener('mouseleave', deferredLeave)
-          return
+        if (isElementNode(container) && isInteractiveOverlayElement) {
+          return addDeferredLeave(container)
         }
 
         leave()
@@ -272,6 +345,7 @@ export function createOverlayController({
       id,
       rect: getRect(element),
       sanity,
+      dragDisabled: !!element.getAttribute('data-sanity-drag-disable'),
     })
     activateElement(sanityNode)
   }
@@ -390,7 +464,17 @@ export function createOverlayController({
     }
   }
 
-  function handleBlur() {
+  function handleBlur(event: MouseEvent) {
+    const element = findOverlayElement(event.target)
+
+    if (element) {
+      if (element.dataset['sanityOverlayElement'] === 'capture') {
+        event.preventDefault()
+        event.stopPropagation()
+      }
+      return
+    }
+
     hoverStack = []
     handler({
       type: 'overlay/blur',
@@ -403,6 +487,15 @@ export function createOverlayController({
     }
   }
 
+  function handleKeydown(event: KeyboardEvent) {
+    if (event.key === 'Escape') {
+      hoverStack = []
+      handler({
+        type: 'overlay/blur',
+      })
+    }
+  }
+
   function handleWindowScroll(event: Event) {
     const {target} = event
 
@@ -446,6 +539,8 @@ export function createOverlayController({
 
   function destroy() {
     window.removeEventListener('click', handleBlur)
+    window.removeEventListener('contextmenu', handleBlur)
+    window.removeEventListener('keydown', handleKeydown)
     window.removeEventListener('resize', handleWindowResize)
     window.removeEventListener('scroll', handleWindowScroll)
     mo.disconnect()
@@ -464,6 +559,8 @@ export function createOverlayController({
 
   function create() {
     window.addEventListener('click', handleBlur)
+    window.addEventListener('contextmenu', handleBlur)
+    window.addEventListener('keydown', handleKeydown)
     window.addEventListener('resize', handleWindowResize)
     window.addEventListener('scroll', handleWindowScroll, {
       capture: true,
diff --git a/packages/visual-editing/src/index.ts b/packages/visual-editing/src/index.ts
index 2d314a799..c92f00c7d 100644
--- a/packages/visual-editing/src/index.ts
+++ b/packages/visual-editing/src/index.ts
@@ -1,9 +1,11 @@
 export {createOverlayController} from './controller'
 export type {
   DisableVisualEditing,
+  DragEndEvent,
   DragInsertPosition,
   DragSkeleton,
   ElementFocusedState,
+  ElementNode,
   ElementState,
   HistoryAdapter,
   HistoryAdapterNavigate,
@@ -17,16 +19,23 @@ export type {
   OverlayMsgBlur,
   OverlayMsgDeactivate,
   OverlayMsgDragEnd,
+  OverlayMsgDragEndMinimapTransition,
   OverlayMsgDragStart,
+  OverlayMsgDragStartMinimapTransition,
+  OverlayMsgDragToggleMinimapPrompt,
   OverlayMsgDragUpdateCursorPosition,
+  OverlayMsgDragUpdateGroupRect,
   OverlayMsgDragUpdateInsertPosition,
+  OverlayMsgDragUpdateSkeleton,
   OverlayMsgElement,
   OverlayMsgElementActivate,
   OverlayMsgElementClick,
+  OverlayMsgElementContextMenu,
   OverlayMsgElementDeactivate,
   OverlayMsgElementMouseEnter,
   OverlayMsgElementMouseLeave,
   OverlayMsgElementRegister,
+  OverlayMsgSetCursor,
   OverlayMsgElementUnregister,
   OverlayMsgElementUpdate,
   OverlayMsgElementUpdateRect,
@@ -37,6 +46,16 @@ export type {
   VisualEditingOptions,
 } from './types'
 export {enableVisualEditing} from './ui/enableVisualEditing'
+export type {DatasetMutatorMachineInput} from './ui/optimistic-state/machines/datasetMutatorMachine'
+export {
+  type DocumentGet,
+  type DocumentMutate,
+  type OptimisticReducer,
+  type OptimisticReducerAction,
+  useDocument,
+  useDocuments,
+  useOptimistic,
+} from './ui/optimistic-state'
 export {
   type CreateDataAttribute,
   createDataAttribute,
diff --git a/packages/visual-editing/src/next-pages-router/VisualEditing.tsx b/packages/visual-editing/src/next-pages-router/VisualEditing.tsx
index 220bd3036..59d9a09e0 100644
--- a/packages/visual-editing/src/next-pages-router/VisualEditing.tsx
+++ b/packages/visual-editing/src/next-pages-router/VisualEditing.tsx
@@ -1,5 +1,4 @@
 import {lazy, Suspense} from 'react'
-
 import type {VisualEditingProps} from './VisualEditingComponent'
 
 const VisualEditingComponent = lazy(() => import('./VisualEditingComponent'))
diff --git a/packages/visual-editing/src/next-pages-router/VisualEditingComponent.tsx b/packages/visual-editing/src/next-pages-router/VisualEditingComponent.tsx
index b3f0f25b2..fbbb88140 100644
--- a/packages/visual-editing/src/next-pages-router/VisualEditingComponent.tsx
+++ b/packages/visual-editing/src/next-pages-router/VisualEditingComponent.tsx
@@ -1,6 +1,5 @@
 import {useRouter} from 'next/router.js'
 import {useEffect, useRef, useState} from 'react'
-
 import type {HistoryAdapterNavigate, VisualEditingOptions} from '../types'
 import {enableVisualEditing} from '../ui/enableVisualEditing'
 
diff --git a/packages/visual-editing/src/remix/VisualEditing.tsx b/packages/visual-editing/src/remix/VisualEditing.tsx
index bd48f45cb..62f6077b2 100644
--- a/packages/visual-editing/src/remix/VisualEditing.tsx
+++ b/packages/visual-editing/src/remix/VisualEditing.tsx
@@ -1,5 +1,4 @@
 import {lazy, Suspense, useSyncExternalStore} from 'react'
-
 import type {VisualEditingProps} from './VisualEditingComponent'
 
 const VisualEditingComponent = lazy(() => import('./VisualEditingComponent'))
diff --git a/packages/visual-editing/src/remix/VisualEditingComponent.tsx b/packages/visual-editing/src/remix/VisualEditingComponent.tsx
index 3e7a45e5a..615bc4f9d 100644
--- a/packages/visual-editing/src/remix/VisualEditingComponent.tsx
+++ b/packages/visual-editing/src/remix/VisualEditingComponent.tsx
@@ -1,6 +1,5 @@
 import {useLocation, useNavigate, useRevalidator} from '@remix-run/react'
 import {useEffect, useRef, useState} from 'react'
-
 import {type HistoryAdapterNavigate, type HistoryRefresh, type VisualEditingOptions} from '../types'
 import {enableVisualEditing} from '../ui/enableVisualEditing'
 
diff --git a/packages/visual-editing/src/stories/Overlays.stories.tsx b/packages/visual-editing/src/stories/Overlays.stories.tsx
index 721b58796..10314b4a8 100644
--- a/packages/visual-editing/src/stories/Overlays.stories.tsx
+++ b/packages/visual-editing/src/stories/Overlays.stories.tsx
@@ -1,8 +1,6 @@
 import type {Meta, StoryObj} from '@storybook/react'
-import {useMemo} from 'react'
-
 import {Overlays} from '../ui/Overlays'
-import {useChannel} from '../ui/useChannel'
+import {useComlink} from '../ui/useComlink'
 import {MarketingPage as MarketingExample} from './examples/marketing/MarketingPage'
 import {MediaArticlePage as MediaArticleExample} from './examples/media/MediaArticlePage'
 import {MediaHomePage as MediaHomeExample} from './examples/media/MediaHomePage'
@@ -10,14 +8,12 @@ import {MediaHomePage as MediaHomeExample} from './examples/media/MediaHomePage'
 function Example(props: {example: React.ComponentType; inFrame: boolean; zIndex: number}) {
   const {example: Example, inFrame, zIndex} = props
 
-  // Overlays will detect as being in an iframe when used in Storybook, so we override it
-  const _channel = useChannel()
-  const channel = useMemo(() => (_channel ? {..._channel, inFrame} : _channel), [_channel, inFrame])
+  const comlink = useComlink()
 
   return (
     <>
       <Example />
-      {channel && <Overlays channel={channel} zIndex={zIndex} />}
+      {comlink && <Overlays comlink={comlink} inFrame={inFrame} zIndex={zIndex} />}
     </>
   )
 }
diff --git a/packages/visual-editing/src/stories/examples/marketing/MarketingPage.tsx b/packages/visual-editing/src/stories/examples/marketing/MarketingPage.tsx
index 87b942a83..be8db4d9b 100644
--- a/packages/visual-editing/src/stories/examples/marketing/MarketingPage.tsx
+++ b/packages/visual-editing/src/stories/examples/marketing/MarketingPage.tsx
@@ -1,4 +1,4 @@
-import {createEditUrl, type Path, studioPathToJsonPath} from '@sanity/client/csm'
+import {createEditUrl, studioPathToJsonPath, type Path} from '@sanity/client/csm'
 import {vercelStegaCombine} from '@vercel/stega'
 
 function encodeEditUrl(path: Path, value: string) {
diff --git a/packages/visual-editing/src/stories/examples/media/MediaArticlePage.tsx b/packages/visual-editing/src/stories/examples/media/MediaArticlePage.tsx
index bfee949ee..29feb5185 100644
--- a/packages/visual-editing/src/stories/examples/media/MediaArticlePage.tsx
+++ b/packages/visual-editing/src/stories/examples/media/MediaArticlePage.tsx
@@ -1,6 +1,5 @@
-import {createEditUrl, type Path, studioPathToJsonPath} from '@sanity/client/csm'
+import {createEditUrl, studioPathToJsonPath, type Path} from '@sanity/client/csm'
 import {vercelStegaCombine} from '@vercel/stega'
-
 import {Figure} from './Figure'
 import {Footer} from './Footer'
 import {Navbar} from './Navbar'
diff --git a/packages/visual-editing/src/stories/examples/media/MediaHomePage.tsx b/packages/visual-editing/src/stories/examples/media/MediaHomePage.tsx
index 35c02cf3c..9c2c5b2a7 100644
--- a/packages/visual-editing/src/stories/examples/media/MediaHomePage.tsx
+++ b/packages/visual-editing/src/stories/examples/media/MediaHomePage.tsx
@@ -1,6 +1,5 @@
-import {createEditUrl, type Path, studioPathToJsonPath} from '@sanity/client/csm'
+import {createEditUrl, studioPathToJsonPath, type Path} from '@sanity/client/csm'
 import {vercelStegaCombine} from '@vercel/stega'
-
 import {Footer} from './Footer'
 import {Link} from './Link'
 import {Navbar} from './Navbar'
diff --git a/packages/visual-editing/src/types.ts b/packages/visual-editing/src/types.ts
index 55cb599d1..2dfcb405b 100644
--- a/packages/visual-editing/src/types.ts
+++ b/packages/visual-editing/src/types.ts
@@ -1,13 +1,13 @@
-import type {ChannelsNode} from '@repo/channels'
 import type {
   HistoryRefresh,
   HistoryUpdate,
-  OverlayMsg as OverlayChannelsMsg,
-  PresentationMsg,
   SanityNode,
   SanityStegaNode,
-  VisualEditingMsg,
+  VisualEditingControllerMsg,
+  VisualEditingNodeMsg,
 } from '@repo/visual-editing-helpers'
+import type {Node} from '@sanity/comlink'
+import type {ComponentType, ReactElement} from 'react'
 
 export type {
   HistoryRefresh,
@@ -56,6 +56,12 @@ export type DragInsertPosition = {
   right?: {rect: OverlayRect; sanity: SanityNode} | null
 } | null
 
+/** @public */
+export interface DragEndEvent {
+  insertPosition: DragInsertPosition
+  target: SanityNode
+}
+
 /** @public */
 export type DragSkeleton = {
   w: number
@@ -69,6 +75,7 @@ export type DragSkeleton = {
     h: number
     tagName: string
   }[]
+  maxWidth: number
 }
 
 /**
@@ -97,6 +104,23 @@ export type OverlayMsgActivate = Msg<'overlay/activate'>
 /** @public */
 export type OverlayMsgDeactivate = Msg<'overlay/deactivate'>
 
+/** @public */
+export type OverlayMsgSetCursor = Msg<'overlay/setCursor'> & {
+  element: ElementNode
+  cursor: string
+}
+
+/** @public */
+export type OverlayMsgElementContextMenu =
+  | OverlayMsgElement<'contextmenu'>
+  | (OverlayMsgElement<'contextmenu'> & {
+      position: {
+        x: number
+        y: number
+      }
+      sanity: SanityNode
+    })
+
 /** @public */
 export type OverlayMsgElementDeactivate = OverlayMsgElement<'deactivate'>
 
@@ -117,6 +141,7 @@ export type OverlayMsgElementMouseLeave = OverlayMsgElement<'mouseleave'>
 export type OverlayMsgElementRegister = OverlayMsgElement<'register'> & {
   sanity: SanityNode | SanityStegaNode
   rect: OverlayRect
+  dragDisabled: boolean
 }
 
 /** @public */
@@ -146,25 +171,55 @@ export type OverlayMsgDragUpdateCursorPosition = Msg<'overlay/dragUpdateCursorPo
 
 /** @public */
 export type OverlayMsgDragStart = Msg<'overlay/dragStart'> & {
-  skeleton: DragSkeleton
   flow: 'horizontal' | 'vertical'
 }
 
 /** @public */
-export type OverlayMsgDragEnd = Msg<'overlay/dragEnd'> & {
-  insertPosition: DragInsertPosition
+export type OverlayMsgDragToggleMinimapPrompt = Msg<'overlay/dragToggleMinimapPrompt'> & {
+  display: boolean
+}
+
+/** @public */
+export type OverlayMsgDragUpdateSkeleton = Msg<'overlay/dragUpdateSkeleton'> & {
+  skeleton: DragSkeleton
+}
+
+/** @public */
+export type OverlayMsgDragEnd = Msg<'overlay/dragEnd'> & DragEndEvent
+
+/** @public */
+export type OverlayMsgDragUpdateGroupRect = Msg<'overlay/dragUpdateGroupRect'> & {
+  groupRect: OverlayRect | null
 }
 
+/** @public */
+
+export type OverlayMsgDragStartMinimapTransition = Msg<'overlay/dragStartMinimapTransition'>
+
+/** @public */
+
+export type OverlayMsgDragEndMinimapTransition = Msg<'overlay/dragEndMinimapTransition'>
+
 /**
  * Controller dispatched messages
  * @public
  */
 export type OverlayMsg =
-  | OverlayMsgBlur
   | OverlayMsgActivate
+  | OverlayMsgBlur
   | OverlayMsgDeactivate
+  | OverlayMsgDragEnd
+  | OverlayMsgDragEndMinimapTransition
+  | OverlayMsgDragStart
+  | OverlayMsgDragStartMinimapTransition
+  | OverlayMsgDragToggleMinimapPrompt
+  | OverlayMsgDragUpdateCursorPosition
+  | OverlayMsgDragUpdateGroupRect
+  | OverlayMsgDragUpdateInsertPosition
+  | OverlayMsgDragUpdateSkeleton
   | OverlayMsgElementActivate
   | OverlayMsgElementClick
+  | OverlayMsgElementContextMenu
   | OverlayMsgElementDeactivate
   | OverlayMsgElementMouseEnter
   | OverlayMsgElementMouseLeave
@@ -172,10 +227,7 @@ export type OverlayMsg =
   | OverlayMsgElementUnregister
   | OverlayMsgElementUpdate
   | OverlayMsgElementUpdateRect
-  | OverlayMsgDragStart
-  | OverlayMsgDragEnd
-  | OverlayMsgDragUpdateInsertPosition
-  | OverlayMsgDragUpdateCursorPosition
+  | OverlayMsgSetCursor
 
 /**
  * Callback function used for handling dispatched controller messages
@@ -220,6 +272,7 @@ export interface ElementState {
   hovered: boolean
   rect: OverlayRect
   sanity: SanityNode | SanityStegaNode
+  dragDisabled: boolean
 }
 
 /**
@@ -276,30 +329,18 @@ export interface OverlayElement {
  * @internal
  */
 export interface EventHandlers {
-  click: (event: Event) => void
-  mousedown: (event: Event) => void
-  mouseenter: (event: Event) => void
-  mouseleave: (event: Event) => void
-  mousemove: (event: Event) => void
+  click: (event: MouseEvent) => void
+  contextmenu: (event: MouseEvent) => void
+  mousedown: (event: MouseEvent) => void
+  mouseenter: (event: MouseEvent) => void
+  mouseleave: (event: MouseEvent) => void
+  mousemove: (event: MouseEvent) => void
 }
 
 /**
  * @internal
  */
-export type VisualEditingChannelSends = OverlayChannelsMsg | VisualEditingMsg
-
-/**
- * @internal
- */
-export type VisualEditingChannelReceives = PresentationMsg
-
-/**
- * @internal
- */
-export type VisualEditingChannel = ChannelsNode<
-  VisualEditingChannelSends,
-  VisualEditingChannelReceives
->
+export type VisualEditingNode = Node<VisualEditingControllerMsg, VisualEditingNodeMsg>
 
 /**
  * Cleanup function used when e.g. unmounting
@@ -324,3 +365,45 @@ export interface VisualEditingOptions {
    */
   zIndex?: string | number
 }
+
+export interface ContextMenuProps {
+  node: SanityNode
+  onDismiss: () => void
+  position: {
+    x: number
+    y: number
+  }
+}
+
+/**
+ * @internal
+ */
+export interface ContextMenuActionNode {
+  type: 'action'
+  icon?: ReactElement | ComponentType
+  label: string
+  hotkeys?: string[]
+  action?: () => void
+}
+
+/**
+ * @internal
+ */
+export interface ContextMenuDividerNode {
+  type: 'divider'
+}
+
+/**
+ * @internal
+ */
+export interface ContextMenuGroupNode {
+  type: 'group'
+  icon?: ReactElement | ComponentType
+  label: string
+  items: ContextMenuNode[]
+}
+
+/**
+ * @internal
+ */
+export type ContextMenuNode = ContextMenuDividerNode | ContextMenuActionNode | ContextMenuGroupNode
diff --git a/packages/visual-editing/src/ui/ElementOverlay.tsx b/packages/visual-editing/src/ui/ElementOverlay.tsx
index 8dc23b489..7f7d79d80 100644
--- a/packages/visual-editing/src/ui/ElementOverlay.tsx
+++ b/packages/visual-editing/src/ui/ElementOverlay.tsx
@@ -1,11 +1,35 @@
 import {pathToUrlString} from '@repo/visual-editing-helpers'
 import {createEditUrl, studioPath} from '@sanity/client/csm'
+import {DocumentIcon, DragHandleIcon} from '@sanity/icons'
 import {Box, Card, Flex, Text} from '@sanity/ui'
-import {memo, useCallback, useEffect, useMemo, useRef, useSyncExternalStore} from 'react'
+import {
+  memo,
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useSyncExternalStore,
+  type CSSProperties,
+  type FunctionComponent,
+} from 'react'
 import scrollIntoView from 'scroll-into-view-if-needed'
 import {styled} from 'styled-components'
-
 import type {ElementFocusedState, OverlayRect, SanityNode, SanityStegaNode} from '../types'
+import {getDraftId} from '../util/documents'
+import {usePreviewSnapshots} from './preview/usePreviewSnapshots'
+import {getSchemaType} from './schema/schema'
+import {useSchema} from './schema/useSchema'
+
+export interface ElementOverlayProps {
+  focused: ElementFocusedState
+  hovered: boolean
+  rect: OverlayRect
+  node: SanityNode | SanityStegaNode
+  showActions: boolean
+  wasMaybeCollapsed: boolean
+  draggable: boolean
+  isDragging: boolean
+}
 
 const Root = styled(Card)`
   background-color: var(--overlay-bg);
@@ -70,7 +94,28 @@ const ActionOpen = styled(Card)`
   border-radius: 3px;
 
   & [data-ui='Text'] {
-    color: var(--card-bg-color);
+    color: #fff;
+    white-space: nowrap;
+  }
+`
+
+const Tab = styled(Flex)`
+  bottom: 100%;
+  cursor: pointer;
+  pointer-events: none;
+  position: absolute;
+  left: 0;
+`
+
+const Labels = styled(Flex)`
+  display: flex;
+  align-items: center;
+  background-color: var(--card-focus-ring-color);
+  right: 0;
+  border-radius: 3px;
+  & [data-ui='Text'],
+  & [data-sanity-icon] {
+    color: #fff;
     white-space: nowrap;
   }
 `
@@ -88,22 +133,80 @@ function createIntentLink(node: SanityNode) {
   })
 }
 
-export const ElementOverlay = memo(function ElementOverlay(props: {
-  focused: ElementFocusedState
-  hovered: boolean
-  rect: OverlayRect
-  showActions: boolean
-  sanity: SanityNode | SanityStegaNode
-  wasMaybeCollapsed: boolean
-}) {
-  const {focused, hovered, rect, showActions, sanity, wasMaybeCollapsed} = props
+const ElementOverlayInner: FunctionComponent<ElementOverlayProps> = (props) => {
+  const {node, showActions, draggable} = props
+
+  const {schema} = useSchema()
+  const schemaType = getSchemaType(node, schema)
+
+  const href = 'path' in node ? createIntentLink(node) : node.href
+
+  const previewSnapshots = usePreviewSnapshots()
+
+  const title = useMemo(() => {
+    if (!('path' in node)) return undefined
+    const id = getDraftId(node.id)
+    return previewSnapshots.find((snapshot) => snapshot._id === id)?.title
+  }, [node, previewSnapshots])
+
+  const Icon = useMemo(() => {
+    if (schemaType?.icon) return <div dangerouslySetInnerHTML={{__html: schemaType.icon}} />
+    return <DocumentIcon />
+  }, [schemaType?.icon])
+
+  return (
+    <>
+      {showActions ? (
+        <Actions gap={1} paddingBottom={1} data-sanity-overlay-element>
+          <Link href={href} />
+        </Actions>
+      ) : null}
+
+      {title && (
+        <Tab gap={1} paddingBottom={1}>
+          <Labels gap={2} padding={2}>
+            {draggable && (
+              <Box marginRight={1}>
+                <Text className="drag-handle" size={0}>
+                  <DragHandleIcon />
+                </Text>
+              </Box>
+            )}
+            <Text size={0}>{Icon}</Text>
+            <Text size={1} weight="medium">
+              {title}
+            </Text>
+          </Labels>
+        </Tab>
+      )}
+    </>
+  )
+}
+
+export const ElementOverlay = memo(function ElementOverlay(props: ElementOverlayProps) {
+  const {focused, hovered, rect, wasMaybeCollapsed, isDragging} = props
 
   const ref = useRef<HTMLDivElement>(null)
 
   const scrolledIntoViewRef = useRef(false)
 
+  const style = useMemo<CSSProperties>(
+    () => ({
+      width: `${rect.w}px`,
+      height: `${rect.h}px`,
+      transform: `translate(${rect.x}px, ${rect.y}px)`,
+    }),
+    [rect],
+  )
+
   useEffect(() => {
-    if (!scrolledIntoViewRef.current && !wasMaybeCollapsed && focused === true && ref.current) {
+    if (
+      !scrolledIntoViewRef.current &&
+      !wasMaybeCollapsed &&
+      focused === true &&
+      ref.current &&
+      !isDragging
+    ) {
       const target = ref.current
       scrollIntoView(ref.current, {
         // Workaround issue with scroll-into-view-if-needed struggling with iframes
@@ -126,18 +229,7 @@ export const ElementOverlay = memo(function ElementOverlay(props: {
     }
 
     scrolledIntoViewRef.current = focused === true
-  }, [focused, wasMaybeCollapsed])
-
-  const style = useMemo(
-    () => ({
-      width: `${rect.w}px`,
-      height: `${rect.h}px`,
-      transform: `translate(${rect.x}px, ${rect.y}px)`,
-    }),
-    [rect],
-  )
-
-  const href = 'path' in sanity ? createIntentLink(sanity) : sanity.href
+  }, [focused, wasMaybeCollapsed, isDragging])
 
   return (
     <Root
@@ -146,11 +238,7 @@ export const ElementOverlay = memo(function ElementOverlay(props: {
       ref={ref}
       style={style}
     >
-      {showActions && hovered ? (
-        <Actions gap={1} paddingBottom={1}>
-          <Link href={href} />
-        </Actions>
-      ) : null}
+      {hovered && <ElementOverlayInner {...props} />}
     </Root>
   )
 })
diff --git a/packages/visual-editing/src/ui/Meta.ts b/packages/visual-editing/src/ui/Meta.ts
index 7de3d8841..c7ce77393 100644
--- a/packages/visual-editing/src/ui/Meta.ts
+++ b/packages/visual-editing/src/ui/Meta.ts
@@ -1,18 +1,20 @@
-import {type FunctionComponent, useEffect} from 'react'
-
-import type {VisualEditingChannel} from '../types'
+import {useEffect, type FunctionComponent} from 'react'
+import type {VisualEditingNode} from '../types'
 
 /**
  * @internal
  */
 export const Meta: FunctionComponent<{
-  channel?: VisualEditingChannel
+  comlink: VisualEditingNode
 }> = (props) => {
-  const {channel} = props
+  const {comlink} = props
 
   useEffect(() => {
     const sendMeta = () => {
-      channel?.send('visual-editing/meta', {title: document.title})
+      comlink.post({
+        type: 'visual-editing/meta',
+        data: {title: document.title},
+      })
     }
 
     const observer = new MutationObserver(([mutation]) => {
@@ -30,7 +32,7 @@ export const Meta: FunctionComponent<{
     sendMeta()
 
     return () => observer.disconnect()
-  }, [channel])
+  }, [comlink])
 
   return null
 }
diff --git a/packages/visual-editing/src/ui/OverlayDragGroupRect.tsx b/packages/visual-editing/src/ui/OverlayDragGroupRect.tsx
new file mode 100644
index 000000000..520a1848b
--- /dev/null
+++ b/packages/visual-editing/src/ui/OverlayDragGroupRect.tsx
@@ -0,0 +1,19 @@
+import type {FunctionComponent} from 'react'
+import type {OverlayRect} from '../types'
+
+export const OverlayDragGroupRect: FunctionComponent<{
+  dragGroupRect: OverlayRect
+}> = ({dragGroupRect}) => {
+  return (
+    <div
+      style={{
+        position: 'absolute',
+        top: `${dragGroupRect.y}px`,
+        left: `${dragGroupRect.x}px`,
+        width: `${dragGroupRect.w - 1}px`,
+        height: `${dragGroupRect.h - 1}px`,
+        border: '1px dashed #f0709b',
+      }}
+    ></div>
+  )
+}
diff --git a/packages/visual-editing/src/ui/OverlayDragInsertMarker.tsx b/packages/visual-editing/src/ui/OverlayDragInsertMarker.tsx
index 9483cb0a3..d0963d2ac 100644
--- a/packages/visual-editing/src/ui/OverlayDragInsertMarker.tsx
+++ b/packages/visual-editing/src/ui/OverlayDragInsertMarker.tsx
@@ -1,9 +1,7 @@
 import type {FunctionComponent} from 'react'
-
 import type {DragInsertPosition} from '../types'
 
-const markerThickness = 2
-const markerGap = 0
+const markerThickness = 6
 
 function lerp(v0: number, v1: number, t: number) {
   return v0 * (1 - t) + v1 * t
@@ -20,6 +18,7 @@ export const OverlayDragInsertMarker: FunctionComponent<{
   let y = 0
   let width = 0
   let height = 0
+  const offsetMultiplier = 0.0125
 
   if (flow === 'horizontal') {
     const {left, right} = dragInsertPosition
@@ -29,41 +28,58 @@ export const OverlayDragInsertMarker: FunctionComponent<{
     if (right && left) {
       const startX = left.rect.x + left.rect.w
       const endX = right.rect.x
+      const targetHeight = Math.min(right.rect.h, left.rect.h)
+      const offset = targetHeight * offsetMultiplier
 
       x = lerp(startX, endX, 0.5) - markerThickness / 2
-      y = left.rect.y
+      y = left.rect.y + offset
 
-      height = Math.min(right.rect.h, left.rect.h)
+      height = Math.min(right.rect.h, left.rect.h) - offset * 2
     } else if (right && !left) {
-      x = right.rect.x - markerThickness - markerGap
-      y = right.rect.y
-      height = right.rect.h
+      const targetHeight = right.rect.h
+      const offset = targetHeight * offsetMultiplier
+
+      x = right.rect.x - markerThickness / 2
+      y = right.rect.y + offset
+      height = right.rect.h - offset * 2
     } else if (left && !right) {
-      x = left.rect.x + left.rect.w + markerGap
-      y = left.rect.y
-      height = left.rect.h
+      const targetHeight = left.rect.h
+      const offset = targetHeight * offsetMultiplier
+
+      x = left.rect.x + left.rect.w - markerThickness / 2
+      y = left.rect.y + offset
+      height = left.rect.h - offset * 2
     }
   } else {
     const {bottom, top} = dragInsertPosition
 
     if (bottom && top) {
+      const startX = Math.min(top.rect.x, bottom.rect.x)
       const startY = top.rect.y + top.rect.h
       const endY = bottom.rect.y
+      const targetWidth = Math.min(bottom.rect.w, top.rect.w)
+      const offset = targetWidth * offsetMultiplier
 
       height = markerThickness
 
-      x = top.rect.x
+      x = startX + offset
       y = lerp(startY, endY, 0.5) - markerThickness / 2
-      width = Math.min(bottom.rect.w, top.rect.w)
+      width = Math.max(bottom.rect.w, top.rect.w) - offset * 2
     } else if (bottom && !top) {
-      x = bottom.rect.x
-      y = bottom.rect.y - markerGap
-      width = bottom.rect.w
+      const targetWidth = bottom.rect.w
+      const offset = targetWidth * offsetMultiplier
+
+      x = bottom.rect.x + offset
+      y = bottom.rect.y - markerThickness / 2
+      width = bottom.rect.w - offset * 2
       height = markerThickness
     } else if (top && !bottom) {
-      x = top.rect.x
-      y = top.rect.y + top.rect.h + markerGap
-      width = top.rect.w
+      const targetWidth = top.rect.w
+      const offset = targetWidth * offsetMultiplier
+
+      x = top.rect.x + offset
+      y = top.rect.y + top.rect.h - markerThickness / 2
+      width = top.rect.w - offset * 2
       height = markerThickness
     }
   }
@@ -72,11 +88,13 @@ export const OverlayDragInsertMarker: FunctionComponent<{
     <div
       style={{
         position: 'absolute',
+        width: `${width}px`,
+        height: `${height}px`,
         transform: `translate(${x}px, ${y}px)`,
-        width,
-        height,
-        background: 'color-mix(in srgb, #556bfc 95%, transparent)',
-        pointerEvents: 'none',
+        background: '#556bfc',
+        border: '2px solid white',
+        borderRadius: '999px',
+        zIndex: '999999',
       }}
     ></div>
   )
diff --git a/packages/visual-editing/src/ui/OverlayDragPreview.tsx b/packages/visual-editing/src/ui/OverlayDragPreview.tsx
index 75e0087f3..21438923a 100644
--- a/packages/visual-editing/src/ui/OverlayDragPreview.tsx
+++ b/packages/visual-editing/src/ui/OverlayDragPreview.tsx
@@ -1,6 +1,6 @@
+import {Card, usePrefersDark, useTheme_v2} from '@sanity/ui'
 import type {FunctionComponent} from 'react'
 import {styled} from 'styled-components'
-
 import type {DragSkeleton} from '../types'
 
 const Root = styled.div<{
@@ -10,32 +10,23 @@ const Root = styled.div<{
   $offsetY: number
   $scaleFactor: number
 }>`
-  --drag-preview-bg: #f6f6f8;
-  --drag-preview-border: #ffffff;
-  --drag-preview-opacity: 0.875;
-  --drag-preview-skeleton-fill: #e3e4e8;
+  --drag-preview-opacity: 0.98;
   --drag-preview-skeleton-stroke: #ffffff;
-  --drag-preview-handle-fill: #727892;
 
   @media (prefers-color-scheme: dark) {
-    --drag-preview-bg: #13141b;
-    --drag-preview-border: #383d51;
-    --drag-preview-skeleton-fill: #1b1d27;
     --drag-preview-skeleton-stroke: #383d51;
-    --drag-preview-handle-fill: #515870;
   }
 
   position: fixed;
-  background: var(--drag-preview-bg);
-  pointer-events: none;
-  transform-origin: 0 0;
-  transform: ${({$offsetX, $offsetY, $scaleFactor}) =>
-    `translate(calc(var(--drag-preview-x) + ${$offsetX}px), calc(var(--drag-preview-y) + ${$offsetY}px)) scale(${$scaleFactor})`};
+  display: grid;
+  pointer-events: all;
+  transform: ${({$scaleFactor, $width, $height}) =>
+    `translate(calc(var(--drag-preview-x) - ${$width / 2}px), calc(var(--drag-preview-y) - ${$height / 2}px)) scale(${$scaleFactor})`};
   width: ${({$width}) => `${$width}px`};
   height: ${({$height}) => `${$height}px`};
   z-index: 9999999;
-  border: 1px solid var(--drag-preview-border);
   opacity: var(--drag-preview-opacity);
+  cursor: move;
 
   .drag-preview-content-wrapper {
     position: relative;
@@ -44,15 +35,18 @@ const Root = styled.div<{
     container-type: inline-size;
   }
 
+  [data-ui='card'] {
+    position: relative;
+    width: 100%;
+    height: 100%;
+  }
+
   .drag-preview-skeleton {
     position: absolute;
     inset: 0;
 
     rect {
-      fill: var(--drag-preview-skeleton-fill);
       stroke: var(--drag-preview-skeleton-stroke);
-      opacity: var(--drag-preview-opacity);
-      stroke-width: 1;
     }
   }
 
@@ -65,19 +59,30 @@ const Root = styled.div<{
   }
 `
 
-export const OverlayDragPreview: FunctionComponent<{skeleton: DragSkeleton}> = ({skeleton}) => {
-  const minSkeletonWidth = 100
-  const minSkeletonHeight = 100
+function clamp(number: number, min: number, max: number): number {
+  return number < min ? min : number > max ? max : number
+}
 
-  const maxSkeletonWidth = window.innerWidth / 2
-  const scaleFactor = skeleton.w > maxSkeletonWidth ? maxSkeletonWidth / skeleton.w : 1
+function map(number: number, inMin: number, inMax: number, outMin: number, outMax: number): number {
+  const mapped: number = ((number - inMin) * (outMax - outMin)) / (inMax - inMin) + outMin
+  return clamp(mapped, outMin, outMax)
+}
 
-  const showSkeleton =
-    skeleton.w * scaleFactor >= minSkeletonWidth && skeleton.h * scaleFactor >= minSkeletonHeight
+export const OverlayDragPreview: FunctionComponent<{skeleton: DragSkeleton}> = ({skeleton}) => {
+  const maxSkeletonWidth = Math.min(skeleton.maxWidth, window.innerWidth / 2)
+  const scaleFactor = skeleton.w > maxSkeletonWidth ? maxSkeletonWidth / skeleton.w : 1
 
   const offsetX = skeleton.offsetX * scaleFactor
   const offsetY = skeleton.offsetY * scaleFactor
 
+  const prefersDark = usePrefersDark()
+  const theme = useTheme_v2()
+
+  const radius = theme.radius[~~map(skeleton.w, 0, 1920, 1, theme.radius.length - 2)]
+
+  const imageRects = skeleton.childRects.filter((r) => r.tagName === 'IMG')
+  const textRects = skeleton.childRects.filter((r) => r.tagName !== 'IMG')
+
   return (
     <Root
       $width={skeleton.w}
@@ -86,20 +91,29 @@ export const OverlayDragPreview: FunctionComponent<{skeleton: DragSkeleton}> = (
       $offsetY={offsetY}
       $scaleFactor={scaleFactor}
     >
-      <div className="drag-preview-content-wrapper">
-        {showSkeleton && (
-          <>
-            <svg className="drag-preview-skeleton" viewBox={`0 0 ${skeleton.w} ${skeleton.h}`}>
-              {skeleton.childRects.map((r, i) => (
-                <rect key={i} x={r.x} y={r.y} width={r.w} height={r.h}></rect>
-              ))}
-            </svg>
-            <svg className="drag-preview-handle" viewBox="0 0 25 25">
-              <path d="M9.5 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM9.5 14a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM11 18.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM15.5 8a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3ZM17 12.5a1.5 1.5 0 1 1-3 0 1.5 1.5 0 0 1 3 0ZM15.5 20a1.5 1.5 0 1 0 0-3 1.5 1.5 0 0 0 0 3Z" />
-            </svg>
-          </>
-        )}
-      </div>
+      <Card
+        radius={radius}
+        shadow={4}
+        overflow="hidden"
+        tone="transparent"
+        scheme={prefersDark ? 'dark' : 'light'}
+      >
+        <div className="drag-preview-content-wrapper">
+          <svg className="drag-preview-skeleton" viewBox={`0 0 ${skeleton.w} ${skeleton.h}`}>
+            {/* render image rects first to account for background images overlapping text */}
+            {[...imageRects, ...textRects].map((r, i) => (
+              <rect
+                key={i}
+                x={r.x}
+                y={r.y}
+                width={r.w}
+                height={r.h}
+                fill={theme.color.skeleton.from}
+              ></rect>
+            ))}
+          </svg>
+        </div>
+      </Card>
     </Root>
   )
 }
diff --git a/packages/visual-editing/src/ui/OverlayMinimapPrompt.tsx b/packages/visual-editing/src/ui/OverlayMinimapPrompt.tsx
new file mode 100644
index 000000000..55de7e597
--- /dev/null
+++ b/packages/visual-editing/src/ui/OverlayMinimapPrompt.tsx
@@ -0,0 +1,22 @@
+import {ExpandIcon} from '@sanity/icons'
+import {Card, Flex, Hotkeys, Text} from '@sanity/ui'
+import type {FunctionComponent} from 'react'
+import {styled} from 'styled-components'
+
+const Root = styled(Card)`
+  position: fixed;
+  bottom: 2rem;
+  left: 2rem;
+`
+
+export const OverlayMinimapPrompt: FunctionComponent = () => {
+  return (
+    <Root padding={2} shadow={2} radius={2}>
+      <Flex align="center" gap={2}>
+        <Hotkeys keys={['Shift']} />
+        <Text size={1}>Zoom Out</Text>
+        <ExpandIcon />
+      </Flex>
+    </Root>
+  )
+}
diff --git a/packages/visual-editing/src/ui/Overlays.tsx b/packages/visual-editing/src/ui/Overlays.tsx
index e1f0d0e53..b40fc308e 100644
--- a/packages/visual-editing/src/ui/Overlays.tsx
+++ b/packages/visual-editing/src/ui/Overlays.tsx
@@ -1,24 +1,45 @@
-import type {ChannelStatus} from '@repo/channels'
-import {isAltKey, isHotkey, type SanityNode} from '@repo/visual-editing-helpers'
+import {
+  isAltKey,
+  isHotkey,
+  type SanityNode,
+  type VisualEditingControllerMsg,
+} from '@repo/visual-editing-helpers'
 import {DRAFTS_PREFIX} from '@repo/visual-editing-helpers/csm'
 import type {ClientPerspective, ContentSourceMapDocuments} from '@sanity/client'
-import {isHTMLAnchorElement, isHTMLElement, studioTheme, ThemeProvider} from '@sanity/ui'
+import type {Status} from '@sanity/comlink'
+import {
+  isHTMLAnchorElement,
+  isHTMLElement,
+  LayerProvider,
+  PortalProvider,
+  studioTheme,
+  ThemeProvider,
+  usePrefersDark,
+} from '@sanity/ui'
 import {
-  type FunctionComponent,
   useCallback,
   useEffect,
   useMemo,
   useReducer,
   useRef,
   useState,
+  type FunctionComponent,
 } from 'react'
 import {styled} from 'styled-components'
-
-import type {HistoryAdapter, OverlayEventHandler, VisualEditingChannel} from '../types'
+import type {HistoryAdapter, OverlayEventHandler, OverlayMsg, VisualEditingNode} from '../types'
+import {getDraftId} from '../util/documents'
+import {sanityNodesExistInSameArray} from '../util/findSanityNodes.ts'
+import {useDragEndEvents} from '../util/useDragEvents'
+import {ContextMenu} from './context-menu/ContextMenu'
 import {ElementOverlay} from './ElementOverlay'
+import {useOptimisticActor} from './optimistic-state/useOptimisticActor'
+import {OverlayDragGroupRect} from './OverlayDragGroupRect'
 import {OverlayDragInsertMarker} from './OverlayDragInsertMarker'
 import {OverlayDragPreview} from './OverlayDragPreview'
+import {OverlayMinimapPrompt} from './OverlayMinimapPrompt'
 import {overlayStateReducer} from './overlayStateReducer'
+import {PreviewSnapshotsProvider} from './preview/PreviewSnapshotsProvider'
+import {SchemaProvider} from './schema/SchemaProvider'
 import {useController} from './useController'
 
 const Root = styled.div<{
@@ -55,54 +76,158 @@ function isEqualSets(a: Set<string>, b: Set<string>) {
   return true
 }
 
+const DocumentReporter: FunctionComponent<{
+  documentIds: string[]
+}> = (props) => {
+  const {documentIds} = props
+  const [uniqueIds, setUniqueIds] = useState<string[]>([])
+
+  useEffect(() => {
+    setUniqueIds((prev) => {
+      const next = Array.from(new Set(documentIds.map(getDraftId)))
+      return prev.length === next.length &&
+        prev.reduce((acc, prevId) => acc.filter((id) => id !== prevId), next)?.length === 0
+        ? prev
+        : next
+    })
+  }, [documentIds])
+
+  const actor = useOptimisticActor()
+
+  useEffect(() => {
+    for (const id of uniqueIds) {
+      actor.send({type: 'observe', documentId: getDraftId(id)})
+    }
+    return () => {
+      for (const id of uniqueIds) {
+        actor.send({type: 'unobserve', documentId: getDraftId(id)})
+      }
+    }
+  }, [actor, uniqueIds])
+
+  return null
+}
+
+const OverlaysController: FunctionComponent<{
+  comlink?: VisualEditingNode
+  dispatch: (value: OverlayMsg | VisualEditingControllerMsg) => void
+  inFrame: boolean
+  onDrag: (x: number, y: number) => void
+  overlayEnabled: boolean
+  rootElement: HTMLElement | null
+}> = (props) => {
+  const {comlink, dispatch, inFrame, onDrag, overlayEnabled, rootElement} = props
+  const {dispatchDragEndEvent} = useDragEndEvents()
+
+  const overlayEventHandler: OverlayEventHandler = useCallback(
+    (message) => {
+      if (message.type === 'element/click') {
+        const {sanity} = message
+        comlink?.post({type: 'visual-editing/focus', data: sanity})
+      } else if (message.type === 'overlay/activate') {
+        comlink?.post({type: 'visual-editing/toggle', data: {enabled: true}})
+      } else if (message.type === 'overlay/deactivate') {
+        comlink?.post({type: 'visual-editing/toggle', data: {enabled: false}})
+      } else if (message.type === 'overlay/dragEnd') {
+        const {insertPosition, target} = message
+        dispatchDragEndEvent({insertPosition, target})
+      } else if (message.type === 'overlay/dragUpdateCursorPosition') {
+        onDrag(message.x, message.y)
+
+        return
+      } else if (message.type === 'overlay/setCursor') {
+        const {element, cursor} = message
+
+        element.style.cursor = cursor
+      }
+
+      dispatch(message)
+    },
+    [comlink, dispatch, dispatchDragEndEvent, onDrag],
+  )
+
+  const controller = useController(rootElement, overlayEventHandler, !!inFrame)
+
+  useEffect(() => {
+    if (overlayEnabled) {
+      controller.current?.activate()
+    } else {
+      controller.current?.deactivate()
+    }
+  }, [controller, overlayEnabled])
+
+  return null
+}
+
 /**
  * @internal
  */
 export const Overlays: FunctionComponent<{
-  channel: VisualEditingChannel
+  comlink?: VisualEditingNode
   history?: HistoryAdapter
+  inFrame: boolean
   zIndex?: string | number
 }> = (props) => {
-  const {channel, history, zIndex} = props
+  const {comlink, inFrame, history, zIndex} = props
+
+  const [status, setStatus] = useState<Status>()
 
-  const [status, setStatus] = useState<ChannelStatus>()
+  const prefersDark = usePrefersDark()
 
   const [
-    {elements, wasMaybeCollapsed, isDragging, dragInsertPosition, dragSkeleton, perspective},
+    {
+      contextMenu,
+      dragInsertPosition,
+      dragShowMinimapPrompt,
+      dragSkeleton,
+      elements,
+      isDragging,
+      perspective,
+      wasMaybeCollapsed,
+      dragMinimapTransition,
+      dragGroupRect,
+    },
     dispatch,
   ] = useReducer(overlayStateReducer, {
+    contextMenu: null,
+    dragInsertPosition: null,
+    dragShowMinimapPrompt: false,
+    dragSkeleton: null,
     elements: [],
     focusPath: '',
-    wasMaybeCollapsed: false,
     isDragging: false,
-    dragInsertPosition: null,
-    dragSkeleton: null,
     perspective: 'published',
+    wasMaybeCollapsed: false,
+    dragMinimapTransition: false,
+    dragGroupRect: null,
   })
   const [rootElement, setRootElement] = useState<HTMLElement | null>(null)
   const [overlayEnabled, setOverlayEnabled] = useState(true)
 
   useEffect(() => {
-    const unsubscribeFromStatus = channel.onStatusUpdate(setStatus)
-    const unsubscribeFromEvents = channel.subscribe((type, data) => {
-      if (type === 'presentation/focus' && data.path?.length) {
-        dispatch({type, data})
-      } else if (type === 'presentation/blur') {
-        dispatch({type, data})
-      } else if (type === 'presentation/perspective') {
-        dispatch({type, data})
-      } else if (type === 'presentation/navigate') {
+    const unsubs = [
+      comlink?.on('presentation/focus', (data) => {
+        dispatch({type: 'presentation/focus', data})
+      }),
+      comlink?.on('presentation/blur', (data) => {
+        dispatch({type: 'presentation/blur', data})
+      }),
+      comlink?.on('presentation/perspective', (data) => {
+        dispatch({type: 'presentation/perspective', data})
+      }),
+      comlink?.on('presentation/navigate', (data) => {
         history?.update(data)
-      } else if (type === 'presentation/toggleOverlay') {
+      }),
+      comlink?.on('presentation/toggle-overlay', () => {
         setOverlayEnabled((enabled) => !enabled)
-      }
-    })
+      }),
+      comlink?.onStatus((status) => {
+        setStatus(status as Status)
+      }),
+    ].filter(Boolean)
 
-    return () => {
-      unsubscribeFromEvents()
-      unsubscribeFromStatus()
-    }
-  }, [channel, history])
+    return () => unsubs.forEach((unsub) => unsub!())
+  }, [comlink, history])
 
   const lastReported = useRef<
     | {
@@ -114,12 +239,15 @@ export const Overlays: FunctionComponent<{
 
   const reportDocuments = useCallback(
     (documents: ContentSourceMapDocuments, perspective: ClientPerspective) => {
-      channel?.send('visual-editing/documents', {
-        documents,
-        perspective,
+      comlink?.post({
+        type: 'visual-editing/documents',
+        data: {
+          documents,
+          perspective,
+        },
       })
     },
-    [channel],
+    [comlink],
   )
 
   useEffect(() => {
@@ -159,51 +287,16 @@ export const Overlays: FunctionComponent<{
     }
   }, [elements, perspective, reportDocuments])
 
-  const updateDragPreviewCustomProps = (rootElement: HTMLElement | null, x: number, y: number) => {
-    if (!rootElement) return
+  const updateDragPreviewCustomProps = useCallback(
+    (x: number, y: number) => {
+      if (!rootElement) return
 
-    rootElement.style.setProperty('--drag-preview-x', `${x}px`)
-    rootElement.style.setProperty('--drag-preview-y', `${y - window.scrollY}px`)
-  }
-
-  const overlayEventHandler: OverlayEventHandler = useCallback(
-    (message) => {
-      if (message.type === 'element/click') {
-        const {sanity} = message
-        channel.send('overlay/focus', sanity)
-      } else if (message.type === 'overlay/activate') {
-        channel.send('overlay/toggle', {enabled: true})
-      } else if (message.type === 'overlay/deactivate') {
-        channel.send('overlay/toggle', {enabled: false})
-      } else if (message.type === 'overlay/dragStart') {
-        if (message.flow === 'vertical') {
-          document.body.style.cursor = 'ns-resize'
-        } else {
-          document.body.style.cursor = 'ew-resize'
-        }
-      } else if (message.type === 'overlay/dragEnd') {
-        document.body.style.cursor = 'auto'
-      } else if (message.type === 'overlay/dragUpdateCursorPosition') {
-        updateDragPreviewCustomProps(rootElement, message.x, message.y)
-
-        return
-      }
-
-      dispatch(message)
+      rootElement.style.setProperty('--drag-preview-x', `${x}px`)
+      rootElement.style.setProperty('--drag-preview-y', `${y - window.scrollY}px`)
     },
-    [channel, rootElement],
+    [rootElement],
   )
 
-  const controller = useController(rootElement, overlayEventHandler, !!channel.inFrame)
-
-  useEffect(() => {
-    if (overlayEnabled) {
-      controller.current?.activate()
-    } else {
-      controller.current?.deactivate()
-    }
-  }, [channel, controller, overlayEnabled])
-
   useEffect(() => {
     const handleClick = (event: MouseEvent) => {
       const target = event.target
@@ -257,11 +350,11 @@ export const Overlays: FunctionComponent<{
     if (history) {
       return history.subscribe((update) => {
         update.title = update.title || document.title
-        channel.send('overlay/navigate', update)
+        comlink?.post({type: 'visual-editing/navigate', data: update})
       })
     }
     return
-  }, [channel, history])
+  }, [comlink, history])
 
   const [overlaysFlash, setOverlaysFlash] = useState(false)
   const [fadingOut, setFadingOut] = useState(false)
@@ -290,38 +383,84 @@ export const Overlays: FunctionComponent<{
   }, [overlayEnabled])
 
   const elementsToRender = useMemo(() => {
-    if (!channel || (channel.inFrame && status !== 'connected')) {
+    if (inFrame && status !== 'connected') {
       return []
     }
     return elements.filter((e) => e.activated || e.focused)
-  }, [channel, elements, status])
+  }, [elements, inFrame, status])
+
+  const documentIds = useMemo(() => {
+    return elements.flatMap((element) => ('id' in element.sanity ? [element.sanity.id] : []))
+  }, [elements])
+
+  const closeContextMenu = useCallback(() => {
+    dispatch({type: 'overlay/blur'})
+  }, [])
 
   return (
-    <ThemeProvider theme={studioTheme} tone="transparent">
-      <Root
-        data-fading-out={fadingOut ? '' : undefined}
-        data-overlays={overlaysFlash ? '' : undefined}
-        ref={setRootElement}
-        $zIndex={zIndex}
-      >
-        {!isDragging &&
-          elementsToRender.map(({id, focused, hovered, rect, sanity}) => {
-            return (
-              <ElementOverlay
-                key={id}
-                rect={rect}
-                focused={focused}
-                hovered={hovered}
-                showActions={!channel.inFrame}
-                sanity={sanity}
-                wasMaybeCollapsed={focused && wasMaybeCollapsed}
-              />
-            )
-          })}
-
-        {isDragging && dragSkeleton && <OverlayDragPreview skeleton={dragSkeleton} />}
-        {isDragging && <OverlayDragInsertMarker dragInsertPosition={dragInsertPosition} />}
-      </Root>
+    <ThemeProvider scheme={prefersDark ? 'dark' : 'light'} theme={studioTheme} tone="transparent">
+      <LayerProvider>
+        <PortalProvider element={rootElement}>
+          <SchemaProvider comlink={comlink} elements={elements}>
+            <PreviewSnapshotsProvider comlink={comlink}>
+              {/* <OptimisticStateProvider comlink={comlink} documentIds={documentIds}> */}
+              <Root
+                data-fading-out={fadingOut ? '' : undefined}
+                data-overlays={overlaysFlash ? '' : undefined}
+                ref={setRootElement}
+                $zIndex={zIndex}
+              >
+                <DocumentReporter documentIds={documentIds} />
+                <OverlaysController
+                  comlink={comlink}
+                  dispatch={dispatch}
+                  inFrame={inFrame}
+                  onDrag={updateDragPreviewCustomProps}
+                  overlayEnabled={overlayEnabled}
+                  rootElement={rootElement}
+                />
+                {contextMenu && <ContextMenu {...contextMenu} onDismiss={closeContextMenu} />}
+                {!isDragging &&
+                  elementsToRender.map(({id, focused, hovered, rect, sanity, dragDisabled}) => {
+                    const draggable =
+                      !dragDisabled &&
+                      elements.some((e) =>
+                        'id' in e.sanity && 'id' in sanity
+                          ? sanityNodesExistInSameArray(e.sanity, sanity) &&
+                            e.sanity.path !== sanity.path
+                          : false,
+                      )
+
+                    return (
+                      <ElementOverlay
+                        key={id}
+                        focused={focused}
+                        hovered={hovered}
+                        node={sanity}
+                        rect={rect}
+                        showActions={!inFrame}
+                        draggable={draggable}
+                        isDragging={isDragging || dragMinimapTransition}
+                        wasMaybeCollapsed={focused && wasMaybeCollapsed}
+                      />
+                    )
+                  })}
+
+                {isDragging && !dragMinimapTransition && (
+                  <>
+                    {dragInsertPosition && (
+                      <OverlayDragInsertMarker dragInsertPosition={dragInsertPosition} />
+                    )}
+                    {dragShowMinimapPrompt && <OverlayMinimapPrompt />}
+                    {dragGroupRect && <OverlayDragGroupRect dragGroupRect={dragGroupRect} />}
+                  </>
+                )}
+                {isDragging && dragSkeleton && <OverlayDragPreview skeleton={dragSkeleton} />}
+              </Root>
+            </PreviewSnapshotsProvider>
+          </SchemaProvider>
+        </PortalProvider>
+      </LayerProvider>
     </ThemeProvider>
   )
 }
diff --git a/packages/visual-editing/src/ui/PopoverPortal.tsx b/packages/visual-editing/src/ui/PopoverPortal.tsx
new file mode 100644
index 000000000..d3f2f01dd
--- /dev/null
+++ b/packages/visual-editing/src/ui/PopoverPortal.tsx
@@ -0,0 +1,47 @@
+import {Portal} from '@sanity/ui'
+import {type FunctionComponent} from 'react'
+import {styled} from 'styled-components'
+
+const PortalContainer = styled.div`
+  height: 100%;
+  inset: 0;
+  overflow-y: scroll;
+  overscroll-behavior: contain;
+  pointer-events: all;
+  position: fixed;
+  width: 100%;
+  -ms-overflow-style: none;
+  scrollbar-width: none;
+  &:before {
+    content: '';
+    display: block;
+    height: 101%;
+    position: absolute;
+    top: 0;
+    width: 100%;
+    z-index: -1;
+  }
+`
+const PortalBackground = styled.div`
+  background: transparent;
+  height: 100%;
+  inset: 0;
+  position: absolute;
+  width: 100%;
+`
+
+export const PopoverPortal: FunctionComponent<{
+  children: React.ReactNode
+  onDismiss?: () => void
+}> = (props) => {
+  const {children, onDismiss} = props
+
+  return (
+    <Portal>
+      <PortalContainer data-sanity-overlay-element>
+        <PortalBackground onClickCapture={onDismiss} />
+        {children}
+      </PortalContainer>
+    </Portal>
+  )
+}
diff --git a/packages/visual-editing/src/ui/Refresh.tsx b/packages/visual-editing/src/ui/Refresh.tsx
index 3151714e4..c6879793b 100644
--- a/packages/visual-editing/src/ui/Refresh.tsx
+++ b/packages/visual-editing/src/ui/Refresh.tsx
@@ -1,57 +1,57 @@
-import {type FunctionComponent, useEffect, useRef} from 'react'
-
-import type {VisualEditingChannel, VisualEditingOptions} from '../types'
+import {useEffect, useRef, type FunctionComponent} from 'react'
+import type {VisualEditingNode, VisualEditingOptions} from '../types'
 
 /**
  * @internal
  */
 export const Refresh: FunctionComponent<
   {
-    channel: VisualEditingChannel
+    comlink: VisualEditingNode
   } & Required<Pick<VisualEditingOptions, 'refresh'>>
 > = (props) => {
-  const {channel, refresh} = props
+  const {comlink, refresh} = props
 
   const manualRefreshRef = useRef(0)
   const mutationRefreshRef = useRef(0)
+
   useEffect(
     () =>
-      channel.subscribe((type, data) => {
-        if (type === 'presentation/refresh' && data.source === 'manual') {
+      comlink.on('presentation/refresh', (data) => {
+        if (data.source === 'manual') {
           clearTimeout(manualRefreshRef.current)
           const promise = refresh(data)
           if (promise === false) return
-          channel.send('visual-editing/refreshing', data)
+          comlink.post({type: 'visual-editing/refreshing', data})
           let timedOut = false
           manualRefreshRef.current = window.setTimeout(() => {
-            channel.send('visual-editing/refreshed', data)
+            comlink.post({type: 'visual-editing/refreshed', data})
             timedOut = true
           }, 3000)
           promise?.finally?.(() => {
             if (timedOut) return
             clearTimeout(manualRefreshRef.current)
-            channel.send('visual-editing/refreshed', data)
+            comlink.post({type: 'visual-editing/refreshed', data})
           })
-        } else if (type === 'presentation/refresh' && data.source === 'mutation') {
+        } else if (data.source === 'mutation') {
           clearTimeout(mutationRefreshRef.current)
           const promise = refresh(data)
           if (promise === false) return
-          channel.send('visual-editing/refreshing', data)
+          comlink.post({type: 'visual-editing/refreshing', data})
           // Send an additional refresh to account for Content Lake eventual consistency
           mutationRefreshRef.current = window.setTimeout(() => {
             const promise = refresh(data)
             if (promise === false) return
-            channel.send('visual-editing/refreshing', data)
+            comlink.post({type: 'visual-editing/refreshing', data})
             promise?.finally?.(() => {
-              channel.send('visual-editing/refreshed', data)
-            }) || channel.send('visual-editing/refreshed', data)
+              comlink.post({type: 'visual-editing/refreshed', data})
+            }) || comlink.post({type: 'visual-editing/refreshed', data})
           }, 1000)
           promise?.finally?.(() => {
-            channel.send('visual-editing/refreshed', data)
-          }) || channel.send('visual-editing/refreshed', data)
+            comlink.post({type: 'visual-editing/refreshed', data})
+          }) || comlink.post({type: 'visual-editing/refreshed', data})
         }
       }),
-    [channel, refresh],
+    [comlink, refresh],
   )
 
   return null
diff --git a/packages/visual-editing/src/ui/VisualEditing.tsx b/packages/visual-editing/src/ui/VisualEditing.tsx
index da3e9941e..dab3c7b59 100644
--- a/packages/visual-editing/src/ui/VisualEditing.tsx
+++ b/packages/visual-editing/src/ui/VisualEditing.tsx
@@ -1,25 +1,59 @@
-import type {FunctionComponent} from 'react'
-
-import type {VisualEditingOptions} from '../types'
+import {
+  createCompatibilityActors,
+  type VisualEditingControllerMsg,
+  type VisualEditingNodeMsg,
+} from '@repo/visual-editing-helpers'
+import {createNode, createNodeMachine} from '@sanity/comlink'
+import {useEffect, useState, type FunctionComponent} from 'react'
+import {createActor} from 'xstate'
+import type {VisualEditingNode, VisualEditingOptions} from '../types'
+import {createDatasetMutator} from './comlink'
 import {Meta} from './Meta'
+import {setActor} from './optimistic-state/context'
+import {createSharedListener} from './optimistic-state/machines/createSharedListener'
 import {Overlays} from './Overlays'
 import {Refresh} from './Refresh'
-import {useChannel} from './useChannel'
 
 /**
  * @public
  */
 export const VisualEditing: FunctionComponent<VisualEditingOptions> = (props) => {
   const {history, refresh, zIndex} = props
-  const channel = useChannel()
+  const inFrame = window.self !== window.top || window.opener
 
-  return (
-    channel && (
-      <>
-        <Overlays channel={channel} history={history} zIndex={zIndex} />
-        <Meta channel={channel} />
-        {refresh && <Refresh channel={channel} refresh={refresh} />}
-      </>
+  const [comlink, setComlink] = useState<VisualEditingNode | undefined>(undefined)
+
+  useEffect(() => {
+    if (!inFrame) return
+    const comlink = createNode<VisualEditingControllerMsg, VisualEditingNodeMsg>(
+      {
+        name: 'visual-editing',
+        connectTo: 'presentation',
+      },
+      createNodeMachine<VisualEditingControllerMsg, VisualEditingNodeMsg>().provide({
+        actors: createCompatibilityActors<VisualEditingNodeMsg>(),
+      }),
     )
+    setComlink(comlink)
+
+    const listener = createSharedListener(comlink)
+    const datasetMutator = createDatasetMutator(comlink)
+    const actor = createActor(datasetMutator, {
+      // @ts-expect-error @todo
+      input: {client: {withConfig: () => {}}, sharedListener: listener},
+    })
+    setActor(actor)
+
+    actor.start()
+    comlink.start()
+  }, [inFrame])
+
+  return (
+    <>
+      <Overlays comlink={comlink} inFrame={inFrame} history={history} zIndex={zIndex} />
+      {comlink && <Meta comlink={comlink} />}
+      {comlink && refresh && <Refresh comlink={comlink} refresh={refresh} />}
+    </>
   )
 }
+VisualEditing.displayName = 'VisualEditing'
diff --git a/packages/visual-editing/src/ui/comlink/index.ts b/packages/visual-editing/src/ui/comlink/index.ts
new file mode 100644
index 000000000..affed6c95
--- /dev/null
+++ b/packages/visual-editing/src/ui/comlink/index.ts
@@ -0,0 +1,50 @@
+import type {SanityClient} from '@sanity/client'
+import {SanityEncoder, type Transaction} from '@sanity/mutate'
+import {documentMutatorMachine} from '@sanity/mutate/_unstable_machine'
+import {fromPromise} from 'xstate'
+import type {VisualEditingNode} from '../../types'
+import {getDraftId} from '../../util/documents'
+import {datasetMutatorMachine} from '../optimistic-state/machines/datasetMutatorMachine'
+
+// eslint-disable-next-line @typescript-eslint/explicit-module-boundary-types
+export const createDatasetMutator = (comlink: VisualEditingNode) => {
+  const fetchSnapshot = fromPromise(
+    async ({input, signal}: {input: {id: string; client: SanityClient}; signal: AbortSignal}) => {
+      const {id} = input
+      const {snapshot} = await comlink.fetch(
+        {
+          type: 'visual-editing/fetch-snapshot',
+          data: {documentId: getDraftId(id)},
+        },
+        {
+          signal,
+        },
+      )
+
+      return snapshot
+    },
+  )
+
+  const submitMutations = fromPromise(
+    async ({input}: {input: {client: SanityClient; transactions: Transaction[]}}) => {
+      const {transactions} = input
+      for (const transaction of transactions) {
+        const data = SanityEncoder.encodeTransaction(transaction)
+        return comlink.post({type: 'visual-editing/mutate', data})
+      }
+    },
+  )
+
+  const datasetMutatorMachineWithComlink = datasetMutatorMachine.provide({
+    actors: {
+      documentMutatorMachine: documentMutatorMachine.provide({
+        actors: {
+          'fetch remote snapshot': fetchSnapshot,
+          'submit mutations as transactions': submitMutations,
+        },
+      }),
+    },
+  })
+
+  return datasetMutatorMachineWithComlink
+}
diff --git a/packages/visual-editing/src/ui/context-menu/ContextMenu.tsx b/packages/visual-editing/src/ui/context-menu/ContextMenu.tsx
new file mode 100644
index 000000000..f995066d7
--- /dev/null
+++ b/packages/visual-editing/src/ui/context-menu/ContextMenu.tsx
@@ -0,0 +1,153 @@
+import {
+  Box,
+  Flex,
+  Menu,
+  MenuDivider,
+  MenuGroup,
+  MenuItem,
+  Popover,
+  Stack,
+  Text,
+  type PopoverMargins,
+} from '@sanity/ui'
+import {useMemo, type FunctionComponent} from 'react'
+import type {ContextMenuNode, ContextMenuProps} from '../../types'
+import {getNodeIcon} from '../../util/getNodeIcon'
+import {useDocuments} from '../optimistic-state/useDocuments'
+import {PopoverPortal} from '../PopoverPortal'
+import {getField, getSchemaType} from '../schema/schema'
+import {useSchema} from '../schema/useSchema'
+import {getContextMenuItems} from './contextMenuItems'
+
+const POPOVER_MARGINS: PopoverMargins = [-4, 4, -4, 4]
+
+function ContextMenuItem(props: {node: ContextMenuNode}) {
+  const {node} = props
+
+  if (node.type === 'divider') {
+    return <MenuDivider />
+  }
+
+  if (node.type === 'action') {
+    return (
+      <MenuItem
+        fontSize={1}
+        hotkeys={node.hotkeys}
+        icon={node.icon}
+        padding={2}
+        space={2}
+        text={node.label}
+        disabled={!node.action}
+        onClick={node.action}
+      />
+    )
+  }
+
+  if (node.type === 'group') {
+    return (
+      <MenuGroup
+        fontSize={1}
+        icon={node.icon}
+        padding={2}
+        popover={{
+          arrow: false,
+          constrainSize: true,
+          placement: 'right-start',
+          preventOverflow: true,
+          __unstable_margins: POPOVER_MARGINS,
+        }}
+        space={2}
+        text={node.label}
+      >
+        {node.items.map((item, itemIndex) => (
+          <ContextMenuItem key={itemIndex} node={item} />
+        ))}
+      </MenuGroup>
+    )
+  }
+  return null
+}
+
+export const ContextMenu: FunctionComponent<ContextMenuProps> = (props) => {
+  const {
+    node,
+    onDismiss,
+    position: {x, y},
+  } = props
+
+  const {schema, resolvedTypes} = useSchema()
+  const {get, mutate} = useDocuments()
+
+  const schemaType = getSchemaType(node, schema)
+  const {field, parent} = getField(node, schemaType, resolvedTypes)
+
+  const title = useMemo(() => {
+    return field?.title || field?.name || 'Unknown type'
+  }, [field])
+
+  const Icon = useMemo(() => {
+    return getNodeIcon(field)
+  }, [field])
+
+  const items = useMemo(() => {
+    const doc = get(node.id)?.snapshot
+    if (!doc) return []
+    return getContextMenuItems({node, field, parent, doc, mutate})
+  }, [field, get, mutate, node, parent])
+
+  const contextMenuReferenceElement = useMemo(() => {
+    return {
+      getBoundingClientRect: () => ({
+        bottom: y,
+        left: x,
+        right: x,
+        top: y,
+        width: 0,
+        height: 0,
+      }),
+    } as HTMLElement
+  }, [x, y])
+
+  return (
+    <PopoverPortal onDismiss={onDismiss}>
+      <Popover
+        __unstable_margins={POPOVER_MARGINS}
+        arrow={false}
+        open
+        placement="right-start"
+        style={{pointerEvents: 'all'}}
+        referenceElement={contextMenuReferenceElement}
+        content={
+          <Menu style={{minWidth: 120, maxWidth: 160}}>
+            <Flex gap={2} padding={2}>
+              <Box flex="none">
+                <Text size={1}>{Icon}</Text>
+              </Box>
+
+              <Stack flex={1} space={2}>
+                <Text size={1} weight="semibold">
+                  {title}
+                </Text>
+              </Stack>
+            </Flex>
+
+            <MenuDivider />
+
+            {items.map((item, i) => (
+              <ContextMenuItem key={i} node={item} />
+            ))}
+          </Menu>
+        }
+      >
+        <div
+          key={`${x}-${y}`}
+          style={{
+            position: 'absolute',
+            left: x,
+            top: y,
+          }}
+        />
+      </Popover>
+    </PopoverPortal>
+  )
+}
diff --git a/packages/visual-editing/src/ui/context-menu/contextMenuItems.ts b/packages/visual-editing/src/ui/context-menu/contextMenuItems.ts
new file mode 100644
index 000000000..4522cced7
--- /dev/null
+++ b/packages/visual-editing/src/ui/context-menu/contextMenuItems.ts
@@ -0,0 +1,213 @@
+import type {
+  SanityNode,
+  SchemaArrayItem,
+  SchemaNode,
+  SchemaUnionNode,
+  SchemaUnionOption,
+} from '@repo/visual-editing-helpers'
+import {
+  ArrowDownIcon,
+  ArrowUpIcon,
+  InsertAboveIcon,
+  InsertBelowIcon,
+  PublishIcon,
+  RemoveIcon,
+  SortIcon,
+  UnpublishIcon,
+} from '@sanity/icons'
+import type {SanityDocument} from '@sanity/types'
+import type {ContextMenuNode} from '../../types'
+import {getNodeIcon} from '../../util/getNodeIcon'
+import {
+  getArrayInsertMutations,
+  getArrayMoveMutations,
+  getArrayRemoveMutations,
+} from '../../util/mutations'
+import type {DocumentMutate} from '../optimistic-state/useDocuments'
+import type {OverlayElementField, OverlayElementParent} from '../schema/schema'
+
+export function getContextMenuItems(context: {
+  node: SanityNode
+  doc: SanityDocument | undefined
+  mutate: DocumentMutate
+  parent: OverlayElementParent
+  field: OverlayElementField
+}): ContextMenuNode[] {
+  const {node, field, parent, doc, mutate} = context
+  if (field?.type === 'arrayItem') {
+    return getContextMenuArrayItems({node, field, doc, mutate})
+  }
+  if (parent?.type === 'union') {
+    return getContextMenuUnionItems({node, parent, doc, mutate})
+  }
+
+  return []
+}
+
+function getRemoveItems(context: {
+  node: SanityNode
+  doc: SanityDocument | undefined
+  mutate: DocumentMutate
+}) {
+  const {node, doc, mutate} = context
+  if (!doc) return []
+  return [
+    {
+      type: 'action' as const,
+      label: 'Remove',
+      icon: RemoveIcon,
+      action: () => mutate(node.id, getArrayRemoveMutations(node, doc)),
+    },
+  ]
+}
+
+function getMoveItems(
+  context: {
+    node: SanityNode
+    doc: SanityDocument | undefined
+    mutate: DocumentMutate
+  },
+  withDivider = true,
+) {
+  const {node, doc, mutate} = context
+  if (!doc) return []
+
+  const items: ContextMenuNode[] = []
+  const groupItems: ContextMenuNode[] = []
+  const moveUpMutations = getArrayMoveMutations(node, doc, 'previous')
+  const moveDownMutations = getArrayMoveMutations(node, doc, 'next')
+  const moveFirstMutations = getArrayMoveMutations(node, doc, 'first')
+  const moveLastMutations = getArrayMoveMutations(node, doc, 'last')
+
+  if (moveFirstMutations) {
+    groupItems.push({
+      type: 'action',
+      label: 'To top',
+      icon: PublishIcon,
+      action: () => mutate(node.id, moveFirstMutations),
+    })
+  }
+  if (moveUpMutations) {
+    groupItems.push({
+      type: 'action',
+      label: 'Up',
+      icon: ArrowUpIcon,
+      action: () => mutate(node.id, moveUpMutations),
+    })
+  }
+
+  if (moveDownMutations) {
+    groupItems.push({
+      type: 'action',
+      label: 'Down',
+      icon: ArrowDownIcon,
+      action: () => mutate(node.id, moveDownMutations),
+    })
+  }
+  if (moveLastMutations) {
+    groupItems.push({
+      type: 'action',
+      label: 'To bottom',
+      icon: UnpublishIcon,
+      action: () => mutate(node.id, moveLastMutations),
+    })
+  }
+
+  if (groupItems.length) {
+    items.push({
+      type: 'group',
+      label: 'Move',
+      icon: SortIcon,
+      items: groupItems,
+    })
+    if (withDivider) {
+      items.push({type: 'divider'})
+    }
+  }
+
+  return items
+}
+
+function getContextMenuArrayItems(context: {
+  node: SanityNode
+  field: SchemaArrayItem
+  doc: SanityDocument | undefined
+  mutate: DocumentMutate
+}): ContextMenuNode[] {
+  const {node, field, mutate} = context
+  const items: ContextMenuNode[] = []
+  items.push(...getRemoveItems(context))
+  items.push(...getMoveItems(context))
+
+  items.push({
+    type: 'action',
+    label: 'Insert before',
+    icon: InsertAboveIcon,
+    action: () => {
+      const mutations = getArrayInsertMutations(node, field.name, 'before')
+      mutate(node.id, mutations)
+    },
+  })
+  items.push({
+    type: 'action',
+    label: 'Insert after',
+    icon: InsertBelowIcon,
+    action: () => {
+      const mutations = getArrayInsertMutations(node, field.name, 'after')
+      mutate(node.id, mutations)
+    },
+  })
+
+  return items
+}
+
+function getContextMenuUnionItems(context: {
+  node: SanityNode
+  parent: SchemaUnionNode<SchemaNode>
+  doc: SanityDocument | undefined
+  mutate: DocumentMutate
+}): ContextMenuNode[] {
+  const {node, parent, mutate} = context
+  const items: ContextMenuNode[] = []
+  items.push(...getRemoveItems(context))
+  items.push(...getMoveItems(context))
+
+  items.push({
+    type: 'group',
+    label: 'Insert before',
+    icon: InsertAboveIcon,
+    items: (
+      parent.of.filter((item) => item.type === 'unionOption') as SchemaUnionOption<SchemaNode>[]
+    ).map((t) => {
+      return {
+        type: 'action',
+        icon: getNodeIcon(t),
+        label: t.name === 'block' ? 'Paragraph' : t.title || t.name,
+        action: () => {
+          const mutations = getArrayInsertMutations(node, t.name, 'before')
+          mutate(node.id, mutations)
+        },
+      }
+    }),
+  })
+  items.push({
+    type: 'group',
+    label: 'Insert after',
+    icon: InsertBelowIcon,
+    items: (
+      parent.of.filter((item) => item.type === 'unionOption') as SchemaUnionOption<SchemaNode>[]
+    ).map((t) => {
+      return {
+        type: 'action',
+        label: t.name === 'block' ? 'Paragraph' : t.title || t.name,
+        icon: getNodeIcon(t),
+        action: () => {
+          const mutations = getArrayInsertMutations(node, t.name, 'after')
+          mutate(node.id, mutations)
+        },
+      }
+    }),
+  })
+
+  return items
+}
diff --git a/packages/visual-editing/src/ui/elementsReducer.ts b/packages/visual-editing/src/ui/elementsReducer.ts
index 8ab427dfe..5cf0b54b9 100644
--- a/packages/visual-editing/src/ui/elementsReducer.ts
+++ b/packages/visual-editing/src/ui/elementsReducer.ts
@@ -1,5 +1,4 @@
-import type {PresentationMsg} from '@repo/visual-editing-helpers'
-
+import type {VisualEditingControllerMsg} from '@repo/visual-editing-helpers'
 import type {ElementState, OverlayMsg} from '../types'
 
 /**
@@ -8,13 +7,14 @@ import type {ElementState, OverlayMsg} from '../types'
  */
 export const elementsReducer = (
   elements: ElementState[],
-  message: OverlayMsg | PresentationMsg,
+  message: OverlayMsg | VisualEditingControllerMsg,
 ): ElementState[] => {
   const {type} = message
   switch (type) {
     case 'element/register': {
       const elementExists = !!elements.find((e) => e.id === message.id)
       if (elementExists) return elements
+
       return [
         ...elements,
         {
@@ -24,6 +24,7 @@ export const elementsReducer = (
           hovered: false,
           rect: message.rect,
           sanity: message.sanity,
+          dragDisabled: message.dragDisabled,
         },
       ]
     }
diff --git a/packages/visual-editing/src/ui/optimistic-state/context.ts b/packages/visual-editing/src/ui/optimistic-state/context.ts
new file mode 100644
index 000000000..0dc4c09e0
--- /dev/null
+++ b/packages/visual-editing/src/ui/optimistic-state/context.ts
@@ -0,0 +1,22 @@
+import {createEmptyActor, type ActorRefFrom} from 'xstate'
+import {createDatasetMutator} from '../comlink'
+
+export type MutatorActor = ActorRefFrom<ReturnType<typeof createDatasetMutator>>
+export type EmptyActor = typeof emptyActor
+
+export const emptyActor = createEmptyActor()
+
+export let actor: MutatorActor | EmptyActor = emptyActor
+
+export const listeners = new Set<() => void>()
+
+export function isEmptyActor(actor: MutatorActor | EmptyActor): actor is EmptyActor {
+  return actor === emptyActor
+}
+
+export function setActor(nextActor: MutatorActor): void {
+  actor = nextActor
+  for (const onActorChange of listeners) {
+    onActorChange()
+  }
+}
diff --git a/packages/visual-editing/src/ui/optimistic-state/index.ts b/packages/visual-editing/src/ui/optimistic-state/index.ts
new file mode 100644
index 000000000..8f52f3741
--- /dev/null
+++ b/packages/visual-editing/src/ui/optimistic-state/index.ts
@@ -0,0 +1,4 @@
+export {useDocument} from './useDocument'
+export {useDocuments, type DocumentGet, type DocumentMutate} from './useDocuments'
+export {useOptimistic, type OptimisticReducer, type OptimisticReducerAction} from './useOptimistic'
+export {useOptimisticActor} from './useOptimisticActor'
diff --git a/packages/visual-editing/src/ui/optimistic-state/machines/createSharedListener.ts b/packages/visual-editing/src/ui/optimistic-state/machines/createSharedListener.ts
new file mode 100644
index 000000000..4c105e558
--- /dev/null
+++ b/packages/visual-editing/src/ui/optimistic-state/machines/createSharedListener.ts
@@ -0,0 +1,53 @@
+import {
+  type ListenEvent,
+  type MutationEvent,
+  type ReconnectEvent,
+  type WelcomeEvent,
+} from '@sanity/client'
+import {filter, merge, Observable, shareReplay, Subject, type ObservedValueOf} from 'rxjs'
+import type {VisualEditingNode} from '../../../types'
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+type SharedListenEvent = ListenEvent<Record<string, any>>
+
+/**
+ * Creates a single, shared, listener EventSource that strems remote mutations, and notifies when it's online (welcome), offline (reconnect).
+ */
+export function createSharedListener(comlink: VisualEditingNode): Observable<SharedListenEvent> {
+  const incomingEvents$ = new Subject<SharedListenEvent>()
+
+  comlink.on('presentation/snapshot-event', (data) => {
+    incomingEvents$.next(data.event)
+  })
+
+  // Reconnect events emitted in case the connection is lost
+  const reconnect = incomingEvents$.pipe(
+    filter((event): event is ReconnectEvent => event.type === 'reconnect'),
+  )
+
+  // Welcome events are emitted when the listener is (re)connected
+  const welcome = incomingEvents$.pipe(
+    filter((event): event is WelcomeEvent => event.type === 'welcome'),
+  )
+
+  // Mutation events coming from the listener
+  const mutations = incomingEvents$.pipe(
+    filter((event): event is MutationEvent => event.type === 'mutation'),
+  )
+
+  // Replay the latest connection event that was emitted either when the connection was disconnected ('reconnect'), established or re-established ('welcome')
+  const connectionEvent = merge(welcome, reconnect).pipe(
+    shareReplay({bufferSize: 1, refCount: false}),
+  )
+
+  // Emit the welcome event if the latest connection event was the 'welcome' event.
+  // Downstream subscribers will typically map the welcome event to an initial fetch
+  const replayWelcome = connectionEvent.pipe(
+    filter((latestConnectionEvent) => latestConnectionEvent.type === 'welcome'),
+  )
+
+  // Combine into a single stream
+  return merge(replayWelcome, mutations, reconnect)
+}
+
+export type SharedListenerEvents = ObservedValueOf<ReturnType<typeof createSharedListener>>
diff --git a/packages/visual-editing/src/ui/optimistic-state/machines/datasetMutatorMachine.ts b/packages/visual-editing/src/ui/optimistic-state/machines/datasetMutatorMachine.ts
new file mode 100644
index 000000000..3d5c0a786
--- /dev/null
+++ b/packages/visual-editing/src/ui/optimistic-state/machines/datasetMutatorMachine.ts
@@ -0,0 +1,119 @@
+/**
+ * The logic here is intended to live inside a preview iframe, and listen to events from the parent frame.
+ * It also supports running in a "detached" mode, where it has to setup authenticated EventSource conenctions and perform data fetching itself.
+ */
+
+import {type SanityClient} from '@sanity/client'
+import {
+  createSharedListener,
+  documentMutatorMachine,
+  type DocumentMutatorMachineInput,
+  type DocumentMutatorMachineParentEvent,
+} from '@sanity/mutate/_unstable_machine'
+import {assertEvent, assign, emit, setup, stopChild, type ActorRefFrom} from 'xstate'
+
+export interface DatasetMutatorMachineInput extends Omit<DocumentMutatorMachineInput, 'id'> {
+  client: SanityClient
+  /** A shared listener can be provided, if not it'll be created using `client.listen()` */
+  sharedListener?: ReturnType<typeof createSharedListener>
+}
+
+export const datasetMutatorMachine = setup({
+  types: {} as {
+    context: {
+      client: SanityClient
+      /** A shared listener can be provided, if not it'll be created using `client.listen()` */
+      sharedListener?: ReturnType<typeof createSharedListener>
+      documents: Record<string, ActorRefFrom<typeof documentMutatorMachine>>
+    }
+    events:
+      | {type: 'observe'; documentId: string}
+      | {type: 'unobserve'; documentId: string}
+      | {type: 'add document actor'; documentId: string}
+      | {type: 'stop document actor'; documentId: string}
+      | DocumentMutatorMachineParentEvent
+    input: DatasetMutatorMachineInput
+    emitted: DocumentMutatorMachineParentEvent
+  },
+  actions: {
+    'emit sync event': emit(({event}) => {
+      assertEvent(event, 'sync')
+      return event
+    }),
+    'emit mutation event': emit(({event}) => {
+      assertEvent(event, 'mutation')
+      return event
+    }),
+    'emit rebased event': emit(({event}) => {
+      assertEvent(event, ['rebased.local', 'rebased.remote'])
+      return event
+    }),
+    'emit pristine event': emit(({event}) => {
+      assertEvent(event, ['pristine'])
+      return event
+    }),
+    'add document actor': assign({
+      documents: ({context, event, spawn}) => {
+        assertEvent(event, 'observe')
+        const id = event.documentId
+        // Adding the same documentId multiple times is a no-op
+        if (context.documents[id]) return context.documents
+        return {
+          ...context.documents,
+          [id]: spawn('documentMutatorMachine', {
+            input: {
+              id,
+              client: context.client,
+              sharedListener: context.sharedListener || createSharedListener(context.client),
+            },
+            id,
+          }),
+        }
+      },
+    }),
+    'stop remote snapshot': stopChild(({context, event}) => {
+      assertEvent(event, 'unobserve')
+      return context.documents[event.documentId]!
+    }),
+    'remove remote snapshot from context': assign({
+      documents: ({context, event}) => {
+        assertEvent(event, 'unobserve')
+        // Removing a non-existing documentId is a no-op
+        if (!context.documents[event.documentId]) return context.documents
+        // eslint-disable-next-line @typescript-eslint/no-unused-vars
+        const {[event.documentId]: _, ...documents} = context.documents
+        return documents
+      },
+    }),
+  },
+  actors: {
+    documentMutatorMachine,
+  },
+}).createMachine({
+  /** @xstate-layout N4IgpgJg5mDOIC5QBsD2BjAhsgIhgrgLZgB2ALgMTICWsZpA2gAwC6ioADqrNWdaiXYgAHogC0ADgBMAOgkA2ACyKArBICcTdfKXSANCACeiFQHYZpgMxWV800yYqp6gIyn5AXw8G0WXAWJyCnwSGjpGViEuHj4BIVEEKUt5OSlFU1smFwkFW0sDY0T1GRUXRXkXKVN7HSYJJkUvHwxsPHQiUjIZDgAnWj4SMApCfDJMemY2JBBo3n5BaYSXeVlbKRUsiXdFSxcXfKNERSqZTbr1zVMJNyaQX1aAzpkIah6yQwp0VEJCXkmo7hzOKLRDLFwyFxaSzXKTOKQudSKCQFRDOczqCSWJjwjbHCQqRFebwgEioCBwIT3fztQJkAExebxcQuFEIZaWGRIrF7dSXKTyFSNYlUtodcjdPp0aiDelAhagBLpVmWAmc46mNwSZTyLQuFS3EWPcUvN6FTiA2LykSoq6c6wbCqVUzparKioyRFVfkq1zqNSWIkeIA */
+  id: 'dataset-mutator',
+  context: ({input}) => ({
+    documents: {},
+    client: input.client,
+    sharedListener: input.sharedListener,
+  }),
+
+  on: {
+    'sync': {actions: ['emit sync event']},
+    'mutation': {actions: ['emit mutation event']},
+    'rebased.*': {actions: ['emit rebased event']},
+    'pristine': {actions: ['emit pristine event']},
+    'observe': {
+      actions: ['add document actor'],
+    },
+    'unobserve': {
+      actions: ['stop remote snapshot', 'remove remote snapshot from context'],
+    },
+  },
+
+  initial: 'pristine',
+
+  states: {
+    pristine: {},
+  },
+})
diff --git a/packages/visual-editing/src/ui/optimistic-state/useDocument.ts b/packages/visual-editing/src/ui/optimistic-state/useDocument.ts
new file mode 100644
index 000000000..46753cb90
--- /dev/null
+++ b/packages/visual-editing/src/ui/optimistic-state/useDocument.ts
@@ -0,0 +1,15 @@
+import type {SanityDocument} from '@sanity/client'
+import {useSelector} from '@xstate/react'
+import {getDraftId} from '../../util/documents'
+import {type MutatorActor} from './context'
+import {useOptimisticActor} from './useOptimisticActor'
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export function useDocument<T extends Record<string, any> = Record<string, any>>(
+  id: string,
+): SanityDocument<T> | undefined {
+  const actor = useOptimisticActor() as MutatorActor
+  const document = useSelector(actor, (snapshot) => snapshot.context?.documents[getDraftId(id)])
+  // @ts-expect-error - @todo update typings
+  return useSelector(document, (snapshot) => snapshot?.context?.local) || undefined
+}
diff --git a/packages/visual-editing/src/ui/optimistic-state/useDocuments.ts b/packages/visual-editing/src/ui/optimistic-state/useDocuments.ts
new file mode 100644
index 000000000..fb008e503
--- /dev/null
+++ b/packages/visual-editing/src/ui/optimistic-state/useDocuments.ts
@@ -0,0 +1,79 @@
+import type {SanityDocument} from '@sanity/client'
+import type {StudioPathLike} from '@sanity/client/csm'
+import {type Mutation} from '@sanity/mutate'
+import {get} from '@sanity/util/paths'
+import {useCallback} from 'react'
+import {getDraftId} from '../../util/documents'
+import type {MutatorActor} from './context'
+import {isEmptyActor} from './context'
+import {useOptimisticActor} from './useOptimisticActor'
+
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type DocumentGet = <T extends Record<string, any>>(
+  id: string,
+  path?: StudioPathLike,
+) => {id: string; snapshot: SanityDocument<T>}
+
+export type DocumentMutate = (
+  documentId: string,
+  mutations: Mutation[],
+  options?: {commit?: boolean},
+) => void
+
+export function useDocuments(): {
+  get: DocumentGet
+  mutate: DocumentMutate
+} {
+  const actor = useOptimisticActor() as MutatorActor
+
+  // eslint-disable-next-line @typescript-eslint/no-explicit-any
+  const getDocument = <T extends Record<string, any> = Record<string, any>>(
+    id: string,
+    path?: StudioPathLike,
+  ) => {
+    const _id = getDraftId(id)
+    const doc = actor.getSnapshot().context.documents[_id]
+    const snapshot = doc?.getSnapshot().context.local
+
+    if (!doc || !snapshot) {
+      throw new Error(`Document with id "${id}" not found`)
+    }
+
+    return {id: _id, snapshot: path ? get(snapshot, path) : snapshot} as {
+      id: string
+      snapshot: SanityDocument<T>
+    }
+  }
+
+  const mutateDocument = useCallback<DocumentMutate>(
+    (documentId, mutations, options) => {
+      const {commit = true} = options || {}
+
+      if (isEmptyActor(actor)) {
+        const inFrame = window.self !== window.top || window.opener
+        if (inFrame) {
+          throw new Error('Cannot mutate in this context')
+        }
+        return
+      }
+
+      const doc = actor.getSnapshot().context.documents[getDraftId(documentId)]
+
+      if (!doc) {
+        throw new Error(`Document with id "${documentId}" not found`)
+      }
+
+      doc?.send({
+        type: 'mutate',
+        mutations: mutations,
+      })
+
+      if (commit) {
+        doc?.send({type: 'submit'})
+      }
+    },
+    [actor],
+  )
+
+  return {get: getDocument, mutate: mutateDocument}
+}
diff --git a/packages/visual-editing/src/ui/optimistic-state/useOptimistic.ts b/packages/visual-editing/src/ui/optimistic-state/useOptimistic.ts
new file mode 100644
index 000000000..2474be0f0
--- /dev/null
+++ b/packages/visual-editing/src/ui/optimistic-state/useOptimistic.ts
@@ -0,0 +1,125 @@
+import type {SanityDocument} from '@sanity/types'
+import {startTransition, useEffect, useState} from 'react'
+import {useEffectEvent} from 'use-effect-event'
+import {getPublishedId} from '../../util/documents'
+import {isEmptyActor} from './context'
+import {useOptimisticActor} from './useOptimisticActor'
+
+export type OptimisticReducerAction<T> = {
+  id: string
+  type: 'appear' | 'mutate' | 'disappear'
+  document: T
+}
+// eslint-disable-next-line @typescript-eslint/no-explicit-any
+export type OptimisticReducer<T, U> = (state: T, action: OptimisticReducerAction<U>) => T
+
+export function useOptimistic<T, U = SanityDocument>(
+  passthrough: T,
+  reducer: OptimisticReducer<T, U> | Array<OptimisticReducer<T, U>>,
+): T {
+  const [pristine, setPristine] = useState(true)
+  const [optimistic, setOptimistic] = useState<T>(passthrough)
+  const [lastEvent, setLastEvent] = useState<OptimisticReducerAction<U> | null>(null)
+  const [lastPassthrough, setLastPassthrough] = useState<T>(passthrough)
+
+  const actor = useOptimisticActor()
+
+  /**
+   * This action is used in two `useEffect` hooks, it needs access to the provided `reducer`,
+   * but doesn't want to cause re-renders if `reducer` changes identity.
+   * The `useEffectEvent` hook ensures that the `reducer` value is never stale when used, and doesn't trigger setup and teardown of
+   * `useEffect` deps to make it happen.
+   */
+  const reduceStateFromAction = useEffectEvent(
+    (action: OptimisticReducerAction<U>, prevState: T) => {
+      const reducers = Array.isArray(reducer) ? reducer : [reducer]
+      return reducers.reduce(
+        (acc, reducer) =>
+          reducer(acc, {type: action.type, document: action.document, id: action.id}),
+        prevState,
+      )
+    },
+  )
+
+  /**
+   * Records the last passthrough value when reducers ran in response to a rebased event.
+   * This allows us to later know when reducers should run should the passthrough change.
+   */
+  const updateLastPassthrough = useEffectEvent(() => setLastPassthrough(passthrough))
+
+  /**
+   * Handle rebase events, which runs the provided reducers,
+   * caches the event that was used to produce the new state,
+   * and marks the state as non-pristine.
+   */
+  useEffect(() => {
+    // If the actor hasn't been set yet, we don't need to subscribe to mutations
+    if (isEmptyActor(actor)) {
+      return
+    }
+
+    /**
+     * The pristine event fires much too soon, so the temporary workaround is that we greatly delay firing `setPristine(true)`,
+     * and instead relying on re-running reducers with the last event whenever the passthrough changes, to preserve the optimistic state,
+     * until we hopefully have eventual consistency on the passthrough.
+     */
+    let pristineTimeout: ReturnType<typeof setTimeout>
+
+    const rebasedSub = actor.on('rebased.local', (_event) => {
+      const event = {
+        id: getPublishedId(_event.id),
+        // @todo You shall not cast
+        document: _event.document as U,
+        // @todo This should eventually be emitted by the state machine
+        type: 'mutate' as const,
+      }
+      setOptimistic((prevState) => reduceStateFromAction(event, prevState))
+      setLastEvent(event)
+      updateLastPassthrough()
+      setPristine(false)
+
+      clearTimeout(pristineTimeout)
+    })
+    const pristineSub = actor.on('pristine', () => {
+      pristineTimeout = setTimeout(() => {
+        // Marking it in a startTransition allows react to interrupt the resulting render, should a new rebase happen and we're back to dirty
+        startTransition(() => setPristine(true))
+      }, 15000)
+    })
+    return () => {
+      rebasedSub.unsubscribe()
+      pristineSub.unsubscribe()
+    }
+  }, [actor, reduceStateFromAction, updateLastPassthrough])
+
+  /**
+   * If the passthrough changes, and we are in a dirty state, we rerun the reducers with the new passthrough but the previous event.
+   * Marking it in a transition allows react to interrupt this render should a new action happen, or should we be back in a pristine state.
+   */
+  useEffect(() => {
+    if (pristine) {
+      // if we are pristine, then we will passthrough anyway
+      return undefined
+    }
+    if (!lastEvent) {
+      // If we don't have a lastEvent when we are pristine, it's a fatal error
+      throw new Error('No last event found when syncing passthrough')
+    }
+    if (!lastPassthrough) {
+      // If we don't have a lastPassthrough, it's a fatal error
+      throw new Error('No last passthrough found when syncing passthrough')
+    }
+    if (lastPassthrough === passthrough) {
+      // If the passthrough hasn't changed, then we don't need to rerun the reducers
+      return undefined
+    }
+
+    // Marking it in a startTransition allows react to interrupt the resulting render, should a new rebase happen
+    startTransition(() => {
+      setOptimistic(reduceStateFromAction(lastEvent, passthrough))
+      setLastPassthrough(passthrough)
+    })
+  }, [lastEvent, lastPassthrough, passthrough, pristine, reduceStateFromAction])
+
+  return pristine ? passthrough : optimistic
+}
diff --git a/packages/visual-editing/src/ui/optimistic-state/useOptimisticActor.ts b/packages/visual-editing/src/ui/optimistic-state/useOptimisticActor.ts
new file mode 100644
index 000000000..24ead25ce
--- /dev/null
+++ b/packages/visual-editing/src/ui/optimistic-state/useOptimisticActor.ts
@@ -0,0 +1,17 @@
+import {useCallback, useSyncExternalStore} from 'react'
+import {actor, emptyActor, listeners, type EmptyActor, type MutatorActor} from './context'
+
+export function useOptimisticActor(): MutatorActor | EmptyActor {
+  const subscribe = useCallback((listener: () => void) => {
+    listeners.add(listener)
+    return () => listeners.delete(listener)
+  }, [])
+
+  const actorRef = useSyncExternalStore(
+    subscribe,
+    () => actor,
+    () => emptyActor,
+  )
+
+  return actorRef
+}
diff --git a/packages/visual-editing/src/ui/overlayStateReducer.ts b/packages/visual-editing/src/ui/overlayStateReducer.ts
index a019c7d5e..6800f31b0 100644
--- a/packages/visual-editing/src/ui/overlayStateReducer.ts
+++ b/packages/visual-editing/src/ui/overlayStateReducer.ts
@@ -1,10 +1,22 @@
-import type {PresentationMsg} from '@repo/visual-editing-helpers'
+import type {SanityNode, VisualEditingControllerMsg} from '@repo/visual-editing-helpers'
 import type {ClientPerspective} from '@sanity/client'
-
-import type {DragInsertPosition, DragSkeleton, ElementState, OverlayMsg} from '../types'
+import type {
+  DragInsertPosition,
+  DragSkeleton,
+  ElementState,
+  OverlayMsg,
+  OverlayRect,
+} from '../types'
 import {elementsReducer} from './elementsReducer'
 
 export interface OverlayState {
+  contextMenu: {
+    node: SanityNode
+    position: {
+      x: number
+      y: number
+    }
+  } | null
   focusPath: string
   elements: ElementState[]
   wasMaybeCollapsed: boolean
@@ -12,20 +24,30 @@ export interface OverlayState {
   isDragging: boolean
   dragInsertPosition: DragInsertPosition
   dragSkeleton: DragSkeleton | null
+  dragShowMinimapPrompt: boolean
+  dragMinimapTransition: boolean
+  dragGroupRect: OverlayRect | null
 }
 
 export function overlayStateReducer(
   state: OverlayState,
-  message: OverlayMsg | PresentationMsg,
+  message: OverlayMsg | VisualEditingControllerMsg,
 ): OverlayState {
-  let focusPath = state.focusPath
+  const {type} = message
+  let {
+    contextMenu,
+    focusPath,
+    perspective,
+    isDragging,
+    dragInsertPosition,
+    dragShowMinimapPrompt,
+    dragSkeleton,
+    dragMinimapTransition,
+    dragGroupRect,
+  } = state
   let wasMaybeCollapsed = false
-  let perspective = state.perspective
-  let isDragging = state.isDragging
-  let dragInsertPosition = state.dragInsertPosition
-  let dragSkeleton = state.dragSkeleton
 
-  if (message.type === 'presentation/focus') {
+  if (type === 'presentation/focus') {
     const prevFocusPath = state.focusPath
 
     focusPath = message.data.path
@@ -35,31 +57,72 @@ export function overlayStateReducer(
     }
   }
 
-  if (message.type === 'presentation/perspective') {
+  if (type === 'presentation/perspective') {
     perspective = message.data.perspective
   }
 
-  if (message.type === 'overlay/dragUpdateInsertPosition') {
+  if (type === 'element/contextmenu') {
+    if ('sanity' in message) {
+      contextMenu = {node: message.sanity, position: message.position}
+    } else {
+      contextMenu = null
+    }
+  }
+
+  if (
+    type === 'element/click' ||
+    type === 'element/mouseleave' ||
+    type === 'overlay/blur' ||
+    type === 'presentation/blur' ||
+    type === 'presentation/focus'
+  ) {
+    contextMenu = null
+  }
+
+  if (type === 'overlay/dragUpdateInsertPosition') {
     dragInsertPosition = message.insertPosition
   }
 
-  if (message.type === 'overlay/dragStart') {
+  if (type === 'overlay/dragStart') {
     isDragging = true
+  }
+
+  if (message.type === 'overlay/dragUpdateSkeleton') {
     dragSkeleton = message.skeleton
   }
 
-  if (message.type === 'overlay/dragEnd') {
+  if (type === 'overlay/dragEnd') {
     isDragging = false
   }
 
+  if (message.type === 'overlay/dragToggleMinimapPrompt') {
+    dragShowMinimapPrompt = message.display
+  }
+
+  if (type === 'overlay/dragStartMinimapTransition') {
+    dragMinimapTransition = true
+  }
+
+  if (type === 'overlay/dragEndMinimapTransition') {
+    dragMinimapTransition = false
+  }
+
+  if (type === 'overlay/dragUpdateGroupRect') {
+    dragGroupRect = message.groupRect
+  }
+
   return {
     ...state,
+    contextMenu,
     elements: elementsReducer(state.elements, message),
     dragInsertPosition,
     dragSkeleton,
+    dragGroupRect,
     isDragging,
     focusPath,
     perspective,
     wasMaybeCollapsed,
+    dragShowMinimapPrompt,
+    dragMinimapTransition,
   }
 }
diff --git a/packages/visual-editing/src/ui/preview/PreviewSnapshotsContext.tsx b/packages/visual-editing/src/ui/preview/PreviewSnapshotsContext.tsx
new file mode 100644
index 000000000..859a5a025
--- /dev/null
+++ b/packages/visual-editing/src/ui/preview/PreviewSnapshotsContext.tsx
@@ -0,0 +1,6 @@
+import type {PreviewValue} from '@sanity/types'
+import {createContext} from 'react'
+
+export type PreviewSnapshotsContextValue = Array<PreviewValue & {_id: string}>
+
+export const PreviewSnapshotsContext = createContext<PreviewSnapshotsContextValue | null>(null)
diff --git a/packages/visual-editing/src/ui/preview/PreviewSnapshotsProvider.tsx b/packages/visual-editing/src/ui/preview/PreviewSnapshotsProvider.tsx
new file mode 100644
index 000000000..60428bb15
--- /dev/null
+++ b/packages/visual-editing/src/ui/preview/PreviewSnapshotsProvider.tsx
@@ -0,0 +1,24 @@
+import {useEffect, useMemo, useState, type FunctionComponent, type PropsWithChildren} from 'react'
+import type {VisualEditingNode} from '../../types'
+import {PreviewSnapshotsContext, type PreviewSnapshotsContextValue} from './PreviewSnapshotsContext'
+
+export const PreviewSnapshotsProvider: FunctionComponent<
+  PropsWithChildren<{
+    comlink?: VisualEditingNode
+  }>
+> = function (props) {
+  const {comlink, children} = props
+
+  const [previewSnapshots, setPreviewSnapshots] = useState<PreviewSnapshotsContextValue>([])
+
+  useEffect(() => {
+    return comlink?.on('presentation/preview-snapshots', (data) => {
+      setPreviewSnapshots(data.snapshots)
+    })
+  }, [comlink])
+
+  const context = useMemo<PreviewSnapshotsContextValue>(() => previewSnapshots, [previewSnapshots])
+  return (
+    <PreviewSnapshotsContext.Provider value={context}>{children}</PreviewSnapshotsContext.Provider>
+  )
+}
diff --git a/packages/visual-editing/src/ui/preview/usePreviewSnapshots.ts b/packages/visual-editing/src/ui/preview/usePreviewSnapshots.ts
new file mode 100644
index 000000000..78ab24568
--- /dev/null
+++ b/packages/visual-editing/src/ui/preview/usePreviewSnapshots.ts
@@ -0,0 +1,12 @@
+import {useContext} from 'react'
+import {PreviewSnapshotsContext, type PreviewSnapshotsContextValue} from './PreviewSnapshotsContext'
+
+export function usePreviewSnapshots(): PreviewSnapshotsContextValue {
+  const context = useContext(PreviewSnapshotsContext)
+
+  if (!context) {
+    throw new Error('Preview Snapshots context is missing')
+  }
+
+  return context
+}
diff --git a/packages/visual-editing/src/ui/renderVisualEditing.tsx b/packages/visual-editing/src/ui/renderVisualEditing.tsx
index 000c5b17a..6657bc720 100644
--- a/packages/visual-editing/src/ui/renderVisualEditing.tsx
+++ b/packages/visual-editing/src/ui/renderVisualEditing.tsx
@@ -3,8 +3,8 @@
  * component in a way that is easy to lazy load for the `enableVisualEditing` function.
  */
 
+import {StrictMode} from 'react'
 import {createRoot, type Root} from 'react-dom/client'
-
 import {OVERLAY_ID} from '../constants'
 import type {VisualEditingOptions} from '../types'
 import {VisualEditing} from './VisualEditing'
@@ -28,7 +28,8 @@ export function renderVisualEditing(
         root = null
       }
       if (node) {
-        document.body.removeChild(node)
+        node.parentNode!.removeChild(node)
+
         node = null
       }
     }, 1000)
@@ -41,12 +42,18 @@ export function renderVisualEditing(
     // eslint-disable-next-line no-warning-comments
     // @TODO after the element is `sanity-visual-editing` instead of `div`, stop setting this ID
     node.id = OVERLAY_ID
-    document.body.appendChild(node)
+
+    // render sanity-visual-editing after closing </body> tag
+    document.body.parentNode!.insertBefore(node, document.body.nextSibling)
   }
 
   if (!root) {
     root = createRoot(node)
   }
 
-  root.render(<VisualEditing history={history} refresh={refresh} zIndex={zIndex} />)
+  root.render(
+    <StrictMode>
+      <VisualEditing history={history} refresh={refresh} zIndex={zIndex} />
+    </StrictMode>,
+  )
 }
diff --git a/packages/visual-editing/src/ui/schema/SchemaContext.tsx b/packages/visual-editing/src/ui/schema/SchemaContext.tsx
new file mode 100644
index 000000000..7946437c2
--- /dev/null
+++ b/packages/visual-editing/src/ui/schema/SchemaContext.tsx
@@ -0,0 +1,9 @@
+import type {ResolvedSchemaTypeMap, SchemaType} from '@repo/visual-editing-helpers'
+import {createContext} from 'react'
+
+export interface SchemaContextValue {
+  resolvedTypes: ResolvedSchemaTypeMap
+  schema: SchemaType[]
+}
+
+export const SchemaContext = createContext<SchemaContextValue | null>(null)
diff --git a/packages/visual-editing/src/ui/schema/SchemaProvider.tsx b/packages/visual-editing/src/ui/schema/SchemaProvider.tsx
new file mode 100644
index 000000000..fd0334fb5
--- /dev/null
+++ b/packages/visual-editing/src/ui/schema/SchemaProvider.tsx
@@ -0,0 +1,95 @@
+import type {ResolvedSchemaTypeMap, SchemaType, UnresolvedPath} from '@repo/visual-editing-helpers'
+import {
+  useCallback,
+  useEffect,
+  useMemo,
+  useRef,
+  useState,
+  type FunctionComponent,
+  type PropsWithChildren,
+} from 'react'
+import type {ElementState, VisualEditingNode} from '../../types'
+import {SchemaContext, type SchemaContextValue} from './SchemaContext'
+
+function popUnkeyedPathSegments(path: string): string {
+  return path
+    .split('.')
+    .toReversed()
+    .reduce((acc, part) => {
+      if (acc.length) return [part, ...acc]
+      if (part.includes('[_key==')) return [part]
+      return []
+    }, [] as string[])
+    .join('.')
+}
+
+function getPathsWithUnresolvedTypes(elements: ElementState[]): {id: string; path: string}[] {
+  return elements.reduce((acc, element) => {
+    const {sanity} = element
+    if (!('id' in sanity)) return acc
+    if (!sanity.path.includes('[_key==')) return acc
+    const path = popUnkeyedPathSegments(sanity.path)
+    if (!acc.find((item) => item.id === sanity.id && item.path === path)) {
+      acc.push({id: sanity.id, path})
+    }
+    return acc
+  }, [] as UnresolvedPath[])
+}
+
+export const SchemaProvider: FunctionComponent<
+  PropsWithChildren<{
+    comlink?: VisualEditingNode
+    elements: ElementState[]
+  }>
+> = function (props) {
+  const {comlink, children, elements} = props
+
+  const [resolvedTypes, setResolvedTypes] = useState<ResolvedSchemaTypeMap>(new Map())
+
+  const [schema, setSchema] = useState<SchemaType[] | null>(null)
+
+  useEffect(() => {
+    return comlink?.on('presentation/schema', (data) => {
+      setSchema(data.schema)
+    })
+  }, [comlink])
+
+  // We report a list of paths that reference array items using a _key. We need
+  // to resolve the types of each of these items so we can map them to the
+  // correct schema types. One day CSM might include this data for us.
+  const reportPaths = useCallback(
+    async (paths: UnresolvedPath[]) => {
+      if (!paths.length || !comlink) return
+      try {
+        const response = await comlink.fetch({
+          type: 'visual-editing/schema-union-types',
+          data: {paths},
+        })
+        setResolvedTypes(response.types)
+      } catch (e) {
+        // Fail silently as the app may be communicating with a version of
+        // Presentation that does not support this feature
+      }
+    },
+    [comlink],
+  )
+
+  const pathsRef = useRef<UnresolvedPath[]>([])
+
+  useEffect(() => {
+    const paths = getPathsWithUnresolvedTypes(elements)
+    if (paths.some((p) => !pathsRef.current.find(({id, path}) => id === p.id && path === p.path))) {
+      reportPaths(paths)
+      pathsRef.current = paths
+    }
+  }, [elements, reportPaths])
+
+  const context = useMemo<SchemaContextValue>(
+    () => ({
+      resolvedTypes,
+      schema: schema || [],
+    }),
+    [resolvedTypes, schema],
+  )
+  return <SchemaContext.Provider value={context}>{children}</SchemaContext.Provider>
+}
diff --git a/packages/visual-editing/src/ui/schema/schema.ts b/packages/visual-editing/src/ui/schema/schema.ts
new file mode 100644
index 000000000..0a70bc375
--- /dev/null
+++ b/packages/visual-editing/src/ui/schema/schema.ts
@@ -0,0 +1,109 @@
+import type {
+  DocumentSchema,
+  ResolvedSchemaTypeMap,
+  SanityNode,
+  SanityStegaNode,
+  SchemaArrayItem,
+  SchemaNode,
+  SchemaObjectField,
+  SchemaType,
+  SchemaUnionOption,
+} from '@repo/visual-editing-helpers'
+
+function isDocumentSchemaType(type: SchemaType): type is DocumentSchema {
+  return type.type === 'document'
+}
+
+function isSanityNode(node: SanityNode | SanityStegaNode): node is SanityNode {
+  return 'path' in node
+}
+
+export type OverlayElementField =
+  | SchemaArrayItem
+  | SchemaObjectField
+  | SchemaUnionOption
+  | undefined
+
+export type OverlayElementParent =
+  | DocumentSchema
+  | SchemaNode
+  | SchemaArrayItem
+  | SchemaUnionOption
+  | undefined
+
+export function getSchemaType(
+  node: SanityNode | SanityStegaNode,
+  schema: SchemaType[],
+): DocumentSchema | undefined {
+  if (!isSanityNode(node) || !Array.isArray(schema)) return undefined
+  return schema.filter(isDocumentSchemaType).find((schemaType) => schemaType.name === node.type)
+}
+
+export function getField(
+  node: SanityNode | SanityStegaNode,
+  schemaType?: DocumentSchema,
+  resolvedTypes?: ResolvedSchemaTypeMap,
+): {
+  field: OverlayElementField
+  parent: OverlayElementParent
+} {
+  if (!isSanityNode(node) || !schemaType) {
+    return {
+      field: undefined,
+      parent: undefined,
+    }
+  }
+
+  function fieldFromPath(
+    schemaType: OverlayElementParent,
+    path: string[],
+    parent: OverlayElementParent,
+    prevPathPart?: string,
+  ): {
+    field: OverlayElementField
+    parent: OverlayElementParent
+  } {
+    if (!schemaType) {
+      return {field: undefined, parent: undefined}
+    }
+
+    const [next, ...rest] = path
+
+    if ('fields' in schemaType) {
+      const objectField = schemaType.fields[next]
+      if (!rest.length) {
+        return {field: objectField, parent}
+      }
+      return fieldFromPath(objectField.value, rest, schemaType, next)
+    } else if (schemaType.type === 'array') {
+      return fieldFromPath(schemaType.of, path, schemaType)
+    } else if (schemaType.type === 'arrayItem') {
+      if (!rest.length) return {field: schemaType, parent}
+      return fieldFromPath(schemaType.value, rest, schemaType)
+    } else if (schemaType.type === 'union') {
+      const name = next.startsWith('[_key==')
+        ? resolvedTypes
+            ?.get((node as SanityNode).id)
+            ?.get([prevPathPart, next].filter(Boolean).join(''))
+        : next
+      return fieldFromPath(
+        schemaType.of.find((item) => (item.type === 'unionOption' ? item.name === name : item)),
+        rest,
+        schemaType,
+      )
+    } else if (schemaType.type === 'unionOption') {
+      if (!next) return {field: schemaType, parent}
+      return fieldFromPath(schemaType.value, path, schemaType)
+    }
+    // @todo error handling, ofc
+    throw new Error('Something went wrong...')
+  }
+
+  const nodePath = node.path.split('.').flatMap((part) => {
+    if (part.includes('[')) {
+      return part.split(/(\[.+\])/, 2)
+    }
+    return [part]
+  })
+  return fieldFromPath(schemaType, nodePath, undefined)
+}
diff --git a/packages/visual-editing/src/ui/schema/useSchema.ts b/packages/visual-editing/src/ui/schema/useSchema.ts
new file mode 100644
index 000000000..9325802ee
--- /dev/null
+++ b/packages/visual-editing/src/ui/schema/useSchema.ts
@@ -0,0 +1,12 @@
+import {useContext} from 'react'
+import {SchemaContext, type SchemaContextValue} from './SchemaContext'
+
+export function useSchema(): SchemaContextValue {
+  const context = useContext(SchemaContext)
+
+  if (!context) {
+    throw new Error('Schema context is missing')
+  }
+
+  return context
+}
diff --git a/packages/visual-editing/src/ui/useChannel.tsx b/packages/visual-editing/src/ui/useChannel.tsx
deleted file mode 100644
index cfdc01443..000000000
--- a/packages/visual-editing/src/ui/useChannel.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-import {type ChannelsNode, createChannelsNode} from '@repo/channels'
-import type {VisualEditingConnectionIds} from '@repo/visual-editing-helpers'
-import {useEffect, useState} from 'react'
-
-import type {
-  VisualEditingChannelReceives as Receives,
-  VisualEditingChannelSends as Sends,
-} from '../types'
-
-/**
- * Hook for maintaining a channel between overlays and the presentation tool
- * @internal
- */
-export function useChannel(): ChannelsNode<Sends, Receives> | undefined {
-  const [channel, setChannel] = useState<ChannelsNode<Sends, Receives>>()
-
-  useEffect(() => {
-    const channelInstance = createChannelsNode<VisualEditingConnectionIds, Sends, Receives>({
-      id: 'overlays',
-      connectTo: 'presentation',
-    })
-    setChannel(channelInstance)
-    return () => {
-      channelInstance.destroy()
-    }
-  }, [])
-
-  return channel
-}
diff --git a/packages/visual-editing/src/ui/useComlink.tsx b/packages/visual-editing/src/ui/useComlink.tsx
new file mode 100644
index 000000000..11858a518
--- /dev/null
+++ b/packages/visual-editing/src/ui/useComlink.tsx
@@ -0,0 +1,33 @@
+import {
+  createCompatibilityActors,
+  type VisualEditingControllerMsg,
+  type VisualEditingNodeMsg,
+} from '@repo/visual-editing-helpers'
+import {createNode, createNodeMachine} from '@sanity/comlink'
+import {useEffect, useState} from 'react'
+import type {VisualEditingNode} from '../types'
+
+/**
+ * Hook for maintaining a channel between overlays and the presentation tool
+ * @internal
+ */
+export function useComlink(): VisualEditingNode | undefined {
+  const [node, setNode] = useState<VisualEditingNode>()
+
+  useEffect(() => {
+    const instance = createNode<VisualEditingControllerMsg, VisualEditingNodeMsg>(
+      {
+        name: 'visual-editing',
+        connectTo: 'presentation',
+      },
+      createNodeMachine<VisualEditingControllerMsg, VisualEditingNodeMsg>().provide({
+        actors: createCompatibilityActors<VisualEditingNodeMsg>(),
+      }),
+    )
+
+    setNode(instance)
+    return instance.start()
+  }, [])
+
+  return node
+}
diff --git a/packages/visual-editing/src/ui/useController.tsx b/packages/visual-editing/src/ui/useController.tsx
index 5fcc7765e..0fa4b1e1b 100644
--- a/packages/visual-editing/src/ui/useController.tsx
+++ b/packages/visual-editing/src/ui/useController.tsx
@@ -1,5 +1,4 @@
-import {type MutableRefObject, useEffect, useRef} from 'react'
-
+import {useEffect, useRef, type MutableRefObject} from 'react'
 import {createOverlayController} from '../controller'
 import type {OverlayController, OverlayEventHandler} from '../types'
 
diff --git a/packages/visual-editing/src/util/documents.ts b/packages/visual-editing/src/util/documents.ts
new file mode 100644
index 000000000..d25b03124
--- /dev/null
+++ b/packages/visual-editing/src/util/documents.ts
@@ -0,0 +1,13 @@
+import {DRAFTS_PREFIX} from '@repo/visual-editing-helpers/csm'
+
+export function isDraftId(id: string): boolean {
+  return id.startsWith(DRAFTS_PREFIX)
+}
+
+export function getDraftId(id: string): string {
+  return isDraftId(id) ? id : DRAFTS_PREFIX + id
+}
+
+export function getPublishedId(id: string): string {
+  return isDraftId(id) ? id.slice(DRAFTS_PREFIX.length) : id
+}
diff --git a/packages/visual-editing/src/util/drag-and-drop.md b/packages/visual-editing/src/util/drag-and-drop.md
index d8ded222b..0a6bce2dc 100644
--- a/packages/visual-editing/src/util/drag-and-drop.md
+++ b/packages/visual-editing/src/util/drag-and-drop.md
@@ -73,10 +73,10 @@ For example:
 }
 ```
 
-You can disable drag and drop on any element using the `data-sanity-disable-drag` data attribute:
+You can disable drag and drop on any element using the `data-sanity-drag-disable` data attribute:
 
 ```js
-<button data-sanity-disable-drag></button>
+<button data-sanity-drag-disable></button>
 ```
 
 _This data attribute can be added to every item in an array, or to specific items._
diff --git a/packages/visual-editing/src/util/dragAndDrop.ts b/packages/visual-editing/src/util/dragAndDrop.ts
index 15ca60c00..d2e0d9f19 100644
--- a/packages/visual-editing/src/util/dragAndDrop.ts
+++ b/packages/visual-editing/src/util/dragAndDrop.ts
@@ -6,118 +6,17 @@ import type {
   OverlayEventHandler,
   OverlayRect,
   Point2D,
-  Ray2D,
   SanityNode,
 } from '../types'
-import {getRect} from './getRect'
-
-function offsetRect(rect: OverlayRect, px: number) {
-  return {
-    x: rect.x + px,
-    y: rect.y + px,
-    w: rect.w - 2 * px,
-    h: rect.h - 2 * px,
-  }
-}
-
-// Ref http://paulbourke.net/geometry/pointlineplane/
-function rayIntersect(l1: Ray2D, l2: Ray2D): Point2D | false {
-  const {x1, y1, x2, y2} = l1
-  const {x1: x3, y1: y3, x2: x4, y2: y4} = l2
-
-  // Check if none of the lines are of length 0
-  if ((x1 === x2 && y1 === y2) || (x3 === x4 && y3 === y4)) {
-    return false
-  }
-
-  const denominator = (y4 - y3) * (x2 - x1) - (x4 - x3) * (y2 - y1)
-
-  // Lines are parallel
-  if (denominator === 0) {
-    return false
-  }
-
-  const ua = ((x4 - x3) * (y1 - y3) - (y4 - y3) * (x1 - x3)) / denominator
-  const ub = ((x2 - x1) * (y1 - y3) - (y2 - y1) * (x1 - x3)) / denominator
-
-  // is the intersection along the segments
-  if (ua < 0 || ua > 1 || ub < 0 || ub > 1) {
-    return false
-  }
-
-  const x = x1 + ua * (x2 - x1)
-  const y = y1 + ua * (y2 - y1)
-
-  return {x, y}
-}
-
-function rectEqual(r1: OverlayRect, r2: OverlayRect) {
-  return r1.x === r2.x && r1.y === r2.y && r1.w === r2.w && r1.h === r2.h
-}
-
-function rayRectIntersections(line: Ray2D, rect: OverlayRect): Array<Point2D> | false {
-  const rectLines: Array<Ray2D> = [
-    {x1: rect.x, y1: rect.y, x2: rect.x + rect.w, y2: rect.y},
-    {
-      x1: rect.x + rect.w,
-      y1: rect.y,
-      x2: rect.x + rect.w,
-      y2: rect.y + rect.h,
-    },
-    {
-      x1: rect.x + rect.w,
-      y1: rect.y + rect.h,
-      x2: rect.x,
-      y2: rect.y + rect.h,
-    },
-    {
-      x1: rect.x,
-      y1: rect.y + rect.h,
-      x2: rect.x,
-      y2: rect.y,
-    },
-  ]
-
-  const intersections: Array<Point2D> = []
-
-  for (let i = 0; i < rectLines.length; i++) {
-    const intersection = rayIntersect(line, rectLines[i])
-
-    if (intersection) {
-      let isDuplicate = false
-
-      for (let j = 0; j < intersections.length; j++) {
-        if (intersections[j].x === intersection.x && intersections[j].y === intersection.y) {
-          isDuplicate = true
-        }
-      }
-
-      if (!isDuplicate) intersections.push(intersection)
-    }
-  }
-
-  if (intersections.length === 0) {
-    return false
-  }
-
-  return intersections.sort(
-    (a, b) => pointDist(a, {x: line.x1, y: line.y1}) - pointDist(b, {x: line.x1, y: line.y1}),
-  )
-}
-
-function pointDist(p1: Point2D, p2: Point2D): number {
-  const a = p1.x - p2.x
-  const b = p1.y - p2.y
-
-  return Math.sqrt(a * a + b * b)
-}
-
-function pointInBounds(point: Point2D, bounds: OverlayRect) {
-  const withinX = point.x >= bounds.x && point.x <= bounds.x + bounds.w
-  const withinY = point.y >= bounds.y && point.y <= bounds.y + bounds.h
-
-  return withinX && withinY
-}
+import {
+  findClosestIntersection,
+  getRect,
+  getRectGroupXExtent,
+  getRectGroupYExtent,
+  pointDist,
+  rectEqual,
+  scaleRect,
+} from './geometry'
 
 function calcTargetFlow(targets: OverlayRect[]) {
   if (
@@ -135,45 +34,6 @@ function calcTargetFlow(targets: OverlayRect[]) {
   }
 }
 
-function findClosestIntersection(ray: Ray2D, targets: OverlayRect[]) {
-  const rayOrigin = {
-    x: ray.x1,
-    y: ray.y1,
-  }
-
-  // Offset rects to ensure raycasting works when siblings touch
-  if (targets.some((t) => pointInBounds(rayOrigin, offsetRect(t, Math.min(t.w, t.h) / 10))))
-    return null
-
-  let closestIntersection
-  let closestRect
-
-  for (const target of targets) {
-    const intersections = rayRectIntersections(
-      ray,
-      offsetRect(target, Math.min(target.w, target.h) / 10),
-    )
-
-    if (intersections) {
-      const firstIntersection = intersections[0]
-
-      if (closestIntersection) {
-        if (pointDist(rayOrigin, firstIntersection) < pointDist(rayOrigin, closestIntersection)) {
-          closestIntersection = firstIntersection
-          closestRect = target
-        }
-      } else {
-        closestIntersection = firstIntersection
-        closestRect = target
-      }
-    }
-  }
-
-  if (closestRect) return closestRect
-
-  return null
-}
-
 function calcInsertPosition(origin: Point2D, targets: OverlayRect[], flow: string) {
   if (flow === 'horizontal') {
     const rayLeft = {
@@ -191,8 +51,8 @@ function calcInsertPosition(origin: Point2D, targets: OverlayRect[], flow: strin
     }
 
     return {
-      left: findClosestIntersection(rayLeft, targets),
-      right: findClosestIntersection(rayRight, targets),
+      left: findClosestIntersection(rayLeft, targets, flow),
+      right: findClosestIntersection(rayRight, targets, flow),
     }
   } else {
     const rayTop = {
@@ -210,8 +70,8 @@ function calcInsertPosition(origin: Point2D, targets: OverlayRect[], flow: strin
     }
 
     return {
-      top: findClosestIntersection(rayTop, targets),
-      bottom: findClosestIntersection(rayBottom, targets),
+      top: findClosestIntersection(rayTop, targets, flow),
+      bottom: findClosestIntersection(rayBottom, targets, flow),
     }
   }
 }
@@ -262,22 +122,57 @@ function resolveInsertPosition(
 }
 
 function calcMousePos(e: MouseEvent) {
+  const bodyBounds = document.body.getBoundingClientRect()
+
   return {
-    x: e.clientX,
+    x: Math.max(bodyBounds.x, Math.min(e.clientX, bodyBounds.x + bodyBounds.width)),
     y: e.clientY + window.scrollY,
   }
 }
 
-function buildPreviewSkeleton(e: MouseEvent, element: ElementNode) {
+function calcMousePosInverseTransform(mousePos: Point2D) {
+  const body = document.body
+  const computedStyle = window.getComputedStyle(body)
+  const transform = computedStyle.transform
+
+  if (transform === 'none') {
+    return {
+      x: mousePos.x,
+      y: mousePos.y,
+    }
+  }
+
+  const matrix = new DOMMatrix(transform)
+  const inverseMatrix = matrix.inverse()
+
+  const point = new DOMPoint(mousePos.x, mousePos.y)
+  const transformedPoint = point.matrixTransform(inverseMatrix)
+
+  return {
+    x: transformedPoint.x,
+    y: transformedPoint.y,
+  }
+}
+
+function buildPreviewSkeleton(mousePos: Point2D, element: ElementNode, scaleFactor: number) {
   const bounds = getRect(element)
+
   const children = [
     ...element.querySelectorAll(':where(h1, h2, h3, h4, p, a, img, span, button):not(:has(*))'),
   ]
-  const mousePos = calcMousePos(e)
+
+  if (mousePos.x <= bounds.x) mousePos.x = bounds.x
+  if (mousePos.x >= bounds.x + bounds.w) mousePos.x = bounds.x + bounds.w
+
+  if (mousePos.y >= bounds.y + bounds.h) mousePos.y = bounds.y + bounds.h
+  if (mousePos.y <= bounds.y) mousePos.y = bounds.y
 
   const childRects = children.map((child: Element) => {
     // offset to account for stroke in rendered rects
-    const rect = offsetRect(getRect(child), 2)
+    const rect = scaleRect(getRect(child), scaleFactor, {
+      x: bounds.x,
+      y: bounds.y,
+    })
 
     return {
       x: rect.x - bounds.x,
@@ -289,49 +184,285 @@ function buildPreviewSkeleton(e: MouseEvent, element: ElementNode) {
   })
 
   return {
-    offsetX: bounds.x - mousePos.x,
-    offsetY: bounds.y - mousePos.y,
-    w: bounds.w,
-    h: bounds.h,
+    offsetX: (bounds.x - mousePos.x) * scaleFactor,
+    offsetY: (bounds.y - mousePos.y) * scaleFactor,
+    w: bounds.w * scaleFactor,
+    h: bounds.h * scaleFactor,
+    maxWidth: bounds.w * scaleFactor * 0.75,
     childRects,
   }
 }
 
 const minDragDelta = 4
 
-export function handleOverlayDrag(
-  mouseEvent: MouseEvent,
-  element: ElementNode,
-  overlayGroup: OverlayElement[],
+async function applyMinimapWrapperTransform(
+  target: HTMLElement,
+  scaleFactor: number,
+  minYScaled: number,
   handler: OverlayEventHandler,
-): void {
+  rectUpdateFrequency: number,
+): Promise<void> {
+  return new Promise((resolve) => {
+    target.addEventListener(
+      'transitionend',
+      () => {
+        setTimeout(() => {
+          handler({
+            type: 'overlay/dragEndMinimapTransition',
+          })
+        }, rectUpdateFrequency * 2)
+
+        resolve()
+      },
+      {once: true},
+    )
+
+    handler({
+      type: 'overlay/dragStartMinimapTransition',
+    })
+
+    document.body.style.overflow = 'hidden'
+
+    // ensure overflow hidden has applied and scrolling stopped before applying transform, prevent minor y-position transform issues
+    setTimeout(() => {
+      target.style.transformOrigin = '50% 0px'
+      target.style.transition = 'transform 150ms ease'
+      target.style.transform = `translate3d(0px, ${-minYScaled + scrollY}px, 0px) scale(${scaleFactor})`
+    }, 25)
+  })
+}
+
+function calcMinimapTransformValues(rects: OverlayRect[]) {
+  let {height: groupHeight} = getRectGroupYExtent(rects)
+
+  const padding = 100 // px
+
+  groupHeight += padding * 2
+
+  const scaleFactor = groupHeight > window.innerHeight ? window.innerHeight / groupHeight : 1
+  const scaledRects = rects.map((r) => scaleRect(r, scaleFactor, {x: window.innerWidth / 2, y: 0}))
+
+  const {min: minYScaled} = getRectGroupYExtent(scaledRects)
+
+  return {
+    scaleFactor,
+    minYScaled: minYScaled - padding * scaleFactor,
+  }
+}
+function calcGroupBoundsPreview(rects: OverlayRect[]) {
+  const groupBoundsX = getRectGroupXExtent(rects)
+  const groupBoundsY = getRectGroupYExtent(rects)
+
+  const offsetDist = 8
+
+  const canOffsetX = groupBoundsX.min > offsetDist
+  const canOffsetY = groupBoundsY.min > offsetDist
+  const canOffset = canOffsetX && canOffsetY
+
+  const groupRect = {
+    x: canOffset ? groupBoundsX.min - offsetDist : groupBoundsX.min,
+    y: canOffset ? groupBoundsY.min - offsetDist : groupBoundsY.min,
+    w: canOffset ? groupBoundsX.width + offsetDist * 2 : groupBoundsX.width,
+    h: canOffset ? groupBoundsY.height + offsetDist * 2 : groupBoundsY.height,
+  }
+
+  return groupRect
+}
+
+async function resetMinimapWrapperTransform(
+  endYOrigin: number,
+  target: HTMLElement,
+  prescaleHeight: number,
+  handler: OverlayEventHandler,
+  rectUpdateFrequency: number,
+): Promise<void> {
+  return new Promise((resolve) => {
+    const computedStyle = window.getComputedStyle(target)
+    const transform = computedStyle.transform
+
+    const matrix = new DOMMatrix(transform)
+
+    const scale = matrix.a
+
+    if (scale === 1) return
+
+    const maxScroll = prescaleHeight - window.innerHeight
+    const prevScrollY = scrollY
+
+    endYOrigin -= window.innerHeight / 2
+
+    if (endYOrigin < 0) endYOrigin = 0
+
+    target.addEventListener(
+      'transitionend',
+      () => {
+        target.style.transition = `none`
+        target.style.transform = `none`
+
+        scrollTo({
+          top: endYOrigin,
+          behavior: 'instant',
+        })
+
+        setTimeout(() => {
+          handler({
+            type: 'overlay/dragEndMinimapTransition',
+          })
+        }, rectUpdateFrequency * 2)
+
+        resolve()
+      },
+      {once: true},
+    )
+
+    handler({
+      type: 'overlay/dragStartMinimapTransition',
+    })
+
+    target.style.transform = `translateY(${Math.max(prevScrollY - endYOrigin, -maxScroll + prevScrollY)}px) scale(${1})`
+    document.body.style.overflow = 'auto'
+  })
+}
+
+let minimapScaleApplied = false
+
+let mousePosInverseTransform = {x: 0, y: 0}
+let mousePos = {x: 0, y: 0}
+
+let prescaleHeight = typeof document === 'undefined' ? 0 : document.documentElement.scrollHeight
+
+interface HandleOverlayDragOpts {
+  mouseEvent: MouseEvent
+  element: ElementNode
+  overlayGroup: OverlayElement[]
+  handler: OverlayEventHandler
+  target: SanityNode
+  onSequenceStart: () => void
+  onSequenceEnd: () => void
+}
+
+export function handleOverlayDrag(opts: HandleOverlayDragOpts): void {
+  const {mouseEvent, element, overlayGroup, handler, target, onSequenceStart, onSequenceEnd} = opts
+
   // do not trigger drag sequence on anything other than "main" (0) click, ignore right click, etc
   if (mouseEvent.button !== 0) return
 
-  const rects = overlayGroup.map((e) => getRect(e.elements.measureElement))
-  const flow = calcTargetFlow(rects)
+  // ensure keyboard events fire within frame context
+  window.focus()
+
+  const rectUpdateFrequency = 150
+  let rects = overlayGroup.map((e) => getRect(e.elements.measureElement))
+
+  const flow = (element.getAttribute('data-sanity-drag-flow') || calcTargetFlow(rects)) as
+    | 'horizontal'
+    | 'vertical'
+
+  const disableMinimap = !!element.getAttribute('data-sanity-drag-minimap-disable')
 
   let insertPosition: DragInsertPositionRects | null = null
 
   const initialMousePos = calcMousePos(mouseEvent)
 
-  let dragSequenceStarted = false
+  const scaleTarget = document.body
+
+  const {minYScaled, scaleFactor} = calcMinimapTransformValues(rects)
+
+  let sequenceStarted = false
+  let minimapPromptShown = false
+
+  let mousedown = true
+
+  if (!minimapScaleApplied) prescaleHeight = document.documentElement.scrollHeight
+
+  const rectsInterval = setInterval(() => {
+    rects = overlayGroup.map((e) => getRect(e.elements.measureElement))
+  }, rectUpdateFrequency)
+
+  const applyMinimap = (): void => {
+    if (scaleFactor >= 1) return
+
+    const skeleton = buildPreviewSkeleton(mousePos, element, scaleFactor)
+
+    handler({
+      type: 'overlay/dragUpdateSkeleton',
+      skeleton,
+    })
+
+    handler({
+      type: 'overlay/dragToggleMinimapPrompt',
+      display: false,
+    })
+
+    minimapScaleApplied = true
+
+    applyMinimapWrapperTransform(
+      scaleTarget,
+      scaleFactor,
+      minYScaled,
+      handler,
+      rectUpdateFrequency,
+    ).then(() => {
+      setTimeout(() => {
+        handler({
+          type: 'overlay/dragUpdateGroupRect',
+          groupRect: calcGroupBoundsPreview(rects),
+        })
+      }, rectUpdateFrequency * 2)
+    })
+  }
+
+  const handleScroll = (e: WheelEvent) => {
+    if (
+      Math.abs(e.deltaY) >= 10 &&
+      scaleFactor < 1 &&
+      !minimapScaleApplied &&
+      !minimapPromptShown &&
+      !disableMinimap &&
+      mousedown
+    ) {
+      handler({
+        type: 'overlay/dragToggleMinimapPrompt',
+        display: true,
+      })
+
+      minimapPromptShown = true
+    }
+
+    if (e.shiftKey && !minimapScaleApplied && !disableMinimap) {
+      applyMinimap()
+    }
+  }
 
   const handleMouseMove = (e: MouseEvent): void => {
-    const mousePos = calcMousePos(e)
+    e.preventDefault()
+
+    mousePos = calcMousePos(e)
+    mousePosInverseTransform = calcMousePosInverseTransform(mousePos)
 
     if (Math.abs(pointDist(mousePos, initialMousePos)) < minDragDelta) return
 
-    if (!dragSequenceStarted) {
-      const skeleton = buildPreviewSkeleton(e, element)
+    if (!sequenceStarted) {
+      const groupRect = calcGroupBoundsPreview(rects)
+
+      const skeleton = buildPreviewSkeleton(mousePos, element, 1)
 
       handler({
         type: 'overlay/dragStart',
-        skeleton,
         flow,
       })
 
-      dragSequenceStarted = true
+      handler({
+        type: 'overlay/dragUpdateSkeleton',
+        skeleton,
+      })
+
+      handler({
+        type: 'overlay/dragUpdateGroupRect',
+        groupRect,
+      })
+
+      sequenceStarted = true
+      onSequenceStart()
     }
 
     handler({
@@ -340,6 +471,10 @@ export function handleOverlayDrag(
       y: mousePos.y,
     })
 
+    if (e.shiftKey && !minimapScaleApplied && !disableMinimap) {
+      applyMinimap()
+    }
+
     const newInsertPosition = calcInsertPosition(mousePos, rects, flow)
 
     if (JSON.stringify(insertPosition) !== JSON.stringify(newInsertPosition)) {
@@ -353,17 +488,113 @@ export function handleOverlayDrag(
   }
 
   const handleMouseUp = (): void => {
+    mousedown = false
+
     handler({
       type: 'overlay/dragEnd',
+      target,
       insertPosition: insertPosition
         ? resolveInsertPosition(overlayGroup, insertPosition, flow)
         : null,
     })
 
+    if (minimapPromptShown) {
+      handler({
+        type: 'overlay/dragToggleMinimapPrompt',
+        display: false,
+      })
+    }
+
+    if (!minimapScaleApplied) {
+      clearInterval(rectsInterval)
+      onSequenceEnd()
+
+      removeFrameListeners()
+      removeKeyListeners()
+    }
+
+    removeMouseListeners()
+  }
+
+  const handleKeyup = (e: KeyboardEvent) => {
+    if (e.key === 'Shift' && minimapScaleApplied) {
+      minimapScaleApplied = false
+
+      const skeleton = buildPreviewSkeleton(mousePos, element, 1 / scaleFactor)
+
+      handler({
+        type: 'overlay/dragUpdateSkeleton',
+        skeleton,
+      })
+
+      resetMinimapWrapperTransform(
+        mousePosInverseTransform.y,
+        scaleTarget,
+        prescaleHeight,
+        handler,
+        rectUpdateFrequency,
+      )
+
+      handler({
+        type: 'overlay/dragUpdateGroupRect',
+        groupRect: null,
+      })
+
+      // cleanup keyup after drag sequence is complete
+      if (!mousedown) {
+        clearInterval(rectsInterval)
+
+        removeMouseListeners()
+        removeFrameListeners()
+        removeKeyListeners()
+
+        onSequenceEnd()
+      }
+    }
+  }
+
+  const handleBlur = () => {
+    handler({
+      type: 'overlay/dragUpdateGroupRect',
+      groupRect: null,
+    })
+
+    resetMinimapWrapperTransform(
+      mousePosInverseTransform.y,
+      scaleTarget,
+      prescaleHeight,
+      handler,
+      rectUpdateFrequency,
+    ).then(() => {
+      minimapScaleApplied = false
+    })
+
+    clearInterval(rectsInterval)
+
+    removeMouseListeners()
+    removeFrameListeners()
+    removeKeyListeners()
+
+    onSequenceEnd()
+  }
+
+  const removeMouseListeners = () => {
     window.removeEventListener('mousemove', handleMouseMove)
+    window.removeEventListener('wheel', handleScroll)
     window.removeEventListener('mouseup', handleMouseUp)
   }
 
+  const removeKeyListeners = () => {
+    window.removeEventListener('keyup', handleKeyup)
+  }
+
+  const removeFrameListeners = () => {
+    window.removeEventListener('blur', handleBlur)
+  }
+
+  window.addEventListener('blur', handleBlur)
+  window.addEventListener('keyup', handleKeyup)
+  window.addEventListener('wheel', handleScroll)
   window.addEventListener('mousemove', handleMouseMove)
   window.addEventListener('mouseup', handleMouseUp)
 }
diff --git a/packages/visual-editing/src/util/elements.ts b/packages/visual-editing/src/util/elements.ts
new file mode 100644
index 000000000..9bad3f0a7
--- /dev/null
+++ b/packages/visual-editing/src/util/elements.ts
@@ -0,0 +1,31 @@
+import type {ElementNode} from '../types'
+
+export const isElementNode = (target: EventTarget | null): target is ElementNode => {
+  return target instanceof HTMLElement || target instanceof SVGElement
+}
+
+export function findNonInlineElement(element: ElementNode): ElementNode | null {
+  const {display} = window.getComputedStyle(element)
+
+  if (display !== 'inline') return element
+
+  const parent = element.parentElement
+
+  if (!parent) return null
+
+  return findNonInlineElement(parent)
+}
+
+export const findOverlayElement = (
+  el: EventTarget | ElementNode | null | undefined,
+): ElementNode | null => {
+  if (!el || !isElementNode(el)) {
+    return null
+  }
+
+  if (el.dataset?.['sanityOverlayElement']) {
+    return el
+  }
+
+  return findOverlayElement(el.parentElement)
+}
diff --git a/packages/visual-editing/src/util/findNonInlineElement.ts b/packages/visual-editing/src/util/findNonInlineElement.ts
deleted file mode 100644
index f1f2b2f63..000000000
--- a/packages/visual-editing/src/util/findNonInlineElement.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import type {ElementNode} from '../types'
-
-export function findNonInlineElement(element: ElementNode): ElementNode | null {
-  const {display} = window.getComputedStyle(element)
-
-  if (display !== 'inline') return element
-
-  const parent = element.parentElement
-
-  if (!parent) return null
-
-  return findNonInlineElement(parent)
-}
diff --git a/packages/visual-editing/src/util/findSanityNodes.ts b/packages/visual-editing/src/util/findSanityNodes.ts
index 70f4dc3c0..01b0630df 100644
--- a/packages/visual-editing/src/util/findSanityNodes.ts
+++ b/packages/visual-editing/src/util/findSanityNodes.ts
@@ -1,8 +1,13 @@
 import {decodeSanityNodeData} from '@repo/visual-editing-helpers/csm'
-
 import {OVERLAY_ID} from '../constants'
-import type {ElementNode, ResolvedElement, SanityNode, SanityStegaNode} from '../types'
-import {findNonInlineElement} from './findNonInlineElement'
+import type {
+  ElementNode,
+  OverlayElement,
+  ResolvedElement,
+  SanityNode,
+  SanityStegaNode,
+} from '../types'
+import {findNonInlineElement} from './elements'
 import {testAndDecodeStega} from './stega'
 
 const isElementNode = (node: ChildNode): node is ElementNode => node.nodeType === Node.ELEMENT_NODE
@@ -202,3 +207,34 @@ export function sanityNodesExistInSameArray(
 
   return getSanityNodeArrayPath(sanityNode1.path) === getSanityNodeArrayPath(sanityNode2.path)
 }
+
+export function resolveDragAndDropGroup(
+  element: ElementNode,
+  sanity: SanityNode | SanityStegaNode,
+  elementSet: Set<ElementNode>,
+  elementsMap: WeakMap<ElementNode, OverlayElement>,
+): null | OverlayElement[] {
+  if (element.getAttribute('data-sanity-drag-disable')) return null
+
+  if (!sanity || !isSanityNode(sanity) || !isSanityArrayPath(sanity.path)) return null
+
+  const group = [...elementSet].reduce<OverlayElement[]>((acc, el) => {
+    const elData = elementsMap.get(el)
+    const elDragDisabled = el.getAttribute('data-sanity-drag-disable')
+
+    if (
+      elData &&
+      !elDragDisabled &&
+      isSanityNode(elData.sanity) &&
+      sanityNodesExistInSameArray(sanity, elData.sanity)
+    ) {
+      acc.push(elData)
+    }
+
+    return acc
+  }, [])
+
+  if (group.length <= 1) return null
+
+  return group
+}
diff --git a/packages/visual-editing/src/util/geometry.ts b/packages/visual-editing/src/util/geometry.ts
new file mode 100644
index 000000000..3e6768dd2
--- /dev/null
+++ b/packages/visual-editing/src/util/geometry.ts
@@ -0,0 +1,230 @@
+import type {OverlayRect, Point2D, Ray2D} from '../types'
+
+export function getRect(element: Element): OverlayRect {
+  const domRect = element.getBoundingClientRect()
+
+  const rect = {
+    x: domRect.x + scrollX,
+    y: domRect.y + scrollY,
+    w: domRect.width,
+    h: domRect.height,
+  }
+
+  return rect
+}
+
+export function offsetRect(rect: OverlayRect, px: number, axis: 'x' | 'y'): OverlayRect {
+  if (axis === 'x') {
+    return {
+      x: rect.x + px,
+      y: rect.y,
+      w: rect.w - 2 * px,
+      h: rect.h,
+    }
+  } else {
+    return {
+      x: rect.x,
+      y: rect.y + px,
+      w: rect.w,
+      h: rect.h - 2 * px,
+    }
+  }
+}
+
+// Ref http://paulbourke.net/geometry/pointlineplane/
+export function rayIntersect(l1: Ray2D, l2: Ray2D): Point2D | false {
+  const {x1, y1, x2, y2} = l1
+  const {x1: x3, y1: y3, x2: x4, y2: y4} = l2
+
+  // Check if none of the lines are of length 0
+  if ((x1 === x2 && y1 === y2) || (x3 === x4 && y3 === y4)) {
+    return false
+  }
+
+  const denominator = (y4 - y3) * (x2 - x1) - (x4 - x3) * (y2 - y1)
+
+  // Lines are parallel
+  if (denominator === 0) {
+    return false
+  }
+
+  const ua = ((x4 - x3) * (y1 - y3) - (y4 - y3) * (x1 - x3)) / denominator
+  const ub = ((x2 - x1) * (y1 - y3) - (y2 - y1) * (x1 - x3)) / denominator
+
+  // is the intersection along the segments
+  if (ua < 0 || ua > 1 || ub < 0 || ub > 1) {
+    return false
+  }
+
+  const x = x1 + ua * (x2 - x1)
+  const y = y1 + ua * (y2 - y1)
+
+  return {x, y}
+}
+
+export function rectEqual(r1: OverlayRect, r2: OverlayRect): boolean {
+  return r1.x === r2.x && r1.y === r2.y && r1.w === r2.w && r1.h === r2.h
+}
+
+export function rayRectIntersections(line: Ray2D, rect: OverlayRect): Array<Point2D> | false {
+  const rectLines: Array<Ray2D> = [
+    {x1: rect.x, y1: rect.y, x2: rect.x + rect.w, y2: rect.y},
+    {
+      x1: rect.x + rect.w,
+      y1: rect.y,
+      x2: rect.x + rect.w,
+      y2: rect.y + rect.h,
+    },
+    {
+      x1: rect.x + rect.w,
+      y1: rect.y + rect.h,
+      x2: rect.x,
+      y2: rect.y + rect.h,
+    },
+    {
+      x1: rect.x,
+      y1: rect.y + rect.h,
+      x2: rect.x,
+      y2: rect.y,
+    },
+  ]
+
+  const intersections: Array<Point2D> = []
+
+  for (let i = 0; i < rectLines.length; i++) {
+    const intersection = rayIntersect(line, rectLines[i])
+
+    if (intersection) {
+      let isDuplicate = false
+
+      for (let j = 0; j < intersections.length; j++) {
+        if (intersections[j].x === intersection.x && intersections[j].y === intersection.y) {
+          isDuplicate = true
+        }
+      }
+
+      if (!isDuplicate) intersections.push(intersection)
+    }
+  }
+
+  if (intersections.length === 0) {
+    return false
+  }
+
+  return intersections.sort(
+    (a, b) => pointDist(a, {x: line.x1, y: line.y1}) - pointDist(b, {x: line.x1, y: line.y1}),
+  )
+}
+export function pointDist(p1: Point2D, p2: Point2D): number {
+  const a = p1.x - p2.x
+  const b = p1.y - p2.y
+
+  return Math.sqrt(a * a + b * b)
+}
+
+export function pointInBounds(point: Point2D, bounds: OverlayRect): boolean {
+  const withinX = point.x >= bounds.x && point.x <= bounds.x + bounds.w
+  const withinY = point.y >= bounds.y && point.y <= bounds.y + bounds.h
+
+  return withinX && withinY
+}
+
+export function findClosestIntersection(
+  ray: Ray2D,
+  targets: OverlayRect[],
+  flow: string,
+): OverlayRect | null {
+  const rayOrigin = {
+    x: ray.x1,
+    y: ray.y1,
+  }
+
+  // Offset rects to ensure raycasting works when siblings touch
+  if (
+    targets.some((t) =>
+      pointInBounds(
+        rayOrigin,
+        offsetRect(t, Math.min(t.w, t.h) / 10, flow === 'horizontal' ? 'x' : 'y'),
+      ),
+    )
+  )
+    return null
+  let closestIntersection
+  let closestRect
+
+  for (const target of targets) {
+    const intersections = rayRectIntersections(
+      ray,
+      offsetRect(target, Math.min(target.w, target.h) / 10, flow === 'horizontal' ? 'x' : 'y'),
+    )
+    if (intersections) {
+      const firstIntersection = intersections[0]
+
+      if (closestIntersection) {
+        if (pointDist(rayOrigin, firstIntersection) < pointDist(rayOrigin, closestIntersection)) {
+          closestIntersection = firstIntersection
+          closestRect = target
+        }
+      } else {
+        closestIntersection = firstIntersection
+        closestRect = target
+      }
+    }
+  }
+
+  if (closestRect) return closestRect
+
+  return null
+}
+
+export function scaleRect(
+  rect: OverlayRect,
+  scale: number,
+  origin: {x: number; y: number},
+): OverlayRect {
+  const {x, y, w, h} = rect
+  const {x: originX, y: originY} = origin
+
+  const newX = originX + (x - originX) * scale
+  const newY = originY + (y - originY) * scale
+
+  const newWidth = w * scale
+  const newHeight = h * scale
+
+  return {
+    x: newX,
+    y: newY,
+    w: newWidth,
+    h: newHeight,
+  }
+}
+
+export function getRectGroupXExtent(rects: OverlayRect[]): {
+  min: number
+  max: number
+  width: number
+} {
+  const minGroupX = Math.min(...rects.map((r) => r.x))
+  const maxGroupX = Math.max(...rects.map((r) => r.x + r.w))
+
+  return {
+    min: minGroupX,
+    max: maxGroupX,
+    width: maxGroupX - minGroupX,
+  }
+}
+
+export function getRectGroupYExtent(rects: OverlayRect[]): {
+  min: number
+  max: number
+  height: number
+} {
+  const minGroupY = Math.min(...rects.map((r) => r.y))
+  const maxGroupY = Math.max(...rects.map((r) => r.y + r.h))
+
+  return {
+    min: minGroupY,
+    max: maxGroupY,
+    height: maxGroupY - minGroupY,
+  }
+}
diff --git a/packages/visual-editing/src/util/getNodeIcon.tsx b/packages/visual-editing/src/util/getNodeIcon.tsx
new file mode 100644
index 000000000..3585213bc
--- /dev/null
+++ b/packages/visual-editing/src/util/getNodeIcon.tsx
@@ -0,0 +1,74 @@
+import type {
+  SchemaArrayItem,
+  SchemaNumberNode,
+  SchemaObjectField,
+  SchemaStringNode,
+  SchemaUnionOption,
+} from '@repo/visual-editing-helpers'
+import {
+  BlockContentIcon,
+  CheckmarkCircleIcon,
+  CubeIcon,
+  ImageIcon,
+  NumberIcon,
+  StringIcon,
+  ThListIcon,
+} from '@sanity/icons'
+
+type Option =
+  | SchemaNumberNode
+  | SchemaStringNode
+  | SchemaArrayItem
+  | SchemaObjectField
+  | SchemaUnionOption
+
+export function getNodeIcon(option: Option | undefined): JSX.Element {
+  if (!option) return <CubeIcon />
+
+  if (option.type === 'string') {
+    return <StringIcon />
+  }
+
+  if (option.type === 'number') {
+    return <NumberIcon />
+  }
+
+  const {value: node} = option
+
+  if ('icon' in option && option.icon) {
+    return <div dangerouslySetInnerHTML={{__html: option.icon}} />
+  }
+
+  const {type} = node
+
+  if (type === 'string') {
+    return <StringIcon />
+  }
+
+  if (type === 'boolean') {
+    return <CheckmarkCircleIcon />
+  }
+
+  if (type === 'number') {
+    return <NumberIcon />
+  }
+
+  if (type === 'array' || type === 'union') {
+    const of = Array.isArray(node.of) ? node.of : [node.of]
+    if (of.some((n) => 'name' in n && n.name === 'block')) {
+      return <BlockContentIcon />
+    }
+    return <ThListIcon />
+  }
+
+  if (type === 'object') {
+    if (option.name === 'image') {
+      return <ImageIcon />
+    }
+    if (option.name === 'block') {
+      return <StringIcon />
+    }
+  }
+
+  return <CubeIcon />
+}
diff --git a/packages/visual-editing/src/util/getRect.ts b/packages/visual-editing/src/util/getRect.ts
deleted file mode 100644
index 5e0d29d7f..000000000
--- a/packages/visual-editing/src/util/getRect.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-import type {OverlayRect} from '../types'
-
-export function getRect(element: Element): OverlayRect {
-  const domRect = element.getBoundingClientRect()
-
-  const rect = {
-    x: domRect.x + scrollX,
-    y: domRect.y + scrollY,
-    w: domRect.width,
-    h: domRect.height,
-  }
-
-  return rect
-}
diff --git a/packages/visual-editing/src/util/mutations.ts b/packages/visual-editing/src/util/mutations.ts
new file mode 100644
index 000000000..3cbbda975
--- /dev/null
+++ b/packages/visual-editing/src/util/mutations.ts
@@ -0,0 +1,99 @@
+import type {SanityNode} from '@repo/visual-editing-helpers'
+import type {SanityDocument} from '@sanity/client'
+import {at, createIfNotExists, insert, patch, truncate, type Mutation} from '@sanity/mutate'
+import {get} from '@sanity/util/paths'
+import {getDraftId} from './documents'
+
+export function getArrayItemKeyAndParentPath(pathOrNode: string | SanityNode): {
+  path: string
+  key: string
+} {
+  const elementPath = typeof pathOrNode === 'string' ? pathOrNode : pathOrNode.path
+  const result = elementPath.match(/^(.+)\[_key=="(.+)"]$/)
+  if (!result) throw new Error('Invalid path')
+  const [, path, key] = result
+  if (!path || !key) throw new Error('Invalid path')
+  return {path, key}
+}
+
+export function getArrayRemoveMutations(
+  node: SanityNode,
+  sanityDocument: SanityDocument,
+): Mutation[] {
+  if (!node.type) throw new Error('Node type is missing')
+  const documentId = getDraftId(node.id)
+  const documentType = node.type
+
+  const {path: arrayPath, key: itemKey} = getArrayItemKeyAndParentPath(node)
+  const arrayValue = get(sanityDocument, arrayPath) as {_key: string}[]
+  const currentIndex = arrayValue.findIndex((item) => item._key === itemKey)
+
+  return [
+    createIfNotExists({_id: documentId, _type: documentType}),
+    patch(documentId, at(arrayPath, truncate(currentIndex, currentIndex + 1))),
+  ]
+}
+
+export function getArrayInsertMutations(
+  node: SanityNode,
+  insertType: string,
+  position: 'before' | 'after',
+): Mutation[] {
+  if (!node.type) throw new Error('Node type is missing')
+  const {path: arrayPath, key: itemKey} = getArrayItemKeyAndParentPath(node)
+  const documentId = getDraftId(node.id)
+  const documentType = node.type
+
+  const insertKey = Math.random().toString(36).slice(2, 5)
+  const referenceItem = {_key: itemKey}
+
+  return [
+    createIfNotExists({_id: documentId, _type: documentType}),
+    patch(
+      documentId,
+      at(arrayPath, insert([{_type: insertType, _key: insertKey}], position, referenceItem)),
+    ),
+  ]
+}
+
+export function getArrayMoveMutations(
+  node: SanityNode,
+  sanityDocument: SanityDocument,
+  moveTo: 'previous' | 'next' | 'first' | 'last',
+): Mutation[] | undefined {
+  if (!node.type) throw new Error('Node type is missing')
+  const {path: arrayPath, key: itemKey} = getArrayItemKeyAndParentPath(node)
+  const documentId = getDraftId(node.id)
+  const documentType = node.type
+
+  const arrayValue = get(sanityDocument, arrayPath) as {_key: string}[]
+  const itemValue = get(sanityDocument, node.path)
+  const currentIndex = arrayValue.findIndex((item) => item._key === itemKey)
+
+  let nextIndex = -1
+  let position: 'before' | 'after' = 'before'
+
+  if (moveTo === 'first') {
+    if (currentIndex === 0) return undefined
+    nextIndex = 0
+    position = 'before'
+  } else if (moveTo === 'last') {
+    if (currentIndex === arrayValue.length - 1) return undefined
+    nextIndex = -1
+    position = 'after'
+  } else if (moveTo === 'next') {
+    if (currentIndex === arrayValue.length - 1) return undefined
+    nextIndex = currentIndex
+    position = 'after'
+  } else if (moveTo === 'previous') {
+    if (currentIndex === 0) return undefined
+    nextIndex = currentIndex - 1
+    position = 'before'
+  }
+
+  return [
+    createIfNotExists({_id: documentId, _type: documentType}),
+    patch(documentId, at(arrayPath, truncate(currentIndex, currentIndex + 1))),
+    patch(documentId, at(arrayPath, insert(itemValue, position, nextIndex))),
+  ]
+}
diff --git a/packages/visual-editing/src/util/shareReplayLatest.ts b/packages/visual-editing/src/util/shareReplayLatest.ts
new file mode 100644
index 000000000..258a7c9df
--- /dev/null
+++ b/packages/visual-editing/src/util/shareReplayLatest.ts
@@ -0,0 +1,95 @@
+// @todo potentially import this util from `sanity`
+import {
+  finalize,
+  merge,
+  Observable,
+  share,
+  tap,
+  type MonoTypeOperatorFunction,
+  type ShareConfig,
+} from 'rxjs'
+
+export type ShareReplayLatestConfig<T> = ShareConfig<T> & {predicate: (value: T) => boolean}
+
+/**
+
+ * A variant of share that takes a predicate function to determine which value to replay to new subscribers
+
+ * @param predicate - Predicate function to determine which value to replay
+
+ */
+
+export function shareReplayLatest<T>(predicate: (value: T) => boolean): MonoTypeOperatorFunction<T>
+
+/**
+
+ * A variant of share that takes a predicate function to determine which value to replay to new subscribers
+
+ * @param config - ShareConfig with additional predicate function
+
+ */
+
+export function shareReplayLatest<T>(
+  config: ShareReplayLatestConfig<T>,
+): MonoTypeOperatorFunction<T>
+
+/**
+
+ * A variant of share that takes a predicate function to determine which value to replay to new subscribers
+
+ * @param configOrPredicate - Predicate function to determine which value to replay
+
+ * @param config - Optional ShareConfig
+
+ */
+
+export function shareReplayLatest<T>(
+  configOrPredicate: ShareReplayLatestConfig<T> | ShareReplayLatestConfig<T>['predicate'],
+
+  config?: ShareConfig<T>,
+): MonoTypeOperatorFunction<T> {
+  return _shareReplayLatest(
+    typeof configOrPredicate === 'function'
+      ? {predicate: configOrPredicate, ...config}
+      : configOrPredicate,
+  )
+}
+
+function _shareReplayLatest<T>(config: ShareReplayLatestConfig<T>): MonoTypeOperatorFunction<T> {
+  return (source: Observable<T>) => {
+    let latest: T | undefined
+
+    let emitted = false
+
+    // eslint-disable-next-line @typescript-eslint/no-unused-vars
+    const {predicate, ...shareConfig} = config
+
+    const wrapped = source.pipe(
+      tap((value) => {
+        if (config.predicate(value)) {
+          emitted = true
+
+          latest = value
+        }
+      }),
+
+      finalize(() => {
+        emitted = false
+
+        latest = undefined
+      }),
+
+      share(shareConfig),
+    )
+
+    const emitLatest = new Observable<T>((subscriber) => {
+      if (emitted) {
+        subscriber.next(latest)
+      }
+
+      subscriber.complete()
+    })
+
+    return merge(wrapped, emitLatest)
+  }
+}
diff --git a/packages/visual-editing/src/util/stega.ts b/packages/visual-editing/src/util/stega.ts
index 3874fa377..d69d88183 100644
--- a/packages/visual-editing/src/util/stega.ts
+++ b/packages/visual-editing/src/util/stega.ts
@@ -1,6 +1,5 @@
 import type {SanityStegaNode} from '@repo/visual-editing-helpers'
 import {vercelStegaDecode} from '@vercel/stega'
-
 import {VERCEL_STEGA_REGEX} from '../constants'
 
 /**
diff --git a/packages/visual-editing/src/util/useDragEvents.ts b/packages/visual-editing/src/util/useDragEvents.ts
new file mode 100644
index 000000000..b3ecadc43
--- /dev/null
+++ b/packages/visual-editing/src/util/useDragEvents.ts
@@ -0,0 +1,79 @@
+import {at, createIfNotExists, insert, patch, remove} from '@sanity/mutate'
+import {get as getFromPath} from '@sanity/util/paths'
+import {useCallback, useEffect} from 'react'
+import type {DragEndEvent, DragInsertPosition} from '../types'
+import {useDocuments} from '../ui/optimistic-state/useDocuments'
+import {getArrayItemKeyAndParentPath} from './mutations'
+
+// Finds the node that the drag end event was relative to, and the relative
+// position the new element should be inserted in. If the reference node was
+// "top" or "left", we insert "after". If it was "bottom" or "right", we insert
+// "before".
+function getReferenceNodeAndInsertPosition(position: DragInsertPosition) {
+  if (position) {
+    const {top, right, bottom, left} = position
+    if (left || top) {
+      return {node: (left ?? top)!.sanity, position: 'after' as const}
+    } else if (right || bottom) {
+      return {node: (right ?? bottom)!.sanity, position: 'before' as const}
+    }
+  }
+  return undefined
+}
+
+export function useDragEndEvents(): {
+  dispatchDragEndEvent: (event: DragEndEvent) => void
+} {
+  const {get, mutate} = useDocuments()
+
+  useEffect(() => {
+    const handler = (e: CustomEvent<DragEndEvent>) => {
+      if (e.defaultPrevented) return
+
+      const {insertPosition, target} = e.detail
+      const reference = getReferenceNodeAndInsertPosition(insertPosition)
+      if (reference) {
+        const {snapshot, id} = get(target.id)
+        // We must have access to the document actor and snapshot in order to
+        // perform the necessary mutations. If either of these are undefined,
+        // something went wrong when resolving the currently in use documents
+        if (!snapshot) return
+
+        const {node, position} = reference
+        // Get the current value of the element we dragged, as we will need to
+        // "clone" this into the new position
+        const elementValue = getFromPath(snapshot, target.path)
+        // Get the key of the element that was dragged
+        const {key: targetKey} = getArrayItemKeyAndParentPath(target)
+        // Get the key of the reference element, and path to the parent array
+        const {path: arrayPath, key: referenceItemKey} = getArrayItemKeyAndParentPath(node)
+        // Don't perform a mutation if the keys match, as this means the item
+        // was only dragged to its existing position, i.e. not moved
+        if (arrayPath && referenceItemKey && referenceItemKey !== targetKey) {
+          const mutations = [
+            createIfNotExists({_id: id, _type: target.type!}),
+            // Remove the original dragged item
+            patch(id, at(arrayPath, remove({_key: targetKey}))),
+            // Insert the cloned dragged item into its new position
+            patch(id, at(arrayPath, insert(elementValue, position, {_key: referenceItemKey}))),
+          ]
+          mutate(id, mutations)
+        }
+      }
+    }
+    window.addEventListener('sanity/dragEnd', handler as EventListener)
+    return () => {
+      window.removeEventListener('sanity/dragEnd', handler as EventListener)
+    }
+  }, [get, mutate])
+
+  const dispatchDragEndEvent = useCallback((event: DragEndEvent) => {
+    const customEvent = new CustomEvent<DragEndEvent>('sanity/dragEnd', {
+      detail: event,
+      cancelable: true,
+    })
+    window.dispatchEvent(customEvent)
+  }, [])
+
+  return {dispatchDragEndEvent}
+}
diff --git a/packages/visual-editing/svelte/VisualEditing.svelte b/packages/visual-editing/svelte/VisualEditing.svelte
index 34bb102a0..92ad1ffbe 100644
--- a/packages/visual-editing/svelte/VisualEditing.svelte
+++ b/packages/visual-editing/svelte/VisualEditing.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
+  import {afterNavigate, goto, invalidateAll} from '$app/navigation'
   import {onMount} from 'svelte'
   import {enableVisualEditing, type HistoryAdapterNavigate} from '../dist/index.js'
-  import {afterNavigate, goto, invalidateAll} from '$app/navigation'
   import type {VisualEditingProps} from './types'
 
   export let zIndex: VisualEditingProps['zIndex'] = undefined
diff --git a/packages/visual-editing/svelte/hooks.ts b/packages/visual-editing/svelte/hooks.ts
index 12d856a66..a31397278 100644
--- a/packages/visual-editing/svelte/hooks.ts
+++ b/packages/visual-editing/svelte/hooks.ts
@@ -1,7 +1,6 @@
-import {validatePreviewUrl} from '@sanity/preview-url-secret'
-import {error, type Handle, redirect} from '@sveltejs/kit'
 import crypto from 'crypto'
-
+import {validatePreviewUrl} from '@sanity/preview-url-secret'
+import {error, redirect, type Handle} from '@sveltejs/kit'
 import type {HandlePreviewOptions} from './types'
 
 /**
diff --git a/packages/visual-editing/svelte/types.ts b/packages/visual-editing/svelte/types.ts
index d44752716..1bd5301e6 100644
--- a/packages/visual-editing/svelte/types.ts
+++ b/packages/visual-editing/svelte/types.ts
@@ -1,5 +1,4 @@
 import type {SanityClient} from '@sanity/client'
-
 import type {HistoryRefresh, VisualEditingOptions} from '../dist'
 
 /** @public */
diff --git a/packages/visual-editing/turbo.json b/packages/visual-editing/turbo.json
index f8376c84d..3964b9cf6 100644
--- a/packages/visual-editing/turbo.json
+++ b/packages/visual-editing/turbo.json
@@ -2,6 +2,9 @@
   "$schema": "https://turbo.build/schema.json",
   "extends": ["//"],
   "tasks": {
+    "build": {
+      "env": ["NODE_ENV"]
+    },
     "build-storybook": {
       "dependsOn": ["build"],
       "outputs": ["storybook-static/**"]
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 8ff8aa82c..caf9e16dd 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -5,118 +5,104 @@ settings:
   excludeLinksFromLockfile: false
 
 overrides:
-  '@sanity/client': ^6.21.3
   '@sanity/comlink': workspace:*
   '@sanity/core-loader': workspace:*
+  '@sanity/next-loader': workspace:*
   '@sanity/presentation': workspace:*
   '@sanity/preview-kit-compat': workspace:*
   '@sanity/preview-url-secret': workspace:*
   '@sanity/react-loader': workspace:*
   '@sanity/svelte-loader': workspace:*
-  '@sanity/types': 3.57.2
-  '@sanity/util': 3.57.2
-  '@sanity/vision': 3.57.2
+  '@sanity/types': 3.61.0
+  '@sanity/util': 3.61.0
+  '@sanity/vision': 3.61.0
   '@sanity/visual-editing': workspace:*
-  framer-motion: 11.0.8
-  groq: 3.57.2
-  sanity: 3.57.2
-  styled-components: npm:@sanity/styled-components@6.1.13
+  groq: 3.61.0
+  sanity: 3.61.0
 
 importers:
 
   .:
     dependencies:
-      '@sanity/client':
-        specifier: ^6.21.3
-        version: 6.21.3(debug@4.3.7)
       '@sanity/types':
-        specifier: 3.57.2
-        version: 3.57.2(debug@4.3.7)
+        specifier: 3.61.0
+        version: 3.61.0(debug@4.3.7)
       '@sanity/util':
-        specifier: 3.57.2
-        version: 3.57.2(debug@4.3.7)
+        specifier: 3.61.0
+        version: 3.61.0(debug@4.3.7)
       '@sanity/vision':
-        specifier: 3.57.2
-        version: 3.57.2(@babel/runtime@7.25.6)(@codemirror/lint@6.8.1)(@codemirror/theme-one-dark@6.1.2)(@lezer/common@1.2.1)(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(codemirror@6.0.1(@lezer/common@1.2.1))(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)
+        specifier: 3.61.0
+        version: 3.61.0(@babel/runtime@7.25.6)(@codemirror/lint@6.8.1)(@codemirror/theme-one-dark@6.1.2)(@lezer/common@1.2.1)(codemirror@6.0.1(@lezer/common@1.2.1))(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))
       groq:
-        specifier: 3.57.2
-        version: 3.57.2
+        specifier: 3.61.0
+        version: 3.61.0
       sanity:
-        specifier: 3.57.2
-        version: 3.57.2(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(terser@5.31.3)
+        specifier: 3.61.0
+        version: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(terser@5.33.0)
     devDependencies:
+      '@repo/prettier-config':
+        specifier: workspace:*
+        version: link:packages/@repo/prettier-config
       '@sanity/pkg-utils':
-        specifier: 6.11.1
-        version: 6.11.1(@types/babel__core@7.20.5)(@types/node@22.5.4)(typescript@5.6.2)
-      '@sanity/prettier-config':
-        specifier: 1.0.3
-        version: 1.0.3(prettier@3.3.3)
-      framer-motion:
-        specifier: 11.0.8
-        version: 11.0.8(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
+        specifier: 6.11.3
+        version: 6.11.3(@types/babel__core@7.20.5)(@types/node@22.5.5)(typescript@5.6.3)
       husky:
-        specifier: ^9.0.11
-        version: 9.0.11
+        specifier: ^9.1.6
+        version: 9.1.6
       lint-staged:
-        specifier: ^15.2.2
-        version: 15.2.5
-      prettier:
-        specifier: 3.3.3
-        version: 3.3.3
-      prettier-plugin-astro:
-        specifier: ^0.14.1
-        version: 0.14.1
-      prettier-plugin-svelte:
-        specifier: 3.2.6
-        version: 3.2.6(prettier@3.3.3)(svelte@4.2.19)
-      prettier-plugin-tailwindcss:
-        specifier: 0.6.6
-        version: 0.6.6(prettier-plugin-astro@0.14.1)(prettier-plugin-svelte@3.2.6(prettier@3.3.3)(svelte@4.2.19))(prettier@3.3.3)
+        specifier: ^15.2.10
+        version: 15.2.10
       pretty-quick:
         specifier: ^4.0.0
         version: 4.0.0(prettier@3.3.3)
       turbo:
-        specifier: 2.1.1
-        version: 2.1.1
+        specifier: 2.1.3
+        version: 2.1.3
       typescript:
-        specifier: 5.6.2
-        version: 5.6.2
+        specifier: 5.6.3
+        version: 5.6.3
       zx:
-        specifier: ^8.1.5
-        version: 8.1.5
+        specifier: 8.1.6
+        version: 8.1.6
 
   apps/astro:
     dependencies:
       '@astrojs/check':
-        specifier: ^0.9.3
-        version: 0.9.3(prettier-plugin-astro@0.14.1)(prettier@3.3.3)(typescript@5.6.2)
+        specifier: ^0.9.4
+        version: 0.9.4(prettier-plugin-astro@0.14.1)(prettier@3.3.3)(typescript@5.6.3)
       '@astrojs/react':
         specifier: ^3.6.2
-        version: 3.6.2(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(vite@4.5.3(@types/node@22.5.4)(terser@5.31.3))
+        version: 3.6.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(vite@4.5.3(@types/node@22.5.5)(terser@5.33.0))
       '@astrojs/tailwind':
-        specifier: ^5.1.0
-        version: 5.1.0(astro@4.15.4(@types/node@22.5.4)(rollup@4.21.2)(terser@5.31.3)(typescript@5.6.2))(tailwindcss@3.4.10)
+        specifier: ^5.1.2
+        version: 5.1.2(astro@4.16.5(@types/node@22.5.5)(rollup@4.24.0)(terser@5.33.0)(typescript@5.6.3))(tailwindcss@3.4.14)
       '@astrojs/vercel':
-        specifier: ^7.8.0
-        version: 7.8.0(astro@4.15.4(@types/node@22.5.4)(rollup@4.21.2)(terser@5.31.3)(typescript@5.6.2))(encoding@0.1.13)(next@14.2.9(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
+        specifier: ^7.8.1
+        version: 7.8.1(astro@4.16.5(@types/node@22.5.5)(rollup@4.24.0)(terser@5.33.0)(typescript@5.6.3))(encoding@0.1.13)(next@14.2.15(@babel/core@7.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@repo/env':
+        specifier: workspace:*
+        version: link:../../packages/@repo/env
+      '@repo/studio-url':
+        specifier: workspace:*
+        version: link:../../packages/@repo/studio-url
       '@sanity/astro':
         specifier: ^3.1.6
-        version: 3.1.6(@sanity/client@6.21.3)(@sanity/visual-editing@packages+visual-editing)(astro@4.15.4(@types/node@22.5.4)(rollup@4.21.2)(terser@5.31.3)(typescript@5.6.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sanity@3.57.2(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3))
+        version: 3.1.6(@sanity/client@6.22.1)(@sanity/visual-editing@packages+visual-editing)(astro@4.16.5(@types/node@22.5.5)(rollup@4.24.0)(terser@5.33.0)(typescript@5.6.3))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0))
       '@sanity/client':
-        specifier: ^6.21.3
-        version: 6.21.3(debug@4.3.7)
+        specifier: ^6.22.1
+        version: 6.22.1(debug@4.3.7)
       '@sanity/image-url':
         specifier: ^1.0.2
         version: 1.0.2
       '@sanity/visual-editing':
         specifier: workspace:*
         version: link:../../packages/visual-editing
-      apps-common:
-        specifier: workspace:^
-        version: link:../common
+      '@vercel/stega':
+        specifier: ^0.1.2
+        version: 0.1.2
       astro:
-        specifier: ^4.15.4
-        version: 4.15.4(@types/node@22.5.4)(rollup@4.21.2)(terser@5.31.3)(typescript@5.6.2)
+        specifier: ^4.16.5
+        version: 4.16.5(@types/node@22.5.5)(rollup@4.24.0)(terser@5.33.0)(typescript@5.6.3)
       astro-portabletext:
         specifier: ^0.10.0
         version: 0.10.0
@@ -127,271 +113,139 @@ importers:
         specifier: ^18.3.1
         version: 18.3.1(react@18.3.1)
       sanity:
-        specifier: 3.57.2
-        version: 3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)
+        specifier: 3.61.0
+        version: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0)
       tailwindcss:
-        specifier: ^3.4.10
-        version: 3.4.10
+        specifier: ^3.4.14
+        version: 3.4.14
       typescript:
-        specifier: 5.6.2
-        version: 5.6.2
-
-  apps/common:
-    dependencies:
-      '@sanity/icons':
-        specifier: ^3.4.0
-        version: 3.4.0(react@18.3.1)
-      '@sanity/react-loader':
-        specifier: workspace:*
-        version: link:../../packages/react-loader
-      '@sanity/ui':
-        specifier: 2.8.9
-        version: 2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
-      '@vercel/stega':
-        specifier: 0.1.2
-        version: 0.1.2
+        specifier: 5.6.3
+        version: 5.6.3
     devDependencies:
-      react:
-        specifier: ^18.3.1
-        version: 18.3.1
-      react-dom:
-        specifier: ^18.3.1
-        version: 18.3.1(react@18.3.1)
-      rxjs:
-        specifier: ^7.8.1
-        version: 7.8.1
-      sanity:
-        specifier: 3.57.2
-        version: 3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)
-      styled-components:
-        specifier: npm:@sanity/styled-components@6.1.13
-        version: '@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)'
-      typescript:
-        specifier: 5.6.2
-        version: 5.6.2
-
-  apps/next:
-    dependencies:
-      '@next/bundle-analyzer':
-        specifier: 14.2.9
-        version: 14.2.9
-      '@portabletext/react':
-        specifier: ^3.1.0
-        version: 3.1.0(react@18.3.1)
-      '@repo/channels':
+      '@repo/prettier-config':
         specifier: workspace:*
-        version: link:../../packages/channels
-      '@sanity/client':
-        specifier: ^6.21.3
-        version: 6.21.3(debug@4.3.7)
-      '@sanity/image-url':
-        specifier: ^1.0.2
-        version: 1.0.2
-      '@sanity/preview-kit-compat':
-        specifier: workspace:*
-        version: link:../../packages/preview-kit-compat
-      '@sanity/preview-url-secret':
-        specifier: workspace:*
-        version: link:../../packages/preview-url-secret
-      '@sanity/react-loader':
-        specifier: workspace:*
-        version: link:../../packages/react-loader
-      '@sanity/visual-editing':
-        specifier: workspace:*
-        version: link:../../packages/visual-editing
-      '@types/node':
-        specifier: 20.8.7
-        version: 20.8.7
-      '@types/react':
-        specifier: ^18.3.5
-        version: 18.3.5
-      '@types/react-dom':
-        specifier: ^18.3.0
-        version: 18.3.0
-      '@vercel/stega':
-        specifier: 0.1.2
-        version: 0.1.2
-      '@vercel/toolbar':
-        specifier: ^0.1.18
-        version: 0.1.18(next@14.2.9(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(vite@5.4.3(@types/node@20.8.7)(terser@5.31.3))
-      apps-common:
-        specifier: workspace:*
-        version: link:../common
-      autoprefixer:
-        specifier: 10.4.20
-        version: 10.4.20(postcss@8.4.45)
-      eslint:
-        specifier: ^8.57.0
-        version: 8.57.0
-      eslint-config-next:
-        specifier: 14.2.9
-        version: 14.2.9(eslint@8.57.0)(typescript@5.6.2)
-      next:
-        specifier: 14.2.9
-        version: 14.2.9(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      next-sanity:
-        specifier: 9.4.7
-        version: 9.4.7(@sanity/client@6.21.3)(@sanity/icons@3.4.0(react@18.3.1))(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@sanity/types@3.57.2)(@sanity/ui@2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1))(next@14.2.9(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(sanity@3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@20.8.7)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3))
-      postcss:
-        specifier: 8.4.45
-        version: 8.4.45
-      react:
-        specifier: ^18.3.1
-        version: 18.3.1
-      react-dom:
-        specifier: ^18.3.1
-        version: 18.3.1(react@18.3.1)
-      styled-components:
-        specifier: npm:@sanity/styled-components@6.1.13
-        version: '@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)'
-      suspend-react:
-        specifier: 0.1.3
-        version: 0.1.3(react@18.3.1)
-      tailwindcss:
-        specifier: ^3.4.10
-        version: 3.4.10
-      typescript:
-        specifier: 5.6.2
-        version: 5.6.2
+        version: link:../../packages/@repo/prettier-config
 
-  apps/next-no-cache:
+  apps/live-next:
     dependencies:
-      '@portabletext/react':
-        specifier: ^3.1.0
-        version: 3.1.0(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@repo/channels':
+      '@repo/env':
         specifier: workspace:*
-        version: link:../../packages/channels
-      '@repo/visual-editing-helpers':
+        version: link:../../packages/@repo/env
+      '@repo/sanity-extracted-schema':
         specifier: workspace:*
-        version: link:../../packages/visual-editing-helpers
-      '@sanity/client':
-        specifier: ^6.21.3
-        version: 6.21.3(debug@4.3.7)
-      '@sanity/icons':
-        specifier: ^3.4.0
-        version: 3.4.0(react@19.0.0-rc-fb9a90fa48-20240614)
+        version: link:../../packages/@repo/sanity-extracted-schema
+      '@repo/studio-url':
+        specifier: workspace:*
+        version: link:../../packages/@repo/studio-url
       '@sanity/image-url':
         specifier: ^1.0.2
         version: 1.0.2
-      '@sanity/presentation':
+      '@sanity/next-loader':
         specifier: workspace:*
-        version: link:../../packages/presentation
-      '@sanity/preview-kit-compat':
-        specifier: workspace:*
-        version: link:../../packages/preview-kit-compat
+        version: link:../../packages/next-loader
       '@sanity/preview-url-secret':
         specifier: workspace:*
         version: link:../../packages/preview-url-secret
-      '@sanity/react-loader':
-        specifier: workspace:*
-        version: link:../../packages/react-loader
-      '@sanity/vision':
-        specifier: 3.57.2
-        version: 3.57.2(@babel/runtime@7.25.6)(@codemirror/lint@6.8.1)(@codemirror/theme-one-dark@6.1.2)(@lezer/common@1.2.1)(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(codemirror@6.0.1(@lezer/common@1.2.1))(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)
       '@sanity/visual-editing':
         specifier: workspace:*
         version: link:../../packages/visual-editing
       '@tailwindcss/typography':
         specifier: ^0.5.15
-        version: 0.5.15(tailwindcss@3.4.10)
+        version: 0.5.15(tailwindcss@3.4.14)
       '@types/node':
-        specifier: ^20.5.0
-        version: 20.8.7
+        specifier: ^20.14.13
+        version: 20.16.5
       '@types/react':
-        specifier: ^18.3.5
-        version: 18.3.5
+        specifier: ^18.3.11
+        version: 18.3.11
       '@types/react-dom':
-        specifier: ^18.3.0
-        version: 18.3.0
+        specifier: ^18.3.1
+        version: 18.3.1
       '@vercel/speed-insights':
         specifier: ^1.0.12
-        version: 1.0.12(@sveltejs/kit@2.6.1(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@20.8.7)(terser@5.31.3)))(svelte@4.2.19)(vite@5.4.3(@types/node@20.8.7)(terser@5.31.3)))(next@15.0.0-canary.148(@babel/core@7.25.2)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(svelte@4.2.19)(vue-router@4.4.3(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))
-      apps-common:
-        specifier: workspace:*
-        version: link:../common
+        version: 1.0.12(@sveltejs/kit@2.7.1(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@20.16.5)(terser@5.33.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@20.16.5)(terser@5.33.0)))(next@15.0.0-canary.195(@babel/core@7.25.8)(babel-plugin-react-compiler@0.0.0-experimental-fa06e2c-20241014)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(svelte@4.2.19)(vue-router@4.4.5(vue@3.5.6(typescript@5.6.3)))(vue@3.5.6(typescript@5.6.3))
       autoprefixer:
         specifier: ^10.4.20
-        version: 10.4.20(postcss@8.4.45)
-      classnames:
-        specifier: ^2.5.1
-        version: 2.5.1
+        version: 10.4.20(postcss@8.4.47)
+      babel-plugin-react-compiler:
+        specifier: 0.0.0-experimental-fa06e2c-20241014
+        version: 0.0.0-experimental-fa06e2c-20241014
       date-fns:
-        specifier: ^3.6.0
-        version: 3.6.0
-      fast-deep-equal:
-        specifier: 3.1.3
-        version: 3.1.3
+        specifier: ^4.1.0
+        version: 4.1.0
+      framer-motion:
+        specifier: 12.0.0-alpha.1
+        version: 12.0.0-alpha.1(@emotion/is-prop-valid@1.2.2)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
       next:
-        specifier: 15.0.0-canary.148
-        version: 15.0.0-canary.148(@babel/core@7.25.2)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
+        specifier: 15.0.0-canary.195
+        version: 15.0.0-canary.195(@babel/core@7.25.8)(babel-plugin-react-compiler@0.0.0-experimental-fa06e2c-20241014)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
       next-sanity:
-        specifier: 9.4.7
-        version: 9.4.7(okqldvphe3wqrbiawz5mkm4w4e)
+        specifier: 9.7.0-canary.15
+        version: 9.7.0-canary.15(4ugsciw2mk5mbldjsby4cyv5vm)
+      postcss:
+        specifier: ^8.4.47
+        version: 8.4.47
       react:
         specifier: 19.0.0-rc-fb9a90fa48-20240614
         version: 19.0.0-rc-fb9a90fa48-20240614
       react-dom:
         specifier: 19.0.0-rc-fb9a90fa48-20240614
         version: 19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614)
-      react-wrap-balancer:
-        specifier: ^1.1.1
-        version: 1.1.1(react@19.0.0-rc-fb9a90fa48-20240614)
-      sanity:
-        specifier: 3.57.2
-        version: 3.57.2(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(@types/node@20.8.7)(@types/react@18.3.5)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(terser@5.31.3)
-      sanity-plugin-asset-source-unsplash:
-        specifier: ^3.0.1
-        version: 3.0.1(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(sanity@3.57.2(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(@types/node@20.8.7)(@types/react@18.3.5)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(terser@5.31.3))
       server-only:
         specifier: ^0.0.1
         version: 0.0.1
-      styled-components:
-        specifier: npm:@sanity/styled-components@6.1.13
-        version: '@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)'
+      tailwindcss:
+        specifier: ^3.4.14
+        version: 3.4.14
+      typescript:
+        specifier: 5.6.3
+        version: 5.6.3
     devDependencies:
       '@next/bundle-analyzer':
-        specifier: 15.0.0-canary.148
-        version: 15.0.0-canary.148
+        specifier: 15.0.0-canary.195
+        version: 15.0.0-canary.195
+      '@repo/prettier-config':
+        specifier: workspace:*
+        version: link:../../packages/@repo/prettier-config
       eslint:
-        specifier: ^8.57.0
-        version: 8.57.0
+        specifier: ^8.57.1
+        version: 8.57.1
       eslint-config-next:
-        specifier: 14.3.0-canary.87
-        version: 14.3.0-canary.87(eslint@8.57.0)(typescript@5.6.2)
-      postcss:
-        specifier: ^8.4.45
-        version: 8.4.45
-      tailwindcss:
-        specifier: ^3.4.10
-        version: 3.4.10
-      typescript:
-        specifier: 5.6.2
-        version: 5.6.2
+        specifier: 15.0.0-canary.195
+        version: 15.0.0-canary.195(eslint@8.57.1)(typescript@5.6.3)
+      eslint-plugin-react-compiler:
+        specifier: 0.0.0-experimental-fa06e2c-20241014
+        version: 0.0.0-experimental-fa06e2c-20241014(eslint@8.57.1)
 
-  apps/next-server-only:
+  apps/next:
     dependencies:
+      '@next/bundle-analyzer':
+        specifier: 14.2.15
+        version: 14.2.15
       '@portabletext/react':
         specifier: ^3.1.0
-        version: 3.1.0(react@19.0.0-rc-fb9a90fa48-20240614)
+        version: 3.1.0(react@18.3.1)
       '@repo/channels':
         specifier: workspace:*
         version: link:../../packages/channels
-      '@repo/visual-editing-helpers':
+      '@repo/env':
+        specifier: workspace:*
+        version: link:../../packages/@repo/env
+      '@repo/sanity-extracted-schema':
+        specifier: workspace:*
+        version: link:../../packages/@repo/sanity-extracted-schema
+      '@repo/studio-url':
         specifier: workspace:*
-        version: link:../../packages/visual-editing-helpers
+        version: link:../../packages/@repo/studio-url
       '@sanity/client':
-        specifier: ^6.21.3
-        version: 6.21.3(debug@4.3.7)
-      '@sanity/icons':
-        specifier: ^3.4.0
-        version: 3.4.0(react@19.0.0-rc-fb9a90fa48-20240614)
+        specifier: ^6.22.1
+        version: 6.22.1(debug@4.3.7)
       '@sanity/image-url':
         specifier: ^1.0.2
         version: 1.0.2
-      '@sanity/presentation':
+      '@sanity/next-loader':
         specifier: workspace:*
-        version: link:../../packages/presentation
+        version: link:../../packages/next-loader
       '@sanity/preview-kit-compat':
         specifier: workspace:*
         version: link:../../packages/preview-kit-compat
@@ -401,121 +255,100 @@ importers:
       '@sanity/react-loader':
         specifier: workspace:*
         version: link:../../packages/react-loader
-      '@sanity/vision':
-        specifier: 3.57.2
-        version: 3.57.2(@babel/runtime@7.25.6)(@codemirror/lint@6.8.1)(@codemirror/theme-one-dark@6.1.2)(@lezer/common@1.2.1)(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(codemirror@6.0.1(@lezer/common@1.2.1))(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)
       '@sanity/visual-editing':
         specifier: workspace:*
         version: link:../../packages/visual-editing
-      '@tailwindcss/typography':
-        specifier: ^0.5.15
-        version: 0.5.15(tailwindcss@3.4.10)
       '@types/node':
-        specifier: ^20.5.0
+        specifier: 20.8.7
         version: 20.8.7
       '@types/react':
-        specifier: ^18.3.5
-        version: 18.3.5
+        specifier: ^18.3.11
+        version: 18.3.11
       '@types/react-dom':
-        specifier: ^18.3.0
-        version: 18.3.0
-      '@vercel/speed-insights':
-        specifier: ^1.0.12
-        version: 1.0.12(@sveltejs/kit@2.6.1(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@20.8.7)(terser@5.31.3)))(svelte@4.2.19)(vite@5.4.3(@types/node@20.8.7)(terser@5.31.3)))(next@15.0.0-canary.148(@babel/core@7.25.2)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(svelte@4.2.19)(vue-router@4.4.3(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))
-      apps-common:
-        specifier: workspace:*
-        version: link:../common
+        specifier: ^18.3.1
+        version: 18.3.1
+      '@vercel/stega':
+        specifier: 0.1.2
+        version: 0.1.2
+      '@vercel/toolbar':
+        specifier: ^0.1.22
+        version: 0.1.22(next@14.2.15(@babel/core@7.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(vite@5.4.9(@types/node@20.8.7)(terser@5.33.0))
       autoprefixer:
-        specifier: ^10.4.20
-        version: 10.4.20(postcss@8.4.45)
-      classnames:
-        specifier: ^2.5.1
-        version: 2.5.1
-      date-fns:
-        specifier: ^3.6.0
-        version: 3.6.0
-      fast-deep-equal:
-        specifier: 3.1.3
-        version: 3.1.3
+        specifier: 10.4.20
+        version: 10.4.20(postcss@8.4.47)
+      eslint:
+        specifier: ^8.57.1
+        version: 8.57.1
+      eslint-config-next:
+        specifier: 14.2.15
+        version: 14.2.15(eslint@8.57.1)(typescript@5.6.3)
       next:
-        specifier: 15.0.0-canary.148
-        version: 15.0.0-canary.148(@babel/core@7.25.2)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
+        specifier: 14.2.15
+        version: 14.2.15(@babel/core@7.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       next-sanity:
-        specifier: 9.4.7
-        version: 9.4.7(okqldvphe3wqrbiawz5mkm4w4e)
+        specifier: 9.7.0-canary.15
+        version: 9.7.0-canary.15(@sanity/client@6.22.1)(@sanity/icons@3.4.0(react@18.3.1))(@sanity/types@3.61.0)(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(next@14.2.15(@babel/core@7.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sanity@3.61.0(@types/node@20.8.7)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      postcss:
+        specifier: 8.4.47
+        version: 8.4.47
       react:
-        specifier: 19.0.0-rc-fb9a90fa48-20240614
-        version: 19.0.0-rc-fb9a90fa48-20240614
+        specifier: ^18.3.1
+        version: 18.3.1
       react-dom:
-        specifier: 19.0.0-rc-fb9a90fa48-20240614
-        version: 19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614)
-      react-wrap-balancer:
-        specifier: ^1.1.1
-        version: 1.1.1(react@19.0.0-rc-fb9a90fa48-20240614)
-      sanity:
-        specifier: 3.57.2
-        version: 3.57.2(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(@types/node@20.8.7)(@types/react@18.3.5)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(terser@5.31.3)
-      sanity-plugin-asset-source-unsplash:
-        specifier: ^3.0.1
-        version: 3.0.1(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(sanity@3.57.2(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(@types/node@20.8.7)(@types/react@18.3.5)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(terser@5.31.3))
-      server-only:
-        specifier: ^0.0.1
-        version: 0.0.1
+        specifier: ^18.3.1
+        version: 18.3.1(react@18.3.1)
       styled-components:
-        specifier: npm:@sanity/styled-components@6.1.13
-        version: '@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)'
-    devDependencies:
-      '@next/bundle-analyzer':
-        specifier: 15.0.0-canary.148
-        version: 15.0.0-canary.148
-      eslint:
-        specifier: ^8.57.0
-        version: 8.57.0
-      eslint-config-next:
-        specifier: 14.3.0-canary.87
-        version: 14.3.0-canary.87(eslint@8.57.0)(typescript@5.6.2)
-      postcss:
-        specifier: ^8.4.45
-        version: 8.4.45
+        specifier: 6.1.13
+        version: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      suspend-react:
+        specifier: 0.1.3
+        version: 0.1.3(react@18.3.1)
       tailwindcss:
-        specifier: ^3.4.10
-        version: 3.4.10
+        specifier: ^3.4.14
+        version: 3.4.14
       typescript:
-        specifier: 5.6.2
-        version: 5.6.2
+        specifier: 5.6.3
+        version: 5.6.3
+    devDependencies:
+      '@repo/prettier-config':
+        specifier: workspace:*
+        version: link:../../packages/@repo/prettier-config
 
   apps/next-with-i18n:
     dependencies:
+      '@repo/env':
+        specifier: workspace:*
+        version: link:../../packages/@repo/env
       '@sanity/assist':
-        specifier: ^3.0.6
-        version: 3.0.6(@sanity/mutator@3.57.2)(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(sanity@3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3))
+        specifier: ^3.0.8
+        version: 3.0.8(@sanity/mutator@3.61.0)(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       '@sanity/client':
-        specifier: ^6.21.3
-        version: 6.21.3(debug@4.3.7)
+        specifier: ^6.22.1
+        version: 6.22.1(debug@4.3.7)
       '@sanity/preview-url-secret':
         specifier: workspace:*
         version: link:../../packages/preview-url-secret
       '@sanity/vision':
-        specifier: 3.57.2
-        version: 3.57.2(@babel/runtime@7.25.6)(@codemirror/lint@6.8.1)(@codemirror/theme-one-dark@6.1.2)(@lezer/common@1.2.1)(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(codemirror@6.0.1(@lezer/common@1.2.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
+        specifier: 3.61.0
+        version: 3.61.0(@babel/runtime@7.25.6)(@codemirror/lint@6.8.1)(@codemirror/theme-one-dark@6.1.2)(@lezer/common@1.2.1)(codemirror@6.0.1(@lezer/common@1.2.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       '@tailwindcss/typography':
         specifier: 0.5.15
-        version: 0.5.15(tailwindcss@3.4.10)
+        version: 0.5.15(tailwindcss@3.4.14)
       '@tinloof/sanity-studio':
-        specifier: 1.3.3
-        version: 1.3.3(@sanity/mutator@3.57.2)(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react-fast-compare@3.2.2)(react-is@18.3.1)(react@18.3.1)(rxjs@7.8.1)(sanity@3.57.2(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3))(terser@5.31.3)
+        specifier: 1.3.5
+        version: 1.3.5(@sanity/mutator@3.61.0)(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react-fast-compare@3.2.2)(react-is@18.3.1)(react@18.3.1)(rxjs@7.8.1)(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0)
       classnames:
         specifier: 2.5.1
         version: 2.5.1
       lucide-react:
-        specifier: ^0.439.0
-        version: 0.439.0(react@18.3.1)
+        specifier: ^0.453.0
+        version: 0.453.0(react@18.3.1)
       next:
-        specifier: 14.2.9
-        version: 14.2.9(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: 14.2.15
+        version: 14.2.15(@babel/core@7.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       next-sanity:
-        specifier: ^9.4.7
-        version: 9.4.7(@sanity/client@6.21.3)(@sanity/icons@3.4.0(react@18.3.1))(@sanity/types@3.57.2)(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1))(next@14.2.9(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(sanity@3.57.2(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3))
+        specifier: ^9.5.4
+        version: 9.5.4(@sanity/client@6.22.1)(@sanity/icons@3.4.0(react@18.3.1))(@sanity/types@3.61.0)(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(next@14.2.15(@babel/core@7.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       react:
         specifier: ^18.3.1
         version: 18.3.1
@@ -523,8 +356,8 @@ importers:
         specifier: ^18.3.1
         version: 18.3.1(react@18.3.1)
       sanity:
-        specifier: 3.57.2
-        version: 3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)
+        specifier: 3.61.0
+        version: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0)
       server-only:
         specifier: 0.0.1
         version: 0.0.1
@@ -536,59 +369,65 @@ importers:
         specifier: workspace:*
         version: link:../../packages/visual-editing
       '@types/react':
-        specifier: ^18.3.5
-        version: 18.3.5
+        specifier: ^18.3.11
+        version: 18.3.11
       autoprefixer:
         specifier: 10.4.20
-        version: 10.4.20(postcss@8.4.45)
+        version: 10.4.20(postcss@8.4.47)
       eslint:
-        specifier: ^8.57.0
-        version: 8.57.0
+        specifier: ^8.57.1
+        version: 8.57.1
       eslint-config-next:
-        specifier: 14.2.9
-        version: 14.2.9(eslint@8.57.0)(typescript@5.6.2)
+        specifier: 14.2.15
+        version: 14.2.15(eslint@8.57.1)(typescript@5.6.3)
       eslint-config-prettier:
         specifier: ^9.1.0
-        version: 9.1.0(eslint@8.57.0)
+        version: 9.1.0(eslint@8.57.1)
       eslint-plugin-prettier:
         specifier: ^5.2.1
-        version: 5.2.1(eslint-config-prettier@9.1.0(eslint@8.57.0))(eslint@8.57.0)(prettier@3.3.3)
+        version: 5.2.1(@types/eslint@8.56.12)(eslint-config-prettier@9.1.0(eslint@8.57.1))(eslint@8.57.1)(prettier@3.3.3)
       eslint-plugin-simple-import-sort:
         specifier: 12.1.1
-        version: 12.1.1(eslint@8.57.0)
+        version: 12.1.1(eslint@8.57.1)
       postcss:
-        specifier: 8.4.45
-        version: 8.4.45
+        specifier: 8.4.47
+        version: 8.4.47
       prettier:
         specifier: ^3.3.3
         version: 3.3.3
       prettier-plugin-packagejson:
-        specifier: ^2.5.2
-        version: 2.5.2(prettier@3.3.3)
+        specifier: ^2.5.3
+        version: 2.5.3(prettier@3.3.3)
       prettier-plugin-tailwindcss:
-        specifier: 0.6.6
-        version: 0.6.6(prettier-plugin-astro@0.14.1)(prettier-plugin-svelte@3.2.6(prettier@3.3.3)(svelte@4.2.19))(prettier@3.3.3)
+        specifier: 0.6.8
+        version: 0.6.8(@ianvs/prettier-plugin-sort-imports@4.3.1(@vue/compiler-sfc@3.5.6)(prettier@3.3.3))(prettier-plugin-astro@0.14.1)(prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@4.2.19))(prettier@3.3.3)
       tailwindcss:
-        specifier: 3.4.10
-        version: 3.4.10
+        specifier: 3.4.14
+        version: 3.4.14
       typescript:
-        specifier: 5.6.2
-        version: 5.6.2
+        specifier: 5.6.3
+        version: 5.6.3
 
   apps/nuxt:
     dependencies:
       '@nuxtjs/sanity':
-        specifier: ^1.12.1
-        version: 1.12.1(magicast@0.3.5)(rollup@4.21.2)(webpack-sources@3.2.3)
+        specifier: ^1.12.2
+        version: 1.12.2(magicast@0.3.5)(rollup@4.24.0)(webpack-sources@3.2.3)
       '@nuxtjs/tailwindcss':
         specifier: ^6.12.1
-        version: 6.12.1(magicast@0.3.5)(rollup@4.21.2)(webpack-sources@3.2.3)
+        version: 6.12.1(magicast@0.3.5)(rollup@4.24.0)(webpack-sources@3.2.3)
       '@repo/channels':
         specifier: workspace:*
         version: link:../../packages/channels
+      '@repo/env':
+        specifier: workspace:*
+        version: link:../../packages/@repo/env
+      '@repo/studio-url':
+        specifier: workspace:*
+        version: link:../../packages/@repo/studio-url
       '@sanity/client':
-        specifier: ^6.21.3
-        version: 6.21.3(debug@4.3.7)
+        specifier: ^6.22.1
+        version: 6.22.1(debug@4.3.7)
       '@sanity/presentation':
         specifier: workspace:*
         version: link:../../packages/presentation
@@ -598,103 +437,109 @@ importers:
       '@sanity/visual-editing':
         specifier: workspace:*
         version: link:../../packages/visual-editing
-      apps-common:
-        specifier: workspace:*
-        version: link:../common
-      rxjs:
-        specifier: ^7.8.1
-        version: 7.8.1
       sanity:
-        specifier: 3.57.2
-        version: 3.57.2(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(terser@5.31.3)
+        specifier: 3.61.0
+        version: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(terser@5.33.0)
     devDependencies:
       '@nuxt/devtools':
-        specifier: ^1.4.2
-        version: 1.4.2(rollup@4.21.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))(vue@3.5.4(typescript@5.6.2))(webpack-sources@3.2.3)
+        specifier: ^1.6.0
+        version: 1.6.0(rollup@4.24.0)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))(vue@3.5.6(typescript@5.6.3))(webpack-sources@3.2.3)
+      '@repo/prettier-config':
+        specifier: workspace:*
+        version: link:../../packages/@repo/prettier-config
       nuxt:
-        specifier: ^3.13.1
-        version: 3.13.1(@parcel/watcher@2.4.1)(@types/node@22.5.4)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(meow@9.0.0)(optionator@0.9.4)(rollup@4.21.2)(terser@5.31.3)(typescript@5.6.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))(webpack-sources@3.2.3)
+        specifier: ^3.13.2
+        version: 3.13.2(@parcel/watcher@2.4.1)(@types/node@22.5.5)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(meow@9.0.0)(optionator@0.9.4)(rollup@4.24.0)(terser@5.33.0)(typescript@5.6.3)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))(webpack-sources@3.2.3)
 
   apps/page-builder-demo:
     dependencies:
       '@next/bundle-analyzer':
-        specifier: 14.2.9
-        version: 14.2.9
-      '@portabletext/react':
-        specifier: ^3.1.0
-        version: 3.1.0(react@18.3.1)
+        specifier: 14.2.15
+        version: 14.2.15
+      '@repo/env':
+        specifier: workspace:*
+        version: link:../../packages/@repo/env
+      '@repo/prettier-config':
+        specifier: workspace:*
+        version: link:../../packages/@repo/prettier-config
+      '@repo/sanity-extracted-schema':
+        specifier: workspace:*
+        version: link:../../packages/@repo/sanity-extracted-schema
+      '@repo/studio-url':
+        specifier: workspace:*
+        version: link:../../packages/@repo/studio-url
+      '@sanity/cli':
+        specifier: ^3.61.0
+        version: 3.61.0(react@18.3.1)
       '@sanity/demo':
         specifier: ^2.0.0
-        version: 2.0.0(@sanity/color@3.0.6)(tailwindcss@3.4.10)
+        version: 2.0.0(@sanity/color@3.0.6)(tailwindcss@3.4.14)
       '@sanity/image-url':
         specifier: ^1.0.2
         version: 1.0.2
-      '@sanity/react-loader':
+      '@sanity/next-loader':
         specifier: workspace:*
-        version: link:../../packages/react-loader
+        version: link:../../packages/next-loader
+      '@sanity/preview-kit-compat':
+        specifier: workspace:*
+        version: link:../../packages/preview-kit-compat
+      '@sanity/preview-url-secret':
+        specifier: workspace:*
+        version: link:../../packages/preview-url-secret
       '@sanity/visual-editing':
         specifier: workspace:*
         version: link:../../packages/visual-editing
       '@tailwindcss/typography':
         specifier: ^0.5.15
-        version: 0.5.15(tailwindcss@3.4.10)
+        version: 0.5.15(tailwindcss@3.4.14)
       '@types/node':
         specifier: 20.8.7
         version: 20.8.7
       '@types/react':
-        specifier: ^18.3.5
-        version: 18.3.5
+        specifier: ^18.3.11
+        version: 18.3.11
       '@types/react-dom':
-        specifier: ^18.3.0
-        version: 18.3.0
-      '@vercel/stega':
-        specifier: 0.1.2
-        version: 0.1.2
-      apps-common:
-        specifier: workspace:*
-        version: link:../common
+        specifier: ^18.3.1
+        version: 18.3.1
       autoprefixer:
         specifier: 10.4.20
-        version: 10.4.20(postcss@8.4.45)
+        version: 10.4.20(postcss@8.4.47)
       clsx:
         specifier: ^2.1.1
         version: 2.1.1
       eslint:
-        specifier: ^8.57.0
-        version: 8.57.0
+        specifier: ^8.57.1
+        version: 8.57.1
       eslint-config-next:
-        specifier: 14.2.9
-        version: 14.2.9(eslint@8.57.0)(typescript@5.6.2)
-      groq:
-        specifier: 3.57.2
-        version: 3.57.2
+        specifier: 14.2.15
+        version: 14.2.15(eslint@8.57.1)(typescript@5.6.3)
       next:
-        specifier: 14.2.9
-        version: 14.2.9(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: 14.2.15
+        version: 14.2.15(@babel/core@7.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       next-sanity:
-        specifier: 9.4.7
-        version: 9.4.7(@sanity/client@6.21.3)(@sanity/icons@3.4.0(react@18.3.1))(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@sanity/types@3.57.2)(@sanity/ui@2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1))(next@14.2.9(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(sanity@3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@20.8.7)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3))
+        specifier: 9.7.0-canary.15
+        version: 9.7.0-canary.15(@sanity/client@6.22.1)(@sanity/icons@3.4.0(react@18.3.1))(@sanity/types@3.61.0)(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(next@14.2.15(@babel/core@7.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sanity@3.61.0(@types/node@20.8.7)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       postcss:
-        specifier: 8.4.45
-        version: 8.4.45
+        specifier: 8.4.47
+        version: 8.4.47
       react:
         specifier: ^18.3.1
         version: 18.3.1
       react-dom:
         specifier: ^18.3.1
         version: 18.3.1(react@18.3.1)
+      server-only:
+        specifier: ^0.0.1
+        version: 0.0.1
       styled-components:
-        specifier: npm:@sanity/styled-components@6.1.13
-        version: '@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)'
-      suspend-react:
-        specifier: 0.1.3
-        version: 0.1.3(react@18.3.1)
+        specifier: 6.1.13
+        version: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       tailwindcss:
-        specifier: ^3.4.10
-        version: 3.4.10
+        specifier: ^3.4.14
+        version: 3.4.14
       typescript:
-        specifier: 5.6.2
-        version: 5.6.2
+        specifier: 5.6.3
+        version: 5.6.3
 
   apps/remix:
     dependencies:
@@ -702,17 +547,23 @@ importers:
         specifier: ^3.1.0
         version: 3.1.0(react@18.3.1)
       '@remix-run/css-bundle':
-        specifier: ^2.12.0
-        version: 2.12.0
+        specifier: ^2.13.1
+        version: 2.13.1
       '@remix-run/node':
-        specifier: ^2.12.0
-        version: 2.12.0(typescript@5.6.2)
+        specifier: ^2.13.1
+        version: 2.13.1(typescript@5.6.3)
       '@remix-run/react':
-        specifier: ^2.12.0
-        version: 2.12.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.6.2)
+        specifier: ^2.13.1
+        version: 2.13.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.6.3)
       '@remix-run/serve':
-        specifier: ^2.12.0
-        version: 2.12.0(typescript@5.6.2)
+        specifier: ^2.13.1
+        version: 2.13.1(typescript@5.6.3)
+      '@repo/env':
+        specifier: workspace:*
+        version: link:../../packages/@repo/env
+      '@repo/studio-url':
+        specifier: workspace:*
+        version: link:../../packages/@repo/studio-url
       '@sanity/image-url':
         specifier: ^1.0.2
         version: 1.0.2
@@ -723,14 +574,11 @@ importers:
         specifier: workspace:*
         version: link:../../packages/visual-editing
       '@vercel/remix':
-        specifier: ^2.11.2
-        version: 2.11.2(@remix-run/dev@2.12.0(@remix-run/react@2.12.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.6.2))(@remix-run/serve@2.12.0(typescript@5.6.2))(@types/node@22.5.4)(terser@5.31.3)(typescript@5.6.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)))(@remix-run/node@2.12.0(typescript@5.6.2))(@remix-run/server-runtime@2.12.0(typescript@5.6.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        specifier: ^2.12.0
+        version: 2.12.0(@remix-run/dev@2.13.1(@remix-run/react@2.13.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.6.3))(@remix-run/serve@2.13.1(typescript@5.6.3))(@types/node@22.5.5)(terser@5.33.0)(typescript@5.6.3)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0)))(@remix-run/node@2.13.1(typescript@5.6.3))(@remix-run/server-runtime@2.13.1(typescript@5.6.3))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@vercel/stega':
         specifier: 0.1.2
         version: 0.1.2
-      apps-common:
-        specifier: workspace:*
-        version: link:../common
       isbot:
         specifier: ^5.1.17
         version: 5.1.17
@@ -745,41 +593,47 @@ importers:
         version: 0.5.21
     devDependencies:
       '@remix-run/dev':
-        specifier: ^2.12.0
-        version: 2.12.0(@remix-run/react@2.12.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.6.2))(@remix-run/serve@2.12.0(typescript@5.6.2))(@types/node@22.5.4)(terser@5.31.3)(typescript@5.6.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
+        specifier: ^2.13.1
+        version: 2.13.1(@remix-run/react@2.13.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.6.3))(@remix-run/serve@2.13.1(typescript@5.6.3))(@types/node@22.5.5)(terser@5.33.0)(typescript@5.6.3)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
       '@remix-run/eslint-config':
-        specifier: ^2.12.0
-        version: 2.12.0(eslint@8.57.0)(react@18.3.1)(typescript@5.6.2)
+        specifier: ^2.13.1
+        version: 2.13.1(eslint@8.57.1)(react@18.3.1)(typescript@5.6.3)
+      '@repo/prettier-config':
+        specifier: workspace:*
+        version: link:../../packages/@repo/prettier-config
       '@types/react':
-        specifier: ^18.3.5
-        version: 18.3.5
+        specifier: ^18.3.11
+        version: 18.3.11
       '@types/react-dom':
-        specifier: ^18.3.0
-        version: 18.3.0
+        specifier: ^18.3.1
+        version: 18.3.1
       '@types/source-map-support':
         specifier: ^0.5.10
         version: 0.5.10
       eslint:
-        specifier: ^8.57.0
-        version: 8.57.0
+        specifier: ^8.57.1
+        version: 8.57.1
       tailwindcss:
-        specifier: ^3.4.10
-        version: 3.4.10
+        specifier: ^3.4.14
+        version: 3.4.14
       typescript:
-        specifier: 5.6.2
-        version: 5.6.2
+        specifier: 5.6.3
+        version: 5.6.3
       vite:
-        specifier: ^5.4.3
-        version: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
+        specifier: ^5.4.9
+        version: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
       vite-tsconfig-paths:
         specifier: ^5.0.1
-        version: 5.0.1(typescript@5.6.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
+        version: 5.0.1(typescript@5.6.3)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
 
   apps/studio:
     dependencies:
-      '@sanity/assist':
-        specifier: ^3.0.6
-        version: 3.0.6(@sanity/mutator@3.57.2)(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(sanity@3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3))
+      '@repo/env':
+        specifier: workspace:*
+        version: link:../../packages/@repo/env
+      '@repo/sanity-schema':
+        specifier: workspace:*
+        version: file:packages/@repo/sanity-schema(@sanity/presentation@packages+presentation)(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0))
       '@sanity/presentation':
         specifier: workspace:*
         version: link:../../packages/presentation
@@ -788,59 +642,66 @@ importers:
         version: link:../../packages/preview-url-secret
       '@sanity/ui':
         specifier: 2.8.9
-        version: 2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
+        version: 2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       '@sanity/vision':
-        specifier: 3.57.2
-        version: 3.57.2(@babel/runtime@7.25.6)(@codemirror/lint@6.8.1)(@codemirror/theme-one-dark@6.1.2)(@lezer/common@1.2.1)(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(codemirror@6.0.1(@lezer/common@1.2.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
+        specifier: 3.61.0
+        version: 3.61.0(@babel/runtime@7.25.6)(@codemirror/lint@6.8.1)(@codemirror/theme-one-dark@6.1.2)(@lezer/common@1.2.1)(codemirror@6.0.1(@lezer/common@1.2.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       '@types/react':
-        specifier: ^18.3.5
-        version: 18.3.5
+        specifier: ^18.3.11
+        version: 18.3.11
       '@types/react-dom':
-        specifier: ^18.3.0
-        version: 18.3.0
+        specifier: ^18.3.1
+        version: 18.3.1
       '@vercel/stega':
         specifier: 0.1.2
         version: 0.1.2
-      apps-common:
-        specifier: workspace:*
-        version: link:../common
       react:
         specifier: ^18.3.1
         version: 18.3.1
       react-dom:
         specifier: ^18.3.1
         version: 18.3.1(react@18.3.1)
-      rxjs:
-        specifier: ^7.8.1
-        version: 7.8.1
       sanity:
-        specifier: 3.57.2
-        version: 3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)
-      sanity-plugin-asset-source-unsplash:
-        specifier: ^3.0.1
-        version: 3.0.1(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(sanity@3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3))
+        specifier: 3.61.0
+        version: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0)
       styled-components:
-        specifier: npm:@sanity/styled-components@6.1.13
-        version: '@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)'
+        specifier: 6.1.13
+        version: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       typescript:
-        specifier: 5.6.2
-        version: 5.6.2
+        specifier: 5.6.3
+        version: 5.6.3
+    devDependencies:
+      '@repo/prettier-config':
+        specifier: workspace:*
+        version: link:../../packages/@repo/prettier-config
+    dependenciesMeta:
+      '@repo/sanity-schema':
+        injected: true
 
   apps/svelte:
     dependencies:
       '@portabletext/svelte':
         specifier: ^2.1.11
         version: 2.1.11(svelte@4.2.19)
+      '@repo/env':
+        specifier: workspace:*
+        version: link:../../packages/@repo/env
+      '@repo/studio-url':
+        specifier: workspace:*
+        version: link:../../packages/@repo/studio-url
       '@sanity/image-url':
         specifier: ^1.0.2
         version: 1.0.2
     devDependencies:
       '@fontsource/fira-mono':
-        specifier: ^5.0.15
-        version: 5.0.15
+        specifier: ^5.1.0
+        version: 5.1.0
+      '@repo/prettier-config':
+        specifier: workspace:*
+        version: link:../../packages/@repo/prettier-config
       '@sanity/client':
-        specifier: ^6.21.3
-        version: 6.21.3(debug@4.3.7)
+        specifier: ^6.22.1
+        version: 6.22.1(debug@4.3.7)
       '@sanity/presentation':
         specifier: workspace:*
         version: link:../../packages/presentation
@@ -854,53 +715,202 @@ importers:
         specifier: workspace:*
         version: link:../../packages/visual-editing
       '@sveltejs/adapter-auto':
-        specifier: ^3.2.4
-        version: 3.2.4(@sveltejs/kit@2.5.26(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)))(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)))
+        specifier: ^3.2.5
+        version: 3.2.5(@sveltejs/kit@2.7.1(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0)))
       '@sveltejs/kit':
-        specifier: ^2.5.26
-        version: 2.5.26(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)))(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
+        specifier: ^2.7.1
+        version: 2.7.1(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
       '@sveltejs/vite-plugin-svelte':
         specifier: ^3.1.2
-        version: 3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
+        version: 3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
       '@types/cookie':
         specifier: ^0.6.0
         version: 0.6.0
       '@typescript-eslint/eslint-plugin':
         specifier: ^7.18.0
-        version: 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint@8.57.0)(typescript@5.6.2)
+        version: 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3)
       '@typescript-eslint/parser':
         specifier: ^7.18.0
-        version: 7.18.0(eslint@8.57.0)(typescript@5.6.2)
-      apps-common:
+        version: 7.18.0(eslint@8.57.1)(typescript@5.6.3)
+      eslint:
+        specifier: ^8.57.1
+        version: 8.57.1
+      eslint-plugin-svelte:
+        specifier: ^2.44.1
+        version: 2.44.1(eslint@8.57.1)(svelte@4.2.19)
+      postcss:
+        specifier: 8.4.47
+        version: 8.4.47
+      svelte:
+        specifier: ^4.2.19
+        version: 4.2.19
+      svelte-check:
+        specifier: ^4.0.5
+        version: 4.0.5(picomatch@4.0.2)(svelte@4.2.19)(typescript@5.6.3)
+      tailwindcss:
+        specifier: ^3.4.14
+        version: 3.4.14
+      tslib:
+        specifier: ^2.8.0
+        version: 2.8.0
+      typescript:
+        specifier: 5.6.3
+        version: 5.6.3
+      vite:
+        specifier: ^5.4.9
+        version: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
+
+  packages/@repo/env:
+    devDependencies:
+      typescript:
+        specifier: 5.6.3
+        version: 5.6.3
+
+  packages/@repo/eslint-config:
+    dependencies:
+      '@typescript-eslint/eslint-plugin':
+        specifier: ^7.18.0
+        version: 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/parser':
+        specifier: ^7.18.0
+        version: 7.18.0(eslint@8.57.1)(typescript@5.6.3)
+      eslint-config-prettier:
+        specifier: ^9.1.0
+        version: 9.1.0(eslint@8.57.1)
+      eslint-config-turbo:
+        specifier: ^2.1.3
+        version: 2.1.3(eslint@8.57.1)
+      eslint-plugin-react:
+        specifier: ^7.37.1
+        version: 7.37.1(eslint@8.57.1)
+      eslint-plugin-react-hooks:
+        specifier: ^5.0.0
+        version: 5.0.0(eslint@8.57.1)
+    devDependencies:
+      '@types/eslint':
+        specifier: ^8.56.12
+        version: 8.56.12
+      eslint:
+        specifier: ^8.57.1
+        version: 8.57.1
+      typescript:
+        specifier: 5.6.3
+        version: 5.6.3
+
+  packages/@repo/package.config: {}
+
+  packages/@repo/prettier-config:
+    dependencies:
+      '@ianvs/prettier-plugin-sort-imports':
+        specifier: 4.3.1
+        version: 4.3.1(@vue/compiler-sfc@3.5.6)(prettier@3.3.3)
+      '@sanity/prettier-config':
+        specifier: 1.0.3
+        version: 1.0.3(prettier@3.3.3)
+      prettier:
+        specifier: 3.3.3
+        version: 3.3.3
+      prettier-plugin-astro:
+        specifier: ^0.14.1
+        version: 0.14.1
+      prettier-plugin-svelte:
+        specifier: 3.2.7
+        version: 3.2.7(prettier@3.3.3)(svelte@4.2.19)
+      prettier-plugin-tailwindcss:
+        specifier: 0.6.8
+        version: 0.6.8(@ianvs/prettier-plugin-sort-imports@4.3.1(@vue/compiler-sfc@3.5.6)(prettier@3.3.3))(prettier-plugin-astro@0.14.1)(prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@4.2.19))(prettier@3.3.3)
+
+  packages/@repo/sanity-extracted-schema:
+    dependencies:
+      '@repo/env':
+        specifier: workspace:*
+        version: link:../env
+      '@repo/sanity-schema':
+        specifier: workspace:*
+        version: link:../sanity-schema
+    devDependencies:
+      '@repo/eslint-config':
+        specifier: workspace:*
+        version: link:../eslint-config
+      '@repo/prettier-config':
+        specifier: workspace:*
+        version: link:../prettier-config
+      eslint:
+        specifier: ^8.57.1
+        version: 8.57.1
+      sanity:
+        specifier: 3.61.0
+        version: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(terser@5.33.0)
+      styled-components:
+        specifier: ^6.1.13
+        version: 6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
+      typescript:
+        specifier: 5.6.3
+        version: 5.6.3
+
+  packages/@repo/sanity-schema:
+    dependencies:
+      '@repo/env':
+        specifier: workspace:*
+        version: link:../env
+      date-fns:
+        specifier: ^4.1.0
+        version: 4.1.0
+    devDependencies:
+      '@repo/eslint-config':
+        specifier: workspace:*
+        version: link:../eslint-config
+      '@repo/prettier-config':
+        specifier: workspace:*
+        version: link:../prettier-config
+      '@sanity/assist':
+        specifier: 3.0.8
+        version: 3.0.8(@sanity/mutator@3.61.0)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(terser@5.33.0))(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))
+      '@sanity/color-input':
+        specifier: 4.0.1
+        version: 4.0.1(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(terser@5.33.0))(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))
+      '@sanity/icons':
+        specifier: 3.4.0
+        version: 3.4.0(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@sanity/presentation':
+        specifier: workspace:*
+        version: link:../../presentation
+      '@sanity/ui':
+        specifier: 2.8.9
+        version: 2.8.9(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))
+      eslint:
+        specifier: ^8.57.1
+        version: 8.57.1
+      rxjs:
+        specifier: ^7.8.1
+        version: 7.8.1
+      sanity:
+        specifier: 3.61.0
+        version: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(terser@5.33.0)
+      sanity-plugin-asset-source-unsplash:
+        specifier: 3.0.1
+        version: 3.0.1(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(terser@5.33.0))(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))
+      typescript:
+        specifier: 5.6.3
+        version: 5.6.3
+
+  packages/@repo/studio-url:
+    devDependencies:
+      '@repo/eslint-config':
         specifier: workspace:*
-        version: link:../common
-      eslint:
-        specifier: ^8.57.0
-        version: 8.57.0
-      eslint-plugin-svelte:
-        specifier: ^2.43.0
-        version: 2.43.0(eslint@8.57.0)(svelte@4.2.19)
-      postcss:
-        specifier: 8.4.45
-        version: 8.4.45
-      svelte:
-        specifier: ^4.2.19
-        version: 4.2.19
-      svelte-check:
-        specifier: ^4.0.1
-        version: 4.0.1(picomatch@4.0.2)(svelte@4.2.19)(typescript@5.6.2)
-      tailwindcss:
-        specifier: ^3.4.10
-        version: 3.4.10
-      tslib:
-        specifier: ^2.7.0
-        version: 2.7.0
+        version: link:../eslint-config
+      '@repo/package.config':
+        specifier: workspace:*
+        version: link:../package.config
+      '@repo/prettier-config':
+        specifier: workspace:*
+        version: link:../prettier-config
+      '@sanity/pkg-utils':
+        specifier: 6.11.3
+        version: 6.11.3(@types/babel__core@7.20.5)(@types/node@22.5.5)(typescript@5.6.3)
       typescript:
-        specifier: 5.6.2
-        version: 5.6.2
-      vite:
-        specifier: ^5.4.3
-        version: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
+        specifier: 5.6.3
+        version: 5.6.3
 
   packages/channels:
     dependencies:
@@ -908,30 +918,21 @@ importers:
         specifier: ^10.0.0
         version: 10.0.0
     devDependencies:
-      '@typescript-eslint/eslint-plugin':
-        specifier: ^7.18.0
-        version: 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint@8.57.0)(typescript@5.6.2)
-      '@typescript-eslint/parser':
-        specifier: ^7.18.0
-        version: 7.18.0(eslint@8.57.0)(typescript@5.6.2)
+      '@repo/eslint-config':
+        specifier: workspace:*
+        version: link:../@repo/eslint-config
+      '@repo/prettier-config':
+        specifier: workspace:*
+        version: link:../@repo/prettier-config
       eslint:
-        specifier: ^8.57.0
-        version: 8.57.0
-      eslint-config-prettier:
-        specifier: ^9.1.0
-        version: 9.1.0(eslint@8.57.0)
-      eslint-plugin-prettier:
-        specifier: ^5.2.1
-        version: 5.2.1(eslint-config-prettier@9.1.0(eslint@8.57.0))(eslint@8.57.0)(prettier@3.3.3)
-      eslint-plugin-simple-import-sort:
-        specifier: ^12.1.1
-        version: 12.1.1(eslint@8.57.0)
+        specifier: ^8.57.1
+        version: 8.57.1
       typescript:
-        specifier: 5.6.2
-        version: 5.6.2
+        specifier: 5.6.3
+        version: 5.6.3
       vitest:
-        specifier: ^2.0.5
-        version: 2.0.5(@types/node@22.5.4)(happy-dom@15.7.3)(jsdom@23.2.0)(terser@5.31.3)
+        specifier: ^2.1.3
+        version: 2.1.3(@types/node@22.5.5)(happy-dom@15.7.4)(jsdom@23.2.0)(terser@5.33.0)
 
   packages/comlink:
     dependencies:
@@ -942,57 +943,42 @@ importers:
         specifier: ^10.0.0
         version: 10.0.0
       xstate:
-        specifier: ^5.18.1
-        version: 5.18.1
+        specifier: ^5.18.2
+        version: 5.18.2
     devDependencies:
+      '@repo/eslint-config':
+        specifier: workspace:*
+        version: link:../@repo/eslint-config
       '@repo/package.config':
         specifier: workspace:*
-        version: link:../package.config
-      '@typescript-eslint/eslint-plugin':
-        specifier: ^7.18.0
-        version: 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint@8.57.0)(typescript@5.6.2)
-      '@typescript-eslint/parser':
-        specifier: ^7.18.0
-        version: 7.18.0(eslint@8.57.0)(typescript@5.6.2)
+        version: link:../@repo/package.config
       eslint:
-        specifier: ^8.57.0
-        version: 8.57.0
-      eslint-config-prettier:
-        specifier: ^9.1.0
-        version: 9.1.0(eslint@8.57.0)
-      eslint-plugin-prettier:
-        specifier: ^5.2.1
-        version: 5.2.1(eslint-config-prettier@9.1.0(eslint@8.57.0))(eslint@8.57.0)(prettier@3.3.3)
-      eslint-plugin-simple-import-sort:
-        specifier: ^12.1.1
-        version: 12.1.1(eslint@8.57.0)
+        specifier: ^8.57.1
+        version: 8.57.1
       typescript:
-        specifier: 5.6.2
-        version: 5.6.2
+        specifier: 5.6.3
+        version: 5.6.3
       vitest:
-        specifier: ^2.0.5
-        version: 2.0.5(@types/node@22.5.4)(happy-dom@15.7.3)(jsdom@23.2.0)(terser@5.31.3)
+        specifier: ^2.1.3
+        version: 2.1.3(@types/node@22.5.5)(happy-dom@15.7.4)(jsdom@23.2.0)(terser@5.33.0)
 
   packages/comlink/playground:
     dependencies:
       '@remix-run/node':
-        specifier: ^2.12.0
-        version: 2.12.0(typescript@5.6.2)
+        specifier: ^2.13.1
+        version: 2.13.1(typescript@5.6.3)
       '@remix-run/react':
-        specifier: ^2.12.0
-        version: 2.12.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.6.2)
+        specifier: ^2.13.1
+        version: 2.13.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.6.3)
       '@remix-run/serve':
-        specifier: ^2.12.0
-        version: 2.12.0(typescript@5.6.2)
-      '@repo/channels':
-        specifier: workspace:*
-        version: link:../../channels
+        specifier: ^2.13.1
+        version: 2.13.1(typescript@5.6.3)
       '@sanity/comlink':
         specifier: workspace:*
         version: link:..
       '@xstate/react':
-        specifier: ^4.1.2
-        version: 4.1.2(@types/react@18.3.5)(react@18.3.1)(xstate@5.18.1)
+        specifier: ^4.1.3
+        version: 4.1.3(@types/react@18.3.11)(react@18.3.1)(xstate@5.18.2)
       isbot:
         specifier: ^5.1.17
         version: 5.1.17
@@ -1004,107 +990,104 @@ importers:
         version: 18.3.1(react@18.3.1)
     devDependencies:
       '@remix-run/dev':
-        specifier: ^2.12.0
-        version: 2.12.0(@remix-run/react@2.12.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.6.2))(@remix-run/serve@2.12.0(typescript@5.6.2))(@types/node@22.5.4)(terser@5.31.3)(typescript@5.6.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
+        specifier: ^2.13.1
+        version: 2.13.1(@remix-run/react@2.13.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.6.3))(@remix-run/serve@2.13.1(typescript@5.6.3))(@types/node@22.5.5)(terser@5.33.0)(typescript@5.6.3)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
       '@types/react':
-        specifier: ^18.3.5
-        version: 18.3.5
+        specifier: ^18.3.11
+        version: 18.3.11
       '@types/react-dom':
-        specifier: ^18.3.0
-        version: 18.3.0
+        specifier: ^18.3.1
+        version: 18.3.1
       '@typescript-eslint/eslint-plugin':
         specifier: ^7.18.0
-        version: 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint@8.57.0)(typescript@5.6.2)
+        version: 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3)
       '@typescript-eslint/parser':
         specifier: ^7.18.0
-        version: 7.18.0(eslint@8.57.0)(typescript@5.6.2)
+        version: 7.18.0(eslint@8.57.1)(typescript@5.6.3)
       autoprefixer:
         specifier: ^10.4.20
-        version: 10.4.20(postcss@8.4.45)
+        version: 10.4.20(postcss@8.4.47)
       eslint:
-        specifier: ^8.57.0
-        version: 8.57.0
+        specifier: ^8.57.1
+        version: 8.57.1
       eslint-import-resolver-typescript:
         specifier: ^3.6.3
-        version: 3.6.3(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint-plugin-import@2.30.0)(eslint@8.57.0)
+        version: 3.6.3(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1))(eslint@8.57.1)
       eslint-plugin-import:
-        specifier: ^2.30.0
-        version: 2.30.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0)
+        specifier: ^2.31.0
+        version: 2.31.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1)
       eslint-plugin-jsx-a11y:
         specifier: ^6.10.0
-        version: 6.10.0(eslint@8.57.0)
+        version: 6.10.0(eslint@8.57.1)
       eslint-plugin-react:
-        specifier: ^7.35.2
-        version: 7.35.2(eslint@8.57.0)
+        specifier: ^7.37.1
+        version: 7.37.1(eslint@8.57.1)
       eslint-plugin-react-hooks:
-        specifier: ^4.6.2
-        version: 4.6.2(eslint@8.57.0)
+        specifier: ^5.0.0
+        version: 5.0.0(eslint@8.57.1)
       postcss:
-        specifier: ^8.4.45
-        version: 8.4.45
+        specifier: ^8.4.47
+        version: 8.4.47
       tailwindcss:
-        specifier: ^3.4.10
-        version: 3.4.10
+        specifier: ^3.4.14
+        version: 3.4.14
       typescript:
-        specifier: ^5.6.2
-        version: 5.6.2
+        specifier: ^5.6.3
+        version: 5.6.3
       vite:
-        specifier: ^5.4.3
-        version: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
+        specifier: ^5.4.9
+        version: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
       vite-tsconfig-paths:
         specifier: ^5.0.1
-        version: 5.0.1(typescript@5.6.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
+        version: 5.0.1(typescript@5.6.3)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
 
   packages/core-loader:
     devDependencies:
-      '@repo/channels':
+      '@repo/eslint-config':
         specifier: workspace:*
-        version: link:../channels
+        version: link:../@repo/eslint-config
       '@repo/package.config':
         specifier: workspace:*
-        version: link:../package.config
+        version: link:../@repo/package.config
+      '@repo/prettier-config':
+        specifier: workspace:*
+        version: link:../@repo/prettier-config
       '@repo/visual-editing-helpers':
         specifier: workspace:*
         version: link:../visual-editing-helpers
       '@sanity/client':
-        specifier: ^6.21.3
-        version: 6.21.3(debug@4.3.7)
+        specifier: ^6.22.1
+        version: 6.22.1(debug@4.3.7)
+      '@sanity/comlink':
+        specifier: workspace:*
+        version: link:../comlink
       '@sanity/pkg-utils':
-        specifier: 6.11.1
-        version: 6.11.1(@types/babel__core@7.20.5)(@types/node@22.5.4)(typescript@5.6.2)
+        specifier: 6.11.3
+        version: 6.11.3(@types/babel__core@7.20.5)(@types/node@22.5.5)(typescript@5.6.3)
       '@typescript-eslint/eslint-plugin':
         specifier: ^7.18.0
-        version: 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint@8.57.0)(typescript@5.6.2)
+        version: 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3)
       '@typescript-eslint/parser':
         specifier: ^7.18.0
-        version: 7.18.0(eslint@8.57.0)(typescript@5.6.2)
+        version: 7.18.0(eslint@8.57.1)(typescript@5.6.3)
       async-cache-dedupe:
         specifier: 2.2.0
         version: 2.2.0
       eslint:
-        specifier: ^8.57.0
-        version: 8.57.0
-      eslint-config-prettier:
-        specifier: ^9.1.0
-        version: 9.1.0(eslint@8.57.0)
-      eslint-plugin-prettier:
-        specifier: ^5.2.1
-        version: 5.2.1(eslint-config-prettier@9.1.0(eslint@8.57.0))(eslint@8.57.0)(prettier@3.3.3)
-      eslint-plugin-simple-import-sort:
-        specifier: ^12.1.1
-        version: 12.1.1(eslint@8.57.0)
+        specifier: ^8.57.1
+        version: 8.57.1
       happy-dom:
-        specifier: ^15.7.3
-        version: 15.7.3
+        specifier: ^15.7.4
+        version: 15.7.4
       nanostores:
         specifier: 0.10.3
         version: 0.10.3
       typescript:
-        specifier: 5.6.2
-        version: 5.6.2
+        specifier: 5.6.3
+        version: 5.6.3
       vitest:
-        specifier: ^2.0.5
-        version: 2.0.5(@types/node@22.5.4)(happy-dom@15.7.3)(jsdom@23.2.0)(terser@5.31.3)
+        specifier: ^2.1.3
+        version: 2.1.3(@types/node@22.5.5)(happy-dom@15.7.4)(jsdom@23.2.0)(terser@5.33.0)
 
   packages/insert-menu:
     dependencies:
@@ -1113,41 +1096,41 @@ importers:
         version: 3.4.0(react@18.3.1)
       '@sanity/ui':
         specifier: ^2.8.9
-        version: 2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
+        version: 2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       lodash.startcase:
         specifier: ^4.4.0
         version: 4.4.0
     devDependencies:
       '@sanity/pkg-utils':
-        specifier: ^6.11.1
-        version: 6.11.1(@types/babel__core@7.20.5)(@types/node@22.5.4)(typescript@5.6.2)
+        specifier: ^6.11.3
+        version: 6.11.3(@types/babel__core@7.20.5)(@types/node@22.5.5)(typescript@5.6.3)
       '@sanity/types':
-        specifier: 3.57.2
-        version: 3.57.2(debug@4.3.7)
+        specifier: 3.61.0
+        version: 3.61.0(debug@4.3.7)
       '@sanity/ui-workshop':
         specifier: ^2.0.16
-        version: 2.0.16(@sanity/icons@3.4.0(react@18.3.1))(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1))(@types/node@22.5.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)
+        version: 2.0.16(@sanity/icons@3.4.0(react@18.3.1))(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(@types/node@22.5.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0)
       '@types/lodash.startcase':
         specifier: ^4.4.9
         version: 4.4.9
       '@typescript-eslint/eslint-plugin':
         specifier: ^7.18.0
-        version: 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint@8.57.0)(typescript@5.6.2)
+        version: 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3)
       '@typescript-eslint/parser':
         specifier: ^7.18.0
-        version: 7.18.0(eslint@8.57.0)(typescript@5.6.2)
+        version: 7.18.0(eslint@8.57.1)(typescript@5.6.3)
       eslint:
-        specifier: ^8.57.0
-        version: 8.57.0
+        specifier: ^8.57.1
+        version: 8.57.1
       eslint-plugin-import:
-        specifier: ^2.30.0
-        version: 2.30.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0)
+        specifier: ^2.31.0
+        version: 2.31.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1)
       eslint-plugin-simple-import-sort:
         specifier: ^12.1.1
-        version: 12.1.1(eslint@8.57.0)
+        version: 12.1.1(eslint@8.57.1)
       lint-staged:
-        specifier: ^15.2.5
-        version: 15.2.5
+        specifier: ^15.2.10
+        version: 15.2.10
       react:
         specifier: ^18.3.1
         version: 18.3.1
@@ -1158,13 +1141,63 @@ importers:
         specifier: ^18.3.1
         version: 18.3.1
       typescript:
-        specifier: 5.6.2
-        version: 5.6.2
+        specifier: 5.6.3
+        version: 5.6.3
 
-  packages/package.config: {}
+  packages/next-loader:
+    dependencies:
+      '@sanity/comlink':
+        specifier: workspace:*
+        version: link:../comlink
+      use-effect-event:
+        specifier: ^1.0.2
+        version: 1.0.2(react@18.3.1)
+    devDependencies:
+      '@repo/eslint-config':
+        specifier: workspace:*
+        version: link:../@repo/eslint-config
+      '@repo/package.config':
+        specifier: workspace:*
+        version: link:../@repo/package.config
+      '@repo/prettier-config':
+        specifier: workspace:*
+        version: link:../@repo/prettier-config
+      '@repo/visual-editing-helpers':
+        specifier: workspace:*
+        version: link:../visual-editing-helpers
+      '@sanity/client':
+        specifier: ^6.22.1
+        version: 6.22.1(debug@4.3.7)
+      '@sanity/pkg-utils':
+        specifier: 6.11.3
+        version: 6.11.3(@types/babel__core@7.20.5)(@types/node@22.5.5)(typescript@5.6.3)
+      '@types/react':
+        specifier: ^18.3.11
+        version: 18.3.11
+      eslint:
+        specifier: ^8.57.1
+        version: 8.57.1
+      fast-deep-equal:
+        specifier: 3.1.3
+        version: 3.1.3
+      next:
+        specifier: ^14.2.15
+        version: 14.2.15(@babel/core@7.25.8)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)
+      react:
+        specifier: ^18.3.1
+        version: 18.3.1
+      typescript:
+        specifier: 5.6.3
+        version: 5.6.3
+      vitest:
+        specifier: ^2.1.3
+        version: 2.1.3(@types/node@22.5.5)(happy-dom@15.7.4)(jsdom@23.2.0)(terser@5.33.0)
 
   packages/presentation:
     dependencies:
+      '@sanity/comlink':
+        specifier: workspace:*
+        version: link:../comlink
       '@sanity/icons':
         specifier: ^3.4.0
         version: 3.4.0(react@18.3.1)
@@ -1173,7 +1206,7 @@ importers:
         version: link:../preview-url-secret
       '@sanity/ui':
         specifier: ^2.8.9
-        version: 2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
+        version: 2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       '@sanity/uuid':
         specifier: 3.0.2
         version: 3.0.2
@@ -1199,36 +1232,48 @@ importers:
         specifier: 0.39.8
         version: 0.39.8
       path-to-regexp:
-        specifier: ^6.2.2
-        version: 6.2.2
+        specifier: ^6.3.0
+        version: 6.3.0
+      qrcode.react:
+        specifier: 4.0.1
+        version: 4.0.1(react@18.3.1)
       rxjs:
         specifier: ^7.8.1
         version: 7.8.1
       suspend-react:
         specifier: 0.1.3
         version: 0.1.3(react@18.3.1)
+      use-effect-event:
+        specifier: ^1.0.2
+        version: 1.0.2(react@18.3.1)
     devDependencies:
-      '@repo/channels':
+      '@repo/eslint-config':
         specifier: workspace:*
-        version: link:../channels
+        version: link:../@repo/eslint-config
       '@repo/package.config':
         specifier: workspace:*
-        version: link:../package.config
+        version: link:../@repo/package.config
+      '@repo/prettier-config':
+        specifier: workspace:*
+        version: link:../@repo/prettier-config
       '@repo/visual-editing-helpers':
         specifier: workspace:*
         version: link:../visual-editing-helpers
       '@sanity/client':
-        specifier: ^6.21.3
-        version: 6.21.3(debug@4.3.7)
+        specifier: ^6.22.1
+        version: 6.22.1(debug@4.3.7)
       '@sanity/pkg-utils':
-        specifier: 6.11.1
-        version: 6.11.1(@types/babel__core@7.20.5)(@types/node@22.5.4)(typescript@5.6.2)
+        specifier: 6.11.3
+        version: 6.11.3(@types/babel__core@7.20.5)(@types/node@22.5.5)(typescript@5.6.3)
       '@types/lodash.get':
         specifier: ^4.4.9
         version: 4.4.9
+      eslint:
+        specifier: ^8.57.1
+        version: 8.57.1
       happy-dom:
-        specifier: ^15.7.3
-        version: 15.7.3
+        specifier: ^15.7.4
+        version: 15.7.4
       react:
         specifier: ^18.3.1
         version: 18.3.1
@@ -1236,65 +1281,56 @@ importers:
         specifier: ^18.3.1
         version: 18.3.1(react@18.3.1)
       sanity:
-        specifier: 3.57.2
-        version: 3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)
+        specifier: 3.61.0
+        version: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0)
       styled-components:
-        specifier: npm:@sanity/styled-components@6.1.13
-        version: '@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)'
+        specifier: 6.1.13
+        version: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       typescript:
-        specifier: 5.6.2
-        version: 5.6.2
+        specifier: 5.6.3
+        version: 5.6.3
       vitest:
-        specifier: ^2.0.5
-        version: 2.0.5(@types/node@22.5.4)(happy-dom@15.7.3)(jsdom@23.2.0)(terser@5.31.3)
+        specifier: ^2.1.3
+        version: 2.1.3(@types/node@22.5.5)(happy-dom@15.7.4)(jsdom@23.2.0)(terser@5.33.0)
 
   packages/preview-kit-compat:
     devDependencies:
-      '@repo/channels':
+      '@repo/eslint-config':
         specifier: workspace:*
-        version: link:../channels
+        version: link:../@repo/eslint-config
       '@repo/package.config':
         specifier: workspace:*
-        version: link:../package.config
+        version: link:../@repo/package.config
+      '@repo/prettier-config':
+        specifier: workspace:*
+        version: link:../@repo/prettier-config
       '@repo/visual-editing-helpers':
         specifier: workspace:*
         version: link:../visual-editing-helpers
       '@sanity/client':
-        specifier: ^6.21.3
-        version: 6.21.3(debug@4.3.7)
+        specifier: ^6.22.1
+        version: 6.22.1(debug@4.3.7)
+      '@sanity/comlink':
+        specifier: workspace:*
+        version: link:../comlink
       '@sanity/pkg-utils':
-        specifier: 6.11.1
-        version: 6.11.1(@types/babel__core@7.20.5)(@types/node@22.5.4)(typescript@5.6.2)
+        specifier: 6.11.3
+        version: 6.11.3(@types/babel__core@7.20.5)(@types/node@22.5.5)(typescript@5.6.3)
       '@types/react':
-        specifier: ^18.3.5
-        version: 18.3.5
-      '@typescript-eslint/eslint-plugin':
-        specifier: ^7.18.0
-        version: 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint@8.57.0)(typescript@5.6.2)
-      '@typescript-eslint/parser':
-        specifier: ^7.18.0
-        version: 7.18.0(eslint@8.57.0)(typescript@5.6.2)
+        specifier: ^18.3.11
+        version: 18.3.11
       eslint:
-        specifier: ^8.57.0
-        version: 8.57.0
-      eslint-config-prettier:
-        specifier: ^9.1.0
-        version: 9.1.0(eslint@8.57.0)
-      eslint-plugin-prettier:
-        specifier: ^5.2.1
-        version: 5.2.1(eslint-config-prettier@9.1.0(eslint@8.57.0))(eslint@8.57.0)(prettier@3.3.3)
-      eslint-plugin-simple-import-sort:
-        specifier: ^12.1.1
-        version: 12.1.1(eslint@8.57.0)
+        specifier: ^8.57.1
+        version: 8.57.1
       react:
         specifier: ^18.3.1
         version: 18.3.1
       typescript:
-        specifier: 5.6.2
-        version: 5.6.2
+        specifier: 5.6.3
+        version: 5.6.3
       vitest:
-        specifier: ^2.0.5
-        version: 2.0.5(@types/node@22.5.4)(happy-dom@15.7.3)(jsdom@23.2.0)(terser@5.31.3)
+        specifier: ^2.1.3
+        version: 2.1.3(@types/node@22.5.5)(happy-dom@15.7.4)(jsdom@23.2.0)(terser@5.33.0)
 
   packages/preview-url-secret:
     dependencies:
@@ -1305,45 +1341,36 @@ importers:
       '@repo/channels':
         specifier: workspace:*
         version: link:../channels
+      '@repo/eslint-config':
+        specifier: workspace:*
+        version: link:../@repo/eslint-config
       '@repo/package.config':
         specifier: workspace:*
-        version: link:../package.config
+        version: link:../@repo/package.config
+      '@repo/prettier-config':
+        specifier: workspace:*
+        version: link:../@repo/prettier-config
       '@sanity/client':
-        specifier: ^6.21.3
-        version: 6.21.3(debug@4.3.7)
+        specifier: ^6.22.1
+        version: 6.22.1(debug@4.3.7)
       '@sanity/icons':
         specifier: ^3.4.0
         version: 3.4.0(react@19.0.0-rc-fb9a90fa48-20240614)
       '@sanity/pkg-utils':
-        specifier: 6.11.1
-        version: 6.11.1(@types/babel__core@7.20.5)(@types/node@22.5.4)(typescript@5.6.2)
-      '@typescript-eslint/eslint-plugin':
-        specifier: ^7.18.0
-        version: 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint@8.57.0)(typescript@5.6.2)
-      '@typescript-eslint/parser':
-        specifier: ^7.18.0
-        version: 7.18.0(eslint@8.57.0)(typescript@5.6.2)
+        specifier: 6.11.3
+        version: 6.11.3(@types/babel__core@7.20.5)(@types/node@22.5.5)(typescript@5.6.3)
       eslint:
-        specifier: ^8.57.0
-        version: 8.57.0
-      eslint-config-prettier:
-        specifier: ^9.1.0
-        version: 9.1.0(eslint@8.57.0)
-      eslint-plugin-prettier:
-        specifier: ^5.2.1
-        version: 5.2.1(eslint-config-prettier@9.1.0(eslint@8.57.0))(eslint@8.57.0)(prettier@3.3.3)
-      eslint-plugin-simple-import-sort:
-        specifier: ^12.1.1
-        version: 12.1.1(eslint@8.57.0)
+        specifier: ^8.57.1
+        version: 8.57.1
       sanity:
-        specifier: 3.57.2
-        version: 3.57.2(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(terser@5.31.3)
+        specifier: 3.61.0
+        version: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(terser@5.33.0)
       typescript:
-        specifier: 5.6.2
-        version: 5.6.2
+        specifier: 5.6.3
+        version: 5.6.3
       vitest:
-        specifier: ^2.0.5
-        version: 2.0.5(@types/node@22.5.4)(happy-dom@15.7.3)(jsdom@23.2.0)(terser@5.31.3)
+        specifier: ^2.1.3
+        version: 2.1.3(@types/node@22.5.5)(happy-dom@15.7.4)(jsdom@23.2.0)(terser@5.33.0)
 
   packages/react-loader:
     dependencies:
@@ -1354,39 +1381,30 @@ importers:
       '@repo/channels':
         specifier: workspace:*
         version: link:../channels
+      '@repo/eslint-config':
+        specifier: workspace:*
+        version: link:../@repo/eslint-config
       '@repo/package.config':
         specifier: workspace:*
-        version: link:../package.config
+        version: link:../@repo/package.config
+      '@repo/prettier-config':
+        specifier: workspace:*
+        version: link:../@repo/prettier-config
       '@repo/visual-editing-helpers':
         specifier: workspace:*
         version: link:../visual-editing-helpers
       '@sanity/client':
-        specifier: ^6.21.3
-        version: 6.21.3(debug@4.3.7)
+        specifier: ^6.22.1
+        version: 6.22.1(debug@4.3.7)
       '@sanity/pkg-utils':
-        specifier: 6.11.1
-        version: 6.11.1(@types/babel__core@7.20.5)(@types/node@22.5.4)(typescript@5.6.2)
+        specifier: 6.11.3
+        version: 6.11.3(@types/babel__core@7.20.5)(@types/node@22.5.5)(typescript@5.6.3)
       '@types/react':
-        specifier: ^18.3.5
-        version: 18.3.5
-      '@typescript-eslint/eslint-plugin':
-        specifier: ^7.18.0
-        version: 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint@8.57.0)(typescript@5.6.2)
-      '@typescript-eslint/parser':
-        specifier: ^7.18.0
-        version: 7.18.0(eslint@8.57.0)(typescript@5.6.2)
+        specifier: ^18.3.11
+        version: 18.3.11
       eslint:
-        specifier: ^8.57.0
-        version: 8.57.0
-      eslint-config-prettier:
-        specifier: ^9.1.0
-        version: 9.1.0(eslint@8.57.0)
-      eslint-plugin-prettier:
-        specifier: ^5.2.1
-        version: 5.2.1(eslint-config-prettier@9.1.0(eslint@8.57.0))(eslint@8.57.0)(prettier@3.3.3)
-      eslint-plugin-simple-import-sort:
-        specifier: ^12.1.1
-        version: 12.1.1(eslint@8.57.0)
+        specifier: ^8.57.1
+        version: 8.57.1
       fast-deep-equal:
         specifier: 3.1.3
         version: 3.1.3
@@ -1394,11 +1412,11 @@ importers:
         specifier: ^18.3.1
         version: 18.3.1
       typescript:
-        specifier: 5.6.2
-        version: 5.6.2
+        specifier: 5.6.3
+        version: 5.6.3
       vitest:
-        specifier: ^2.0.5
-        version: 2.0.5(@types/node@22.5.4)(happy-dom@15.7.3)(jsdom@23.2.0)(terser@5.31.3)
+        specifier: ^2.1.3
+        version: 2.1.3(@types/node@22.5.5)(happy-dom@15.7.4)(jsdom@23.2.0)(terser@5.33.0)
 
   packages/svelte-loader:
     dependencies:
@@ -1412,18 +1430,24 @@ importers:
       '@repo/channels':
         specifier: workspace:*
         version: link:../channels
+      '@repo/eslint-config':
+        specifier: workspace:*
+        version: link:../@repo/eslint-config
       '@repo/package.config':
         specifier: workspace:*
-        version: link:../package.config
+        version: link:../@repo/package.config
+      '@repo/prettier-config':
+        specifier: workspace:*
+        version: link:../@repo/prettier-config
       '@repo/visual-editing-helpers':
         specifier: workspace:*
         version: link:../visual-editing-helpers
       '@sanity/client':
-        specifier: ^6.21.3
-        version: 6.21.3(debug@4.3.7)
+        specifier: ^6.22.1
+        version: 6.22.1(debug@4.3.7)
       '@sanity/pkg-utils':
-        specifier: 6.11.1
-        version: 6.11.1(@types/babel__core@7.20.5)(@types/node@22.5.4)(typescript@5.6.2)
+        specifier: 6.11.3
+        version: 6.11.3(@types/babel__core@7.20.5)(@types/node@22.5.5)(typescript@5.6.3)
       '@sanity/preview-url-secret':
         specifier: workspace:*
         version: link:../preview-url-secret
@@ -1431,29 +1455,32 @@ importers:
         specifier: workspace:*
         version: link:../visual-editing
       '@sveltejs/kit':
-        specifier: ^2.5.28
-        version: 2.6.1(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)))(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
+        specifier: ^2.7.1
+        version: 2.7.1(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
       '@sveltejs/vite-plugin-svelte':
         specifier: ^3.1.2
-        version: 3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
+        version: 3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
       eslint:
         specifier: ^8.57.1
         version: 8.57.1
       rollup-plugin-svelte:
         specifier: ^7.2.2
-        version: 7.2.2(rollup@4.21.2)(svelte@4.2.19)
+        version: 7.2.2(rollup@4.24.0)(svelte@4.2.19)
       svelte:
         specifier: ^4.2.19
         version: 4.2.19
       typescript:
-        specifier: 5.6.2
-        version: 5.6.2
+        specifier: 5.6.3
+        version: 5.6.3
       vitest:
-        specifier: ^2.0.5
-        version: 2.0.5(@types/node@22.5.4)(happy-dom@15.7.3)(jsdom@23.2.0)(terser@5.31.3)
+        specifier: ^2.1.3
+        version: 2.1.3(@types/node@22.5.5)(happy-dom@15.7.4)(jsdom@23.2.0)(terser@5.33.0)
 
   packages/visual-editing:
     dependencies:
+      '@sanity/mutate':
+        specifier: 0.10.1-canary.4
+        version: 0.10.1-canary.4(xstate@5.18.2)
       '@sanity/preview-url-secret':
         specifier: workspace:*
         version: link:../preview-url-secret
@@ -1462,110 +1489,98 @@ importers:
         version: 0.1.2
       next:
         specifier: '>= 13 || >=14.3.0-canary.0 <14.3.0 || >=15.0.0-rc'
-        version: 14.2.9(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+        version: 14.2.15(@babel/core@7.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       scroll-into-view-if-needed:
         specifier: ^3.1.0
         version: 3.1.0
+      use-effect-event:
+        specifier: ^1.0.2
+        version: 1.0.2(react@18.3.1)
       valibot:
         specifier: 0.31.1
         version: 0.31.1
+      xstate:
+        specifier: ^5.18.2
+        version: 5.18.2
     devDependencies:
       '@remix-run/react':
-        specifier: ^2.12.0
-        version: 2.12.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.6.2)
-      '@repo/channels':
+        specifier: ^2.13.1
+        version: 2.13.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.6.3)
+      '@repo/eslint-config':
         specifier: workspace:*
-        version: link:../channels
+        version: link:../@repo/eslint-config
       '@repo/package.config':
         specifier: workspace:*
-        version: link:../package.config
+        version: link:../@repo/package.config
       '@repo/visual-editing-helpers':
         specifier: workspace:*
         version: link:../visual-editing-helpers
       '@sanity/client':
-        specifier: ^6.21.3
-        version: 6.21.3(debug@4.3.7)
+        specifier: ^6.22.1
+        version: 6.22.1(debug@4.3.7)
       '@sanity/color':
         specifier: ^3.0.6
         version: 3.0.6
+      '@sanity/comlink':
+        specifier: workspace:*
+        version: link:../comlink
       '@sanity/demo':
         specifier: ^2.0.0
-        version: 2.0.0(@sanity/color@3.0.6)(tailwindcss@3.4.10)
+        version: 2.0.0(@sanity/color@3.0.6)(tailwindcss@3.4.14)
       '@sanity/pkg-utils':
-        specifier: 6.11.1
-        version: 6.11.1(@types/babel__core@7.20.5)(@types/node@22.5.4)(typescript@5.6.2)
+        specifier: 6.11.3
+        version: 6.11.3(@types/babel__core@7.20.5)(@types/node@22.5.5)(typescript@5.6.3)
       '@sanity/ui':
         specifier: 2.8.9
-        version: 2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
+        version: 2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       '@storybook/addon-essentials':
-        specifier: ^8.2.9
-        version: 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(webpack-sources@3.2.3)
+        specifier: ^8.3.5
+        version: 8.3.5(storybook@8.3.5)(webpack-sources@3.2.3)
       '@storybook/addon-interactions':
-        specifier: ^8.2.9
-        version: 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@15.7.3)(jsdom@23.2.0)(terser@5.31.3))
+        specifier: ^8.3.5
+        version: 8.3.5(storybook@8.3.5)
       '@storybook/addon-links':
-        specifier: ^8.2.9
-        version: 8.2.9(react@18.3.1)(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
+        specifier: ^8.3.5
+        version: 8.3.5(react@18.3.1)(storybook@8.3.5)
       '@storybook/addon-themes':
-        specifier: ^8.2.9
-        version: 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
+        specifier: ^8.3.5
+        version: 8.3.5(storybook@8.3.5)
       '@storybook/react':
-        specifier: ^8.2.9
-        version: 8.2.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(typescript@5.6.2)
+        specifier: ^8.3.5
+        version: 8.3.5(@storybook/test@8.3.5(storybook@8.3.5))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.3.5)(typescript@5.6.3)
       '@storybook/react-vite':
-        specifier: ^8.2.9
-        version: 8.2.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.21.2)(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(typescript@5.6.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))(webpack-sources@3.2.3)
+        specifier: ^8.3.5
+        version: 8.3.5(@storybook/test@8.3.5(storybook@8.3.5))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.24.0)(storybook@8.3.5)(typescript@5.6.3)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))(webpack-sources@3.2.3)
       '@storybook/test':
-        specifier: ^8.2.9
-        version: 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@15.7.3)(jsdom@23.2.0)(terser@5.31.3))
+        specifier: ^8.3.5
+        version: 8.3.5(storybook@8.3.5)
       '@sveltejs/adapter-auto':
-        specifier: ^3.2.4
-        version: 3.2.4(@sveltejs/kit@2.5.26(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)))(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)))
+        specifier: ^3.2.5
+        version: 3.2.5(@sveltejs/kit@2.7.1(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0)))
       '@sveltejs/kit':
-        specifier: ^2.5.26
-        version: 2.5.26(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)))(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
+        specifier: ^2.7.1
+        version: 2.7.1(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
       '@sveltejs/package':
-        specifier: ^2.3.4
-        version: 2.3.4(svelte@4.2.19)(typescript@5.6.2)
+        specifier: ^2.3.5
+        version: 2.3.5(svelte@4.2.19)(typescript@5.6.3)
       '@tailwindcss/typography':
         specifier: ^0.5.15
-        version: 0.5.15(tailwindcss@3.4.10)
+        version: 0.5.15(tailwindcss@3.4.14)
       '@types/react':
-        specifier: ^18.3.5
-        version: 18.3.5
+        specifier: ^18.3.11
+        version: 18.3.11
       '@types/react-dom':
-        specifier: ^18.3.0
-        version: 18.3.0
-      '@typescript-eslint/eslint-plugin':
-        specifier: ^7.18.0
-        version: 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint@8.57.0)(typescript@5.6.2)
-      '@typescript-eslint/parser':
-        specifier: ^7.18.0
-        version: 7.18.0(eslint@8.57.0)(typescript@5.6.2)
+        specifier: ^18.3.1
+        version: 18.3.1
       eslint:
-        specifier: ^8.57.0
-        version: 8.57.0
-      eslint-config-prettier:
-        specifier: ^9.1.0
-        version: 9.1.0(eslint@8.57.0)
-      eslint-plugin-prettier:
-        specifier: ^5.2.1
-        version: 5.2.1(eslint-config-prettier@9.1.0(eslint@8.57.0))(eslint@8.57.0)(prettier@3.3.3)
-      eslint-plugin-react:
-        specifier: ^7.35.2
-        version: 7.35.2(eslint@8.57.0)
-      eslint-plugin-react-hooks:
-        specifier: ^4.6.2
-        version: 4.6.2(eslint@8.57.0)
-      eslint-plugin-simple-import-sort:
-        specifier: ^12.1.1
-        version: 12.1.1(eslint@8.57.0)
+        specifier: ^8.57.1
+        version: 8.57.1
       eslint-plugin-storybook:
-        specifier: ^0.8.0
-        version: 0.8.0(eslint@8.57.0)(typescript@5.6.2)
+        specifier: ^0.9.0
+        version: 0.9.0(eslint@8.57.1)(typescript@5.6.3)
       happy-dom:
-        specifier: ^15.7.3
-        version: 15.7.3
+        specifier: ^15.7.4
+        version: 15.7.4
       ls-engines:
         specifier: ^0.9.3
         version: 0.9.3
@@ -1582,74 +1597,68 @@ importers:
         specifier: ^5.0.5
         version: 5.0.10
       storybook:
-        specifier: ^8.2.9
-        version: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+        specifier: ^8.3.5
+        version: 8.3.5
       styled-components:
-        specifier: npm:@sanity/styled-components@6.1.13
-        version: '@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)'
+        specifier: 6.1.13
+        version: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       svelte:
         specifier: ^4.2.19
         version: 4.2.19
       tailwindcss:
-        specifier: ^3.4.10
-        version: 3.4.10
+        specifier: ^3.4.14
+        version: 3.4.14
       typescript:
-        specifier: 5.6.2
-        version: 5.6.2
+        specifier: 5.6.3
+        version: 5.6.3
       uuid:
         specifier: 10.0.0
         version: 10.0.0
       vitest:
-        specifier: ^2.0.5
-        version: 2.0.5(@types/node@22.5.4)(happy-dom@15.7.3)(jsdom@23.2.0)(terser@5.31.3)
+        specifier: ^2.1.3
+        version: 2.1.3(@types/node@22.5.5)(happy-dom@15.7.4)(jsdom@23.2.0)(terser@5.33.0)
 
   packages/visual-editing-helpers:
     devDependencies:
+      '@repo/eslint-config':
+        specifier: workspace:*
+        version: link:../@repo/eslint-config
       '@repo/package.config':
         specifier: workspace:*
-        version: link:../package.config
+        version: link:../@repo/package.config
+      '@repo/prettier-config':
+        specifier: workspace:*
+        version: link:../@repo/prettier-config
       '@sanity/client':
-        specifier: ^6.21.3
-        version: 6.21.3(debug@4.3.7)
+        specifier: ^6.22.1
+        version: 6.22.1(debug@4.3.7)
+      '@sanity/comlink':
+        specifier: workspace:*
+        version: link:../comlink
       '@sanity/util':
-        specifier: 3.57.2
-        version: 3.57.2(debug@4.3.7)
+        specifier: 3.61.0
+        version: 3.61.0(debug@4.3.7)
       '@types/react':
-        specifier: ^18.3.5
-        version: 18.3.5
-      '@typescript-eslint/eslint-plugin':
-        specifier: ^7.18.0
-        version: 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint@8.57.0)(typescript@5.6.2)
-      '@typescript-eslint/parser':
-        specifier: ^7.18.0
-        version: 7.18.0(eslint@8.57.0)(typescript@5.6.2)
+        specifier: ^18.3.11
+        version: 18.3.11
       eslint:
-        specifier: ^8.57.0
-        version: 8.57.0
-      eslint-config-prettier:
-        specifier: ^9.1.0
-        version: 9.1.0(eslint@8.57.0)
-      eslint-plugin-prettier:
-        specifier: ^5.2.1
-        version: 5.2.1(eslint-config-prettier@9.1.0(eslint@8.57.0))(eslint@8.57.0)(prettier@3.3.3)
-      eslint-plugin-simple-import-sort:
-        specifier: ^12.1.1
-        version: 12.1.1(eslint@8.57.0)
+        specifier: ^8.57.1
+        version: 8.57.1
       react:
         specifier: ^18.3.1
         version: 18.3.1
       sanity:
-        specifier: 3.57.2
-        version: 3.57.2(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)(terser@5.31.3)
+        specifier: 3.61.0
+        version: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1))(terser@5.33.0)
       typescript:
-        specifier: 5.6.2
-        version: 5.6.2
+        specifier: 5.6.3
+        version: 5.6.3
       valibot:
         specifier: 0.31.1
         version: 0.31.1
       vitest:
-        specifier: ^2.0.5
-        version: 2.0.5(@types/node@22.5.4)(happy-dom@15.7.3)(jsdom@23.2.0)(terser@5.31.3)
+        specifier: ^2.1.3
+        version: 2.1.3(@types/node@22.5.5)(happy-dom@15.7.4)(jsdom@23.2.0)(terser@5.33.0)
 
 packages:
 
@@ -1670,8 +1679,8 @@ packages:
   '@asamuzakjp/dom-selector@2.0.2':
     resolution: {integrity: sha512-x1KXOatwofR6ZAYzXRBL5wrdV0vwNxlTCK9NCuLqAzQYARqGcvFwiJA6A1ERuh+dgeA4Dxm3JBYictIes+SqUQ==}
 
-  '@astrojs/check@0.9.3':
-    resolution: {integrity: sha512-I6Dz45bMI5YRbp4yK2LKWsHH3/kkHRGdPGruGkLap6pqxhdcNh7oCgN04Ac+haDfc9ow5BYPGPmEhkwef15GQQ==}
+  '@astrojs/check@0.9.4':
+    resolution: {integrity: sha512-IOheHwCtpUfvogHHsvu0AbeRZEnjJg3MopdLddkJE70mULItS/Vh37BHcI00mcOJcH1vhD3odbpvWokpxam7xA==}
     hasBin: true
     peerDependencies:
       typescript: ^5.0.0
@@ -1682,8 +1691,8 @@ packages:
   '@astrojs/internal-helpers@0.4.1':
     resolution: {integrity: sha512-bMf9jFihO8YP940uD70SI/RDzIhUHJAolWVcO1v5PUivxGKvfLZTLTVVxEYzGYyPsA3ivdLNqMnL5VgmQySa+g==}
 
-  '@astrojs/language-server@2.14.2':
-    resolution: {integrity: sha512-daUJ/+/2pPF3eGG4tVdXKyw0tabUDrJKwLzU8VTuNhEHIn3VZAIES6VT3+mX0lmKcMiKM8/bjZdfY+fPfmnsMA==}
+  '@astrojs/language-server@2.15.0':
+    resolution: {integrity: sha512-wJHSjGApm5X8Rg1GvkevoatZBfvaFizY4kCPvuSYgs3jGCobuY3KstJGKC1yNLsRJlDweHruP+J54iKn9vEKoA==}
     hasBin: true
     peerDependencies:
       prettier: ^3.0.0
@@ -1694,8 +1703,8 @@ packages:
       prettier-plugin-astro:
         optional: true
 
-  '@astrojs/markdown-remark@5.2.0':
-    resolution: {integrity: sha512-vWGM24KZXz11jR3JO+oqYU3T2qpuOi4uGivJ9SQLCAI01+vEkHC60YJMRvHPc+hwd60F7euNs1PeOEixIIiNQw==}
+  '@astrojs/markdown-remark@5.3.0':
+    resolution: {integrity: sha512-r0Ikqr0e6ozPb5bvhup1qdWnSPUvQu6tub4ZLYaKyG50BXZ0ej6FhGz3GpChKpH7kglRFPObJd/bDyf2VM9pkg==}
 
   '@astrojs/prism@3.1.0':
     resolution: {integrity: sha512-Z9IYjuXSArkAUx3N6xj6+Bnvx8OdUSHA8YoOgyepp3+zJmtVYJIl/I18GozdJVW1p5u/CNpl3Km7/gwTJK85cw==}
@@ -1710,34 +1719,34 @@ packages:
       react: ^17.0.2 || ^18.0.0 || ^19.0.0-beta
       react-dom: ^17.0.2 || ^18.0.0 || ^19.0.0-beta
 
-  '@astrojs/tailwind@5.1.0':
-    resolution: {integrity: sha512-BJoCDKuWhU9FT2qYg+fr6Nfb3qP4ShtyjXGHKA/4mHN94z7BGcmauQK23iy+YH5qWvTnhqkd6mQPQ1yTZTe9Ig==}
+  '@astrojs/tailwind@5.1.2':
+    resolution: {integrity: sha512-IvOF0W/dtHElcXvhrPR35nHmhyV3cfz1EzPitMGtU7sYy9Hci3BNK1To6FWmVuuNKPxza1IgCGetSynJZL7fOg==}
     peerDependencies:
-      astro: ^3.0.0 || ^4.0.0
+      astro: ^3.0.0 || ^4.0.0 || ^5.0.0-beta.0
       tailwindcss: ^3.0.24
 
   '@astrojs/telemetry@3.1.0':
     resolution: {integrity: sha512-/ca/+D8MIKEC8/A9cSaPUqQNZm+Es/ZinRv0ZAzvu2ios7POQSsVD+VOj7/hypWNsNM3T7RpfgNq7H2TU1KEHA==}
     engines: {node: ^18.17.1 || ^20.3.0 || >=21.0.0}
 
-  '@astrojs/vercel@7.8.0':
-    resolution: {integrity: sha512-cpY14PPrKhAsYZp/tfRSIfKdiPctvvPfOH8z3USLJEAJ5lLfToUHEGTJzNfGqCBtd61QftypIxIlTHGuFY30UQ==}
+  '@astrojs/vercel@7.8.1':
+    resolution: {integrity: sha512-2PIVmv2/nI527DQsaZnf2jeUr+ddJjaQLXwqnVPXQn0LfIE8mi8BgYC5SUU9hJWIaFwEWTwJh90POaA2L3RpWQ==}
     peerDependencies:
       astro: ^4.2.0
 
   '@astrojs/yaml2ts@0.2.1':
     resolution: {integrity: sha512-CBaNwDQJz20E5WxzQh4thLVfhB3JEEGz72wRA+oJp6fQR37QLAqXZJU0mHC+yqMOQ6oj0GfRPJrz6hjf+zm6zA==}
 
-  '@babel/code-frame@7.24.7':
-    resolution: {integrity: sha512-BcYH1CVJBO9tvyIZ2jVeXgSIMvGZ2FDRvDdOIVQyuklNKSsx+eppDEBq/g47Ayw+RqNFE+URvOShmf+f/qwAlA==}
+  '@babel/code-frame@7.25.7':
+    resolution: {integrity: sha512-0xZJFNE5XMpENsgfHYTw8FbX4kv53mFLn2i3XPoq69LyhYSCBJtitaHx9QnsVTrsogI4Z3+HtEfZ2/GFPOtf5g==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/compat-data@7.25.4':
-    resolution: {integrity: sha512-+LGRog6RAsCJrrrg/IO6LGmpphNe5DiK30dGjCoxxeGv49B10/3XYGxPsAwrDlMFcFEvdAUavDT8r9k/hSyQqQ==}
+  '@babel/compat-data@7.25.7':
+    resolution: {integrity: sha512-9ickoLz+hcXCeh7jrcin+/SLWm+GkxE2kTvoYyp38p4WkdFXfQJxDFGWp/YHjiKLPx06z2A7W8XKuqbReXDzsw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/core@7.25.2':
-    resolution: {integrity: sha512-BBt3opiCOxUr9euZ5/ro/Xv8/V7yJ5bjYMqG/C1YAo8MIKAnumZalCN+msbci3Pigy4lIQfPUpfMM27HMGaYEA==}
+  '@babel/core@7.25.8':
+    resolution: {integrity: sha512-Oixnb+DzmRT30qu9d3tJSQkxuygWm32DFykT4bRoORPa9hZ/L4KhVB/XiRm6KG+roIEM7DBQlmg27kw2HZkdZg==}
     engines: {node: '>=6.9.0'}
 
   '@babel/eslint-parser@7.24.1':
@@ -1750,24 +1759,24 @@ packages:
   '@babel/generator@7.2.0':
     resolution: {integrity: sha512-BA75MVfRlFQG2EZgFYIwyT1r6xSkwfP2bdkY/kLZusEYWiJs4xCowab/alaEaT0wSvmVuXGqiefeBlP+7V1yKg==}
 
-  '@babel/generator@7.25.6':
-    resolution: {integrity: sha512-VPC82gr1seXOpkjAAKoLhP50vx4vGNlF4msF64dSFq1P8RfB+QAuJWGHPXXPc8QyfVWwwB/TNNU4+ayZmHNbZw==}
+  '@babel/generator@7.25.7':
+    resolution: {integrity: sha512-5Dqpl5fyV9pIAD62yK9P7fcA768uVPUyrQmqpqstHWgMma4feF1x/oFysBCVZLY5wJ2GkMUCdsNDnGZrPoR6rA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-annotate-as-pure@7.24.7':
-    resolution: {integrity: sha512-BaDeOonYvhdKw+JoMVkAixAAJzG2jVPIwWoKBPdYuY9b452e2rPuI9QPYh3KpofZ3pW2akOmwZLOiOsHMiqRAg==}
+  '@babel/helper-annotate-as-pure@7.25.7':
+    resolution: {integrity: sha512-4xwU8StnqnlIhhioZf1tqnVWeQ9pvH/ujS8hRfw/WOza+/a+1qv69BWNy+oY231maTCWgKWhfBU7kDpsds6zAA==}
     engines: {node: '>=6.9.0'}
 
   '@babel/helper-builder-binary-assignment-operator-visitor@7.24.7':
     resolution: {integrity: sha512-xZeCVVdwb4MsDBkkyZ64tReWYrLRHlMN72vP7Bdm3OUOuyFZExhsHUUnuWnm2/XOlAJzR0LfPpB56WXZn0X/lA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-compilation-targets@7.25.2':
-    resolution: {integrity: sha512-U2U5LsSaZ7TAt3cfaymQ8WHh0pxvdHoEk6HVpaexxixjyEquMh0L0YNJNM6CTGKMXV1iksi0iZkGw4AcFkPaaw==}
+  '@babel/helper-compilation-targets@7.25.7':
+    resolution: {integrity: sha512-DniTEax0sv6isaw6qSQSfV4gVRNtw2rte8HHM45t9ZR0xILaufBRNkpMifCRiAPyvL4ACD6v0gfCwCmtOQaV4A==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-create-class-features-plugin@7.25.4':
-    resolution: {integrity: sha512-ro/bFs3/84MDgDmMwbcHgDa8/E6J3QKNTk4xJJnVeFtGE+tL0K26E3pNxhYz2b67fJpt7Aphw5XcploKXuCvCQ==}
+  '@babel/helper-create-class-features-plugin@7.25.7':
+    resolution: {integrity: sha512-bD4WQhbkx80mAyj/WCm4ZHcF4rDxkoLFO6ph8/5/mQ3z4vAzltQXAmbc7GvVJx5H+lk5Mi5EmbTeox5nMGCsbw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
@@ -1783,30 +1792,26 @@ packages:
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
 
-  '@babel/helper-member-expression-to-functions@7.24.8':
-    resolution: {integrity: sha512-LABppdt+Lp/RlBxqrh4qgf1oEH/WxdzQNDJIu5gC/W1GyvPVrOBiItmmM8wan2fm4oYqFuFfkXmlGpLQhPY8CA==}
+  '@babel/helper-member-expression-to-functions@7.25.7':
+    resolution: {integrity: sha512-O31Ssjd5K6lPbTX9AAYpSKrZmLeagt9uwschJd+Ixo6QiRyfpvgtVQp8qrDR9UNFjZ8+DO34ZkdrN+BnPXemeA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-module-imports@7.22.15':
-    resolution: {integrity: sha512-0pYVBnDKZO2fnSPCrgM/6WMc7eS20Fbok+0r88fp+YtWVLZrp4CkafFGIp+W0VKw4a22sgebPT99y+FDNMdP4w==}
+  '@babel/helper-module-imports@7.25.7':
+    resolution: {integrity: sha512-o0xCgpNmRohmnoWKQ0Ij8IdddjyBFE4T2kagL/x6M3+4zUgc+4qTOUBoNe4XxDskt1HPKO007ZPiMgLDq2s7Kw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-module-imports@7.24.7':
-    resolution: {integrity: sha512-8AyH3C+74cgCVVXow/myrynrAGv+nTVg5vKu2nZph9x7RcRwzmh0VFallJuFTZ9mx6u4eSdXZfcOzSqTUm0HCA==}
-    engines: {node: '>=6.9.0'}
-
-  '@babel/helper-module-transforms@7.25.2':
-    resolution: {integrity: sha512-BjyRAbix6j/wv83ftcVJmBt72QtHI56C7JXZoG2xATiLpmoC7dpd8WnkikExHDVPpi/3qCmO6WY1EaXOluiecQ==}
+  '@babel/helper-module-transforms@7.25.7':
+    resolution: {integrity: sha512-k/6f8dKG3yDz/qCwSM+RKovjMix563SLxQFo0UhRNo239SP6n9u5/eLtKD6EAjwta2JHJ49CsD8pms2HdNiMMQ==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-optimise-call-expression@7.24.7':
-    resolution: {integrity: sha512-jKiTsW2xmWwxT1ixIdfXUZp+P5yURx2suzLZr5Hi64rURpDYdMW0pv+Uf17EYk2Rd428Lx4tLsnjGJzYKDM/6A==}
+  '@babel/helper-optimise-call-expression@7.25.7':
+    resolution: {integrity: sha512-VAwcwuYhv/AT+Vfr28c9y6SHzTan1ryqrydSTFGjU0uDJHw3uZ+PduI8plCLkRsDnqK2DMEDmwrOQRsK/Ykjng==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-plugin-utils@7.24.8':
-    resolution: {integrity: sha512-FFWx5142D8h2Mgr/iPVGH5G7w6jDn4jUSpZTyDnQO0Yn7Ks2Kuz6Pci8H6MPCoUJegd/UZQ3tAvfLCxQSnWWwg==}
+  '@babel/helper-plugin-utils@7.25.7':
+    resolution: {integrity: sha512-eaPZai0PiqCi09pPs3pAFfl/zYgGaE6IdXtYvmf0qlcDTd3WCtO7JWCcRd64e0EQrcYgiHibEZnOGsSY4QSgaw==}
     engines: {node: '>=6.9.0'}
 
   '@babel/helper-remap-async-to-generator@7.25.0':
@@ -1815,46 +1820,46 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-replace-supers@7.25.0':
-    resolution: {integrity: sha512-q688zIvQVYtZu+i2PsdIu/uWGRpfxzr5WESsfpShfZECkO+d2o+WROWezCi/Q6kJ0tfPa5+pUGUlfx2HhrA3Bg==}
+  '@babel/helper-replace-supers@7.25.7':
+    resolution: {integrity: sha512-iy8JhqlUW9PtZkd4pHM96v6BdJ66Ba9yWSE4z0W4TvSZwLBPkyDsiIU3ENe4SmrzRBs76F7rQXTy1lYC49n6Lw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0
 
-  '@babel/helper-simple-access@7.24.7':
-    resolution: {integrity: sha512-zBAIvbCMh5Ts+b86r/CjU+4XGYIs+R1j951gxI3KmmxBMhCg4oQMsv6ZXQ64XOm/cvzfU1FmoCyt6+owc5QMYg==}
+  '@babel/helper-simple-access@7.25.7':
+    resolution: {integrity: sha512-FPGAkJmyoChQeM+ruBGIDyrT2tKfZJO8NcxdC+CWNJi7N8/rZpSxK7yvBJ5O/nF1gfu5KzN7VKG3YVSLFfRSxQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-skip-transparent-expression-wrappers@7.24.7':
-    resolution: {integrity: sha512-IO+DLT3LQUElMbpzlatRASEyQtfhSE0+m465v++3jyyXeBTBUjtVZg28/gHeV5mrTJqvEKhKroBGAvhW+qPHiQ==}
+  '@babel/helper-skip-transparent-expression-wrappers@7.25.7':
+    resolution: {integrity: sha512-pPbNbchZBkPMD50K0p3JGcFMNLVUCuU/ABybm/PGNj4JiHrpmNyqqCphBk4i19xXtNV0JhldQJJtbSW5aUvbyA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-string-parser@7.24.8':
-    resolution: {integrity: sha512-pO9KhhRcuUyGnJWwyEgnRJTSIZHiT+vMD0kPeD+so0l7mxkMT19g3pjY9GTnHySck/hDzq+dtW/4VgnMkippsQ==}
+  '@babel/helper-string-parser@7.25.7':
+    resolution: {integrity: sha512-CbkjYdsJNHFk8uqpEkpCvRs3YRp9tY6FmFY7wLMSYuGYkrdUi7r2lc4/wqsvlHoMznX3WJ9IP8giGPq68T/Y6g==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-identifier@7.24.7':
-    resolution: {integrity: sha512-rR+PBcQ1SMQDDyF6X0wxtG8QyLCgUB0eRAGguqRLfkCA87l7yAP7ehq8SNj96OOGTO8OBV70KhuFYcIkHXOg0w==}
+  '@babel/helper-validator-identifier@7.25.7':
+    resolution: {integrity: sha512-AM6TzwYqGChO45oiuPqwL2t20/HdMC1rTPAesnBCgPCSF1x3oN9MVUwQV2iyz4xqWrctwK5RNC8LV22kaQCNYg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helper-validator-option@7.24.8':
-    resolution: {integrity: sha512-xb8t9tD1MHLungh/AIoWYN+gVHaB9kwlu8gffXGSt3FFEIT7RjS+xWbc2vUD1UTZdIpKj/ab3rdqJ7ufngyi2Q==}
+  '@babel/helper-validator-option@7.25.7':
+    resolution: {integrity: sha512-ytbPLsm+GjArDYXJ8Ydr1c/KJuutjF2besPNbIZnZ6MKUxi/uTA22t2ymmA4WFjZFpjiAMO0xuuJPqK2nvDVfQ==}
     engines: {node: '>=6.9.0'}
 
   '@babel/helper-wrap-function@7.25.0':
     resolution: {integrity: sha512-s6Q1ebqutSiZnEjaofc/UKDyC4SbzV5n5SrA2Gq8UawLycr3i04f1dX4OzoQVnexm6aOCh37SQNYlJ/8Ku+PMQ==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/helpers@7.25.0':
-    resolution: {integrity: sha512-MjgLZ42aCm0oGjJj8CtSM3DB8NOOf8h2l7DCTePJs29u+v7yO/RBX9nShlKMgFnRks/Q4tBAe7Hxnov9VkGwLw==}
+  '@babel/helpers@7.25.7':
+    resolution: {integrity: sha512-Sv6pASx7Esm38KQpF/U/OXLwPPrdGHNKoeblRxgZRLXnAtnkEe4ptJPDtAZM7fBLadbc1Q07kQpSiGQ0Jg6tRA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/highlight@7.24.7':
-    resolution: {integrity: sha512-EStJpq4OuY8xYfhGVXngigBJRWxftKX9ksiGDnmlY3o7B/V7KIAc9X4oiK87uPJSc/vs5L869bem5fhZa8caZw==}
+  '@babel/highlight@7.25.7':
+    resolution: {integrity: sha512-iYyACpW3iW8Fw+ZybQK+drQre+ns/tKpXbNESfrhNnPLIklLbXr7MYJ6gPEd0iETGLOK+SxMjVvKb/ffmk+FEw==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/parser@7.25.6':
-    resolution: {integrity: sha512-trGdfBdbD0l1ZPmcJ83eNxB9rbEax4ALFTF7fN386TMYbeCQbyme5cOEXQhbGXKebwGaB/J52w1mrklMcbgy6Q==}
+  '@babel/parser@7.25.8':
+    resolution: {integrity: sha512-HcttkxzdPucv3nNFmfOOMfFf64KgdJVqm1KaCm25dPGMLElo9nsLvXeJECQg8UzPuBGLyTSA0ZzqCtDSzKTEoQ==}
     engines: {node: '>=6.0.0'}
     hasBin: true
 
@@ -1894,6 +1899,13 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
+  '@babel/plugin-proposal-private-methods@7.18.6':
+    resolution: {integrity: sha512-nutsvktDItsNn4rpGItSNV2sz1XwS+nfU0Rg8aCx3W3NOKVzdMjJRu0O5OkgDp3ZGICSTbgRpxZoWsxoKRvbeA==}
+    engines: {node: '>=6.9.0'}
+    deprecated: This proposal has been merged to the ECMAScript standard and thus this plugin is no longer maintained. Please use @babel/plugin-transform-private-methods instead.
+    peerDependencies:
+      '@babel/core': ^7.0.0-0
+
   '@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2':
     resolution: {integrity: sha512-SOSkfJDddaM7mak6cPEpswyTRnuRltl429hMraQEglW+OkovnCzsiszTmsrlY//qLFjCpQDFRvjdm2wA5pPm9w==}
     engines: {node: '>=6.9.0'}
@@ -1932,12 +1944,6 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-syntax-flow@7.24.7':
-    resolution: {integrity: sha512-9G8GYT/dxn/D1IIKOUBmGX0mnmj46mGH9NnZyJLwtCpgh5f7D2VbuKodb+2s9m1Yavh1s7ASQN8lf0eqrb1LTw==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
   '@babel/plugin-syntax-import-assertions@7.25.6':
     resolution: {integrity: sha512-aABl0jHw9bZ2karQ/uUD6XP4u0SG22SJrOHFoL6XB1R7dTovOP4TzTlsxOYC5yQ1pdscVK2JTUnF6QL3ARoAiQ==}
     engines: {node: '>=6.9.0'}
@@ -1960,8 +1966,8 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-syntax-jsx@7.24.7':
-    resolution: {integrity: sha512-6ddciUPe/mpMnOKv/U+RSd2vvVy+Yw/JfBB0ZHYjEZt9NLHmCUylNYlsbqCCS1Bffjlb0fCwC9Vqz+sBz6PsiQ==}
+  '@babel/plugin-syntax-jsx@7.25.7':
+    resolution: {integrity: sha512-ruZOnKO+ajVL/MVx+PwNBPOkrnXTXoWMtte1MBpegfCArhqOe3Bj52avVj1huLLxNKYKXYaSxZ2F+woK1ekXfw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -2008,8 +2014,8 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-syntax-typescript@7.25.4':
-    resolution: {integrity: sha512-uMOCoHVU52BsSWxPOMVv5qKRdeSlPuImUCB2dlPuBSU+W2/ROE7/Zg8F2Kepbk+8yBa68LlRKxO+xgEVWorsDg==}
+  '@babel/plugin-syntax-typescript@7.25.7':
+    resolution: {integrity: sha512-rR+5FDjpCHqqZN2bzZm18bVYGaejGq5ZkpVCJLXor/+zlSrSoc4KWcHI0URVWjl/68Dyr1uwZUz/1njycEAv9g==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -2116,12 +2122,6 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-flow-strip-types@7.25.2':
-    resolution: {integrity: sha512-InBZ0O8tew5V0K6cHcQ+wgxlrjOw1W4wDXLkOTjLRD8GYhTSkxTVBtdy3MMtvYBrbAWa1Qm3hNoTc1620Yj+Mg==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
   '@babel/plugin-transform-for-of@7.24.7':
     resolution: {integrity: sha512-wo9ogrDG1ITTTBsy46oGiN1dS9A7MROBTcYsfS8DtsImMkHk9JXJ3EWQM6X2SUw4x80uGPlwj0o00Uoc6nEE3g==}
     engines: {node: '>=6.9.0'}
@@ -2164,8 +2164,8 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-modules-commonjs@7.24.8':
-    resolution: {integrity: sha512-WHsk9H8XxRs3JXKWFiqtQebdh9b/pTk4EgueygFzYlTKAg0Ud985mSevdNjdXdFBATSKVJGQXP1tv6aGbssLKA==}
+  '@babel/plugin-transform-modules-commonjs@7.25.7':
+    resolution: {integrity: sha512-L9Gcahi0kKFYXvweO6n0wc3ZG1ChpSFdgG+eV1WYZ3/dGbJK7vvk91FgGgak8YwRgrCuihF8tE/Xg07EkL5COg==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -2278,8 +2278,8 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-react-jsx@7.25.2':
-    resolution: {integrity: sha512-KQsqEAVBpU82NM/B/N9j9WOdphom1SZH3R+2V7INrQUH+V9EBFwZsEJl8eBIVeQE62FxJCc70jzEZwqU7RcVqA==}
+  '@babel/plugin-transform-react-jsx@7.25.7':
+    resolution: {integrity: sha512-vILAg5nwGlR9EXE8JIOX4NHXd49lrYbN8hnjffDtoULwpL9hUx/N55nqh2qd0q6FyNDfjl9V79ecKGvFbcSA0Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -2332,8 +2332,8 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/plugin-transform-typescript@7.25.2':
-    resolution: {integrity: sha512-lBwRvjSmqiMYe/pS0+1gggjJleUJi7NzjvQ1Fkqtt69hBa/0t1YuW/MLQMAPixfwaQOHUXsd6jeU3Z+vdGv3+A==}
+  '@babel/plugin-transform-typescript@7.25.7':
+    resolution: {integrity: sha512-VKlgy2vBzj8AmEzunocMun2fF06bsSWV+FvVXohtL6FGve/+L217qhHxRTVGHEDO/YR8IANcjzgJsd04J8ge5Q==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -2368,12 +2368,6 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/preset-flow@7.24.7':
-    resolution: {integrity: sha512-NL3Lo0NorCU607zU3NwRyJbpaB6E3t0xtd3LfAQKDfkeX4/ggcDXvkmkW42QWT5owUeW/jAe4hn+2qvkV1IbfQ==}
-    engines: {node: '>=6.9.0'}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
   '@babel/preset-modules@0.1.6-no-external-plugins':
     resolution: {integrity: sha512-HrcgcIESLm9aIR842yhJ5RWan/gebQUJ6E/E5+rf0y9o6oj7w0Br+sWuL6kEQ/o/AdfvR1Je9jG18/gnpwjEyA==}
     peerDependencies:
@@ -2385,8 +2379,8 @@ packages:
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@babel/preset-typescript@7.24.7':
-    resolution: {integrity: sha512-SyXRe3OdWwIwalxDg5UtJnJQO+YPcTfwiIY2B0Xlddh9o7jpWLvv8X1RthIeDOxQ+O1ML5BLPCONToObyVQVuQ==}
+  '@babel/preset-typescript@7.25.7':
+    resolution: {integrity: sha512-rkkpaXJZOFN45Fb+Gki0c+KMIglk4+zZXOoMJuyEK8y8Kkc8Jd3BDmP7qPsz0zQMJj+UD7EprF+AqAXcILnexw==}
     engines: {node: '>=6.9.0'}
     peerDependencies:
       '@babel/core': ^7.0.0-0
@@ -2408,16 +2402,16 @@ packages:
     resolution: {integrity: sha512-uR+EoBqIIIvKGCG7fOj7HKupu3zVObiMfdEwoPZfVCPpcWJaZ1PkshaP5/6cl6BKAm1Zcv25O1rf+uoQ7V8nqA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/template@7.25.0':
-    resolution: {integrity: sha512-aOOgh1/5XzKvg1jvVz7AVrx2piJ2XBi227DHmbY6y+bM9H2FlN+IfecYu4Xl0cNiiVejlsCri89LUsbj8vJD9Q==}
+  '@babel/template@7.25.7':
+    resolution: {integrity: sha512-wRwtAgI3bAS+JGU2upWNL9lSlDcRCqD05BZ1n3X2ONLH1WilFP6O1otQjeMK/1g0pvYcXC7b/qVUB1keofjtZA==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/traverse@7.25.6':
-    resolution: {integrity: sha512-9Vrcx5ZW6UwK5tvqsj0nGpp/XzqthkT0dqIc9g1AdtygFToNtTF67XzYS//dm+SAK9cp3B9R4ZO/46p63SCjlQ==}
+  '@babel/traverse@7.25.7':
+    resolution: {integrity: sha512-jatJPT1Zjqvh/1FyJs6qAHL+Dzb7sTb+xr7Q+gM1b+1oBsMsQQ4FkVKb6dFlJvLlVssqkRzV05Jzervt9yhnzg==}
     engines: {node: '>=6.9.0'}
 
-  '@babel/types@7.25.6':
-    resolution: {integrity: sha512-/l42B1qxpG6RdfYf343Uw1vmDjeNhneUXtzhojE7pDgfpEypmRhI6j1kr17XCVv4Cgl9HdAiQY2x0GwKm7rWCw==}
+  '@babel/types@7.25.8':
+    resolution: {integrity: sha512-JWtuCu8VQsMladxVz/P4HzHUGCAwpuqacmowgXFs5XjxIgKuNjnLokQzuVjlTvIzODaDmpjT3oxcC48vyk9EWg==}
     engines: {node: '>=6.9.0'}
 
   '@base2/pretty-print-object@1.0.1':
@@ -2427,16 +2421,16 @@ packages:
     resolution: {integrity: sha512-YLPHc8yASwjNkmcDMQMY35yiWjoKAKnhUbPRszBRS0YgH+IXtsMp61j+yTcnCE3oO2DgP0U3iejLC8FTtKDC8Q==}
     engines: {node: '>=16.13'}
 
-  '@codemirror/autocomplete@6.18.0':
-    resolution: {integrity: sha512-5DbOvBbY4qW5l57cjDsmmpDh3/TeK1vXfTHa+BUMrRzdWdcxKZ4U4V7vQaTtOpApNU4kLS4FQ6cINtLg245LXA==}
+  '@codemirror/autocomplete@6.18.1':
+    resolution: {integrity: sha512-iWHdj/B1ethnHRTwZj+C1obmmuCzquH29EbcKr0qIjA9NfDeBDJ7vs+WOHsFeLeflE4o+dHfYndJloMKHUkWUA==}
     peerDependencies:
       '@codemirror/language': ^6.0.0
       '@codemirror/state': ^6.0.0
       '@codemirror/view': ^6.0.0
       '@lezer/common': ^1.0.0
 
-  '@codemirror/commands@6.6.1':
-    resolution: {integrity: sha512-iBfKbyIoXS1FGdsKcZmnrxmbc8VcbMrSgD7AVrsnX+WyAYjmUDWvE93dt5D874qS4CCVu4O1JpbagHdXbbLiOw==}
+  '@codemirror/commands@6.6.2':
+    resolution: {integrity: sha512-Fq7eWOl1Rcbrfn6jD8FPCj9Auaxdm5nIK5RYOeW7ughnd/rY5AmPg6b+CfsG39ZHdwiwe8lde3q8uR7CF5S0yQ==}
 
   '@codemirror/lang-javascript@6.2.2':
     resolution: {integrity: sha512-VGQfY+FCc285AhWuwjYxQyUQcYurWlxdKYT4bqwr3Twnd5wP5WSeu52t4tvvuWmljT4EmgEgZCqSieokhtY8hg==}
@@ -2545,11 +2539,6 @@ packages:
   '@emotion/unitless@0.8.1':
     resolution: {integrity: sha512-KOEGMu6dmJZtpadb476IsZBclKvILjopjUii3V+7MnXIQCYh8W3NgNcgwo21n9LXZX6EDIKvqfjYxXebDwxKmQ==}
 
-  '@emotion/use-insertion-effect-with-fallbacks@1.0.1':
-    resolution: {integrity: sha512-jT/qyKZ9rzLErtrjGgdkMBn2OP8wl0G3sQlBb3YPryvKHsjvINUhVaPFfP+fpBcOkmrVOVEEHQFJ7nbj2TH2gw==}
-    peerDependencies:
-      react: '>=16.8.0'
-
   '@esbuild/aix-ppc64@0.20.2':
     resolution: {integrity: sha512-D+EBOJHXdNZcLJRBkhENNG8Wji2kgc9AZ9KiPr1JuZjsNtyHzrsfLRrY0tk2H2aoFu6RANO1y1iPPUCDYWkb5g==}
     engines: {node: '>=12'}
@@ -2568,6 +2557,12 @@ packages:
     cpu: [ppc64]
     os: [aix]
 
+  '@esbuild/aix-ppc64@0.24.0':
+    resolution: {integrity: sha512-WtKdFM7ls47zkKHFVzMz8opM7LkcsIp9amDUBIAWirg70RM71WRSjdILPsY5Uv1D42ZpUfaPILDlfactHgsRkw==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [aix]
+
   '@esbuild/android-arm64@0.17.6':
     resolution: {integrity: sha512-YnYSCceN/dUzUr5kdtUzB+wZprCafuD89Hs0Aqv9QSdwhYQybhXTaSTcrl6X/aWThn1a/j0eEpUBGOE7269REg==}
     engines: {node: '>=12'}
@@ -2598,6 +2593,12 @@ packages:
     cpu: [arm64]
     os: [android]
 
+  '@esbuild/android-arm64@0.24.0':
+    resolution: {integrity: sha512-Vsm497xFM7tTIPYK9bNTYJyF/lsP590Qc1WxJdlB6ljCbdZKU9SY8i7+Iin4kyhV/KV5J2rOKsBQbB77Ab7L/w==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [android]
+
   '@esbuild/android-arm@0.17.6':
     resolution: {integrity: sha512-bSC9YVUjADDy1gae8RrioINU6e1lCkg3VGVwm0QQ2E1CWcC4gnMce9+B6RpxuSsrsXsk1yojn7sp1fnG8erE2g==}
     engines: {node: '>=12'}
@@ -2628,6 +2629,12 @@ packages:
     cpu: [arm]
     os: [android]
 
+  '@esbuild/android-arm@0.24.0':
+    resolution: {integrity: sha512-arAtTPo76fJ/ICkXWetLCc9EwEHKaeya4vMrReVlEIUCAUncH7M4bhMQ+M9Vf+FFOZJdTNMXNBrWwW+OXWpSew==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [android]
+
   '@esbuild/android-x64@0.17.6':
     resolution: {integrity: sha512-MVcYcgSO7pfu/x34uX9u2QIZHmXAB7dEiLQC5bBl5Ryqtpj9lT2sg3gNDEsrPEmimSJW2FXIaxqSQ501YLDsZQ==}
     engines: {node: '>=12'}
@@ -2658,6 +2665,12 @@ packages:
     cpu: [x64]
     os: [android]
 
+  '@esbuild/android-x64@0.24.0':
+    resolution: {integrity: sha512-t8GrvnFkiIY7pa7mMgJd7p8p8qqYIz1NYiAoKc75Zyv73L3DZW++oYMSHPRarcotTKuSs6m3hTOa5CKHaS02TQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [android]
+
   '@esbuild/darwin-arm64@0.17.6':
     resolution: {integrity: sha512-bsDRvlbKMQMt6Wl08nHtFz++yoZHsyTOxnjfB2Q95gato+Yi4WnRl13oC2/PJJA9yLCoRv9gqT/EYX0/zDsyMA==}
     engines: {node: '>=12'}
@@ -2688,6 +2701,12 @@ packages:
     cpu: [arm64]
     os: [darwin]
 
+  '@esbuild/darwin-arm64@0.24.0':
+    resolution: {integrity: sha512-CKyDpRbK1hXwv79soeTJNHb5EiG6ct3efd/FTPdzOWdbZZfGhpbcqIpiD0+vwmpu0wTIL97ZRPZu8vUt46nBSw==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [darwin]
+
   '@esbuild/darwin-x64@0.17.6':
     resolution: {integrity: sha512-xh2A5oPrYRfMFz74QXIQTQo8uA+hYzGWJFoeTE8EvoZGHb+idyV4ATaukaUvnnxJiauhs/fPx3vYhU4wiGfosg==}
     engines: {node: '>=12'}
@@ -2718,6 +2737,12 @@ packages:
     cpu: [x64]
     os: [darwin]
 
+  '@esbuild/darwin-x64@0.24.0':
+    resolution: {integrity: sha512-rgtz6flkVkh58od4PwTRqxbKH9cOjaXCMZgWD905JOzjFKW+7EiUObfd/Kav+A6Gyud6WZk9w+xu6QLytdi2OA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [darwin]
+
   '@esbuild/freebsd-arm64@0.17.6':
     resolution: {integrity: sha512-EnUwjRc1inT4ccZh4pB3v1cIhohE2S4YXlt1OvI7sw/+pD+dIE4smwekZlEPIwY6PhU6oDWwITrQQm5S2/iZgg==}
     engines: {node: '>=12'}
@@ -2748,6 +2773,12 @@ packages:
     cpu: [arm64]
     os: [freebsd]
 
+  '@esbuild/freebsd-arm64@0.24.0':
+    resolution: {integrity: sha512-6Mtdq5nHggwfDNLAHkPlyLBpE5L6hwsuXZX8XNmHno9JuL2+bg2BX5tRkwjyfn6sKbxZTq68suOjgWqCicvPXA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [freebsd]
+
   '@esbuild/freebsd-x64@0.17.6':
     resolution: {integrity: sha512-Uh3HLWGzH6FwpviUcLMKPCbZUAFzv67Wj5MTwK6jn89b576SR2IbEp+tqUHTr8DIl0iDmBAf51MVaP7pw6PY5Q==}
     engines: {node: '>=12'}
@@ -2778,6 +2809,12 @@ packages:
     cpu: [x64]
     os: [freebsd]
 
+  '@esbuild/freebsd-x64@0.24.0':
+    resolution: {integrity: sha512-D3H+xh3/zphoX8ck4S2RxKR6gHlHDXXzOf6f/9dbFt/NRBDIE33+cVa49Kil4WUjxMGW0ZIYBYtaGCa2+OsQwQ==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [freebsd]
+
   '@esbuild/linux-arm64@0.17.6':
     resolution: {integrity: sha512-bUR58IFOMJX523aDVozswnlp5yry7+0cRLCXDsxnUeQYJik1DukMY+apBsLOZJblpH+K7ox7YrKrHmJoWqVR9w==}
     engines: {node: '>=12'}
@@ -2808,6 +2845,12 @@ packages:
     cpu: [arm64]
     os: [linux]
 
+  '@esbuild/linux-arm64@0.24.0':
+    resolution: {integrity: sha512-TDijPXTOeE3eaMkRYpcy3LarIg13dS9wWHRdwYRnzlwlA370rNdZqbcp0WTyyV/k2zSxfko52+C7jU5F9Tfj1g==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [linux]
+
   '@esbuild/linux-arm@0.17.6':
     resolution: {integrity: sha512-7YdGiurNt7lqO0Bf/U9/arrPWPqdPqcV6JCZda4LZgEn+PTQ5SMEI4MGR52Bfn3+d6bNEGcWFzlIxiQdS48YUw==}
     engines: {node: '>=12'}
@@ -2838,6 +2881,12 @@ packages:
     cpu: [arm]
     os: [linux]
 
+  '@esbuild/linux-arm@0.24.0':
+    resolution: {integrity: sha512-gJKIi2IjRo5G6Glxb8d3DzYXlxdEj2NlkixPsqePSZMhLudqPhtZ4BUrpIuTjJYXxvF9njql+vRjB2oaC9XpBw==}
+    engines: {node: '>=18'}
+    cpu: [arm]
+    os: [linux]
+
   '@esbuild/linux-ia32@0.17.6':
     resolution: {integrity: sha512-ujp8uoQCM9FRcbDfkqECoARsLnLfCUhKARTP56TFPog8ie9JG83D5GVKjQ6yVrEVdMie1djH86fm98eY3quQkQ==}
     engines: {node: '>=12'}
@@ -2868,6 +2917,12 @@ packages:
     cpu: [ia32]
     os: [linux]
 
+  '@esbuild/linux-ia32@0.24.0':
+    resolution: {integrity: sha512-K40ip1LAcA0byL05TbCQ4yJ4swvnbzHscRmUilrmP9Am7//0UjPreh4lpYzvThT2Quw66MhjG//20mrufm40mA==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [linux]
+
   '@esbuild/linux-loong64@0.17.6':
     resolution: {integrity: sha512-y2NX1+X/Nt+izj9bLoiaYB9YXT/LoaQFYvCkVD77G/4F+/yuVXYCWz4SE9yr5CBMbOxOfBcy/xFL4LlOeNlzYQ==}
     engines: {node: '>=12'}
@@ -2898,6 +2953,12 @@ packages:
     cpu: [loong64]
     os: [linux]
 
+  '@esbuild/linux-loong64@0.24.0':
+    resolution: {integrity: sha512-0mswrYP/9ai+CU0BzBfPMZ8RVm3RGAN/lmOMgW4aFUSOQBjA31UP8Mr6DDhWSuMwj7jaWOT0p0WoZ6jeHhrD7g==}
+    engines: {node: '>=18'}
+    cpu: [loong64]
+    os: [linux]
+
   '@esbuild/linux-mips64el@0.17.6':
     resolution: {integrity: sha512-09AXKB1HDOzXD+j3FdXCiL/MWmZP0Ex9eR8DLMBVcHorrWJxWmY8Nms2Nm41iRM64WVx7bA/JVHMv081iP2kUA==}
     engines: {node: '>=12'}
@@ -2928,6 +2989,12 @@ packages:
     cpu: [mips64el]
     os: [linux]
 
+  '@esbuild/linux-mips64el@0.24.0':
+    resolution: {integrity: sha512-hIKvXm0/3w/5+RDtCJeXqMZGkI2s4oMUGj3/jM0QzhgIASWrGO5/RlzAzm5nNh/awHE0A19h/CvHQe6FaBNrRA==}
+    engines: {node: '>=18'}
+    cpu: [mips64el]
+    os: [linux]
+
   '@esbuild/linux-ppc64@0.17.6':
     resolution: {integrity: sha512-AmLhMzkM8JuqTIOhxnX4ubh0XWJIznEynRnZAVdA2mMKE6FAfwT2TWKTwdqMG+qEaeyDPtfNoZRpJbD4ZBv0Tg==}
     engines: {node: '>=12'}
@@ -2958,6 +3025,12 @@ packages:
     cpu: [ppc64]
     os: [linux]
 
+  '@esbuild/linux-ppc64@0.24.0':
+    resolution: {integrity: sha512-HcZh5BNq0aC52UoocJxaKORfFODWXZxtBaaZNuN3PUX3MoDsChsZqopzi5UupRhPHSEHotoiptqikjN/B77mYQ==}
+    engines: {node: '>=18'}
+    cpu: [ppc64]
+    os: [linux]
+
   '@esbuild/linux-riscv64@0.17.6':
     resolution: {integrity: sha512-Y4Ri62PfavhLQhFbqucysHOmRamlTVK10zPWlqjNbj2XMea+BOs4w6ASKwQwAiqf9ZqcY9Ab7NOU4wIgpxwoSQ==}
     engines: {node: '>=12'}
@@ -2988,6 +3061,12 @@ packages:
     cpu: [riscv64]
     os: [linux]
 
+  '@esbuild/linux-riscv64@0.24.0':
+    resolution: {integrity: sha512-bEh7dMn/h3QxeR2KTy1DUszQjUrIHPZKyO6aN1X4BCnhfYhuQqedHaa5MxSQA/06j3GpiIlFGSsy1c7Gf9padw==}
+    engines: {node: '>=18'}
+    cpu: [riscv64]
+    os: [linux]
+
   '@esbuild/linux-s390x@0.17.6':
     resolution: {integrity: sha512-SPUiz4fDbnNEm3JSdUW8pBJ/vkop3M1YwZAVwvdwlFLoJwKEZ9L98l3tzeyMzq27CyepDQ3Qgoba44StgbiN5Q==}
     engines: {node: '>=12'}
@@ -3018,6 +3097,12 @@ packages:
     cpu: [s390x]
     os: [linux]
 
+  '@esbuild/linux-s390x@0.24.0':
+    resolution: {integrity: sha512-ZcQ6+qRkw1UcZGPyrCiHHkmBaj9SiCD8Oqd556HldP+QlpUIe2Wgn3ehQGVoPOvZvtHm8HPx+bH20c9pvbkX3g==}
+    engines: {node: '>=18'}
+    cpu: [s390x]
+    os: [linux]
+
   '@esbuild/linux-x64@0.17.6':
     resolution: {integrity: sha512-a3yHLmOodHrzuNgdpB7peFGPx1iJ2x6m+uDvhP2CKdr2CwOaqEFMeSqYAHU7hG+RjCq8r2NFujcd/YsEsFgTGw==}
     engines: {node: '>=12'}
@@ -3048,6 +3133,12 @@ packages:
     cpu: [x64]
     os: [linux]
 
+  '@esbuild/linux-x64@0.24.0':
+    resolution: {integrity: sha512-vbutsFqQ+foy3wSSbmjBXXIJ6PL3scghJoM8zCL142cGaZKAdCZHyf+Bpu/MmX9zT9Q0zFBVKb36Ma5Fzfa8xA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [linux]
+
   '@esbuild/netbsd-x64@0.17.6':
     resolution: {integrity: sha512-EanJqcU/4uZIBreTrnbnre2DXgXSa+Gjap7ifRfllpmyAU7YMvaXmljdArptTHmjrkkKm9BK6GH5D5Yo+p6y5A==}
     engines: {node: '>=12'}
@@ -3078,12 +3169,24 @@ packages:
     cpu: [x64]
     os: [netbsd]
 
+  '@esbuild/netbsd-x64@0.24.0':
+    resolution: {integrity: sha512-hjQ0R/ulkO8fCYFsG0FZoH+pWgTTDreqpqY7UnQntnaKv95uP5iW3+dChxnx7C3trQQU40S+OgWhUVwCjVFLvg==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [netbsd]
+
   '@esbuild/openbsd-arm64@0.23.1':
     resolution: {integrity: sha512-3x37szhLexNA4bXhLrCC/LImN/YtWis6WXr1VESlfVtVeoFJBRINPJ3f0a/6LV8zpikqoUg4hyXw0sFBt5Cr+Q==}
     engines: {node: '>=18'}
     cpu: [arm64]
     os: [openbsd]
 
+  '@esbuild/openbsd-arm64@0.24.0':
+    resolution: {integrity: sha512-MD9uzzkPQbYehwcN583yx3Tu5M8EIoTD+tUgKF982WYL9Pf5rKy9ltgD0eUgs8pvKnmizxjXZyLt0z6DC3rRXg==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [openbsd]
+
   '@esbuild/openbsd-x64@0.17.6':
     resolution: {integrity: sha512-xaxeSunhQRsTNGFanoOkkLtnmMn5QbA0qBhNet/XLVsc+OVkpIWPHcr3zTW2gxVU5YOHFbIHR9ODuaUdNza2Vw==}
     engines: {node: '>=12'}
@@ -3114,6 +3217,12 @@ packages:
     cpu: [x64]
     os: [openbsd]
 
+  '@esbuild/openbsd-x64@0.24.0':
+    resolution: {integrity: sha512-4ir0aY1NGUhIC1hdoCzr1+5b43mw99uNwVzhIq1OY3QcEwPDO3B7WNXBzaKY5Nsf1+N11i1eOfFcq+D/gOS15Q==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [openbsd]
+
   '@esbuild/sunos-x64@0.17.6':
     resolution: {integrity: sha512-gnMnMPg5pfMkZvhHee21KbKdc6W3GR8/JuE0Da1kjwpK6oiFU3nqfHuVPgUX2rsOx9N2SadSQTIYV1CIjYG+xw==}
     engines: {node: '>=12'}
@@ -3144,6 +3253,12 @@ packages:
     cpu: [x64]
     os: [sunos]
 
+  '@esbuild/sunos-x64@0.24.0':
+    resolution: {integrity: sha512-jVzdzsbM5xrotH+W5f1s+JtUy1UWgjU0Cf4wMvffTB8m6wP5/kx0KiaLHlbJO+dMgtxKV8RQ/JvtlFcdZ1zCPA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [sunos]
+
   '@esbuild/win32-arm64@0.17.6':
     resolution: {integrity: sha512-G95n7vP1UnGJPsVdKXllAJPtqjMvFYbN20e8RK8LVLhlTiSOH1sd7+Gt7rm70xiG+I5tM58nYgwWrLs6I1jHqg==}
     engines: {node: '>=12'}
@@ -3174,6 +3289,12 @@ packages:
     cpu: [arm64]
     os: [win32]
 
+  '@esbuild/win32-arm64@0.24.0':
+    resolution: {integrity: sha512-iKc8GAslzRpBytO2/aN3d2yb2z8XTVfNV0PjGlCxKo5SgWmNXx82I/Q3aG1tFfS+A2igVCY97TJ8tnYwpUWLCA==}
+    engines: {node: '>=18'}
+    cpu: [arm64]
+    os: [win32]
+
   '@esbuild/win32-ia32@0.17.6':
     resolution: {integrity: sha512-96yEFzLhq5bv9jJo5JhTs1gI+1cKQ83cUpyxHuGqXVwQtY5Eq54ZEsKs8veKtiKwlrNimtckHEkj4mRh4pPjsg==}
     engines: {node: '>=12'}
@@ -3204,6 +3325,12 @@ packages:
     cpu: [ia32]
     os: [win32]
 
+  '@esbuild/win32-ia32@0.24.0':
+    resolution: {integrity: sha512-vQW36KZolfIudCcTnaTpmLQ24Ha1RjygBo39/aLkM2kmjkWmZGEJ5Gn9l5/7tzXA42QGIoWbICfg6KLLkIw6yw==}
+    engines: {node: '>=18'}
+    cpu: [ia32]
+    os: [win32]
+
   '@esbuild/win32-x64@0.17.6':
     resolution: {integrity: sha512-n6d8MOyUrNp6G4VSpRcgjs5xj4A91svJSaiwLIDWVWEsZtpN5FA9NlBbZHDmAJc2e8e6SF4tkBD3HAvPF+7igA==}
     engines: {node: '>=12'}
@@ -3234,24 +3361,26 @@ packages:
     cpu: [x64]
     os: [win32]
 
+  '@esbuild/win32-x64@0.24.0':
+    resolution: {integrity: sha512-7IAFPrjSQIJrGsK6flwg7NFmwBoSTyF3rl7If0hNUFQU4ilTsEPL6GuMuU9BfIWVVGuRnuIidkSMC+c0Otu8IA==}
+    engines: {node: '>=18'}
+    cpu: [x64]
+    os: [win32]
+
   '@eslint-community/eslint-utils@4.4.0':
     resolution: {integrity: sha512-1/sA4dwrzBAyeUoQ6oxahHKmrZvsnLCg4RfxW3ZFGGmQkSNQPFNLV9CUEFQP1x9EYXHTo5p6xdhZM1Ne9p/AfA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || >=8.0.0
 
-  '@eslint-community/regexpp@4.11.0':
-    resolution: {integrity: sha512-G/M/tIiMrTAxEWRfLfQJMmGNX28IxBg4PBz8XqQhqUHLFI6TL2htpIB1iQCj144V5ee/JaKyT9/WZ0MGZWfA7A==}
+  '@eslint-community/regexpp@4.11.1':
+    resolution: {integrity: sha512-m4DVN9ZqskZoLU5GlWZadwDnYo3vAEydiUayB9widCl9ffWx2IvPnp6n3on5rJmziJSw9Bv+Z3ChDVdMwXCY8Q==}
     engines: {node: ^12.0.0 || ^14.0.0 || >=16.0.0}
 
   '@eslint/eslintrc@2.1.4':
     resolution: {integrity: sha512-269Z39MS6wVJtsoUl10L60WdkhJVdPG24Q4eZTH3nnF6lpvSShEK3wQjDX9JRWAUPvPh7COouPpU9IrqaZFvtQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
-  '@eslint/js@8.57.0':
-    resolution: {integrity: sha512-Ys+3g2TaW7gADOJzPt83SJtCDhMjndcDMFVQ/Tj9iA1BfJzFKD9mAUXT3OenpuPHbI6P/myECxRJrofUsDx/5g==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-
   '@eslint/js@8.57.1':
     resolution: {integrity: sha512-d9zaMRSTIKDLhctzH12MtXvJKSSUhaHcjV+2Z+GK+EEY7XKpP5yR4x+N3TAcHTcu963nIr+TMcCb4DBCYX1z6Q==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
@@ -3275,17 +3404,12 @@ packages:
   '@floating-ui/utils@0.2.5':
     resolution: {integrity: sha512-sTcG+QZ6fdEUObICavU+aB3Mp8HY4n14wYHdxK4fXjPmv3PXZZeY5RaguJmGyeH/CJQhX3fqKUtS4qc1LoHwhQ==}
 
-  '@fontsource/fira-mono@5.0.15':
-    resolution: {integrity: sha512-wc3TpF2GBbtFDKNbb444BrC3mEKuoPLITSYCKweNIrqBvAalIfJGloY/MVrmSGaMNgaAKUpdgy4eAWPLkUVzaA==}
+  '@fontsource/fira-mono@5.1.0':
+    resolution: {integrity: sha512-6+nftSKApXyN0I9FC5GJuG5TUCh+in5OehtrXRIsHJvq38Pm//oA1kZZYNdXv99JYzLzJ3lzsTAavmS+xGLGDw==}
 
   '@gar/promisify@1.1.3':
     resolution: {integrity: sha512-k2Ty1JcVojjJFwrg/ThKi2ujJ7XNLYaFGNB/bWT9wGR+oSMJHMa5w+CUq6p/pVrKeNNgA7pCqEcjSnHVoqJQFw==}
 
-  '@humanwhocodes/config-array@0.11.14':
-    resolution: {integrity: sha512-3T8LkOmg45BV5FICb15QQMsyUSWrQ8AygVfC7ZG32zOalnqrilm018ZVCw0eapXux8FtA33q8PSRSstjee3jSg==}
-    engines: {node: '>=10.10.0'}
-    deprecated: Use @eslint/config-array instead
-
   '@humanwhocodes/config-array@0.13.0':
     resolution: {integrity: sha512-DZLEEqFWQFiyK6h5YIeynKx7JlvCYWL0cImfSRXZ9l4Sg2efkFGTuFf6vzXjK1cq6IYkU+Eg/JizXw+TD2vRNw==}
     engines: {node: '>=10.10.0'}
@@ -3299,6 +3423,20 @@ packages:
     resolution: {integrity: sha512-93zYdMES/c1D69yZiKDBj0V24vqNzB/koF26KPaagAfd3P/4gUlh3Dys5ogAK+Exi9QyzlD8x/08Zt7wIKcDcA==}
     deprecated: Use @eslint/object-schema instead
 
+  '@ianvs/prettier-plugin-sort-imports@4.3.1':
+    resolution: {integrity: sha512-ZHwbyjkANZOjaBm3ZosADD2OUYGFzQGxfy67HmGZU94mHqe7g1LCMA7YYKB1Cq+UTPCBqlAYapY0KXAjKEw8Sg==}
+    peerDependencies:
+      '@vue/compiler-sfc': 2.7.x || 3.x
+      prettier: 2 || 3
+    peerDependenciesMeta:
+      '@vue/compiler-sfc':
+        optional: true
+
+  '@icons/material@0.2.4':
+    resolution: {integrity: sha512-QPcGmICAPbGLGb6F/yNf/KzKqvFx8z5qx3D1yFqVAjoFmXK35EgyW+cJ57Te3CNsmzblwtzakLGFqHPqrfb4Tw==}
+    peerDependencies:
+      react: '*'
+
   '@img/sharp-darwin-arm64@0.33.5':
     resolution: {integrity: sha512-UT4p+iz/2H4twwAoLCqfA9UH5pI6DggwKEGuaPy7nCVQ8ZsiY5PIcrRvD1DzuY3qYL07NtIQcWnBSY/heikIFQ==}
     engines: {node: ^18.17.0 || ^20.3.0 || >=21.0.0}
@@ -3418,16 +3556,12 @@ packages:
   '@isaacs/string-locale-compare@1.1.0':
     resolution: {integrity: sha512-SQ7Kzhh9+D+ZW9MA0zkYv3VXhIDNx+LzM6EJ+/65I3QY+enU6Itte7E5XX7EWrqLW2FN4n06GWzBnPoC3th2aQ==}
 
-  '@jest/schemas@29.6.3':
-    resolution: {integrity: sha512-mo5j5X+jIZmJQveBKeS/clAueipV7KgiX1vMgCxam1RNYiqE1w62n0/tJJnHtjW8ZHcQco5gY85jA3mi0L+nSA==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-
   '@jest/types@24.9.0':
     resolution: {integrity: sha512-XKK7ze1apu5JWQ5eZjHITP66AX+QsLlbaJRBGYr8pNzwcAE2JVkwnf0yqjHTsDRcjR0mujy/NmZMXw5kl+kGBw==}
     engines: {node: '>= 6'}
 
-  '@joshwooding/vite-plugin-react-docgen-typescript@0.3.1':
-    resolution: {integrity: sha512-pdoMZ9QaPnVlSM+SdU/wgg0nyD/8wQ7y90ttO2CMCyrrm7RxveYIJ5eNfjPaoMFqW41LZra7QO9j+xV4Y18Glw==}
+  '@joshwooding/vite-plugin-react-docgen-typescript@0.3.0':
+    resolution: {integrity: sha512-2D6y7fNvFmsLmRt6UCOFJPvFoPMJGT0Uh1Wg0RaigUp7kdQPs6yYn8Dmx6GZkOH/NW0yMTwRz/p0SRMMRo50vA==}
     peerDependencies:
       typescript: '>= 4.3.x'
       vite: ^3.0.0 || ^4.0.0 || ^5.0.0
@@ -3465,6 +3599,7 @@ packages:
   '@koa/router@12.0.1':
     resolution: {integrity: sha512-ribfPYfHb+Uw3b27Eiw6NPqjhIhTpVFzEWLwyc/1Xp+DCdwRRyIlAUODX+9bPARF6aQtUu1+/PHzdNvRzcs/+Q==}
     engines: {node: '>= 12'}
+    deprecated: Use v12.0.2 or higher to fix the vulnerability issue
 
   '@kwsites/file-exists@1.1.1':
     resolution: {integrity: sha512-m9/5YGR18lIwxSFDwfE3oA7bWuq9kdau6ugN4H2rJeyhFQZcG9AgSHkQtSD15a8WvTgfz9aikZMrKPHvbpqFiw==}
@@ -3497,11 +3632,11 @@ packages:
       '@types/react': '>=16'
       react: '>=16'
 
-  '@microsoft/api-extractor-model@7.29.6':
-    resolution: {integrity: sha512-gC0KGtrZvxzf/Rt9oMYD2dHvtN/1KPEYsrQPyMKhLHnlVuO/f4AFN3E4toqZzD2pt4LhkKoYmL2H9tX3yCOyRw==}
+  '@microsoft/api-extractor-model@7.29.8':
+    resolution: {integrity: sha512-t3Z/xcO6TRbMcnKGVMs4uMzv/gd5j0NhMiJIGjD4cJMeFJ1Hf8wnLSx37vxlRlL0GWlGJhnFgxvnaL6JlS+73g==}
 
-  '@microsoft/api-extractor@7.47.7':
-    resolution: {integrity: sha512-fNiD3G55ZJGhPOBPMKD/enozj8yxJSYyVJWxRWdcUtw842rvthDHJgUWq9gXQTensFlMHv2wGuCjjivPv53j0A==}
+  '@microsoft/api-extractor@7.47.9':
+    resolution: {integrity: sha512-TTq30M1rikVsO5wZVToQT/dGyJY7UXJmjiRtkHPLb74Prx3Etw8+bX7Bv7iLuby6ysb7fuu1NFWqma+csym8Jw==}
     hasBin: true
 
   '@microsoft/tsdoc-config@0.17.0':
@@ -3522,128 +3657,122 @@ packages:
     resolution: {integrity: sha512-2KYkyluThg1AKfd0JWI7FzpS4A/fzVVGYIf6AM4ydWyNj8eI/86GQVLeRgDoH7CNOxt243R5tutWlmHpVq0/Ew==}
     engines: {node: '>=18.0.0'}
 
-  '@next/bundle-analyzer@14.2.9':
-    resolution: {integrity: sha512-r+h5vdrx3+tZoMysJmDsfy3OXPqwuTTiQYytCPl5qfngHqeusV3im8Bjbmm4ZsOsIcqh/BQrChO8u7wFXavHKA==}
+  '@next/bundle-analyzer@14.2.15':
+    resolution: {integrity: sha512-W6iyrp/3G7WbIztDcNt+owYX1iv37m9f4RJs0fa/Ayw4EDdjNPX6qKQrC7gBrESHV3FuchED+8R+CNiw1i78eQ==}
 
-  '@next/bundle-analyzer@15.0.0-canary.148':
-    resolution: {integrity: sha512-/X/DmMODyV30o1auU0fPsZVmu11epmOMyNqN1RlONfwtsDFGSr/R2Bh+xcNlgCepR6WGk1SCs6gWrYKjXduppw==}
+  '@next/bundle-analyzer@15.0.0-canary.195':
+    resolution: {integrity: sha512-WBdM5+JS497H3HwkSPEvckGm6aVMLNSJpdL0ekJpydINb1F1l5MoDm6g0CahVfooqhP+2xyqFc4jcWYLf40XYw==}
 
-  '@next/env@14.2.9':
-    resolution: {integrity: sha512-hnDAoDPMii31V0ivibI8p6b023jOF1XblWTVjsDUoZKwnZlaBtJFZKDwFqi22R8r9i6W08dThUWU7Bsh2Rg8Ww==}
+  '@next/env@14.2.15':
+    resolution: {integrity: sha512-S1qaj25Wru2dUpcIZMjxeMVSwkt8BK4dmWHHiBuRstcIyOsMapqT4A4jSB6onvqeygkSSmOkyny9VVx8JIGamQ==}
 
-  '@next/env@15.0.0-canary.148':
-    resolution: {integrity: sha512-EeKbnR//tyIBuNZp+wvII2CCahB5Wsdhn/gUbtdcQzgfbTbV0tIxghnLmaMmkTK0IP26AlrwkTLYSm7KcjqfHw==}
+  '@next/env@15.0.0-canary.195':
+    resolution: {integrity: sha512-GMG3ZeIq5nw+SBjH58wCMf7n3adT9NzeSs8fTb2LLTUPrdceYqombKmufRuPL2svwGByZGnyARCK8B0WEa1Z1w==}
 
-  '@next/eslint-plugin-next@14.2.9':
-    resolution: {integrity: sha512-tmLXuDNfPTqoFuSfsd9Q4R96SS/UCKTPtBnnR+cKDcbh8xZU+126vZnRWH1WEpOmS4Vl2Hy/X6SPmgOGZzn+hA==}
+  '@next/eslint-plugin-next@14.2.15':
+    resolution: {integrity: sha512-pKU0iqKRBlFB/ocOI1Ip2CkKePZpYpnw5bEItEkuZ/Nr9FQP1+p7VDWr4VfOdff4i9bFmrOaeaU1bFEyAcxiMQ==}
 
-  '@next/eslint-plugin-next@14.3.0-canary.87':
-    resolution: {integrity: sha512-q2lowUjUKY5vgKTl1h65gu/JcQs8ZAZFWDfmG/Fx91xU7++fTnEiUtbwStcF5Hhn/MQZhxoWPvTVUtpHyWXtOw==}
+  '@next/eslint-plugin-next@15.0.0-canary.195':
+    resolution: {integrity: sha512-gvsEt2zbiZ4RG85d7KYNC+xkYK7rqfdIQH9kj9a6uCWOQnmfy+XDj61VmRr02L9pTmv3f/85bVrqoyvdhjwuWg==}
 
-  '@next/swc-darwin-arm64@14.2.9':
-    resolution: {integrity: sha512-/kfQifl3uLYi3DlwFlzCkgxe6fprJNLzzTUFknq3M5wGYicDIbdGlxUl6oHpVLJpBB/CBY3Y//gO6alz/K4NWA==}
+  '@next/swc-darwin-arm64@14.2.15':
+    resolution: {integrity: sha512-Rvh7KU9hOUBnZ9TJ28n2Oa7dD9cvDBKua9IKx7cfQQ0GoYUwg9ig31O2oMwH3wm+pE3IkAQ67ZobPfEgurPZIA==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@next/swc-darwin-arm64@15.0.0-canary.148':
-    resolution: {integrity: sha512-YnStocgWQ95fVg9DSDOyrNPC/DidLVwKqYHGuw+iLWuMRiKJ5tGwNeRVlCwkqDdmal5YO8+Mu/8VdEMoO1qHxg==}
+  '@next/swc-darwin-arm64@15.0.0-canary.195':
+    resolution: {integrity: sha512-JK+VB2+AjP8iwe4t8vv3ta6oHlMxegCnSymnSonCtA5HoqRuE7cWe60vbMdk7xmRvl4oy1Josc5+hMei6SN7ZA==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [darwin]
 
-  '@next/swc-darwin-x64@14.2.9':
-    resolution: {integrity: sha512-tK/RyhCmOCiXQ9IVdFrBbZOf4/1+0RSuJkebXU2uMEsusS51TjIJO4l8ZmEijH9gZa0pJClvmApRHi7JuBqsRw==}
+  '@next/swc-darwin-x64@14.2.15':
+    resolution: {integrity: sha512-5TGyjFcf8ampZP3e+FyCax5zFVHi+Oe7sZyaKOngsqyaNEpOgkKB3sqmymkZfowy3ufGA/tUgDPPxpQx931lHg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
 
-  '@next/swc-darwin-x64@15.0.0-canary.148':
-    resolution: {integrity: sha512-BwF99YkwJ2O1JyT/Z6jcQ3Ua7D0iElUFX8ED99Vb4KeXPlJAZYKLPTioDznRdDj1QZ0hVolIeR1M6kr8Str8hw==}
+  '@next/swc-darwin-x64@15.0.0-canary.195':
+    resolution: {integrity: sha512-M0FTKKvKk3Uhe5rj9jmVv5qmdVDQ7Rc1Ex5BGziNscQVsPrE5tVX768yq6boVvH+WQyt3u2XjZCmIbdTtLAzyg==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [darwin]
 
-  '@next/swc-linux-arm64-gnu@14.2.9':
-    resolution: {integrity: sha512-tS5eqwsp2nO7mzywRUuFYmefNZsUKM/mTG3exK2jIHv9TEVklE1SByB1KMhFkqlit1PxS9YK1tV8BOV90Wpbrw==}
+  '@next/swc-linux-arm64-gnu@14.2.15':
+    resolution: {integrity: sha512-3Bwv4oc08ONiQ3FiOLKT72Q+ndEMyLNsc/D3qnLMbtUYTQAmkx9E/JRu0DBpHxNddBmNT5hxz1mYBphJ3mfrrw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@next/swc-linux-arm64-gnu@15.0.0-canary.148':
-    resolution: {integrity: sha512-8bhIWTvS15woodEWwOv6odQ4B2aPdykU3QQxX5aR6fKDf6CoLmmwbF9EAH7QzfOreZN3n5gqOeP00eW1KSfNOw==}
+  '@next/swc-linux-arm64-gnu@15.0.0-canary.195':
+    resolution: {integrity: sha512-PZaECZ98Ul+dP+azmF3DhH3k4y4vbMH+LtPrRgxas2F8zMDeCfBfYm3MjNc3t7NHAoylVN/+8oxCJrfQ2e8/cw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@next/swc-linux-arm64-musl@14.2.9':
-    resolution: {integrity: sha512-8svpeTFNAMTUMKQbEzE8qRAwl9o7mNBv7LR1bmSkQvo1oy4WrNyZbhWsldOiKrc4mZ5dfQkGYsI9T75mIFMfeA==}
+  '@next/swc-linux-arm64-musl@14.2.15':
+    resolution: {integrity: sha512-k5xf/tg1FBv/M4CMd8S+JL3uV9BnnRmoe7F+GWC3DxkTCD9aewFRH1s5rJ1zkzDa+Do4zyN8qD0N8c84Hu96FQ==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@next/swc-linux-arm64-musl@15.0.0-canary.148':
-    resolution: {integrity: sha512-LWtO+vIXRv4bFYTc+Fm7/VDHdk+du/LCUl3jab8bMRjyxc2VN0p/A78cmIP73S1znqwqdr/oUGiLOIcs8M3h/g==}
+  '@next/swc-linux-arm64-musl@15.0.0-canary.195':
+    resolution: {integrity: sha512-AX6pO2RQlBMGrrv/uv4exo2AKRN77a3uRHRrWlrpdQcxrjRWfuS+/7NsCzojGWHX6pUzwvCCcdgKPQpVzAQjzw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [linux]
 
-  '@next/swc-linux-x64-gnu@14.2.9':
-    resolution: {integrity: sha512-0HNulLWpKTB7H5BhHCkEhcRAnWUHeAYCftrrGw3QC18+ZywTdAoPv/zEqKy/0adqt+ks4JDdlgSQ1lNKOKjo0A==}
+  '@next/swc-linux-x64-gnu@14.2.15':
+    resolution: {integrity: sha512-kE6q38hbrRbKEkkVn62reLXhThLRh6/TvgSP56GkFNhU22TbIrQDEMrO7j0IcQHcew2wfykq8lZyHFabz0oBrA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@next/swc-linux-x64-gnu@15.0.0-canary.148':
-    resolution: {integrity: sha512-2fCWVuthDyFb4dw5TcOlF+6RV92RnWOoVfgdNFUt3fN0Dpg+q6KlwBZOwnotqrHyCTdevcpujs6/1qZ7rQ2Gmw==}
+  '@next/swc-linux-x64-gnu@15.0.0-canary.195':
+    resolution: {integrity: sha512-n651qe/lmps2wgqImkBmde/ygAcrn2mXa5D825NilasjOY02NiJV+crlMO9bB+pOdVgS8P6UDCvPhy/HYFN/YA==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@next/swc-linux-x64-musl@14.2.9':
-    resolution: {integrity: sha512-hhVFViPHLAVUJRNtwwm609p9ozWajOmRvzOZzzKXgiVGwx/CALxlMUeh+M+e0Zj6orENhWLZeilOPHpptuENsA==}
+  '@next/swc-linux-x64-musl@14.2.15':
+    resolution: {integrity: sha512-PZ5YE9ouy/IdO7QVJeIcyLn/Rc4ml9M2G4y3kCM9MNf1YKvFY4heg3pVa/jQbMro+tP6yc4G2o9LjAz1zxD7tQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@next/swc-linux-x64-musl@15.0.0-canary.148':
-    resolution: {integrity: sha512-Xsd6lERBv/vU3FPIHpoeS4gqTqg/7rLAeaXb/SbgNjHc2Y9TO8N7G3wOvqdiYdBBdLfI6R+phsWRswdxQkqKrA==}
+  '@next/swc-linux-x64-musl@15.0.0-canary.195':
+    resolution: {integrity: sha512-HTJ3KwAodiBM6pgYKU5X+awNHuVwNxSSDQ9lNMRO3CJwwL0wI1yLXphx8Pko2RjtQkADLM+1cKdI7metypMxPQ==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [linux]
 
-  '@next/swc-win32-arm64-msvc@14.2.9':
-    resolution: {integrity: sha512-p/v6XlOdrk06xfN9z4evLNBqftVQUWiyduQczCwSj7hNh8fWTbzdVxsEiNOcajMXJbQiaX/ZzZdFgKVmmJnnGQ==}
+  '@next/swc-win32-arm64-msvc@14.2.15':
+    resolution: {integrity: sha512-2raR16703kBvYEQD9HNLyb0/394yfqzmIeyp2nDzcPV4yPjqNUG3ohX6jX00WryXz6s1FXpVhsCo3i+g4RUX+g==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
-  '@next/swc-win32-arm64-msvc@15.0.0-canary.148':
-    resolution: {integrity: sha512-xdd2SswiuhsYCWInU8rM2snMxtCWTJDcWj4uV6J+QrY1GbxgvvjgAQcbFGx26od8qtL8v2CFZrjueAcHHfYy8g==}
+  '@next/swc-win32-arm64-msvc@15.0.0-canary.195':
+    resolution: {integrity: sha512-U1VSVP5nyWxAaJ6PPMko7xvCCu6gsmB8OMQ/2ADlCP0duNSZ+TRdPlzsdN7YpBhcHwucVj1hVfbj/hjk3lwaiw==}
     engines: {node: '>= 10'}
     cpu: [arm64]
     os: [win32]
 
-  '@next/swc-win32-ia32-msvc@14.2.9':
-    resolution: {integrity: sha512-IcW9dynWDjMK/0M05E3zopbRen7v0/yEaMZbHFOSS1J/w+8YG3jKywOGZWNp/eCUVtUUXs0PW+7Lpz8uLu+KQA==}
-    engines: {node: '>= 10'}
-    cpu: [ia32]
-    os: [win32]
-
-  '@next/swc-win32-ia32-msvc@15.0.0-canary.148':
-    resolution: {integrity: sha512-nXklSrg/26BIK5Bg+R/Ak9qC3wccCwZubHaVucqf2vPUrbldQVLUpK2fq2d/DkP5mgX2/t0JjRYxUXuHDfbkkQ==}
+  '@next/swc-win32-ia32-msvc@14.2.15':
+    resolution: {integrity: sha512-fyTE8cklgkyR1p03kJa5zXEaZ9El+kDNM5A+66+8evQS5e/6v0Gk28LqA0Jet8gKSOyP+OTm/tJHzMlGdQerdQ==}
     engines: {node: '>= 10'}
     cpu: [ia32]
     os: [win32]
 
-  '@next/swc-win32-x64-msvc@14.2.9':
-    resolution: {integrity: sha512-gcbpoXyWZdVOBgNa5BRzynrL5UR1nb2ZT38yKgnphYU9UHjeecnylMHntrQiMg/QtONDcJPFC/PmsS47xIRYoA==}
+  '@next/swc-win32-x64-msvc@14.2.15':
+    resolution: {integrity: sha512-SzqGbsLsP9OwKNUG9nekShTwhj6JSB9ZLMWQ8g1gG6hdE5gQLncbnbymrwy2yVmH9nikSLYRYxYMFu78Ggp7/g==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
 
-  '@next/swc-win32-x64-msvc@15.0.0-canary.148':
-    resolution: {integrity: sha512-4Lw3hUoJQhQ3tC2hLiSjHKhK56P0WJGykHeDng78zlGhuGtsuUBJomlGjopfqRaeJD3R6z6amYGSU9jriTY7jw==}
+  '@next/swc-win32-x64-msvc@15.0.0-canary.195':
+    resolution: {integrity: sha512-FMzMlpmwvjrAstBuTULJ9+0sFEO632Zy0zG1UZZ4SaL5pxd1FfUaVWq4AsyeObzHY9YxlaK8hBqKyewYoMJ4+g==}
     engines: {node: '>= 10'}
     cpu: [x64]
     os: [win32]
@@ -3729,41 +3858,41 @@ packages:
   '@nuxt/devalue@2.0.2':
     resolution: {integrity: sha512-GBzP8zOc7CGWyFQS6dv1lQz8VVpz5C2yRszbXufwG/9zhStTIH50EtD87NmWbTMwXDvZLNg8GIpb1UFdH93JCA==}
 
-  '@nuxt/devtools-kit@1.4.2':
-    resolution: {integrity: sha512-8a5PhVnC7E94318/sHbNSe9mI2MlsQ8+pJLGs2Hh1OJyidB9SWe6hoFc8q4K9VOtXak9uCFVb5V2JGXS1q+1aA==}
+  '@nuxt/devtools-kit@1.6.0':
+    resolution: {integrity: sha512-kJ8mVKwTSN3tdEVNy7mxKCiQk9wsG5t3oOrRMWk6IEbTSov+5sOULqQSM/+OWxWsEDmDfA7QlS5sM3Ti9uMRqQ==}
     peerDependencies:
       vite: '*'
 
-  '@nuxt/devtools-wizard@1.4.2':
-    resolution: {integrity: sha512-TyhmPBg/xJKPOdnwR3DAh8KMUt6/0dUNABCxGVeY7PYbIiXt4msIGVJkBc4y+WwIJHOYPrSRClmZVsXQfRlB4A==}
+  '@nuxt/devtools-wizard@1.6.0':
+    resolution: {integrity: sha512-n+mzz5NwnKZim0tq1oBi+x1nNXb21fp7QeBl7bYKyDT1eJ0XCxFkVTr/kB/ddkkLYZ+o8TykpeNPa74cN+xAyQ==}
     hasBin: true
 
-  '@nuxt/devtools@1.4.2':
-    resolution: {integrity: sha512-Ok3g2P7iwKyK8LiwozbYVAZTo8t91iXSmlJj2ozeo1okKQ2Qi1AtwB6nYgIlkUHZmo155ZjG/LCHYI5uhQ/sGw==}
+  '@nuxt/devtools@1.6.0':
+    resolution: {integrity: sha512-xNorMapzpM8HaW7NnAsEEO38OrmrYBzGvkkqfBU5nNh5XEymmIfCbQc7IA/GIOH9pXOV4gRutCjHCWXHYbOl3A==}
     hasBin: true
     peerDependencies:
       vite: '*'
 
-  '@nuxt/kit@3.13.1':
-    resolution: {integrity: sha512-FkUL349lp/3nVfTIyws4UDJ3d2jyv5Pk1DC1HQUCOkSloYYMdbRcQAUcb4fe2TCLNWvHM+FhU8jnzGTzjALZYA==}
+  '@nuxt/kit@3.13.2':
+    resolution: {integrity: sha512-KvRw21zU//wdz25IeE1E5m/aFSzhJloBRAQtv+evcFeZvuroIxpIQuUqhbzuwznaUwpiWbmwlcsp5uOWmi4vwA==}
     engines: {node: ^14.18.0 || >=16.10.0}
 
-  '@nuxt/schema@3.13.1':
-    resolution: {integrity: sha512-ishbhzVGspjshG9AG0hYnKYY6LWXzCtua7OXV7C/DQ2yA7rRcy1xHpzKZUDbIRyxCHHCAcBd8jfHEUmEuhEPrA==}
+  '@nuxt/schema@3.13.2':
+    resolution: {integrity: sha512-CCZgpm+MkqtOMDEgF9SWgGPBXlQ01hV/6+2reDEpJuqFPGzV8HYKPBcIFvn7/z5ahtgutHLzjP71Na+hYcqSpw==}
     engines: {node: ^14.18.0 || >=16.10.0}
 
-  '@nuxt/telemetry@2.5.4':
-    resolution: {integrity: sha512-KH6wxzsNys69daSO0xUv0LEBAfhwwjK1M+0Cdi1/vxmifCslMIY7lN11B4eywSfscbyVPAYJvANyc7XiVPImBQ==}
+  '@nuxt/telemetry@2.6.0':
+    resolution: {integrity: sha512-h4YJ1d32cU7tDKjjhjtIIEck4WF/w3DTQBT348E9Pz85YLttnLqktLM0Ez9Xc2LzCeUgBDQv1el7Ob/zT3KUqg==}
     hasBin: true
 
-  '@nuxt/vite-builder@3.13.1':
-    resolution: {integrity: sha512-qH5p5K7lMfFc5L9um3Q7sLb5mvrLHfPTqljZKkEVVEhenz08a33aUPgaKhvd6rJOgW8Z0uh8BS2EoStBK2sSog==}
+  '@nuxt/vite-builder@3.13.2':
+    resolution: {integrity: sha512-3dzc3YH3UeTmzGtCevW1jTq0Q8/cm+yXqo/VS/EFM3aIO/tuNPS88is8ZF2YeBButFnLFllq/QenziPbq0YD6Q==}
     engines: {node: ^14.18.0 || >=16.10.0}
     peerDependencies:
       vue: ^3.3.4
 
-  '@nuxtjs/sanity@1.12.1':
-    resolution: {integrity: sha512-X9RAwOQN4AVAYSZGnZ/VyTK6pIfXidMYvEWhs3EuDhiPvODex+5kl/vdyGzV8IEW1P1TrIktuCi04kb/EDLuvg==}
+  '@nuxtjs/sanity@1.12.2':
+    resolution: {integrity: sha512-3vApztz3rdCnS9+K4mFEaAV11pgQBB2j4bLC/p/L6l8zsEyNzdpz9BeLfctDtPdQkhYxl+RYBU12xhKybRl8Qg==}
 
   '@nuxtjs/tailwindcss@6.12.1':
     resolution: {integrity: sha512-UKmaPRVpxlFqLorhL6neEba2tySlsj6w6yDb7jzS6A0AAjyBQ6k3BQqWO+AaTy2iQLX7eR+1yj3/w43HzY8RtA==}
@@ -3778,8 +3907,8 @@ packages:
     resolution: {integrity: sha512-pEzPjvEnWHQCTIv8j/6IYdYBJQUL/Z9Vo0SB2yr5GZNgf0OAznapjilOb7JY9dBEgXtbgtTgSpANZAiipsjhhw==}
     engines: {node: '>= 12'}
 
-  '@oslojs/encoding@0.4.1':
-    resolution: {integrity: sha512-hkjo6MuIK/kQR5CrGNdAPZhS01ZCXuWDRJ187zh6qqF2+yMHZpD9fAYpX8q2bOO6Ryhl3XpCT6kUX76N8hhm4Q==}
+  '@oslojs/encoding@1.1.0':
+    resolution: {integrity: sha512-70wQhgYmndg4GCPxPPxPGevRKqTIJ2Nh4OkiMWmDAVYsTQ+Ta7Sq+rPevXyXGdzr30/qZBnyOalCszoMxlyldQ==}
 
   '@parcel/watcher-android-arm64@2.4.1':
     resolution: {integrity: sha512-LOi/WTbbh3aTn2RYddrO8pnapixAziFl6SMxHM69r3tvdSm94JtCenaKgk1GRg5FJ5wpMCpHeW+7yqPlvZv7kg==}
@@ -3886,17 +4015,17 @@ packages:
   '@polka/url@1.0.0-next.25':
     resolution: {integrity: sha512-j7P6Rgr3mmtdkeDGTe0E/aYyWEWVtc5yFXtHCRHs28/jptDEWfaVOc5T7cblqy1XKPPfCxJc/8DwQ5YgLOZOVQ==}
 
-  '@portabletext/editor@1.0.19':
-    resolution: {integrity: sha512-ZNOvErcy2OYchsHVpVtJdhGb12YI6m0vOSubKu8t1X6wllkJPNyduW6xxLbmJiv/Z/+Ua1gVEvczdkfsU2qvvQ==}
+  '@portabletext/editor@1.1.4':
+    resolution: {integrity: sha512-g25l96CrCFaV/wIiUrLJXB61C99rc8SM/gGisfSpIoCG0hi/4Wj07troSTDKw/d8aiE5Jy7oNFO2TuIlJj8Rww==}
     engines: {node: '>=18'}
     peerDependencies:
       '@sanity/block-tools': ^3.47.1
       '@sanity/schema': ^3.47.1
-      '@sanity/types': 3.57.2
-      '@sanity/util': 3.57.2
+      '@sanity/types': 3.61.0
+      '@sanity/util': 3.61.0
       react: ^16.9 || ^17 || ^18
-      rxjs: ^7
-      styled-components: npm:@sanity/styled-components@6.1.13
+      rxjs: ^7.8.1
+      styled-components: ^6.1.13
 
   '@portabletext/patches@1.1.0':
     resolution: {integrity: sha512-2qn4WaRc23m5qRwclT3sAyuHwTyjxCb4Lg0BQyhp7CABd83HtnPPYoP6hycREs6HRdWA48H3sU5gqUVPoxJxdg==}
@@ -3920,17 +4049,17 @@ packages:
     resolution: {integrity: sha512-5xk5MSyQU9CrDho3Rsguj38jhijhD36Mk8S6mZo3huv6PM+t4M/5kJN2KFIxgvt4ONpvOEs1pVIZAV0cL0Vi+Q==}
     engines: {node: ^14.13.1 || >=16.0.0 || >=18.0.0}
 
-  '@remix-run/css-bundle@2.12.0':
-    resolution: {integrity: sha512-4HnT+DkRpe2FhpliZohJTpIO5p3drxZAyegs1eanjBUs6AKjGkvIzIbGCsmcQsOvsAOO27uCv37S3p+tFnoTWA==}
+  '@remix-run/css-bundle@2.13.1':
+    resolution: {integrity: sha512-ukams+HcEaovitySAmH2Q8Gg8c6A3fKr5RJEpAn0NYk1Cc2t0fH05GVAGToOgtWeFeOUjREXAqk3+C76o0cHkg==}
     engines: {node: '>=18.0.0'}
 
-  '@remix-run/dev@2.12.0':
-    resolution: {integrity: sha512-/87YQORdlJg5YChd7nVBM/hRXHZA4GfUjhKbZyNrh03bazCQBF+6EsXbzpJ6cCFOpZgecsN0Xv648Qw0VuJjwg==}
+  '@remix-run/dev@2.13.1':
+    resolution: {integrity: sha512-7+06Dail6zMyRlRvgrZ4cmQjs2gUb+M24iP4jbmql+0B7VAAPwzCRU0x+BF5z8GSef13kDrH3iXv/BQ2O2yOgw==}
     engines: {node: '>=18.0.0'}
     hasBin: true
     peerDependencies:
-      '@remix-run/react': ^2.12.0
-      '@remix-run/serve': ^2.12.0
+      '@remix-run/react': ^2.13.1
+      '@remix-run/serve': ^2.13.1
       typescript: ^5.1.0
       vite: ^5.1.0
       wrangler: ^3.28.2
@@ -3944,8 +4073,8 @@ packages:
       wrangler:
         optional: true
 
-  '@remix-run/eslint-config@2.12.0':
-    resolution: {integrity: sha512-9MfVRuto/8EOYFf4zdg765x5TQ1l03CG7ZsLBLI22fn/OoJtOp5gGXeHaWMiFo+nLHlP27wEH2y9j7NshxdcMA==}
+  '@remix-run/eslint-config@2.13.1':
+    resolution: {integrity: sha512-UNWRHYa++pWrO6qxNI9z7KrmD0/wncWjS36TujoPmlnVDQ2pKIhNZwBi6otJQIuI8TdUPBZstJNgRJ0TWYok6A==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
       eslint: ^8.0.0
@@ -3955,18 +4084,18 @@ packages:
       typescript:
         optional: true
 
-  '@remix-run/express@2.12.0':
-    resolution: {integrity: sha512-8RmF0TITWxEW20HU5YPreuN0H8rPeShPCQUoMKN1b5zfcQ3E/tD5VWwwXicguQS8ffloc+ejhtQjnWA3drlsgw==}
+  '@remix-run/express@2.13.1':
+    resolution: {integrity: sha512-yl3/BSJ8eyvwUyWCLDq3NlS81mZFll9hnADNuSCCBrQgkMhEx7stk5JUmWdvmcmGqHw04Ahkq07ZqJeD4F1FMA==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
-      express: ^4.19.2
+      express: ^4.20.0
       typescript: ^5.1.0
     peerDependenciesMeta:
       typescript:
         optional: true
 
-  '@remix-run/node@2.12.0':
-    resolution: {integrity: sha512-83Jaoc6gpSuD4e6rCk7N5ZHAXNmDw4fJC+kPeDCsd6+wLtTLSi7u9Zo9/Q7moLZ3oyH+aR+LGdkxLULYv+Q6Og==}
+  '@remix-run/node@2.13.1':
+    resolution: {integrity: sha512-2ly7bENj2n2FNBdEN60ZEbNCs5dAOex/QJoo6EZ8RNFfUQxVKAZkMwfQ4ETV2SLWDgkRLj3Jo5n/dx7O2ZGhGw==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
       typescript: ^5.1.0
@@ -3974,8 +4103,8 @@ packages:
       typescript:
         optional: true
 
-  '@remix-run/react@2.12.0':
-    resolution: {integrity: sha512-Y109tI37Icr0BSU8sWSo8jDPkXaErJ/e1h0fkPvq6LZ0DrlcmHWBxzWJKID431I/KJvhVvBgVCuDamZTRVOZ5Q==}
+  '@remix-run/react@2.13.1':
+    resolution: {integrity: sha512-kZevCoKMz0ZDOOzTnG95yfM7M9ju38FkWNY1wtxCy+NnUJYrmTerGQtiBsJgMzYD6i29+w4EwoQsdqys7DmMSg==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
       react: ^18.0.0
@@ -3985,17 +4114,17 @@ packages:
       typescript:
         optional: true
 
-  '@remix-run/router@1.19.2':
-    resolution: {integrity: sha512-baiMx18+IMuD1yyvOGaHM9QrVUPGGG0jC+z+IPHnRJWUAUvaKuWKyE8gjDj2rzv3sz9zOGoRSPgeBVHRhZnBlA==}
+  '@remix-run/router@1.20.0':
+    resolution: {integrity: sha512-mUnk8rPJBI9loFDZ+YzPGdeniYK+FTmRD1TMCz7ev2SNIozyKKpnGgsxO34u6Z4z/t0ITuu7voi/AshfsGsgFg==}
     engines: {node: '>=14.0.0'}
 
-  '@remix-run/serve@2.12.0':
-    resolution: {integrity: sha512-QRWn2prUQXrygiXPl93QCk/xxmnSPMJ/vRZtI6FDYjznyWnroNmyF9MBbg7q/6NbgPfuKBc5QoQzvm1IP1W2pw==}
+  '@remix-run/serve@2.13.1':
+    resolution: {integrity: sha512-lKCU1ZnHaGknRAYII5PQOGch9xzK3Q68mcyN8clN6WoKQTn5fvWVE1nEDd1L7vyt5LPVI2b7HNQtVMow1g1vHg==}
     engines: {node: '>=18.0.0'}
     hasBin: true
 
-  '@remix-run/server-runtime@2.12.0':
-    resolution: {integrity: sha512-o9ukOr3XKmyY8UufTrDdkgD3fiy+z+f4qEzvCQnvC0+EasCyN9hb1Vbui6Koo/5HKvahC4Ga8RcWyvhykKrG3g==}
+  '@remix-run/server-runtime@2.13.1':
+    resolution: {integrity: sha512-2DfBPRcHKVzE4bCNsNkKB50BhCCKF73x+jiS836OyxSIAL+x0tguV2AEjmGXefEXc5AGGzoxkus0AUUEYa29Vg==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
       typescript: ^5.1.0
@@ -4019,6 +4148,18 @@ packages:
   '@remix-run/web-stream@1.1.0':
     resolution: {integrity: sha512-KRJtwrjRV5Bb+pM7zxcTJkhIqWWSy+MYsIxHK+0m5atcznsf15YwUBWHWulZerV2+vvHH1Lp1DD7pw6qKW8SgA==}
 
+  '@repo/sanity-schema@file:packages/@repo/sanity-schema':
+    resolution: {directory: packages/@repo/sanity-schema, type: directory}
+    peerDependencies:
+      '@sanity/assist': $@sanity/assist
+      '@sanity/color-input': $@sanity/color-input
+      '@sanity/icons': $@sanity/icons
+      '@sanity/presentation': workspace:*
+      '@sanity/ui': $@sanity/ui
+      rxjs: $rxjs
+      sanity: 3.61.0
+      sanity-plugin-asset-source-unsplash: $sanity-plugin-asset-source-unsplash
+
   '@rexxars/react-json-inspector@8.0.1':
     resolution: {integrity: sha512-XAsgQwqG8fbDGpWnsvOesRMgPfvwuU7Cx3/cUf/fNIRmGP8lj2YYIf5La/4ayvZLWlSw4tTb4BPCKdmK9D8RuQ==}
     peerDependencies:
@@ -4030,8 +4171,8 @@ packages:
       react: ^18
       react-dom: ^18
 
-  '@rollup/plugin-alias@5.1.0':
-    resolution: {integrity: sha512-lpA3RZ9PdIG7qqhEfv79tBffNaoDuukFDrmhLqg9ifv99u/ehn+lOg30x2zmhf8AQqQUZaMk/B9fZraQ6/acDQ==}
+  '@rollup/plugin-alias@5.1.1':
+    resolution: {integrity: sha512-PR9zDb+rOzkRb2VD+EuKB7UC41vU5DIwZ5qqCpk0KJudcWAyi8rvYOhS7+L5aZCspw1stTViLgN5v6FF1p5cgQ==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
@@ -4061,8 +4202,8 @@ packages:
       rollup:
         optional: true
 
-  '@rollup/plugin-commonjs@26.0.1':
-    resolution: {integrity: sha512-UnsKoZK6/aGIH6AdkptXhNvhaqftcjq3zZdT+LY5Ftms6JR06nADcDsYp5hTU9E2lbJUEOhdlY5J4DNTneM+jQ==}
+  '@rollup/plugin-commonjs@28.0.0':
+    resolution: {integrity: sha512-BJcu+a+Mpq476DMXG+hevgPSl56bkUoi88dKT8t3RyUp8kGuOh+2bU8Gs7zXDlu+fyZggnJ+iOBGrb/O1SorYg==}
     engines: {node: '>=16.0.0 || 14 >= 14.17'}
     peerDependencies:
       rollup: ^2.68.0||^3.0.0||^4.0.0
@@ -4088,8 +4229,8 @@ packages:
       rollup:
         optional: true
 
-  '@rollup/plugin-node-resolve@15.2.3':
-    resolution: {integrity: sha512-j/lym8nf5E21LwBT4Df1VD6hRO2L2iwUeUmP7litikRsVp1H6NWx20NEp0Y7su+7XGc476GnXXc4kFeZNGmaSQ==}
+  '@rollup/plugin-node-resolve@15.3.0':
+    resolution: {integrity: sha512-9eO5McEICxMzJpDW9OnMYSv4Sta3hmt7VtBFz5zR9273suNOydOyq/FrGeGy+KsTRFm8w0SLVhzig2ILFT63Ag==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^2.78.0||^3.0.0||^4.0.0
@@ -4106,6 +4247,15 @@ packages:
       rollup:
         optional: true
 
+  '@rollup/plugin-replace@6.0.1':
+    resolution: {integrity: sha512-2sPh9b73dj5IxuMmDAsQWVFT7mR+yoHweBaXG2W/R8vQ+IWZlnaI7BR7J6EguVQUp1hd8Z7XuozpDjEKQAAC2Q==}
+    engines: {node: '>=14.0.0'}
+    peerDependencies:
+      rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
+    peerDependenciesMeta:
+      rollup:
+        optional: true
+
   '@rollup/plugin-terser@0.4.4':
     resolution: {integrity: sha512-XHeJC5Bgvs8LfukDwWZp7yeqin6ns8RTl2B9avbejt6tZqsqvVoWI7ZTQrcNsfKEDWBTnTxM8nMDkO2IFFbd0A==}
     engines: {node: '>=14.0.0'}
@@ -4119,8 +4269,8 @@ packages:
     resolution: {integrity: sha512-iKnFXr7NkdZAIHiIWE+BX5ULi/ucVFYWD6TbAV+rZctiRTY2PL6tsIKhoIOaoskiWAkgu+VsbXgUVDNLHf+InQ==}
     engines: {node: '>= 8.0.0'}
 
-  '@rollup/pluginutils@5.1.0':
-    resolution: {integrity: sha512-XTIWOPPcpvyKI6L1NHo0lFlCyznUEyPmPY1mc3KpPVDYulHSTvyeLNVW00QTLIAFNhR3kYnJTQHeGqU4M3n09g==}
+  '@rollup/pluginutils@5.1.2':
+    resolution: {integrity: sha512-/FIdS3PyZ39bjZlwqFnWqCOVnW7o963LtKMwQOD0NhQqw22gSr2YY1afu3FxRip4ZCZNsD5jq6Aaz6QV3D/Njw==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       rollup: ^1.20.0||^2.0.0||^3.0.0||^4.0.0
@@ -4128,94 +4278,94 @@ packages:
       rollup:
         optional: true
 
-  '@rollup/rollup-android-arm-eabi@4.21.2':
-    resolution: {integrity: sha512-fSuPrt0ZO8uXeS+xP3b+yYTCBUd05MoSp2N/MFOgjhhUhMmchXlpTQrTpI8T+YAwAQuK7MafsCOxW7VrPMrJcg==}
+  '@rollup/rollup-android-arm-eabi@4.24.0':
+    resolution: {integrity: sha512-Q6HJd7Y6xdB48x8ZNVDOqsbh2uByBhgK8PiQgPhwkIw/HC/YX5Ghq2mQY5sRMZWHb3VsFkWooUVOZHKr7DmDIA==}
     cpu: [arm]
     os: [android]
 
-  '@rollup/rollup-android-arm64@4.21.2':
-    resolution: {integrity: sha512-xGU5ZQmPlsjQS6tzTTGwMsnKUtu0WVbl0hYpTPauvbRAnmIvpInhJtgjj3mcuJpEiuUw4v1s4BimkdfDWlh7gA==}
+  '@rollup/rollup-android-arm64@4.24.0':
+    resolution: {integrity: sha512-ijLnS1qFId8xhKjT81uBHuuJp2lU4x2yxa4ctFPtG+MqEE6+C5f/+X/bStmxapgmwLwiL3ih122xv8kVARNAZA==}
     cpu: [arm64]
     os: [android]
 
-  '@rollup/rollup-darwin-arm64@4.21.2':
-    resolution: {integrity: sha512-99AhQ3/ZMxU7jw34Sq8brzXqWH/bMnf7ZVhvLk9QU2cOepbQSVTns6qoErJmSiAvU3InRqC2RRZ5ovh1KN0d0Q==}
+  '@rollup/rollup-darwin-arm64@4.24.0':
+    resolution: {integrity: sha512-bIv+X9xeSs1XCk6DVvkO+S/z8/2AMt/2lMqdQbMrmVpgFvXlmde9mLcbQpztXm1tajC3raFDqegsH18HQPMYtA==}
     cpu: [arm64]
     os: [darwin]
 
-  '@rollup/rollup-darwin-x64@4.21.2':
-    resolution: {integrity: sha512-ZbRaUvw2iN/y37x6dY50D8m2BnDbBjlnMPotDi/qITMJ4sIxNY33HArjikDyakhSv0+ybdUxhWxE6kTI4oX26w==}
+  '@rollup/rollup-darwin-x64@4.24.0':
+    resolution: {integrity: sha512-X6/nOwoFN7RT2svEQWUsW/5C/fYMBe4fnLK9DQk4SX4mgVBiTA9h64kjUYPvGQ0F/9xwJ5U5UfTbl6BEjaQdBQ==}
     cpu: [x64]
     os: [darwin]
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.21.2':
-    resolution: {integrity: sha512-ztRJJMiE8nnU1YFcdbd9BcH6bGWG1z+jP+IPW2oDUAPxPjo9dverIOyXz76m6IPA6udEL12reYeLojzW2cYL7w==}
+  '@rollup/rollup-linux-arm-gnueabihf@4.24.0':
+    resolution: {integrity: sha512-0KXvIJQMOImLCVCz9uvvdPgfyWo93aHHp8ui3FrtOP57svqrF/roSSR5pjqL2hcMp0ljeGlU4q9o/rQaAQ3AYA==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm-musleabihf@4.21.2':
-    resolution: {integrity: sha512-flOcGHDZajGKYpLV0JNc0VFH361M7rnV1ee+NTeC/BQQ1/0pllYcFmxpagltANYt8FYf9+kL6RSk80Ziwyhr7w==}
+  '@rollup/rollup-linux-arm-musleabihf@4.24.0':
+    resolution: {integrity: sha512-it2BW6kKFVh8xk/BnHfakEeoLPv8STIISekpoF+nBgWM4d55CZKc7T4Dx1pEbTnYm/xEKMgy1MNtYuoA8RFIWw==}
     cpu: [arm]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-gnu@4.21.2':
-    resolution: {integrity: sha512-69CF19Kp3TdMopyteO/LJbWufOzqqXzkrv4L2sP8kfMaAQ6iwky7NoXTp7bD6/irKgknDKM0P9E/1l5XxVQAhw==}
+  '@rollup/rollup-linux-arm64-gnu@4.24.0':
+    resolution: {integrity: sha512-i0xTLXjqap2eRfulFVlSnM5dEbTVque/3Pi4g2y7cxrs7+a9De42z4XxKLYJ7+OhE3IgxvfQM7vQc43bwTgPwA==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-arm64-musl@4.21.2':
-    resolution: {integrity: sha512-48pD/fJkTiHAZTnZwR0VzHrao70/4MlzJrq0ZsILjLW/Ab/1XlVUStYyGt7tdyIiVSlGZbnliqmult/QGA2O2w==}
+  '@rollup/rollup-linux-arm64-musl@4.24.0':
+    resolution: {integrity: sha512-9E6MKUJhDuDh604Qco5yP/3qn3y7SLXYuiC0Rpr89aMScS2UAmK1wHP2b7KAa1nSjWJc/f/Lc0Wl1L47qjiyQw==}
     cpu: [arm64]
     os: [linux]
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.21.2':
-    resolution: {integrity: sha512-cZdyuInj0ofc7mAQpKcPR2a2iu4YM4FQfuUzCVA2u4HI95lCwzjoPtdWjdpDKyHxI0UO82bLDoOaLfpZ/wviyQ==}
+  '@rollup/rollup-linux-powerpc64le-gnu@4.24.0':
+    resolution: {integrity: sha512-2XFFPJ2XMEiF5Zi2EBf4h73oR1V/lycirxZxHZNc93SqDN/IWhYYSYj8I9381ikUFXZrz2v7r2tOVk2NBwxrWw==}
     cpu: [ppc64]
     os: [linux]
 
-  '@rollup/rollup-linux-riscv64-gnu@4.21.2':
-    resolution: {integrity: sha512-RL56JMT6NwQ0lXIQmMIWr1SW28z4E4pOhRRNqwWZeXpRlykRIlEpSWdsgNWJbYBEWD84eocjSGDu/XxbYeCmwg==}
+  '@rollup/rollup-linux-riscv64-gnu@4.24.0':
+    resolution: {integrity: sha512-M3Dg4hlwuntUCdzU7KjYqbbd+BLq3JMAOhCKdBE3TcMGMZbKkDdJ5ivNdehOssMCIokNHFOsv7DO4rlEOfyKpg==}
     cpu: [riscv64]
     os: [linux]
 
-  '@rollup/rollup-linux-s390x-gnu@4.21.2':
-    resolution: {integrity: sha512-PMxkrWS9z38bCr3rWvDFVGD6sFeZJw4iQlhrup7ReGmfn7Oukrr/zweLhYX6v2/8J6Cep9IEA/SmjXjCmSbrMQ==}
+  '@rollup/rollup-linux-s390x-gnu@4.24.0':
+    resolution: {integrity: sha512-mjBaoo4ocxJppTorZVKWFpy1bfFj9FeCMJqzlMQGjpNPY9JwQi7OuS1axzNIk0nMX6jSgy6ZURDZ2w0QW6D56g==}
     cpu: [s390x]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-gnu@4.21.2':
-    resolution: {integrity: sha512-B90tYAUoLhU22olrafY3JQCFLnT3NglazdwkHyxNDYF/zAxJt5fJUB/yBoWFoIQ7SQj+KLe3iL4BhOMa9fzgpw==}
+  '@rollup/rollup-linux-x64-gnu@4.24.0':
+    resolution: {integrity: sha512-ZXFk7M72R0YYFN5q13niV0B7G8/5dcQ9JDp8keJSfr3GoZeXEoMHP/HlvqROA3OMbMdfr19IjCeNAnPUG93b6A==}
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-linux-x64-musl@4.21.2':
-    resolution: {integrity: sha512-7twFizNXudESmC9oneLGIUmoHiiLppz/Xs5uJQ4ShvE6234K0VB1/aJYU3f/4g7PhssLGKBVCC37uRkkOi8wjg==}
+  '@rollup/rollup-linux-x64-musl@4.24.0':
+    resolution: {integrity: sha512-w1i+L7kAXZNdYl+vFvzSZy8Y1arS7vMgIy8wusXJzRrPyof5LAb02KGr1PD2EkRcl73kHulIID0M501lN+vobQ==}
     cpu: [x64]
     os: [linux]
 
-  '@rollup/rollup-win32-arm64-msvc@4.21.2':
-    resolution: {integrity: sha512-9rRero0E7qTeYf6+rFh3AErTNU1VCQg2mn7CQcI44vNUWM9Ze7MSRS/9RFuSsox+vstRt97+x3sOhEey024FRQ==}
+  '@rollup/rollup-win32-arm64-msvc@4.24.0':
+    resolution: {integrity: sha512-VXBrnPWgBpVDCVY6XF3LEW0pOU51KbaHhccHw6AS6vBWIC60eqsH19DAeeObl+g8nKAz04QFdl/Cefta0xQtUQ==}
     cpu: [arm64]
     os: [win32]
 
-  '@rollup/rollup-win32-ia32-msvc@4.21.2':
-    resolution: {integrity: sha512-5rA4vjlqgrpbFVVHX3qkrCo/fZTj1q0Xxpg+Z7yIo3J2AilW7t2+n6Q8Jrx+4MrYpAnjttTYF8rr7bP46BPzRw==}
+  '@rollup/rollup-win32-ia32-msvc@4.24.0':
+    resolution: {integrity: sha512-xrNcGDU0OxVcPTH/8n/ShH4UevZxKIO6HJFK0e15XItZP2UcaiLFd5kiX7hJnqCbSztUF8Qot+JWBC/QXRPYWQ==}
     cpu: [ia32]
     os: [win32]
 
-  '@rollup/rollup-win32-x64-msvc@4.21.2':
-    resolution: {integrity: sha512-6UUxd0+SKomjdzuAcp+HAmxw1FlGBnl1v2yEPSabtx4lBfdXHDVsW7+lQkgz9cNFJGY3AWR7+V8P5BqkD9L9nA==}
+  '@rollup/rollup-win32-x64-msvc@4.24.0':
+    resolution: {integrity: sha512-fbMkAF7fufku0N2dE5TBXcNlg0pt0cJue4xBRE2Qc5Vqikxr4VCgKj/ht6SMdFcOacVA9rqF70APJ8RN/4vMJw==}
     cpu: [x64]
     os: [win32]
 
   '@rtsao/scc@1.1.0':
     resolution: {integrity: sha512-zt6OdqaDoOnJ1ZYsCYGt9YmWzDXl4vQdKTyJev62gFhRGKdx7mcT54V9KIjg+d2wi9EXsPvAPKe7i7WjfVWB8g==}
 
-  '@rushstack/eslint-patch@1.10.1':
-    resolution: {integrity: sha512-S3Kq8e7LqxkA9s7HKLqXGTGck1uwis5vAXan3FnU5yw1Ec5hsSGnq4s/UCaSqABPOnOTg7zASLyst7+ohgWexg==}
+  '@rushstack/eslint-patch@1.10.4':
+    resolution: {integrity: sha512-WJgX9nzTqknM393q1QJDJmoW28kUfEnybeTfVNcNAPnIx210RXm2DiXiHzfNPJNIUUb1tJnz/l4QGtJ30PgWmA==}
 
-  '@rushstack/node-core-library@5.7.0':
-    resolution: {integrity: sha512-Ff9Cz/YlWu9ce4dmqNBZpA45AEya04XaBFIjV7xTVeEf+y/kTjEasmozqFELXlNG4ROdevss75JrrZ5WgufDkQ==}
+  '@rushstack/node-core-library@5.9.0':
+    resolution: {integrity: sha512-MMsshEWkTbXqxqFxD4gcIUWQOCeBChlGczdZbHfqmNZQFLHB3yWxDFSMHFUdu2/OB9NUk7Awn5qRL+rws4HQNg==}
     peerDependencies:
       '@types/node': '*'
     peerDependenciesMeta:
@@ -4225,62 +4375,74 @@ packages:
   '@rushstack/rig-package@0.5.3':
     resolution: {integrity: sha512-olzSSjYrvCNxUFZowevC3uz8gvKr3WTpHQ7BkpjtRpA3wK+T0ybep/SRUMfr195gBzJm5gaXw0ZMgjIyHqJUow==}
 
-  '@rushstack/terminal@0.14.0':
-    resolution: {integrity: sha512-juTKMAMpTIJKudeFkG5slD8Z/LHwNwGZLtU441l/u82XdTBfsP+LbGKJLCNwP5se+DMCT55GB8x9p6+C4UL7jw==}
+  '@rushstack/terminal@0.14.2':
+    resolution: {integrity: sha512-2fC1wqu1VCExKC0/L+0noVcFQEXEnoBOtCIex1TOjBzEDWcw8KzJjjj7aTP6mLxepG0XIyn9OufeFb6SFsa+sg==}
     peerDependencies:
       '@types/node': '*'
     peerDependenciesMeta:
       '@types/node':
         optional: true
 
-  '@rushstack/ts-command-line@4.22.6':
-    resolution: {integrity: sha512-QSRqHT/IfoC5nk9zn6+fgyqOPXHME0BfchII9EUPR19pocsNp/xSbeBCbD3PIR2Lg+Q5qk7OFqk1VhWPMdKHJg==}
+  '@rushstack/ts-command-line@4.22.8':
+    resolution: {integrity: sha512-XbFjOoV7qZHJnSuFUHv0pKaFA4ixyCuki+xMjsMfDwfvQjs5MYG0IK5COal3tRnG7KCDe2l/G+9LrzYE/RJhgg==}
 
   '@sanity/asset-utils@1.3.0':
     resolution: {integrity: sha512-uyIOtGA4Duf+68I3BSbYHY5P+WGftn3QtNJD2Pn7h9WPGYsSrWViIPebE9yRN8N0NHhYj+hDQXaMpVdjG7r+zA==}
     engines: {node: '>=10'}
 
-  '@sanity/assist@3.0.6':
-    resolution: {integrity: sha512-CFbpY+eI5CCEuYq61tFtKql1SAbxkT0KHECcWjRWthwBaGuePwrZt/9T/kPr0T4YWIPyH/NJc4b/bIM0dhYa6A==}
+  '@sanity/asset-utils@2.0.6':
+    resolution: {integrity: sha512-rjJG09JRdmIHQcHJjD1nd4wUbjQAsQUpjV51SOqabDPdRMzAx82I2cosnctNzBY+YXGhYYtlkVXjELW51B8ZZw==}
+    engines: {node: '>=18'}
+
+  '@sanity/assist@3.0.8':
+    resolution: {integrity: sha512-5M5lBBGuhuHd0gFpqKsvcVmv6K1JT0SGvokug9qPQDGyiYDjMzby6qPv2TGxXjQ1JSg4pdxv5u+lYlg8h+jzig==}
     engines: {node: '>=14'}
     peerDependencies:
       '@sanity/mutator': ^3.36.4
       react: ^18
-      sanity: 3.57.2
-      styled-components: npm:@sanity/styled-components@6.1.13
+      sanity: 3.61.0
+      styled-components: ^6.1
 
   '@sanity/astro@3.1.6':
     resolution: {integrity: sha512-MmwUI1Nb+XeWvLzuuxas8cEvOIbnYma30cju3l/FMIv5XroavgEnW1ISISi99A/SAp4Z88AIRUY8r4krV7ypAw==}
     engines: {node: '>=18.14.1'}
     peerDependencies:
-      '@sanity/client': ^6.21.3
+      '@sanity/client': ^6.18.3
       '@sanity/visual-editing': workspace:*
       astro: ^2.0.0 || ^3.0.0 || ^4.0.0
       react: ^18.2.0
       react-dom: ^18.2.0
-      sanity: 3.57.2
+      sanity: 3.61.0
 
   '@sanity/bifur-client@0.4.1':
     resolution: {integrity: sha512-mHM8WR7pujbIw2qxuV0lzinS1izOoyLza/ejWV6quITTLpBhUoPIQGPER3Ar0SON5JV0VEEqkJGa1kjiYYgx2w==}
 
-  '@sanity/block-tools@3.57.2':
-    resolution: {integrity: sha512-SUVcdDPUrCEP+RL1NMuTW/xLbekvKR8RZJeQCn3DT1fQ4fK3YqEyHCGeP96sFWbu0jMtKz+vWnY0NLkjBShVJg==}
+  '@sanity/block-tools@3.61.0':
+    resolution: {integrity: sha512-4kZH6v//AEB18Xn+Im5zYW0em0m4ymAofnWBgwQxhE1Sx1nxS29SSB2JxDEsxZH+OU8R44wfWdK5UImE4UEDTA==}
 
   '@sanity/browserslist-config@1.0.3':
     resolution: {integrity: sha512-UkJuiTyROgPcxbvpHYyXwr+T88Np4eLzu3h05gMgeZ2hv3EM7g/4VMyng5HuA1JdPQPEdq8bmmfQDR+u4KC+TA==}
 
-  '@sanity/cli@3.57.2':
-    resolution: {integrity: sha512-IxBNbLRlkWf8ck1CurKr1S1anro4+MTlGqc/xLPoXBA2rXRb81P/O6EIwJqw4Tuz2lUfQHPQx1XTvqV4BOtw0g==}
+  '@sanity/cli@3.61.0':
+    resolution: {integrity: sha512-JLPvR3sryRRsvRB5MvFuGmQZsz0+f4ukgSdN4MzDOE5/UfrBl3ZktAp2TlRbhMVI9NAhIcIxuXK3liWR/rbp/w==}
     engines: {node: '>=18'}
     hasBin: true
 
-  '@sanity/client@6.21.3':
-    resolution: {integrity: sha512-oE2+4kKRTZhFCc4IIsojkzKF0jIhsSYSRxkPZjScZ1k/EQ3Y2tEcQYiKwvvotzaXoaWsIL3RTpulE+R4iBYiBw==}
+  '@sanity/client@6.22.1':
+    resolution: {integrity: sha512-2F/byHTbA91iS2YuJA/LmuJbmh4prqMYqhMSQ2PGFBPU2z/trBOByuuYrHAQfjmETu95n1N24t5A8XjqzjQZTQ==}
     engines: {node: '>=14.18'}
 
-  '@sanity/codegen@3.57.2':
-    resolution: {integrity: sha512-g+A7snMaXnmZ9AKLiCypPlDiam8WFznEoIyv6K3mfLjmVyocNN3uNU0ee3UkRjTlV376lss2B6qgT+k4EpLXiA==}
+  '@sanity/codegen@3.61.0':
+    resolution: {integrity: sha512-dZ7jkZvlEHC3tcu9KTT4Uo1gr80PvRqO2D0/fQfChR3yqbWfIotXVnUkkhKGvKqYac5GgMjYGGsOm1yyUUNBzA==}
+    engines: {node: '>=18'}
+
+  '@sanity/color-input@4.0.1':
+    resolution: {integrity: sha512-Ra/IZO7j5vsx5VIF1OGIoeVfgwZu74tii8qOLuLQIRYbd6Av8si1mQFl6MOBu/kzWKWURE6JEN8+Ac1K2fi8Ww==}
     engines: {node: '>=18'}
+    peerDependencies:
+      react: ^18.3
+      sanity: 3.61.0
+      styled-components: ^6.1
 
   '@sanity/color@3.0.6':
     resolution: {integrity: sha512-2TjYEvOftD0v7ukx3Csdh9QIu44P2z7NDJtlC3qITJRYV36J7R6Vfd3trVhFnN77/7CZrGjqngrtohv8VqO5nw==}
@@ -4296,20 +4458,20 @@ packages:
     resolution: {integrity: sha512-dSZqGeYjHKGIkqAzGqLcG92LZyJGX+nYbs/FWawhBbTBDWi21kvQ0hsL3DJThuFVWtZMWTQijN3z6Cnd44Pf2g==}
     engines: {node: '>=14.18'}
 
-  '@sanity/diff@3.57.2':
-    resolution: {integrity: sha512-KSqpvrDE70iH75F78W367cxTcYN22BnpOKU86csMYyLId37WQ7NUqit6Gjt+vMVT78xjldH95mblsdMDwsDSaQ==}
+  '@sanity/diff@3.61.0':
+    resolution: {integrity: sha512-ecVmDd9UXWlwkzuM7yuDjCWkAE4qDbA1pIZYFxfgKuxzuX6c9MwKK0JtKYB52q+S9J/l1LDd3+Ps9JLcrrKn4w==}
     engines: {node: '>=18'}
 
-  '@sanity/document-internationalization@3.0.0':
-    resolution: {integrity: sha512-HQQiix1MCNtXOLpi1ILjpT8EGk55Yv7515DVWcJAHLSjfpYAo9wvGfkZhRhP5lzWxLj2DsyeBX2zkF2J3QDs2A==}
+  '@sanity/document-internationalization@3.0.1':
+    resolution: {integrity: sha512-ijnKWgzMZ5XED2sc+WaqOGiFAm2C1FpRQGxFmJBx8/rdmbINO/R95S4bg5+fm+cmiSQYimVNHKzCbKfyvpMk9A==}
     engines: {node: '>=14'}
     peerDependencies:
-      '@sanity/mutator': ^3.37.0
+      '@sanity/mutator': ^3.40.0
       '@sanity/ui': ^2.1
       react: ^18
       react-dom: ^18
-      sanity: 3.57.2
-      styled-components: npm:@sanity/styled-components@6.1.13
+      sanity: 3.61.0
+      styled-components: ^6.1
 
   '@sanity/eventsource@5.0.2':
     resolution: {integrity: sha512-/B9PMkUvAlUrpRq0y+NzXgRv5lYCLxZNsBJD2WXVnqZYOfByL9oQBV7KiTaARuObp5hcQYuPfOAVjgXe3hrixA==}
@@ -4353,11 +4515,11 @@ packages:
       react: ^16.9 || ^17 || ^18
       react-dom: ^16.9 || ^17 || ^18
 
-  '@sanity/insert-menu@1.0.8':
-    resolution: {integrity: sha512-H2xEvhnbYcS8yUWRap9KjzfS9ATv0pZkyRsSovDIGRnQ8BW4HGxb3f1i8ZHgl5s6ERIFyS0PHKuCWUTZacRn4Q==}
+  '@sanity/insert-menu@1.0.9':
+    resolution: {integrity: sha512-NP/CaBPS5qwUJ/nSmgDSmDME5a6PVq9DhaEOKC2ux8Jhuab5tRXx8y2Nbrcw3muZdwmSY4HpkLNVoTdtmpgBcg==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
-      '@sanity/types': 3.57.2
+      '@sanity/types': 3.61.0
       react: ^18.3 || >=19.0.0-rc
       react-dom: ^18.3 || >=19.0.0-rc
       react-is: ^18.3 || >=19.0.0-rc
@@ -4367,11 +4529,11 @@ packages:
     engines: {node: '>=14'}
     peerDependencies:
       '@sanity/ui': ^2.1.0
-      '@sanity/util': 3.57.2
+      '@sanity/util': 3.61.0
       react: ^18
       react-dom: ^18
-      sanity: 3.57.2
-      styled-components: npm:@sanity/styled-components@6.1.13
+      sanity: 3.61.0
+      styled-components: ^6.1
 
   '@sanity/logos@2.1.13':
     resolution: {integrity: sha512-PKAbPbM4zn+6wHYjCVwuhmlZnFqyZ9lT/O7OT3BVd2SGAqXoZTimfBOHrVPifytuazdoQ1T2M5eYJTtW/VXLyA==}
@@ -4380,22 +4542,31 @@ packages:
       '@sanity/color': ^2.0 || ^3.0 || ^3.0.0-beta
       react: ^18.3 || >=19.0.0-rc
 
-  '@sanity/migrate@3.57.2':
-    resolution: {integrity: sha512-v59xjd5AyQNhn/Pm6fH8Aynj6s7vTTBGOeN8Dnq2lesB9A0M9wcpmpUpXII+Tsyseua6ImM+gkvYcjNCK23HbQ==}
+  '@sanity/migrate@3.61.0':
+    resolution: {integrity: sha512-IpaQbuS2BF2eB20v/uKXWMDgj/pdFvxywzUXoaAboWPfIGvSFFQ/f5DQsOOE7A4uEg7NnXindRMpaLAxis2dEg==}
     engines: {node: '>=18'}
 
   '@sanity/mutate@0.10.0':
     resolution: {integrity: sha512-kgBY8EZ/i+5KQkDlMizr/KQMwF/E2ExYWPsogFuDoGdQ3MhD+5jwP7X/WpttAZh8F8dupBzslgvv5f9DUeKx3Q==}
     engines: {node: '>=18'}
 
+  '@sanity/mutate@0.10.1-canary.4':
+    resolution: {integrity: sha512-p12N0GreukzQFGqG72NLFlukJ+jrlCNXTfg6zyfoom4c0GgN+FX0NW8GVW4HwCaMY5u3UiEqSQecT3R/lVyZ6w==}
+    engines: {node: '>=18'}
+    peerDependencies:
+      xstate: ^5.18.0
+    peerDependenciesMeta:
+      xstate:
+        optional: true
+
   '@sanity/mutator@3.37.2':
     resolution: {integrity: sha512-F0MvseVtgPBaPxNZtSidF6BQeygviYThgmhRbjZ89AhlRhWiLODvLakdogFmwD1NEQ0tpKn+8m0pQIOHgt2C3w==}
 
-  '@sanity/mutator@3.57.2':
-    resolution: {integrity: sha512-VIxuwBAWNi7OzaV1cxLFUPveSv/h/0QXnAqsoa25GSIMrPkxdQiMBQXdvh5a+SiH/nYrSY3z9CkyqtdrxBPJNw==}
+  '@sanity/mutator@3.61.0':
+    resolution: {integrity: sha512-jU+l32fPxMlxc/oVZukiOt4v4lkrqSu0+m0KUvr+9V2lZsIIMAaVaLSvQICFHg+UXqKXdjyEFy0e7UtH28TN0w==}
 
-  '@sanity/pkg-utils@6.11.1':
-    resolution: {integrity: sha512-HYmZStWTAgUpuGzeffTxbMbTv+Ib6Ix2ZQo1pT1FmlZxPhiupNyuQrl/zOu1TV/+I0x9+X8ipdKaI8Tbie7y/A==}
+  '@sanity/pkg-utils@6.11.3':
+    resolution: {integrity: sha512-DABaQ9UlHYcR2BJZ2l8Eo2ckQPrF3nrdcrpVYm9OJdRCoZ80hNvbaA4VwWMRcITaKj4KByITfA0nFSTHOSk9mw==}
     engines: {node: '>=18.17.0'}
     hasBin: true
     peerDependencies:
@@ -4406,25 +4577,18 @@ packages:
     peerDependencies:
       prettier: ^3.2.5
 
-  '@sanity/preview-kit@5.1.0':
-    resolution: {integrity: sha512-/yRkmw4YFM1pU38h2ZDGG1s1gfHrAL/KrFbBsHh04gi/VMdhfgjVKciNB9hfBep/qe0LP9MmH1sTjQKXnyDbOg==}
+  '@sanity/preview-kit@5.1.4':
+    resolution: {integrity: sha512-rPU2KVuxAYCSuizwMk88EHmqKenypuP2+TgZ9O3GV30pZDyf44EJTSbjhYR0nRqU1GY1adS6rvQvDHkrwAr1Kg==}
     engines: {node: '>=18'}
     peerDependencies:
-      '@sanity/client': ^6.21.3
+      '@sanity/client': ^6.22.1
       react: ^18.0.0 || >=19.0.0-rc
     peerDependenciesMeta:
       react:
         optional: true
 
-  '@sanity/schema@3.57.2':
-    resolution: {integrity: sha512-qKb86jjIT3ntplp8q2Pxj4uDQsLPBCs05r/sZoYAqvmLp2WrYltIZwrPBC5OxoN98+vu40aRL3Lk5UQrOT6C3A==}
-
-  '@sanity/styled-components@6.1.13':
-    resolution: {integrity: sha512-48AAgyu3UgogIMKulu4Entt9/6cA/6nCyxARQ1bBhuDKLyIS2XWCHAbesDKHb4mWzD36x6BBUdGsCyhc82j+Ow==}
-    engines: {node: '>= 16'}
-    peerDependencies:
-      react: '>= 16.8.0'
-      react-dom: '>= 16.8.0'
+  '@sanity/schema@3.61.0':
+    resolution: {integrity: sha512-S1zccntKbnybOpr2fqlw0anOWx1ZAUZ2CDfAZqe2s9ksYvSRFKNB+MOy1iJ2acSATjYeqhzWriLyTZ44EZn/YQ==}
 
   '@sanity/telemetry@0.7.9':
     resolution: {integrity: sha512-TBBRK2SUwiNND+ZJPwdWSu8tbEjdIz7UjagmCCBBWcfXtDKXXlWawC/DOEWuI4Q+WcA5OWLDjboxZT4ApWjVbw==}
@@ -4432,8 +4596,8 @@ packages:
     peerDependencies:
       react: ^18.2 || >=19.0.0-rc
 
-  '@sanity/types@3.57.2':
-    resolution: {integrity: sha512-HczdMPHMX1AUinSPF589Awz1zrf8+So40wdWeC/tsdxVe1wtayh3Jm7XMtY9IKPN9wT6qk7bs7QunaH7rDHHpA==}
+  '@sanity/types@3.61.0':
+    resolution: {integrity: sha512-JXJ7hb615/jj929J5p6g7i0GTP5USmshFOKyrLBib98lEufQZjjzUKh/Tx1MOqk/CSYWkRkl/qY96/hc9FnN4A==}
 
   '@sanity/ui-workshop@2.0.16':
     resolution: {integrity: sha512-B0UCzBRstq0Jme1HbHVk97kJAfnb5end0fuzy/t8mWS4H/XGklkEfHk3sZfpInAZeavNTzFCbdlm2Tzw57HQ1A==}
@@ -4443,7 +4607,7 @@ packages:
       '@sanity/ui': ^1 || ^2.0.0
       react: ^18
       react-dom: ^18
-      styled-components: npm:@sanity/styled-components@6.1.13
+      styled-components: ^5.2 || ^6
 
   '@sanity/ui@2.8.9':
     resolution: {integrity: sha512-ii5pa3HSA5DonhY+IRb5FHpS5rIM3gyMGTfX+HjaPqRy1itSNs1EqetI9oMVsheCYWEQTdZFzIpIX2mEsGVKKw==}
@@ -4452,20 +4616,20 @@ packages:
       react: ^18
       react-dom: ^18
       react-is: ^18
-      styled-components: npm:@sanity/styled-components@6.1.13
+      styled-components: ^5.2 || ^6
 
-  '@sanity/util@3.57.2':
-    resolution: {integrity: sha512-YM78ONqjqZh+06lMhi83Bswm/hWtHw/KWhZF40CitS8mhYxjr3Bb7srJpfYu/qJWJdzzn/zz1xB37O3cAuy7Iw==}
+  '@sanity/util@3.61.0':
+    resolution: {integrity: sha512-8Rkgs6XSKjwU1GaRtVHoEoaXgMvJnbxGoF/5RfV9tsH2AFg2IWVHkvfvGm2Cr7iPYPOdeYyKaOkxeA9dy622Bg==}
     engines: {node: '>=18'}
 
   '@sanity/uuid@3.0.2':
     resolution: {integrity: sha512-vzdhqOrX7JGbMyK40KuIwwyXHm7GMLOGuYgn3xlC09e4ZVNofUO5mgezQqnRv0JAMthIRhofqs9f6ufUjMKOvw==}
 
-  '@sanity/vision@3.57.2':
-    resolution: {integrity: sha512-m0LjAPrwTrL/Di9RgU2jwzN7HSq9ZcLAAnRn2qWwMEsGQPdgmpv9E3ykOng5eQeUL/sC4G4CxSeZuTriErNDyQ==}
+  '@sanity/vision@3.61.0':
+    resolution: {integrity: sha512-lisVOrjeTjX7nfCaWCk9L1mlvNKDHaPe9M+NHQig5yGPTTJ5RpeNGIU5NspEF5ZxI1S/y5ZpDn/blcEuQ8luFw==}
     peerDependencies:
       react: ^18
-      styled-components: npm:@sanity/styled-components@6.1.13
+      styled-components: ^6.1
 
   '@sentry-internal/browser-utils@8.29.0':
     resolution: {integrity: sha512-6HpyQkaqPvK6Lnigjlarq/LDYgXT2OBNf24RK7z0ipJSxSIpmtelfzHbnwWYnypNDXfTDdPm97fZEenQHryYJA==}
@@ -4505,11 +4669,20 @@ packages:
     resolution: {integrity: sha512-nb93/m3SjQChQJFqJj3oNW3Rz/12yrT7jypTCire3c2hpYWG2uR5n8VY9UUMTA6HLNvdom6tckK7p3bXGXlF0w==}
     engines: {node: '>=14.18'}
 
-  '@shikijs/core@1.16.3':
-    resolution: {integrity: sha512-yETIvrETCeC39gSPIiSADmjri9FwKmxz0QvONMtTIUYlKZe90CJkvcjPksayC2VQOtzOJonEiULUa8v8crUQvA==}
+  '@shikijs/core@1.22.0':
+    resolution: {integrity: sha512-S8sMe4q71TJAW+qG93s5VaiihujRK6rqDFqBnxqvga/3LvqHEnxqBIOPkt//IdXVtHkQWKu4nOQNk0uBGicU7Q==}
 
-  '@shikijs/vscode-textmate@9.2.2':
-    resolution: {integrity: sha512-TMp15K+GGYrWlZM8+Lnj9EaHEFmOen0WJBrfa17hF7taDOYthuPPV0GWzfd/9iMij0akS/8Yw2ikquH7uVi/fg==}
+  '@shikijs/engine-javascript@1.22.0':
+    resolution: {integrity: sha512-AeEtF4Gcck2dwBqCFUKYfsCq0s+eEbCEbkUuFou53NZ0sTGnJnJ/05KHQFZxpii5HMXbocV9URYVowOP2wH5kw==}
+
+  '@shikijs/engine-oniguruma@1.22.0':
+    resolution: {integrity: sha512-5iBVjhu/DYs1HB0BKsRRFipRrD7rqjxlWTj4F2Pf+nQSPqc3kcyqFFeZXnBMzDf0HdqaFVvhDRAGiYNvyLP+Mw==}
+
+  '@shikijs/types@1.22.0':
+    resolution: {integrity: sha512-Fw/Nr7FGFhlQqHfxzZY8Cwtwk5E9nKDUgeLjZgt3UuhcM3yJR9xj3ZGNravZZok8XmEZMiYkSMTPlPkULB8nww==}
+
+  '@shikijs/vscode-textmate@9.3.0':
+    resolution: {integrity: sha512-jn7/7ky30idSkd/O5yDBfAnVt+JJpepofP/POZ1iMOxK59cOfqIgg/Dj0eFsjOTMw+4ycJN0uhZH/Eb0bs/EUA==}
 
   '@sigstore/bundle@1.1.0':
     resolution: {integrity: sha512-PFutXEy0SmQxYI4texPw3dd2KewuNqv7OuK1ZFtY2fM754yhvG2KdgwIhRnoEE2uHdtdGNQ8s0lb94dW9sELog==}
@@ -4527,99 +4700,96 @@ packages:
     resolution: {integrity: sha512-2bRovzs0nJZFlCN3rXirE4gwxCn97JNjMmwpecqlbgV9WcxX7WRuIrgzx/X7Ib7MYRbyUTpBYE0s2x6AmZXnlg==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
 
-  '@sinclair/typebox@0.27.8':
-    resolution: {integrity: sha512-+Fj43pSMwJs4KRrH/938Uf+uAELIgVBmQzg/q1YG10djyfA3TnrU8N8XzqCh/okZdszqBQTZf96idMfE5lnwTA==}
-
   '@sindresorhus/merge-streams@2.3.0':
     resolution: {integrity: sha512-LtoMMhxAlorcGhmFYI+LhPgbPZCkgP6ra1YL604EeF6U98pLlQ3iWIGMdWSC+vWmPBWBNgmDBAhnAobLROJmwg==}
     engines: {node: '>=18'}
 
-  '@storybook/addon-actions@8.2.9':
-    resolution: {integrity: sha512-eh2teOqjga7aoClDVV+/b1gHJqsPwjiU1t+Hg/l4i2CkaBUNdYMEL90nR6fgReOdvvL5YhcPwJ8w38f9TrQcoQ==}
+  '@storybook/addon-actions@8.3.5':
+    resolution: {integrity: sha512-t8D5oo+4XfD+F8091wLa2y/CDd/W2lExCeol5Vm1tp5saO+u6f2/d7iykLhTowWV84Uohi3D073uFeyTAlGebg==}
     peerDependencies:
-      storybook: ^8.2.9
+      storybook: ^8.3.5
 
-  '@storybook/addon-backgrounds@8.2.9':
-    resolution: {integrity: sha512-eGmZAd742ORBbQ6JepzBCko/in62T4Xg9j9LVa+Cvz/7L1C/RQSuU6sUwbRAsXaz+PMVDksPDCUUNsXl3zUL7w==}
+  '@storybook/addon-backgrounds@8.3.5':
+    resolution: {integrity: sha512-IQGjDujuw8+iSqKREdkL8I5E/5CAHZbfOWd4A75PQK2D6qZ0fu/xRwTOQOH4jP6xn/abvfACOdL6A0d5bU90ag==}
     peerDependencies:
-      storybook: ^8.2.9
+      storybook: ^8.3.5
 
-  '@storybook/addon-controls@8.2.9':
-    resolution: {integrity: sha512-vaSE78KOE7SO0GrW4e+mdQphSNpvCX/FGybIRxyaKX9h8smoyUwRNHVyCS3ROHTwH324QWu7GDzsOVrnyXOv0A==}
+  '@storybook/addon-controls@8.3.5':
+    resolution: {integrity: sha512-2eCVobUUvY1Rq7sp1U8Mx8t44VXwvi0E+hqyrsqOx5TTSC/FUQ+hNAX6GSYUcFIyQQ1ORpKNlUjAAdjxBv1ZHQ==}
     peerDependencies:
-      storybook: ^8.2.9
+      storybook: ^8.3.5
 
-  '@storybook/addon-docs@8.2.9':
-    resolution: {integrity: sha512-flDOxFIGmXg+6lVdwTLMOKsGob1WrT7rG98mn1SNW0Nxhg3Wg+9pQuq1GLxEzKtAgSflmu+xcBRfYhsogyDXkw==}
+  '@storybook/addon-docs@8.3.5':
+    resolution: {integrity: sha512-MOVfo1bY8kXTzbvmWnx3UuSO4WNykFz7Edvb3mxltNyuW7UDRZGuIuSe32ddT/EtLJfurrC9Ja3yBy4KBUGnMA==}
     peerDependencies:
-      storybook: ^8.2.9
+      storybook: ^8.3.5
 
-  '@storybook/addon-essentials@8.2.9':
-    resolution: {integrity: sha512-B2d3eznGZvPIyCVtYX0UhrYcEfK+3Y2sACmEWpSwtk8KXomFEsZnD95m397BYDRw3/X6qeSLWxqgMfqDTEDeMA==}
+  '@storybook/addon-essentials@8.3.5':
+    resolution: {integrity: sha512-hXTtPuN4/IsXjUrkMPAuz1qKAl8DovdXpjQgjQs7jSAVx3kc4BZaGqJ3gaVenKtO8uDchmA92BoQygpkc8eWhw==}
     peerDependencies:
-      storybook: ^8.2.9
+      storybook: ^8.3.5
 
-  '@storybook/addon-highlight@8.2.9':
-    resolution: {integrity: sha512-qdcazeNQoo9QKIq+LJJZZXvFZoLn+i4uhbt1Uf9WtW6oU/c1qxORGVD7jc3zsxbQN9nROVPbJ76sfthogxeqWA==}
+  '@storybook/addon-highlight@8.3.5':
+    resolution: {integrity: sha512-ku0epul9aReCR3Gv/emwYnsqg3vgux5OmYMjoDcJC7s+LyfweSzLV/f5t9gSHazikJElh5TehtVkWbC4QfbGSw==}
     peerDependencies:
-      storybook: ^8.2.9
+      storybook: ^8.3.5
 
-  '@storybook/addon-interactions@8.2.9':
-    resolution: {integrity: sha512-oSxBkqpmp1Vm9v/G8mZeFNXD8k6T1NMgzUWzAx7R5m31rfObhoi5Fo1bKQT5BAhSSsdjjd7owTAFKdhwSotSKg==}
+  '@storybook/addon-interactions@8.3.5':
+    resolution: {integrity: sha512-GtTy/A+mG7vDOahQr2avT4dpWtCRiFDSYcWyuQOZm10y8VDDw157HQM+FuhxjV9Owrrohy9F24oBUwRG8H3b5A==}
     peerDependencies:
-      storybook: ^8.2.9
+      storybook: ^8.3.5
 
-  '@storybook/addon-links@8.2.9':
-    resolution: {integrity: sha512-RhJzUNdDb7lbliwXb64HMwieIeJ+OQ2Ditue1vmSox6NsSd+pshR+okHpAyoP1+fW+dahNENwAS2Kt2QiI78FA==}
+  '@storybook/addon-links@8.3.5':
+    resolution: {integrity: sha512-giRCpn6cfJMYPnVJkojoQDO5ae6098fgY9YgAhwaJej/9dufNcioFdbiyfK1vyzbG6TGeTmJ9ncWCXgWRtzxPQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
-      storybook: ^8.2.9
+      storybook: ^8.3.5
     peerDependenciesMeta:
       react:
         optional: true
 
-  '@storybook/addon-measure@8.2.9':
-    resolution: {integrity: sha512-XUfQtYRKWB2dfbPRmHuos816wt1JrLbtRld5ZC8J8ljeqZ4hFBPTQcgI5GAzZqjQuclLC0KuhlA/0bKxdxMMGA==}
+  '@storybook/addon-measure@8.3.5':
+    resolution: {integrity: sha512-6GVehgbHhFIFS69xSfRV+12VK0cnuIAtZdp1J3eUCc2ATrcigqVjTM6wzZz6kBuX6O3dcusr7Wg46KtNliqLqg==}
     peerDependencies:
-      storybook: ^8.2.9
+      storybook: ^8.3.5
 
-  '@storybook/addon-outline@8.2.9':
-    resolution: {integrity: sha512-p22kI4W7MT0YJOCmg/FfhfH+NpZEDA5tgwstjazSg4ertyhaxziMwWZWiK2JCg0gOAfRJjoYjHz+6/u56iXwgQ==}
+  '@storybook/addon-outline@8.3.5':
+    resolution: {integrity: sha512-dwmK6GzjEnQP9Yo0VnBUQtJkXZlXdfjWyskZ/IlUVc+IFdeeCtIiMyA92oMfHo8eXt0k1g21ZqMaIn7ZltOuHw==}
     peerDependencies:
-      storybook: ^8.2.9
+      storybook: ^8.3.5
 
-  '@storybook/addon-themes@8.2.9':
-    resolution: {integrity: sha512-f9buB5v18ul7IP0JALkPn9kpPvkkxe4RiEF5S77i1B6v7/1Owa62DLp2NLgav/tvg6MHsGap4UnnyuOxWHUTbg==}
+  '@storybook/addon-themes@8.3.5':
+    resolution: {integrity: sha512-kXHKAZvAtMoOR1XFGTo5/T8anE9x7W8Ddpof2wyi+du5HscFiEW7TesWdvNgBUR7wAaiR21aW2S4jC72a6gTCw==}
     peerDependencies:
-      storybook: ^8.2.9
+      storybook: ^8.3.5
 
-  '@storybook/addon-toolbars@8.2.9':
-    resolution: {integrity: sha512-9LMZZ2jRD86Jh6KXedDbAYs4eHj9HtJA9VhSEE2wiqMGwXozpySi7B1GWniNzmFfcgMQ4JHfmD/OrBVTK7Ca/w==}
+  '@storybook/addon-toolbars@8.3.5':
+    resolution: {integrity: sha512-Ml2gc9q8WbteDvmuAZGgBxt5SqWMXzuTkMjlsA8EB53hlkN1w9esX4s8YtBeNqC3HKoUzcdq8uexSBqU8fDbSA==}
     peerDependencies:
-      storybook: ^8.2.9
+      storybook: ^8.3.5
 
-  '@storybook/addon-viewport@8.2.9':
-    resolution: {integrity: sha512-lyM24+DJEt8R0YZkJKee34NQWv0REACU6lYDalqJNdKS1sEwzLGWxg1hZXnw2JFdBID9NGVvyYU2w6LDozOB0g==}
+  '@storybook/addon-viewport@8.3.5':
+    resolution: {integrity: sha512-FSWydoPiVWFXEittG7O1YgvuaqoU9Vb+qoq9XfP/hvQHHMDcMZvC40JaV8AnJeTXaM7ngIjcn9XDEfGbFfOzXw==}
     peerDependencies:
-      storybook: ^8.2.9
+      storybook: ^8.3.5
 
-  '@storybook/blocks@8.2.9':
-    resolution: {integrity: sha512-5276q/s/UL8arwftuBXovUNHqYo/HPQFMGXEmjVVAMXUyFjzEAfKj3+xU897J6AuL+7XVZG32WnqA+X6LJMrcQ==}
+  '@storybook/blocks@8.3.5':
+    resolution: {integrity: sha512-8cHTdTywolTHlgwN8I7YH7saWAIjGzV617AwjhJ95AKlC0VtpO1gAFcAgCqr4DU9eMc+LZuvbnaU/RSvA5eCCQ==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
-      storybook: ^8.2.9
+      storybook: ^8.3.5
     peerDependenciesMeta:
       react:
         optional: true
       react-dom:
         optional: true
 
-  '@storybook/builder-vite@8.2.9':
-    resolution: {integrity: sha512-MHD3ezRjKkJkOl0u7CRQoQD/LKd28YMWIcaz4YrV6ygokc0c3RFTlOefICQFgboc+1RwIUowxN1CJ2kJ7p4SWw==}
+  '@storybook/builder-vite@8.3.5':
+    resolution: {integrity: sha512-paGX8tEmAeAKFU5Cnwkq3RAi3LFCnmjAxMJikT09jUi6jDpNa0VzH8jbLxKdjsPMAsz0Wv3mrLvL2b8hyxLWAw==}
     peerDependencies:
       '@preact/preset-vite': '*'
-      storybook: ^8.2.9
+      storybook: ^8.3.5
       typescript: '>= 4.3.x'
       vite: ^4.0.0 || ^5.0.0
       vite-plugin-glimmerx: '*'
@@ -4631,21 +4801,18 @@ packages:
       vite-plugin-glimmerx:
         optional: true
 
-  '@storybook/codemod@8.2.9':
-    resolution: {integrity: sha512-3yRx1lFMm1FXWVv+CKDiYM4gOQPEfpcZAQrjfcumxSDUrB091pnU1PeI92Prj3vCdi4+0oPNuN4yDGNUYTMP/A==}
-
-  '@storybook/components@8.2.9':
-    resolution: {integrity: sha512-OkkcZ/f/6o3GdFEEK9ZHKIGHWUHmavZUYs5xaSgU64bOrA2aqEFtfeWWitZYTv3Euhk8MVLWfyEMDfez0AlvDg==}
+  '@storybook/components@8.3.5':
+    resolution: {integrity: sha512-Rq28YogakD3FO4F8KwAtGpo1g3t4V/gfCLqTQ8B6oQUFoxLqegkWk/DlwCzvoJndXuQJfdSyM6+r1JcA4Nql5A==}
     peerDependencies:
-      storybook: ^8.2.9
+      storybook: ^8.3.5
 
-  '@storybook/core@8.2.9':
-    resolution: {integrity: sha512-wSER8FpA6Il/jPyDfKm3yohxDtuhisNPTonMVzd3ulNWR4zERLddyO3HrHJJwdqYHLNk4SBFzwMGpQZVws1y0w==}
+  '@storybook/core@8.3.5':
+    resolution: {integrity: sha512-GOGfTvdioNa/n+Huwg4u/dsyYyBcM+gEcdxi3B7i5x4yJ3I912KoVshumQAOF2myKSRdI8h8aGWdx7nnjd0+5Q==}
 
-  '@storybook/csf-plugin@8.2.9':
-    resolution: {integrity: sha512-QQCFb3g12VQQEraDV1UfCmniGhQZKyT6oEt1Im6dzzPJj9NQk+6BjWoDep33CZhBHWoLryrMQd2fjuHxnFRNEA==}
+  '@storybook/csf-plugin@8.3.5':
+    resolution: {integrity: sha512-ODVqNXwJt90hG7QW8I9w/XUyOGlr0l7XltmIJgXwB/2cYDvaGu3JV5Ybg7O0fxPV8uXk7JlRuUD8ZYv5Low6pA==}
     peerDependencies:
-      storybook: ^8.2.9
+      storybook: ^8.3.5
 
   '@storybook/csf@0.0.1':
     resolution: {integrity: sha512-USTLkZze5gkel8MYCujSRBVIrUQ3YPBrLOx7GNk/0wttvVtlzWXAq9eLbQ4p/NicGxP+3T7KPEMVV//g+yubpw==}
@@ -4663,75 +4830,69 @@ packages:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
 
-  '@storybook/instrumenter@8.2.9':
-    resolution: {integrity: sha512-+DNjTbsMzlDggsvkhRuOy7aGvQJ4oLCPgunP5Se/3yBjG+M2bYDa0EmC5jC2nwZ3ffpuvbzaVe7fWf7R8W9F2Q==}
+  '@storybook/instrumenter@8.3.5':
+    resolution: {integrity: sha512-NLDXai5y2t1ITgHVK9chyL0rMFZbICCOGcnTbyWhkLbiEWZKPJ8FuB8+g+Ba6zwtCve1A1Cnb4O2LOWy7TgWQw==}
     peerDependencies:
-      storybook: ^8.2.9
+      storybook: ^8.3.5
 
-  '@storybook/manager-api@8.2.9':
-    resolution: {integrity: sha512-mkYvUlfqDw+0WbxIynh5TcrotmoXlumEsOA4+45zuNea8XpEgj5cNBUCnmfEO6yQ85swqkS8YYbMpg1cZyu/Vw==}
+  '@storybook/manager-api@8.3.5':
+    resolution: {integrity: sha512-fEQoKKi7h7pzh2z9RfuzatJxubrsfL/CB99fNXQ0wshMSY/7O4ckd18pK4fzG9ErnCtLAO9qsim4N/4eQC+/8Q==}
     peerDependencies:
-      storybook: ^8.2.9
+      storybook: ^8.3.5
 
-  '@storybook/preview-api@8.2.9':
-    resolution: {integrity: sha512-D8/t+a78OJqQAcT/ABa1C4YM/OaLGQ9IvCsp3Q9ruUqDCwuZBj8bG3D4477dlY4owX2ycC0rWYu3VvuK0EmJjA==}
+  '@storybook/preview-api@8.3.5':
+    resolution: {integrity: sha512-VPqpudE8pmjTLvdNJoW/2//nqElDgUOmIn3QxbbCmdZTHDg5tFtxuqwdlNfArF0TxvTSBDIulXt/Q6K56TAfTg==}
     peerDependencies:
-      storybook: ^8.2.9
+      storybook: ^8.3.5
 
-  '@storybook/react-dom-shim@8.2.9':
-    resolution: {integrity: sha512-uCAjSQEsNk8somVn1j/I1G9G/uUax5byHseIIV0Eq3gVXttGd7gaWcP+TDHtqIaenWHx4l+hCSuCesxiLWmx4Q==}
+  '@storybook/react-dom-shim@8.3.5':
+    resolution: {integrity: sha512-Hf0UitJ/K0C7ajooooUK/PxOR4ihUWqsC7iCV1Gqth8U37dTeLMbaEO4PBwu0VQ+Ufg0N8BJLWfg7o6G4hrODw==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
-      storybook: ^8.2.9
+      storybook: ^8.3.5
 
-  '@storybook/react-vite@8.2.9':
-    resolution: {integrity: sha512-Lw6FzcAaL7jX8Y8EsDzg32Lp0NdeNJZpj0LVwX5sLOQQA6w4i3PqlFINXDY28qCGo6wqKT+w44zhgwUcU5V0Ow==}
+  '@storybook/react-vite@8.3.5':
+    resolution: {integrity: sha512-1pnN1JB7GrHUoTVn8VGkS240VNGhWkZBOMaaaRQnkgY1dCrFxAQv4YKFVuC250+rQzgp8X33J/pDAukgwzWYFQ==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
-      storybook: ^8.2.9
+      storybook: ^8.3.5
       vite: ^4.0.0 || ^5.0.0
 
-  '@storybook/react@8.2.9':
-    resolution: {integrity: sha512-F2xZcTDxxjpbqt7eP8rEHmlksiKmE/qtPusEWEY4N4jK01kN+ncxSl8gkJpUohMEmAnVC5t/1v/sU57xv1DYpg==}
+  '@storybook/react@8.3.5':
+    resolution: {integrity: sha512-kuBPe/wBin10SWr4EWPKxiTRGQ4RD2etGEVWVQLqVpOuJp/J2hVvXQHtCfZXU4TZT5x4PBbPRswbr58+XlF+kQ==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
+      '@storybook/test': 8.3.5
       react: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0-beta
-      storybook: ^8.2.9
+      storybook: ^8.3.5
       typescript: '>= 4.2.x'
     peerDependenciesMeta:
+      '@storybook/test':
+        optional: true
       typescript:
         optional: true
 
-  '@storybook/test@8.2.9':
-    resolution: {integrity: sha512-O5JZ5S8UVVR7V0ru5AiF/uRO+srAVwji0Iik7ihy8gw3V91WQNMmJh2KkdhG0R1enYeBsYZlipOm+AW7f/MmOA==}
+  '@storybook/test@8.3.5':
+    resolution: {integrity: sha512-1BXWsUGWk9FiKKelZZ55FDJdeoL8uRBHbjTYBRM2xJLhdNSvGzI4Tb3bkmxPpGn72Ua6AyldhlTxr2BpUFKOHA==}
     peerDependencies:
-      storybook: ^8.2.9
+      storybook: ^8.3.5
 
-  '@storybook/theming@8.2.9':
-    resolution: {integrity: sha512-OL0NFvowPX85N5zIYdgeKKaFm7V4Vgtci093vL3cDZT13LGH6GuEzJKkUFGuUGNPFlJc+EgTj0o6PYKrOLyQ6w==}
+  '@storybook/theming@8.3.5':
+    resolution: {integrity: sha512-9HmDDyC691oqfg4RziIM9ElsS2HITaxmH7n/yeUPtuirkPdAQzqOzhvH/Sa0qOhifzs8VjR+Gd/a/ZQ+S38r7w==}
     peerDependencies:
-      storybook: ^8.2.9
+      storybook: ^8.3.5
 
-  '@sveltejs/adapter-auto@3.2.4':
-    resolution: {integrity: sha512-a64AKYbfTUrVwU0xslzv1Jf3M8bj0IwhptaXmhgIkjXspBXhD0od9JiItQHchijpLMGdEDcYBlvqySkEawv6mQ==}
+  '@sveltejs/adapter-auto@3.2.5':
+    resolution: {integrity: sha512-27LR+uKccZ62lgq4N/hvyU2G+hTP9fxWEAfnZcl70HnyfAjMSsGk1z/SjAPXNCD1mVJIE7IFu3TQ8cQ/UH3c0A==}
     peerDependencies:
       '@sveltejs/kit': ^2.0.0
 
-  '@sveltejs/kit@2.5.26':
-    resolution: {integrity: sha512-8l1JTIM2L+bS8ebq1E+nGjv/YSKSnD9Q19bYIUkc41vaEG2JjVUx6ikvPIJv2hkQAuqJLzoPrXlKk4KcyWOv3Q==}
-    engines: {node: '>=18.13'}
-    hasBin: true
-    peerDependencies:
-      '@sveltejs/vite-plugin-svelte': ^3.0.0 || ^4.0.0-next.1
-      svelte: ^4.0.0 || ^5.0.0-next.0
-      vite: ^5.0.3
-
-  '@sveltejs/kit@2.6.1':
-    resolution: {integrity: sha512-QFlch3GPGZYidYhdRAub0fONw8UTguPICFHUSPxNkA/jdlU1p6C6yqq19J1QWdxIHS2El/ycDCGrHb3EAiMNqg==}
+  '@sveltejs/kit@2.7.1':
+    resolution: {integrity: sha512-TBVnkwgYQT3EafGQK6Eyh5FlLEBlRhCmqPTwcdOs+QdnyUc3eCAxRWtXlFxIWtmk6pqv11zdng8qTpThdTogew==}
     engines: {node: '>=18.13'}
     hasBin: true
     peerDependencies:
@@ -4739,8 +4900,8 @@ packages:
       svelte: ^4.0.0 || ^5.0.0-next.0
       vite: ^5.0.3
 
-  '@sveltejs/package@2.3.4':
-    resolution: {integrity: sha512-A56rLEBVI7DhcfCmjy+D5oya4be/N+kBKX69H0aCkvhgOiAXroqVzeNhWiNiGHhhec3NvpGjtjKI5c4+JAlTZg==}
+  '@sveltejs/package@2.3.5':
+    resolution: {integrity: sha512-fxWSG+pJHxWwcKltG+JoQ+P1CPO7NHVuZD1Gchi/1mNN6C60yD/voHeeXlqr0HHGkvIrpAjRIHLjsavI77Qsiw==}
     engines: {node: ^16.14 || >=18}
     hasBin: true
     peerDependencies:
@@ -4787,8 +4948,8 @@ packages:
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
 
-  '@tanstack/react-virtual@3.8.4':
-    resolution: {integrity: sha512-Dq0VQr3QlTS2qL35g360QaJWBt7tCn/0xw4uZ0dHXPLO1Ak4Z4nVX4vuj1Npg1b/jqNMDToRtR5OIxM2NXRBWg==}
+  '@tanstack/react-virtual@3.10.8':
+    resolution: {integrity: sha512-VbzbVGSsZlQktyLrP5nxE+vE1ZR+U0NFAWPbJLoG2+DKPwd2D7dVICTVIIaYlJqX1ZCEnYDbaOpmMwbsyhBoIA==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
       react-dom: ^16.8.0 || ^17.0.0 || ^18.0.0
@@ -4800,37 +4961,20 @@ packages:
   '@tanstack/virtual-core@3.0.0-beta.54':
     resolution: {integrity: sha512-jtkwqdP2rY2iCCDVAFuaNBH3fiEi29aTn2RhtIoky8DTTiCdc48plpHHreLwmv1PICJ4AJUUESaq3xa8fZH8+g==}
 
-  '@tanstack/virtual-core@3.8.4':
-    resolution: {integrity: sha512-iO5Ujgw3O1yIxWDe9FgUPNkGjyT657b1WNX52u+Wv1DyBFEpdCdGkuVaky0M3hHFqNWjAmHWTn4wgj9rTr7ZQg==}
+  '@tanstack/virtual-core@3.10.8':
+    resolution: {integrity: sha512-PBu00mtt95jbKFi6Llk9aik8bnR3tR/oQP1o3TSi+iG//+Q2RTIzCEgKkHG8BB86kxMNW6O8wku+Lmi+QFR6jA==}
 
-  '@testing-library/dom@10.1.0':
-    resolution: {integrity: sha512-wdsYKy5zupPyLCW2Je5DLHSxSfbIp6h80WoHOQc+RPtmPGA52O9x5MJEkv92Sjonpq+poOAtUKhh1kBGAXBrNA==}
+  '@testing-library/dom@10.4.0':
+    resolution: {integrity: sha512-pemlzrSESWbdAloYml3bAJMEfNh1Z7EduzqPKprCH5S341frlpYnUEW0H72dLxa6IsYr+mPno20GiSm+h9dEdQ==}
     engines: {node: '>=18'}
 
   '@testing-library/dom@8.20.1':
     resolution: {integrity: sha512-/DiOQ5xBxgdYRC8LNk7U+RWat0S3qRLeIw3ZIkMQ9kkVlRmwD/Eg8k8CqIpD6GW7u20JIUOfMKbxtiLutpjQ4g==}
     engines: {node: '>=12'}
 
-  '@testing-library/jest-dom@6.4.5':
-    resolution: {integrity: sha512-AguB9yvTXmCnySBP1lWjfNNUwpbElsaQ567lt2VdGqAdHtpieLgjmcVyv1q7PMIvLbgpDdkWV5Ydv3FEejyp2A==}
+  '@testing-library/jest-dom@6.5.0':
+    resolution: {integrity: sha512-xGGHpBXYSHUUr6XsKBfs85TWlYKpTc37cSBBVrXcib2MkHLboWlkClhWF37JKlDb9KEq3dHs+f2xR7XJEWGBxA==}
     engines: {node: '>=14', npm: '>=6', yarn: '>=1'}
-    peerDependencies:
-      '@jest/globals': '>= 28'
-      '@types/bun': latest
-      '@types/jest': '>= 28'
-      jest: '>= 28'
-      vitest: '>= 0.32'
-    peerDependenciesMeta:
-      '@jest/globals':
-        optional: true
-      '@types/bun':
-        optional: true
-      '@types/jest':
-        optional: true
-      jest:
-        optional: true
-      vitest:
-        optional: true
 
   '@testing-library/user-event@14.5.2':
     resolution: {integrity: sha512-YAh82Wh4TIrxYLmfGcixwD18oIjyC1pFQC2Y01F2lzV2HTMiYrI0nze0FD0ocB//CKS/7jIUgae+adPqxK5yCQ==}
@@ -4838,15 +4982,15 @@ packages:
     peerDependencies:
       '@testing-library/dom': '>=7.21.4'
 
-  '@tinloof/sanity-studio@1.3.3':
-    resolution: {integrity: sha512-6D659N9iTD4vP3NbZY7+XzVkL2vdw4oVa9upB8ZCwygshxus6tdfr+Ec9LrerPXU3pt8/TAr4gztjYVU266j+A==}
+  '@tinloof/sanity-studio@1.3.5':
+    resolution: {integrity: sha512-yCFkmXrAhAi2r4f5+qUAegq5VbCInLBwFd++TbYcJk6iHrvwTbHt/BZdjXXCNXX5UtjganiiSIvR33WyX3Rb9g==}
     engines: {node: '>=14'}
     peerDependencies:
       react: ^18.3.1
-      sanity: 3.57.2
+      sanity: 3.61.0
 
-  '@tinloof/sanity-web@0.4.2':
-    resolution: {integrity: sha512-jSc+q6n7GkYWt1ieOfTsNZXvl2zm1idhBk6uR9sam2SEUu+5dWkKl43bk7HsC/45oe8VTXp99X12UXbG6i54Nw==}
+  '@tinloof/sanity-web@0.5.0':
+    resolution: {integrity: sha512-qG3YbQXcM8DS8w1C6EGchcBgcUqgcwv+0+alBGf22TVSKLXaiswowGSXPz0w6lv6gWlFXOsw9WHfImcKBNSBVA==}
     peerDependencies:
       react: ^18.3.1
       react-dom: ^18.3.1
@@ -4960,29 +5104,26 @@ packages:
   '@types/cookie@0.6.0':
     resolution: {integrity: sha512-4Kh9a6B2bQciAhf7FSuMRRkUWecJgJu9nPnx3yzpsfXX/c50REIqpHY4C82bXP90qrLtXtkDxTZosYO3UpOwlA==}
 
-  '@types/cross-spawn@6.0.6':
-    resolution: {integrity: sha512-fXRhhUkG4H3TQk5dBhQ7m/JDdSNHKwR2BBia62lhwEIq9xGiQKLxd6LymNhn47SjXhsUEPmxi+PKw2OkW4LLjA==}
-
   '@types/debug@4.1.12':
     resolution: {integrity: sha512-vIChWdVG3LG1SMxEvI/AK+FWJthlrqlTu7fbrlywTkkaONwk/UAGaULXRlf8vkzFBLVm0zkMdCquhL5aOjhXPQ==}
 
   '@types/doctrine@0.0.9':
     resolution: {integrity: sha512-eOIHzCUSH7SMfonMG1LsC2f8vxBFtho6NGBznK41R84YzPuvSBzrhEps33IsQiOW9+VL6NQ9DbjQJznk/S4uRA==}
 
-  '@types/emscripten@1.39.13':
-    resolution: {integrity: sha512-cFq+fO/isvhvmuP/+Sl4K4jtU6E23DoivtbO4r50e3odaxAiVdbfSYRDdJ4gCdxx+3aRjhphS5ZMwIH4hFy/Cw==}
-
   '@types/escodegen@0.0.6':
     resolution: {integrity: sha512-AjwI4MvWx3HAOaZqYsjKWyEObT9lcVV0Y0V8nXo6cXzN8ZiMxVhf6F3d/UNvXVGKrEzL/Dluc5p+y9GkzlTWig==}
 
+  '@types/eslint@8.56.12':
+    resolution: {integrity: sha512-03ruubjWyOHlmljCVoxSuNDdmfZDzsrrz0P2LeJsOXr+ZwFQ+0yQIwNCwt/GYhV7Z31fgtXJTAEs+FYlEL851g==}
+
   '@types/estree-jsx@1.0.5':
     resolution: {integrity: sha512-52CcUVNFyfb1A2ALocQw/Dd1BQFNmSdkuC3BkZ6iqhdMfQz7JWOFRuJFloOzjk+6WijU56m9oKXFAXc7o3Towg==}
 
   '@types/estree@0.0.51':
     resolution: {integrity: sha512-CuPgU6f3eT/XgKKPqKd/gLZV1Xmvf1a2R5POBOGQa6uv82xpls89HU5zKeVoyR8XzHd1RGNOlQlvUe3CFkjWNQ==}
 
-  '@types/estree@1.0.5':
-    resolution: {integrity: sha512-/kYRxGDLWzHOB7q+wtSUQlFrtcdUccpfy+X+9iMBpHK8QLLhx2wIPYuS5DYtR9Wa/YlZAbIovy7qVdB1Aq6Lyw==}
+  '@types/estree@1.0.6':
+    resolution: {integrity: sha512-AYnb1nQyY49te+VRAVgmzfcgjYS91mY5P0TKUDCLEM+gNnA+3T6rWITXRLYCpahpqSQbN5cE+gHpnPyXjHWxcw==}
 
   '@types/event-source-polyfill@1.0.5':
     resolution: {integrity: sha512-iaiDuDI2aIFft7XkcwMzDWLqo7LVDixd2sR6B4wxJut9xcp/Ev9bO4EFg4rm6S9QxATLBj5OPxdeocgmhjwKaw==}
@@ -5047,8 +5188,8 @@ packages:
   '@types/lodash.startcase@4.4.9':
     resolution: {integrity: sha512-C0M4DlN1pnn2vEEhLHkTHxiRZ+3GlTegpoAEHHGXnuJkSOXyJMHGiSc+SLRzBlFZWHsBkixe6FqvEAEU04g14g==}
 
-  '@types/lodash@4.17.0':
-    resolution: {integrity: sha512-t7dhREVv6dbNj0q17X12j7yDG4bD/DHYX7o5/DbDxobP0HnGPgpRz2Ej77aL7TZT3DSw13fqUTj8J4mMnqa7WA==}
+  '@types/lodash@4.17.7':
+    resolution: {integrity: sha512-8wTvZawATi/lsmNu10/j2hk1KEP0IvjubqPE3cu1Xz7xfXXt5oCq3SNUz4fMIP4XGF9Ky+Ue2tBA3hcS7LSBlA==}
 
   '@types/mdast@3.0.15':
     resolution: {integrity: sha512-LnwD+mUEfxWMa1QpDraczIn6k0Ee3SMicuYSSzS6ZYl2gKS09EClnJYGd8Du6rfc5r/GZEk5o1mRb8TaTj03sQ==}
@@ -5074,14 +5215,14 @@ packages:
   '@types/nlcst@2.0.3':
     resolution: {integrity: sha512-vSYNSDe6Ix3q+6Z7ri9lyWqgGhJTmzRjZRqyq15N0Z/1/UnVsno9G/N40NBijoYx2seFDIl0+B2mgAb9mezUCA==}
 
-  '@types/node@18.19.44':
-    resolution: {integrity: sha512-ZsbGerYg72WMXUIE9fYxtvfzLEuq6q8mKERdWFnqTmOvudMxnz+CBNRoOwJ2kNpFOncrKjT1hZwxjlFgQ9qvQA==}
+  '@types/node@20.16.5':
+    resolution: {integrity: sha512-VwYCweNo3ERajwy0IUlqqcyZ8/A7Zwa9ZP3MnENWcB11AejO+tLy3pu850goUW2FC/IJMdZUfKpX/yxL1gymCA==}
 
   '@types/node@20.8.7':
     resolution: {integrity: sha512-21TKHHh3eUHIi2MloeptJWALuCu5H7HQTdTrWIFReA8ad+aggoX+lRes3ex7/FtpC+sVUpFMQ+QTfYr74mruiQ==}
 
-  '@types/node@22.5.4':
-    resolution: {integrity: sha512-FDuKUJQm/ju9fT/SeX/6+gBzoPzlVCzfzmGkwKvRHQVxi4BntVbyIwf6a4Xn62mrvndLiml6z/UBXIdEVjQLXg==}
+  '@types/node@22.5.5':
+    resolution: {integrity: sha512-Xjs4y5UPO/CLdzpgR6GirZJx36yScjh73+2NlLlkFRSoQN8B0DpfXPdZGnvVmLRLOsqDpOfTNv7D9trgGhmOIA==}
 
   '@types/normalize-package-data@2.4.4':
     resolution: {integrity: sha512-37i+OaWTh9qeK4LSHPsyRC7NahnGotNuZvjLSgcPzblpHB3rrCJxAOgI5gCdKm7coonsaX1Of0ILiTcnZjbfxA==}
@@ -5092,8 +5233,8 @@ packages:
   '@types/prop-types@15.7.12':
     resolution: {integrity: sha512-5zvhXYtRNRluoE/jAp4GVsSduVUzNWKkOZrCDBWYtE7biZywwdC2AcEzg+cSMLFRfVgeAFqpfNabiPjxFddV1Q==}
 
-  '@types/qs@6.9.15':
-    resolution: {integrity: sha512-uXHQKES6DQKKCLh441Xv/dwxOq1TVS3JPUMlEqoEglvlhR6Mxnlew/Xq/LRVHpLyk7iK3zODe1qYHIMltO7XGg==}
+  '@types/qs@6.9.16':
+    resolution: {integrity: sha512-7i+zxXdPD0T4cKDuxCUXJ4wHcsJLwENa6Z3dCu8cfCK743OGy5Nu1RmAGqDPsoTDINVEcdXKRvR/zre+P2Ku1A==}
 
   '@types/range-parser@1.2.7':
     resolution: {integrity: sha512-hKormJbkJqzQGhziax5PItDUTMAM9uE2XXQmM37dyd4hVM+5aVl7oVxMVUiVQn2oCQFN/LKCZdvSM0pFRqbSmQ==}
@@ -5101,14 +5242,14 @@ packages:
   '@types/react-copy-to-clipboard@5.0.7':
     resolution: {integrity: sha512-Gft19D+as4M+9Whq1oglhmK49vqPhcLzk8WfvfLvaYMIPYanyfLy0+CwFucMJfdKoSFyySPmkkWn8/E6voQXjQ==}
 
-  '@types/react-dom@18.3.0':
-    resolution: {integrity: sha512-EhwApuTmMBmXuFOikhQLIBUn6uFg81SwLMOAUgodJF14SOBOCMdU04gDoYi0WOJJHD144TL32z4yDqCW3dnkQg==}
+  '@types/react-dom@18.3.1':
+    resolution: {integrity: sha512-qW1Mfv8taImTthu4KoXgDfLuk4bydU6Q/TkADnDWWHwi4NX4BR+LWfTp2sVmTqRrsHvyDDTelgelxJ+SsejKKQ==}
 
   '@types/react-is@18.3.0':
     resolution: {integrity: sha512-KZJpHUkAdzyKj/kUHJDc6N7KyidftICufJfOFpiG6haL/BDQNQt5i4n1XDUL/nDZAtGLHDSWRYpLzKTAKSvX6w==}
 
-  '@types/react@18.3.5':
-    resolution: {integrity: sha512-WeqMfGJLGuLCqHGYRGHxnKrXcTitc6L/nBUWfWPcTarG3t9PsquqUMuVeXZeca+mglY4Vo5GZjCi0A3Or2lnxA==}
+  '@types/react@18.3.11':
+    resolution: {integrity: sha512-r6QZ069rFTjrEYgFdOck1gK7FLVsgJE7tTz0pQBczlBNUhBNk0MQH4UbnFSwjpQLMkLzgqvBBa+qGpLje16eTQ==}
 
   '@types/resolve@1.20.2':
     resolution: {integrity: sha512-60BCwRFOZCQhDncwQdxxeOEEkbc5dIMccYLwbxsS4TUNeVECQ/pBJ0j09mrHOl/JJvpRPGwO9SvE4nR2Nb/a4Q==}
@@ -5169,17 +5310,6 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/eslint-plugin@6.21.0':
-    resolution: {integrity: sha512-oy9+hTPCUFpngkEZUSzbf9MxI65wbKFoQYsgPdILTfbUldp5ovUuphZVe4i30emU9M/kP+T64Di0mxl7dSw3MA==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      '@typescript-eslint/parser': ^6.0.0 || ^6.0.0-alpha
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
   '@typescript-eslint/eslint-plugin@7.18.0':
     resolution: {integrity: sha512-94EQTWZ40mzBc42ATNIBimBEDltSJ9RQHCC8vc/PDbxi4k8dVwUAv4o98dk50M1zB+JGFxp43FP7f8+FP8R6Sw==}
     engines: {node: ^18.18.0 || >=20.0.0}
@@ -5201,16 +5331,6 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/parser@6.21.0':
-    resolution: {integrity: sha512-tbsV1jPne5CkFQCgPBcDOt30ItF7aJoZL997JSF7MhGQqOeT3svWRYxiqlfA5RUdlHN6Fi+EI9bxqbdyAUZjYQ==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
   '@typescript-eslint/parser@7.18.0':
     resolution: {integrity: sha512-4Z+L8I2OqhZV8qA132M4wNL30ypZGYOQVBfMgxDH/K5UX0PNqTu1c6za9ST5r9+tavvHiTWmBnKzpCJ/GlVFtg==}
     engines: {node: ^18.18.0 || >=20.0.0}
@@ -5225,10 +5345,6 @@ packages:
     resolution: {integrity: sha512-VXuvVvZeQCQb5Zgf4HAxc04q5j+WrNAtNh9OwCsCgpKqESMTu3tF/jhZ3xG6T4NZwWl65Bg8KuS2uEvhSfLl0w==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
-  '@typescript-eslint/scope-manager@6.21.0':
-    resolution: {integrity: sha512-OwLUIWZJry80O99zvqXVEioyniJMa+d2GrqpUTqi5/v5D5rOrppJVBPa0yKCblcigC0/aYAzxxqQ1B+DS2RYsg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-
   '@typescript-eslint/scope-manager@7.18.0':
     resolution: {integrity: sha512-jjhdIE/FPF2B7Z1uzc6i3oWKbGcHb87Qw7AWj6jmEqNOfDFbJWtjt/XfwCpvNkpGWlcJaog5vTR+VV8+w9JflA==}
     engines: {node: ^18.18.0 || >=20.0.0}
@@ -5243,16 +5359,6 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/type-utils@6.21.0':
-    resolution: {integrity: sha512-rZQI7wHfao8qMX3Rd3xqeYSMCL3SoiSQLBATSiVKARdFGCYSRvmViieZjqc58jKgs8Y8i9YvVVhRbHSTA4VBag==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
   '@typescript-eslint/type-utils@7.18.0':
     resolution: {integrity: sha512-XL0FJXuCLaDuX2sYqZUUSOJ2sG5/i1AAze+axqmLnSkNEVMVYLF+cbwlB2w8D1tinFuSikHmFta+P+HOofrLeA==}
     engines: {node: ^18.18.0 || >=20.0.0}
@@ -5267,10 +5373,6 @@ packages:
     resolution: {integrity: sha512-87NVngcbVXUahrRTqIK27gD2t5Cu1yuCXxbLcFtCzZGlfyVWWh8mLHkoxzjsB6DDNnvdL+fW8MiwPEJyGJQDgQ==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
-  '@typescript-eslint/types@6.21.0':
-    resolution: {integrity: sha512-1kFmZ1rOm5epu9NZEZm1kckCDGj5UJEf7P1kliH4LKu/RkwpsfqqGmY2OOcUs18lSlQBKLDYBOGxRVtrMN5lpg==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-
   '@typescript-eslint/types@7.18.0':
     resolution: {integrity: sha512-iZqi+Ds1y4EDYUtlOOC+aUmxnE9xS/yCigkjA7XpTKV6nCBd3Hp/PRGGmdwnfkV2ThMyYldP1wRpm/id99spTQ==}
     engines: {node: ^18.18.0 || >=20.0.0}
@@ -5284,15 +5386,6 @@ packages:
       typescript:
         optional: true
 
-  '@typescript-eslint/typescript-estree@6.21.0':
-    resolution: {integrity: sha512-6npJTkZcO+y2/kr+z0hc4HwNfrrP4kNYh57ek7yCNlrBjWQ1Y0OS7jiZTkgumrvkX5HkEKXFZkkdFNkaW2wmUQ==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      typescript: '*'
-    peerDependenciesMeta:
-      typescript:
-        optional: true
-
   '@typescript-eslint/typescript-estree@7.18.0':
     resolution: {integrity: sha512-aP1v/BSPnnyhMHts8cf1qQ6Q1IFwwRvAQGRvBFkWlo3/lH29OXA3Pts+c10nxRxIBrDnoMqzhgdwVe5f2D6OzA==}
     engines: {node: ^18.18.0 || >=20.0.0}
@@ -5308,12 +5401,6 @@ packages:
     peerDependencies:
       eslint: ^6.0.0 || ^7.0.0 || ^8.0.0
 
-  '@typescript-eslint/utils@6.21.0':
-    resolution: {integrity: sha512-NfWVaC8HP9T8cbKQxHcsJBY5YE1O33+jpMwN45qzWWaPDZgLIbo12toGMWnmhvCpd3sIxkpDw3Wv1B3dYrbDQQ==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-    peerDependencies:
-      eslint: ^7.0.0 || ^8.0.0
-
   '@typescript-eslint/utils@7.18.0':
     resolution: {integrity: sha512-kK0/rNa2j74XuHVcoCZxdFBMF+aq/vH83CXAOHieC+2Gis4mF8jJXT5eAfyD3K0sAxtPuwxaIOIOvhwzVDt/kw==}
     engines: {node: ^18.18.0 || >=20.0.0}
@@ -5324,10 +5411,6 @@ packages:
     resolution: {integrity: sha512-07ny+LHRzQXepkGg6w0mFY41fVUNBrL2Roj/++7V1txKugfjm/Ci/qSND03r2RhlJhJYMcTn9AhhSSqQp0Ysyw==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
-  '@typescript-eslint/visitor-keys@6.21.0':
-    resolution: {integrity: sha512-JJtkDduxLi9bivAB+cYOVMtbkqdPOhZ+ZI5LC47MIRrDV4Yn2o+ZnW10Nkmr28xRpSpdJ6Sm42Hjf2+REYXm0A==}
-    engines: {node: ^16.0.0 || >=18.0.0}
-
   '@typescript-eslint/visitor-keys@7.18.0':
     resolution: {integrity: sha512-cDF0/Gf81QpY3xYyJKDV14Zwdmid5+uuENhjH2EqFaF0ni+yAyq/LzMaIJdhNJXZI7uLzwIlA+V7oWoyn6Curg==}
     engines: {node: ^18.18.0 || >=20.0.0}
@@ -5357,20 +5440,20 @@ packages:
   '@ungap/structured-clone@1.2.0':
     resolution: {integrity: sha512-zuVdFrMJiuCDQUMCzQaD6KL28MjnqqN8XnAqiEq9PNm/hCPTSGfrXCOfwj1ow4LFb/tNymJPwsNbVePc1xFqrQ==}
 
-  '@unhead/dom@1.11.2':
-    resolution: {integrity: sha512-e5Ilqa1ktwGJGhFt3jEI78LywNuvqOR4GdEa+sV2OuKbldWBoS8DosCf7jzwEIPYgn2ubDQ0ygn9JH+m/x88gA==}
+  '@unhead/dom@1.11.6':
+    resolution: {integrity: sha512-FYU8Cu+XWcpbO4OvXdB6x7m6GTPcl6CW7igI8rNu6Kc0Ilxb+atxIvyFXdTGAyB7h/F0w3ex06ZVWJ65f3EW8A==}
 
-  '@unhead/schema@1.11.2':
-    resolution: {integrity: sha512-ALyIIA0084JjGQJD6tJetQdqVNw/V6d2LaCC06jSm+JUqxsRWRZcSbNZUg5xr0T4xQPrefZYrGp76PbOdotPbQ==}
+  '@unhead/schema@1.11.6':
+    resolution: {integrity: sha512-Ava5+kQERaZ2fi66phgR9KZQr9SsheN1YhhKM8fCP2A4Jb5lHUssVQ19P0+89V6RX9iUg/Q27WdEbznm75LzhQ==}
 
-  '@unhead/shared@1.11.2':
-    resolution: {integrity: sha512-Zg56xBrqkr9f9m3/+G/2CzbLba6g3/M2myWmyuZtn/ncUk3K2IXvXvlZAzMHx4yO++Xeik2QUWpHEdXRh+PxAA==}
+  '@unhead/shared@1.11.6':
+    resolution: {integrity: sha512-aGrtzRCcFlVh9iru73fBS8FA1vpQskS190t5cCRRMpisOEunVv3ueqXN1F8CseQd0W4wyEr/ycDvdfKt+RPv5g==}
 
-  '@unhead/ssr@1.11.2':
-    resolution: {integrity: sha512-Ilc+QmG4foMBr+f4u1GMSQjybSPjqi3vXfLTlqOVbr1voSlGtblYxJbZDw6KSCvfXu/s2YOPW+gCvvDLSZl3vg==}
+  '@unhead/ssr@1.11.6':
+    resolution: {integrity: sha512-jmRkJB3UWlaAV6aoTBcsi2cLOje8hJxWqbmcLmekmCBZcCgR8yHEjxVCzLtYnAQg68Trgg9+uqMt+8UFY40tDA==}
 
-  '@unhead/vue@1.11.2':
-    resolution: {integrity: sha512-m4GnwOd1ltXiSxp4ahIT6lziVyg6dgqKyLyWxrRWuPjZ8nXsPcpIOCjVwYB1MK0UBKMuIlgeuzVeDrTY9+APbA==}
+  '@unhead/vue@1.11.6':
+    resolution: {integrity: sha512-CMuDJGTi4n4wKdOp6/JmB9roGshjTdoFKF34PEkXu4+g97BiVFiZ9LvgY44+UlWCUzQHcqEPRQIzm9iKEqcfKw==}
     peerDependencies:
       vue: '>=2.7 || >=3'
 
@@ -5410,13 +5493,13 @@ packages:
     engines: {node: '>=16'}
     hasBin: true
 
-  '@vercel/remix@2.11.2':
-    resolution: {integrity: sha512-5UZ4TZV8hDvaCUhEns4ph2f1ty9mZYTw8wbKyamwypErrZNZEA+PqqdyfIx/4EE6vKJ//loRo/PB2tR5NTxnxw==}
+  '@vercel/remix@2.12.0':
+    resolution: {integrity: sha512-CvAhFbaP3NbQj4UJwgD0BDtiVCNvwfVt1608x1lrj6YUSX0srpVlue5/Mi4vTmqJ5GZDEzsRfZBRfDUtBXBlVA==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
-      '@remix-run/dev': 2.11.2
-      '@remix-run/node': 2.11.2
-      '@remix-run/server-runtime': 2.11.2
+      '@remix-run/dev': 2.12.0
+      '@remix-run/node': 2.12.0
+      '@remix-run/server-runtime': 2.12.0
       react: '*'
       react-dom: '*'
 
@@ -5449,8 +5532,8 @@ packages:
   '@vercel/stega@0.1.2':
     resolution: {integrity: sha512-P7mafQXjkrsoyTRppnt0N21udKS9wUmLXHRyP9saLXLHw32j/FgUJ3FscSWgvSqRs4cj7wKZtwqJEvWJ2jbGmA==}
 
-  '@vercel/toolbar@0.1.18':
-    resolution: {integrity: sha512-4qcOBDec1jJRbFGu1l/YLrmM9G3hNo3LYCZEQEFcA5gSAW3T94wRzB+7y+eCFWMvEVnDULcre+fXX9MjZr21Vg==}
+  '@vercel/toolbar@0.1.22':
+    resolution: {integrity: sha512-f+IbPrWn1t3PpbBYtQXbvkrJ7xLzxu1f29bx5ZPF1r2OMXJYOw48/Q/0kz5ukPXGVhOHYyOX/0c8OpYYy8tt2Q==}
     peerDependencies:
       next: '>=11.0.0'
       react: '>=17'
@@ -5483,52 +5566,67 @@ packages:
       vite: ^5.0.0
       vue: ^3.2.25
 
-  '@vitest/expect@1.6.0':
-    resolution: {integrity: sha512-ixEvFVQjycy/oNgHjqsL6AZCDduC+tflRluaHIzKIsdbzkLn2U/iBnVeJwB6HsIjQBdfMR8Z0tRxKUsvFJEeWQ==}
-
   '@vitest/expect@2.0.5':
     resolution: {integrity: sha512-yHZtwuP7JZivj65Gxoi8upUN2OzHTi3zVfjwdpu2WrvCZPLwsJ2Ey5ILIPccoW23dd/zQBlJ4/dhi7DWNyXCpA==}
 
+  '@vitest/expect@2.1.3':
+    resolution: {integrity: sha512-SNBoPubeCJhZ48agjXruCI57DvxcsivVDdWz+SSsmjTT4QN/DfHk3zB/xKsJqMs26bLZ/pNRLnCf0j679i0uWQ==}
+
+  '@vitest/mocker@2.1.3':
+    resolution: {integrity: sha512-eSpdY/eJDuOvuTA3ASzCjdithHa+GIF1L4PqtEELl6Qa3XafdMLBpBlZCIUCX2J+Q6sNmjmxtosAG62fK4BlqQ==}
+    peerDependencies:
+      '@vitest/spy': 2.1.3
+      msw: ^2.3.5
+      vite: ^5.0.0
+    peerDependenciesMeta:
+      msw:
+        optional: true
+      vite:
+        optional: true
+
   '@vitest/pretty-format@2.0.5':
     resolution: {integrity: sha512-h8k+1oWHfwTkyTkb9egzwNMfJAEx4veaPSnMeKbVSjp4euqGSbQlm5+6VHwTr7u4FJslVVsUG5nopCaAYdOmSQ==}
 
-  '@vitest/runner@2.0.5':
-    resolution: {integrity: sha512-TfRfZa6Bkk9ky4tW0z20WKXFEwwvWhRY+84CnSEtq4+3ZvDlJyY32oNTJtM7AW9ihW90tX/1Q78cb6FjoAs+ig==}
+  '@vitest/pretty-format@2.1.3':
+    resolution: {integrity: sha512-XH1XdtoLZCpqV59KRbPrIhFCOO0hErxrQCMcvnQete3Vibb9UeIOX02uFPfVn3Z9ZXsq78etlfyhnkmIZSzIwQ==}
 
-  '@vitest/snapshot@2.0.5':
-    resolution: {integrity: sha512-SgCPUeDFLaM0mIUHfaArq8fD2WbaXG/zVXjRupthYfYGzc8ztbFbu6dUNOblBG7XLMR1kEhS/DNnfCZ2IhdDew==}
+  '@vitest/runner@2.1.3':
+    resolution: {integrity: sha512-JGzpWqmFJ4fq5ZKHtVO3Xuy1iF2rHGV4d/pdzgkYHm1+gOzNZtqjvyiaDGJytRyMU54qkxpNzCx+PErzJ1/JqQ==}
 
-  '@vitest/spy@1.6.0':
-    resolution: {integrity: sha512-leUTap6B/cqi/bQkXUu6bQV5TZPx7pmMBKBQiI0rJA8c3pB56ZsaTbREnF7CJfmvAS4V2cXIBAh/3rVwrrCYgw==}
+  '@vitest/snapshot@2.1.3':
+    resolution: {integrity: sha512-qWC2mWc7VAXmjAkEKxrScWHWFyCQx/cmiZtuGqMi+WwqQJ2iURsVY4ZfAK6dVo6K2smKRU6l3BPwqEBvhnpQGg==}
 
   '@vitest/spy@2.0.5':
     resolution: {integrity: sha512-c/jdthAhvJdpfVuaexSrnawxZz6pywlTPe84LUB2m/4t3rl2fTo9NFGBG4oWgaD+FTgDDV8hJ/nibT7IfH3JfA==}
 
-  '@vitest/utils@1.6.0':
-    resolution: {integrity: sha512-21cPiuGMoMZwiOHa2i4LXkMkMkCGzA+MVFV70jRwHo95dL4x/ts5GZhML1QWuy7yfp3WzK3lRvZi3JnXTYqrBw==}
+  '@vitest/spy@2.1.3':
+    resolution: {integrity: sha512-Nb2UzbcUswzeSP7JksMDaqsI43Sj5+Kry6ry6jQJT4b5gAK+NS9NED6mDb8FlMRCX8m5guaHCDZmqYMMWRy5nQ==}
 
   '@vitest/utils@2.0.5':
     resolution: {integrity: sha512-d8HKbqIcya+GR67mkZbrzhS5kKhtp8dQLcmRZLGTscGVg7yImT82cIrhtn2L8+VujWcy6KZweApgNmPsTAO/UQ==}
 
-  '@volar/kit@2.4.4':
-    resolution: {integrity: sha512-6WusqQ4YhtIYbqY3nlLnkSbfBRSakx5HcTKdF+WjGKBj5D74ux9nsLq3uAqQlbpKgVkkt425KEDymQTb4C36Kg==}
+  '@vitest/utils@2.1.3':
+    resolution: {integrity: sha512-xpiVfDSg1RrYT0tX6czgerkpcKFmFOF/gCr30+Mve5V2kewCy4Prn1/NDMSRwaSmT7PRaOF83wu+bEtsY1wrvA==}
+
+  '@volar/kit@2.4.6':
+    resolution: {integrity: sha512-OaMtpmLns6IYD1nOSd0NdG/F5KzJ7Jr4B7TLeb4byPzu+ExuuRVeO56Dn1C7Frnw6bGudUQd90cpQAmxdB+RlQ==}
     peerDependencies:
       typescript: '*'
 
-  '@volar/language-core@2.4.4':
-    resolution: {integrity: sha512-kO9k4kTLfxpg+6lq7/KAIv3m2d62IHuCL6GbVgYZTpfKvIGoAIlDxK7pFcB/eczN2+ydg/vnyaeZ6SGyZrJw2w==}
+  '@volar/language-core@2.4.6':
+    resolution: {integrity: sha512-FxUfxaB8sCqvY46YjyAAV6c3mMIq/NWQMVvJ+uS4yxr1KzOvyg61gAuOnNvgCvO4TZ7HcLExBEsWcDu4+K4E8A==}
 
-  '@volar/language-server@2.4.4':
-    resolution: {integrity: sha512-rBzTgRw4/msZSFRSJURFU53qcDfBNm40NtYoMwOyaZuPcLzdgDAZ3hzVE80Rj0pk82LQJ0AfH13Y+EYFvUWkfQ==}
+  '@volar/language-server@2.4.6':
+    resolution: {integrity: sha512-ARIbMXapEUPj9UFbZqWqw/iZ+ZuxUcY+vY212+2uutZVo/jrdzhLPu2TfZd9oB9akX8XXuslinT3051DyHLLRA==}
 
-  '@volar/language-service@2.4.4':
-    resolution: {integrity: sha512-QXfZV3IpJdcNQcdWFEG+iXOIb3NiC6/cNIQeH2QAOMx2vpkshuMcWD7AzrhVavobircOXJNiGmRGwqf2okYE3A==}
+  '@volar/language-service@2.4.6':
+    resolution: {integrity: sha512-wNeEVBgBKgpP1MfMYPrgTf1K8nhOGEh3ac0+9n6ECyk2N03+j0pWCpQ2i99mRWT/POvo1PgizDmYFH8S67bZOA==}
 
-  '@volar/source-map@2.4.4':
-    resolution: {integrity: sha512-xG3PZqOP2haG8XG4Pg3PD1UGDAdqZg24Ru8c/qYjYAnmcj6GBR64mstx+bZux5QOyRaJK+/lNM/RnpvBD3489g==}
+  '@volar/source-map@2.4.6':
+    resolution: {integrity: sha512-Nsh7UW2ruK+uURIPzjJgF0YRGP5CX9nQHypA2OMqdM2FKy7rh+uv3XgPnWPw30JADbKvZ5HuBzG4gSbVDYVtiw==}
 
-  '@volar/typescript@2.4.4':
-    resolution: {integrity: sha512-QQMQRVj0fVHJ3XdRKiS1LclhG0VBXdFYlyuHRQF/xLk2PuJuHNWP26MDZNvEVCvnyUQuUQhIAfylwY5TGPgc6w==}
+  '@volar/typescript@2.4.6':
+    resolution: {integrity: sha512-NMIrA7y5OOqddL9VtngPWYmdQU03htNKFtAYidbYfWA0TOhyGVd9tfcP4TsLWQ+RBWDZCbBqsr8xzU0ZOxYTCQ==}
 
   '@vscode/emmet-helper@2.9.3':
     resolution: {integrity: sha512-rB39LHWWPQYYlYfpv9qCoZOVioPCftKXXqrsyqN1mTWZM6dTnONT63Db+03vgrBbHzJN45IrgS/AGxw9iiqfEw==}
@@ -5545,36 +5643,36 @@ packages:
       vue:
         optional: true
 
-  '@vue/babel-helper-vue-transform-on@1.2.2':
-    resolution: {integrity: sha512-nOttamHUR3YzdEqdM/XXDyCSdxMA9VizUKoroLX6yTyRtggzQMHXcmwh8a7ZErcJttIBIc9s68a1B8GZ+Dmvsw==}
+  '@vue/babel-helper-vue-transform-on@1.2.5':
+    resolution: {integrity: sha512-lOz4t39ZdmU4DJAa2hwPYmKc8EsuGa2U0L9KaZaOJUt0UwQNjNA3AZTq6uEivhOKhhG1Wvy96SvYBoFmCg3uuw==}
 
-  '@vue/babel-plugin-jsx@1.2.2':
-    resolution: {integrity: sha512-nYTkZUVTu4nhP199UoORePsql0l+wj7v/oyQjtThUVhJl1U+6qHuoVhIvR3bf7eVKjbCK+Cs2AWd7mi9Mpz9rA==}
+  '@vue/babel-plugin-jsx@1.2.5':
+    resolution: {integrity: sha512-zTrNmOd4939H9KsRIGmmzn3q2zvv1mjxkYZHgqHZgDrXz5B1Q3WyGEjO2f+JrmKghvl1JIRcvo63LgM1kH5zFg==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
     peerDependenciesMeta:
       '@babel/core':
         optional: true
 
-  '@vue/babel-plugin-resolve-type@1.2.2':
-    resolution: {integrity: sha512-EntyroPwNg5IPVdUJupqs0CFzuf6lUrVvCspmv2J1FITLeGnUCuoGNNk78dgCusxEiYj6RMkTJflGSxk5aIC4A==}
+  '@vue/babel-plugin-resolve-type@1.2.5':
+    resolution: {integrity: sha512-U/ibkQrf5sx0XXRnUZD1mo5F7PkpKyTbfXM3a3rC4YnUz6crHEz9Jg09jzzL6QYlXNto/9CePdOg/c87O4Nlfg==}
     peerDependencies:
       '@babel/core': ^7.0.0-0
 
-  '@vue/compiler-core@3.5.4':
-    resolution: {integrity: sha512-oNwn+BAt3n9dK9uAYvI+XGlutwuTq/wfj4xCBaZCqwwVIGtD7D6ViihEbyYZrDHIHTDE3Q6oL3/hqmAyFEy9DQ==}
+  '@vue/compiler-core@3.5.6':
+    resolution: {integrity: sha512-r+gNu6K4lrvaQLQGmf+1gc41p3FO2OUJyWmNqaIITaJU6YFiV5PtQSFZt8jfztYyARwqhoCayjprC7KMvT3nRA==}
 
-  '@vue/compiler-dom@3.5.4':
-    resolution: {integrity: sha512-yP9RRs4BDLOLfldn6ah+AGCNovGjMbL9uHvhDHf5wan4dAHLnFGOkqtfE7PPe4HTXIqE7l/NILdYw53bo1C8jw==}
+  '@vue/compiler-dom@3.5.6':
+    resolution: {integrity: sha512-xRXqxDrIqK8v8sSScpistyYH0qYqxakpsIvqMD2e5sV/PXQ1mTwtXp4k42yHK06KXxKSmitop9e45Ui/3BrTEw==}
 
-  '@vue/compiler-sfc@3.5.4':
-    resolution: {integrity: sha512-P+yiPhL+NYH7m0ZgCq7AQR2q7OIE+mpAEgtkqEeH9oHSdIRvUO+4X6MPvblJIWcoe4YC5a2Gdf/RsoyP8FFiPQ==}
+  '@vue/compiler-sfc@3.5.6':
+    resolution: {integrity: sha512-pjWJ8Kj9TDHlbF5LywjVso+BIxCY5wVOLhkEXRhuCHDxPFIeX1zaFefKs8RYoHvkSMqRWt93a0f2gNJVJixHwg==}
 
-  '@vue/compiler-ssr@3.5.4':
-    resolution: {integrity: sha512-acESdTXsxPnYr2C4Blv0ggx5zIFMgOzZmYU2UgvIff9POdRGbRNBHRyzHAnizcItvpgerSKQbllUc9USp3V7eg==}
+  '@vue/compiler-ssr@3.5.6':
+    resolution: {integrity: sha512-VpWbaZrEOCqnmqjE83xdwegtr5qO/2OPUC6veWgvNqTJ3bYysz6vY3VqMuOijubuUYPRpG3OOKIh9TD0Stxb9A==}
 
-  '@vue/devtools-api@6.6.3':
-    resolution: {integrity: sha512-0MiMsFma/HqA6g3KLKn+AGpL1kgKhFWszC9U29NfpWK5LE7bjeXxySWJrOJ77hBz+TBrBQ7o4QJqbPbqbs8rJw==}
+  '@vue/devtools-api@6.6.4':
+    resolution: {integrity: sha512-sGhTPMuXqZ1rVOk32RylztWkfXTRhuS7vgAKv0zjqk8gbsHkJ7xfFf+jbySxt7tWObEJwyKaHMikV/WGDiQm8g==}
 
   '@vue/devtools-core@7.4.4':
     resolution: {integrity: sha512-DLxgA3DfeADkRzhAfm3G2Rw/cWxub64SdP5b+s5dwL30+whOGj+QNhmyFpwZ8ZTrHDFRIPj0RqNzJ8IRR1pz7w==}
@@ -5587,43 +5685,35 @@ packages:
   '@vue/devtools-shared@7.4.4':
     resolution: {integrity: sha512-yeJULXFHOKIm8yL2JFO050a9ztTVqOCKTqN9JHFxGTJN0b+gjtfn6zC+FfyHUgjwCwf6E3hfKrlohtthcqoYqw==}
 
-  '@vue/reactivity@3.5.4':
-    resolution: {integrity: sha512-HKKbEuP7tYSGCq4e4nK6ZW6l5hyG66OUetefBp4budUyjvAYsnQDf+bgFzg2RAgnH0CInyqXwD9y47jwJEHrQw==}
+  '@vue/reactivity@3.5.6':
+    resolution: {integrity: sha512-shZ+KtBoHna5GyUxWfoFVBCVd7k56m6lGhk5e+J9AKjheHF6yob5eukssHRI+rzvHBiU1sWs/1ZhNbLExc5oYQ==}
 
-  '@vue/runtime-core@3.5.4':
-    resolution: {integrity: sha512-f3ek2sTA0AFu0n+w+kCtz567Euqqa3eHewvo4klwS7mWfSj/A+UmYTwsnUFo35KeyAFY60JgrCGvEBsu1n/3LA==}
+  '@vue/runtime-core@3.5.6':
+    resolution: {integrity: sha512-FpFULR6+c2lI+m1fIGONLDqPQO34jxV8g6A4wBOgne8eSRHP6PQL27+kWFIx5wNhhjkO7B4rgtsHAmWv7qKvbg==}
 
-  '@vue/runtime-dom@3.5.4':
-    resolution: {integrity: sha512-ofyc0w6rbD5KtjhP1i9hGOKdxGpvmuB1jprP7Djlj0X7R5J/oLwuNuE98GJ8WW31Hu2VxQHtk/LYTAlW8xrJdw==}
+  '@vue/runtime-dom@3.5.6':
+    resolution: {integrity: sha512-SDPseWre45G38ENH2zXRAHL1dw/rr5qp91lS4lt/nHvMr0MhsbCbihGAWLXNB/6VfFOJe2O+RBRkXU+CJF7/sw==}
 
-  '@vue/server-renderer@3.5.4':
-    resolution: {integrity: sha512-FbjV6DJLgKRetMYFBA1UXCroCiED/Ckr53/ba9wivyd7D/Xw9fpo0T6zXzCnxQwyvkyrL7y6plgYhWhNjGxY5g==}
+  '@vue/server-renderer@3.5.6':
+    resolution: {integrity: sha512-zivnxQnOnwEXVaT9CstJ64rZFXMS5ZkKxCjDQKiMSvUhXRzFLWZVbaBiNF4HGDqGNNsTgmjcCSmU6TB/0OOxLA==}
     peerDependencies:
-      vue: 3.5.4
+      vue: 3.5.6
 
-  '@vue/shared@3.5.4':
-    resolution: {integrity: sha512-L2MCDD8l7yC62Te5UUyPVpmexhL9ipVnYRw9CsWfm/BGRL5FwDX4a25bcJ/OJSD3+Hx+k/a8LDKcG2AFdJV3BA==}
+  '@vue/shared@3.5.6':
+    resolution: {integrity: sha512-eidH0HInnL39z6wAt6SFIwBrvGOpDWsDxlw3rCgo1B+CQ1781WzQUSU3YjxgdkcJo9Q8S6LmXTkvI+cLHGkQfA==}
 
   '@web3-storage/multipart-parser@1.0.0':
     resolution: {integrity: sha512-BEO6al7BYqcnfX15W2cnGR+Q566ACXAT9UQykORCWW80lmkpWsnEob6zJS1ZVBKsSJC8+7vJkHwlp+lXG1UCdw==}
 
-  '@xstate/react@4.1.2':
-    resolution: {integrity: sha512-orAidFrKCrU0ZwN5l/ABPlBfW2ziRDT2RrYoktRlZ0WRoLvA2E/uAC1JpZt43mCLtc8jrdwYCgJiqx1V8NvGTw==}
+  '@xstate/react@4.1.3':
+    resolution: {integrity: sha512-zhE+ZfrcCR87bu71Rkh5Z5ruZBivR/7uD/dkelzJqjQdI45IZc9DqTI8lL4Cg5+VN2p5k86KxDsusqW1kW11Tg==}
     peerDependencies:
       react: ^16.8.0 || ^17.0.0 || ^18.0.0
-      xstate: ^5.18.1
+      xstate: ^5.18.2
     peerDependenciesMeta:
       xstate:
         optional: true
 
-  '@yarnpkg/fslib@2.10.3':
-    resolution: {integrity: sha512-41H+Ga78xT9sHvWLlFOZLIhtU6mTGZ20pZ29EiZa97vnxdohJD2AF42rCoAoWfqUz486xY6fhjMH+DYEM9r14A==}
-    engines: {node: '>=12 <14 || 14.2 - 14.9 || >14.10.0'}
-
-  '@yarnpkg/libzip@2.3.0':
-    resolution: {integrity: sha512-6xm38yGVIa6mKm/DUCF2zFFJhERh/QWp1ufm4cNUvxsONBmfPg8uZ9pZBdOmF6qFGr/HlT6ABBkCSx/dlEtvWg==}
-    engines: {node: '>=12 <14 || 14.2 - 14.9 || >14.10.0'}
-
   '@zxing/text-encoding@0.9.0':
     resolution: {integrity: sha512-U/4aVJ2mxI0aDNI8Uq0wEhMgY+u4CNtEb0om3+y3+niDAsoTCOB33UF0sxpzqzdqXLqmvc+vZyAt4O8pPdfkwA==}
 
@@ -5711,6 +5801,9 @@ packages:
   ajv@8.13.0:
     resolution: {integrity: sha512-PRA911Blj99jR5RMeTunVbNXMF6Lp4vZXnk5GQjcnUWUTsrXtekg/pnmFFI2u/I36Y/2bITGS30GZCXei6uNkA==}
 
+  ajv@8.17.1:
+    resolution: {integrity: sha512-B/gBuNg5SiMTrPkC+A2+cW0RszwxYmn6VYxB/inlBStS5nx6xHIt/ehKRhIMhqusl7a8LjQoZnjCs5vhwxOQ1g==}
+
   ajv@8.6.3:
     resolution: {integrity: sha512-SMJOdDP6LqTkD0Uq8qLi+gMwSt0imXLSV080qFVwJCpH9U6Mb+SUGHAXM0KNbcBPguytWyvFxcHgMLe2D2XSpw==}
 
@@ -5725,9 +5818,9 @@ packages:
     resolution: {integrity: sha512-gKXj5ALrKWQLsYG9jlTRmR/xKluxHV+Z9QEwNIgCfM1/uwPMCuzVVnh5mwTd+OuBZcwSIMbqssNWRm1lE51QaQ==}
     engines: {node: '>=8'}
 
-  ansi-escapes@6.2.1:
-    resolution: {integrity: sha512-4nJ3yixlEthEJ9Rk4vPcdBRkZvQZlYyu8j4/Mqz5sgIkddmEnH2Yj2ZrnP9S3tQOvSNRUIgVNF/1yPpRAGNRig==}
-    engines: {node: '>=14.16'}
+  ansi-escapes@7.0.0:
+    resolution: {integrity: sha512-GdYO7a61mR0fOlAsvC9/rIHf7L96sBc6dEWzeOu+KAea5bZyQRPIpojrVoI4AXGJS/ycu/fBTdLrUkA4ODrvjw==}
+    engines: {node: '>=18'}
 
   ansi-regex@4.1.1:
     resolution: {integrity: sha512-ILlv4k/3f6vfQ4OoP2AGvirOktlQ98ZEL1k9FaQjxa3L1abBgbuTDAdPOpvbGncC0BTVQrl+OM8xZGK6tWXt7g==}
@@ -5808,6 +5901,10 @@ packages:
   aria-query@5.3.0:
     resolution: {integrity: sha512-b0P0sZPKtyu8HkeRAfCq0IfURZK+SuwMjY1UXGBU27wpAiTwQAIlq56IbIO+ytk/JjS1fMR14ee5WBBfKi5J6A==}
 
+  aria-query@5.3.2:
+    resolution: {integrity: sha512-COROpnaoap1E2F000S62r6A60uHZnmlvomhfyT2DlTcrY1OrBKn2UhH7qn5wTC9zMvD0AY7csdPSNwKP+7WiQw==}
+    engines: {node: '>= 0.4'}
+
   arr-diff@2.0.0:
     resolution: {integrity: sha512-dtXTVMkh6VkEEA7OhXnN1Ecb8aAGFdZ1LFxtOCoqj4qkyOJMt7+qs6Ahdy6p/NQCPYsRSXXivhSB/J5E9jmYKA==}
     engines: {node: '>=0.10.0'}
@@ -5893,9 +5990,6 @@ packages:
   asap@2.0.6:
     resolution: {integrity: sha512-BSHWgDSAiKs50o2Re8ppvp3seVHXSRM44cdSsT9FfNEUUZLOGWVCsiWaRPWM1Znn+mqZ1OfVZ3z3DWEzSp7hRA==}
 
-  assertion-error@1.1.0:
-    resolution: {integrity: sha512-jgsaNduz+ndvGyFt3uSuWqvy4lCnIJiovtouQN5JZHOKCS2QuhEdbcQHFhVksz2N2U9hXJo8odG7ETyWlEeuDw==}
-
   assertion-error@2.0.1:
     resolution: {integrity: sha512-Izi8RQcffqCeNVgFigKli1ssklIbpHnCYc6AknXGYoB6grJqyeby7jv12JUQgmTAnIDnbck1uxksT4dzN3PWBA==}
     engines: {node: '>=12'}
@@ -5930,8 +6024,8 @@ packages:
   astro-portabletext@0.10.0:
     resolution: {integrity: sha512-07Un6W3R14bRfAf4TlSzAlBkWBXzyK8NPT3Xelm3+f6sVkr61Jlx5k2dXRB6ZZycqBbbLXIbzey2WOcddTl2AA==}
 
-  astro@4.15.4:
-    resolution: {integrity: sha512-wqy+m3qygt9DmCSqMsckxyK4ccCUFtti2d/WlLkEpAlqHgyDIg20zRTLHO2v/H4YeSlJ8sAcN0RW2FhOeYbINg==}
+  astro@4.16.5:
+    resolution: {integrity: sha512-v8mKWcEPN7hkfyVsMFWV0F8UgL4GUJKT172KTB7dePO3yJb64HBwCckC0QnA60QQh3jK6+2xwyWEc5QvCeqjtg==}
     engines: {node: ^18.17.1 || ^20.3.0 || >=21.0.0, npm: '>=9.6.5', pnpm: '>=7.1.0'}
     hasBin: true
 
@@ -5987,11 +6081,6 @@ packages:
   b4a@1.6.6:
     resolution: {integrity: sha512-5Tk1HLk6b6ctmjIkAcU/Ujv/1WqiDl0F0JdRCR80VsOcUlHcu7pWeWRlOqQLHfDEsVx9YH/aif5AG4ehoCtTmg==}
 
-  babel-core@7.0.0-bridge.0:
-    resolution: {integrity: sha512-poPX9mZH/5CSanm50Q+1toVci6pv5KSRv/5TWCwtzQS5XEwn40BcCrgIeMFWP9CKKIniKXNxoIOnOq4VVlGXhg==}
-    peerDependencies:
-      '@babel/core': ^7.0.0-0
-
   babel-plugin-polyfill-corejs2@0.4.11:
     resolution: {integrity: sha512-sMEJ27L0gRHShOh5G54uAAPaiCOygY/5ratXuiyb2G46FmlSpc9eFCzYVyDiPxfNbwzA7mYahmjQc5q+CZQ09Q==}
     peerDependencies:
@@ -6007,8 +6096,11 @@ packages:
     peerDependencies:
       '@babel/core': ^7.4.0 || ^8.0.0-0 <8.0.0
 
-  babel-plugin-react-compiler@0.0.0-experimental-e68eda9-20240829:
-    resolution: {integrity: sha512-H7e+R9ze2Ftdbh4W7C1oUIdWSn4xQEcRQDM2vVG2LBA8qiyvnnSR5L6+e06/J3fYHjFEkgdL96FsdOM7TNW2AA==}
+  babel-plugin-react-compiler@0.0.0-experimental-fa06e2c-20241014:
+    resolution: {integrity: sha512-NZcV9zH8dtPdUB3cLUGuL9CCEBEnMqz5yW/WtK/Gy5W11NKw8TU7c2sGnyOSO4sQ6aOhi9aRZHGqpQWAznOcEw==}
+
+  babel-plugin-react-compiler@0.0.0-experimental-fe484b5-20240912:
+    resolution: {integrity: sha512-iGtEbwQeiLXba8o8ESTjogmQ8rTP6xHi+w3JIxR8HmKAb+SYZ3cljRhpOEsrxZIXuk3L9w9o98BJFIcxaVyFag==}
 
   babel-runtime@6.26.0:
     resolution: {integrity: sha512-ITKNuq2wKlW1fJg9sSW52eepoYgZBggvOAHC0u/CYu/qxQ9EVzThCgR69BnSXLHjy2f7SY5zaQ4yt7H9ZVxY2g==}
@@ -6036,6 +6128,10 @@ packages:
     resolution: {integrity: sha512-NF+epuEdnUYVlGuhaxbbq+dvJttwLnGY+YixlXlME5KpQ5W3CnXA5cVTneY3SPbPDRkcjMbifrwmFYcClgOZeg==}
     engines: {node: '>= 0.8'}
 
+  better-opn@3.0.2:
+    resolution: {integrity: sha512-aVNobHnJqLiUelTaHat9DZ1qM2w0C0Eym4LPI/3JxOnSokGVdsl1T1kN7TFvsEAD8G47A6VKQ0TVHqbBnYMJlQ==}
+    engines: {node: '>=12.0.0'}
+
   bidi-js@1.0.3:
     resolution: {integrity: sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw==}
 
@@ -6070,9 +6166,9 @@ packages:
   boolbase@1.0.0:
     resolution: {integrity: sha512-JZOSA7Mo9sNGB8+UjSgzdLtokWAky1zbztM3WRLCbZ70/3cTANmQmOdR7y2g+J0e2WXywy1yS468tY+IruqEww==}
 
-  boxen@7.1.1:
-    resolution: {integrity: sha512-2hCgjEmP8YLWQ130n2FerGv7rYpfBmnmp9Uy2Le1vge6X3gZIfSmEzP5QTDElFxcvVcXlEn8Aq6MU/PZygIOog==}
-    engines: {node: '>=14.16'}
+  boxen@8.0.1:
+    resolution: {integrity: sha512-F3PH5k5juxom4xktynS7MoFY+NUWH5LC4CnH11YB8NPew+HLpmBLCybSAEyb2F+4pRXhuhWqFesoQd6DAyc2hw==}
+    engines: {node: '>=18'}
 
   brace-expansion@1.1.11:
     resolution: {integrity: sha512-iCuPHDFgrHX7H2vEI/5xpz07zSHB00TpugqhmYtVmMO6518mCuRMoOYFldEBl0g187ufozdaHgWKcYFb61qGiA==}
@@ -6098,8 +6194,8 @@ packages:
   browserify-zlib@0.1.4:
     resolution: {integrity: sha512-19OEpq7vWgsH6WkvkBJQDFvJS1uPcbFOQ4v9CU839dO+ZZXUZO6XpE6hNCqvlIIj+4fZvRiJ6DsAQ382GwiyTQ==}
 
-  browserslist@4.23.3:
-    resolution: {integrity: sha512-btwCFJVjI4YWDNfau8RhZ+B1Q/VLoUITrm3RlP6y1tYGWIOa+InuYiRGXUBXo8nA1qKmHMyLB/iVQg5TT4eFoA==}
+  browserslist@4.24.0:
+    resolution: {integrity: sha512-Rmb62sR1Zpjql25eSanFGEhAxcFwfA1K0GuQcLoaJBAcENegrQut3hYdhXFF1obQfiDyqIW/cLM5HSJ/9k884A==}
     engines: {node: ^6 || ^7 || ^8 || ^9 || ^10 || ^11 || ^12 || >=13.7}
     hasBin: true
 
@@ -6128,10 +6224,6 @@ packages:
   buffer@6.0.3:
     resolution: {integrity: sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA==}
 
-  builtin-modules@3.3.0:
-    resolution: {integrity: sha512-zhaCDicdLuWN5UbN5IMnFqNMhNfo919sH85y2/ea+5Yg9TsTkeZxpL+JLbp6cgYFS4sRLp3YV4S6yDuqVWHYOw==}
-    engines: {node: '>=6'}
-
   builtins@1.0.3:
     resolution: {integrity: sha512-uYBjakWipfaO/bXI7E8rq6kpwHRZK5cNYrUv2OzZSI/FvmdMyXJ2tG9dKcjEC5YHmHpUAwsargWIZNWdxb/bnQ==}
 
@@ -6202,13 +6294,9 @@ packages:
     resolution: {integrity: sha512-L28STB170nwWS63UjtlEOE3dldQApaJXZkOI1uMFfzf3rRuPegHaHesyee+YxQ+W6SvRDQV6UrdOdRiR153wJg==}
     engines: {node: '>=6'}
 
-  camelcase@6.3.0:
-    resolution: {integrity: sha512-Gmy6FhYlCY7uOElZUSbxo2UCDH8owEk996gkbrpsgGtrJLM3J7jGxl9Ic7Qwwj4ivOE5AWZWRMecDdF7hqGjFA==}
-    engines: {node: '>=10'}
-
-  camelcase@7.0.1:
-    resolution: {integrity: sha512-xlx1yCK2Oc1APsPXDL2LdlNP6+uu8OCDdhOBSVT279M/S+y75O30C2VuD8T2ogdePBBl7PfPF4504tnLgX3zfw==}
-    engines: {node: '>=14.16'}
+  camelcase@8.0.0:
+    resolution: {integrity: sha512-8WB3Jcas3swSvjIeA2yvCJ+Miyz5l1ZmB6HFb9R1317dt9LCQoswg/BGrmAmkWVEszSrrg4RwmO46qIm2OEnSA==}
+    engines: {node: '>=16'}
 
   camelize@1.0.1:
     resolution: {integrity: sha512-dU+Tx2fsypxTgtLoE36npi3UqcjSSMNYfkqgmoEhtZrraP5VWq0K7FkWVTYa8eMPtnU/G2txVsfdCJTn9uzpuQ==}
@@ -6216,16 +6304,12 @@ packages:
   caniuse-api@3.0.0:
     resolution: {integrity: sha512-bsTwuIg/BZZK/vreVTYYbSWoe2F+71P7K5QGEX+pT250DZbfU1MQ5prOKpPR+LL6uWKK3KMwMCAS74QB3Um1uw==}
 
-  caniuse-lite@1.0.30001649:
-    resolution: {integrity: sha512-fJegqZZ0ZX8HOWr6rcafGr72+xcgJKI9oWfDW5DrD7ExUtgZC7a7R7ZYmZqplh7XDocFdGeIFn7roAxhOeYrPQ==}
+  caniuse-lite@1.0.30001667:
+    resolution: {integrity: sha512-7LTwJjcRkzKFmtqGsibMeuXmvFDfZq/nzIjnmgCGzKKRVzjD72selLDK1oPF/Oxzmt4fNcPvTDvGqSDG4tCALw==}
 
   ccount@2.0.1:
     resolution: {integrity: sha512-eyrF0jiFpY+3drT6383f1qhkbGsLSifNAjA61IUjZjmLCWjItY6LB9ft9YhoDgwfmclB2zhu51Lc7+95b8NRAg==}
 
-  chai@4.5.0:
-    resolution: {integrity: sha512-RITGBfijLkBddZvnn8jdqoTypxvqbOLYQkGGxXzeFjVHvudaPw0HNFD9x928/eUwYWd2dPCugVqspGALTZZQKw==}
-    engines: {node: '>=4'}
-
   chai@5.1.1:
     resolution: {integrity: sha512-pT1ZgP8rPNqUgieVaEY+ryQr6Q4HXNg8Ei9UnLUrjN4IA7dvQC5JB+/kxVcPNDHyBcc/26CXPkbNzq3qwrOEKA==}
     engines: {node: '>=12'}
@@ -6267,21 +6351,21 @@ packages:
   character-reference-invalid@2.0.1:
     resolution: {integrity: sha512-iBZ4F4wRbyORVsu0jPV7gXkOsGYjGHPmAyv+HiHG8gi5PtC9KI2j1+v8/tlibRvjoWX027ypmG/n0HtO5t7unw==}
 
-  check-error@1.0.3:
-    resolution: {integrity: sha512-iKEoDYaRmd1mxM90a2OEfWhjsjPpYPuQ+lMYsoxB126+t8fw7ySEO48nmDg5COTjxDI65/Y2OWpeEHk3ZOe8zg==}
-
   check-error@2.1.1:
     resolution: {integrity: sha512-OAlb+T7V4Op9OwdkjmguYRqncdlx5JiofwOAUkmTF+jNdHwzTaTs4sRAGpzLF3oOz5xAyDGrPgeIDFQmDOTiJw==}
     engines: {node: '>= 16'}
 
   chokidar@1.7.0:
     resolution: {integrity: sha512-mk8fAWcRUOxY7btlLtitj3A45jOwSAxH4tOFOoEGbVsl6cL6pPMWUy7dwZ/canfj3QEdP6FHSnf/l1c6/WkzVg==}
-    deprecated: Chokidar 2 will break on node v14+. Upgrade to chokidar 3 with 15x less dependencies.
 
   chokidar@3.6.0:
     resolution: {integrity: sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw==}
     engines: {node: '>= 8.10.0'}
 
+  chokidar@4.0.1:
+    resolution: {integrity: sha512-n8enUVCED/KVRQlab1hr3MVpcVMvxtZjmEa956u+4YijlmQED223XMSYj2tLuKvr4jcCTzNNMpQDUer72MMmzA==}
+    engines: {node: '>= 14.16.0'}
+
   chownr@1.1.4:
     resolution: {integrity: sha512-jJ0bqzaylmJtVnNgzTeSOs8DPavpbYgEr/b0YL8/2GO3xJEhInFmhKMUnEJQjZumK7KXGFhUy89PrsJWlakBVg==}
 
@@ -6322,10 +6406,6 @@ packages:
     resolution: {integrity: sha512-I/zHAwsKf9FqGoXM4WWRACob9+SNukZTd94DWF57E4toouRulbCxcUh6RKUEOQlYTHJnzkPMySvPNaaSLNfLZw==}
     engines: {node: '>=8'}
 
-  cli-cursor@4.0.0:
-    resolution: {integrity: sha512-VGtlMu3x/4DOtIUwEkRezxUZ2lBacNJCHash0N0WeZDBS+7Ux1dm3XWAgWYxLJFMMdOeXMHXorshEFhbMSGelg==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
   cli-cursor@5.0.0:
     resolution: {integrity: sha512-aCj4O5wKyszjMmDT4tZj93kxyydN/K5zPWSCe6/0AV/AA1pqe5ZBIw0a2ZfPQV7lL5/yb5HsUreJ6UFAF1tEQw==}
     engines: {node: '>=18'}
@@ -6539,6 +6619,10 @@ packages:
     resolution: {integrity: sha512-U71cyTamuh1CRNCfpGY6to28lxvNwPG4Guz/EVjgf3Jmzv0vlDp1atT9eS5dDjMYHucpHbWns6Lwf3BKz6svdw==}
     engines: {node: '>= 0.6'}
 
+  cookie@0.7.2:
+    resolution: {integrity: sha512-yki5XnKuf750l50uGTllt6kKILY4nQ1eNIQatoXEByZ5dWgnKqbnqmTrBE5B4N7lrMJKQ2ytWMiTO2o0v6Ew/w==}
+    engines: {node: '>= 0.6'}
+
   cookies@0.9.1:
     resolution: {integrity: sha512-TG2hpqe4ELx54QER/S3HQ9SRVnQnGBtKUz5bLQWtYAQ+o6GpgMs6sYUvaiJjVxb+UXwhRhAEP3m7LbsIZ77Hmw==}
     engines: {node: '>= 0.8'}
@@ -6610,10 +6694,6 @@ packages:
     resolution: {integrity: sha512-v1plID3y9r/lPhviJ1wrXpLeyUIGAZ2SHNYTEapm7/8A9nLPoyvVp3RK/EPFqn5kEznyWgYZNsRtYYIWbuG8KA==}
     engines: {node: '>=8'}
 
-  crypto-random-string@4.0.0:
-    resolution: {integrity: sha512-x8dy3RnvYdlUcPOjkEHqozhiwzKNSq7GcPuXFbnyMOCHxX8V3OgIg/pYuabl2sbUPfIJaeAQB7PMOK8DFIdoRA==}
-    engines: {node: '>=12'}
-
   css-color-keywords@1.0.0:
     resolution: {integrity: sha512-FyyrDHZKEjXDpNJYvVsV960FiqQyXc/LlYmsxl2BcdMb2WPx0OGRVgTg55rPSyLSNMqP52R9r8geSp7apN3Ofg==}
     engines: {node: '>=4'}
@@ -6718,6 +6798,9 @@ packages:
   date-fns@3.6.0:
     resolution: {integrity: sha512-fRHTG8g/Gif+kSh50gaGEdToemgfj74aRX3swtiouboip5JDLAyDE9F11nHMIcvOaXeOC6D7SpNhi7uFyB7Uww==}
 
+  date-fns@4.1.0:
+    resolution: {integrity: sha512-Ukq0owbQXxa/U3EGtsdVBkR1w7KOQ5gIBqdH2hkvknzZPYvBxb/aa6E8L7tmjFtkwZBu3UXBbjIgPo/Ez4xaNg==}
+
   date-now@1.0.1:
     resolution: {integrity: sha512-yiizelQCqYLUEVT4zqYihOW6Ird7Qyc6fD3Pv5xGxk4+Jz0rsB1dMN2KyNV6jgOHYh5K+sPGCSOknQN4Upa3pg==}
 
@@ -6823,10 +6906,6 @@ packages:
     resolution: {integrity: sha512-e7oWH1LzIdv/prMQ7pmlDlaVoL64glqzvNgkgQNgyec9ORPHrT2jaOqMtRyqJuwWjtfb6v+2rk9pmaHj+F137A==}
     engines: {node: '>= 16'}
 
-  deep-eql@4.1.4:
-    resolution: {integrity: sha512-SUwdGfqdKOwxCPeVYjwSyRpJ7Z+fhpwIAtmCUdZIWZ/YP5R9WAsyuSgpLVDi9bjWoN2LXHNss/dk3urXtdQxGg==}
-    engines: {node: '>=6'}
-
   deep-eql@5.0.2:
     resolution: {integrity: sha512-h5k/5U50IJJFpzfL6nO9jaaumfjO/f2NjK/oYB2Djzm4p9L+3T9qWpZqZ2hAbLPuuYq9wrU08WQyBTL5GbPk5Q==}
     engines: {node: '>=6'}
@@ -6924,10 +7003,6 @@ packages:
     resolution: {integrity: sha512-2sJGJTaXIIaR1w4iJSNoN0hnMY7Gpc/n8D4qSCJw8QqFWXf7cuAgnEHxBpweaVcPevC2l3KpjYCx3NypQQgaJg==}
     engines: {node: '>= 0.8', npm: 1.2.8000 || >= 1.4.16}
 
-  detect-indent@6.1.0:
-    resolution: {integrity: sha512-reYkTUJAZb9gUuZ2RvVCNhVHdg62RHnJ7WJl8ftMi4diZ6NWlciOzQN88pUhSELEwflJht4oQDv0F0BMlwaYtA==}
-    engines: {node: '>=8'}
-
   detect-indent@7.0.1:
     resolution: {integrity: sha512-Mc7QhQ8s+cLrnUfU/Ji94vG/r8M26m8f++vyres4ZoojaRDpZ1eSIh/EpzLNwlWuvzSZ3UbDFspjFvTDXe6e/g==}
     engines: {node: '>=12.20'}
@@ -6952,9 +7027,6 @@ packages:
     resolution: {integrity: sha512-KxektNH63SrbfUyDiwXqRb1rLwKt33AmMv+5Nhsw1kqZ13SJBRTgZHtGbE+hH3a1mVW1cz+4pqSWVPAtLVXTzQ==}
     engines: {node: '>=18'}
 
-  devalue@5.0.0:
-    resolution: {integrity: sha512-gO+/OMXF7488D+u3ue+G7Y4AA3ZmUnB3eHJXmBTgNHvr4ZNzl36A0ZtG+XCRNYCkYx/bFmw4qtkoFLa+wSrwAA==}
-
   devalue@5.1.1:
     resolution: {integrity: sha512-maua5KUiapvEwiEAe+XnlZ3Rh0GD+qI1J/nb9vrJc3muPXvcF/8gXYTWF76+5DAqHyDUtOIImEuo0YKE9mshVw==}
 
@@ -6964,10 +7036,6 @@ packages:
   didyoumean@1.2.2:
     resolution: {integrity: sha512-gxtyfqMg7GKyhQmb056K7M3xszy/myH8w+B4RT+QXBQsvAOdc3XymqDDPHx1BgPgsdAA5SIifona89YtRATDzw==}
 
-  diff-sequences@29.6.3:
-    resolution: {integrity: sha512-EjePK1srD3P08o2j4f0ExnylqRs5B9tJjcp9t1krH2qRi8CCdsYfwe9JgSLurFBWwq4uOlipzfk5fHNvwFKr8Q==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-
   diff@5.2.0:
     resolution: {integrity: sha512-uIFDxqpRZGZ6ThOk84hEfqWoHx2devRFvpTZcTHur85vImfaxUbTW9Ryh4CpCuDnToOP1CEtXKIgytHBPVff5A==}
     engines: {node: '>=0.3.1'}
@@ -7033,12 +7101,16 @@ packages:
     resolution: {integrity: sha512-0cwP9jpQBQfyHwvE0cRhraZMkdV45TQedA8AAUZMsFzvmLcQyc1HPv+oX0OOYwLFjIlvgVepQ+WuQHbqDaHJZg==}
     engines: {node: '>= 12.0.0'}
 
+  dotenv@16.0.3:
+    resolution: {integrity: sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ==}
+    engines: {node: '>=12'}
+
   dotenv@16.4.5:
     resolution: {integrity: sha512-ZmdL2rui+eB2YwhsWzjInR8LldtZHGDoQ1ugH85ppHKwpUHL7j7rN0Ti9NCnGiQbhaZ11FpR+7ao1dNsmduNUg==}
     engines: {node: '>=12'}
 
-  dset@3.1.3:
-    resolution: {integrity: sha512-20TuZZHCEZ2O71q9/+8BwKwZ0QtD9D8ObhrihJPr+vLLYlSuAU3/zL4cSlgbfeoGHTjCSJBa7NGcrF9/Bx/WJQ==}
+  dset@3.1.4:
+    resolution: {integrity: sha512-2QF/g9/zTaPDc3BjNcVTGoBbXBgYfMTTceLaYcFJ/W9kggFUkhxD/hMEeuLKbugyef9SqAx8cpgwlIP/jinUTA==}
     engines: {node: '>=4'}
 
   duplexer@0.1.2:
@@ -7056,8 +7128,8 @@ packages:
   ee-first@1.1.1:
     resolution: {integrity: sha512-WMwm9LhRUo+WUaRN+vRuETqG89IgZphVSNkdFgeb6sS/E4OrDIN7t48CAewSHXc6C8lefD8KKfr5vY61brQlow==}
 
-  electron-to-chromium@1.5.4:
-    resolution: {integrity: sha512-orzA81VqLyIGUEA77YkVA1D+N+nNfl2isJVjjmOyrlxuooZ19ynb+dOlaDTqd/idKRS9lDCSBmtzM+kyCsMnkA==}
+  electron-to-chromium@1.5.33:
+    resolution: {integrity: sha512-+cYTcFB1QqD4j4LegwLfpCNxifb6dDFUAwk6RsLusCwIaZI6or2f+q8rs5tTB2YC53HhOlIbEaqHMAAC8IOIwA==}
 
   emmet@2.4.7:
     resolution: {integrity: sha512-O5O5QNqtdlnQM2bmKHtJgyChcrFMgQuulI+WdiOw2NArzprUqqxUW6bgYtKvzKgrsYpuLWalOkdhNP+1jluhCA==}
@@ -7097,10 +7169,9 @@ packages:
     resolution: {integrity: sha512-+h1lkLKhZMTYjog1VEpJNG7NZJWcuc2DDk/qsqSTRRCOXiLjeQ1d1/udrUGhqMxUgAlwKNZ0cf2uqan5GLuS2A==}
     engines: {node: '>=6'}
 
-  envinfo@7.13.0:
-    resolution: {integrity: sha512-cvcaMr7KqXVh4nyzGTVqTum+gAiL265x5jUWQIDLq//zOGbW+gSW/C+OWLleY/rs9Qole6AZLMXPbtIFQbqu+Q==}
-    engines: {node: '>=4'}
-    hasBin: true
+  environment@1.1.0:
+    resolution: {integrity: sha512-xUtoPkMggbz0MPyPiIWr1Kp4aeWJjDZ6SMvURhimjdZgsRuDplF5/s9hcgGhyXMhs+6vpnuoiZ2kFiu3FMnS8Q==}
+    engines: {node: '>=18'}
 
   err-code@2.0.3:
     resolution: {integrity: sha512-2bmlRpNKBxT/CRmPOlyISQpNj+qSeYvcym/uT0Jx2bMOlKLtSy1ZmLuVxSEKKyor/N5yhvp/ZiG1oE3DEYMSFA==}
@@ -7206,6 +7277,11 @@ packages:
     engines: {node: '>=18'}
     hasBin: true
 
+  esbuild@0.24.0:
+    resolution: {integrity: sha512-FuLPevChGDshgSicjisSooU0cemp/sGXR841D5LHMB7mTVOmsEHcAxaH3irL53+8YDIeVNQEySh4DaYU/iuPqQ==}
+    engines: {node: '>=18'}
+    hasBin: true
+
   escalade@3.1.2:
     resolution: {integrity: sha512-ErCHMCae19vR8vQGe50xIsVomy19rg6gFu3+r3jkEO46suLMWBksvVyoGgQV+jOfl84ZSOSlmv6Gxa89PmTGmA==}
     engines: {node: '>=6'}
@@ -7236,8 +7312,8 @@ packages:
     peerDependencies:
       eslint: '>=6.0.0'
 
-  eslint-config-next@14.2.9:
-    resolution: {integrity: sha512-aNgGqWBp2KFcuEf9zNqmv+8dBkOrdyOlCIbdtyw7fiCQioLqXNcXmalAyeNtVyE95Kwgg11bgXvuVqdxpbR79g==}
+  eslint-config-next@14.2.15:
+    resolution: {integrity: sha512-mKg+NC/8a4JKLZRIOBplxXNdStgxy7lzWuedUaCc8tev+Al9mwDUTujQH6W6qXDH9kycWiVo28tADWGvpBsZcQ==}
     peerDependencies:
       eslint: ^7.23.0 || ^8.0.0
       typescript: '>=3.3.1'
@@ -7245,10 +7321,10 @@ packages:
       typescript:
         optional: true
 
-  eslint-config-next@14.3.0-canary.87:
-    resolution: {integrity: sha512-zVWncSgQJ7j9uXbyDeUcPTo1AAxCJw8RNie+qiTEOMvznWxHmmvVr8QWZjLPFGR7j8CTaH46SEak1PSSHV1viA==}
+  eslint-config-next@15.0.0-canary.195:
+    resolution: {integrity: sha512-mYL+HNPbGqPtWjKhbkUAVCRmf4U8CXQvvQeKwOMwTwFC7uMhrkOEBjR1qpFAsQnFcvr69Zon8SNroFXfczXx+Q==}
     peerDependencies:
-      eslint: ^7.23.0 || ^8.0.0
+      eslint: ^7.23.0 || ^8.0.0 || ^9.0.0
       typescript: '>=3.3.1'
     peerDependenciesMeta:
       typescript:
@@ -7260,6 +7336,11 @@ packages:
     peerDependencies:
       eslint: '>=7.0.0'
 
+  eslint-config-turbo@2.1.3:
+    resolution: {integrity: sha512-smdkhd01V/e/I4EjJxaZA1kxZ1vdFCHpyryolxLtRBP0bZTrHDYh1H6NAyZ3Fy1jkhsQzXw+L+6m17ygROvNFw==}
+    peerDependencies:
+      eslint: '>6.6.0'
+
   eslint-import-resolver-node@0.3.7:
     resolution: {integrity: sha512-gozW2blMLJCeFpBwugLTGyvVjNoeo1knonXAcatC6bjPBZitotxdWf7Gimr25N4c0AAOo4eOUfaG82IJPDpqCA==}
 
@@ -7279,8 +7360,8 @@ packages:
       eslint-plugin-import-x:
         optional: true
 
-  eslint-module-utils@2.11.0:
-    resolution: {integrity: sha512-gbBE5Hitek/oG6MUVj6sFuzEjA/ClzNflVrLovHi/JgLdC7fiN5gLAY1WIPW1a0V5I999MnsrvVrCOGmmVqDBQ==}
+  eslint-module-utils@2.12.0:
+    resolution: {integrity: sha512-wALZ0HFoytlyh/1+4wuZ9FJCD/leWHQzzrxJ8+rebyReSLk7LApMyd3WJaLVoN+D5+WIdJyDK1c6JnE65V4Zyg==}
     engines: {node: '>=4'}
     peerDependencies:
       '@typescript-eslint/parser': '*'
@@ -7306,12 +7387,12 @@ packages:
     peerDependencies:
       eslint: '>=4.19.1'
 
-  eslint-plugin-import@2.30.0:
-    resolution: {integrity: sha512-/mHNE9jINJfiD2EKkg1BKyPyUk4zdnT54YgbOgfjSakWT5oyX/qQLVNTkehyfpcMxZXMy1zyonZ2v7hZTX43Yw==}
+  eslint-plugin-import@2.31.0:
+    resolution: {integrity: sha512-ixmkI62Rbc2/w8Vfxyh1jQRTdRTF52VxwRVHl/ykPAmqG+Nb7/kNn+byLP0LxPgI7zWA16Jt82SybJInmMia3A==}
     engines: {node: '>=4'}
     peerDependencies:
       '@typescript-eslint/parser': '*'
-      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8
+      eslint: ^2 || ^3 || ^4 || ^5 || ^6 || ^7.2.0 || ^8 || ^9
     peerDependenciesMeta:
       '@typescript-eslint/parser':
         optional: true
@@ -7361,14 +7442,26 @@ packages:
       eslint-config-prettier:
         optional: true
 
+  eslint-plugin-react-compiler@0.0.0-experimental-fa06e2c-20241014:
+    resolution: {integrity: sha512-tHntZz8Kx/6RgCLn7aDGfBQizqTUUfHEDaBcrvJi1GhKzgDxmAbdn85Y6z8eGSh4s0gufNWyO9WRCYLf0hP0ow==}
+    engines: {node: ^14.17.0 || ^16.0.0 || >= 18.0.0}
+    peerDependencies:
+      eslint: '>=7'
+
   eslint-plugin-react-hooks@4.6.2:
     resolution: {integrity: sha512-QzliNJq4GinDBcD8gPB5v0wh6g8q3SUi6EFF0x8N/BL9PoVs0atuGc47ozMRyOWAKdwaZ5OnbOEa3WR+dSGKuQ==}
     engines: {node: '>=10'}
     peerDependencies:
       eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0
 
-  eslint-plugin-react@7.35.2:
-    resolution: {integrity: sha512-Rbj2R9zwP2GYNcIak4xoAMV57hrBh3hTaR0k7hVjwCQgryE/pw5px4b13EYjduOI0hfXyZhwBxaGpOTbWSGzKQ==}
+  eslint-plugin-react-hooks@5.0.0:
+    resolution: {integrity: sha512-hIOwI+5hYGpJEc4uPRmz2ulCjAGD/N13Lukkh8cLV0i2IRk/bdZDYjgLVHj+U9Z704kLIdIO6iueGvxNur0sgw==}
+    engines: {node: '>=10'}
+    peerDependencies:
+      eslint: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0
+
+  eslint-plugin-react@7.37.1:
+    resolution: {integrity: sha512-xwTnwDqzbDRA8uJ7BMxPs/EXRB3i8ZfnOIp8BsxEQkT0nHPp+WWceqGgo6rKb9ctNi8GJLDT4Go5HAWELa/WMg==}
     engines: {node: '>=4'}
     peerDependencies:
       eslint: ^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7
@@ -7378,14 +7471,14 @@ packages:
     peerDependencies:
       eslint: '>=5.0.0'
 
-  eslint-plugin-storybook@0.8.0:
-    resolution: {integrity: sha512-CZeVO5EzmPY7qghO2t64oaFM+8FTaD4uzOEjHKp516exyTKo+skKAL9GI3QALS2BXhyALJjNtwbmr1XinGE8bA==}
+  eslint-plugin-storybook@0.9.0:
+    resolution: {integrity: sha512-qOT/2vQBo0VqrG/BhZv8IdSsKQiyzJw+2Wqq+WFCiblI/PfxLSrGkF/buiXF+HumwfsCyBdaC94UhqhmYFmAvA==}
     engines: {node: '>= 18'}
     peerDependencies:
       eslint: '>=6'
 
-  eslint-plugin-svelte@2.43.0:
-    resolution: {integrity: sha512-REkxQWvg2pp7QVLxQNa+dJ97xUqRe7Y2JJbSWkHSuszu0VcblZtXkPBPckkivk99y5CdLw4slqfPylL2d/X4jQ==}
+  eslint-plugin-svelte@2.44.1:
+    resolution: {integrity: sha512-w6wkoJPw1FJKFtM/2oln21rlu5+HTd2CSkkzhm32A+trNoW2EYQqTQAbDTU6k2GI/6Vh64rBHYQejqEgDld7fw==}
     engines: {node: ^14.17.0 || >=16.0.0}
     peerDependencies:
       eslint: ^7.0.0 || ^8.0.0-0 || ^9.0.0-0
@@ -7400,6 +7493,11 @@ packages:
     peerDependencies:
       eslint: ^7.5.0 || ^8.0.0
 
+  eslint-plugin-turbo@2.1.3:
+    resolution: {integrity: sha512-I9vPArzyOSYa6bm0iMCgD07MgdExc1VK2wGuVz21g4BUdj83w7mDKyCXR2rwOtCEW+wemFwgxanJ81imQZijNg==}
+    peerDependencies:
+      eslint: '>6.6.0'
+
   eslint-scope@5.1.1:
     resolution: {integrity: sha512-2NxwbF/hZ0KpepYN0cNbo+FN6XoK7GaHlQhgx/hIZl6Va0bF45RQOOwhLIy8lQDbuCiadSLCBnH2CFYquit5bw==}
     engines: {node: '>=8.0.0'}
@@ -7424,14 +7522,10 @@ packages:
     resolution: {integrity: sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
 
-  eslint@8.57.0:
-    resolution: {integrity: sha512-dZ6+mexnaTIbSBZWgou51U6OmzIhYM2VcNdtiTtI7qPNZm35Akpr0f6vtw3w1Kmn5PYo+tZVfh13WrhpS6oLqQ==}
-    engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
-    hasBin: true
-
   eslint@8.57.1:
     resolution: {integrity: sha512-ypowyDxpVSYpkXr9WPv2PAZCtNip1Mv5KTW0SCurXv/9iOpcrH9PaqUElksqEB6pChqHGDRCFTyrZlGhnLNGiA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
+    deprecated: This version is no longer supported. Please see https://eslint.org/version-support for other options.
     hasBin: true
 
   esm-env@1.0.0:
@@ -7558,8 +7652,8 @@ packages:
   exponential-backoff@3.1.1:
     resolution: {integrity: sha512-dX7e/LHVJ6W3DE1MHWi9S1EYzDESENfLrYohG2G++ovZrYOkm4Knwa0mc1cn84xJOR4KEU0WSchhLbd0UklbHw==}
 
-  express@4.20.0:
-    resolution: {integrity: sha512-pLdae7I6QqShF5PnNTCVn4hI91Dx0Grkn2+IAsMTgMIKuQVte2dN9PeGSSAME2FR8anOhVA62QDIUaWVfEXVLw==}
+  express@4.21.0:
+    resolution: {integrity: sha512-VqcNGcj/Id5ZT1LZ/cfihi3ttTn+NJmkli2eZADigjq29qTlWi/hAQ43t/VLPq8+UX06FCEx3ByOYet6ZFblng==}
     engines: {node: '>= 0.10.0'}
 
   extend-shallow@2.0.1:
@@ -7593,6 +7687,10 @@ packages:
   fast-fifo@1.3.2:
     resolution: {integrity: sha512-/d9sfos4yxzpwkDkuN7k2SqFKtYNmCTzgfEpz82x34IM9/zc8KGxQoXg1liNC/izpRM/MBdt44Nmx41ZWqk+FQ==}
 
+  fast-glob@3.3.1:
+    resolution: {integrity: sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg==}
+    engines: {node: '>=8.6.0'}
+
   fast-glob@3.3.2:
     resolution: {integrity: sha512-oX2ruAFQwf/Orj8m737Y5adxDQO0LAB7/S5MnxCdTNDd4p6BsyIVsv9JQsATbTSq8KHRpLwIHbVlUNatxd+1Ow==}
     engines: {node: '>=8.6.0'}
@@ -7606,6 +7704,9 @@ packages:
   fast-npm-meta@0.2.2:
     resolution: {integrity: sha512-E+fdxeaOQGo/CMWc9f4uHFfgUPJRAu7N3uB8GBvB3SDPAIWJK4GKyYhkAGFq+GYrcbKNfQIz5VVQyJnDuPPCrg==}
 
+  fast-uri@3.0.1:
+    resolution: {integrity: sha512-MWipKbbYiYI0UC7cl8m/i/IWTqfC8YXsqjzybjddLsFjStroQzsHXkc73JutMvBiXmOvapk+axIl79ig5t55Bw==}
+
   fast_array_intersect@1.1.0:
     resolution: {integrity: sha512-/DCilZlUdz2XyNDF+ASs0PwY+RKG9Y4Silp/gbS72Cvbg4oibc778xcecg+pnNyiNHYgh/TApsiDTjpdniyShw==}
 
@@ -7615,9 +7716,6 @@ packages:
   fault@2.0.1:
     resolution: {integrity: sha512-WtySTkS4OKev5JtpHXnib4Gxiurzh5NCGvWrFaZ34m6JehfTUhKZvn9njTfw48t6JumVQOmrKqpmGcdwxnhqBQ==}
 
-  fd-package-json@1.2.0:
-    resolution: {integrity: sha512-45LSPmWf+gC5tdCQMNH4s9Sr00bIkiD9aN7dc5hqkrEw1geRYyDQS1v1oMHAW3ysfxfndqGsrDREHHjNNbKUfA==}
-
   fd-slicer@1.1.0:
     resolution: {integrity: sha512-cE1qsB/VwyQozZ+q1dGxR8LBYNZeofhEdUNGSMbQD3Gw2lAzX9Zb3uIU6Ebc/Fmyjo9AWWfnn0AUCHqtevs/8g==}
 
@@ -7668,8 +7766,8 @@ packages:
     resolution: {integrity: sha512-YsGpe3WHLK8ZYi4tWDg2Jy3ebRz2rXowDxnld4bkQB00cc/1Zw9AWnC0i9ztDJitivtQvaI9KaLyKrc+hBW0yg==}
     engines: {node: '>=8'}
 
-  finalhandler@1.2.0:
-    resolution: {integrity: sha512-5uXcUVftlQMFnWC9qu/svkWv3GTd2PfUhK/3PLkYNAe7FbqJMt3515HaxE6eRL74GdsriiwujiawdaB1BpEISg==}
+  finalhandler@1.3.1:
+    resolution: {integrity: sha512-6BN9trH7bp3qvnrRyzsBz+g3lZxTNZTbVO2EV1CS0WIcDbawYVdYvGflME/9QP0h0pYlCDBCTjYa9nZzMDpyxQ==}
     engines: {node: '>= 0.8'}
 
   find-cache-dir@2.1.0:
@@ -7717,10 +7815,6 @@ packages:
     resolution: {integrity: sha512-9UbaD6XdAL97+k/n+N7JwX46K/M6Zc6KcFYskrYL8wbBV/Uyk0CTAMY0VT+qiK5PM7AIc9aTWYtq65U7T+aCNQ==}
     engines: {node: '>=8'}
 
-  flow-parser@0.243.0:
-    resolution: {integrity: sha512-HCDBfH+kZcY5etWYeAqatjW78gkIryzb9XixRsA8lGI1uyYc7aCpElkkO4H+KIpoyQMiY0VAZPI4cyac3wQe8w==}
-    engines: {node: '>=0.4.0'}
-
   flush-write-stream@2.0.0:
     resolution: {integrity: sha512-uXClqPxT4xW0lcdSBheb2ObVU+kuqUk3Jk64EwieirEXZx9XUrVwp/JuBfKAWaM4T5Td/VL7QLDWPXp/MvGm/g==}
 
@@ -7748,8 +7842,8 @@ packages:
     resolution: {integrity: sha512-SKmowqGTJoPzLO1T0BBJpkfp3EMacCMOuH40hOUbrbzElVktk4DioXVM99QkLCyKoiuOmyjgcWMpVz2xjE7LZw==}
     engines: {node: '>=0.10.0'}
 
-  foreground-child@3.1.1:
-    resolution: {integrity: sha512-TMKDUnIte6bfb5nWv7V/caI169OHgvwjb7V4WkeUvbQQdjr5rWKqHFiKWb/fcOwB+CzBT+qbWjvj+DVwRskpIg==}
+  foreground-child@3.3.0:
+    resolution: {integrity: sha512-Ld2g8rrAyMYFXBhEqMz8ZAHBi4J4uS1i/CxGMDnjyFWddMXLVcDp051DZfu+t7+ab7Wv6SMqpWmyFIj5UbfFvg==}
     engines: {node: '>=14'}
 
   form-data@4.0.0:
@@ -7782,6 +7876,20 @@ packages:
       react-dom:
         optional: true
 
+  framer-motion@12.0.0-alpha.1:
+    resolution: {integrity: sha512-WpMrDfk6I5Q4T/7+LEjQOVbAD5Yb/cGbbV+LLllFEg+dHi8XZ7QecJ9aYS9bn12cWuF7gGy+uqskyAkGTWHs3w==}
+    peerDependencies:
+      '@emotion/is-prop-valid': '*'
+      react: ^18.0.0
+      react-dom: ^18.0.0
+    peerDependenciesMeta:
+      '@emotion/is-prop-valid':
+        optional: true
+      react:
+        optional: true
+      react-dom:
+        optional: true
+
   fresh@0.5.2:
     resolution: {integrity: sha512-zJ2mQYM18rEFOudeV4GShTGIQ7RbzA7ozbU9I/XBpm7kqgMywgmylMwXHxZJmkVoYkna9d2pVXVXPdYTP9ej8Q==}
     engines: {node: '>= 0.6'}
@@ -7935,8 +8043,8 @@ packages:
     resolution: {integrity: sha512-g0QYk1dZBxGwk+Ngc+ltRH2IBp2f7zBkBMBJZCDerh6EhlhSR6+9irMCuT/09zD6qkarHUSn529sK/yL4S27mg==}
     engines: {node: '>= 0.4'}
 
-  get-tsconfig@4.8.0:
-    resolution: {integrity: sha512-Pgba6TExTZ0FJAn1qkJAjIeKoDJ3CsI2ChuLohJnZl/tTU8MVrq3b+2t5UOPfRa4RMsorClBjJALkJUMjG1PAw==}
+  get-tsconfig@4.8.1:
+    resolution: {integrity: sha512-k9PN+cFBmaLWtVz29SkUoqU5O0slLuHJXt/2P+tMVFT+phsSGXGkp9t3rQIqdz0e+06EHNGs3oM6ZX1s2zHxRg==}
 
   get-uri@2.0.4:
     resolution: {integrity: sha512-v7LT/s8kVjs+Tx0ykk1I+H/rbpzkHvuIq87LmeXptcf5sNWm9uQiwjNAt94SJPA1zOlCntmnOlJvVWKmzsxG8Q==}
@@ -7959,9 +8067,6 @@ packages:
   git-up@7.0.0:
     resolution: {integrity: sha512-ONdIrbBCFusq1Oy0sC71F5azx8bVkvtZtMJAsv+a6lz5YAmbNnLD6HAB4gptHZVLPR8S2/kVN6Gab7lryq5+lQ==}
 
-  git-url-parse@14.1.0:
-    resolution: {integrity: sha512-8xg65dTxGHST3+zGpycMMFZcoTzAdZ2dOtu4vmgIfkTFnVHBxHMzBC2L1k8To7EmrSiHesT8JgPLT91VKw1B5g==}
-
   git-url-parse@15.0.0:
     resolution: {integrity: sha512-5reeBufLi+i4QD3ZFftcJs9jC26aULFLBU23FeKM/b1rI0K6ofIeAblmDVO7Ht22zTDE9+CkJ3ZVb0CgJmz3UQ==}
 
@@ -8076,8 +8181,8 @@ packages:
     resolution: {integrity: sha512-TfNyvCVDOEVZFFbeO6TbwwrslHTXpDNN4WwCYAcuSuORx4dLQU5Zn+cIsEFUQvLycU4lc0BqU1FIgldbhi4acQ==}
     engines: {node: '>= 14'}
 
-  groq@3.57.2:
-    resolution: {integrity: sha512-P+5frH+jXlQzcQ6hqCe6u/cLqOVqn0G91V/DfqWbKhFC9ABtiQneQOx1nJPweaErE0PpipuNm49WCCB16p5PBg==}
+  groq@3.61.0:
+    resolution: {integrity: sha512-WwtX7L8gaQ9WtMCR1168fIPF4dRKONg8zmWCyENgf5vALEre/Xez09eWA+U3jy5qa0BGFQNNpEb2R+CSOkpXcw==}
     engines: {node: '>=18'}
 
   gunzip-maybe@1.4.2:
@@ -8095,8 +8200,8 @@ packages:
   h3@1.12.0:
     resolution: {integrity: sha512-Zi/CcNeWBXDrFNlV0hUBJQR9F7a96RjMeAZweW/ZWkR9fuXrMcvKnSA63f/zZ9l0GgQOZDVHGvXivNN9PWOwhA==}
 
-  happy-dom@15.7.3:
-    resolution: {integrity: sha512-w3RUaYNXFJX5LiNVhOJLK4GqCB1bFj1FvELtpon3HrN8gUpS09V0Vvm4/BBRRj7mLUE1+ch8PKv1JxEp/0IHjA==}
+  happy-dom@15.7.4:
+    resolution: {integrity: sha512-r1vadDYGMtsHAAsqhDuk4IpPvr6N8MGKy5ntBo7tSdim+pWDxus2PNqOcOt8LuDZ4t3KJHE+gCuzupcx/GKnyQ==}
     engines: {node: '>=18.0.0'}
 
   hard-rejection@2.1.0:
@@ -8155,8 +8260,8 @@ packages:
     resolution: {integrity: sha512-0hJU9SCPvmMzIBdZFqNPXWa6dqh7WdH0cII9y+CyS8rG3nL48Bclra9HmKhVVUHyPWNH5Y7xDwAB7bfgSjkUMQ==}
     engines: {node: '>= 0.4'}
 
-  hast-util-from-html@2.0.1:
-    resolution: {integrity: sha512-RXQBLMl9kjKVNkJTIO6bZyb2n+cUH8LFaSSzo82jiLT6Tfc+Pt7VQCS+/h3YwG4jaNE2TA2sdJisGWR+aJrp0g==}
+  hast-util-from-html@2.0.3:
+    resolution: {integrity: sha512-CUSRHXyKjzHov8yKsQjGOElXy/3EKpyX56ELnkHH34vDVw1N1XSQ1ZcAvTyAPtGqLTuKP/uxM+aLkSPqF/EtMw==}
 
   hast-util-from-parse5@8.0.1:
     resolution: {integrity: sha512-Er/Iixbc7IEa7r/XLtuG52zoqn/b3Xng/w6aZQ0xGVxzhw5xUFxcRqdPzP6yFi/4HBYRaifaI5fQ1RH8n0ZeOQ==}
@@ -8179,8 +8284,8 @@ packages:
   hast-util-to-estree@2.3.3:
     resolution: {integrity: sha512-ihhPIUPxN0v0w6M5+IiAZZrn0LH2uZomeWwhn7uP7avZC6TE7lIiEh2yBMPr5+zi1aUCXq6VoYRgs2Bw9xmycQ==}
 
-  hast-util-to-html@9.0.1:
-    resolution: {integrity: sha512-hZOofyZANbyWo+9RP75xIDV/gq+OUKx+T46IlwERnKmfpwp81XBFbT9mi26ws+SJchA4RVUQwIBJpqEOBhMzEQ==}
+  hast-util-to-html@9.0.3:
+    resolution: {integrity: sha512-M17uBDzMJ9RPCqLMO92gNNUDuBSq10a25SDBI08iCCxmorf4Yy6sYHK57n9WAbRAAaU+DuR4W6GN9K4DFZesYg==}
 
   hast-util-to-parse5@8.0.0:
     resolution: {integrity: sha512-3KKrV5ZVI8if87DVSi1vDeByYrkGzg4mEfeu4alwgmmIeARiBLKCZS2uw5Gb6nU9x9Yufyj3iudm6i7nl52PFw==}
@@ -8207,6 +8312,12 @@ packages:
     resolution: {integrity: sha512-F/1DnUGPopORZi0ni+CvrCgHQ5FyEAHRLSApuYWMmrbSwoN2Mn/7k+Gl38gJnR7yyDZk6WLXwiGod1JOWNDKGw==}
     hasBin: true
 
+  hermes-estree@0.20.1:
+    resolution: {integrity: sha512-SQpZK4BzR48kuOg0v4pb3EAGNclzIlqMj3Opu/mu7bbAoFw6oig6cEt/RAi0zTFW/iW6Iz9X9ggGuZTAZ/yZHg==}
+
+  hermes-parser@0.20.1:
+    resolution: {integrity: sha512-BL5P83cwCogI8D7rrDCgsFY0tdYUtmFP9XaXtl2IQjC+2Xo+4okjfXintlTxcIwl4qeGddEl28Z11kbVIw0aNA==}
+
   history@5.3.0:
     resolution: {integrity: sha512-ZqaKwjjrAYUYfLG+htGaIIZ4nioX2L70ZUMIFysS3xvBsSG4x/n1V6TXV3N8ZYNuFGlDirFg32T7B6WOUPDYcQ==}
 
@@ -8310,8 +8421,8 @@ packages:
   humanize-ms@1.2.1:
     resolution: {integrity: sha512-Fl70vYtsAFb/C06PTS9dZBo7ihau+Tu/DNCk/OyHhea07S+aeMWpFFkUaXRa8fI+ScZbEI8dfSxwY7gxZ9SAVQ==}
 
-  husky@9.0.11:
-    resolution: {integrity: sha512-AB6lFlbwwyIqMdHYhwPe+kjOC3Oc5P3nThEoW/AaO2BX3vJDjWPFxYLxokUZOo6RNX20He3AaT8sESs9NJcmEw==}
+  husky@9.1.6:
+    resolution: {integrity: sha512-sqbjZKK7kf44hfdE94EoX8MZNk0n7HeW37O4YrVGCF4wzgQjp+akPAkfUK5LZ6KuR/6sqeAVuXHji+RzQgOn5A==}
     engines: {node: '>=18'}
     hasBin: true
 
@@ -8480,10 +8591,6 @@ packages:
     resolution: {integrity: sha512-i2R6zNFDwgEHJyQUtJEk0XFi1i0dPFn/oqjK3/vPCcDeJvW5NQ83V8QbicfF1SupOaB0h8ntgBC2YiE7dfyctQ==}
     engines: {node: '>=4'}
 
-  is-builtin-module@3.2.1:
-    resolution: {integrity: sha512-BSLE3HnV2syZ0FK0iMA/yUGplUeMmNz4AW5fnTunbCIqZi4vG3WjJT9FHMy5D69xmAYBHXQhJdALdpwVxV501A==}
-    engines: {node: '>=6'}
-
   is-bun-module@1.2.1:
     resolution: {integrity: sha512-AmidtEM6D6NmUiLOvvU7+IePxjEjOzra2h0pSrsfSAcXwl/83zLLXDByafUJy9k/rKK0pvXMLdwKwGHlX2Ke6Q==}
 
@@ -8872,14 +8979,9 @@ packages:
   jsbn@1.1.0:
     resolution: {integrity: sha512-4bYVV3aAMtDTTu4+xsDYa6sy9GyJ69/amsu9sYF2zqjiEoZA5xJi3BrfX3uY+/IekIu7MwdObdbDWpoZdBv3/A==}
 
-  jscodeshift@0.15.2:
-    resolution: {integrity: sha512-FquR7Okgmc4Sd0aEDwqho3rEiKR3BdvuG9jfdHjLJ6JQoWSMpavug3AoIfnfWhxFlf+5pzQh8qjqz0DWFrNQzA==}
-    hasBin: true
-    peerDependencies:
-      '@babel/preset-env': ^7.1.6
-    peerDependenciesMeta:
-      '@babel/preset-env':
-        optional: true
+  jsdoc-type-pratt-parser@4.1.0:
+    resolution: {integrity: sha512-Hicd6JK5Njt2QB6XYFS7ok9e37O8AYk3jTcppG4YVQnYjOemymvTcmc7OWsmq/Qqj5TdRFO5/x/tIPmBeRtGHg==}
+    engines: {node: '>=12.0.0'}
 
   jsdom-global@3.0.2:
     resolution: {integrity: sha512-t1KMcBkz/pT5JrvcJbpUR2u/w1kO9jXctaaGJ0vZDzwFnIvGWw9IDSRciT83kIs8Bnw4qpOl8bQK08V01YgMPg==}
@@ -9078,8 +9180,8 @@ packages:
   lines-and-columns@1.2.4:
     resolution: {integrity: sha512-7ylylesZQ/PV29jhEDl3Ufjo6ZX7gCqJr5F7PKrqc93v7fzSymt1BpwEU8nAUXs8qzzvqhbjhK5QZg6Mt/HkBg==}
 
-  lint-staged@15.2.5:
-    resolution: {integrity: sha512-j+DfX7W9YUvdzEZl3Rk47FhDF6xwDBV5wwsCPw6BwWZVPYJemusQmvb9bRsW23Sqsaa+vRloAWogbK4BUuU2zA==}
+  lint-staged@15.2.10:
+    resolution: {integrity: sha512-5dY5t743e1byO19P9I4b3x8HJwalIznL5E1FWYnU6OWw33KxNBSLAc6Cy7F2PsFEO8FKnLwjwm5hx7aMF0jzZg==}
     engines: {node: '>=18.12.0'}
     hasBin: true
 
@@ -9087,8 +9189,8 @@ packages:
     resolution: {integrity: sha512-7/HamOm5YD9Wb7CFgAZkKgVPA96WwhcTQoqtm2VTZGVbVVn3IWKRBTgrU7cchA3Q8k9iCsG8Osoi9GX4JsGM9g==}
     hasBin: true
 
-  listr2@8.2.1:
-    resolution: {integrity: sha512-irTfvpib/rNiD637xeevjO2l3Z5loZmuaRi0L0YE5LfijwVY96oyVn0DFD3o/teAok7nfobMG1THvvcHh/BP6g==}
+  listr2@8.2.4:
+    resolution: {integrity: sha512-opevsywziHd3zHCVQGAj8zu+Z3yHNkkoYhWIGnq54RrCVwLz0MozotJEDnKsIBLvkfLGN6BLOyAeRrYI0pKA4g==}
     engines: {node: '>=18.0.0'}
 
   load-yaml-file@0.2.0:
@@ -9179,8 +9281,8 @@ packages:
     resolution: {integrity: sha512-i24m8rpwhmPIS4zscNzK6MSEhk0DUWa/8iYQWxhffV8jkI4Phvs3F+quL5xvS0gdQR0FyTCMMH33Y78dDTzzIw==}
     engines: {node: '>=18'}
 
-  log-update@6.0.0:
-    resolution: {integrity: sha512-niTvB4gqvtof056rRIrTZvjNYE4rCUzO6X/X+kYjd7WFxXeJ0NwEFnRxX6ehkvv3jTwrXnNdtAak5XYZuIyPFw==}
+  log-update@6.1.0:
+    resolution: {integrity: sha512-9ie8ItPR6tjY5uYJh8K/Zrv/RMZ5VOlOWvtZdEHYSTFKZfIBPQa9tOAEeAWhd+AnIneLJ22w5fjOYtoutpWq5w==}
     engines: {node: '>=18'}
 
   longest-streak@3.1.0:
@@ -9190,9 +9292,6 @@ packages:
     resolution: {integrity: sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q==}
     hasBin: true
 
-  loupe@2.3.7:
-    resolution: {integrity: sha512-zSMINGVYkdpYSOBmLi0D1Uo7JU9nVdQKrHxC8eYlV+9YKK9WePqAlL7lSlorG/U2Fw1w0hTBmaa/jrQ3UbPHtA==}
-
   loupe@3.1.1:
     resolution: {integrity: sha512-edNu/8D5MKVfGVFRhFf8aAxiTM6Wumfz5XsaatSxlD3w4R1d/WEKUTydCdPGbl9K7QG/Ca3GnDV2sIKIpXRQcw==}
 
@@ -9218,8 +9317,8 @@ packages:
     engines: {node: '>= 19 || ^18 || ^16.13 || ^14.18', npm: '>=8'}
     hasBin: true
 
-  lucide-react@0.439.0:
-    resolution: {integrity: sha512-PafSWvDTpxdtNEndS2HIHxcNAbd54OaqSYJO90/b63rab2HWYqDbH194j0i82ZFdWOAcf0AHinRykXRRK2PJbw==}
+  lucide-react@0.453.0:
+    resolution: {integrity: sha512-kL+RGZCcJi9BvJtzg2kshO192Ddy9hv3ij+cPrVPWSRzgCWCVazoQJxOjAwgK53NomL07HB7GPHW120FimjNhQ==}
     peerDependencies:
       react: ^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0-rc
 
@@ -9238,8 +9337,8 @@ packages:
     resolution: {integrity: sha512-8UnnX2PeRAPZuN12svgR9j7M1uWMovg/CEnIwIG0LFkXSJJe4PdfUGiTGl8V9bsBHFUtfVINcSyYxd7q+kx9fA==}
     engines: {node: '>=12'}
 
-  magic-string@0.30.11:
-    resolution: {integrity: sha512-+Wri9p0QHMy+545hKww7YAu5NyzF8iomPL/RQazugQ9+Ez4Ic3mERMd8ZTX5rfK944j+560ZJi8iAwgak1Ac7A==}
+  magic-string@0.30.12:
+    resolution: {integrity: sha512-Ea8I3sQMVXr8JhN4z+H/d8zwo+tYDgHE9+5G4Wnrwhs0gaK9fXTKx0Tw5Xwsd/bCPTTZNRAdpyzvoeORe9LYpw==}
 
   magicast@0.3.5:
     resolution: {integrity: sha512-L0WhttDl+2BOsybvEOLK7fW3UA0OQ0IQ2d6Zl2x/a6vVRs3bAY0ECOSHHeL5jD+SbOpOCUEi0y1DgHEn9Qn1AQ==}
@@ -9290,12 +9389,15 @@ packages:
   markdown-table@3.0.3:
     resolution: {integrity: sha512-Z1NL3Tb1M9wH4XESsCDEksWoKTdlUafKc4pt0GRwjUyXaCFZ+dc3g2erqB6zm3szA2IUSi7VnPI+o/9jnxh9hw==}
 
-  markdown-to-jsx@7.4.7:
-    resolution: {integrity: sha512-0+ls1IQZdU6cwM1yu0ZjjiVWYtkbExSyUIFU2ZeDIFuZM1W42Mh4OlJ4nb4apX4H8smxDHRdFaoIVJGwfv5hkg==}
+  markdown-to-jsx@7.5.0:
+    resolution: {integrity: sha512-RrBNcMHiFPcz/iqIj0n3wclzHXjwS7mzjBNWecKKVhNTIxQepIix6Il/wZCn2Cg5Y1ow2Qi84+eJrryFRWBEWw==}
     engines: {node: '>= 10'}
     peerDependencies:
       react: '>= 0.14.0'
 
+  material-colors@1.2.6:
+    resolution: {integrity: sha512-6qE4B9deFBIa9YSpOc9O0Sgc43zTeVYbgDT5veRKSlB2+ZuHNoVVxA1L/ckMUayV9Ay9y7Z/SZCLcGteW9i7bg==}
+
   math-random@1.0.4:
     resolution: {integrity: sha512-rUxjysqif/BZQH2yhd5Aaq7vXMSx9NdEsQcyA07uEzIvxgI7zIr33gGsh+RU0/XjmQpCW7RsVof1vlkvQVCK5A==}
 
@@ -9659,10 +9761,6 @@ packages:
     resolution: {integrity: sha512-W0Wvr9HyFXZRGIDgCicunpQ299OKXs9RgZfaukz4qAW/pJhcpUfupc9c+OObPOFueNy8VSrZgEmDtk6Kh4WzDA==}
     engines: {node: '>=16 || 14 >=14.17'}
 
-  minimatch@9.0.3:
-    resolution: {integrity: sha512-RHiac9mvaRw0x3AYRgDC1CxAP7HTcNrrECeA8YYJeWnpo+2Q5CegtZjaotWTWxDG3UeGA1coE05iH1mPjT/2mg==}
-    engines: {node: '>=16 || 14 >=14.17'}
-
   minimatch@9.0.5:
     resolution: {integrity: sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow==}
     engines: {node: '>=16 || 14 >=14.17'}
@@ -9839,28 +9937,40 @@ packages:
     resolution: {integrity: sha512-+EUsqGPLsM+j/zdChZjsnX51g4XrHFOIXwfnCVPGlQk/k5giakcKsuxCObBRu6DSm9opw/O6slWbJdghQM4bBg==}
     engines: {node: '>= 0.6'}
 
-  neo-async@2.6.2:
-    resolution: {integrity: sha512-Yd3UES5mWCSqR+qNT93S3UoYUkqAZ9lLg8a7g9rimsWmYGK8cVToA4/sF3RrshdyV3sAGMXVUmpMYOw+dLpOuw==}
-
   neotraverse@0.6.18:
     resolution: {integrity: sha512-Z4SmBUweYa09+o6pG+eASabEpP6QkQ70yHj351pQoEXIs8uHbaU2DWVmzBANKgflPa47A50PtB2+NgRpQvr7vA==}
     engines: {node: '>= 10'}
 
-  next-sanity@9.4.7:
-    resolution: {integrity: sha512-4p/crgc9bLD9kNJ/2OdC9ow3nbCI3okAwx6otN3aNAUd7Z7AGOINJQ9tUfrbLNEfHNNgSTQZnckjrh2B+kdawA==}
-    engines: {node: '>=18.17'}
+  next-sanity@9.5.4:
+    resolution: {integrity: sha512-ZIHNfqmhRjwqW/QjjBFAFhhGvDaEAEuj0tUskf3FgXG0G/QSbIuVuNfF7dExXJdd5rXVpZb/Vp7J39Ba6XYdjQ==}
+    engines: {node: '>=18.18'}
     peerDependencies:
-      '@sanity/client': ^6.21.3
-      '@sanity/icons': ^2.11.3 || ^3.0.0
-      '@sanity/types': 3.57.2
-      '@sanity/ui': ^2.0.11
-      next: ^14.1 || ^15.0.0-0
+      '@sanity/client': ^6.22.1
+      '@sanity/icons': ^3.4.0
+      '@sanity/types': 3.61.0
+      '@sanity/ui': ^2.8.9
+      next: ^14.2 || ^15.0.0-0
       react: ^18.3 || ^19.0.0-0
-      sanity: 3.57.2
-      styled-components: npm:@sanity/styled-components@6.1.13
+      react-dom: ^18.3 || ^19.0.0-0
+      sanity: 3.61.0
+      styled-components: ^6.1
+
+  next-sanity@9.7.0-canary.15:
+    resolution: {integrity: sha512-/R1BwoS0e8TSZTn/S8jSFZ//ke7O9WypJSDHsy3k1cSiSBTJKkzpxvNyxIUZ7OTW9SUA6Es2S21BFp1l+uHWJg==}
+    engines: {node: '>=18.18'}
+    peerDependencies:
+      '@sanity/client': ^6.22.1
+      '@sanity/icons': ^3.4.0
+      '@sanity/types': 3.61.0
+      '@sanity/ui': ^2.8.9
+      next: ^14.2 || ^15.0.0-0
+      react: ^18.3 || ^19.0.0-0
+      react-dom: ^18.3 || ^19.0.0-0
+      sanity: 3.61.0
+      styled-components: ^6.1
 
-  next@14.2.9:
-    resolution: {integrity: sha512-3CzBNo6BuJnRjcQvRw+irnU1WiuJNZEp+dkzkt91y4jeIDN/Emg95F+takSYiLpJ/HkxClVQRyqiTwYce5IVqw==}
+  next@14.2.15:
+    resolution: {integrity: sha512-h9ctmOokpoDphRvMGnwOJAedT6zKhwqyZML9mDtspgf4Rh3Pn7UTYKqePNoDvhsWBAO5GoPNYshnAUGIazVGmw==}
     engines: {node: '>=18.17.0'}
     hasBin: true
     peerDependencies:
@@ -9877,16 +9987,16 @@ packages:
       sass:
         optional: true
 
-  next@15.0.0-canary.148:
-    resolution: {integrity: sha512-I5A6TxucNacVzWObtTav+ZR86cSCxKB+JjeEYHPJZ3pWmmKPpdyyLHVnPdEIed53ugyEPPI7sNDGj5It3IatpQ==}
+  next@15.0.0-canary.195:
+    resolution: {integrity: sha512-6oFt67faSIAcXthtj37IIVETENBReNrrxwJ4ggDL72rULoONhmvohJhg6S/cCxfkw9lVqh7CHG0rjj1zhH6mUA==}
     engines: {node: '>=18.18.0'}
     hasBin: true
     peerDependencies:
       '@opentelemetry/api': ^1.1.0
       '@playwright/test': ^1.41.2
       babel-plugin-react-compiler: '*'
-      react: 19.0.0-rc-7771d3a7-20240827
-      react-dom: 19.0.0-rc-7771d3a7-20240827
+      react: ^18.2.0 || 19.0.0-rc-cd22717c-20241013
+      react-dom: ^18.2.0 || 19.0.0-rc-cd22717c-20241013
       sass: ^1.3.0
     peerDependenciesMeta:
       '@opentelemetry/api':
@@ -9917,10 +10027,6 @@ packages:
   node-addon-api@7.1.1:
     resolution: {integrity: sha512-5m3bsyrjFWE1xf7nz7YXdN4udnVtXK6/Yfgn5qnahL6bCkf2yKt4k3nuTKAtT4r3IG8JNR2ncsIMdZuAzJjHQQ==}
 
-  node-dir@0.1.17:
-    resolution: {integrity: sha512-tmPX422rYgofd4epzrNoOXiE8XFZYOcCq1vD7MAXCDO+O+zndlA2ztdKKMa+EeuBG5tHETpr4ml4RGgpqDCCAg==}
-    engines: {node: '>= 0.10.5'}
-
   node-fetch-native@1.6.4:
     resolution: {integrity: sha512-IhOigYzAKHd244OC0JIMIUrjzctirCmPkaIfhDeGcEETWof5zKYUW7e7MYvChGWh/4CJeXEgsRyGzuF334rOOQ==}
 
@@ -9949,9 +10055,6 @@ packages:
   node-html-parser@6.1.13:
     resolution: {integrity: sha512-qIsTMOY4C/dAa5Q5vsobRpOOvPfC4pB61UVW2uSwZNUp0QU/jCekTal1vMmbO0DgdHeLUJpv/ARmDqErVxA3Sg==}
 
-  node-machine-id@1.1.12:
-    resolution: {integrity: sha512-QNABxbrPa3qEIfrE6GOJ7BYIuignnJw7iQ2YPbc3Nla1HzRJjXzZOiikfF8m7eAMfichLt3M4VgLOetqgDmgGQ==}
-
   node-releases@2.0.18:
     resolution: {integrity: sha512-d9VeXT4SJ7ZeOqGX6R5EM022wpL+eWPooLI+5UpWn2jCT1aosUQEhQP214x33Wkwx3JQMvIm+tIoVOdodFS40g==}
 
@@ -10054,13 +10157,13 @@ packages:
   nth-check@2.1.1:
     resolution: {integrity: sha512-lqjrjmaOoAnWfMmBPL+XNnynZh2+swxiX3WUE0s4yEHI6m+AwrK2UZOimIRl3X/4QctVqS8AiZjFqyOGrMXb/w==}
 
-  nuxi@3.13.1:
-    resolution: {integrity: sha512-rhUfFCtIH8IxhfibVd26uGrC0ojUijGoU3bAhPQHrkl7mFlK+g+XeIttdsI8YAC7s/wPishrTpE9z1UssHY6eA==}
+  nuxi@3.13.2:
+    resolution: {integrity: sha512-yAgpxBcIB2/DWL7dWRZOQa5ULLZQ4AWgYdqtUDbeOZ3KxmY/+fqm8/UJuU7QK81JrccNaZeSI+GLe5BY7RR3cQ==}
     engines: {node: ^16.10.0 || >=18.0.0}
     hasBin: true
 
-  nuxt@3.13.1:
-    resolution: {integrity: sha512-En0vVrCJWu54ptShUlrqOGzXTcjhX+RnHShwdcpNqL9kmE9FWqeDYnPTgt2gJWrYSvVbmjJcVfEugNo9XpNmHA==}
+  nuxt@3.13.2:
+    resolution: {integrity: sha512-Bjc2qRsipfBhjXsBEJCN+EUAukhdgFv/KoIR5HFB2hZOYRSqXBod3oWQs78k3ja1nlIhAEdBG533898KJxUtJw==}
     engines: {node: ^14.18.0 || >=16.10.0}
     hasBin: true
     peerDependencies:
@@ -10142,11 +10245,11 @@ packages:
     peerDependencies:
       rxjs: ^6.5 || ^7
 
-  ofetch@1.3.4:
-    resolution: {integrity: sha512-KLIET85ik3vhEfS+3fDlc/BAZiAp+43QEC/yCo5zkNoY2YaKvNkOaFr/6wCFgFH1kuYQM5pMNi0Tg8koiIemtw==}
+  ofetch@1.4.0:
+    resolution: {integrity: sha512-MuHgsEhU6zGeX+EMh+8mSMrYTnsqJQQrpM00Q6QHMKNqQ0bKy0B43tk8tL1wg+CnsSTy1kg4Ir2T5Ig6rD+dfQ==}
 
-  ohash@1.1.3:
-    resolution: {integrity: sha512-zuHHiGTYTA1sYJ/wZN+t5HKZaH23i4yI1HMwbuXm24Nid7Dv0KcuRlKoNKS9UNfAVSBlnGLcuQrnOKWOZoEGaw==}
+  ohash@1.1.4:
+    resolution: {integrity: sha512-FlDryZAahJmEF3VR3w1KogSEdWX3WhA5GPakFx4J81kEAiHyLMpdLLElS8n8dfNadMgAne/MywcvmogzscVt4g==}
 
   on-finished@2.3.0:
     resolution: {integrity: sha512-ikqdkGAAyf/X/gPhXGvfgAytDZtDbr+bkNUJ0N9h5MI/dmdgCs3l6hoHrcUv41sRKew3jIwrp4qQDXiK99Utww==}
@@ -10179,8 +10282,8 @@ packages:
     resolution: {integrity: sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ==}
     engines: {node: '>=18'}
 
-  oniguruma-to-js@0.3.3:
-    resolution: {integrity: sha512-m90/WEhgs8g4BxG37+Nu3YrMfJDs2YXtYtIllhsEPR+wP3+K4EZk6dDUvy2v2K4MNFDDOYKL4/yqYPXDqyozTQ==}
+  oniguruma-to-js@0.4.3:
+    resolution: {integrity: sha512-X0jWUcAlxORhOqqBREgPMgnshB7ZGYszBNspP+tS9hPD3l13CdaXcHbgImoHUHlrvGx/7AvFEkTRhAGYh+jzjQ==}
 
   only@0.0.2:
     resolution: {integrity: sha512-Fvw+Jemq5fjjyWz6CpKx6w9s7xxqo3+JCyM0WXWeCSOboZ8ABkyvP8ID4CZuChA/wxSx+XSJmdOm8rGVyJ1hdQ==}
@@ -10283,6 +10386,9 @@ packages:
   package-json-from-dist@1.0.0:
     resolution: {integrity: sha512-dATvCeZN/8wQsGywez1mzHtTlP22H8OEfPrVMLNr4/eGa+ijtLn/6M5f0dY8UKNrC2O9UCU6SSoG3qRKnt7STw==}
 
+  package-manager-detector@0.2.0:
+    resolution: {integrity: sha512-E385OSk9qDcXhcM9LNSe4sdhx8a9mAPrZ4sMLW+tmxl5ZuGtPUcdFu+MPP2jbgiWAZ6Pfe5soGFMd+0Db5Vrog==}
+
   pacote@15.2.0:
     resolution: {integrity: sha512-rJVZeIwHTUta23sIZgEIM62WYwbmGbThdbnkt81ravBplQv+HjyroqnLRNH2+sLJHcGZmLRmhPwACqhfTcOmnA==}
     engines: {node: ^14.17.0 || ^16.13.0 || >=18.0.0}
@@ -10383,8 +10489,8 @@ packages:
   path-to-regexp@0.1.10:
     resolution: {integrity: sha512-7lf7qcQidTku0Gu3YDPc8DJ1q7OOucfa/BSsIwjuh56VU7katFvuM8hULfkwB3Fns/rsVF7PwPKVw1sl5KQS9w==}
 
-  path-to-regexp@6.2.2:
-    resolution: {integrity: sha512-GQX3SSMokngb36+whdpRXE+3f9V8UzyAorlYvOGx87ufGHehNTn5lCxrKtLyZ4Yl/wEKnNnr98ZzOwwDZV5ogw==}
+  path-to-regexp@6.3.0:
+    resolution: {integrity: sha512-Yhpw4T9C6hPpgPeA28us07OJeqZ5EzQTkbfwuhsUg0c237RomFoETJgmp2sa3F/41gfLE6G5cqcYwznmeEeOlQ==}
 
   path-type@4.0.0:
     resolution: {integrity: sha512-gDKb8aZMDeD/tZWs9P6+q0J9Mwkdl6xMV8TjnGP3qJVJ06bdMgkbBlLU8IdfOsIsFz2BW1rNVT3XuNEl8zPAvw==}
@@ -10397,9 +10503,6 @@ packages:
   pathe@1.1.2:
     resolution: {integrity: sha512-whLdWMYL2TwI08hn8/ZqAbrVemu0LNaNNJZX73O6qaIdCTfXutsLhMkjdENX0qhsQ9uIimo4/aQOmXkoon2nDQ==}
 
-  pathval@1.1.1:
-    resolution: {integrity: sha512-Dp6zGqpTdETdR63lehJYPeIOqpiNBNtc7BpWSLrOje7UaIsE5aY92r/AunQA7rsXvet3lrJ3JnZX29UPTKXyKQ==}
-
   pathval@2.0.0:
     resolution: {integrity: sha512-vE7JKRyES09KiunauX7nd2Q9/L7lhok4smP9RZTDeD4MVs72Dp2qNFVz39Nz5a0FVEW0BJR6C0DYrq6unoziZA==}
     engines: {node: '>= 14.16'}
@@ -10778,8 +10881,8 @@ packages:
     resolution: {integrity: sha512-Wglpdk03BSfXkHoQa3b/oulrotAkwrlLDRSOb9D0bN86FdRyE9lppSp33aHNPgBa0JKCoB+drFLZkQoRRYae5A==}
     engines: {node: ^10 || ^12 || >=14}
 
-  postcss@8.4.45:
-    resolution: {integrity: sha512-7KTLTdzdZZYscUc65XmjFiB73vBhBfbPztCYdUNvlaso9PrzjzcmjqBPR0lNGkcVlcO4BjiO5rK/qNz+XAen1Q==}
+  postcss@8.4.47:
+    resolution: {integrity: sha512-56rxCq7G/XfB4EkXq9Egn5GCqugWvDFjafDOThIdMBsI15iqPqR5r15TfSr1YPYeEI19YeaXMCbY6u88Y76GLQ==}
     engines: {node: ^10 || ^12 || >=14}
 
   preferred-pm@4.0.0:
@@ -10802,22 +10905,22 @@ packages:
     resolution: {integrity: sha512-RiBETaaP9veVstE4vUwSIcdATj6dKmXljouXc/DDNwBSPTp8FRkLGDSGFClKsAFeeg+13SB0Z1JZvbD76bigJw==}
     engines: {node: ^14.15.0 || >=16.0.0}
 
-  prettier-plugin-packagejson@2.5.2:
-    resolution: {integrity: sha512-w+TmoLv2pIa+siplW1cCj2ujEXQQS6z7wmWLOiLQK/2QVl7Wy6xh/ZUpqQw8tbKMXDodmSW4GONxlA33xpdNOg==}
+  prettier-plugin-packagejson@2.5.3:
+    resolution: {integrity: sha512-ATMEEXr+ywls1kgrZEWl4SBPEm0uDdyDAjyNzUC0/Z8WZTD3RqbJcQDR+Dau+wYkW9KHK6zqQIsFyfn+9aduWg==}
     peerDependencies:
       prettier: '>= 1.16.0'
     peerDependenciesMeta:
       prettier:
         optional: true
 
-  prettier-plugin-svelte@3.2.6:
-    resolution: {integrity: sha512-Y1XWLw7vXUQQZmgv1JAEiLcErqUniAF2wO7QJsw8BVMvpLET2dI5WpEIEJx1r11iHVdSMzQxivyfrH9On9t2IQ==}
+  prettier-plugin-svelte@3.2.7:
+    resolution: {integrity: sha512-/Dswx/ea0lV34If1eDcG3nulQ63YNr5KPDfMsjbdtpSWOxKKJ7nAc2qlVuYwEvCr4raIuredNoR7K4JCkmTGaQ==}
     peerDependencies:
       prettier: ^3.0.0
       svelte: ^3.2.0 || ^4.0.0-next.0 || ^5.0.0-next.0
 
-  prettier-plugin-tailwindcss@0.6.6:
-    resolution: {integrity: sha512-OPva5S7WAsPLEsOuOWXATi13QrCKACCiIonFgIR6V4lYv4QLp++UXVhZSzRbZxXGimkQtQT86CC6fQqTOybGng==}
+  prettier-plugin-tailwindcss@0.6.8:
+    resolution: {integrity: sha512-dGu3kdm7SXPkiW4nzeWKCl3uoImdd5CTZEJGxyypEPL37Wj0HT2pLqjrvSei1nTeuQfO4PUfjeW5cTUNRLZ4sA==}
     engines: {node: '>=14.21.3'}
     peerDependencies:
       '@ianvs/prettier-plugin-sort-imports': '*'
@@ -10902,10 +11005,6 @@ packages:
     resolution: {integrity: sha512-Qb1gy5OrP5+zDf2Bvnzdl3jsTf1qXVMazbvCoKhtKqVs4/YK4ozX4gKQJJVyNe+cajNPn0KoC0MC3FUmaHWEmQ==}
     engines: {node: ^10.13.0 || ^12.13.0 || ^14.15.0 || >=15.0.0}
 
-  pretty-format@29.7.0:
-    resolution: {integrity: sha512-Pdlw/oPxN+aXdmM9R00JVC9WVFoCLTKJvDVLgmJ+qAffBMxsV85l/Lu7sNx4zSzPyoL2euImuEwHhOXdEgNFZQ==}
-    engines: {node: ^14.15.0 || ^16.10.0 || >=18.0.0}
-
   pretty-ms@7.0.1:
     resolution: {integrity: sha512-973driJZvxiGOQ5ONsFhOF/DtzPMOMtgC11kCpUrPGMTgqp2q/1gwzCquocrN33is0VZ5GFHXZYMM9l6h67v2Q==}
     engines: {node: '>=10'}
@@ -11011,9 +11110,10 @@ packages:
     resolution: {integrity: sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg==}
     engines: {node: '>=6'}
 
-  qs@6.11.0:
-    resolution: {integrity: sha512-MvjoMCJwEarSbUYk5O+nmoSzSutSsTwF85zcHPQ9OrlFoZOYIjaqBAJIqIXjptyD5vThxGq52Xu/MaJzRkIk4Q==}
-    engines: {node: '>=0.6'}
+  qrcode.react@4.0.1:
+    resolution: {integrity: sha512-Lpj0tPBn561WiQ3QQWXbkx8xTtB8BZkJeMZWLJIL8iaPBCoWzW1IpCeU3gY5MDqsb0+efCvEGkl9O0naP64crA==}
+    peerDependencies:
+      react: ^16.8.0 || ^17.0.0 || ^18.0.0
 
   qs@6.13.0:
     resolution: {integrity: sha512-+38qI9SOr8tfZ4QmJNplMUxqjbe7LKvvZgWdExBOmd+egZTtjLB67Gu0HRX3u/XOq7UU2Nx6nsjvS16Z9uwfpg==}
@@ -11069,6 +11169,11 @@ packages:
     peerDependencies:
       react: ^15.3.0 || ^16.0.0 || ^17.0.0 || ^18.0.0
 
+  react-color@2.19.3:
+    resolution: {integrity: sha512-LEeGE/ZzNLIsFWa1TMe8y5VYqr7bibneWmvJwm1pCn/eNmrabWDh659JSPn9BuaMpEfU83WTOJfnCcjDZwNQTA==}
+    peerDependencies:
+      react: '*'
+
   react-colorful@5.6.1:
     resolution: {integrity: sha512-1exovf0uGTGyq5mXQT0zgQ80uvj2PCwvF8zY1RN9/vbJVSjSo3fsB/4L3ObbF7u70NduSiK4xu4Y6q1MHoUGEw==}
     peerDependencies:
@@ -11165,15 +11270,15 @@ packages:
     resolution: {integrity: sha512-jCvmsr+1IUSMUyzOkRcvnVbX3ZYC6g9TDrDbFuFmRDq7PD4yaGbLKNQL6k2jnArV8hjYxh7hVhAZB6s9HDGpZA==}
     engines: {node: '>=0.10.0'}
 
-  react-router-dom@6.26.2:
-    resolution: {integrity: sha512-z7YkaEW0Dy35T3/QKPYB1LjMK2R1fxnHO8kWpUMTBdfVzZrWOiY9a7CtN8HqdWtDUWd5FY6Dl8HFsqVwH4uOtQ==}
+  react-router-dom@6.27.0:
+    resolution: {integrity: sha512-+bvtFWMC0DgAFrfKXKG9Fc+BcXWRUO1aJIihbB79xaeq0v5UzfvnM5houGUm1Y461WVRcgAQ+Clh5rdb1eCx4g==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       react: '>=16.8'
       react-dom: '>=16.8'
 
-  react-router@6.26.2:
-    resolution: {integrity: sha512-tvN1iuT03kHgOFnLPfLJ8V95eijteveqdOSk+srqfePtQvqCExB8eHOYnlilbOcyJyKnYkr1vJvf7YqotAJu1A==}
+  react-router@6.27.0:
+    resolution: {integrity: sha512-YA+HGZXz4jaAkVoYBE98VQl+nVzI+cVI2Oj/06F5ZM+0u3TgedN9Y9kmMRo2mnkSK2nCpNQn0DVob4HCsY/WLw==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       react: '>=16.8'
@@ -11193,11 +11298,6 @@ packages:
   react-style-proptype@3.2.2:
     resolution: {integrity: sha512-ywYLSjNkxKHiZOqNlso9PZByNEY+FTyh3C+7uuziK0xFXu9xzdyfHwg4S9iyiRRoPCR4k2LqaBBsWVmSBwCWYQ==}
 
-  react-wrap-balancer@1.1.1:
-    resolution: {integrity: sha512-AB+l7FPRWl6uZ28VcJ8skkwLn2+UC62bjiw8tQUrZPlEWDVnR9MG0lghyn7EyxuJSsFEpht4G+yh2WikEqQ/5Q==}
-    peerDependencies:
-      react: '>=16.8.0 || ^17.0.0 || ^18'
-
   react@18.3.1:
     resolution: {integrity: sha512-wS+hAgJShR0KhEvPJArfuPVN1+Hz1t0Y6n5jLrGQbkb4urgPE/0Rve+1kMB1v/oWgHgm4WIcV+i7F2pTVj+2iQ==}
     engines: {node: '>=0.10.0'}
@@ -11206,6 +11306,11 @@ packages:
     resolution: {integrity: sha512-nvE3Gy+IOIfH/DXhkyxFVQSrITarFcQz4+shzC/McxQXEUSonpw2oDy/Wi9hdDtV3hlP12VYuDL95iiBREedNQ==}
     engines: {node: '>=0.10.0'}
 
+  reactcss@1.2.3:
+    resolution: {integrity: sha512-KiwVUcFu1RErkI97ywr8nvx8dNOpT03rbnma0SSalTYjkrPYaEajR4a/MRt6DZ46K6arDRbWMNHF+xH7G7n/8A==}
+    peerDependencies:
+      react: '*'
+
   read-cache@1.0.0:
     resolution: {integrity: sha512-Owdv/Ft7IjOgm/i0xvNDZ1LrRANRfew4b2prF3OWMQLxLfu3bS8FVhCsrSCMK4lR56Y9ya+AThoTpDCTxCmpRA==}
 
@@ -11255,6 +11360,10 @@ packages:
     resolution: {integrity: sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA==}
     engines: {node: '>=8.10.0'}
 
+  readdirp@4.0.1:
+    resolution: {integrity: sha512-GkMg9uOTpIWWKbSsgwb5fA4EavTR+SG/PMPoAY8hkhHfEEY0/vqljY+XHqtDf2cr2IJtoNRDbrrEpZUiZCkYRw==}
+    engines: {node: '>= 14.16.0'}
+
   recast@0.23.9:
     resolution: {integrity: sha512-Hx/BGIbwj+Des3+xy5uAtAbdCyqK9y9wbBcDFDYanLS9JnMqf7OeF87HQwUimE87OEc72mr6tkKUKMBBL+hF9Q==}
     engines: {node: '>= 4'}
@@ -11349,11 +11458,11 @@ packages:
   rehype-slug@6.0.0:
     resolution: {integrity: sha512-lWyvf/jwu+oS5+hL5eClVd3hNdmwM1kAC0BUvEGD19pajQMIzcNUd/k9GsfQ+FfECvX+JE+e9/btsKH0EjJT6A==}
 
-  rehype-stringify@10.0.0:
-    resolution: {integrity: sha512-1TX1i048LooI9QoecrXy7nGFFbFSufxVRAfc6Y9YMRAi56l+oB0zP51mLSV312uRuvVLPV1opSlJmslozR1XHQ==}
+  rehype-stringify@10.0.1:
+    resolution: {integrity: sha512-k9ecfXHmIPuFVI61B9DeLPN0qFHfawM6RsuX48hoqlaKSF61RskNjSm1lI8PhBEM0MRdLxVVm4WmTqJQccH9mA==}
 
-  rehype@13.0.1:
-    resolution: {integrity: sha512-AcSLS2mItY+0fYu9xKxOu1LhUZeBZZBx8//5HKzF+0XP+eP8+6a5MXn2+DW2kfXR6Dtp1FEXMVrjyKAcvcU8vg==}
+  rehype@13.0.2:
+    resolution: {integrity: sha512-j31mdaRFrwFRUIlxGeuPXXKWQxet52RBQRvCmzl5eCefn/KGbomK5GMHNMsOJf55fgo3qw5tST5neDuarDYR2A==}
 
   remark-frontmatter@4.0.1:
     resolution: {integrity: sha512-38fJrB0KnmD3E33a5jZC/5+gGAC2WKNiPw1/fdXJvijBlhA7RCsvJklrYJakS0HedninvaCYW8lQGf9C918GfA==}
@@ -11377,8 +11486,8 @@ packages:
   remark-rehype@10.1.0:
     resolution: {integrity: sha512-EFmR5zppdBp0WQeDVZ/b66CWJipB2q2VLNFMabzDSGR66Z2fQii83G5gTBbgGEnEEA0QRussvrFHxk1HWGJskw==}
 
-  remark-rehype@11.1.0:
-    resolution: {integrity: sha512-z3tJrAs2kIs1AqIIy6pzHmAHlF1hWQ+OdY4/hv+Wxe35EhyLKcajL33iUEn3ScxtFox9nUvRufR/Zre8Q08H/g==}
+  remark-rehype@11.1.1:
+    resolution: {integrity: sha512-g/osARvjkBXb6Wo0XvAeXQohVta8i84ACbenPpoSsxTOQH/Ae0/RGP4WZgnMH5pMLpsj4FG7OHmcIcXxpza8eQ==}
 
   remark-smartypants@3.0.2:
     resolution: {integrity: sha512-ILTWeOriIluwEvPjv67v7Blgrcx+LZOkAUVtKI3putuhlZm84FnqDORNXPPm+HY3NdZOMhyDwZ1E+eZB/Df5dA==}
@@ -11462,10 +11571,6 @@ packages:
     resolution: {integrity: sha512-l+sSefzHpj5qimhFSE5a8nufZYAM3sBSVMAPtYkmC+4EH2anSGaEMXSD0izRQbu9nfyQ9y5JrVmp7E8oZrUjvA==}
     engines: {node: '>=8'}
 
-  restore-cursor@4.0.0:
-    resolution: {integrity: sha512-I9fPXU9geO9bHOt9pHHOhOkYerIMsmVaWB0rA2AI9ERh/+x/i7MV5HKBNrg+ljO5eoPVgCcnFuRjJ9uH6I/3eg==}
-    engines: {node: ^12.20.0 || ^14.13.1 || >=16.0.0}
-
   restore-cursor@5.1.0:
     resolution: {integrity: sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA==}
     engines: {node: '>=18'}
@@ -11497,11 +11602,6 @@ packages:
   rfdc@1.4.1:
     resolution: {integrity: sha512-q1b3N5QkRUWUl7iyylaaj3kOpIT0N2i9MqIEQXP73GVsN9cw3fdx8X63cEmWhJGi2PPCF23Ijp7ktmd39rawIA==}
 
-  rimraf@2.6.3:
-    resolution: {integrity: sha512-mwqeW5XsA2qAejG46gYdENaxXjx9onRNCfn7L0duuP4hCuTIi/QO7PDK07KJfp1d+izWPrzEJDcSqBa0OZQriA==}
-    deprecated: Rimraf versions prior to v4 are no longer supported
-    hasBin: true
-
   rimraf@3.0.2:
     resolution: {integrity: sha512-JZkJMZkAGFFPP2YqXZXPbMlMBgsxzE8ILs4lMIX/2o0L9UBw9O/Y3o6wFw/i9YLapcUJWwqbi3kdxIPdC62TIA==}
     deprecated: Rimraf versions prior to v4 are no longer supported
@@ -11545,8 +11645,8 @@ packages:
     engines: {node: '>=14.18.0', npm: '>=8.0.0'}
     hasBin: true
 
-  rollup@4.21.2:
-    resolution: {integrity: sha512-e3TapAgYf9xjdLvKQCkQTnbTKd4a6jwlpQSJJFokHGaX2IVjoEqkIIhiQfqsi0cdwlOD+tQGuOd5AJkc5RngBw==}
+  rollup@4.24.0:
+    resolution: {integrity: sha512-DOmrlGSXNk1DM0ljiQA+i+o0rSLhtii1je5wgk60j49d1jHT5YYttBv1iWOnYSTG+fZZESUOSNiAl89SIet+Cg==}
     engines: {node: '>=18.0.0', npm: '>=8.0.0'}
     hasBin: true
 
@@ -11611,8 +11711,8 @@ packages:
     engines: {node: '>=18'}
     peerDependencies:
       react: ^18
-      sanity: 3.57.2
-      styled-components: npm:@sanity/styled-components@6.1.13
+      sanity: 3.61.0
+      styled-components: ^6.1
 
   sanity-plugin-internationalized-array@2.0.0:
     resolution: {integrity: sha512-NRxAziPAy++veE1nR3JxzrfRXPfhoBK40A3ggSAS0ZMUFJ9aFZajVgmkhkR3kZtff0oFbX0zcHigrhRj0X3TyQ==}
@@ -11621,8 +11721,8 @@ packages:
       '@sanity/ui': ^2.1.0
       react: ^18
       react-dom: ^18
-      sanity: 3.57.2
-      styled-components: npm:@sanity/styled-components@6.1.13
+      sanity: 3.61.0
+      styled-components: ^6.1
 
   sanity-plugin-utils@1.6.4:
     resolution: {integrity: sha512-j4LdOlvvM/Utyrl8RWE4VbBwOUx8m+GUoel4CjsBl5h8K1Tgjvpw8J7ftULwCwpcl/yzVGwQutgNw3FXxFbYYg==}
@@ -11633,17 +11733,17 @@ packages:
       react-dom: ^18
       react-fast-compare: ^3.2.0
       rxjs: ^7.0.0
-      sanity: 3.57.2
-      styled-components: npm:@sanity/styled-components@6.1.13
+      sanity: 3.61.0
+      styled-components: ^5.0 || ^6.0
 
-  sanity@3.57.2:
-    resolution: {integrity: sha512-QlZ62Og6txp8vueL762VYWprPFdaZk8EUyRRM4bkmPlac3hvY3+aMpNsbL1z8+Dj7ON5OffYSPSmWpTSBQH+dw==}
+  sanity@3.61.0:
+    resolution: {integrity: sha512-1m/W3i0TNjbkPLhIK7YsJ1MepiyFJGI0i9JVINvNyTiZISdN7JnLJu7n78pBd+CI4i95WB8zxAJdOFQ4I7cPyg==}
     engines: {node: '>=18'}
     hasBin: true
     peerDependencies:
       react: ^18
       react-dom: ^18
-      styled-components: npm:@sanity/styled-components@6.1.13
+      styled-components: ^6.1
 
   sass-formatter@0.7.9:
     resolution: {integrity: sha512-CWZ8XiSim+fJVG0cFLStwDvft1VI7uvXdCNJYXhDvowiv+DsbD1nXLiQ4zrE5UBvj5DWZJ93cwN0NX5PMsr1Pw==}
@@ -11694,10 +11794,6 @@ packages:
     engines: {node: '>=10'}
     hasBin: true
 
-  send@0.18.0:
-    resolution: {integrity: sha512-qqWzuOjSFOuqPjFe4NOsMLafToQQwBSOEpS+FwEt3A2V3vKubTquT3vmLTQpFgMXp8AlFWFuP1qKaJZOtPpVXg==}
-    engines: {node: '>= 0.8.0'}
-
   send@0.19.0:
     resolution: {integrity: sha512-dW41u5VfLXu8SJh5bwRmyYUbAoSB3c9uQh6L8h/KtsFREPWpbX1lrljJo186Jc4nmci/sGUZ9a0a0J2zgfq2hw==}
     engines: {node: '>= 0.8.0'}
@@ -11708,8 +11804,8 @@ packages:
   serve-placeholder@2.0.2:
     resolution: {integrity: sha512-/TMG8SboeiQbZJWRlfTCqMs2DD3SZgWp0kDQePz9yUuCnDfDh/92gf7/PxGhzXTKBIPASIHxFcZndoNbp6QOLQ==}
 
-  serve-static@1.16.0:
-    resolution: {integrity: sha512-pDLK8zwl2eKaYrs8mrPZBJua4hMplRWJ1tIFksVC3FtBEBnl8dxgeHtsaMS8DhS9i4fLObaon6ABoc4/hQGdPA==}
+  serve-static@1.16.2:
+    resolution: {integrity: sha512-VqpjJZKadQB/PEbEwvFdO43Ax5dFBZ2UECszz8bQ7pi7wt//PWe1P6MN7eCnjsatYtBT6EuiClbjSWP2WrIoTw==}
     engines: {node: '>= 0.8.0'}
 
   server-only@0.0.1:
@@ -11764,8 +11860,8 @@ packages:
   shell-quote@1.8.1:
     resolution: {integrity: sha512-6j1W9l1iAs/4xYBI1SYOVZyFcCis9b4KCLQ8fgAGG07QvzaRLVVRQvAy85yNmmZSjYjg4MWh4gNvlPujU/5LpA==}
 
-  shiki@1.16.3:
-    resolution: {integrity: sha512-GypUE+fEd06FqDs63LSAVlmq7WsahhPQU62cgZxGF+TJT5LjD2k7HTxXj4/CKOVuMM3+wWQ1t4Y5oooeJFRRBQ==}
+  shiki@1.22.0:
+    resolution: {integrity: sha512-/t5LlhNs+UOKQCYBtl5ZsH/Vclz73GIqT2yQsCBygr8L/ppTdmpL4w3kPLoZJbMKVWtoG77Ue1feOjZfDxvMkw==}
 
   side-channel@1.0.6:
     resolution: {integrity: sha512-fDW/EZ6Q9RiO8eFG8Hj+7u/oW+XrPTIChwCOM2+th2A6OblDtYYIpve9m+KvI9Z4C9qSEXlaGR6bTEYHReuglA==}
@@ -11789,8 +11885,8 @@ packages:
   silver-fleece@1.1.0:
     resolution: {integrity: sha512-V3vShUiLRVPMu9aSWpU5kLDoU/HO7muJKE236EO663po3YxivAkMLbRg+amV/FhbIfF5bWXX5TVX+VYmRaOBFA==}
 
-  simple-git@3.26.0:
-    resolution: {integrity: sha512-5tbkCSzuskR6uA7uA23yjasmA0RzugVo8QM2bpsnxkrgP13eisFT7TMS4a+xKEJvbmr4qf+l0WT3eKa9IxxUyw==}
+  simple-git@3.27.0:
+    resolution: {integrity: sha512-ivHoFS9Yi9GY49ogc6/YAi3Fl9ROnF4VyubNylgCkA+RVqLaKWnDSzXOVzya8csELIaWaYNutsEuAhZrtOjozA==}
 
   simple-swizzle@0.2.2:
     resolution: {integrity: sha512-JA//kQgZtbuY83m+xT+tXJkmJncGMTFT+C+g2h2R9uxkYIrE2yy9sgmcLhCnw57/WSD+Eh3J97FPEDFnbXnDUg==}
@@ -11802,6 +11898,10 @@ packages:
     resolution: {integrity: sha512-94Bdh3cC2PKrbgSOUqTiGPWVZeSiXfKOVZNJniWoqrWrRkB1CJzBU3NEbiTsPcYy1lDsANA/THzS+9WBiy5nfQ==}
     engines: {node: '>= 10'}
 
+  sirv@3.0.0:
+    resolution: {integrity: sha512-BPwJGUeDaDCHihkORDchNyyTvWFhcusy1XMmhEVTQTwGeybFbp8YEmB+njbPnth1FibULBSBVwCQni25XlCUDg==}
+    engines: {node: '>=18'}
+
   sisteransi@1.0.5:
     resolution: {integrity: sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg==}
 
@@ -11817,8 +11917,8 @@ packages:
     resolution: {integrity: sha512-ZA6oR3T/pEyuqwMgAKT0/hAv8oAXckzbkmR0UkUosQ+Mc4RxGoJkRmwHgHufaenlyAgE1Mxgpdcrf75y6XcnDg==}
     engines: {node: '>=14.16'}
 
-  slate-react@0.108.0:
-    resolution: {integrity: sha512-vzQuQ1t/gR+1pJh9ABbU4rgckPK0A1AZV5iVKO3isBpJ9z5xPCXf6hqnCNIogMvLU0pZIjjyQJVSL2OtxrQ/xA==}
+  slate-react@0.110.1:
+    resolution: {integrity: sha512-bx6J0PkY9A50O4w78k4NPqNOXGo49fmSbCRgr8OBDWKKo4BeSt9y3vGXCkQ/Mm4lQ8riyRKr3TrJXzqMY7lRZg==}
     peerDependencies:
       react: '>=18.2.0'
       react-dom: '>=18.2.0'
@@ -11976,8 +12076,8 @@ packages:
     resolution: {integrity: sha512-iCGQj+0l0HOdZ2AEeBADlsRC+vsnDsZsbdSiH1yNSjcfKM7fdpCMfqAL/dwF5BLiw/XhRft/Wax6zQbhq2BcjQ==}
     engines: {node: '>= 0.4'}
 
-  storybook@8.2.9:
-    resolution: {integrity: sha512-S7Q/Yt4A+nu1O23rg39lQvBqL2Vg+PKXbserDWUR4LFJtfmoZ2xGO8oFIhJmvvhjUBvolw1q7QDeswPq2i0sGw==}
+  storybook@8.3.5:
+    resolution: {integrity: sha512-hYQVtP2l+3kO8oKDn4fjXXQYxgTRsj/LaV6lUMJH0zt+OhVmDXKJLxmdUP4ieTm0T8wEbSYosFavgPcQZlxRfw==}
     hasBin: true
 
   stream-each@1.2.3:
@@ -12100,6 +12200,13 @@ packages:
   style-to-object@0.4.4:
     resolution: {integrity: sha512-HYNoHZa2GorYNyqiCaBgsxvcJIn7OHq6inEga+E6Ke3m5JkoqpQbnFssk4jwe+K7AhGa2fcha4wSOf1Kn01dMg==}
 
+  styled-components@6.1.13:
+    resolution: {integrity: sha512-M0+N2xSnAtwcVAQeFEsGWFFxXDftHUD7XrKla06QbpUMmbmtFBMMTcKWvFXtWxuD5qQkB8iU5gk6QASlx2ZRMw==}
+    engines: {node: '>= 16'}
+    peerDependencies:
+      react: '>= 16.8.0'
+      react-dom: '>= 16.8.0'
+
   styled-jsx@5.1.1:
     resolution: {integrity: sha512-pW7uC1l4mBZ8ugbiZrcIsiIvVx1UmTfw7UkC3Um2tmfUq9Bhk8IiyEIPl6F8agHgjzku6j0xQEZbfA5uSgSaCw==}
     engines: {node: '>= 12.0.0'}
@@ -12175,16 +12282,16 @@ packages:
     peerDependencies:
       react: '>=17.0'
 
-  svelte-check@4.0.1:
-    resolution: {integrity: sha512-AuWnCZdREoOzMhoptHPUUPYUxLNdXSkoZnPnlv19SZJJimRzLmjjZLKsOiRB4AnhgX+56/WSEdvkWXI/q2BSsA==}
+  svelte-check@4.0.5:
+    resolution: {integrity: sha512-icBTBZ3ibBaywbXUat3cK6hB5Du+Kq9Z8CRuyLmm64XIe2/r+lQcbuBx/IQgsbrC+kT2jQ0weVpZSSRIPwB6jQ==}
     engines: {node: '>= 18.0.0'}
     hasBin: true
     peerDependencies:
       svelte: ^4.0.0 || ^5.0.0-next.0
       typescript: '>=5.0.0'
 
-  svelte-eslint-parser@0.41.0:
-    resolution: {integrity: sha512-L6f4hOL+AbgfBIB52Z310pg1d2QjRqm7wy3kI1W6hhdhX5bvu7+f0R6w4ykp5HoDdzq+vGhIJmsisaiJDGmVfA==}
+  svelte-eslint-parser@0.41.1:
+    resolution: {integrity: sha512-08ndI6zTghzI8SuJAFpvMbA/haPSGn3xz19pjre19yYMw8Nw/wQJ2PrZBI/L8ijGTgtkWCQQiLLy+Z1tfaCwNA==}
     engines: {node: ^12.22.0 || ^14.17.0 || >=16.0.0}
     peerDependencies:
       svelte: ^3.37.0 || ^4.0.0 || ^5.0.0-next.191
@@ -12198,8 +12305,8 @@ packages:
     peerDependencies:
       svelte: ^3.19.0 || ^4.0.0
 
-  svelte2tsx@0.7.6:
-    resolution: {integrity: sha512-awHvYsakyiGjRqqSOhb2F+qJ6lUT9klQe0UQofAcdHNaKKeDHA8kEZ8zYKGG3BiDPurKYMGvH5/lZ+jeIoG7yQ==}
+  svelte2tsx@0.7.19:
+    resolution: {integrity: sha512-PME/9mILn9wOihtk2dxu9tmf2+B9X6oWuqYPJRKSjqU4wq3Pc6+fOuYV7T3H+QF5afmA1oDobfXC6dzmK9NAVw==}
     peerDependencies:
       svelte: ^3.55 || ^4.0.0-next.0 || ^4.0 || ^5.0.0-next.0
       typescript: ^4.9.4 || ^5.0.0
@@ -12219,8 +12326,8 @@ packages:
   symbol-tree@3.2.4:
     resolution: {integrity: sha512-9QNk5KwDF+Bvz+PyObkmSYjI5ksVUYtjW7AU22r2NKcfLJcXp96hkDWU3+XndOsUb+AQ9QhfzfCT2O+CNWT5Tw==}
 
-  synckit@0.9.1:
-    resolution: {integrity: sha512-7gr8p9TQP6RAHusBOSLs46F4564ZrjV8xFmw5zCmgmhGUcw2hxsShhJ6CEiHQMgPDwAQ1fWHPM0ypc4RMAig4A==}
+  synckit@0.9.2:
+    resolution: {integrity: sha512-vrozgXDQwYO72vHjUb/HnFbQx1exDjoKzqx23aXEg2a9VIg2TSFZ8FmeZpTjUCFMYw7mpX4BE2SFu8wI7asYsw==}
     engines: {node: ^14.18.0 || >=16.0.0}
 
   system-architecture@0.1.0:
@@ -12238,8 +12345,8 @@ packages:
     peerDependencies:
       tailwindcss: 1 || 2 || 2.0.1-compat || 3
 
-  tailwindcss@3.4.10:
-    resolution: {integrity: sha512-KWZkVPm7yJRhdu4SRSl9d4AK2wM3a50UsvgHZO7xY77NQr2V+fIrEuoDGQcbvswWvFGbS2f6e+jC/6WJm1Dl0w==}
+  tailwindcss@3.4.14:
+    resolution: {integrity: sha512-IcSvOcTRcUtQQ7ILQL5quRDg7Xs93PdJEk1ZLbhhvJc7uj/OAhYOnruEiwnGgBvUtaUAJ8/mhSw1o8L2jCiENA==}
     engines: {node: '>=14.0.0'}
     hasBin: true
 
@@ -12272,20 +12379,8 @@ packages:
   telejson@7.2.0:
     resolution: {integrity: sha512-1QTEcJkJEhc8OnStBx/ILRu5J2p0GjvWsBx56bmZRqnrkdBMUe+nX92jxV+p3dB4CP6PZCdJMQJwCggkNBMzkQ==}
 
-  temp-dir@3.0.0:
-    resolution: {integrity: sha512-nHc6S/bwIilKHNRgK/3jlhDoIHcp45YgyiwcAk46Tr0LfEqGBVpmiAyuiuxeVE44m3mXnEeVhaipLOEWmH+Njw==}
-    engines: {node: '>=14.16'}
-
-  temp@0.8.4:
-    resolution: {integrity: sha512-s0ZZzd0BzYv5tLSptZooSjK8oj6C+c19p7Vqta9+6NPOf7r+fxq0cJe6/oN4LTC79sy5NY8ucOJNgwsKCSbfqg==}
-    engines: {node: '>=6.0.0'}
-
-  tempy@3.1.0:
-    resolution: {integrity: sha512-7jDLIdD2Zp0bDe5r3D2qtkd1QOCacylBuL7oa4udvN6v2pqr4+LcCr67C8DR1zkpaZ8XosF5m1yQSabKAW6f2g==}
-    engines: {node: '>=14.16'}
-
-  terser@5.31.3:
-    resolution: {integrity: sha512-pAfYn3NIZLyZpa83ZKigvj6Rn9c/vd5KfYGX7cN1mnzqgDcxWvrU5ZtAfIKhEXz9nRecw4z3LXkjaq96/qZqAA==}
+  terser@5.33.0:
+    resolution: {integrity: sha512-JuPVaB7s1gdFKPKTelwUyRq5Sid2A3Gko2S0PncwdBq7kN9Ti9HPWDQ06MPsEDGsZeVESjKEnyGy68quBk1w6g==}
     engines: {node: '>=10'}
     hasBin: true
 
@@ -12327,13 +12422,12 @@ packages:
   tinybench@2.9.0:
     resolution: {integrity: sha512-0+DUvqWMValLmha6lr4kD8iAMK1HzV0/aKnCtWb9v9641TnP/MFb7Pc2bxoxQjTXAErryXVgUOfv2YqNllqGeg==}
 
+  tinycolor2@1.6.0:
+    resolution: {integrity: sha512-XPaBkWQJdsf3pLKJV9p4qN/S+fm2Oj8AIPo1BTUhg5oxkvm9+SVEGFdhyOz7tTdUTfvxMiAs4sp6/eZO2Ew+pw==}
+
   tinyexec@0.3.0:
     resolution: {integrity: sha512-tVGE0mVJPGb0chKhqmsoosjsS+qUnJVGJpZgsHYQcGoPlG3B51R3PouqTgEGH2Dc9jjFyOqOpix6ZHNMXp1FZg==}
 
-  tinyglobby@0.2.5:
-    resolution: {integrity: sha512-Dlqgt6h0QkoHttG53/WGADNh9QhcjCAIZMTERAVhdpmIBEejSuLI9ZmGKWzB7tweBjlk30+s/ofi4SLmBeTYhw==}
-    engines: {node: '>=12.0.0'}
-
   tinyglobby@0.2.6:
     resolution: {integrity: sha512-NbBoFBpqfcgd1tCiO8Lkfdk+xrA7mlLR9zgvZcZWQQwU63XAfUePyd6wZBaU93Hqw347lHnwFzttAkemHzzz4g==}
     engines: {node: '>=12.0.0'}
@@ -12346,12 +12440,8 @@ packages:
     resolution: {integrity: sha512-weEDEq7Z5eTHPDh4xjX789+fHfF+P8boiFB+0vbWzpbnbsEr/GRaohi/uMKxg8RZMXnl1ItAi/IUHWMsjDV7kQ==}
     engines: {node: '>=14.0.0'}
 
-  tinyspy@2.2.1:
-    resolution: {integrity: sha512-KYad6Vy5VDWV4GH3fjpseMQ/XU2BhIYP7Vzd0LG44qRWm/Yt2WCOTicFdvmgo6gWaqooMQCawTtILVQJupKu7A==}
-    engines: {node: '>=14.0.0'}
-
-  tinyspy@3.0.0:
-    resolution: {integrity: sha512-q5nmENpTHgiPVd1cJDDc9cVoYN5x4vCvwT3FMilvKPKneCBZAxn2YWQjDF0UMcE9k0Cay1gBiDfTMU0g+mPMQA==}
+  tinyspy@3.0.2:
+    resolution: {integrity: sha512-n1cw8k1k0x4pgA2+9XrOkFydTerNcJ1zWCO5Nn9scWHTD+5tp8dghT2x1uduQePZTZgd3Tupf+x9BxJjeJi77Q==}
     engines: {node: '>=14.0.0'}
 
   to-buffer@1.1.1:
@@ -12443,8 +12533,8 @@ packages:
   ts-toolbelt@6.15.5:
     resolution: {integrity: sha512-FZIXf1ksVyLcfr7M317jbB67XFJhOO1YqdTcuGaq9q5jLUoTikukZ+98TPjKiP2jC5CgmYdWWYs0s2nLSU0/1A==}
 
-  tsconfck@3.1.3:
-    resolution: {integrity: sha512-ulNZP1SVpRDesxeMLON/LtWM8HIgAJEIVpVVhBM6gsmvQ8+Rh+ZG7FWGvHh7Ah3pRABwVJWklWCr/BTZSv0xnQ==}
+  tsconfck@3.1.4:
+    resolution: {integrity: sha512-kdqWFGVJqe+KGYvlSO9NIaWn9jT1Ny4oKVzAJsKii5eoE9snzTJzL4+MMVOMn+fikWGFmKEylcXL710V/kIPJQ==}
     engines: {node: ^18 || >=20}
     hasBin: true
     peerDependencies:
@@ -12466,8 +12556,8 @@ packages:
   tslib@2.6.2:
     resolution: {integrity: sha512-AEYxH93jGFPn/a2iVAwW87VuUIkR1FVUKB77NwMF7nBTDkDrrT/Hpt/IrCJ0QXhW27jTBDcf5ZY7w6RiqTMw2Q==}
 
-  tslib@2.7.0:
-    resolution: {integrity: sha512-gLXCKdN1/j47AiHiOkJN69hJmcbGTHI0ImLmbYLHykhgeN0jVGola9yVjFgzCUklsZQMW55o+dW7IXv3RCXDzA==}
+  tslib@2.8.0:
+    resolution: {integrity: sha512-jWVzBLplnCmoaTr13V9dYbiQ99wvZRd0vNWaDRg+aVYRcjDF3nDksxFDE/+fkXnKhpnUUkmx5pK/v8mCtLVqZA==}
 
   tsscmp@1.0.6:
     resolution: {integrity: sha512-LxhtAkPDTkVCMQjt2h6eBVY28KCjikZqZfMcC15YBeNjkgUpdCfBu5HoiOTDu86v6smE8yOjyEktJ8hlbANHQA==}
@@ -12486,51 +12576,47 @@ packages:
   tunnel-agent@0.6.0:
     resolution: {integrity: sha512-McnNiV1l8RYeY8tBgEpuodCC1mLUdbSN+CYBL7kJsJNInOP8UjDDEwdk6Mw60vdLLrr5NHKZhMAOSrR2NZuQ+w==}
 
-  turbo-darwin-64@2.1.1:
-    resolution: {integrity: sha512-aYNuJpZlCoi0Htd79fl/2DywpewGKijdXeOfg9KzNuPVKzSMYlAXuAlNGh0MKjiOcyqxQGL7Mq9LFhwA0VpDpQ==}
+  turbo-darwin-64@2.1.3:
+    resolution: {integrity: sha512-ouJOm0g0YyoBuhmikEujVCBGo3Zr0lbSOWFIsQtWUTItC88F2w2byhjtsYGPXQwMlTbXwmoBU2lOCfWNkeEwHQ==}
     cpu: [x64]
     os: [darwin]
 
-  turbo-darwin-arm64@2.1.1:
-    resolution: {integrity: sha512-tifJKD8yHY48rHXPMcM8o1jI/Jk2KCaXiNjTKvvy9Zsim61BZksNVLelIbrRoCGwAN6PUBZO2lGU5iL/TQJ5Pw==}
+  turbo-darwin-arm64@2.1.3:
+    resolution: {integrity: sha512-j2FOJsK4LAOtHQlb3Oom0yWB/Vi0nF1ljInr311mVzHoFAJRZtfW2fRvdZRb/lBUwjSp8be58qWHzANIcrA0OA==}
     cpu: [arm64]
     os: [darwin]
 
-  turbo-linux-64@2.1.1:
-    resolution: {integrity: sha512-Js6d/bSQe9DuV9c7ITXYpsU/ADzFHABdz1UIHa7Oqjj9VOEbFeA9WpAn0c+mdJrVD+IXJFbbDZUjN7VYssmtcg==}
+  turbo-linux-64@2.1.3:
+    resolution: {integrity: sha512-ubRHkI1gSel7H7wsmxKK8C9UlLWqg/2dkCC88LFupaK6TKgvBKqDqA0Z1M9C/escK0Jsle2k0H8bybV9OYIl4Q==}
     cpu: [x64]
     os: [linux]
 
-  turbo-linux-arm64@2.1.1:
-    resolution: {integrity: sha512-LidzTCq0yvQ+N8w8Qub9FmhQ/mmEIeoqFi7DSupekEV2EjvE9jw/zYc9Pk67X+g7dHVfgOnvVzmrjChdxpFePw==}
+  turbo-linux-arm64@2.1.3:
+    resolution: {integrity: sha512-LffUL+e5wv7BtD6DgnM2kKOlDkMo2eRjhbAjVnrCD3wi2ug0tl6NDzajnHHjtaMyOnIf4AvzSKdLWsBxafGBQA==}
     cpu: [arm64]
     os: [linux]
 
   turbo-stream@2.4.0:
     resolution: {integrity: sha512-FHncC10WpBd2eOmGwpmQsWLDoK4cqsA/UT/GqNoaKOQnT8uzhtCbg3EoUDMvqpOSAI0S26mr0rkjzbOO6S3v1g==}
 
-  turbo-windows-64@2.1.1:
-    resolution: {integrity: sha512-GKc9ZywKwy4xLDhwXd6H07yzl0TB52HjXMrFLyHGhCVnf/w0oq4sLJv2sjbvuarPjsyx4xnCBJ3m3oyL2XmFtA==}
+  turbo-windows-64@2.1.3:
+    resolution: {integrity: sha512-S9SvcZZoaq5jKr6kA6eF7/xgQhVn8Vh7PVy5lono9zybvhyL4eY++y2PaLToIgL8G9IcbLmgOC73ExNjFBg9XQ==}
     cpu: [x64]
     os: [win32]
 
-  turbo-windows-arm64@2.1.1:
-    resolution: {integrity: sha512-oFKkMj11KKUv3xSK9/fhAEQTxLUp1Ol1EOktwc32+SFtEU0uls7kosAz0b+qe8k3pJGEMFdDPdqoEjyJidbxtQ==}
+  turbo-windows-arm64@2.1.3:
+    resolution: {integrity: sha512-twlEo8lRrGbrR6T/ZklUIquW3IlFCEtywklgVA81aIrSBm56+GEVpSrHhIlsx1hiYeSNrs+GpDwZGe+V7fvEVQ==}
     cpu: [arm64]
     os: [win32]
 
-  turbo@2.1.1:
-    resolution: {integrity: sha512-u9gUDkmR9dFS8b5kAYqIETK4OnzsS4l2ragJ0+soSMHh6VEeNHjTfSjk1tKxCqLyziCrPogadxP680J+v6yGHw==}
+  turbo@2.1.3:
+    resolution: {integrity: sha512-lY0yj2GH2a2a3NExZ3rGe+rHUVeFE2aXuRAue57n+08E7Z7N7YCmynju0kPC1grAQzERmoLpKrmzmWd+PNiADw==}
     hasBin: true
 
   type-check@0.4.0:
     resolution: {integrity: sha512-XleUoc9uwGXqjWwXaUTZAmzMcFZ5858QA2vvx1Ur5xIcixXIP+8LnFDgRplU30us6teqdlskFfu+ae4K79Ooew==}
     engines: {node: '>= 0.8.0'}
 
-  type-detect@4.1.0:
-    resolution: {integrity: sha512-Acylog8/luQ8L7il+geoSxhEkazvkslg7PSNKOX59mbB9cOveP5aq9h74Y7YU8yDpJwetzQQrfIwtf4Wp4LKcw==}
-    engines: {node: '>=4'}
-
   type-fest@0.18.1:
     resolution: {integrity: sha512-OIAYXk8+ISY+qTOwkHtKqzAuxchoMiD9Udx+FSGQDuiRR+PJKJHc2NJAXlbhkGwTt/4/nKZxELY1w3ReWOL8mw==}
     engines: {node: '>=10'}
@@ -12551,10 +12637,6 @@ packages:
     resolution: {integrity: sha512-4dbzIzqvjtgiM5rw1k5rEHtBANKmdudhGyBEajN01fEyhaAIhsoKNy6y7+IN93IfpFtwY9iqi7kD+xwKhQsNJA==}
     engines: {node: '>=8'}
 
-  type-fest@1.4.0:
-    resolution: {integrity: sha512-yGSza74xk0UG8k+pLh5oeoYirvIiWo5t0/o3zHHAO2tRDiZcxWP7fywNlXhqb6/r6sWvwi+RsyQMWhVLe4BVuA==}
-    engines: {node: '>=10'}
-
   type-fest@2.19.0:
     resolution: {integrity: sha512-RAH822pAdBgcNMAfWnCBU3CFZcfZ/i1eZjwFU/dsLKumyuuP3niueg2UAukXYF0E2AAoc82ZSSf9J0WQBinzHA==}
     engines: {node: '>=12.20'}
@@ -12563,6 +12645,10 @@ packages:
     resolution: {integrity: sha512-tLq3bSNx+xSpwvAJnzrK0Ep5CLNWjvFTOp71URMaAEWBfRb9nnJiBoUe0tF8bI4ZFO3omgBR6NvnbzVUT3Ly4g==}
     engines: {node: '>=14.16'}
 
+  type-fest@4.26.1:
+    resolution: {integrity: sha512-yOGpmOAL7CkKe/91I5O3gPICmJNLJ1G4zFYVAsRHg7M64biSnPtRj0WNQt++bRkjYOqjWXrhnUw1utzmVErAdg==}
+    engines: {node: '>=16'}
+
   type-is@1.6.18:
     resolution: {integrity: sha512-TkRKr9sUTxEH8MdfuCSP7VizJyzRNMjj2J2do2Jr3Kym598JVdEksuzPQCnlFPW4ky9Q+iA+ma9BGm06XQBy8g==}
     engines: {node: '>= 0.6'}
@@ -12606,8 +12692,8 @@ packages:
     engines: {node: '>=14.17'}
     hasBin: true
 
-  typescript@5.6.2:
-    resolution: {integrity: sha512-NW8ByodCSNCwZeghjN3o+JX5OFH0Ojg6sadjEKY4huZ52TqbJTJnDo5+Tw98lSy63NZvi4n+ez5m2u5d4PkZyw==}
+  typescript@5.6.3:
+    resolution: {integrity: sha512-hjcS1mhfuyi4WW8IWtjP7brDrG2cuDZukyrYrSauoXGNgx0S7zceP07adYkJycEr56BOUTNPzbInooiN3fn1qw==}
     engines: {node: '>=14.17'}
     hasBin: true
 
@@ -12632,9 +12718,6 @@ packages:
   undici-types@5.25.3:
     resolution: {integrity: sha512-Ga1jfYwRn7+cP9v8auvEXN1rX3sWqlayd4HP7OKk4mZWylEmu3KzXDUGrQUN6Ol7qo1gPvB2e5gX6udnyEPgdA==}
 
-  undici-types@5.26.5:
-    resolution: {integrity: sha512-JlCMO+ehdEIKqlFxk6IfVoAUVmgz7cU7zD/h9XZ0qzeosSHmUJVOzSQvvYSYWXkFXC+IfLKSIffhv0sVZup6pA==}
-
   undici-types@6.19.8:
     resolution: {integrity: sha512-ve2KP6f/JnbPBFyobGHuerC9g1FYGn/F8n1LWTwNxCEzd6IfqTwUQcNXgEtmmQ6DlRrC1hrSrBnCZPokRrDHjw==}
 
@@ -12649,8 +12732,8 @@ packages:
   unenv@1.10.0:
     resolution: {integrity: sha512-wY5bskBQFL9n3Eca5XnhH6KbUo/tfvkwm9OpcdCvLaeA7piBNbavbOKJySEwQ1V0RH6HvNlSAFRTpvTqgKRQXQ==}
 
-  unhead@1.11.2:
-    resolution: {integrity: sha512-k/MA5yzPh5M4pksDzOXf2GBJn0XV4quWao1q173NF7NL3Ji4RQ3ZxvZcwA/nGr7wu3+twJIRoKti3Otc4JMNyw==}
+  unhead@1.11.6:
+    resolution: {integrity: sha512-TKTQGUzHKF925VZ4KZVbLfKFzTVTEWfPLaXKmkd/ptEY2FHEoJUF7xOpAWc3K7Jzy/ExS66TL7GnLLjtd4sISg==}
 
   unicode-canonical-property-names-ecmascript@2.0.0:
     resolution: {integrity: sha512-yY5PpDlfVIU5+y/BSCxAJRBIS1Zc2dDG3Ujq+sR0U+JjUevW2JhocOF+soROYDSaAezOzOKuyyixhD6mBknSmQ==}
@@ -12678,8 +12761,8 @@ packages:
   unified@11.0.5:
     resolution: {integrity: sha512-xKvGhPWw3k84Qjh8bI3ZeJjqnyadK+GEFtazSfZv/rKeTkTjOJho6mFqh2SM96iIcZokxiOpg78GazTSg8+KHA==}
 
-  unimport@3.11.1:
-    resolution: {integrity: sha512-DuB1Uoq01LrrXTScxnwOoMSlTXxyKcULguFxbLrMDFcE/CO0ZWHpEiyhovN0mycPt7K6luAHe8laqvwvuoeUPg==}
+  unimport@3.12.0:
+    resolution: {integrity: sha512-5y8dSvNvyevsnw4TBQkIQR1Rjdbb+XjVSwQwxltpnVZrStBvvPkMPcZrh1kg5kY77kpx6+D4Ztd3W6FOBH/y2Q==}
 
   union-value@1.0.1:
     resolution: {integrity: sha512-tJfXmxMeWYnczCVs7XAEvIV7ieppALdyepWMkHkwciRpZraG/xwT+s2JN8+pr1+8jCRf80FFzvr+MpQeeoF4Xg==}
@@ -12705,10 +12788,6 @@ packages:
     resolution: {integrity: sha512-uNaeirEPvpZWSgzwsPGtU2zVSTrn/8L5q/IexZmH0eH6SA73CmAA5U4GwORTxQAZs95TAXLNqeLoPPNO5gZfWg==}
     engines: {node: '>=8'}
 
-  unique-string@3.0.0:
-    resolution: {integrity: sha512-VGXBUVwxKMBUznyffQweQABPRRW1vHZAbadFZud4pLFAqRGvv/96vafgjWFqzourzr8YonlQiPgH0YCJfawoGQ==}
-    engines: {node: '>=12'}
-
   unist-util-filter@2.0.3:
     resolution: {integrity: sha512-8k6Jl/KLFqIRTHydJlHh6+uFgqYHq66pV75pZgr1JwfyFSjbWb12yfb0yitW/0TbHXjr9U4G9BQpOvMANB+ExA==}
 
@@ -12793,8 +12872,8 @@ packages:
       vue-router:
         optional: true
 
-  unplugin@1.14.0:
-    resolution: {integrity: sha512-cfkZeALGyW7tKYjZbi0G+pn0XnUFa0QvLIeLJEUUlnU0R8YYsBQnt5+h9Eu1B7AB7KETld+UBFI5lOeBL+msoQ==}
+  unplugin@1.14.1:
+    resolution: {integrity: sha512-lBlHbfSFPToDYp9pjXlUEFVxYLaue9f9T1HC+4OHlmj+HnMDdz9oZY+erXfoCe/5V/7gKUSY2jpXPb9S7f0f/w==}
     engines: {node: '>=14.0.0'}
     peerDependencies:
       webpack-sources: ^3
@@ -12806,22 +12885,22 @@ packages:
     resolution: {integrity: sha512-PcA2tsuGSF9cnySLHTLSh2qrQiJ70mn+r+Glzxv2TWZblxsxCC52BDlZoPCsz7STd9pN7EZetkWZBAvk4cgZdQ==}
     engines: {node: '>=0.10.0'}
 
-  unstorage@1.10.2:
-    resolution: {integrity: sha512-cULBcwDqrS8UhlIysUJs2Dk0Mmt8h7B0E6mtR+relW9nZvsf/u4SkAYyNliPiPW7XtFNb5u3IUMkxGxFTTRTgQ==}
+  unstorage@1.12.0:
+    resolution: {integrity: sha512-ARZYTXiC+e8z3lRM7/qY9oyaOkaozCeNd2xoz7sYK9fv7OLGhVsf+BZbmASqiK/HTZ7T6eAlnVq9JynZppyk3w==}
     peerDependencies:
-      '@azure/app-configuration': ^1.5.0
-      '@azure/cosmos': ^4.0.0
+      '@azure/app-configuration': ^1.7.0
+      '@azure/cosmos': ^4.1.1
       '@azure/data-tables': ^13.2.2
-      '@azure/identity': ^4.0.1
+      '@azure/identity': ^4.4.1
       '@azure/keyvault-secrets': ^4.8.0
-      '@azure/storage-blob': ^12.17.0
-      '@capacitor/preferences': ^5.0.7
+      '@azure/storage-blob': ^12.24.0
+      '@capacitor/preferences': ^6.0.2
       '@netlify/blobs': ^6.5.0 || ^7.0.0
-      '@planetscale/database': ^1.16.0
-      '@upstash/redis': ^1.28.4
+      '@planetscale/database': ^1.19.0
+      '@upstash/redis': ^1.34.0
       '@vercel/kv': ^1.0.1
       idb-keyval: ^6.2.1
-      ioredis: ^5.3.2
+      ioredis: ^5.4.1
     peerDependenciesMeta:
       '@azure/app-configuration':
         optional: true
@@ -12893,11 +12972,11 @@ packages:
       '@types/react':
         optional: true
 
-  use-debounce@10.0.1:
-    resolution: {integrity: sha512-0uUXjOfm44e6z4LZ/woZvkM8FwV1wiuoB6xnrrOmeAEjRDDzTLQNRFtYHvqUsJdrz1X37j0rVGIVp144GLHGKg==}
+  use-debounce@10.0.3:
+    resolution: {integrity: sha512-DxQSI9ZKso689WM1mjgGU3ozcxU1TJElBJ3X6S4SMzMNcm2lVH0AHmyXB+K7ewjz2BSUKJTDqTcwtSMRfB89dg==}
     engines: {node: '>= 16.0.0'}
     peerDependencies:
-      react: '>=16.8.0'
+      react: '*'
 
   use-device-pixel-ratio@1.1.2:
     resolution: {integrity: sha512-nFxV0HwLdRUt20kvIgqHYZe6PK/v4mU1X8/eLsT1ti5ck0l2ob0HDRziaJPx+YWzBo6dMm4cTac3mcyk68Gh+A==}
@@ -13019,13 +13098,13 @@ packages:
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
 
-  vite-node@2.0.5:
-    resolution: {integrity: sha512-LdsW4pxj0Ot69FAoXZ1yTnA9bjGohr2yNBU7QKRxpz8ITSkhuDl6h3zS/tvgz4qrNjeRnvrWeXQ8ZF7Um4W00Q==}
+  vite-node@2.1.3:
+    resolution: {integrity: sha512-I1JadzO+xYX887S39Do+paRePCKoiDrWRRjp9kkG5he0t7RXNvPAJPCQSJqbGN4uCrFFeS3Kj3sLqY8NMYBEdA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
 
-  vite-plugin-checker@0.7.2:
-    resolution: {integrity: sha512-xeYeJbG0gaCaT0QcUC4B2Zo4y5NR8ZhYenc5gPbttrZvraRFwkEADCYwq+BfEHl9zYz7yf85TxsiGoYwyyIjhw==}
+  vite-plugin-checker@0.8.0:
+    resolution: {integrity: sha512-UA5uzOGm97UvZRTdZHiQVYFnd86AVn8EVaD4L3PoVzxH+IZSfaAw14WGFwX9QS23UW3lV/5bVKZn6l0w+q9P0g==}
     engines: {node: '>=14.16'}
     peerDependencies:
       '@biomejs/biome': '>=1.7'
@@ -13037,7 +13116,7 @@ packages:
       vite: '>=2.0.0'
       vls: '*'
       vti: '*'
-      vue-tsc: '>=2.0.0'
+      vue-tsc: ~2.1.6
     peerDependenciesMeta:
       '@biomejs/biome':
         optional: true
@@ -13068,8 +13147,8 @@ packages:
       '@nuxt/kit':
         optional: true
 
-  vite-plugin-vue-inspector@5.2.0:
-    resolution: {integrity: sha512-wWxyb9XAtaIvV/Lr7cqB1HIzmHZFVUJsTNm3yAxkS87dgh/Ky4qr2wDEWNxF23fdhVa3jQ8MZREpr4XyiuaRqA==}
+  vite-plugin-vue-inspector@5.1.3:
+    resolution: {integrity: sha512-pMrseXIDP1Gb38mOevY+BvtNGNqiqmqa2pKB99lnLsADQww9w9xMbAfT4GB6RUoaOkSPrtlXqpq2Fq+Dj2AgFg==}
     peerDependencies:
       vite: ^3.0.0-0 || ^4.0.0-0 || ^5.0.0-0
 
@@ -13109,8 +13188,8 @@ packages:
       terser:
         optional: true
 
-  vite@5.4.3:
-    resolution: {integrity: sha512-IH+nl64eq9lJjFqU+/yrRnrHPVTlgy42/+IzbOdaFDVlyLgI/wDlf+FCobXLX1cT0X5+7LMyH1mIy2xJdLfo8Q==}
+  vite@5.4.9:
+    resolution: {integrity: sha512-20OVpJHh0PAM0oSOELa5GaZNWeDjcAvQjGXy2Uyr+Tp+/D2/Hdz6NLgpJLsarPTA2QJ6v8mX2P1ZfbsSKvdMkg==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
@@ -13148,23 +13227,23 @@ packages:
       vite:
         optional: true
 
-  vitefu@1.0.2:
-    resolution: {integrity: sha512-0/iAvbXyM3RiPPJ4lyD4w6Mjgtf4ejTK6TPvTNG3H32PLwuT0N/ZjJLiXug7ETE/LWtTeHw9WRv7uX/tIKYyKg==}
+  vitefu@1.0.3:
+    resolution: {integrity: sha512-iKKfOMBHob2WxEJbqbJjHAkmYgvFDPhuqrO82om83S8RLk+17FtyMBfcyeH8GqD0ihShtkMW/zzJgiA51hCNCQ==}
     peerDependencies:
-      vite: ^3.0.0 || ^4.0.0 || ^5.0.0
+      vite: ^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0-beta.0
     peerDependenciesMeta:
       vite:
         optional: true
 
-  vitest@2.0.5:
-    resolution: {integrity: sha512-8GUxONfauuIdeSl5f9GTgVEpg5BTOlplET4WEDaeY2QBiN8wSm68vxN/tb5z405OwppfoCavnwXafiaYBC/xOA==}
+  vitest@2.1.3:
+    resolution: {integrity: sha512-Zrxbg/WiIvUP2uEzelDNTXmEMJXuzJ1kCpbDvaKByFA9MNeO95V+7r/3ti0qzJzrxdyuUw5VduN7k+D3VmVOSA==}
     engines: {node: ^18.0.0 || >=20.0.0}
     hasBin: true
     peerDependencies:
       '@edge-runtime/vm': '*'
       '@types/node': ^18.0.0 || >=20.0.0
-      '@vitest/browser': 2.0.5
-      '@vitest/ui': 2.0.5
+      '@vitest/browser': 2.1.3
+      '@vitest/ui': 2.1.3
       happy-dom: '*'
       jsdom: '*'
     peerDependenciesMeta:
@@ -13304,13 +13383,13 @@ packages:
   vue-devtools-stub@0.1.0:
     resolution: {integrity: sha512-RutnB7X8c5hjq39NceArgXg28WZtZpGc3+J16ljMiYnFhKvd8hITxSWQSQ5bvldxMDU6gG5mkxl1MTQLXckVSQ==}
 
-  vue-router@4.4.3:
-    resolution: {integrity: sha512-sv6wmNKx2j3aqJQDMxLFzs/u/mjA9Z5LCgy6BE0f7yFWMjrPLnS/sPNn8ARY/FXw6byV18EFutn5lTO6+UsV5A==}
+  vue-router@4.4.5:
+    resolution: {integrity: sha512-4fKZygS8cH1yCyuabAXGUAsyi1b2/o/OKgu/RUb+znIYOxPRxdkytJEx+0wGcpBE1pX6vUgh5jwWOKRGvuA/7Q==}
     peerDependencies:
       vue: ^3.2.0
 
-  vue@3.5.4:
-    resolution: {integrity: sha512-3yAj2gkmiY+i7+22A1PWM+kjOVXjU74UPINcTiN7grIVPyFFI0lpGwHlV/4xydDmobaBn7/xmi+YG8HeSlCTcg==}
+  vue@3.5.6:
+    resolution: {integrity: sha512-zv+20E2VIYbcJOzJPUWp03NOGFhMmpCKOfSxVTmCYyYFFko48H9tmuQFzYj7tu4qX1AeXlp9DmhIP89/sSxxhw==}
     peerDependencies:
       typescript: '*'
     peerDependenciesMeta:
@@ -13422,9 +13501,9 @@ packages:
   wide-align@1.1.5:
     resolution: {integrity: sha512-eDMORYaPNZ4sQIuuYPDHdQvf4gyCF9rEEV/yPxGfwPkRodwEgiMUUXTx/dex+Me0wxx53S+NgUHaP7y3MGlDmg==}
 
-  widest-line@4.0.1:
-    resolution: {integrity: sha512-o0cyEG0e8GPzT4iGHphIOh0cJOV8fivsXxddQasHPHfoZf1ZexrfeA21w2NaEN1RHE+fXlfISmOE8R9N3u3Qig==}
-    engines: {node: '>=12'}
+  widest-line@5.0.0:
+    resolution: {integrity: sha512-c9bZp7b5YtRj2wOe6dlj32MK+Bx/M/d+9VB2SHM1OtsUHR0aV0tdP6DWh/iMt0kWi1t5g1Iudu6hQRNd1A4PVA==}
+    engines: {node: '>=18'}
 
   word-wrap@1.2.5:
     resolution: {integrity: sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA==}
@@ -13445,9 +13524,6 @@ packages:
   wrappy@1.0.2:
     resolution: {integrity: sha512-l4Sp/DRseor9wL6EvV2+TuQn63dMkPjZ/sp9XkghTEbV9KlPS1xUsZ3u7/IQO4wxtcFB4bgpQPRcR3QCvezPcQ==}
 
-  write-file-atomic@2.4.3:
-    resolution: {integrity: sha512-GaETH5wwsX+GcnzhPgKcKjJ6M2Cq3/iZp1WyY/X1CSqrW+jVNM9Y7D8EC2sM4ZG/V8wZlSniJnCKWPmBYAucRQ==}
-
   write-file-atomic@3.0.3:
     resolution: {integrity: sha512-AvHcyZ5JnSfq3ioSyjrBkH9yW4m7Ayk8/9My/DD9onKeu/94fwrMocemO2QAJFAlnnDN+ZDS+ZjAR5ua1/PV/Q==}
 
@@ -13493,8 +13569,8 @@ packages:
   xregexp@2.0.0:
     resolution: {integrity: sha512-xl/50/Cf32VsGq/1R8jJE5ajH1yMCQkpmoS10QbFZWl2Oor4H0Me64Pu2yxvsRWK3m6soJbmGfzSR7BYmDcWAA==}
 
-  xstate@5.18.1:
-    resolution: {integrity: sha512-m02IqcCQbaE/kBQLunwub/5i8epvkD2mFutnL17Oeg1eXTShe1sRF4D5mhv1dlaFO4vbW5gRGRhraeAD5c938g==}
+  xstate@5.18.2:
+    resolution: {integrity: sha512-hab5VOe29D0agy8/7dH1lGw+7kilRQyXwpaChoMu4fe6rDP+nsHYhDYKfS2O4iXE7myA98TW6qMEudj/8NXEkA==}
 
   xtend@4.0.2:
     resolution: {integrity: sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ==}
@@ -13529,11 +13605,6 @@ packages:
     resolution: {integrity: sha512-CBKFWExMn46Foo4cldiChEzn7S7SRV+wqiluAb6xmueD/fGyRHIhX8m14vVGgeFWjN540nKCNVj6P21eQjgTuA==}
     engines: {node: '>= 14'}
 
-  yaml@2.4.2:
-    resolution: {integrity: sha512-B3VqDZ+JAg1nZpaEmWtTXUlBneoGx6CPM9b0TENK6aoSu5t73dItudwdgmi6tHlIZZId4dZ9skcAQ2UbcyAeVA==}
-    engines: {node: '>= 14'}
-    hasBin: true
-
   yaml@2.5.1:
     resolution: {integrity: sha512-bLQOjaX/ADgQ20isPJRvF0iRUHIxVhYvr53Of7wGcWlO2jvtUlH5m87DsmulFVxRpNLOnI4tB6p/oh8D7kpn9Q==}
     engines: {node: '>= 14'}
@@ -13573,8 +13644,8 @@ packages:
     resolution: {integrity: sha512-zK7YHHz4ZXpW89AHXUPbQVGKI7uvkd3hzusTdotCg1UxyaVtg0zFJSTfW/Dq5f7OBBVnq6cZIaC8Ti4hb6dtCA==}
     engines: {node: '>= 14'}
 
-  zod-to-json-schema@3.23.2:
-    resolution: {integrity: sha512-uSt90Gzc/tUfyNqxnjlfBs8W6WSGpNBv0rVsNxP/BVSMHMKGdthPYff4xtCHYloJGM0CFxFsb3NbC0eqPhfImw==}
+  zod-to-json-schema@3.23.3:
+    resolution: {integrity: sha512-TYWChTxKQbRJp5ST22o/Irt9KC5nj7CdBKYB/AosCRdj/wxEMvv4NNaj9XVUHDOIp53ZxArGhnw5HMZziPFjog==}
     peerDependencies:
       zod: ^3.23.3
 
@@ -13590,8 +13661,8 @@ packages:
     peerDependencies:
       zod: ^3.18.0
 
-  zod-validation-error@3.3.1:
-    resolution: {integrity: sha512-uFzCZz7FQis256dqw4AhPQgD6f3pzNca/Zh62RNELavlumQB3nDIUFbF5JQfFLcMbO1s02Q7Xg/gpcOBlEnYZA==}
+  zod-validation-error@3.4.0:
+    resolution: {integrity: sha512-ZOPR9SVY6Pb2qqO5XHt+MkkTRxGXb4EVtnjc9JpXUOtUB1T9Ru7mZOT361AN3MsetVe7R0a1KZshJDZdgp9miQ==}
     engines: {node: '>=18.0.0'}
     peerDependencies:
       zod: ^3.18.0
@@ -13602,8 +13673,8 @@ packages:
   zwitch@2.0.4:
     resolution: {integrity: sha512-bXE4cR/kVZhKZX/RjPEflHaKVhUVl85noU3v6b8apfQEc1x4A+zBxjZ4lN8LqGd6WZ3dl98pY4o717VFmoPp+A==}
 
-  zx@8.1.5:
-    resolution: {integrity: sha512-gvmiYPvDDEz2Gcc37x7pJkipTKcFIE18q9QlSI1p5qoPDtoSn3jmGuWD0eEb7HuxEH5aDD7N/RVgH8BqSxbKzA==}
+  zx@8.1.6:
+    resolution: {integrity: sha512-SYAriWG+i2CFqMOJcF8QayI8wprlMYQsrmP6tFD7rSPnDLcImNSW7n/8crOYvNVrB2EFgz8LAQk23U1+Y7WrKA==}
     engines: {node: '>= 12.17.0'}
     hasBin: true
 
@@ -13626,13 +13697,12 @@ snapshots:
       css-tree: 2.3.1
       is-potential-custom-element-name: 1.0.1
 
-  '@astrojs/check@0.9.3(prettier-plugin-astro@0.14.1)(prettier@3.3.3)(typescript@5.6.2)':
+  '@astrojs/check@0.9.4(prettier-plugin-astro@0.14.1)(prettier@3.3.3)(typescript@5.6.3)':
     dependencies:
-      '@astrojs/language-server': 2.14.2(prettier-plugin-astro@0.14.1)(prettier@3.3.3)(typescript@5.6.2)
-      chokidar: 3.6.0
-      fast-glob: 3.3.2
+      '@astrojs/language-server': 2.15.0(prettier-plugin-astro@0.14.1)(prettier@3.3.3)(typescript@5.6.3)
+      chokidar: 4.0.1
       kleur: 4.1.5
-      typescript: 5.6.2
+      typescript: 5.6.3
       yargs: 17.7.2
     transitivePeerDependencies:
       - prettier
@@ -13642,25 +13712,24 @@ snapshots:
 
   '@astrojs/internal-helpers@0.4.1': {}
 
-  '@astrojs/language-server@2.14.2(prettier-plugin-astro@0.14.1)(prettier@3.3.3)(typescript@5.6.2)':
+  '@astrojs/language-server@2.15.0(prettier-plugin-astro@0.14.1)(prettier@3.3.3)(typescript@5.6.3)':
     dependencies:
       '@astrojs/compiler': 2.10.3
       '@astrojs/yaml2ts': 0.2.1
       '@jridgewell/sourcemap-codec': 1.5.0
-      '@volar/kit': 2.4.4(typescript@5.6.2)
-      '@volar/language-core': 2.4.4
-      '@volar/language-server': 2.4.4
-      '@volar/language-service': 2.4.4
-      '@volar/typescript': 2.4.4
+      '@volar/kit': 2.4.6(typescript@5.6.3)
+      '@volar/language-core': 2.4.6
+      '@volar/language-server': 2.4.6
+      '@volar/language-service': 2.4.6
       fast-glob: 3.3.2
       muggle-string: 0.4.1
-      volar-service-css: 0.0.61(@volar/language-service@2.4.4)
-      volar-service-emmet: 0.0.61(@volar/language-service@2.4.4)
-      volar-service-html: 0.0.61(@volar/language-service@2.4.4)
-      volar-service-prettier: 0.0.61(@volar/language-service@2.4.4)(prettier@3.3.3)
-      volar-service-typescript: 0.0.61(@volar/language-service@2.4.4)
-      volar-service-typescript-twoslash-queries: 0.0.61(@volar/language-service@2.4.4)
-      volar-service-yaml: 0.0.61(@volar/language-service@2.4.4)
+      volar-service-css: 0.0.61(@volar/language-service@2.4.6)
+      volar-service-emmet: 0.0.61(@volar/language-service@2.4.6)
+      volar-service-html: 0.0.61(@volar/language-service@2.4.6)
+      volar-service-prettier: 0.0.61(@volar/language-service@2.4.6)(prettier@3.3.3)
+      volar-service-typescript: 0.0.61(@volar/language-service@2.4.6)
+      volar-service-typescript-twoslash-queries: 0.0.61(@volar/language-service@2.4.6)
+      volar-service-yaml: 0.0.61(@volar/language-service@2.4.6)
       vscode-html-languageservice: 5.3.0
       vscode-uri: 3.0.8
     optionalDependencies:
@@ -13669,21 +13738,21 @@ snapshots:
     transitivePeerDependencies:
       - typescript
 
-  '@astrojs/markdown-remark@5.2.0':
+  '@astrojs/markdown-remark@5.3.0':
     dependencies:
       '@astrojs/prism': 3.1.0
       github-slugger: 2.0.0
-      hast-util-from-html: 2.0.1
+      hast-util-from-html: 2.0.3
       hast-util-to-text: 4.0.2
       import-meta-resolve: 4.1.0
       mdast-util-definitions: 6.0.0
       rehype-raw: 7.0.0
-      rehype-stringify: 10.0.0
+      rehype-stringify: 10.0.1
       remark-gfm: 4.0.0
       remark-parse: 11.0.0
-      remark-rehype: 11.1.0
+      remark-rehype: 11.1.1
       remark-smartypants: 3.0.2
-      shiki: 1.16.3
+      shiki: 1.22.0
       unified: 11.0.5
       unist-util-remove-position: 5.0.0
       unist-util-visit: 5.0.0
@@ -13696,11 +13765,11 @@ snapshots:
     dependencies:
       prismjs: 1.29.0
 
-  '@astrojs/react@3.6.2(@types/react-dom@18.3.0)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(vite@4.5.3(@types/node@22.5.4)(terser@5.31.3))':
+  '@astrojs/react@3.6.2(@types/react-dom@18.3.1)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(vite@4.5.3(@types/node@22.5.5)(terser@5.33.0))':
     dependencies:
-      '@types/react': 18.3.5
-      '@types/react-dom': 18.3.0
-      '@vitejs/plugin-react': 4.3.1(vite@4.5.3(@types/node@22.5.4)(terser@5.31.3))
+      '@types/react': 18.3.11
+      '@types/react-dom': 18.3.1
+      '@vitejs/plugin-react': 4.3.1(vite@4.5.3(@types/node@22.5.5)(terser@5.33.0))
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       ultrahtml: 1.5.3
@@ -13708,13 +13777,13 @@ snapshots:
       - supports-color
       - vite
 
-  '@astrojs/tailwind@5.1.0(astro@4.15.4(@types/node@22.5.4)(rollup@4.21.2)(terser@5.31.3)(typescript@5.6.2))(tailwindcss@3.4.10)':
+  '@astrojs/tailwind@5.1.2(astro@4.16.5(@types/node@22.5.5)(rollup@4.24.0)(terser@5.33.0)(typescript@5.6.3))(tailwindcss@3.4.14)':
     dependencies:
-      astro: 4.15.4(@types/node@22.5.4)(rollup@4.21.2)(terser@5.31.3)(typescript@5.6.2)
-      autoprefixer: 10.4.20(postcss@8.4.45)
-      postcss: 8.4.45
-      postcss-load-config: 4.0.2(postcss@8.4.45)
-      tailwindcss: 3.4.10
+      astro: 4.16.5(@types/node@22.5.5)(rollup@4.24.0)(terser@5.33.0)(typescript@5.6.3)
+      autoprefixer: 10.4.20(postcss@8.4.47)
+      postcss: 8.4.47
+      postcss-load-config: 4.0.2(postcss@8.4.47)
+      tailwindcss: 3.4.14
     transitivePeerDependencies:
       - ts-node
 
@@ -13723,20 +13792,20 @@ snapshots:
       ci-info: 4.0.0
       debug: 4.3.7
       dlv: 1.1.3
-      dset: 3.1.3
+      dset: 3.1.4
       is-docker: 3.0.0
       is-wsl: 3.1.0
       which-pm-runs: 1.1.0
     transitivePeerDependencies:
       - supports-color
 
-  '@astrojs/vercel@7.8.0(astro@4.15.4(@types/node@22.5.4)(rollup@4.21.2)(terser@5.31.3)(typescript@5.6.2))(encoding@0.1.13)(next@14.2.9(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+  '@astrojs/vercel@7.8.1(astro@4.16.5(@types/node@22.5.5)(rollup@4.24.0)(terser@5.33.0)(typescript@5.6.3))(encoding@0.1.13)(next@14.2.15(@babel/core@7.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@astrojs/internal-helpers': 0.4.1
-      '@vercel/analytics': 1.3.1(next@14.2.9(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@vercel/analytics': 1.3.1(next@14.2.15(@babel/core@7.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
       '@vercel/edge': 1.1.2
       '@vercel/nft': 0.27.4(encoding@0.1.13)
-      astro: 4.15.4(@types/node@22.5.4)(rollup@4.21.2)(terser@5.31.3)(typescript@5.6.2)
+      astro: 4.16.5(@types/node@22.5.5)(rollup@4.24.0)(terser@5.33.0)(typescript@5.6.3)
       esbuild: 0.21.5
       fast-glob: 3.3.2
       web-vitals: 3.5.2
@@ -13750,25 +13819,25 @@ snapshots:
     dependencies:
       yaml: 2.5.1
 
-  '@babel/code-frame@7.24.7':
+  '@babel/code-frame@7.25.7':
     dependencies:
-      '@babel/highlight': 7.24.7
+      '@babel/highlight': 7.25.7
       picocolors: 1.1.0
 
-  '@babel/compat-data@7.25.4': {}
+  '@babel/compat-data@7.25.7': {}
 
-  '@babel/core@7.25.2':
+  '@babel/core@7.25.8':
     dependencies:
       '@ampproject/remapping': 2.3.0
-      '@babel/code-frame': 7.24.7
-      '@babel/generator': 7.25.6
-      '@babel/helper-compilation-targets': 7.25.2
-      '@babel/helper-module-transforms': 7.25.2(@babel/core@7.25.2)
-      '@babel/helpers': 7.25.0
-      '@babel/parser': 7.25.6
-      '@babel/template': 7.25.0
-      '@babel/traverse': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/code-frame': 7.25.7
+      '@babel/generator': 7.25.7
+      '@babel/helper-compilation-targets': 7.25.7
+      '@babel/helper-module-transforms': 7.25.7(@babel/core@7.25.8)
+      '@babel/helpers': 7.25.7
+      '@babel/parser': 7.25.8
+      '@babel/template': 7.25.7
+      '@babel/traverse': 7.25.7
+      '@babel/types': 7.25.8
       convert-source-map: 2.0.0
       debug: 4.3.7
       gensync: 1.0.0-beta.2
@@ -13777,848 +13846,834 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/eslint-parser@7.24.1(@babel/core@7.25.2)(eslint@8.57.0)':
+  '@babel/eslint-parser@7.24.1(@babel/core@7.25.8)(eslint@8.57.1)':
     dependencies:
-      '@babel/core': 7.25.2
+      '@babel/core': 7.25.8
       '@nicolo-ribaudo/eslint-scope-5-internals': 5.1.1-v1
-      eslint: 8.57.0
+      eslint: 8.57.1
       eslint-visitor-keys: 2.1.0
       semver: 6.3.1
 
   '@babel/generator@7.2.0':
     dependencies:
-      '@babel/types': 7.25.6
+      '@babel/types': 7.25.8
       jsesc: 2.5.2
       lodash: 4.17.21
       source-map: 0.5.7
       trim-right: 1.0.1
 
-  '@babel/generator@7.25.6':
+  '@babel/generator@7.25.7':
     dependencies:
-      '@babel/types': 7.25.6
+      '@babel/types': 7.25.8
       '@jridgewell/gen-mapping': 0.3.5
       '@jridgewell/trace-mapping': 0.3.25
-      jsesc: 2.5.2
+      jsesc: 3.0.2
 
-  '@babel/helper-annotate-as-pure@7.24.7':
+  '@babel/helper-annotate-as-pure@7.25.7':
     dependencies:
-      '@babel/types': 7.25.6
+      '@babel/types': 7.25.8
 
   '@babel/helper-builder-binary-assignment-operator-visitor@7.24.7':
     dependencies:
-      '@babel/traverse': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/traverse': 7.25.7
+      '@babel/types': 7.25.8
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-compilation-targets@7.25.2':
+  '@babel/helper-compilation-targets@7.25.7':
     dependencies:
-      '@babel/compat-data': 7.25.4
-      '@babel/helper-validator-option': 7.24.8
-      browserslist: 4.23.3
+      '@babel/compat-data': 7.25.7
+      '@babel/helper-validator-option': 7.25.7
+      browserslist: 4.24.0
       lru-cache: 5.1.1
       semver: 6.3.1
 
-  '@babel/helper-create-class-features-plugin@7.25.4(@babel/core@7.25.2)':
+  '@babel/helper-create-class-features-plugin@7.25.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-annotate-as-pure': 7.24.7
-      '@babel/helper-member-expression-to-functions': 7.24.8
-      '@babel/helper-optimise-call-expression': 7.24.7
-      '@babel/helper-replace-supers': 7.25.0(@babel/core@7.25.2)
-      '@babel/helper-skip-transparent-expression-wrappers': 7.24.7
-      '@babel/traverse': 7.25.6
+      '@babel/core': 7.25.8
+      '@babel/helper-annotate-as-pure': 7.25.7
+      '@babel/helper-member-expression-to-functions': 7.25.7
+      '@babel/helper-optimise-call-expression': 7.25.7
+      '@babel/helper-replace-supers': 7.25.7(@babel/core@7.25.8)
+      '@babel/helper-skip-transparent-expression-wrappers': 7.25.7
+      '@babel/traverse': 7.25.7
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-create-regexp-features-plugin@7.25.2(@babel/core@7.25.2)':
+  '@babel/helper-create-regexp-features-plugin@7.25.2(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-annotate-as-pure': 7.24.7
+      '@babel/core': 7.25.8
+      '@babel/helper-annotate-as-pure': 7.25.7
       regexpu-core: 5.3.2
       semver: 6.3.1
 
-  '@babel/helper-define-polyfill-provider@0.6.2(@babel/core@7.25.2)':
+  '@babel/helper-define-polyfill-provider@0.6.2(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-compilation-targets': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-compilation-targets': 7.25.7
+      '@babel/helper-plugin-utils': 7.25.7
       debug: 4.3.7
       lodash.debounce: 4.0.8
       resolve: 1.22.8
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-member-expression-to-functions@7.24.8':
+  '@babel/helper-member-expression-to-functions@7.25.7':
     dependencies:
-      '@babel/traverse': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/traverse': 7.25.7
+      '@babel/types': 7.25.8
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-imports@7.22.15':
+  '@babel/helper-module-imports@7.25.7':
     dependencies:
-      '@babel/types': 7.25.6
-
-  '@babel/helper-module-imports@7.24.7':
-    dependencies:
-      '@babel/traverse': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/traverse': 7.25.7
+      '@babel/types': 7.25.8
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-module-transforms@7.25.2(@babel/core@7.25.2)':
+  '@babel/helper-module-transforms@7.25.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-module-imports': 7.24.7
-      '@babel/helper-simple-access': 7.24.7
-      '@babel/helper-validator-identifier': 7.24.7
-      '@babel/traverse': 7.25.6
+      '@babel/core': 7.25.8
+      '@babel/helper-module-imports': 7.25.7
+      '@babel/helper-simple-access': 7.25.7
+      '@babel/helper-validator-identifier': 7.25.7
+      '@babel/traverse': 7.25.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-optimise-call-expression@7.24.7':
+  '@babel/helper-optimise-call-expression@7.25.7':
     dependencies:
-      '@babel/types': 7.25.6
+      '@babel/types': 7.25.8
 
-  '@babel/helper-plugin-utils@7.24.8': {}
+  '@babel/helper-plugin-utils@7.25.7': {}
 
-  '@babel/helper-remap-async-to-generator@7.25.0(@babel/core@7.25.2)':
+  '@babel/helper-remap-async-to-generator@7.25.0(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-annotate-as-pure': 7.24.7
+      '@babel/core': 7.25.8
+      '@babel/helper-annotate-as-pure': 7.25.7
       '@babel/helper-wrap-function': 7.25.0
-      '@babel/traverse': 7.25.6
+      '@babel/traverse': 7.25.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-replace-supers@7.25.0(@babel/core@7.25.2)':
+  '@babel/helper-replace-supers@7.25.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-member-expression-to-functions': 7.24.8
-      '@babel/helper-optimise-call-expression': 7.24.7
-      '@babel/traverse': 7.25.6
+      '@babel/core': 7.25.8
+      '@babel/helper-member-expression-to-functions': 7.25.7
+      '@babel/helper-optimise-call-expression': 7.25.7
+      '@babel/traverse': 7.25.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-simple-access@7.24.7':
+  '@babel/helper-simple-access@7.25.7':
     dependencies:
-      '@babel/traverse': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/traverse': 7.25.7
+      '@babel/types': 7.25.8
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-skip-transparent-expression-wrappers@7.24.7':
+  '@babel/helper-skip-transparent-expression-wrappers@7.25.7':
     dependencies:
-      '@babel/traverse': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/traverse': 7.25.7
+      '@babel/types': 7.25.8
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helper-string-parser@7.24.8': {}
+  '@babel/helper-string-parser@7.25.7': {}
 
-  '@babel/helper-validator-identifier@7.24.7': {}
+  '@babel/helper-validator-identifier@7.25.7': {}
 
-  '@babel/helper-validator-option@7.24.8': {}
+  '@babel/helper-validator-option@7.25.7': {}
 
   '@babel/helper-wrap-function@7.25.0':
     dependencies:
-      '@babel/template': 7.25.0
-      '@babel/traverse': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/template': 7.25.7
+      '@babel/traverse': 7.25.7
+      '@babel/types': 7.25.8
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/helpers@7.25.0':
+  '@babel/helpers@7.25.7':
     dependencies:
-      '@babel/template': 7.25.0
-      '@babel/types': 7.25.6
+      '@babel/template': 7.25.7
+      '@babel/types': 7.25.8
 
-  '@babel/highlight@7.24.7':
+  '@babel/highlight@7.25.7':
     dependencies:
-      '@babel/helper-validator-identifier': 7.24.7
+      '@babel/helper-validator-identifier': 7.25.7
       chalk: 2.4.2
       js-tokens: 4.0.0
       picocolors: 1.1.0
 
-  '@babel/parser@7.25.6':
+  '@babel/parser@7.25.8':
     dependencies:
-      '@babel/types': 7.25.6
+      '@babel/types': 7.25.8
 
-  '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.25.3(@babel/core@7.25.2)':
+  '@babel/plugin-bugfix-firefox-class-in-computed-class-key@7.25.3(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/traverse': 7.25.6
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/traverse': 7.25.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-bugfix-safari-class-field-initializer-scope@7.25.0(@babel/core@7.25.2)':
+  '@babel/plugin-bugfix-safari-class-field-initializer-scope@7.25.0(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.25.0(@babel/core@7.25.2)':
+  '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression@7.25.0(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-skip-transparent-expression-wrappers': 7.24.7
-      '@babel/plugin-transform-optional-chaining': 7.24.8(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.25.7
+      '@babel/plugin-transform-optional-chaining': 7.24.8(@babel/core@7.25.8)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@7.25.0(@babel/core@7.25.2)':
+  '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly@7.25.0(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/traverse': 7.25.6
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/traverse': 7.25.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-proposal-decorators@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-proposal-decorators@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-create-class-features-plugin': 7.25.4(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-decorators': 7.24.7(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/helper-create-class-features-plugin': 7.25.7(@babel/core@7.25.8)
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/plugin-syntax-decorators': 7.24.7(@babel/core@7.25.8)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2(@babel/core@7.25.2)':
+  '@babel/plugin-proposal-private-methods@7.18.6(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
+      '@babel/core': 7.25.8
+      '@babel/helper-create-class-features-plugin': 7.25.7(@babel/core@7.25.8)
+      '@babel/helper-plugin-utils': 7.25.7
+    transitivePeerDependencies:
+      - supports-color
 
-  '@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.25.2)':
+  '@babel/plugin-proposal-private-property-in-object@7.21.0-placeholder-for-preset-env.2(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
 
-  '@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-async-generators@7.8.4(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-class-properties@7.12.13(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-syntax-decorators@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-class-static-block@7.14.5(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-decorators@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-syntax-export-namespace-from@7.8.3(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-dynamic-import@7.8.3(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-syntax-flow@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-export-namespace-from@7.8.3(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-syntax-import-assertions@7.25.6(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-import-assertions@7.25.6(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-syntax-import-attributes@7.25.6(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-import-attributes@7.25.6(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-import-meta@7.10.4(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-json-strings@7.8.3(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-syntax-jsx@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-jsx@7.25.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-logical-assignment-operators@7.10.4(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-nullish-coalescing-operator@7.8.3(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-numeric-separator@7.10.4(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-object-rest-spread@7.8.3(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-optional-catch-binding@7.8.3(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-optional-chaining@7.8.3(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-private-property-in-object@7.14.5(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-top-level-await@7.14.5(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-syntax-typescript@7.25.4(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-typescript@7.25.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.25.2)':
+  '@babel/plugin-syntax-unicode-sets-regex@7.18.6(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-create-regexp-features-plugin': 7.25.2(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-create-regexp-features-plugin': 7.25.2(@babel/core@7.25.8)
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-arrow-functions@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-arrow-functions@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-async-generator-functions@7.25.4(@babel/core@7.25.2)':
+  '@babel/plugin-transform-async-generator-functions@7.25.4(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-remap-async-to-generator': 7.25.0(@babel/core@7.25.2)
-      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.25.2)
-      '@babel/traverse': 7.25.6
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/helper-remap-async-to-generator': 7.25.0(@babel/core@7.25.8)
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.25.8)
+      '@babel/traverse': 7.25.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-async-to-generator@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-async-to-generator@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-module-imports': 7.24.7
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-remap-async-to-generator': 7.25.0(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/helper-module-imports': 7.25.7
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/helper-remap-async-to-generator': 7.25.0(@babel/core@7.25.8)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-block-scoped-functions@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-block-scoped-functions@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-block-scoping@7.25.0(@babel/core@7.25.2)':
+  '@babel/plugin-transform-block-scoping@7.25.0(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-class-properties@7.25.4(@babel/core@7.25.2)':
+  '@babel/plugin-transform-class-properties@7.25.4(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-create-class-features-plugin': 7.25.4(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-create-class-features-plugin': 7.25.7(@babel/core@7.25.8)
+      '@babel/helper-plugin-utils': 7.25.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-class-static-block@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-class-static-block@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-create-class-features-plugin': 7.25.4(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/helper-create-class-features-plugin': 7.25.7(@babel/core@7.25.8)
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.25.8)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-classes@7.25.4(@babel/core@7.25.2)':
+  '@babel/plugin-transform-classes@7.25.4(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-annotate-as-pure': 7.24.7
-      '@babel/helper-compilation-targets': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-replace-supers': 7.25.0(@babel/core@7.25.2)
-      '@babel/traverse': 7.25.6
+      '@babel/core': 7.25.8
+      '@babel/helper-annotate-as-pure': 7.25.7
+      '@babel/helper-compilation-targets': 7.25.7
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/helper-replace-supers': 7.25.7(@babel/core@7.25.8)
+      '@babel/traverse': 7.25.7
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-computed-properties@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-computed-properties@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/template': 7.25.0
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/template': 7.25.7
 
-  '@babel/plugin-transform-destructuring@7.24.8(@babel/core@7.25.2)':
+  '@babel/plugin-transform-destructuring@7.24.8(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-dotall-regex@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-dotall-regex@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-create-regexp-features-plugin': 7.25.2(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-create-regexp-features-plugin': 7.25.2(@babel/core@7.25.8)
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-duplicate-keys@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-duplicate-keys@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-duplicate-named-capturing-groups-regex@7.25.0(@babel/core@7.25.2)':
+  '@babel/plugin-transform-duplicate-named-capturing-groups-regex@7.25.0(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-create-regexp-features-plugin': 7.25.2(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-create-regexp-features-plugin': 7.25.2(@babel/core@7.25.8)
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-dynamic-import@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-dynamic-import@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.25.8)
 
-  '@babel/plugin-transform-exponentiation-operator@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-exponentiation-operator@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
+      '@babel/core': 7.25.8
       '@babel/helper-builder-binary-assignment-operator-visitor': 7.24.7
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/helper-plugin-utils': 7.25.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-export-namespace-from@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-export-namespace-from@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.25.8)
 
-  '@babel/plugin-transform-flow-strip-types@7.25.2(@babel/core@7.25.2)':
+  '@babel/plugin-transform-for-of@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-flow': 7.24.7(@babel/core@7.25.2)
-
-  '@babel/plugin-transform-for-of@7.24.7(@babel/core@7.25.2)':
-    dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-skip-transparent-expression-wrappers': 7.24.7
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.25.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-function-name@7.25.1(@babel/core@7.25.2)':
+  '@babel/plugin-transform-function-name@7.25.1(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-compilation-targets': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/traverse': 7.25.6
+      '@babel/core': 7.25.8
+      '@babel/helper-compilation-targets': 7.25.7
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/traverse': 7.25.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-json-strings@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-json-strings@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.25.8)
 
-  '@babel/plugin-transform-literals@7.25.2(@babel/core@7.25.2)':
+  '@babel/plugin-transform-literals@7.25.2(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-logical-assignment-operators@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-logical-assignment-operators@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.25.8)
 
-  '@babel/plugin-transform-member-expression-literals@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-member-expression-literals@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-modules-amd@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-modules-amd@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-module-transforms': 7.25.2(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-module-transforms': 7.25.7(@babel/core@7.25.8)
+      '@babel/helper-plugin-utils': 7.25.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-modules-commonjs@7.24.8(@babel/core@7.25.2)':
+  '@babel/plugin-transform-modules-commonjs@7.25.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-module-transforms': 7.25.2(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-simple-access': 7.24.7
+      '@babel/core': 7.25.8
+      '@babel/helper-module-transforms': 7.25.7(@babel/core@7.25.8)
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/helper-simple-access': 7.25.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-modules-systemjs@7.25.0(@babel/core@7.25.2)':
+  '@babel/plugin-transform-modules-systemjs@7.25.0(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-module-transforms': 7.25.2(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-validator-identifier': 7.24.7
-      '@babel/traverse': 7.25.6
+      '@babel/core': 7.25.8
+      '@babel/helper-module-transforms': 7.25.7(@babel/core@7.25.8)
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/helper-validator-identifier': 7.25.7
+      '@babel/traverse': 7.25.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-modules-umd@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-modules-umd@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-module-transforms': 7.25.2(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-module-transforms': 7.25.7(@babel/core@7.25.8)
+      '@babel/helper-plugin-utils': 7.25.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-named-capturing-groups-regex@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-named-capturing-groups-regex@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-create-regexp-features-plugin': 7.25.2(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-create-regexp-features-plugin': 7.25.2(@babel/core@7.25.8)
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-new-target@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-new-target@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-nullish-coalescing-operator@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-nullish-coalescing-operator@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.25.8)
 
-  '@babel/plugin-transform-numeric-separator@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-numeric-separator@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.25.8)
 
-  '@babel/plugin-transform-object-rest-spread@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-object-rest-spread@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-compilation-targets': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.25.2)
-      '@babel/plugin-transform-parameters': 7.24.7(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/helper-compilation-targets': 7.25.7
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.25.8)
+      '@babel/plugin-transform-parameters': 7.24.7(@babel/core@7.25.8)
 
-  '@babel/plugin-transform-object-super@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-object-super@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-replace-supers': 7.25.0(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/helper-replace-supers': 7.25.7(@babel/core@7.25.8)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-optional-catch-binding@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-optional-catch-binding@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.25.8)
 
-  '@babel/plugin-transform-optional-chaining@7.24.8(@babel/core@7.25.2)':
+  '@babel/plugin-transform-optional-chaining@7.24.8(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-skip-transparent-expression-wrappers': 7.24.7
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.25.7
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.25.8)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-parameters@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-parameters@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-private-methods@7.25.4(@babel/core@7.25.2)':
+  '@babel/plugin-transform-private-methods@7.25.4(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-create-class-features-plugin': 7.25.4(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-create-class-features-plugin': 7.25.7(@babel/core@7.25.8)
+      '@babel/helper-plugin-utils': 7.25.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-private-property-in-object@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-private-property-in-object@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-annotate-as-pure': 7.24.7
-      '@babel/helper-create-class-features-plugin': 7.25.4(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/helper-annotate-as-pure': 7.25.7
+      '@babel/helper-create-class-features-plugin': 7.25.7(@babel/core@7.25.8)
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.25.8)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-property-literals@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-property-literals@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-react-display-name@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-react-display-name@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-react-jsx-development@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-react-jsx-development@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/plugin-transform-react-jsx': 7.25.2(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/plugin-transform-react-jsx': 7.25.7(@babel/core@7.25.8)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-react-jsx-self@7.24.6(@babel/core@7.25.2)':
+  '@babel/plugin-transform-react-jsx-self@7.24.6(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-react-jsx-source@7.24.6(@babel/core@7.25.2)':
+  '@babel/plugin-transform-react-jsx-source@7.24.6(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-react-jsx@7.25.2(@babel/core@7.25.2)':
+  '@babel/plugin-transform-react-jsx@7.25.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-annotate-as-pure': 7.24.7
-      '@babel/helper-module-imports': 7.24.7
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-jsx': 7.24.7(@babel/core@7.25.2)
-      '@babel/types': 7.25.6
+      '@babel/core': 7.25.8
+      '@babel/helper-annotate-as-pure': 7.25.7
+      '@babel/helper-module-imports': 7.25.7
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/plugin-syntax-jsx': 7.25.7(@babel/core@7.25.8)
+      '@babel/types': 7.25.8
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-react-pure-annotations@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-react-pure-annotations@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-annotate-as-pure': 7.24.7
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-annotate-as-pure': 7.25.7
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-regenerator@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-regenerator@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
       regenerator-transform: 0.15.2
 
-  '@babel/plugin-transform-reserved-words@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-reserved-words@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-shorthand-properties@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-shorthand-properties@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-spread@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-spread@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-skip-transparent-expression-wrappers': 7.24.7
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.25.7
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-sticky-regex@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-sticky-regex@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-template-literals@7.24.7(@babel/core@7.25.2)':
+  '@babel/plugin-transform-template-literals@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-typeof-symbol@7.24.8(@babel/core@7.25.2)':
+  '@babel/plugin-transform-typeof-symbol@7.24.8(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
 
-  '@babel/plugin-transform-typescript@7.25.2(@babel/core@7.25.2)':
+  '@babel/plugin-transform-typescript@7.25.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-annotate-as-pure': 7.24.7
-      '@babel/helper-create-class-features-plugin': 7.25.4(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-skip-transparent-expression-wrappers': 7.24.7
-      '@babel/plugin-syntax-typescript': 7.25.4(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/helper-annotate-as-pure': 7.25.7
+      '@babel/helper-create-class-features-plugin': 7.25.7(@babel/core@7.25.8)
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/helper-skip-transparent-expression-wrappers': 7.25.7
+      '@babel/plugin-syntax-typescript': 7.25.7(@babel/core@7.25.8)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/plugin-transform-unicode-escapes@7.24.7(@babel/core@7.25.2)':
-    dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-
-  '@babel/plugin-transform-unicode-property-regex@7.24.7(@babel/core@7.25.2)':
-    dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-create-regexp-features-plugin': 7.25.2(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
-
-  '@babel/plugin-transform-unicode-regex@7.24.7(@babel/core@7.25.2)':
-    dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-create-regexp-features-plugin': 7.25.2(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
-
-  '@babel/plugin-transform-unicode-sets-regex@7.25.4(@babel/core@7.25.2)':
-    dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-create-regexp-features-plugin': 7.25.2(@babel/core@7.25.2)
-      '@babel/helper-plugin-utils': 7.24.8
-
-  '@babel/preset-env@7.25.4(@babel/core@7.25.2)':
-    dependencies:
-      '@babel/compat-data': 7.25.4
-      '@babel/core': 7.25.2
-      '@babel/helper-compilation-targets': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-validator-option': 7.24.8
-      '@babel/plugin-bugfix-firefox-class-in-computed-class-key': 7.25.3(@babel/core@7.25.2)
-      '@babel/plugin-bugfix-safari-class-field-initializer-scope': 7.25.0(@babel/core@7.25.2)
-      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.25.0(@babel/core@7.25.2)
-      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly': 7.25.0(@babel/core@7.25.2)
-      '@babel/plugin-proposal-private-property-in-object': 7.21.0-placeholder-for-preset-env.2(@babel/core@7.25.2)
-      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.25.2)
-      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.25.2)
-      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.25.2)
-      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.25.2)
-      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.25.2)
-      '@babel/plugin-syntax-import-assertions': 7.25.6(@babel/core@7.25.2)
-      '@babel/plugin-syntax-import-attributes': 7.25.6(@babel/core@7.25.2)
-      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.25.2)
-      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.25.2)
-      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.25.2)
-      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.25.2)
-      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.25.2)
-      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.25.2)
-      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.25.2)
-      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.25.2)
-      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.25.2)
-      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.25.2)
-      '@babel/plugin-syntax-unicode-sets-regex': 7.18.6(@babel/core@7.25.2)
-      '@babel/plugin-transform-arrow-functions': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-async-generator-functions': 7.25.4(@babel/core@7.25.2)
-      '@babel/plugin-transform-async-to-generator': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-block-scoped-functions': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-block-scoping': 7.25.0(@babel/core@7.25.2)
-      '@babel/plugin-transform-class-properties': 7.25.4(@babel/core@7.25.2)
-      '@babel/plugin-transform-class-static-block': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-classes': 7.25.4(@babel/core@7.25.2)
-      '@babel/plugin-transform-computed-properties': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-destructuring': 7.24.8(@babel/core@7.25.2)
-      '@babel/plugin-transform-dotall-regex': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-duplicate-keys': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-duplicate-named-capturing-groups-regex': 7.25.0(@babel/core@7.25.2)
-      '@babel/plugin-transform-dynamic-import': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-exponentiation-operator': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-export-namespace-from': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-for-of': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-function-name': 7.25.1(@babel/core@7.25.2)
-      '@babel/plugin-transform-json-strings': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-literals': 7.25.2(@babel/core@7.25.2)
-      '@babel/plugin-transform-logical-assignment-operators': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-member-expression-literals': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-modules-amd': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-modules-commonjs': 7.24.8(@babel/core@7.25.2)
-      '@babel/plugin-transform-modules-systemjs': 7.25.0(@babel/core@7.25.2)
-      '@babel/plugin-transform-modules-umd': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-named-capturing-groups-regex': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-new-target': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-nullish-coalescing-operator': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-numeric-separator': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-object-rest-spread': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-object-super': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-optional-catch-binding': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-optional-chaining': 7.24.8(@babel/core@7.25.2)
-      '@babel/plugin-transform-parameters': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-private-methods': 7.25.4(@babel/core@7.25.2)
-      '@babel/plugin-transform-private-property-in-object': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-property-literals': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-regenerator': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-reserved-words': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-shorthand-properties': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-spread': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-sticky-regex': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-template-literals': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-typeof-symbol': 7.24.8(@babel/core@7.25.2)
-      '@babel/plugin-transform-unicode-escapes': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-unicode-property-regex': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-unicode-regex': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-unicode-sets-regex': 7.25.4(@babel/core@7.25.2)
-      '@babel/preset-modules': 0.1.6-no-external-plugins(@babel/core@7.25.2)
-      babel-plugin-polyfill-corejs2: 0.4.11(@babel/core@7.25.2)
-      babel-plugin-polyfill-corejs3: 0.10.6(@babel/core@7.25.2)
-      babel-plugin-polyfill-regenerator: 0.6.2(@babel/core@7.25.2)
+  '@babel/plugin-transform-unicode-escapes@7.24.7(@babel/core@7.25.8)':
+    dependencies:
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
+
+  '@babel/plugin-transform-unicode-property-regex@7.24.7(@babel/core@7.25.8)':
+    dependencies:
+      '@babel/core': 7.25.8
+      '@babel/helper-create-regexp-features-plugin': 7.25.2(@babel/core@7.25.8)
+      '@babel/helper-plugin-utils': 7.25.7
+
+  '@babel/plugin-transform-unicode-regex@7.24.7(@babel/core@7.25.8)':
+    dependencies:
+      '@babel/core': 7.25.8
+      '@babel/helper-create-regexp-features-plugin': 7.25.2(@babel/core@7.25.8)
+      '@babel/helper-plugin-utils': 7.25.7
+
+  '@babel/plugin-transform-unicode-sets-regex@7.25.4(@babel/core@7.25.8)':
+    dependencies:
+      '@babel/core': 7.25.8
+      '@babel/helper-create-regexp-features-plugin': 7.25.2(@babel/core@7.25.8)
+      '@babel/helper-plugin-utils': 7.25.7
+
+  '@babel/preset-env@7.25.4(@babel/core@7.25.8)':
+    dependencies:
+      '@babel/compat-data': 7.25.7
+      '@babel/core': 7.25.8
+      '@babel/helper-compilation-targets': 7.25.7
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/helper-validator-option': 7.25.7
+      '@babel/plugin-bugfix-firefox-class-in-computed-class-key': 7.25.3(@babel/core@7.25.8)
+      '@babel/plugin-bugfix-safari-class-field-initializer-scope': 7.25.0(@babel/core@7.25.8)
+      '@babel/plugin-bugfix-safari-id-destructuring-collision-in-function-expression': 7.25.0(@babel/core@7.25.8)
+      '@babel/plugin-bugfix-v8-spread-parameters-in-optional-chaining': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-bugfix-v8-static-class-fields-redefine-readonly': 7.25.0(@babel/core@7.25.8)
+      '@babel/plugin-proposal-private-property-in-object': 7.21.0-placeholder-for-preset-env.2(@babel/core@7.25.8)
+      '@babel/plugin-syntax-async-generators': 7.8.4(@babel/core@7.25.8)
+      '@babel/plugin-syntax-class-properties': 7.12.13(@babel/core@7.25.8)
+      '@babel/plugin-syntax-class-static-block': 7.14.5(@babel/core@7.25.8)
+      '@babel/plugin-syntax-dynamic-import': 7.8.3(@babel/core@7.25.8)
+      '@babel/plugin-syntax-export-namespace-from': 7.8.3(@babel/core@7.25.8)
+      '@babel/plugin-syntax-import-assertions': 7.25.6(@babel/core@7.25.8)
+      '@babel/plugin-syntax-import-attributes': 7.25.6(@babel/core@7.25.8)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.25.8)
+      '@babel/plugin-syntax-json-strings': 7.8.3(@babel/core@7.25.8)
+      '@babel/plugin-syntax-logical-assignment-operators': 7.10.4(@babel/core@7.25.8)
+      '@babel/plugin-syntax-nullish-coalescing-operator': 7.8.3(@babel/core@7.25.8)
+      '@babel/plugin-syntax-numeric-separator': 7.10.4(@babel/core@7.25.8)
+      '@babel/plugin-syntax-object-rest-spread': 7.8.3(@babel/core@7.25.8)
+      '@babel/plugin-syntax-optional-catch-binding': 7.8.3(@babel/core@7.25.8)
+      '@babel/plugin-syntax-optional-chaining': 7.8.3(@babel/core@7.25.8)
+      '@babel/plugin-syntax-private-property-in-object': 7.14.5(@babel/core@7.25.8)
+      '@babel/plugin-syntax-top-level-await': 7.14.5(@babel/core@7.25.8)
+      '@babel/plugin-syntax-unicode-sets-regex': 7.18.6(@babel/core@7.25.8)
+      '@babel/plugin-transform-arrow-functions': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-async-generator-functions': 7.25.4(@babel/core@7.25.8)
+      '@babel/plugin-transform-async-to-generator': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-block-scoped-functions': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-block-scoping': 7.25.0(@babel/core@7.25.8)
+      '@babel/plugin-transform-class-properties': 7.25.4(@babel/core@7.25.8)
+      '@babel/plugin-transform-class-static-block': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-classes': 7.25.4(@babel/core@7.25.8)
+      '@babel/plugin-transform-computed-properties': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-destructuring': 7.24.8(@babel/core@7.25.8)
+      '@babel/plugin-transform-dotall-regex': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-duplicate-keys': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-duplicate-named-capturing-groups-regex': 7.25.0(@babel/core@7.25.8)
+      '@babel/plugin-transform-dynamic-import': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-exponentiation-operator': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-export-namespace-from': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-for-of': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-function-name': 7.25.1(@babel/core@7.25.8)
+      '@babel/plugin-transform-json-strings': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-literals': 7.25.2(@babel/core@7.25.8)
+      '@babel/plugin-transform-logical-assignment-operators': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-member-expression-literals': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-modules-amd': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-modules-commonjs': 7.25.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-modules-systemjs': 7.25.0(@babel/core@7.25.8)
+      '@babel/plugin-transform-modules-umd': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-named-capturing-groups-regex': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-new-target': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-nullish-coalescing-operator': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-numeric-separator': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-object-rest-spread': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-object-super': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-optional-catch-binding': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-optional-chaining': 7.24.8(@babel/core@7.25.8)
+      '@babel/plugin-transform-parameters': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-private-methods': 7.25.4(@babel/core@7.25.8)
+      '@babel/plugin-transform-private-property-in-object': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-property-literals': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-regenerator': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-reserved-words': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-shorthand-properties': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-spread': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-sticky-regex': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-template-literals': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-typeof-symbol': 7.24.8(@babel/core@7.25.8)
+      '@babel/plugin-transform-unicode-escapes': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-unicode-property-regex': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-unicode-regex': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-unicode-sets-regex': 7.25.4(@babel/core@7.25.8)
+      '@babel/preset-modules': 0.1.6-no-external-plugins(@babel/core@7.25.8)
+      babel-plugin-polyfill-corejs2: 0.4.11(@babel/core@7.25.8)
+      babel-plugin-polyfill-corejs3: 0.10.6(@babel/core@7.25.8)
+      babel-plugin-polyfill-regenerator: 0.6.2(@babel/core@7.25.8)
       core-js-compat: 3.38.1
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/preset-flow@7.24.7(@babel/core@7.25.2)':
-    dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-validator-option': 7.24.8
-      '@babel/plugin-transform-flow-strip-types': 7.25.2(@babel/core@7.25.2)
-
-  '@babel/preset-modules@0.1.6-no-external-plugins(@babel/core@7.25.2)':
+  '@babel/preset-modules@0.1.6-no-external-plugins(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/types': 7.25.6
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/types': 7.25.8
       esutils: 2.0.3
 
-  '@babel/preset-react@7.24.7(@babel/core@7.25.2)':
+  '@babel/preset-react@7.24.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-validator-option': 7.24.8
-      '@babel/plugin-transform-react-display-name': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-react-jsx': 7.25.2(@babel/core@7.25.2)
-      '@babel/plugin-transform-react-jsx-development': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-react-pure-annotations': 7.24.7(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/helper-validator-option': 7.25.7
+      '@babel/plugin-transform-react-display-name': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-react-jsx': 7.25.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-react-jsx-development': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-react-pure-annotations': 7.24.7(@babel/core@7.25.8)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/preset-typescript@7.24.7(@babel/core@7.25.2)':
+  '@babel/preset-typescript@7.25.7(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/helper-validator-option': 7.24.8
-      '@babel/plugin-syntax-jsx': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-modules-commonjs': 7.24.8(@babel/core@7.25.2)
-      '@babel/plugin-transform-typescript': 7.25.2(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/helper-validator-option': 7.25.7
+      '@babel/plugin-syntax-jsx': 7.25.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-modules-commonjs': 7.25.7(@babel/core@7.25.8)
+      '@babel/plugin-transform-typescript': 7.25.7(@babel/core@7.25.8)
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/register@7.24.6(@babel/core@7.25.2)':
+  '@babel/register@7.24.6(@babel/core@7.25.8)':
     dependencies:
-      '@babel/core': 7.25.2
+      '@babel/core': 7.25.8
       clone-deep: 4.0.1
       find-cache-dir: 2.1.0
       make-dir: 2.1.0
@@ -14633,28 +14688,28 @@ snapshots:
 
   '@babel/standalone@7.25.3': {}
 
-  '@babel/template@7.25.0':
+  '@babel/template@7.25.7':
     dependencies:
-      '@babel/code-frame': 7.24.7
-      '@babel/parser': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/code-frame': 7.25.7
+      '@babel/parser': 7.25.8
+      '@babel/types': 7.25.8
 
-  '@babel/traverse@7.25.6':
+  '@babel/traverse@7.25.7':
     dependencies:
-      '@babel/code-frame': 7.24.7
-      '@babel/generator': 7.25.6
-      '@babel/parser': 7.25.6
-      '@babel/template': 7.25.0
-      '@babel/types': 7.25.6
+      '@babel/code-frame': 7.25.7
+      '@babel/generator': 7.25.7
+      '@babel/parser': 7.25.8
+      '@babel/template': 7.25.7
+      '@babel/types': 7.25.8
       debug: 4.3.7
       globals: 11.12.0
     transitivePeerDependencies:
       - supports-color
 
-  '@babel/types@7.25.6':
+  '@babel/types@7.25.8':
     dependencies:
-      '@babel/helper-string-parser': 7.24.8
-      '@babel/helper-validator-identifier': 7.24.7
+      '@babel/helper-string-parser': 7.25.7
+      '@babel/helper-validator-identifier': 7.25.7
       to-fast-properties: 2.0.0
 
   '@base2/pretty-print-object@1.0.1': {}
@@ -14663,14 +14718,14 @@ snapshots:
     dependencies:
       mime: 3.0.0
 
-  '@codemirror/autocomplete@6.18.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1)':
+  '@codemirror/autocomplete@6.18.1(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1)':
     dependencies:
       '@codemirror/language': 6.10.2
       '@codemirror/state': 6.4.1
       '@codemirror/view': 6.33.0
       '@lezer/common': 1.2.1
 
-  '@codemirror/commands@6.6.1':
+  '@codemirror/commands@6.6.2':
     dependencies:
       '@codemirror/language': 6.10.2
       '@codemirror/state': 6.4.1
@@ -14679,7 +14734,7 @@ snapshots:
 
   '@codemirror/lang-javascript@6.2.2':
     dependencies:
-      '@codemirror/autocomplete': 6.18.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1)
+      '@codemirror/autocomplete': 6.18.1(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1)
       '@codemirror/language': 6.10.2
       '@codemirror/lint': 6.8.1
       '@codemirror/state': 6.4.1
@@ -14736,12 +14791,12 @@ snapshots:
   '@dnd-kit/accessibility@3.1.0(react@18.3.1)':
     dependencies:
       react: 18.3.1
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   '@dnd-kit/accessibility@3.1.0(react@19.0.0-rc-fb9a90fa48-20240614)':
     dependencies:
       react: 19.0.0-rc-fb9a90fa48-20240614
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   '@dnd-kit/core@6.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
@@ -14749,7 +14804,7 @@ snapshots:
       '@dnd-kit/utilities': 3.2.2(react@18.3.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   '@dnd-kit/core@6.1.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)':
     dependencies:
@@ -14757,7 +14812,7 @@ snapshots:
       '@dnd-kit/utilities': 3.2.2(react@18.3.1)
       react: 18.3.1
       react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@18.3.1)
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   '@dnd-kit/core@6.1.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)':
     dependencies:
@@ -14765,59 +14820,59 @@ snapshots:
       '@dnd-kit/utilities': 3.2.2(react@19.0.0-rc-fb9a90fa48-20240614)
       react: 19.0.0-rc-fb9a90fa48-20240614
       react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614)
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   '@dnd-kit/modifiers@6.0.1(@dnd-kit/core@6.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@dnd-kit/core': 6.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@dnd-kit/utilities': 3.2.2(react@18.3.1)
       react: 18.3.1
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   '@dnd-kit/modifiers@6.0.1(@dnd-kit/core@6.1.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@dnd-kit/core': 6.1.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)
       '@dnd-kit/utilities': 3.2.2(react@18.3.1)
       react: 18.3.1
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   '@dnd-kit/modifiers@6.0.1(@dnd-kit/core@6.1.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)':
     dependencies:
       '@dnd-kit/core': 6.1.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
       '@dnd-kit/utilities': 3.2.2(react@19.0.0-rc-fb9a90fa48-20240614)
       react: 19.0.0-rc-fb9a90fa48-20240614
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   '@dnd-kit/sortable@7.0.2(@dnd-kit/core@6.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@dnd-kit/core': 6.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@dnd-kit/utilities': 3.2.2(react@18.3.1)
       react: 18.3.1
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   '@dnd-kit/sortable@7.0.2(@dnd-kit/core@6.1.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@dnd-kit/core': 6.1.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)
       '@dnd-kit/utilities': 3.2.2(react@18.3.1)
       react: 18.3.1
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   '@dnd-kit/sortable@7.0.2(@dnd-kit/core@6.1.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)':
     dependencies:
       '@dnd-kit/core': 6.1.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
       '@dnd-kit/utilities': 3.2.2(react@19.0.0-rc-fb9a90fa48-20240614)
       react: 19.0.0-rc-fb9a90fa48-20240614
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   '@dnd-kit/utilities@3.2.2(react@18.3.1)':
     dependencies:
       react: 18.3.1
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   '@dnd-kit/utilities@3.2.2(react@19.0.0-rc-fb9a90fa48-20240614)':
     dependencies:
       react: 19.0.0-rc-fb9a90fa48-20240614
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   '@emmetio/abbreviation@2.3.3':
     dependencies:
@@ -14844,7 +14899,7 @@ snapshots:
 
   '@emnapi/runtime@1.2.0':
     dependencies:
-      tslib: 2.7.0
+      tslib: 2.8.0
     optional: true
 
   '@emotion/hash@0.9.2': {}
@@ -14865,14 +14920,6 @@ snapshots:
 
   '@emotion/unitless@0.8.1': {}
 
-  '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@18.3.1)':
-    dependencies:
-      react: 18.3.1
-
-  '@emotion/use-insertion-effect-with-fallbacks@1.0.1(react@19.0.0-rc-fb9a90fa48-20240614)':
-    dependencies:
-      react: 19.0.0-rc-fb9a90fa48-20240614
-
   '@esbuild/aix-ppc64@0.20.2':
     optional: true
 
@@ -14882,6 +14929,9 @@ snapshots:
   '@esbuild/aix-ppc64@0.23.1':
     optional: true
 
+  '@esbuild/aix-ppc64@0.24.0':
+    optional: true
+
   '@esbuild/android-arm64@0.17.6':
     optional: true
 
@@ -14897,6 +14947,9 @@ snapshots:
   '@esbuild/android-arm64@0.23.1':
     optional: true
 
+  '@esbuild/android-arm64@0.24.0':
+    optional: true
+
   '@esbuild/android-arm@0.17.6':
     optional: true
 
@@ -14912,6 +14965,9 @@ snapshots:
   '@esbuild/android-arm@0.23.1':
     optional: true
 
+  '@esbuild/android-arm@0.24.0':
+    optional: true
+
   '@esbuild/android-x64@0.17.6':
     optional: true
 
@@ -14927,6 +14983,9 @@ snapshots:
   '@esbuild/android-x64@0.23.1':
     optional: true
 
+  '@esbuild/android-x64@0.24.0':
+    optional: true
+
   '@esbuild/darwin-arm64@0.17.6':
     optional: true
 
@@ -14942,6 +15001,9 @@ snapshots:
   '@esbuild/darwin-arm64@0.23.1':
     optional: true
 
+  '@esbuild/darwin-arm64@0.24.0':
+    optional: true
+
   '@esbuild/darwin-x64@0.17.6':
     optional: true
 
@@ -14957,6 +15019,9 @@ snapshots:
   '@esbuild/darwin-x64@0.23.1':
     optional: true
 
+  '@esbuild/darwin-x64@0.24.0':
+    optional: true
+
   '@esbuild/freebsd-arm64@0.17.6':
     optional: true
 
@@ -14972,6 +15037,9 @@ snapshots:
   '@esbuild/freebsd-arm64@0.23.1':
     optional: true
 
+  '@esbuild/freebsd-arm64@0.24.0':
+    optional: true
+
   '@esbuild/freebsd-x64@0.17.6':
     optional: true
 
@@ -14987,6 +15055,9 @@ snapshots:
   '@esbuild/freebsd-x64@0.23.1':
     optional: true
 
+  '@esbuild/freebsd-x64@0.24.0':
+    optional: true
+
   '@esbuild/linux-arm64@0.17.6':
     optional: true
 
@@ -15002,6 +15073,9 @@ snapshots:
   '@esbuild/linux-arm64@0.23.1':
     optional: true
 
+  '@esbuild/linux-arm64@0.24.0':
+    optional: true
+
   '@esbuild/linux-arm@0.17.6':
     optional: true
 
@@ -15017,6 +15091,9 @@ snapshots:
   '@esbuild/linux-arm@0.23.1':
     optional: true
 
+  '@esbuild/linux-arm@0.24.0':
+    optional: true
+
   '@esbuild/linux-ia32@0.17.6':
     optional: true
 
@@ -15032,6 +15109,9 @@ snapshots:
   '@esbuild/linux-ia32@0.23.1':
     optional: true
 
+  '@esbuild/linux-ia32@0.24.0':
+    optional: true
+
   '@esbuild/linux-loong64@0.17.6':
     optional: true
 
@@ -15047,6 +15127,9 @@ snapshots:
   '@esbuild/linux-loong64@0.23.1':
     optional: true
 
+  '@esbuild/linux-loong64@0.24.0':
+    optional: true
+
   '@esbuild/linux-mips64el@0.17.6':
     optional: true
 
@@ -15062,6 +15145,9 @@ snapshots:
   '@esbuild/linux-mips64el@0.23.1':
     optional: true
 
+  '@esbuild/linux-mips64el@0.24.0':
+    optional: true
+
   '@esbuild/linux-ppc64@0.17.6':
     optional: true
 
@@ -15077,6 +15163,9 @@ snapshots:
   '@esbuild/linux-ppc64@0.23.1':
     optional: true
 
+  '@esbuild/linux-ppc64@0.24.0':
+    optional: true
+
   '@esbuild/linux-riscv64@0.17.6':
     optional: true
 
@@ -15092,6 +15181,9 @@ snapshots:
   '@esbuild/linux-riscv64@0.23.1':
     optional: true
 
+  '@esbuild/linux-riscv64@0.24.0':
+    optional: true
+
   '@esbuild/linux-s390x@0.17.6':
     optional: true
 
@@ -15107,6 +15199,9 @@ snapshots:
   '@esbuild/linux-s390x@0.23.1':
     optional: true
 
+  '@esbuild/linux-s390x@0.24.0':
+    optional: true
+
   '@esbuild/linux-x64@0.17.6':
     optional: true
 
@@ -15122,6 +15217,9 @@ snapshots:
   '@esbuild/linux-x64@0.23.1':
     optional: true
 
+  '@esbuild/linux-x64@0.24.0':
+    optional: true
+
   '@esbuild/netbsd-x64@0.17.6':
     optional: true
 
@@ -15137,9 +15235,15 @@ snapshots:
   '@esbuild/netbsd-x64@0.23.1':
     optional: true
 
+  '@esbuild/netbsd-x64@0.24.0':
+    optional: true
+
   '@esbuild/openbsd-arm64@0.23.1':
     optional: true
 
+  '@esbuild/openbsd-arm64@0.24.0':
+    optional: true
+
   '@esbuild/openbsd-x64@0.17.6':
     optional: true
 
@@ -15155,6 +15259,9 @@ snapshots:
   '@esbuild/openbsd-x64@0.23.1':
     optional: true
 
+  '@esbuild/openbsd-x64@0.24.0':
+    optional: true
+
   '@esbuild/sunos-x64@0.17.6':
     optional: true
 
@@ -15170,6 +15277,9 @@ snapshots:
   '@esbuild/sunos-x64@0.23.1':
     optional: true
 
+  '@esbuild/sunos-x64@0.24.0':
+    optional: true
+
   '@esbuild/win32-arm64@0.17.6':
     optional: true
 
@@ -15185,6 +15295,9 @@ snapshots:
   '@esbuild/win32-arm64@0.23.1':
     optional: true
 
+  '@esbuild/win32-arm64@0.24.0':
+    optional: true
+
   '@esbuild/win32-ia32@0.17.6':
     optional: true
 
@@ -15200,6 +15313,9 @@ snapshots:
   '@esbuild/win32-ia32@0.23.1':
     optional: true
 
+  '@esbuild/win32-ia32@0.24.0':
+    optional: true
+
   '@esbuild/win32-x64@0.17.6':
     optional: true
 
@@ -15215,17 +15331,15 @@ snapshots:
   '@esbuild/win32-x64@0.23.1':
     optional: true
 
-  '@eslint-community/eslint-utils@4.4.0(eslint@8.57.0)':
-    dependencies:
-      eslint: 8.57.0
-      eslint-visitor-keys: 3.4.3
+  '@esbuild/win32-x64@0.24.0':
+    optional: true
 
   '@eslint-community/eslint-utils@4.4.0(eslint@8.57.1)':
     dependencies:
       eslint: 8.57.1
       eslint-visitor-keys: 3.4.3
 
-  '@eslint-community/regexpp@4.11.0': {}
+  '@eslint-community/regexpp@4.11.1': {}
 
   '@eslint/eslintrc@2.1.4':
     dependencies:
@@ -15241,8 +15355,6 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@eslint/js@8.57.0': {}
-
   '@eslint/js@8.57.1': {}
 
   '@fastify/busboy@2.1.1': {}
@@ -15276,18 +15388,10 @@ snapshots:
 
   '@floating-ui/utils@0.2.5': {}
 
-  '@fontsource/fira-mono@5.0.15': {}
+  '@fontsource/fira-mono@5.1.0': {}
 
   '@gar/promisify@1.1.3': {}
 
-  '@humanwhocodes/config-array@0.11.14':
-    dependencies:
-      '@humanwhocodes/object-schema': 2.0.3
-      debug: 4.3.7
-      minimatch: 3.1.2
-    transitivePeerDependencies:
-      - supports-color
-
   '@humanwhocodes/config-array@0.13.0':
     dependencies:
       '@humanwhocodes/object-schema': 2.0.3
@@ -15300,6 +15404,24 @@ snapshots:
 
   '@humanwhocodes/object-schema@2.0.3': {}
 
+  '@ianvs/prettier-plugin-sort-imports@4.3.1(@vue/compiler-sfc@3.5.6)(prettier@3.3.3)':
+    dependencies:
+      '@babel/core': 7.25.8
+      '@babel/generator': 7.25.7
+      '@babel/parser': 7.25.8
+      '@babel/traverse': 7.25.7
+      '@babel/types': 7.25.8
+      prettier: 3.3.3
+      semver: 7.6.3
+    optionalDependencies:
+      '@vue/compiler-sfc': 3.5.6
+    transitivePeerDependencies:
+      - supports-color
+
+  '@icons/material@0.2.4(react@19.0.0-rc-fb9a90fa48-20240614)':
+    dependencies:
+      react: 19.0.0-rc-fb9a90fa48-20240614
+
   '@img/sharp-darwin-arm64@0.33.5':
     optionalDependencies:
       '@img/sharp-libvips-darwin-arm64': 1.0.4
@@ -15392,25 +15514,21 @@ snapshots:
 
   '@isaacs/string-locale-compare@1.1.0': {}
 
-  '@jest/schemas@29.6.3':
-    dependencies:
-      '@sinclair/typebox': 0.27.8
-
   '@jest/types@24.9.0':
     dependencies:
       '@types/istanbul-lib-coverage': 2.0.6
       '@types/istanbul-reports': 1.1.2
       '@types/yargs': 13.0.12
 
-  '@joshwooding/vite-plugin-react-docgen-typescript@0.3.1(typescript@5.6.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))':
+  '@joshwooding/vite-plugin-react-docgen-typescript@0.3.0(typescript@5.6.3)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))':
     dependencies:
       glob: 7.2.3
       glob-promise: 4.2.2(glob@7.2.3)
       magic-string: 0.27.0
-      react-docgen-typescript: 2.2.2(typescript@5.6.2)
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
+      react-docgen-typescript: 2.2.2(typescript@5.6.3)
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
 
   '@jridgewell/gen-mapping@0.3.5':
     dependencies:
@@ -15444,7 +15562,7 @@ snapshots:
       http-errors: 2.0.0
       koa-compose: 4.1.0
       methods: 1.1.2
-      path-to-regexp: 6.2.2
+      path-to-regexp: 6.3.0
     transitivePeerDependencies:
       - supports-color
 
@@ -15509,29 +15627,29 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@mdx-js/react@3.0.1(@types/react@18.3.5)(react@18.3.1)':
+  '@mdx-js/react@3.0.1(@types/react@18.3.11)(react@18.3.1)':
     dependencies:
       '@types/mdx': 2.0.13
-      '@types/react': 18.3.5
+      '@types/react': 18.3.11
       react: 18.3.1
 
-  '@microsoft/api-extractor-model@7.29.6(@types/node@22.5.4)':
+  '@microsoft/api-extractor-model@7.29.8(@types/node@22.5.5)':
     dependencies:
       '@microsoft/tsdoc': 0.15.0
       '@microsoft/tsdoc-config': 0.17.0
-      '@rushstack/node-core-library': 5.7.0(@types/node@22.5.4)
+      '@rushstack/node-core-library': 5.9.0(@types/node@22.5.5)
     transitivePeerDependencies:
       - '@types/node'
 
-  '@microsoft/api-extractor@7.47.7(@types/node@22.5.4)':
+  '@microsoft/api-extractor@7.47.9(@types/node@22.5.5)':
     dependencies:
-      '@microsoft/api-extractor-model': 7.29.6(@types/node@22.5.4)
+      '@microsoft/api-extractor-model': 7.29.8(@types/node@22.5.5)
       '@microsoft/tsdoc': 0.15.0
       '@microsoft/tsdoc-config': 0.17.0
-      '@rushstack/node-core-library': 5.7.0(@types/node@22.5.4)
+      '@rushstack/node-core-library': 5.9.0(@types/node@22.5.5)
       '@rushstack/rig-package': 0.5.3
-      '@rushstack/terminal': 0.14.0(@types/node@22.5.4)
-      '@rushstack/ts-command-line': 4.22.6(@types/node@22.5.4)
+      '@rushstack/terminal': 0.14.2(@types/node@22.5.5)
+      '@rushstack/ts-command-line': 4.22.8(@types/node@22.5.5)
       lodash: 4.17.21
       minimatch: 3.0.8
       resolve: 1.22.8
@@ -15561,84 +15679,81 @@ snapshots:
       '@netlify/node-cookies': 0.1.0
       urlpattern-polyfill: 8.0.2
 
-  '@next/bundle-analyzer@14.2.9':
+  '@next/bundle-analyzer@14.2.15':
     dependencies:
       webpack-bundle-analyzer: 4.10.1
     transitivePeerDependencies:
       - bufferutil
       - utf-8-validate
 
-  '@next/bundle-analyzer@15.0.0-canary.148':
+  '@next/bundle-analyzer@15.0.0-canary.195':
     dependencies:
       webpack-bundle-analyzer: 4.10.1
     transitivePeerDependencies:
       - bufferutil
       - utf-8-validate
 
-  '@next/env@14.2.9': {}
+  '@next/env@14.2.15': {}
 
-  '@next/env@15.0.0-canary.148': {}
+  '@next/env@15.0.0-canary.195': {}
 
-  '@next/eslint-plugin-next@14.2.9':
+  '@next/eslint-plugin-next@14.2.15':
     dependencies:
       glob: 10.3.10
 
-  '@next/eslint-plugin-next@14.3.0-canary.87':
+  '@next/eslint-plugin-next@15.0.0-canary.195':
     dependencies:
-      glob: 10.3.10
+      fast-glob: 3.3.1
 
-  '@next/swc-darwin-arm64@14.2.9':
+  '@next/swc-darwin-arm64@14.2.15':
     optional: true
 
-  '@next/swc-darwin-arm64@15.0.0-canary.148':
+  '@next/swc-darwin-arm64@15.0.0-canary.195':
     optional: true
 
-  '@next/swc-darwin-x64@14.2.9':
+  '@next/swc-darwin-x64@14.2.15':
     optional: true
 
-  '@next/swc-darwin-x64@15.0.0-canary.148':
+  '@next/swc-darwin-x64@15.0.0-canary.195':
     optional: true
 
-  '@next/swc-linux-arm64-gnu@14.2.9':
+  '@next/swc-linux-arm64-gnu@14.2.15':
     optional: true
 
-  '@next/swc-linux-arm64-gnu@15.0.0-canary.148':
+  '@next/swc-linux-arm64-gnu@15.0.0-canary.195':
     optional: true
 
-  '@next/swc-linux-arm64-musl@14.2.9':
+  '@next/swc-linux-arm64-musl@14.2.15':
     optional: true
 
-  '@next/swc-linux-arm64-musl@15.0.0-canary.148':
+  '@next/swc-linux-arm64-musl@15.0.0-canary.195':
     optional: true
 
-  '@next/swc-linux-x64-gnu@14.2.9':
+  '@next/swc-linux-x64-gnu@14.2.15':
     optional: true
 
-  '@next/swc-linux-x64-gnu@15.0.0-canary.148':
+  '@next/swc-linux-x64-gnu@15.0.0-canary.195':
     optional: true
 
-  '@next/swc-linux-x64-musl@14.2.9':
+  '@next/swc-linux-x64-musl@14.2.15':
     optional: true
 
-  '@next/swc-linux-x64-musl@15.0.0-canary.148':
+  '@next/swc-linux-x64-musl@15.0.0-canary.195':
     optional: true
 
-  '@next/swc-win32-arm64-msvc@14.2.9':
+  '@next/swc-win32-arm64-msvc@14.2.15':
     optional: true
 
-  '@next/swc-win32-arm64-msvc@15.0.0-canary.148':
+  '@next/swc-win32-arm64-msvc@15.0.0-canary.195':
     optional: true
 
-  '@next/swc-win32-ia32-msvc@14.2.9':
+  '@next/swc-win32-ia32-msvc@14.2.15':
     optional: true
 
-  '@next/swc-win32-ia32-msvc@15.0.0-canary.148':
+  '@next/swc-win32-x64-msvc@14.2.15':
     optional: true
 
-  '@next/swc-win32-x64-msvc@14.2.9':
-    optional: true
-
-  '@next/swc-win32-x64-msvc@15.0.0-canary.148':
+  '@next/swc-win32-x64-msvc@15.0.0-canary.195':
     optional: true
 
   '@nicolo-ribaudo/eslint-scope-5-internals@5.1.1-v1':
@@ -15784,19 +15899,19 @@ snapshots:
 
   '@nuxt/devalue@2.0.2': {}
 
-  '@nuxt/devtools-kit@1.4.2(magicast@0.3.5)(rollup@4.21.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))(webpack-sources@3.2.3)':
+  '@nuxt/devtools-kit@1.6.0(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))(webpack-sources@3.2.3)':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.2)(webpack-sources@3.2.3)
-      '@nuxt/schema': 3.13.1(rollup@4.21.2)(webpack-sources@3.2.3)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)(webpack-sources@3.2.3)
+      '@nuxt/schema': 3.13.2(rollup@4.24.0)(webpack-sources@3.2.3)
       execa: 7.2.0
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
     transitivePeerDependencies:
       - magicast
       - rollup
       - supports-color
       - webpack-sources
 
-  '@nuxt/devtools-wizard@1.4.2':
+  '@nuxt/devtools-wizard@1.6.0':
     dependencies:
       consola: 3.2.3
       diff: 7.0.0
@@ -15809,13 +15924,13 @@ snapshots:
       rc9: 2.1.2
       semver: 7.6.3
 
-  '@nuxt/devtools@1.4.2(rollup@4.21.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))(vue@3.5.4(typescript@5.6.2))(webpack-sources@3.2.3)':
+  '@nuxt/devtools@1.6.0(rollup@4.24.0)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))(vue@3.5.6(typescript@5.6.3))(webpack-sources@3.2.3)':
     dependencies:
       '@antfu/utils': 0.7.10
-      '@nuxt/devtools-kit': 1.4.2(magicast@0.3.5)(rollup@4.21.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))(webpack-sources@3.2.3)
-      '@nuxt/devtools-wizard': 1.4.2
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.2)(webpack-sources@3.2.3)
-      '@vue/devtools-core': 7.4.4(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))(vue@3.5.4(typescript@5.6.2))
+      '@nuxt/devtools-kit': 1.6.0(magicast@0.3.5)(rollup@4.24.0)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))(webpack-sources@3.2.3)
+      '@nuxt/devtools-wizard': 1.6.0
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)(webpack-sources@3.2.3)
+      '@vue/devtools-core': 7.4.4(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))(vue@3.5.6(typescript@5.6.3))
       '@vue/devtools-kit': 7.4.4
       birpc: 0.2.17
       consola: 3.2.3
@@ -15833,20 +15948,20 @@ snapshots:
       local-pkg: 0.5.0
       magicast: 0.3.5
       nypm: 0.3.11
-      ohash: 1.1.3
+      ohash: 1.1.4
       pathe: 1.1.2
       perfect-debounce: 1.0.0
       pkg-types: 1.2.0
       rc9: 2.1.2
       scule: 1.3.0
       semver: 7.6.3
-      simple-git: 3.26.0
+      simple-git: 3.27.0
       sirv: 2.0.4
       tinyglobby: 0.2.6
-      unimport: 3.11.1(rollup@4.21.2)(webpack-sources@3.2.3)
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
-      vite-plugin-inspect: 0.8.7(@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@4.21.2)(webpack-sources@3.2.3))(rollup@4.21.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
-      vite-plugin-vue-inspector: 5.2.0(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
+      unimport: 3.12.0(rollup@4.24.0)(webpack-sources@3.2.3)
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
+      vite-plugin-inspect: 0.8.7(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0)(webpack-sources@3.2.3))(rollup@4.24.0)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
+      vite-plugin-vue-inspector: 5.1.3(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
       which: 3.0.1
       ws: 8.18.0
     transitivePeerDependencies:
@@ -15857,9 +15972,9 @@ snapshots:
       - vue
       - webpack-sources
 
-  '@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@4.21.2)(webpack-sources@3.2.3)':
+  '@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0)(webpack-sources@3.2.3)':
     dependencies:
-      '@nuxt/schema': 3.13.1(rollup@4.21.2)(webpack-sources@3.2.3)
+      '@nuxt/schema': 3.13.2(rollup@4.24.0)(webpack-sources@3.2.3)
       c12: 1.11.2(magicast@0.3.5)
       consola: 3.2.3
       defu: 6.1.4
@@ -15877,7 +15992,7 @@ snapshots:
       semver: 7.6.3
       ufo: 1.5.4
       unctx: 2.3.1(webpack-sources@3.2.3)
-      unimport: 3.11.1(rollup@4.21.2)(webpack-sources@3.2.3)
+      unimport: 3.12.0(rollup@4.24.0)(webpack-sources@3.2.3)
       untyped: 1.4.2
     transitivePeerDependencies:
       - magicast
@@ -15885,7 +16000,7 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  '@nuxt/schema@3.13.1(rollup@4.21.2)(webpack-sources@3.2.3)':
+  '@nuxt/schema@3.13.2(rollup@4.24.0)(webpack-sources@3.2.3)':
     dependencies:
       compatx: 0.1.8
       consola: 3.2.3
@@ -15897,28 +16012,29 @@ snapshots:
       std-env: 3.7.0
       ufo: 1.5.4
       uncrypto: 0.1.3
-      unimport: 3.11.1(rollup@4.21.2)(webpack-sources@3.2.3)
+      unimport: 3.12.0(rollup@4.24.0)(webpack-sources@3.2.3)
       untyped: 1.4.2
     transitivePeerDependencies:
       - rollup
       - supports-color
       - webpack-sources
 
-  '@nuxt/telemetry@2.5.4(magicast@0.3.5)(rollup@4.21.2)(webpack-sources@3.2.3)':
+  '@nuxt/telemetry@2.6.0(magicast@0.3.5)(rollup@4.24.0)(webpack-sources@3.2.3)':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.2)(webpack-sources@3.2.3)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)(webpack-sources@3.2.3)
       ci-info: 4.0.0
       consola: 3.2.3
       create-require: 1.1.1
       defu: 6.1.4
       destr: 2.0.3
       dotenv: 16.4.5
-      git-url-parse: 14.1.0
+      git-url-parse: 15.0.0
       is-docker: 3.0.0
       jiti: 1.21.6
       mri: 1.2.0
       nanoid: 5.0.7
-      ofetch: 1.3.4
+      ofetch: 1.4.0
+      package-manager-detector: 0.2.0
       parse-git-config: 3.0.0
       pathe: 1.1.2
       rc9: 2.1.2
@@ -15929,16 +16045,16 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  '@nuxt/vite-builder@3.13.1(@types/node@22.5.4)(eslint@8.57.1)(magicast@0.3.5)(meow@9.0.0)(optionator@0.9.4)(rollup@4.21.2)(terser@5.31.3)(typescript@5.6.2)(vue@3.5.4(typescript@5.6.2))(webpack-sources@3.2.3)':
+  '@nuxt/vite-builder@3.13.2(@types/node@22.5.5)(eslint@8.57.1)(magicast@0.3.5)(meow@9.0.0)(optionator@0.9.4)(rollup@4.24.0)(terser@5.33.0)(typescript@5.6.3)(vue@3.5.6(typescript@5.6.3))(webpack-sources@3.2.3)':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.2)(webpack-sources@3.2.3)
-      '@rollup/plugin-replace': 5.0.7(rollup@4.21.2)
-      '@vitejs/plugin-vue': 5.1.3(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))(vue@3.5.4(typescript@5.6.2))
-      '@vitejs/plugin-vue-jsx': 4.0.1(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))(vue@3.5.4(typescript@5.6.2))
-      autoprefixer: 10.4.20(postcss@8.4.45)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)(webpack-sources@3.2.3)
+      '@rollup/plugin-replace': 5.0.7(rollup@4.24.0)
+      '@vitejs/plugin-vue': 5.1.3(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))(vue@3.5.6(typescript@5.6.3))
+      '@vitejs/plugin-vue-jsx': 4.0.1(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))(vue@3.5.6(typescript@5.6.3))
+      autoprefixer: 10.4.20(postcss@8.4.47)
       clear: 0.1.0
       consola: 3.2.3
-      cssnano: 7.0.6(postcss@8.4.45)
+      cssnano: 7.0.6(postcss@8.4.47)
       defu: 6.1.4
       esbuild: 0.23.1
       escape-string-regexp: 5.0.0
@@ -15947,23 +16063,23 @@ snapshots:
       get-port-please: 3.1.2
       h3: 1.12.0
       knitwork: 1.1.0
-      magic-string: 0.30.11
+      magic-string: 0.30.12
       mlly: 1.7.1
-      ohash: 1.1.3
+      ohash: 1.1.4
       pathe: 1.1.2
       perfect-debounce: 1.0.0
       pkg-types: 1.2.0
-      postcss: 8.4.45
-      rollup-plugin-visualizer: 5.12.0(rollup@4.21.2)
+      postcss: 8.4.47
+      rollup-plugin-visualizer: 5.12.0(rollup@4.24.0)
       std-env: 3.7.0
       strip-literal: 2.1.0
       ufo: 1.5.4
       unenv: 1.10.0
-      unplugin: 1.14.0(webpack-sources@3.2.3)
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
-      vite-node: 2.0.5(@types/node@22.5.4)(terser@5.31.3)
-      vite-plugin-checker: 0.7.2(eslint@8.57.1)(meow@9.0.0)(optionator@0.9.4)(typescript@5.6.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
-      vue: 3.5.4(typescript@5.6.2)
+      unplugin: 1.14.1(webpack-sources@3.2.3)
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
+      vite-node: 2.1.3(@types/node@22.5.5)(terser@5.33.0)
+      vite-plugin-checker: 0.8.0(eslint@8.57.1)(meow@9.0.0)(optionator@0.9.4)(typescript@5.6.3)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
+      vue: 3.5.6(typescript@5.6.3)
       vue-bundle-renderer: 2.1.0
     transitivePeerDependencies:
       - '@biomejs/biome'
@@ -15989,11 +16105,11 @@ snapshots:
       - vue-tsc
       - webpack-sources
 
-  '@nuxtjs/sanity@1.12.1(magicast@0.3.5)(rollup@4.21.2)(webpack-sources@3.2.3)':
+  '@nuxtjs/sanity@1.12.2(magicast@0.3.5)(rollup@4.24.0)(webpack-sources@3.2.3)':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.2)(webpack-sources@3.2.3)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)(webpack-sources@3.2.3)
       '@portabletext/types': 2.0.13
-      '@sanity/client': 6.21.3(debug@4.3.7)
+      '@sanity/client': 6.22.1(debug@4.3.7)
       '@sanity/core-loader': link:packages/core-loader
       '@sanity/preview-url-secret': link:packages/preview-url-secret
       '@sanity/visual-editing': link:packages/visual-editing
@@ -16003,8 +16119,8 @@ snapshots:
       knitwork: 1.1.0
       magic-regexp: 0.8.0(webpack-sources@3.2.3)
       mlly: 1.7.1
-      ofetch: 1.3.4
-      ohash: 1.1.3
+      ofetch: 1.4.0
+      ohash: 1.1.4
       pathe: 1.1.2
     transitivePeerDependencies:
       - debug
@@ -16013,18 +16129,18 @@ snapshots:
       - supports-color
       - webpack-sources
 
-  '@nuxtjs/tailwindcss@6.12.1(magicast@0.3.5)(rollup@4.21.2)(webpack-sources@3.2.3)':
+  '@nuxtjs/tailwindcss@6.12.1(magicast@0.3.5)(rollup@4.24.0)(webpack-sources@3.2.3)':
     dependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.2)(webpack-sources@3.2.3)
-      autoprefixer: 10.4.20(postcss@8.4.45)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)(webpack-sources@3.2.3)
+      autoprefixer: 10.4.20(postcss@8.4.47)
       consola: 3.2.3
       defu: 6.1.4
       h3: 1.12.0
       pathe: 1.1.2
-      postcss: 8.4.45
-      postcss-nesting: 12.1.5(postcss@8.4.45)
-      tailwind-config-viewer: 2.0.4(tailwindcss@3.4.10)
-      tailwindcss: 3.4.10
+      postcss: 8.4.47
+      postcss-nesting: 12.1.5(postcss@8.4.47)
+      tailwind-config-viewer: 2.0.4(tailwindcss@3.4.14)
+      tailwindcss: 3.4.14
       ufo: 1.5.4
       unctx: 2.3.1(webpack-sources@3.2.3)
     transitivePeerDependencies:
@@ -16035,18 +16151,18 @@ snapshots:
       - uWebSockets.js
       - webpack-sources
 
-  '@optimize-lodash/rollup-plugin@5.0.0(rollup@4.21.2)':
+  '@optimize-lodash/rollup-plugin@5.0.0(rollup@4.24.0)':
     dependencies:
       '@optimize-lodash/transform': 3.0.4
-      '@rollup/pluginutils': 5.1.0(rollup@4.21.2)
-      rollup: 4.21.2
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      rollup: 4.24.0
 
   '@optimize-lodash/transform@3.0.4':
     dependencies:
       estree-walker: 2.0.2
-      magic-string: 0.30.11
+      magic-string: 0.30.12
 
-  '@oslojs/encoding@0.4.1': {}
+  '@oslojs/encoding@1.1.0': {}
 
   '@parcel/watcher-android-arm64@2.4.1':
     optional: true
@@ -16128,58 +16244,62 @@ snapshots:
 
   '@polka/url@1.0.0-next.25': {}
 
-  '@portabletext/editor@1.0.19(@sanity/block-tools@3.57.2(debug@4.3.7))(@sanity/schema@3.57.2(debug@4.3.7))(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@sanity/types@3.57.2)(@sanity/util@3.57.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rxjs@7.8.1)':
+  '@portabletext/editor@1.1.4(@sanity/block-tools@3.61.0(debug@4.3.7))(@sanity/schema@3.61.0(debug@4.3.7))(@sanity/types@3.61.0(debug@4.3.7))(@sanity/util@3.61.0(debug@4.3.7))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rxjs@7.8.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
     dependencies:
       '@portabletext/patches': 1.1.0
-      '@sanity/block-tools': 3.57.2(debug@4.3.7)
-      '@sanity/schema': 3.57.2(debug@4.3.7)
-      '@sanity/types': 3.57.2(debug@4.3.7)
-      '@sanity/util': 3.57.2(debug@4.3.7)
+      '@sanity/block-tools': 3.61.0(debug@4.3.7)
+      '@sanity/schema': 3.61.0(debug@4.3.7)
+      '@sanity/types': 3.61.0(debug@4.3.7)
+      '@sanity/util': 3.61.0(debug@4.3.7)
       debug: 4.3.7
       is-hotkey-esm: 1.0.0
       lodash: 4.17.21
       react: 18.3.1
       rxjs: 7.8.1
       slate: 0.103.0
-      slate-react: 0.108.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
-      styled-components: '@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)'
+      slate-react: 0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      styled-components: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      xstate: 5.18.2
     transitivePeerDependencies:
       - react-dom
       - supports-color
 
-  '@portabletext/editor@1.0.19(@sanity/block-tools@3.57.2(debug@4.3.7))(@sanity/schema@3.57.2(debug@4.3.7))(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(@sanity/types@3.57.2)(@sanity/util@3.57.2)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(rxjs@7.8.1)':
+  '@portabletext/editor@1.1.4(@sanity/block-tools@3.61.0(debug@4.3.7))(@sanity/schema@3.61.0(debug@4.3.7))(@sanity/types@3.61.0)(@sanity/util@3.61.0)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)(rxjs@7.8.1)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1))':
     dependencies:
       '@portabletext/patches': 1.1.0
-      '@sanity/block-tools': 3.57.2(debug@4.3.7)
-      '@sanity/schema': 3.57.2(debug@4.3.7)
-      '@sanity/types': 3.57.2(debug@4.3.7)
-      '@sanity/util': 3.57.2(debug@4.3.7)
+      '@sanity/block-tools': 3.61.0(debug@4.3.7)
+      '@sanity/schema': 3.61.0(debug@4.3.7)
+      '@sanity/types': 3.61.0(debug@4.3.7)
+      '@sanity/util': 3.61.0(debug@4.3.7)
       debug: 4.3.7
       is-hotkey-esm: 1.0.0
       lodash: 4.17.21
-      react: 19.0.0-rc-fb9a90fa48-20240614
+      react: 18.3.1
       rxjs: 7.8.1
       slate: 0.103.0
-      slate-react: 0.108.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(slate@0.103.0)
-      styled-components: '@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)'
+      slate-react: 0.110.1(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      styled-components: 6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)
+      xstate: 5.18.2
     transitivePeerDependencies:
       - react-dom
       - supports-color
 
-  '@portabletext/editor@1.0.19(@sanity/block-tools@3.57.2(debug@4.3.7))(@sanity/schema@3.57.2(debug@4.3.7))(@sanity/types@3.57.2)(@sanity/util@3.57.2)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)(rxjs@7.8.1)':
+  '@portabletext/editor@1.1.4(@sanity/block-tools@3.61.0(debug@4.3.7))(@sanity/schema@3.61.0(debug@4.3.7))(@sanity/types@3.61.0)(@sanity/util@3.61.0)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(rxjs@7.8.1)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))':
     dependencies:
       '@portabletext/patches': 1.1.0
-      '@sanity/block-tools': 3.57.2(debug@4.3.7)
-      '@sanity/schema': 3.57.2(debug@4.3.7)
-      '@sanity/types': 3.57.2(debug@4.3.7)
-      '@sanity/util': 3.57.2(debug@4.3.7)
+      '@sanity/block-tools': 3.61.0(debug@4.3.7)
+      '@sanity/schema': 3.61.0(debug@4.3.7)
+      '@sanity/types': 3.61.0(debug@4.3.7)
+      '@sanity/util': 3.61.0(debug@4.3.7)
       debug: 4.3.7
       is-hotkey-esm: 1.0.0
       lodash: 4.17.21
-      react: 18.3.1
+      react: 19.0.0-rc-fb9a90fa48-20240614
       rxjs: 7.8.1
       slate: 0.103.0
-      slate-react: 0.108.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)(slate@0.103.0)
+      slate-react: 0.110.1(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(slate@0.103.0)
+      styled-components: 6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
+      xstate: 5.18.2
     transitivePeerDependencies:
       - react-dom
       - supports-color
@@ -16212,26 +16332,26 @@ snapshots:
 
   '@portabletext/types@2.0.13': {}
 
-  '@remix-run/css-bundle@2.12.0': {}
+  '@remix-run/css-bundle@2.13.1': {}
 
-  '@remix-run/dev@2.12.0(@remix-run/react@2.12.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.6.2))(@remix-run/serve@2.12.0(typescript@5.6.2))(@types/node@22.5.4)(terser@5.31.3)(typescript@5.6.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))':
+  '@remix-run/dev@2.13.1(@remix-run/react@2.13.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.6.3))(@remix-run/serve@2.13.1(typescript@5.6.3))(@types/node@22.5.5)(terser@5.33.0)(typescript@5.6.3)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/generator': 7.25.6
-      '@babel/parser': 7.25.6
-      '@babel/plugin-syntax-decorators': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-syntax-jsx': 7.24.7(@babel/core@7.25.2)
-      '@babel/preset-typescript': 7.24.7(@babel/core@7.25.2)
-      '@babel/traverse': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/core': 7.25.8
+      '@babel/generator': 7.25.7
+      '@babel/parser': 7.25.8
+      '@babel/plugin-syntax-decorators': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-syntax-jsx': 7.25.7(@babel/core@7.25.8)
+      '@babel/preset-typescript': 7.25.7(@babel/core@7.25.8)
+      '@babel/traverse': 7.25.7
+      '@babel/types': 7.25.8
       '@mdx-js/mdx': 2.3.0
       '@npmcli/package-json': 4.0.1
-      '@remix-run/node': 2.12.0(typescript@5.6.2)
-      '@remix-run/react': 2.12.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.6.2)
-      '@remix-run/router': 1.19.2
-      '@remix-run/server-runtime': 2.12.0(typescript@5.6.2)
+      '@remix-run/node': 2.13.1(typescript@5.6.3)
+      '@remix-run/react': 2.13.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.6.3)
+      '@remix-run/router': 1.20.0
+      '@remix-run/server-runtime': 2.13.1(typescript@5.6.3)
       '@types/mdx': 2.0.13
-      '@vanilla-extract/integration': 6.5.0(@types/node@22.5.4)(terser@5.31.3)
+      '@vanilla-extract/integration': 6.5.0(@types/node@22.5.5)(terser@5.33.0)
       arg: 5.0.2
       cacache: 17.1.4
       chalk: 4.1.2
@@ -16243,7 +16363,7 @@ snapshots:
       esbuild-plugins-node-modules-polyfill: 1.6.6(esbuild@0.17.6)
       execa: 5.1.1
       exit-hook: 2.2.1
-      express: 4.20.0
+      express: 4.21.0
       fs-extra: 10.1.0
       get-port: 5.1.1
       gunzip-maybe: 1.4.2
@@ -16256,10 +16376,10 @@ snapshots:
       picocolors: 1.1.0
       picomatch: 2.3.1
       pidtree: 0.6.0
-      postcss: 8.4.45
-      postcss-discard-duplicates: 5.1.0(postcss@8.4.45)
-      postcss-load-config: 4.0.2(postcss@8.4.45)
-      postcss-modules: 6.0.0(postcss@8.4.45)
+      postcss: 8.4.47
+      postcss-discard-duplicates: 5.1.0(postcss@8.4.47)
+      postcss-load-config: 4.0.2(postcss@8.4.47)
+      postcss-modules: 6.0.0(postcss@8.4.47)
       prettier: 2.8.8
       pretty-ms: 7.0.1
       react-refresh: 0.14.2
@@ -16271,9 +16391,9 @@ snapshots:
       tsconfig-paths: 4.2.0
       ws: 7.5.10
     optionalDependencies:
-      '@remix-run/serve': 2.12.0(typescript@5.6.2)
-      typescript: 5.6.2
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
+      '@remix-run/serve': 2.13.1(typescript@5.6.3)
+      typescript: 5.6.3
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -16290,44 +16410,44 @@ snapshots:
       - ts-node
       - utf-8-validate
 
-  '@remix-run/eslint-config@2.12.0(eslint@8.57.0)(react@18.3.1)(typescript@5.6.2)':
+  '@remix-run/eslint-config@2.13.1(eslint@8.57.1)(react@18.3.1)(typescript@5.6.3)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/eslint-parser': 7.24.1(@babel/core@7.25.2)(eslint@8.57.0)
-      '@babel/preset-react': 7.24.7(@babel/core@7.25.2)
-      '@rushstack/eslint-patch': 1.10.1
-      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.2))(eslint@8.57.0)(typescript@5.6.2)
-      '@typescript-eslint/parser': 5.62.0(eslint@8.57.0)(typescript@5.6.2)
-      eslint: 8.57.0
+      '@babel/core': 7.25.8
+      '@babel/eslint-parser': 7.24.1(@babel/core@7.25.8)(eslint@8.57.1)
+      '@babel/preset-react': 7.24.7(@babel/core@7.25.8)
+      '@rushstack/eslint-patch': 1.10.4
+      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/parser': 5.62.0(eslint@8.57.1)(typescript@5.6.3)
+      eslint: 8.57.1
       eslint-import-resolver-node: 0.3.7
-      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.7)(eslint-plugin-import@2.30.0)(eslint@8.57.0)
-      eslint-plugin-import: 2.30.0(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0)
-      eslint-plugin-jest: 26.9.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.2))(eslint@8.57.0)(typescript@5.6.2))(eslint@8.57.0)(typescript@5.6.2)
-      eslint-plugin-jest-dom: 4.0.3(eslint@8.57.0)
-      eslint-plugin-jsx-a11y: 6.10.0(eslint@8.57.0)
-      eslint-plugin-node: 11.1.0(eslint@8.57.0)
-      eslint-plugin-react: 7.35.2(eslint@8.57.0)
-      eslint-plugin-react-hooks: 4.6.2(eslint@8.57.0)
-      eslint-plugin-testing-library: 5.11.1(eslint@8.57.0)(typescript@5.6.2)
+      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.7)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1))(eslint@8.57.1)
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1)
+      eslint-plugin-jest: 26.9.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3)
+      eslint-plugin-jest-dom: 4.0.3(eslint@8.57.1)
+      eslint-plugin-jsx-a11y: 6.10.0(eslint@8.57.1)
+      eslint-plugin-node: 11.1.0(eslint@8.57.1)
+      eslint-plugin-react: 7.37.1(eslint@8.57.1)
+      eslint-plugin-react-hooks: 4.6.2(eslint@8.57.1)
+      eslint-plugin-testing-library: 5.11.1(eslint@8.57.1)(typescript@5.6.3)
       react: 18.3.1
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
     transitivePeerDependencies:
       - eslint-import-resolver-webpack
       - eslint-plugin-import-x
       - jest
       - supports-color
 
-  '@remix-run/express@2.12.0(express@4.20.0)(typescript@5.6.2)':
+  '@remix-run/express@2.13.1(express@4.21.0)(typescript@5.6.3)':
     dependencies:
-      '@remix-run/node': 2.12.0(typescript@5.6.2)
-      express: 4.20.0
+      '@remix-run/node': 2.13.1(typescript@5.6.3)
+      express: 4.21.0
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
 
-  '@remix-run/node@2.12.0(typescript@5.6.2)':
+  '@remix-run/node@2.13.1(typescript@5.6.3)':
     dependencies:
-      '@remix-run/server-runtime': 2.12.0(typescript@5.6.2)
+      '@remix-run/server-runtime': 2.13.1(typescript@5.6.3)
       '@remix-run/web-fetch': 4.4.2
       '@web3-storage/multipart-parser': 1.0.0
       cookie-signature: 1.2.1
@@ -16335,29 +16455,29 @@ snapshots:
       stream-slice: 0.1.2
       undici: 6.19.8
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
 
-  '@remix-run/react@2.12.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.6.2)':
+  '@remix-run/react@2.13.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.6.3)':
     dependencies:
-      '@remix-run/router': 1.19.2
-      '@remix-run/server-runtime': 2.12.0(typescript@5.6.2)
+      '@remix-run/router': 1.20.0
+      '@remix-run/server-runtime': 2.13.1(typescript@5.6.3)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      react-router: 6.26.2(react@18.3.1)
-      react-router-dom: 6.26.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react-router: 6.27.0(react@18.3.1)
+      react-router-dom: 6.27.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       turbo-stream: 2.4.0
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
 
-  '@remix-run/router@1.19.2': {}
+  '@remix-run/router@1.20.0': {}
 
-  '@remix-run/serve@2.12.0(typescript@5.6.2)':
+  '@remix-run/serve@2.13.1(typescript@5.6.3)':
     dependencies:
-      '@remix-run/express': 2.12.0(express@4.20.0)(typescript@5.6.2)
-      '@remix-run/node': 2.12.0(typescript@5.6.2)
+      '@remix-run/express': 2.13.1(express@4.21.0)(typescript@5.6.3)
+      '@remix-run/node': 2.13.1(typescript@5.6.3)
       chokidar: 3.6.0
       compression: 1.7.4
-      express: 4.20.0
+      express: 4.21.0
       get-port: 5.1.1
       morgan: 1.10.0
       source-map-support: 0.5.21
@@ -16365,9 +16485,9 @@ snapshots:
       - supports-color
       - typescript
 
-  '@remix-run/server-runtime@2.12.0(typescript@5.6.2)':
+  '@remix-run/server-runtime@2.13.1(typescript@5.6.3)':
     dependencies:
-      '@remix-run/router': 1.19.2
+      '@remix-run/router': 1.20.0
       '@types/cookie': 0.6.0
       '@web3-storage/multipart-parser': 1.0.0
       cookie: 0.6.0
@@ -16375,7 +16495,7 @@ snapshots:
       source-map: 0.7.4
       turbo-stream: 2.4.0
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
 
   '@remix-run/web-blob@3.1.0':
     dependencies:
@@ -16405,6 +16525,14 @@ snapshots:
     dependencies:
       web-streams-polyfill: 3.3.3
 
+  '@repo/sanity-schema@file:packages/@repo/sanity-schema(@sanity/presentation@packages+presentation)(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0))':
+    dependencies:
+      '@repo/env': link:packages/@repo/env
+      '@sanity/presentation': link:packages/presentation
+      '@sanity/ui': 2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      date-fns: 4.1.0
+      sanity: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0)
+
   '@rexxars/react-json-inspector@8.0.1(react@18.3.1)':
     dependencies:
       create-react-class: 15.7.0
@@ -16435,151 +16563,156 @@ snapshots:
       react-lifecycles-compat: 3.0.4
       react-style-proptype: 3.2.2
 
-  '@rollup/plugin-alias@5.1.0(rollup@4.21.2)':
-    dependencies:
-      slash: 4.0.0
+  '@rollup/plugin-alias@5.1.1(rollup@4.24.0)':
     optionalDependencies:
-      rollup: 4.21.2
+      rollup: 4.24.0
 
-  '@rollup/plugin-babel@6.0.4(@babel/core@7.25.2)(@types/babel__core@7.20.5)(rollup@4.21.2)':
+  '@rollup/plugin-babel@6.0.4(@babel/core@7.25.8)(@types/babel__core@7.20.5)(rollup@4.24.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-module-imports': 7.24.7
-      '@rollup/pluginutils': 5.1.0(rollup@4.21.2)
+      '@babel/core': 7.25.8
+      '@babel/helper-module-imports': 7.25.7
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
     optionalDependencies:
       '@types/babel__core': 7.20.5
-      rollup: 4.21.2
+      rollup: 4.24.0
     transitivePeerDependencies:
       - supports-color
 
-  '@rollup/plugin-commonjs@25.0.8(rollup@4.21.2)':
+  '@rollup/plugin-commonjs@25.0.8(rollup@4.24.0)':
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.21.2)
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
       commondir: 1.0.1
       estree-walker: 2.0.2
       glob: 8.1.0
       is-reference: 1.2.1
-      magic-string: 0.30.11
+      magic-string: 0.30.12
     optionalDependencies:
-      rollup: 4.21.2
+      rollup: 4.24.0
 
-  '@rollup/plugin-commonjs@26.0.1(rollup@4.21.2)':
+  '@rollup/plugin-commonjs@28.0.0(rollup@4.24.0)':
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.21.2)
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
       commondir: 1.0.1
       estree-walker: 2.0.2
-      glob: 10.4.5
+      fdir: 6.3.0(picomatch@2.3.1)
       is-reference: 1.2.1
-      magic-string: 0.30.11
+      magic-string: 0.30.12
+      picomatch: 2.3.1
     optionalDependencies:
-      rollup: 4.21.2
+      rollup: 4.24.0
 
-  '@rollup/plugin-inject@5.0.5(rollup@4.21.2)':
+  '@rollup/plugin-inject@5.0.5(rollup@4.24.0)':
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.21.2)
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
       estree-walker: 2.0.2
-      magic-string: 0.30.11
+      magic-string: 0.30.12
     optionalDependencies:
-      rollup: 4.21.2
+      rollup: 4.24.0
 
-  '@rollup/plugin-json@6.1.0(rollup@4.21.2)':
+  '@rollup/plugin-json@6.1.0(rollup@4.24.0)':
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.21.2)
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
     optionalDependencies:
-      rollup: 4.21.2
+      rollup: 4.24.0
 
-  '@rollup/plugin-node-resolve@15.2.3(rollup@4.21.2)':
+  '@rollup/plugin-node-resolve@15.3.0(rollup@4.24.0)':
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.21.2)
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
       '@types/resolve': 1.20.2
       deepmerge: 4.3.1
-      is-builtin-module: 3.2.1
       is-module: 1.0.0
       resolve: 1.22.8
     optionalDependencies:
-      rollup: 4.21.2
+      rollup: 4.24.0
+
+  '@rollup/plugin-replace@5.0.7(rollup@4.24.0)':
+    dependencies:
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      magic-string: 0.30.12
+    optionalDependencies:
+      rollup: 4.24.0
 
-  '@rollup/plugin-replace@5.0.7(rollup@4.21.2)':
+  '@rollup/plugin-replace@6.0.1(rollup@4.24.0)':
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.21.2)
-      magic-string: 0.30.11
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      magic-string: 0.30.12
     optionalDependencies:
-      rollup: 4.21.2
+      rollup: 4.24.0
 
-  '@rollup/plugin-terser@0.4.4(rollup@4.21.2)':
+  '@rollup/plugin-terser@0.4.4(rollup@4.24.0)':
     dependencies:
       serialize-javascript: 6.0.2
       smob: 1.5.0
-      terser: 5.31.3
+      terser: 5.33.0
     optionalDependencies:
-      rollup: 4.21.2
+      rollup: 4.24.0
 
   '@rollup/pluginutils@4.2.1':
     dependencies:
       estree-walker: 2.0.2
       picomatch: 2.3.1
 
-  '@rollup/pluginutils@5.1.0(rollup@4.21.2)':
+  '@rollup/pluginutils@5.1.2(rollup@4.24.0)':
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
       estree-walker: 2.0.2
       picomatch: 2.3.1
     optionalDependencies:
-      rollup: 4.21.2
+      rollup: 4.24.0
 
-  '@rollup/rollup-android-arm-eabi@4.21.2':
+  '@rollup/rollup-android-arm-eabi@4.24.0':
     optional: true
 
-  '@rollup/rollup-android-arm64@4.21.2':
+  '@rollup/rollup-android-arm64@4.24.0':
     optional: true
 
-  '@rollup/rollup-darwin-arm64@4.21.2':
+  '@rollup/rollup-darwin-arm64@4.24.0':
     optional: true
 
-  '@rollup/rollup-darwin-x64@4.21.2':
+  '@rollup/rollup-darwin-x64@4.24.0':
     optional: true
 
-  '@rollup/rollup-linux-arm-gnueabihf@4.21.2':
+  '@rollup/rollup-linux-arm-gnueabihf@4.24.0':
     optional: true
 
-  '@rollup/rollup-linux-arm-musleabihf@4.21.2':
+  '@rollup/rollup-linux-arm-musleabihf@4.24.0':
     optional: true
 
-  '@rollup/rollup-linux-arm64-gnu@4.21.2':
+  '@rollup/rollup-linux-arm64-gnu@4.24.0':
     optional: true
 
-  '@rollup/rollup-linux-arm64-musl@4.21.2':
+  '@rollup/rollup-linux-arm64-musl@4.24.0':
     optional: true
 
-  '@rollup/rollup-linux-powerpc64le-gnu@4.21.2':
+  '@rollup/rollup-linux-powerpc64le-gnu@4.24.0':
     optional: true
 
-  '@rollup/rollup-linux-riscv64-gnu@4.21.2':
+  '@rollup/rollup-linux-riscv64-gnu@4.24.0':
     optional: true
 
-  '@rollup/rollup-linux-s390x-gnu@4.21.2':
+  '@rollup/rollup-linux-s390x-gnu@4.24.0':
     optional: true
 
-  '@rollup/rollup-linux-x64-gnu@4.21.2':
+  '@rollup/rollup-linux-x64-gnu@4.24.0':
     optional: true
 
-  '@rollup/rollup-linux-x64-musl@4.21.2':
+  '@rollup/rollup-linux-x64-musl@4.24.0':
     optional: true
 
-  '@rollup/rollup-win32-arm64-msvc@4.21.2':
+  '@rollup/rollup-win32-arm64-msvc@4.24.0':
     optional: true
 
-  '@rollup/rollup-win32-ia32-msvc@4.21.2':
+  '@rollup/rollup-win32-ia32-msvc@4.24.0':
     optional: true
 
-  '@rollup/rollup-win32-x64-msvc@4.21.2':
+  '@rollup/rollup-win32-x64-msvc@4.24.0':
     optional: true
 
   '@rtsao/scc@1.1.0': {}
 
-  '@rushstack/eslint-patch@1.10.1': {}
+  '@rushstack/eslint-patch@1.10.4': {}
 
-  '@rushstack/node-core-library@5.7.0(@types/node@22.5.4)':
+  '@rushstack/node-core-library@5.9.0(@types/node@22.5.5)':
     dependencies:
       ajv: 8.13.0
       ajv-draft-04: 1.0.0(ajv@8.13.0)
@@ -16590,23 +16723,23 @@ snapshots:
       resolve: 1.22.8
       semver: 7.5.4
     optionalDependencies:
-      '@types/node': 22.5.4
+      '@types/node': 22.5.5
 
   '@rushstack/rig-package@0.5.3':
     dependencies:
       resolve: 1.22.8
       strip-json-comments: 3.1.1
 
-  '@rushstack/terminal@0.14.0(@types/node@22.5.4)':
+  '@rushstack/terminal@0.14.2(@types/node@22.5.5)':
     dependencies:
-      '@rushstack/node-core-library': 5.7.0(@types/node@22.5.4)
+      '@rushstack/node-core-library': 5.9.0(@types/node@22.5.5)
       supports-color: 8.1.1
     optionalDependencies:
-      '@types/node': 22.5.4
+      '@types/node': 22.5.5
 
-  '@rushstack/ts-command-line@4.22.6(@types/node@22.5.4)':
+  '@rushstack/ts-command-line@4.22.8(@types/node@22.5.5)':
     dependencies:
-      '@rushstack/terminal': 0.14.0(@types/node@22.5.4)
+      '@rushstack/terminal': 0.14.2(@types/node@22.5.5)
       '@types/argparse': 1.0.38
       argparse: 1.0.10
       string-argv: 0.3.2
@@ -16615,12 +16748,14 @@ snapshots:
 
   '@sanity/asset-utils@1.3.0': {}
 
-  '@sanity/assist@3.0.6(@sanity/mutator@3.57.2)(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(sanity@3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3))':
+  '@sanity/asset-utils@2.0.6': {}
+
+  '@sanity/assist@3.0.8(@sanity/mutator@3.61.0)(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
     dependencies:
       '@sanity/icons': 2.11.8(react@18.3.1)
       '@sanity/incompatible-plugin': 1.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@sanity/mutator': 3.57.2
-      '@sanity/ui': 2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
+      '@sanity/mutator': 3.61.0
+      '@sanity/ui': 2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       date-fns: 3.6.0
       lodash: 4.17.21
       lodash-es: 4.17.21
@@ -16628,30 +16763,49 @@ snapshots:
       react-fast-compare: 3.2.2
       rxjs: 7.8.1
       rxjs-exhaustmap-with-trailing: 2.1.1(rxjs@7.8.1)
-      sanity: 3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)
-      styled-components: '@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)'
+      sanity: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0)
+      styled-components: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+    transitivePeerDependencies:
+      - react-dom
+      - react-is
+
+  '@sanity/assist@3.0.8(@sanity/mutator@3.61.0)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(terser@5.33.0))(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))':
+    dependencies:
+      '@sanity/icons': 2.11.8(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@sanity/incompatible-plugin': 1.0.4(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@sanity/mutator': 3.61.0
+      '@sanity/ui': 2.8.9(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))
+      date-fns: 3.6.0
+      lodash: 4.17.21
+      lodash-es: 4.17.21
+      react: 19.0.0-rc-fb9a90fa48-20240614
+      react-fast-compare: 3.2.2
+      rxjs: 7.8.1
+      rxjs-exhaustmap-with-trailing: 2.1.1(rxjs@7.8.1)
+      sanity: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(terser@5.33.0)
+      styled-components: 6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
     transitivePeerDependencies:
       - react-dom
       - react-is
 
-  '@sanity/astro@3.1.6(@sanity/client@6.21.3)(@sanity/visual-editing@packages+visual-editing)(astro@4.15.4(@types/node@22.5.4)(rollup@4.21.2)(terser@5.31.3)(typescript@5.6.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sanity@3.57.2(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3))':
+  '@sanity/astro@3.1.6(@sanity/client@6.22.1)(@sanity/visual-editing@packages+visual-editing)(astro@4.16.5(@types/node@22.5.5)(rollup@4.24.0)(terser@5.33.0)(typescript@5.6.3))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0))':
     dependencies:
-      '@sanity/client': 6.21.3(debug@4.3.7)
+      '@sanity/client': 6.22.1(debug@4.3.7)
       '@sanity/visual-editing': link:packages/visual-editing
-      astro: 4.15.4(@types/node@22.5.4)(rollup@4.21.2)(terser@5.31.3)(typescript@5.6.2)
+      astro: 4.16.5(@types/node@22.5.5)(rollup@4.24.0)(terser@5.33.0)(typescript@5.6.3)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      sanity: 3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)
+      sanity: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0)
 
   '@sanity/bifur-client@0.4.1':
     dependencies:
       nanoid: 3.3.7
       rxjs: 7.8.1
 
-  '@sanity/block-tools@3.57.2(debug@4.3.7)':
+  '@sanity/block-tools@3.61.0(debug@4.3.7)':
     dependencies:
-      '@sanity/types': 3.57.2(debug@4.3.7)
-      '@types/react': 18.3.5
+      '@sanity/types': 3.61.0(debug@4.3.7)
+      '@types/react': 18.3.11
       get-random-values-esm: 1.0.2
       lodash: 4.17.21
     transitivePeerDependencies:
@@ -16659,13 +16813,13 @@ snapshots:
 
   '@sanity/browserslist-config@1.0.3': {}
 
-  '@sanity/cli@3.57.2(react@18.3.1)':
+  '@sanity/cli@3.61.0(react@18.3.1)':
     dependencies:
-      '@babel/traverse': 7.25.6
-      '@sanity/client': 6.21.3(debug@4.3.7)
-      '@sanity/codegen': 3.57.2
+      '@babel/traverse': 7.25.7
+      '@sanity/client': 6.22.1(debug@4.3.7)
+      '@sanity/codegen': 3.61.0
       '@sanity/telemetry': 0.7.9(react@18.3.1)
-      '@sanity/util': 3.57.2(debug@4.3.7)
+      '@sanity/util': 3.61.0(debug@4.3.7)
       chalk: 4.1.2
       debug: 4.3.7
       decompress: 4.2.1
@@ -16673,7 +16827,6 @@ snapshots:
       esbuild-register: 3.6.0(esbuild@0.21.5)
       get-it: 8.6.5(debug@4.3.7)
       groq-js: 1.13.0
-      node-machine-id: 1.1.12
       pkg-dir: 5.0.0
       prettier: 3.3.3
       semver: 7.6.3
@@ -16683,13 +16836,13 @@ snapshots:
       - react
       - supports-color
 
-  '@sanity/cli@3.57.2(react@19.0.0-rc-fb9a90fa48-20240614)':
+  '@sanity/cli@3.61.0(react@19.0.0-rc-fb9a90fa48-20240614)':
     dependencies:
-      '@babel/traverse': 7.25.6
-      '@sanity/client': 6.21.3(debug@4.3.7)
-      '@sanity/codegen': 3.57.2
+      '@babel/traverse': 7.25.7
+      '@sanity/client': 6.22.1(debug@4.3.7)
+      '@sanity/codegen': 3.61.0
       '@sanity/telemetry': 0.7.9(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@sanity/util': 3.57.2(debug@4.3.7)
+      '@sanity/util': 3.61.0(debug@4.3.7)
       chalk: 4.1.2
       debug: 4.3.7
       decompress: 4.2.1
@@ -16697,7 +16850,6 @@ snapshots:
       esbuild-register: 3.6.0(esbuild@0.21.5)
       get-it: 8.6.5(debug@4.3.7)
       groq-js: 1.13.0
-      node-machine-id: 1.1.12
       pkg-dir: 5.0.0
       prettier: 3.3.3
       semver: 7.6.3
@@ -16707,7 +16859,7 @@ snapshots:
       - react
       - supports-color
 
-  '@sanity/client@6.21.3(debug@4.3.7)':
+  '@sanity/client@6.22.1(debug@4.3.7)':
     dependencies:
       '@sanity/eventsource': 5.0.2
       get-it: 8.6.5(debug@4.3.7)
@@ -16715,19 +16867,19 @@ snapshots:
     transitivePeerDependencies:
       - debug
 
-  '@sanity/codegen@3.57.2':
+  '@sanity/codegen@3.61.0':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/generator': 7.25.6
-      '@babel/preset-env': 7.25.4(@babel/core@7.25.2)
-      '@babel/preset-react': 7.24.7(@babel/core@7.25.2)
-      '@babel/preset-typescript': 7.24.7(@babel/core@7.25.2)
-      '@babel/register': 7.24.6(@babel/core@7.25.2)
-      '@babel/traverse': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/core': 7.25.8
+      '@babel/generator': 7.25.7
+      '@babel/preset-env': 7.25.4(@babel/core@7.25.8)
+      '@babel/preset-react': 7.24.7(@babel/core@7.25.8)
+      '@babel/preset-typescript': 7.25.7(@babel/core@7.25.8)
+      '@babel/register': 7.24.6(@babel/core@7.25.8)
+      '@babel/traverse': 7.25.7
+      '@babel/types': 7.25.8
       debug: 4.3.7
       globby: 10.0.2
-      groq: 3.57.2
+      groq: 3.61.0
       groq-js: 1.13.0
       json5: 2.2.3
       tsconfig-paths: 4.2.0
@@ -16735,31 +16887,46 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
+  '@sanity/color-input@4.0.1(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(terser@5.33.0))(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))':
+    dependencies:
+      '@sanity/icons': 3.4.0(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@sanity/incompatible-plugin': 1.0.4(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@sanity/ui': 2.8.9(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))
+      react: 19.0.0-rc-fb9a90fa48-20240614
+      react-color: 2.19.3(react@19.0.0-rc-fb9a90fa48-20240614)
+      sanity: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(terser@5.33.0)
+      styled-components: 6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
+      use-effect-event: 1.0.2(react@19.0.0-rc-fb9a90fa48-20240614)
+    transitivePeerDependencies:
+      - react-dom
+      - react-is
+
   '@sanity/color@3.0.6': {}
 
-  '@sanity/demo@2.0.0(@sanity/color@3.0.6)(tailwindcss@3.4.10)':
+  '@sanity/demo@2.0.0(@sanity/color@3.0.6)(tailwindcss@3.4.14)':
     dependencies:
       '@sanity/color': 3.0.6
-      tailwindcss: 3.4.10
+      tailwindcss: 3.4.14
 
   '@sanity/diff-match-patch@3.1.1': {}
 
-  '@sanity/diff@3.57.2':
+  '@sanity/diff@3.61.0':
     dependencies:
       '@sanity/diff-match-patch': 3.1.1
 
-  '@sanity/document-internationalization@3.0.0(@sanity/mutator@3.57.2)(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1))(@sanity/util@3.57.2)(react-dom@18.3.1(react@18.3.1))(react-fast-compare@3.2.2)(react@18.3.1)(rxjs@7.8.1)(sanity@3.57.2(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3))':
+  '@sanity/document-internationalization@3.0.1(@sanity/mutator@3.61.0)(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(@sanity/util@3.61.0)(react-dom@18.3.1(react@18.3.1))(react-fast-compare@3.2.2)(react@18.3.1)(rxjs@7.8.1)(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
     dependencies:
       '@sanity/icons': 2.11.8(react@18.3.1)
       '@sanity/incompatible-plugin': 1.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@sanity/mutator': 3.57.2
-      '@sanity/ui': 2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
+      '@sanity/mutator': 3.61.0
+      '@sanity/ui': 2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       '@sanity/uuid': 3.0.2
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      sanity: 3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)
-      sanity-plugin-internationalized-array: 2.0.0(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1))(@sanity/util@3.57.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sanity@3.57.2(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3))
-      sanity-plugin-utils: 1.6.4(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-fast-compare@3.2.2)(react@18.3.1)(rxjs@7.8.1)(sanity@3.57.2(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3))
+      sanity: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0)
+      sanity-plugin-internationalized-array: 2.0.0(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(@sanity/util@3.61.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      sanity-plugin-utils: 1.6.4(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(react-dom@18.3.1(react@18.3.1))(react-fast-compare@3.2.2)(react@18.3.1)(rxjs@7.8.1)(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      styled-components: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
     transitivePeerDependencies:
       - '@sanity/util'
       - react-fast-compare
@@ -16774,8 +16941,8 @@ snapshots:
 
   '@sanity/export@3.41.0':
     dependencies:
-      '@sanity/client': 6.21.3(debug@4.3.7)
-      '@sanity/util': 3.57.2(debug@4.3.7)
+      '@sanity/client': 6.22.1(debug@4.3.7)
+      '@sanity/util': 3.61.0(debug@4.3.7)
       archiver: 7.0.1
       debug: 4.3.7
       get-it: 8.6.5(debug@4.3.7)
@@ -16857,11 +17024,11 @@ snapshots:
       react-copy-to-clipboard: 5.1.0(react@19.0.0-rc-fb9a90fa48-20240614)
       react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614)
 
-  '@sanity/insert-menu@1.0.8(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@sanity/types@3.57.2)(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)':
+  '@sanity/insert-menu@1.0.9(@sanity/types@3.61.0(debug@4.3.7))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
     dependencies:
       '@sanity/icons': 3.4.0(react@18.3.1)
-      '@sanity/types': 3.57.2(debug@4.3.7)
-      '@sanity/ui': 2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
+      '@sanity/types': 3.61.0(debug@4.3.7)
+      '@sanity/ui': 2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       lodash.startcase: 4.4.0
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -16869,40 +17036,41 @@ snapshots:
     transitivePeerDependencies:
       - styled-components
 
-  '@sanity/insert-menu@1.0.8(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(@sanity/types@3.57.2)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)':
+  '@sanity/insert-menu@1.0.9(@sanity/types@3.61.0)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1))':
     dependencies:
-      '@sanity/icons': 3.4.0(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@sanity/types': 3.57.2(debug@4.3.7)
-      '@sanity/ui': 2.8.9(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@sanity/icons': 3.4.0(react@18.3.1)
+      '@sanity/types': 3.61.0(debug@4.3.7)
+      '@sanity/ui': 2.8.9(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1))
       lodash.startcase: 4.4.0
-      react: 19.0.0-rc-fb9a90fa48-20240614
-      react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614)
+      react: 18.3.1
+      react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@18.3.1)
       react-is: 18.3.1
     transitivePeerDependencies:
       - styled-components
 
-  '@sanity/insert-menu@1.0.8(@sanity/types@3.57.2)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react-is@18.3.1)(react@18.3.1)':
+  '@sanity/insert-menu@1.0.9(@sanity/types@3.61.0)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))':
     dependencies:
-      '@sanity/icons': 3.4.0(react@18.3.1)
-      '@sanity/types': 3.57.2(debug@4.3.7)
-      '@sanity/ui': 2.8.9(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
+      '@sanity/icons': 3.4.0(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@sanity/types': 3.61.0(debug@4.3.7)
+      '@sanity/ui': 2.8.9(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))
       lodash.startcase: 4.4.0
-      react: 18.3.1
-      react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@18.3.1)
+      react: 19.0.0-rc-fb9a90fa48-20240614
+      react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614)
       react-is: 18.3.1
     transitivePeerDependencies:
       - styled-components
 
-  '@sanity/language-filter@4.0.2(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1))(@sanity/util@3.57.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sanity@3.57.2(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3))':
+  '@sanity/language-filter@4.0.2(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(@sanity/util@3.61.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
     dependencies:
       '@sanity/icons': 2.11.8(react@18.3.1)
       '@sanity/incompatible-plugin': 1.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@sanity/ui': 2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
-      '@sanity/util': 3.57.2(debug@4.3.7)
+      '@sanity/ui': 2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@sanity/util': 3.61.0(debug@4.3.7)
       lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      sanity: 3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)
+      sanity: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0)
+      styled-components: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
 
   '@sanity/logos@2.1.13(@sanity/color@3.0.6)(react@18.3.1)':
     dependencies:
@@ -16914,12 +17082,12 @@ snapshots:
       '@sanity/color': 3.0.6
       react: 19.0.0-rc-fb9a90fa48-20240614
 
-  '@sanity/migrate@3.57.2':
+  '@sanity/migrate@3.61.0':
     dependencies:
-      '@sanity/client': 6.21.3(debug@4.3.7)
+      '@sanity/client': 6.22.1(debug@4.3.7)
       '@sanity/mutate': 0.10.0(debug@4.3.7)
-      '@sanity/types': 3.57.2(debug@4.3.7)
-      '@sanity/util': 3.57.2(debug@4.3.7)
+      '@sanity/types': 3.61.0(debug@4.3.7)
+      '@sanity/util': 3.61.0(debug@4.3.7)
       arrify: 2.0.1
       debug: 4.3.7
       fast-fifo: 1.3.2
@@ -16930,12 +17098,25 @@ snapshots:
 
   '@sanity/mutate@0.10.0(debug@4.3.7)':
     dependencies:
-      '@sanity/client': 6.21.3(debug@4.3.7)
+      '@sanity/client': 6.22.1(debug@4.3.7)
+      '@sanity/diff-match-patch': 3.1.1
+      hotscript: 1.0.13
+      mendoza: 3.0.7
+      nanoid: 5.0.7
+      rxjs: 7.8.1
+    transitivePeerDependencies:
+      - debug
+
+  '@sanity/mutate@0.10.1-canary.4(xstate@5.18.2)':
+    dependencies:
+      '@sanity/client': 6.22.1(debug@4.3.7)
       '@sanity/diff-match-patch': 3.1.1
       hotscript: 1.0.13
       mendoza: 3.0.7
       nanoid: 5.0.7
       rxjs: 7.8.1
+    optionalDependencies:
+      xstate: 5.18.2
     transitivePeerDependencies:
       - debug
 
@@ -16948,39 +17129,39 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@sanity/mutator@3.57.2':
+  '@sanity/mutator@3.61.0':
     dependencies:
       '@sanity/diff-match-patch': 3.1.1
-      '@sanity/types': 3.57.2(debug@4.3.7)
+      '@sanity/types': 3.61.0(debug@4.3.7)
       '@sanity/uuid': 3.0.2
       debug: 4.3.7
       lodash: 4.17.21
     transitivePeerDependencies:
       - supports-color
 
-  '@sanity/pkg-utils@6.11.1(@types/babel__core@7.20.5)(@types/node@22.5.4)(typescript@5.6.2)':
+  '@sanity/pkg-utils@6.11.3(@types/babel__core@7.20.5)(@types/node@22.5.5)(typescript@5.6.3)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/preset-typescript': 7.24.7(@babel/core@7.25.2)
-      '@babel/types': 7.25.6
-      '@microsoft/api-extractor': 7.47.7(@types/node@22.5.4)
+      '@babel/core': 7.25.8
+      '@babel/preset-typescript': 7.25.7(@babel/core@7.25.8)
+      '@babel/types': 7.25.8
+      '@microsoft/api-extractor': 7.47.9(@types/node@22.5.5)
       '@microsoft/tsdoc-config': 0.17.0
-      '@optimize-lodash/rollup-plugin': 5.0.0(rollup@4.21.2)
-      '@rollup/plugin-alias': 5.1.0(rollup@4.21.2)
-      '@rollup/plugin-babel': 6.0.4(@babel/core@7.25.2)(@types/babel__core@7.20.5)(rollup@4.21.2)
-      '@rollup/plugin-commonjs': 26.0.1(rollup@4.21.2)
-      '@rollup/plugin-json': 6.1.0(rollup@4.21.2)
-      '@rollup/plugin-node-resolve': 15.2.3(rollup@4.21.2)
-      '@rollup/plugin-replace': 5.0.7(rollup@4.21.2)
-      '@rollup/plugin-terser': 0.4.4(rollup@4.21.2)
+      '@optimize-lodash/rollup-plugin': 5.0.0(rollup@4.24.0)
+      '@rollup/plugin-alias': 5.1.1(rollup@4.24.0)
+      '@rollup/plugin-babel': 6.0.4(@babel/core@7.25.8)(@types/babel__core@7.20.5)(rollup@4.24.0)
+      '@rollup/plugin-commonjs': 28.0.0(rollup@4.24.0)
+      '@rollup/plugin-json': 6.1.0(rollup@4.24.0)
+      '@rollup/plugin-node-resolve': 15.3.0(rollup@4.24.0)
+      '@rollup/plugin-replace': 6.0.1(rollup@4.24.0)
+      '@rollup/plugin-terser': 0.4.4(rollup@4.24.0)
       '@sanity/browserslist-config': 1.0.3
-      babel-plugin-react-compiler: 0.0.0-experimental-e68eda9-20240829
-      browserslist: 4.23.3
+      babel-plugin-react-compiler: 0.0.0-experimental-fe484b5-20240912
+      browserslist: 4.24.0
       cac: 6.7.14
       chalk: 4.1.2
       chokidar: 3.6.0
-      esbuild: 0.23.1
-      esbuild-register: 3.6.0(esbuild@0.23.1)
+      esbuild: 0.24.0
+      esbuild-register: 3.6.0(esbuild@0.24.0)
       find-config: 1.0.0
       get-latest-version: 5.1.0
       git-url-parse: 15.0.0
@@ -16995,14 +17176,14 @@ snapshots:
       prompts: 2.4.2
       recast: 0.23.9
       rimraf: 4.4.1
-      rollup: 4.21.2
-      rollup-plugin-esbuild: 6.1.1(esbuild@0.23.1)(rollup@4.21.2)
+      rollup: 4.24.0
+      rollup-plugin-esbuild: 6.1.1(esbuild@0.24.0)(rollup@4.24.0)
       rxjs: 7.8.1
       treeify: 1.1.0
-      typescript: 5.6.2
+      typescript: 5.6.3
       uuid: 10.0.0
       zod: 3.23.8
-      zod-validation-error: 3.3.1(zod@3.23.8)
+      zod-validation-error: 3.4.0(zod@3.23.8)
     transitivePeerDependencies:
       - '@types/babel__core'
       - '@types/node'
@@ -17012,67 +17193,37 @@ snapshots:
   '@sanity/prettier-config@1.0.3(prettier@3.3.3)':
     dependencies:
       prettier: 3.3.3
-      prettier-plugin-packagejson: 2.5.2(prettier@3.3.3)
+      prettier-plugin-packagejson: 2.5.3(prettier@3.3.3)
 
-  '@sanity/preview-kit@5.1.0(@sanity/client@6.21.3)(react@18.3.1)':
+  '@sanity/preview-kit@5.1.4(@sanity/client@6.22.1)(react@18.3.1)':
     dependencies:
-      '@sanity/client': 6.21.3(debug@4.3.7)
+      '@sanity/client': 6.22.1(debug@4.3.7)
       '@sanity/preview-kit-compat': link:packages/preview-kit-compat
       mendoza: 3.0.7
     optionalDependencies:
       react: 18.3.1
 
-  '@sanity/preview-kit@5.1.0(@sanity/client@6.21.3)(react@19.0.0-rc-fb9a90fa48-20240614)':
+  '@sanity/preview-kit@5.1.4(@sanity/client@6.22.1)(react@19.0.0-rc-fb9a90fa48-20240614)':
     dependencies:
-      '@sanity/client': 6.21.3(debug@4.3.7)
+      '@sanity/client': 6.22.1(debug@4.3.7)
       '@sanity/preview-kit-compat': link:packages/preview-kit-compat
       mendoza: 3.0.7
     optionalDependencies:
       react: 19.0.0-rc-fb9a90fa48-20240614
 
-  '@sanity/schema@3.57.2(debug@4.3.7)':
+  '@sanity/schema@3.61.0(debug@4.3.7)':
     dependencies:
       '@sanity/generate-help-url': 3.0.0
-      '@sanity/types': 3.57.2(debug@4.3.7)
+      '@sanity/types': 3.61.0(debug@4.3.7)
       arrify: 1.0.1
-      groq-js: 1.13.0
-      humanize-list: 1.0.1
-      leven: 3.1.0
-      lodash: 4.17.21
-      object-inspect: 1.13.2
-    transitivePeerDependencies:
-      - debug
-      - supports-color
-
-  '@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
-    dependencies:
-      '@emotion/is-prop-valid': 1.2.2
-      '@emotion/unitless': 0.8.1
-      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@18.3.1)
-      '@types/stylis': 4.2.5
-      css-to-react-native: 3.2.0
-      csstype: 3.1.3
-      postcss: 8.4.38
-      react: 18.3.1
-      react-dom: 18.3.1(react@18.3.1)
-      shallowequal: 1.1.0
-      stylis: 4.3.2
-      tslib: 2.6.2
-
-  '@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)':
-    dependencies:
-      '@emotion/is-prop-valid': 1.2.2
-      '@emotion/unitless': 0.8.1
-      '@emotion/use-insertion-effect-with-fallbacks': 1.0.1(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@types/stylis': 4.2.5
-      css-to-react-native: 3.2.0
-      csstype: 3.1.3
-      postcss: 8.4.38
-      react: 19.0.0-rc-fb9a90fa48-20240614
-      react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614)
-      shallowequal: 1.1.0
-      stylis: 4.3.2
-      tslib: 2.6.2
+      groq-js: 1.13.0
+      humanize-list: 1.0.1
+      leven: 3.1.0
+      lodash: 4.17.21
+      object-inspect: 1.13.2
+    transitivePeerDependencies:
+      - debug
+      - supports-color
 
   '@sanity/telemetry@0.7.9(react@18.3.1)':
     dependencies:
@@ -17088,18 +17239,18 @@ snapshots:
       rxjs: 7.8.1
       typeid-js: 0.3.0
 
-  '@sanity/types@3.57.2(debug@4.3.7)':
+  '@sanity/types@3.61.0(debug@4.3.7)':
     dependencies:
-      '@sanity/client': 6.21.3(debug@4.3.7)
-      '@types/react': 18.3.5
+      '@sanity/client': 6.22.1(debug@4.3.7)
+      '@types/react': 18.3.11
     transitivePeerDependencies:
       - debug
 
-  '@sanity/ui-workshop@2.0.16(@sanity/icons@3.4.0(react@18.3.1))(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1))(@types/node@22.5.4)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)':
+  '@sanity/ui-workshop@2.0.16(@sanity/icons@3.4.0(react@18.3.1))(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(@types/node@22.5.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0)':
     dependencies:
       '@sanity/icons': 3.4.0(react@18.3.1)
-      '@sanity/ui': 2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
-      '@vitejs/plugin-react': 4.3.1(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
+      '@sanity/ui': 2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@vitejs/plugin-react': 4.3.1(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
       axe-core: 4.10.0
       cac: 6.7.14
       chokidar: 3.6.0
@@ -17107,7 +17258,7 @@ snapshots:
       dotenv-flow: 4.1.0
       esbuild: 0.23.1
       esbuild-register: 3.6.0(esbuild@0.23.1)
-      express: 4.20.0
+      express: 4.21.0
       globby: 11.1.0
       lodash: 4.17.21
       mkdirp: 2.1.6
@@ -17116,7 +17267,8 @@ snapshots:
       react-dom: 18.3.1(react@18.3.1)
       rimraf: 4.4.1
       segmented-property: 4.0.0
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
+      styled-components: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -17128,7 +17280,7 @@ snapshots:
       - supports-color
       - terser
 
-  '@sanity/ui@2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)':
+  '@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
     dependencies:
       '@floating-ui/react-dom': 2.1.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@sanity/color': 3.0.6
@@ -17139,24 +17291,10 @@ snapshots:
       react-dom: 18.3.1(react@18.3.1)
       react-is: 18.3.1
       react-refractor: 2.2.0(react@18.3.1)
-      styled-components: '@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)'
+      styled-components: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       use-effect-event: 1.0.2(react@18.3.1)
 
-  '@sanity/ui@2.8.9(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)':
-    dependencies:
-      '@floating-ui/react-dom': 2.1.1(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@sanity/color': 3.0.6
-      '@sanity/icons': 3.4.0(react@19.0.0-rc-fb9a90fa48-20240614)
-      csstype: 3.1.3
-      framer-motion: 11.0.8(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
-      react: 19.0.0-rc-fb9a90fa48-20240614
-      react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614)
-      react-is: 18.3.1
-      react-refractor: 2.2.0(react@19.0.0-rc-fb9a90fa48-20240614)
-      styled-components: '@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)'
-      use-effect-event: 1.0.2(react@19.0.0-rc-fb9a90fa48-20240614)
-
-  '@sanity/ui@2.8.9(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react-is@18.3.1)(react@18.3.1)':
+  '@sanity/ui@2.8.9(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1))':
     dependencies:
       '@floating-ui/react-dom': 2.1.1(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)
       '@sanity/color': 3.0.6
@@ -17167,12 +17305,27 @@ snapshots:
       react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@18.3.1)
       react-is: 18.3.1
       react-refractor: 2.2.0(react@18.3.1)
+      styled-components: 6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)
       use-effect-event: 1.0.2(react@18.3.1)
 
-  '@sanity/util@3.57.2(debug@4.3.7)':
+  '@sanity/ui@2.8.9(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))':
+    dependencies:
+      '@floating-ui/react-dom': 2.1.1(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@sanity/color': 3.0.6
+      '@sanity/icons': 3.4.0(react@19.0.0-rc-fb9a90fa48-20240614)
+      csstype: 3.1.3
+      framer-motion: 11.0.8(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
+      react: 19.0.0-rc-fb9a90fa48-20240614
+      react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614)
+      react-is: 18.3.1
+      react-refractor: 2.2.0(react@19.0.0-rc-fb9a90fa48-20240614)
+      styled-components: 6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
+      use-effect-event: 1.0.2(react@19.0.0-rc-fb9a90fa48-20240614)
+
+  '@sanity/util@3.61.0(debug@4.3.7)':
     dependencies:
-      '@sanity/client': 6.21.3(debug@4.3.7)
-      '@sanity/types': 3.57.2(debug@4.3.7)
+      '@sanity/client': 6.22.1(debug@4.3.7)
+      '@sanity/types': 3.61.0(debug@4.3.7)
       get-random-values-esm: 1.0.2
       moment: 2.30.1
       rxjs: 7.8.1
@@ -17184,10 +17337,10 @@ snapshots:
       '@types/uuid': 8.3.4
       uuid: 8.3.2
 
-  '@sanity/vision@3.57.2(@babel/runtime@7.25.6)(@codemirror/lint@6.8.1)(@codemirror/theme-one-dark@6.1.2)(@lezer/common@1.2.1)(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(codemirror@6.0.1(@lezer/common@1.2.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)':
+  '@sanity/vision@3.61.0(@babel/runtime@7.25.6)(@codemirror/lint@6.8.1)(@codemirror/theme-one-dark@6.1.2)(@lezer/common@1.2.1)(codemirror@6.0.1(@lezer/common@1.2.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))':
     dependencies:
-      '@codemirror/autocomplete': 6.18.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1)
-      '@codemirror/commands': 6.6.1
+      '@codemirror/autocomplete': 6.18.1(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1)
+      '@codemirror/commands': 6.6.2
       '@codemirror/lang-javascript': 6.2.2
       '@codemirror/language': 6.10.2
       '@codemirror/search': 6.5.6
@@ -17199,15 +17352,15 @@ snapshots:
       '@rexxars/react-split-pane': 0.1.93(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@sanity/color': 3.0.6
       '@sanity/icons': 3.4.0(react@18.3.1)
-      '@sanity/ui': 2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
-      '@uiw/react-codemirror': 4.21.25(@babel/runtime@7.25.6)(@codemirror/autocomplete@6.18.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1))(@codemirror/language@6.10.2)(@codemirror/lint@6.8.1)(@codemirror/search@6.5.6)(@codemirror/state@6.4.1)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.33.0)(codemirror@6.0.1(@lezer/common@1.2.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@sanity/ui': 2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@uiw/react-codemirror': 4.21.25(@babel/runtime@7.25.6)(@codemirror/autocomplete@6.18.1(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1))(@codemirror/language@6.10.2)(@codemirror/lint@6.8.1)(@codemirror/search@6.5.6)(@codemirror/state@6.4.1)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.33.0)(codemirror@6.0.1(@lezer/common@1.2.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       is-hotkey-esm: 1.0.0
       json-2-csv: 5.5.1
       json5: 2.2.3
       lodash: 4.17.21
       quick-lru: 5.1.1
       react: 18.3.1
-      styled-components: '@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)'
+      styled-components: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
     transitivePeerDependencies:
       - '@babel/runtime'
       - '@codemirror/lint'
@@ -17217,10 +17370,10 @@ snapshots:
       - react-dom
       - react-is
 
-  '@sanity/vision@3.57.2(@babel/runtime@7.25.6)(@codemirror/lint@6.8.1)(@codemirror/theme-one-dark@6.1.2)(@lezer/common@1.2.1)(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(codemirror@6.0.1(@lezer/common@1.2.1))(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)':
+  '@sanity/vision@3.61.0(@babel/runtime@7.25.6)(@codemirror/lint@6.8.1)(@codemirror/theme-one-dark@6.1.2)(@lezer/common@1.2.1)(codemirror@6.0.1(@lezer/common@1.2.1))(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))':
     dependencies:
-      '@codemirror/autocomplete': 6.18.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1)
-      '@codemirror/commands': 6.6.1
+      '@codemirror/autocomplete': 6.18.1(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1)
+      '@codemirror/commands': 6.6.2
       '@codemirror/lang-javascript': 6.2.2
       '@codemirror/language': 6.10.2
       '@codemirror/search': 6.5.6
@@ -17232,15 +17385,15 @@ snapshots:
       '@rexxars/react-split-pane': 0.1.93(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
       '@sanity/color': 3.0.6
       '@sanity/icons': 3.4.0(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@sanity/ui': 2.8.9(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@uiw/react-codemirror': 4.21.25(@babel/runtime@7.25.6)(@codemirror/autocomplete@6.18.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1))(@codemirror/language@6.10.2)(@codemirror/lint@6.8.1)(@codemirror/search@6.5.6)(@codemirror/state@6.4.1)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.33.0)(codemirror@6.0.1(@lezer/common@1.2.1))(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@sanity/ui': 2.8.9(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))
+      '@uiw/react-codemirror': 4.21.25(@babel/runtime@7.25.6)(@codemirror/autocomplete@6.18.1(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1))(@codemirror/language@6.10.2)(@codemirror/lint@6.8.1)(@codemirror/search@6.5.6)(@codemirror/state@6.4.1)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.33.0)(codemirror@6.0.1(@lezer/common@1.2.1))(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
       is-hotkey-esm: 1.0.0
       json-2-csv: 5.5.1
       json5: 2.2.3
       lodash: 4.17.21
       quick-lru: 5.1.1
       react: 19.0.0-rc-fb9a90fa48-20240614
-      styled-components: '@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)'
+      styled-components: 6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
     transitivePeerDependencies:
       - '@babel/runtime'
       - '@codemirror/lint'
@@ -17315,14 +17468,32 @@ snapshots:
     dependencies:
       '@sentry/types': 8.29.0
 
-  '@shikijs/core@1.16.3':
+  '@shikijs/core@1.22.0':
     dependencies:
-      '@shikijs/vscode-textmate': 9.2.2
+      '@shikijs/engine-javascript': 1.22.0
+      '@shikijs/engine-oniguruma': 1.22.0
+      '@shikijs/types': 1.22.0
+      '@shikijs/vscode-textmate': 9.3.0
+      '@types/hast': 3.0.4
+      hast-util-to-html: 9.0.3
+
+  '@shikijs/engine-javascript@1.22.0':
+    dependencies:
+      '@shikijs/types': 1.22.0
+      '@shikijs/vscode-textmate': 9.3.0
+      oniguruma-to-js: 0.4.3
+
+  '@shikijs/engine-oniguruma@1.22.0':
+    dependencies:
+      '@shikijs/types': 1.22.0
+      '@shikijs/vscode-textmate': 9.3.0
+
+  '@shikijs/types@1.22.0':
+    dependencies:
+      '@shikijs/vscode-textmate': 9.3.0
       '@types/hast': 3.0.4
-      oniguruma-to-js: 0.3.3
-      regex: 4.3.2
 
-  '@shikijs/vscode-textmate@9.2.2': {}
+  '@shikijs/vscode-textmate@9.3.0': {}
 
   '@sigstore/bundle@1.1.0':
     dependencies:
@@ -17345,139 +17516,129 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  '@sinclair/typebox@0.27.8': {}
-
   '@sindresorhus/merge-streams@2.3.0': {}
 
-  '@storybook/addon-actions@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))':
+  '@storybook/addon-actions@8.3.5(storybook@8.3.5)':
     dependencies:
       '@storybook/global': 5.0.0
       '@types/uuid': 9.0.8
       dequal: 2.0.3
       polished: 4.3.1
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+      storybook: 8.3.5
       uuid: 9.0.1
 
-  '@storybook/addon-backgrounds@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))':
+  '@storybook/addon-backgrounds@8.3.5(storybook@8.3.5)':
     dependencies:
       '@storybook/global': 5.0.0
       memoizerific: 1.11.3
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+      storybook: 8.3.5
       ts-dedent: 2.2.0
 
-  '@storybook/addon-controls@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))':
+  '@storybook/addon-controls@8.3.5(storybook@8.3.5)':
     dependencies:
+      '@storybook/global': 5.0.0
       dequal: 2.0.3
       lodash: 4.17.21
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+      storybook: 8.3.5
       ts-dedent: 2.2.0
 
-  '@storybook/addon-docs@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(webpack-sources@3.2.3)':
+  '@storybook/addon-docs@8.3.5(storybook@8.3.5)(webpack-sources@3.2.3)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@mdx-js/react': 3.0.1(@types/react@18.3.5)(react@18.3.1)
-      '@storybook/blocks': 8.2.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
-      '@storybook/csf-plugin': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(webpack-sources@3.2.3)
+      '@mdx-js/react': 3.0.1(@types/react@18.3.11)(react@18.3.1)
+      '@storybook/blocks': 8.3.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.3.5)
+      '@storybook/csf-plugin': 8.3.5(storybook@8.3.5)(webpack-sources@3.2.3)
       '@storybook/global': 5.0.0
-      '@storybook/react-dom-shim': 8.2.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
-      '@types/react': 18.3.5
+      '@storybook/react-dom-shim': 8.3.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.3.5)
+      '@types/react': 18.3.11
       fs-extra: 11.2.0
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       rehype-external-links: 3.0.0
       rehype-slug: 6.0.0
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+      storybook: 8.3.5
       ts-dedent: 2.2.0
     transitivePeerDependencies:
-      - supports-color
       - webpack-sources
 
-  '@storybook/addon-essentials@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(webpack-sources@3.2.3)':
-    dependencies:
-      '@storybook/addon-actions': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
-      '@storybook/addon-backgrounds': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
-      '@storybook/addon-controls': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
-      '@storybook/addon-docs': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(webpack-sources@3.2.3)
-      '@storybook/addon-highlight': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
-      '@storybook/addon-measure': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
-      '@storybook/addon-outline': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
-      '@storybook/addon-toolbars': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
-      '@storybook/addon-viewport': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+  '@storybook/addon-essentials@8.3.5(storybook@8.3.5)(webpack-sources@3.2.3)':
+    dependencies:
+      '@storybook/addon-actions': 8.3.5(storybook@8.3.5)
+      '@storybook/addon-backgrounds': 8.3.5(storybook@8.3.5)
+      '@storybook/addon-controls': 8.3.5(storybook@8.3.5)
+      '@storybook/addon-docs': 8.3.5(storybook@8.3.5)(webpack-sources@3.2.3)
+      '@storybook/addon-highlight': 8.3.5(storybook@8.3.5)
+      '@storybook/addon-measure': 8.3.5(storybook@8.3.5)
+      '@storybook/addon-outline': 8.3.5(storybook@8.3.5)
+      '@storybook/addon-toolbars': 8.3.5(storybook@8.3.5)
+      '@storybook/addon-viewport': 8.3.5(storybook@8.3.5)
+      storybook: 8.3.5
       ts-dedent: 2.2.0
     transitivePeerDependencies:
-      - supports-color
       - webpack-sources
 
-  '@storybook/addon-highlight@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))':
+  '@storybook/addon-highlight@8.3.5(storybook@8.3.5)':
     dependencies:
       '@storybook/global': 5.0.0
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+      storybook: 8.3.5
 
-  '@storybook/addon-interactions@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@15.7.3)(jsdom@23.2.0)(terser@5.31.3))':
+  '@storybook/addon-interactions@8.3.5(storybook@8.3.5)':
     dependencies:
       '@storybook/global': 5.0.0
-      '@storybook/instrumenter': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
-      '@storybook/test': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@15.7.3)(jsdom@23.2.0)(terser@5.31.3))
+      '@storybook/instrumenter': 8.3.5(storybook@8.3.5)
+      '@storybook/test': 8.3.5(storybook@8.3.5)
       polished: 4.3.1
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+      storybook: 8.3.5
       ts-dedent: 2.2.0
-    transitivePeerDependencies:
-      - '@jest/globals'
-      - '@types/bun'
-      - '@types/jest'
-      - jest
-      - vitest
 
-  '@storybook/addon-links@8.2.9(react@18.3.1)(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))':
+  '@storybook/addon-links@8.3.5(react@18.3.1)(storybook@8.3.5)':
     dependencies:
       '@storybook/csf': 0.1.11
       '@storybook/global': 5.0.0
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+      storybook: 8.3.5
       ts-dedent: 2.2.0
     optionalDependencies:
       react: 18.3.1
 
-  '@storybook/addon-measure@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))':
+  '@storybook/addon-measure@8.3.5(storybook@8.3.5)':
     dependencies:
       '@storybook/global': 5.0.0
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+      storybook: 8.3.5
       tiny-invariant: 1.3.3
 
-  '@storybook/addon-outline@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))':
+  '@storybook/addon-outline@8.3.5(storybook@8.3.5)':
     dependencies:
       '@storybook/global': 5.0.0
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+      storybook: 8.3.5
       ts-dedent: 2.2.0
 
-  '@storybook/addon-themes@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))':
+  '@storybook/addon-themes@8.3.5(storybook@8.3.5)':
     dependencies:
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+      storybook: 8.3.5
       ts-dedent: 2.2.0
 
-  '@storybook/addon-toolbars@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))':
+  '@storybook/addon-toolbars@8.3.5(storybook@8.3.5)':
     dependencies:
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+      storybook: 8.3.5
 
-  '@storybook/addon-viewport@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))':
+  '@storybook/addon-viewport@8.3.5(storybook@8.3.5)':
     dependencies:
       memoizerific: 1.11.3
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+      storybook: 8.3.5
 
-  '@storybook/blocks@8.2.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))':
+  '@storybook/blocks@8.3.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.3.5)':
     dependencies:
       '@storybook/csf': 0.1.11
       '@storybook/global': 5.0.0
       '@storybook/icons': 1.2.10(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@types/lodash': 4.17.0
+      '@types/lodash': 4.17.7
       color-convert: 2.0.1
       dequal: 2.0.3
       lodash: 4.17.21
-      markdown-to-jsx: 7.4.7(react@18.3.1)
+      markdown-to-jsx: 7.5.0(react@18.3.1)
       memoizerific: 1.11.3
       polished: 4.3.1
       react-colorful: 5.6.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+      storybook: 8.3.5
       telejson: 7.2.0
       ts-dedent: 2.2.0
       util-deprecate: 1.0.2
@@ -17485,60 +17646,42 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@storybook/builder-vite@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(typescript@5.6.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))(webpack-sources@3.2.3)':
+  '@storybook/builder-vite@8.3.5(storybook@8.3.5)(typescript@5.6.3)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))(webpack-sources@3.2.3)':
     dependencies:
-      '@storybook/csf-plugin': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(webpack-sources@3.2.3)
+      '@storybook/csf-plugin': 8.3.5(storybook@8.3.5)(webpack-sources@3.2.3)
       '@types/find-cache-dir': 3.2.1
       browser-assert: 1.2.1
       es-module-lexer: 1.5.4
-      express: 4.20.0
+      express: 4.21.0
       find-cache-dir: 3.3.2
       fs-extra: 11.2.0
-      magic-string: 0.30.11
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+      magic-string: 0.30.12
+      storybook: 8.3.5
       ts-dedent: 2.2.0
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
     transitivePeerDependencies:
       - supports-color
       - webpack-sources
 
-  '@storybook/codemod@8.2.9':
-    dependencies:
-      '@babel/core': 7.25.2
-      '@babel/preset-env': 7.25.4(@babel/core@7.25.2)
-      '@babel/types': 7.25.6
-      '@storybook/core': 8.2.9
-      '@storybook/csf': 0.1.11
-      '@types/cross-spawn': 6.0.6
-      cross-spawn: 7.0.3
-      globby: 14.0.2
-      jscodeshift: 0.15.2(@babel/preset-env@7.25.4(@babel/core@7.25.2))
-      lodash: 4.17.21
-      prettier: 3.3.3
-      recast: 0.23.9
-      tiny-invariant: 1.3.3
-    transitivePeerDependencies:
-      - bufferutil
-      - supports-color
-      - utf-8-validate
-
-  '@storybook/components@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))':
+  '@storybook/components@8.3.5(storybook@8.3.5)':
     dependencies:
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+      storybook: 8.3.5
 
-  '@storybook/core@8.2.9':
+  '@storybook/core@8.3.5':
     dependencies:
       '@storybook/csf': 0.1.11
       '@types/express': 4.17.21
-      '@types/node': 18.19.44
+      better-opn: 3.0.2
       browser-assert: 1.2.1
-      esbuild: 0.21.5
-      esbuild-register: 3.6.0(esbuild@0.21.5)
-      express: 4.20.0
+      esbuild: 0.23.1
+      esbuild-register: 3.6.0(esbuild@0.23.1)
+      express: 4.21.0
+      jsdoc-type-pratt-parser: 4.1.0
       process: 0.11.10
       recast: 0.23.9
+      semver: 7.6.3
       util: 0.12.5
       ws: 8.18.0
     transitivePeerDependencies:
@@ -17546,10 +17689,10 @@ snapshots:
       - supports-color
       - utf-8-validate
 
-  '@storybook/csf-plugin@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(webpack-sources@3.2.3)':
+  '@storybook/csf-plugin@8.3.5(storybook@8.3.5)(webpack-sources@3.2.3)':
     dependencies:
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
-      unplugin: 1.14.0(webpack-sources@3.2.3)
+      storybook: 8.3.5
+      unplugin: 1.14.1(webpack-sources@3.2.3)
     transitivePeerDependencies:
       - webpack-sources
 
@@ -17568,217 +17711,195 @@ snapshots:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
-  '@storybook/instrumenter@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))':
+  '@storybook/instrumenter@8.3.5(storybook@8.3.5)':
     dependencies:
       '@storybook/global': 5.0.0
-      '@vitest/utils': 1.6.0
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+      '@vitest/utils': 2.1.3
+      storybook: 8.3.5
       util: 0.12.5
 
-  '@storybook/manager-api@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))':
+  '@storybook/manager-api@8.3.5(storybook@8.3.5)':
     dependencies:
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+      storybook: 8.3.5
 
-  '@storybook/preview-api@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))':
+  '@storybook/preview-api@8.3.5(storybook@8.3.5)':
     dependencies:
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+      storybook: 8.3.5
 
-  '@storybook/react-dom-shim@8.2.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))':
+  '@storybook/react-dom-shim@8.3.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.3.5)':
     dependencies:
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+      storybook: 8.3.5
 
-  '@storybook/react-vite@8.2.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.21.2)(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(typescript@5.6.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))(webpack-sources@3.2.3)':
+  '@storybook/react-vite@8.3.5(@storybook/test@8.3.5(storybook@8.3.5))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rollup@4.24.0)(storybook@8.3.5)(typescript@5.6.3)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))(webpack-sources@3.2.3)':
     dependencies:
-      '@joshwooding/vite-plugin-react-docgen-typescript': 0.3.1(typescript@5.6.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
-      '@rollup/pluginutils': 5.1.0(rollup@4.21.2)
-      '@storybook/builder-vite': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(typescript@5.6.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))(webpack-sources@3.2.3)
-      '@storybook/react': 8.2.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(typescript@5.6.2)
+      '@joshwooding/vite-plugin-react-docgen-typescript': 0.3.0(typescript@5.6.3)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      '@storybook/builder-vite': 8.3.5(storybook@8.3.5)(typescript@5.6.3)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))(webpack-sources@3.2.3)
+      '@storybook/react': 8.3.5(@storybook/test@8.3.5(storybook@8.3.5))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.3.5)(typescript@5.6.3)
       find-up: 5.0.0
-      magic-string: 0.30.11
+      magic-string: 0.30.12
       react: 18.3.1
       react-docgen: 7.0.3
       react-dom: 18.3.1(react@18.3.1)
       resolve: 1.22.8
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+      storybook: 8.3.5
       tsconfig-paths: 4.2.0
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
     transitivePeerDependencies:
       - '@preact/preset-vite'
+      - '@storybook/test'
       - rollup
       - supports-color
       - typescript
       - vite-plugin-glimmerx
       - webpack-sources
 
-  '@storybook/react@8.2.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(typescript@5.6.2)':
+  '@storybook/react@8.3.5(@storybook/test@8.3.5(storybook@8.3.5))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.3.5)(typescript@5.6.3)':
     dependencies:
-      '@storybook/components': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
+      '@storybook/components': 8.3.5(storybook@8.3.5)
       '@storybook/global': 5.0.0
-      '@storybook/manager-api': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
-      '@storybook/preview-api': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
-      '@storybook/react-dom-shim': 8.2.9(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
-      '@storybook/theming': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
+      '@storybook/manager-api': 8.3.5(storybook@8.3.5)
+      '@storybook/preview-api': 8.3.5(storybook@8.3.5)
+      '@storybook/react-dom-shim': 8.3.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(storybook@8.3.5)
+      '@storybook/theming': 8.3.5(storybook@8.3.5)
       '@types/escodegen': 0.0.6
       '@types/estree': 0.0.51
-      '@types/node': 18.19.44
+      '@types/node': 22.5.5
       acorn: 7.4.1
       acorn-jsx: 5.3.2(acorn@7.4.1)
       acorn-walk: 7.2.0
       escodegen: 2.1.0
       html-tags: 3.3.1
-      lodash: 4.17.21
       prop-types: 15.8.1
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       react-element-to-jsx-string: 15.0.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       semver: 7.6.3
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+      storybook: 8.3.5
       ts-dedent: 2.2.0
       type-fest: 2.19.0
       util-deprecate: 1.0.2
     optionalDependencies:
-      typescript: 5.6.2
+      '@storybook/test': 8.3.5(storybook@8.3.5)
+      typescript: 5.6.3
 
-  '@storybook/test@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))(vitest@2.0.5(@types/node@22.5.4)(happy-dom@15.7.3)(jsdom@23.2.0)(terser@5.31.3))':
+  '@storybook/test@8.3.5(storybook@8.3.5)':
     dependencies:
       '@storybook/csf': 0.1.11
-      '@storybook/instrumenter': 8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))
-      '@testing-library/dom': 10.1.0
-      '@testing-library/jest-dom': 6.4.5(vitest@2.0.5(@types/node@22.5.4)(happy-dom@15.7.3)(jsdom@23.2.0)(terser@5.31.3))
-      '@testing-library/user-event': 14.5.2(@testing-library/dom@10.1.0)
-      '@vitest/expect': 1.6.0
-      '@vitest/spy': 1.6.0
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
+      '@storybook/global': 5.0.0
+      '@storybook/instrumenter': 8.3.5(storybook@8.3.5)
+      '@testing-library/dom': 10.4.0
+      '@testing-library/jest-dom': 6.5.0
+      '@testing-library/user-event': 14.5.2(@testing-library/dom@10.4.0)
+      '@vitest/expect': 2.0.5
+      '@vitest/spy': 2.0.5
+      storybook: 8.3.5
       util: 0.12.5
-    transitivePeerDependencies:
-      - '@jest/globals'
-      - '@types/bun'
-      - '@types/jest'
-      - jest
-      - vitest
-
-  '@storybook/theming@8.2.9(storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)))':
-    dependencies:
-      storybook: 8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2))
 
-  '@sveltejs/adapter-auto@3.2.4(@sveltejs/kit@2.5.26(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)))(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)))':
+  '@storybook/theming@8.3.5(storybook@8.3.5)':
     dependencies:
-      '@sveltejs/kit': 2.5.26(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)))(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
-      import-meta-resolve: 4.1.0
+      storybook: 8.3.5
 
-  '@sveltejs/kit@2.5.26(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)))(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))':
+  '@sveltejs/adapter-auto@3.2.5(@sveltejs/kit@2.7.1(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0)))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
-      '@types/cookie': 0.6.0
-      cookie: 0.6.0
-      devalue: 5.0.0
-      esm-env: 1.0.0
+      '@sveltejs/kit': 2.7.1(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
       import-meta-resolve: 4.1.0
-      kleur: 4.1.5
-      magic-string: 0.30.11
-      mrmime: 2.0.0
-      sade: 1.8.1
-      set-cookie-parser: 2.7.0
-      sirv: 2.0.4
-      svelte: 4.2.19
-      tiny-glob: 0.2.9
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
 
-  '@sveltejs/kit@2.6.1(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@20.8.7)(terser@5.31.3)))(svelte@4.2.19)(vite@5.4.3(@types/node@20.8.7)(terser@5.31.3))':
+  '@sveltejs/kit@2.7.1(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@20.16.5)(terser@5.33.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@20.16.5)(terser@5.33.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@20.8.7)(terser@5.31.3))
+      '@sveltejs/vite-plugin-svelte': 3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@20.16.5)(terser@5.33.0))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 5.1.1
       esm-env: 1.0.0
       import-meta-resolve: 4.1.0
       kleur: 4.1.5
-      magic-string: 0.30.11
+      magic-string: 0.30.12
       mrmime: 2.0.0
       sade: 1.8.1
       set-cookie-parser: 2.7.0
-      sirv: 2.0.4
+      sirv: 3.0.0
       svelte: 4.2.19
       tiny-glob: 0.2.9
-      vite: 5.4.3(@types/node@20.8.7)(terser@5.31.3)
+      vite: 5.4.9(@types/node@20.16.5)(terser@5.33.0)
     optional: true
 
-  '@sveltejs/kit@2.6.1(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)))(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))':
+  '@sveltejs/kit@2.7.1(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
+      '@sveltejs/vite-plugin-svelte': 3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
       '@types/cookie': 0.6.0
       cookie: 0.6.0
       devalue: 5.1.1
       esm-env: 1.0.0
       import-meta-resolve: 4.1.0
       kleur: 4.1.5
-      magic-string: 0.30.11
+      magic-string: 0.30.12
       mrmime: 2.0.0
       sade: 1.8.1
       set-cookie-parser: 2.7.0
-      sirv: 2.0.4
+      sirv: 3.0.0
       svelte: 4.2.19
       tiny-glob: 0.2.9
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
 
-  '@sveltejs/package@2.3.4(svelte@4.2.19)(typescript@5.6.2)':
+  '@sveltejs/package@2.3.5(svelte@4.2.19)(typescript@5.6.3)':
     dependencies:
-      chokidar: 3.6.0
+      chokidar: 4.0.1
       kleur: 4.1.5
       sade: 1.8.1
       semver: 7.6.3
       svelte: 4.2.19
-      svelte2tsx: 0.7.6(svelte@4.2.19)(typescript@5.6.2)
+      svelte2tsx: 0.7.19(svelte@4.2.19)(typescript@5.6.3)
     transitivePeerDependencies:
       - typescript
 
-  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@20.8.7)(terser@5.31.3)))(svelte@4.2.19)(vite@5.4.3(@types/node@20.8.7)(terser@5.31.3))':
+  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@20.16.5)(terser@5.33.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@20.16.5)(terser@5.33.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@20.8.7)(terser@5.31.3))
+      '@sveltejs/vite-plugin-svelte': 3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@20.16.5)(terser@5.33.0))
       debug: 4.3.7
       svelte: 4.2.19
-      vite: 5.4.3(@types/node@20.8.7)(terser@5.31.3)
+      vite: 5.4.9(@types/node@20.16.5)(terser@5.33.0)
     transitivePeerDependencies:
       - supports-color
     optional: true
 
-  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)))(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))':
+  '@sveltejs/vite-plugin-svelte-inspector@2.1.0(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte': 3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
+      '@sveltejs/vite-plugin-svelte': 3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
       debug: 4.3.7
       svelte: 4.2.19
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@20.8.7)(terser@5.31.3))':
+  '@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@20.16.5)(terser@5.33.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@20.8.7)(terser@5.31.3)))(svelte@4.2.19)(vite@5.4.3(@types/node@20.8.7)(terser@5.31.3))
+      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@20.16.5)(terser@5.33.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@20.16.5)(terser@5.33.0))
       debug: 4.3.7
       deepmerge: 4.3.1
       kleur: 4.1.5
-      magic-string: 0.30.11
+      magic-string: 0.30.12
       svelte: 4.2.19
       svelte-hmr: 0.16.0(svelte@4.2.19)
-      vite: 5.4.3(@types/node@20.8.7)(terser@5.31.3)
-      vitefu: 0.2.5(vite@5.4.3(@types/node@20.8.7)(terser@5.31.3))
+      vite: 5.4.9(@types/node@20.16.5)(terser@5.33.0)
+      vitefu: 0.2.5(vite@5.4.9(@types/node@20.16.5)(terser@5.33.0))
     transitivePeerDependencies:
       - supports-color
     optional: true
 
-  '@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))':
+  '@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))':
     dependencies:
-      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)))(svelte@4.2.19)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
+      '@sveltejs/vite-plugin-svelte-inspector': 2.1.0(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
       debug: 4.3.7
       deepmerge: 4.3.1
       kleur: 4.1.5
-      magic-string: 0.30.11
+      magic-string: 0.30.12
       svelte: 4.2.19
       svelte-hmr: 0.16.0(svelte@4.2.19)
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
-      vitefu: 0.2.5(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
+      vitefu: 0.2.5(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
     transitivePeerDependencies:
       - supports-color
 
@@ -17786,20 +17907,20 @@ snapshots:
 
   '@swc/helpers@0.5.13':
     dependencies:
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   '@swc/helpers@0.5.5':
     dependencies:
       '@swc/counter': 0.1.3
-      tslib: 2.7.0
+      tslib: 2.8.0
 
-  '@tailwindcss/typography@0.5.15(tailwindcss@3.4.10)':
+  '@tailwindcss/typography@0.5.15(tailwindcss@3.4.14)':
     dependencies:
       lodash.castarray: 4.4.0
       lodash.isplainobject: 4.0.6
       lodash.merge: 4.6.2
       postcss-selector-parser: 6.0.10
-      tailwindcss: 3.4.10
+      tailwindcss: 3.4.14
 
   '@tanstack/react-table@8.20.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
@@ -17829,9 +17950,9 @@ snapshots:
       '@tanstack/virtual-core': 3.0.0-beta.54
       react: 19.0.0-rc-fb9a90fa48-20240614
 
-  '@tanstack/react-virtual@3.8.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@tanstack/react-virtual@3.10.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@tanstack/virtual-core': 3.8.4
+      '@tanstack/virtual-core': 3.10.8
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
 
@@ -17839,11 +17960,11 @@ snapshots:
 
   '@tanstack/virtual-core@3.0.0-beta.54': {}
 
-  '@tanstack/virtual-core@3.8.4': {}
+  '@tanstack/virtual-core@3.10.8': {}
 
-  '@testing-library/dom@10.1.0':
+  '@testing-library/dom@10.4.0':
     dependencies:
-      '@babel/code-frame': 7.24.7
+      '@babel/code-frame': 7.25.7
       '@babel/runtime': 7.25.6
       '@types/aria-query': 5.0.4
       aria-query: 5.3.0
@@ -17854,7 +17975,7 @@ snapshots:
 
   '@testing-library/dom@8.20.1':
     dependencies:
-      '@babel/code-frame': 7.24.7
+      '@babel/code-frame': 7.25.7
       '@babel/runtime': 7.25.6
       '@types/aria-query': 5.0.4
       aria-query: 5.1.3
@@ -17863,41 +17984,38 @@ snapshots:
       lz-string: 1.5.0
       pretty-format: 27.5.1
 
-  '@testing-library/jest-dom@6.4.5(vitest@2.0.5(@types/node@22.5.4)(happy-dom@15.7.3)(jsdom@23.2.0)(terser@5.31.3))':
+  '@testing-library/jest-dom@6.5.0':
     dependencies:
       '@adobe/css-tools': 4.4.0
-      '@babel/runtime': 7.25.6
-      aria-query: 5.3.0
+      aria-query: 5.3.2
       chalk: 3.0.0
       css.escape: 1.5.1
       dom-accessibility-api: 0.6.3
       lodash: 4.17.21
       redent: 3.0.0
-    optionalDependencies:
-      vitest: 2.0.5(@types/node@22.5.4)(happy-dom@15.7.3)(jsdom@23.2.0)(terser@5.31.3)
 
-  '@testing-library/user-event@14.5.2(@testing-library/dom@10.1.0)':
+  '@testing-library/user-event@14.5.2(@testing-library/dom@10.4.0)':
     dependencies:
-      '@testing-library/dom': 10.1.0
+      '@testing-library/dom': 10.4.0
 
-  '@tinloof/sanity-studio@1.3.3(@sanity/mutator@3.57.2)(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react-fast-compare@3.2.2)(react-is@18.3.1)(react@18.3.1)(rxjs@7.8.1)(sanity@3.57.2(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3))(terser@5.31.3)':
+  '@tinloof/sanity-studio@1.3.5(@sanity/mutator@3.61.0)(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react-fast-compare@3.2.2)(react-is@18.3.1)(react@18.3.1)(rxjs@7.8.1)(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0)':
     dependencies:
       '@sanity/asset-utils': 1.3.0
-      '@sanity/document-internationalization': 3.0.0(@sanity/mutator@3.57.2)(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1))(@sanity/util@3.57.2)(react-dom@18.3.1(react@18.3.1))(react-fast-compare@3.2.2)(react@18.3.1)(rxjs@7.8.1)(sanity@3.57.2(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3))
+      '@sanity/document-internationalization': 3.0.1(@sanity/mutator@3.61.0)(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(@sanity/util@3.61.0)(react-dom@18.3.1(react@18.3.1))(react-fast-compare@3.2.2)(react@18.3.1)(rxjs@7.8.1)(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       '@sanity/icons': 2.11.8(react@18.3.1)
       '@sanity/image-url': 1.0.2
       '@sanity/incompatible-plugin': 1.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@sanity/presentation': link:packages/presentation
-      '@sanity/ui': 2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
-      '@sanity/util': 3.57.2(debug@4.3.7)
-      '@tanstack/react-virtual': 3.8.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@tinloof/sanity-web': 0.4.2(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)
+      '@sanity/ui': 2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@sanity/util': 3.61.0(debug@4.3.7)
+      '@tanstack/react-virtual': 3.10.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@tinloof/sanity-web': 0.5.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0)
       lodash: 4.17.21
       nanoid: 5.0.7
       react: 18.3.1
       react-rx: 2.1.3(react@18.3.1)(rxjs@7.8.1)
-      sanity: 3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)
-      use-debounce: 10.0.1(react@18.3.1)
+      sanity: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0)
+      use-debounce: 10.0.3(react@18.3.1)
     transitivePeerDependencies:
       - '@sanity/mutator'
       - '@types/node'
@@ -17920,14 +18038,14 @@ snapshots:
       - terser
       - utf-8-validate
 
-  '@tinloof/sanity-web@0.4.2(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)':
+  '@tinloof/sanity-web@0.5.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0)':
     dependencies:
       '@portabletext/react': 3.1.0(react@18.3.1)
       '@sanity/asset-utils': 1.3.0
       '@sanity/image-url': 1.0.2
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      sanity: 3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)
+      sanity: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0)
       speakingurl: 14.0.1
     transitivePeerDependencies:
       - '@types/node'
@@ -18031,7 +18149,7 @@ snapshots:
 
   '@types/acorn@4.0.6':
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
 
   '@types/argparse@1.0.38': {}
 
@@ -18039,57 +18157,56 @@ snapshots:
 
   '@types/babel__core@7.20.5':
     dependencies:
-      '@babel/parser': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/parser': 7.25.8
+      '@babel/types': 7.25.8
       '@types/babel__generator': 7.6.8
       '@types/babel__template': 7.4.4
       '@types/babel__traverse': 7.20.6
 
   '@types/babel__generator@7.6.8':
     dependencies:
-      '@babel/types': 7.25.6
+      '@babel/types': 7.25.8
 
   '@types/babel__template@7.4.4':
     dependencies:
-      '@babel/parser': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/parser': 7.25.8
+      '@babel/types': 7.25.8
 
   '@types/babel__traverse@7.20.6':
     dependencies:
-      '@babel/types': 7.25.6
+      '@babel/types': 7.25.8
 
   '@types/body-parser@1.19.5':
     dependencies:
       '@types/connect': 3.4.38
-      '@types/node': 20.8.7
+      '@types/node': 20.16.5
 
   '@types/connect@3.4.38':
     dependencies:
-      '@types/node': 20.8.7
+      '@types/node': 20.16.5
 
   '@types/cookie@0.6.0': {}
 
-  '@types/cross-spawn@6.0.6':
-    dependencies:
-      '@types/node': 20.8.7
-
   '@types/debug@4.1.12':
     dependencies:
       '@types/ms': 0.7.34
 
   '@types/doctrine@0.0.9': {}
 
-  '@types/emscripten@1.39.13': {}
-
   '@types/escodegen@0.0.6': {}
 
+  '@types/eslint@8.56.12':
+    dependencies:
+      '@types/estree': 1.0.6
+      '@types/json-schema': 7.0.15
+
   '@types/estree-jsx@1.0.5':
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
 
   '@types/estree@0.0.51': {}
 
-  '@types/estree@1.0.5': {}
+  '@types/estree@1.0.6': {}
 
   '@types/event-source-polyfill@1.0.5': {}
 
@@ -18097,8 +18214,8 @@ snapshots:
 
   '@types/express-serve-static-core@4.19.5':
     dependencies:
-      '@types/node': 20.8.7
-      '@types/qs': 6.9.15
+      '@types/node': 20.16.5
+      '@types/qs': 6.9.16
       '@types/range-parser': 1.2.7
       '@types/send': 0.17.4
 
@@ -18106,25 +18223,25 @@ snapshots:
     dependencies:
       '@types/body-parser': 1.19.5
       '@types/express-serve-static-core': 4.19.5
-      '@types/qs': 6.9.15
+      '@types/qs': 6.9.16
       '@types/serve-static': 1.15.7
 
   '@types/find-cache-dir@3.2.1': {}
 
   '@types/follow-redirects@1.14.4':
     dependencies:
-      '@types/node': 20.8.7
+      '@types/node': 20.16.5
 
   '@types/fs-extra@11.0.4':
     dependencies:
       '@types/jsonfile': 6.1.4
-      '@types/node': 20.8.7
+      '@types/node': 20.16.5
     optional: true
 
   '@types/glob@7.2.0':
     dependencies:
       '@types/minimatch': 5.1.2
-      '@types/node': 20.8.7
+      '@types/node': 20.16.5
 
   '@types/hast@2.3.10':
     dependencies:
@@ -18138,7 +18255,7 @@ snapshots:
 
   '@types/http-proxy@1.17.14':
     dependencies:
-      '@types/node': 20.8.7
+      '@types/node': 20.16.5
 
   '@types/istanbul-lib-coverage@2.0.6': {}
 
@@ -18157,22 +18274,22 @@ snapshots:
 
   '@types/jsonfile@6.1.4':
     dependencies:
-      '@types/node': 20.8.7
+      '@types/node': 20.16.5
     optional: true
 
   '@types/lodash.get@4.4.9':
     dependencies:
-      '@types/lodash': 4.17.0
+      '@types/lodash': 4.17.7
 
   '@types/lodash.isequal@4.5.8':
     dependencies:
-      '@types/lodash': 4.17.0
+      '@types/lodash': 4.17.7
 
   '@types/lodash.startcase@4.4.9':
     dependencies:
-      '@types/lodash': 4.17.0
+      '@types/lodash': 4.17.7
 
-  '@types/lodash@4.17.0': {}
+  '@types/lodash@4.17.7': {}
 
   '@types/mdast@3.0.15':
     dependencies:
@@ -18196,44 +18313,43 @@ snapshots:
     dependencies:
       '@types/unist': 3.0.2
 
-  '@types/node@18.19.44':
+  '@types/node@20.16.5':
     dependencies:
-      undici-types: 5.26.5
+      undici-types: 6.19.8
 
   '@types/node@20.8.7':
     dependencies:
       undici-types: 5.25.3
 
-  '@types/node@22.5.4':
+  '@types/node@22.5.5':
     dependencies:
       undici-types: 6.19.8
-    optional: true
 
   '@types/normalize-package-data@2.4.4': {}
 
   '@types/progress-stream@2.0.5':
     dependencies:
-      '@types/node': 20.8.7
+      '@types/node': 20.16.5
 
   '@types/prop-types@15.7.12': {}
 
-  '@types/qs@6.9.15': {}
+  '@types/qs@6.9.16': {}
 
   '@types/range-parser@1.2.7': {}
 
   '@types/react-copy-to-clipboard@5.0.7':
     dependencies:
-      '@types/react': 18.3.5
+      '@types/react': 18.3.11
 
-  '@types/react-dom@18.3.0':
+  '@types/react-dom@18.3.1':
     dependencies:
-      '@types/react': 18.3.5
+      '@types/react': 18.3.11
 
   '@types/react-is@18.3.0':
     dependencies:
-      '@types/react': 18.3.5
+      '@types/react': 18.3.11
 
-  '@types/react@18.3.5':
+  '@types/react@18.3.11':
     dependencies:
       '@types/prop-types': 15.7.12
       csstype: 3.1.3
@@ -18245,12 +18361,12 @@ snapshots:
   '@types/send@0.17.4':
     dependencies:
       '@types/mime': 1.3.5
-      '@types/node': 20.8.7
+      '@types/node': 20.16.5
 
   '@types/serve-static@1.15.7':
     dependencies:
       '@types/http-errors': 2.0.4
-      '@types/node': 20.8.7
+      '@types/node': 20.16.5
       '@types/send': 0.17.4
 
   '@types/shallow-equals@1.0.3': {}
@@ -18265,7 +18381,7 @@ snapshots:
 
   '@types/tar-stream@3.1.3':
     dependencies:
-      '@types/node': 20.8.7
+      '@types/node': 20.16.5
 
   '@types/unist@2.0.11': {}
 
@@ -18283,98 +18399,65 @@ snapshots:
     dependencies:
       '@types/yargs-parser': 21.0.3
 
-  '@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.2))(eslint@8.57.0)(typescript@5.6.2)':
+  '@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3)':
     dependencies:
-      '@eslint-community/regexpp': 4.11.0
-      '@typescript-eslint/parser': 5.62.0(eslint@8.57.0)(typescript@5.6.2)
+      '@eslint-community/regexpp': 4.11.1
+      '@typescript-eslint/parser': 5.62.0(eslint@8.57.1)(typescript@5.6.3)
       '@typescript-eslint/scope-manager': 5.62.0
-      '@typescript-eslint/type-utils': 5.62.0(eslint@8.57.0)(typescript@5.6.2)
-      '@typescript-eslint/utils': 5.62.0(eslint@8.57.0)(typescript@5.6.2)
+      '@typescript-eslint/type-utils': 5.62.0(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/utils': 5.62.0(eslint@8.57.1)(typescript@5.6.3)
       debug: 4.3.7
-      eslint: 8.57.0
+      eslint: 8.57.1
       graphemer: 1.4.0
       ignore: 5.3.2
       natural-compare-lite: 1.4.0
       semver: 7.6.3
-      tsutils: 3.21.0(typescript@5.6.2)
-    optionalDependencies:
-      typescript: 5.6.2
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/eslint-plugin@6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint@8.57.0)(typescript@5.6.2)':
-    dependencies:
-      '@eslint-community/regexpp': 4.11.0
-      '@typescript-eslint/parser': 6.21.0(eslint@8.57.0)(typescript@5.6.2)
-      '@typescript-eslint/scope-manager': 6.21.0
-      '@typescript-eslint/type-utils': 6.21.0(eslint@8.57.0)(typescript@5.6.2)
-      '@typescript-eslint/utils': 6.21.0(eslint@8.57.0)(typescript@5.6.2)
-      '@typescript-eslint/visitor-keys': 6.21.0
-      debug: 4.3.7
-      eslint: 8.57.0
-      graphemer: 1.4.0
-      ignore: 5.3.2
-      natural-compare: 1.4.0
-      semver: 7.6.3
-      ts-api-utils: 1.3.0(typescript@5.6.2)
+      tsutils: 3.21.0(typescript@5.6.3)
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/eslint-plugin@7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint@8.57.0)(typescript@5.6.2)':
+  '@typescript-eslint/eslint-plugin@7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3)':
     dependencies:
-      '@eslint-community/regexpp': 4.11.0
-      '@typescript-eslint/parser': 7.18.0(eslint@8.57.0)(typescript@5.6.2)
+      '@eslint-community/regexpp': 4.11.1
+      '@typescript-eslint/parser': 7.18.0(eslint@8.57.1)(typescript@5.6.3)
       '@typescript-eslint/scope-manager': 7.18.0
-      '@typescript-eslint/type-utils': 7.18.0(eslint@8.57.0)(typescript@5.6.2)
-      '@typescript-eslint/utils': 7.18.0(eslint@8.57.0)(typescript@5.6.2)
+      '@typescript-eslint/type-utils': 7.18.0(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/utils': 7.18.0(eslint@8.57.1)(typescript@5.6.3)
       '@typescript-eslint/visitor-keys': 7.18.0
-      eslint: 8.57.0
+      eslint: 8.57.1
       graphemer: 1.4.0
       ignore: 5.3.2
       natural-compare: 1.4.0
-      ts-api-utils: 1.3.0(typescript@5.6.2)
+      ts-api-utils: 1.3.0(typescript@5.6.3)
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.2)':
+  '@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3)':
     dependencies:
       '@typescript-eslint/scope-manager': 5.62.0
       '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.6.2)
-      debug: 4.3.7
-      eslint: 8.57.0
-    optionalDependencies:
-      typescript: 5.6.2
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2)':
-    dependencies:
-      '@typescript-eslint/scope-manager': 6.21.0
-      '@typescript-eslint/types': 6.21.0
-      '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.6.2)
-      '@typescript-eslint/visitor-keys': 6.21.0
+      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.6.3)
       debug: 4.3.7
-      eslint: 8.57.0
+      eslint: 8.57.1
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2)':
+  '@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3)':
     dependencies:
       '@typescript-eslint/scope-manager': 7.18.0
       '@typescript-eslint/types': 7.18.0
-      '@typescript-eslint/typescript-estree': 7.18.0(typescript@5.6.2)
+      '@typescript-eslint/typescript-estree': 7.18.0(typescript@5.6.3)
       '@typescript-eslint/visitor-keys': 7.18.0
       debug: 4.3.7
-      eslint: 8.57.0
+      eslint: 8.57.1
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
     transitivePeerDependencies:
       - supports-color
 
@@ -18383,59 +18466,40 @@ snapshots:
       '@typescript-eslint/types': 5.62.0
       '@typescript-eslint/visitor-keys': 5.62.0
 
-  '@typescript-eslint/scope-manager@6.21.0':
-    dependencies:
-      '@typescript-eslint/types': 6.21.0
-      '@typescript-eslint/visitor-keys': 6.21.0
-
   '@typescript-eslint/scope-manager@7.18.0':
     dependencies:
       '@typescript-eslint/types': 7.18.0
       '@typescript-eslint/visitor-keys': 7.18.0
 
-  '@typescript-eslint/type-utils@5.62.0(eslint@8.57.0)(typescript@5.6.2)':
-    dependencies:
-      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.6.2)
-      '@typescript-eslint/utils': 5.62.0(eslint@8.57.0)(typescript@5.6.2)
-      debug: 4.3.7
-      eslint: 8.57.0
-      tsutils: 3.21.0(typescript@5.6.2)
-    optionalDependencies:
-      typescript: 5.6.2
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/type-utils@6.21.0(eslint@8.57.0)(typescript@5.6.2)':
+  '@typescript-eslint/type-utils@5.62.0(eslint@8.57.1)(typescript@5.6.3)':
     dependencies:
-      '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.6.2)
-      '@typescript-eslint/utils': 6.21.0(eslint@8.57.0)(typescript@5.6.2)
+      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.6.3)
+      '@typescript-eslint/utils': 5.62.0(eslint@8.57.1)(typescript@5.6.3)
       debug: 4.3.7
-      eslint: 8.57.0
-      ts-api-utils: 1.3.0(typescript@5.6.2)
+      eslint: 8.57.1
+      tsutils: 3.21.0(typescript@5.6.3)
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/type-utils@7.18.0(eslint@8.57.0)(typescript@5.6.2)':
+  '@typescript-eslint/type-utils@7.18.0(eslint@8.57.1)(typescript@5.6.3)':
     dependencies:
-      '@typescript-eslint/typescript-estree': 7.18.0(typescript@5.6.2)
-      '@typescript-eslint/utils': 7.18.0(eslint@8.57.0)(typescript@5.6.2)
+      '@typescript-eslint/typescript-estree': 7.18.0(typescript@5.6.3)
+      '@typescript-eslint/utils': 7.18.0(eslint@8.57.1)(typescript@5.6.3)
       debug: 4.3.7
-      eslint: 8.57.0
-      ts-api-utils: 1.3.0(typescript@5.6.2)
+      eslint: 8.57.1
+      ts-api-utils: 1.3.0(typescript@5.6.3)
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
     transitivePeerDependencies:
       - supports-color
 
   '@typescript-eslint/types@5.62.0': {}
 
-  '@typescript-eslint/types@6.21.0': {}
-
   '@typescript-eslint/types@7.18.0': {}
 
-  '@typescript-eslint/typescript-estree@5.62.0(typescript@5.6.2)':
+  '@typescript-eslint/typescript-estree@5.62.0(typescript@5.6.3)':
     dependencies:
       '@typescript-eslint/types': 5.62.0
       '@typescript-eslint/visitor-keys': 5.62.0
@@ -18443,28 +18507,13 @@ snapshots:
       globby: 11.1.0
       is-glob: 4.0.3
       semver: 7.6.3
-      tsutils: 3.21.0(typescript@5.6.2)
-    optionalDependencies:
-      typescript: 5.6.2
-    transitivePeerDependencies:
-      - supports-color
-
-  '@typescript-eslint/typescript-estree@6.21.0(typescript@5.6.2)':
-    dependencies:
-      '@typescript-eslint/types': 6.21.0
-      '@typescript-eslint/visitor-keys': 6.21.0
-      debug: 4.3.7
-      globby: 11.1.0
-      is-glob: 4.0.3
-      minimatch: 9.0.3
-      semver: 7.6.3
-      ts-api-utils: 1.3.0(typescript@5.6.2)
+      tsutils: 3.21.0(typescript@5.6.3)
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/typescript-estree@7.18.0(typescript@5.6.2)':
+  '@typescript-eslint/typescript-estree@7.18.0(typescript@5.6.3)':
     dependencies:
       '@typescript-eslint/types': 7.18.0
       '@typescript-eslint/visitor-keys': 7.18.0
@@ -18473,48 +18522,34 @@ snapshots:
       is-glob: 4.0.3
       minimatch: 9.0.5
       semver: 7.6.3
-      ts-api-utils: 1.3.0(typescript@5.6.2)
+      ts-api-utils: 1.3.0(typescript@5.6.3)
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
     transitivePeerDependencies:
       - supports-color
 
-  '@typescript-eslint/utils@5.62.0(eslint@8.57.0)(typescript@5.6.2)':
+  '@typescript-eslint/utils@5.62.0(eslint@8.57.1)(typescript@5.6.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.1)
       '@types/json-schema': 7.0.15
       '@types/semver': 7.5.8
       '@typescript-eslint/scope-manager': 5.62.0
       '@typescript-eslint/types': 5.62.0
-      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.6.2)
-      eslint: 8.57.0
+      '@typescript-eslint/typescript-estree': 5.62.0(typescript@5.6.3)
+      eslint: 8.57.1
       eslint-scope: 5.1.1
       semver: 7.6.3
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  '@typescript-eslint/utils@6.21.0(eslint@8.57.0)(typescript@5.6.2)':
-    dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
-      '@types/json-schema': 7.0.15
-      '@types/semver': 7.5.8
-      '@typescript-eslint/scope-manager': 6.21.0
-      '@typescript-eslint/types': 6.21.0
-      '@typescript-eslint/typescript-estree': 6.21.0(typescript@5.6.2)
-      eslint: 8.57.0
-      semver: 7.6.3
-    transitivePeerDependencies:
-      - supports-color
-      - typescript
-
-  '@typescript-eslint/utils@7.18.0(eslint@8.57.0)(typescript@5.6.2)':
+  '@typescript-eslint/utils@7.18.0(eslint@8.57.1)(typescript@5.6.3)':
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.1)
       '@typescript-eslint/scope-manager': 7.18.0
       '@typescript-eslint/types': 7.18.0
-      '@typescript-eslint/typescript-estree': 7.18.0(typescript@5.6.2)
-      eslint: 8.57.0
+      '@typescript-eslint/typescript-estree': 7.18.0(typescript@5.6.3)
+      eslint: 8.57.1
     transitivePeerDependencies:
       - supports-color
       - typescript
@@ -18524,34 +18559,29 @@ snapshots:
       '@typescript-eslint/types': 5.62.0
       eslint-visitor-keys: 3.4.3
 
-  '@typescript-eslint/visitor-keys@6.21.0':
-    dependencies:
-      '@typescript-eslint/types': 6.21.0
-      eslint-visitor-keys: 3.4.3
-
   '@typescript-eslint/visitor-keys@7.18.0':
     dependencies:
       '@typescript-eslint/types': 7.18.0
       eslint-visitor-keys: 3.4.3
 
-  '@uiw/codemirror-extensions-basic-setup@4.21.25(@codemirror/autocomplete@6.18.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1))(@codemirror/commands@6.6.1)(@codemirror/language@6.10.2)(@codemirror/lint@6.8.1)(@codemirror/search@6.5.6)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)':
+  '@uiw/codemirror-extensions-basic-setup@4.21.25(@codemirror/autocomplete@6.18.1(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1))(@codemirror/commands@6.6.2)(@codemirror/language@6.10.2)(@codemirror/lint@6.8.1)(@codemirror/search@6.5.6)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)':
     dependencies:
-      '@codemirror/autocomplete': 6.18.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1)
-      '@codemirror/commands': 6.6.1
+      '@codemirror/autocomplete': 6.18.1(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1)
+      '@codemirror/commands': 6.6.2
       '@codemirror/language': 6.10.2
       '@codemirror/lint': 6.8.1
       '@codemirror/search': 6.5.6
       '@codemirror/state': 6.4.1
       '@codemirror/view': 6.33.0
 
-  '@uiw/react-codemirror@4.21.25(@babel/runtime@7.25.6)(@codemirror/autocomplete@6.18.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1))(@codemirror/language@6.10.2)(@codemirror/lint@6.8.1)(@codemirror/search@6.5.6)(@codemirror/state@6.4.1)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.33.0)(codemirror@6.0.1(@lezer/common@1.2.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@uiw/react-codemirror@4.21.25(@babel/runtime@7.25.6)(@codemirror/autocomplete@6.18.1(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1))(@codemirror/language@6.10.2)(@codemirror/lint@6.8.1)(@codemirror/search@6.5.6)(@codemirror/state@6.4.1)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.33.0)(codemirror@6.0.1(@lezer/common@1.2.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
       '@babel/runtime': 7.25.6
-      '@codemirror/commands': 6.6.1
+      '@codemirror/commands': 6.6.2
       '@codemirror/state': 6.4.1
       '@codemirror/theme-one-dark': 6.1.2
       '@codemirror/view': 6.33.0
-      '@uiw/codemirror-extensions-basic-setup': 4.21.25(@codemirror/autocomplete@6.18.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1))(@codemirror/commands@6.6.1)(@codemirror/language@6.10.2)(@codemirror/lint@6.8.1)(@codemirror/search@6.5.6)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)
+      '@uiw/codemirror-extensions-basic-setup': 4.21.25(@codemirror/autocomplete@6.18.1(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1))(@codemirror/commands@6.6.2)(@codemirror/language@6.10.2)(@codemirror/lint@6.8.1)(@codemirror/search@6.5.6)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)
       codemirror: 6.0.1(@lezer/common@1.2.1)
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
@@ -18561,14 +18591,14 @@ snapshots:
       - '@codemirror/lint'
       - '@codemirror/search'
 
-  '@uiw/react-codemirror@4.21.25(@babel/runtime@7.25.6)(@codemirror/autocomplete@6.18.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1))(@codemirror/language@6.10.2)(@codemirror/lint@6.8.1)(@codemirror/search@6.5.6)(@codemirror/state@6.4.1)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.33.0)(codemirror@6.0.1(@lezer/common@1.2.1))(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)':
+  '@uiw/react-codemirror@4.21.25(@babel/runtime@7.25.6)(@codemirror/autocomplete@6.18.1(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1))(@codemirror/language@6.10.2)(@codemirror/lint@6.8.1)(@codemirror/search@6.5.6)(@codemirror/state@6.4.1)(@codemirror/theme-one-dark@6.1.2)(@codemirror/view@6.33.0)(codemirror@6.0.1(@lezer/common@1.2.1))(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)':
     dependencies:
       '@babel/runtime': 7.25.6
-      '@codemirror/commands': 6.6.1
+      '@codemirror/commands': 6.6.2
       '@codemirror/state': 6.4.1
       '@codemirror/theme-one-dark': 6.1.2
       '@codemirror/view': 6.33.0
-      '@uiw/codemirror-extensions-basic-setup': 4.21.25(@codemirror/autocomplete@6.18.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1))(@codemirror/commands@6.6.1)(@codemirror/language@6.10.2)(@codemirror/lint@6.8.1)(@codemirror/search@6.5.6)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)
+      '@uiw/codemirror-extensions-basic-setup': 4.21.25(@codemirror/autocomplete@6.18.1(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1))(@codemirror/commands@6.6.2)(@codemirror/language@6.10.2)(@codemirror/lint@6.8.1)(@codemirror/search@6.5.6)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)
       codemirror: 6.0.1(@lezer/common@1.2.1)
       react: 19.0.0-rc-fb9a90fa48-20240614
       react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614)
@@ -18580,37 +18610,37 @@ snapshots:
 
   '@ungap/structured-clone@1.2.0': {}
 
-  '@unhead/dom@1.11.2':
+  '@unhead/dom@1.11.6':
     dependencies:
-      '@unhead/schema': 1.11.2
-      '@unhead/shared': 1.11.2
+      '@unhead/schema': 1.11.6
+      '@unhead/shared': 1.11.6
 
-  '@unhead/schema@1.11.2':
+  '@unhead/schema@1.11.6':
     dependencies:
       hookable: 5.5.3
       zhead: 2.2.4
 
-  '@unhead/shared@1.11.2':
+  '@unhead/shared@1.11.6':
     dependencies:
-      '@unhead/schema': 1.11.2
+      '@unhead/schema': 1.11.6
 
-  '@unhead/ssr@1.11.2':
+  '@unhead/ssr@1.11.6':
     dependencies:
-      '@unhead/schema': 1.11.2
-      '@unhead/shared': 1.11.2
+      '@unhead/schema': 1.11.6
+      '@unhead/shared': 1.11.6
 
-  '@unhead/vue@1.11.2(vue@3.5.4(typescript@5.6.2))':
+  '@unhead/vue@1.11.6(vue@3.5.6(typescript@5.6.3))':
     dependencies:
-      '@unhead/schema': 1.11.2
-      '@unhead/shared': 1.11.2
+      '@unhead/schema': 1.11.6
+      '@unhead/shared': 1.11.6
       defu: 6.1.4
       hookable: 5.5.3
-      unhead: 1.11.2
-      vue: 3.5.4(typescript@5.6.2)
+      unhead: 1.11.6
+      vue: 3.5.6(typescript@5.6.3)
 
   '@vanilla-extract/babel-plugin-debug-ids@1.0.6':
     dependencies:
-      '@babel/core': 7.25.2
+      '@babel/core': 7.25.8
     transitivePeerDependencies:
       - supports-color
 
@@ -18631,10 +18661,10 @@ snapshots:
     transitivePeerDependencies:
       - babel-plugin-macros
 
-  '@vanilla-extract/integration@6.5.0(@types/node@22.5.4)(terser@5.31.3)':
+  '@vanilla-extract/integration@6.5.0(@types/node@22.5.5)(terser@5.33.0)':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/plugin-syntax-typescript': 7.25.4(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/plugin-syntax-typescript': 7.25.7(@babel/core@7.25.8)
       '@vanilla-extract/babel-plugin-debug-ids': 1.0.6
       '@vanilla-extract/css': 1.15.5
       esbuild: 0.18.20
@@ -18644,8 +18674,8 @@ snapshots:
       lodash: 4.17.21
       mlly: 1.7.1
       outdent: 0.8.0
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
-      vite-node: 1.6.0(@types/node@22.5.4)(terser@5.31.3)
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
+      vite-node: 1.6.0(@types/node@22.5.5)(terser@5.33.0)
     transitivePeerDependencies:
       - '@types/node'
       - babel-plugin-macros
@@ -18660,11 +18690,11 @@ snapshots:
 
   '@vanilla-extract/private@1.0.6': {}
 
-  '@vercel/analytics@1.3.1(next@14.2.9(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)':
+  '@vercel/analytics@1.3.1(next@14.2.15(@babel/core@7.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)':
     dependencies:
       server-only: 0.0.1
     optionalDependencies:
-      next: 14.2.9(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      next: 14.2.15(@babel/core@7.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
 
   '@vercel/edge@1.1.2': {}
@@ -18705,25 +18735,25 @@ snapshots:
       - encoding
       - supports-color
 
-  '@vercel/remix@2.11.2(@remix-run/dev@2.12.0(@remix-run/react@2.12.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.6.2))(@remix-run/serve@2.12.0(typescript@5.6.2))(@types/node@22.5.4)(terser@5.31.3)(typescript@5.6.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)))(@remix-run/node@2.12.0(typescript@5.6.2))(@remix-run/server-runtime@2.12.0(typescript@5.6.2))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
+  '@vercel/remix@2.12.0(@remix-run/dev@2.13.1(@remix-run/react@2.13.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.6.3))(@remix-run/serve@2.13.1(typescript@5.6.3))(@types/node@22.5.5)(terser@5.33.0)(typescript@5.6.3)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0)))(@remix-run/node@2.13.1(typescript@5.6.3))(@remix-run/server-runtime@2.13.1(typescript@5.6.3))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)':
     dependencies:
-      '@remix-run/dev': 2.12.0(@remix-run/react@2.12.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.6.2))(@remix-run/serve@2.12.0(typescript@5.6.2))(@types/node@22.5.4)(terser@5.31.3)(typescript@5.6.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
-      '@remix-run/node': 2.12.0(typescript@5.6.2)
-      '@remix-run/server-runtime': 2.12.0(typescript@5.6.2)
+      '@remix-run/dev': 2.13.1(@remix-run/react@2.13.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(typescript@5.6.3))(@remix-run/serve@2.13.1(typescript@5.6.3))(@types/node@22.5.5)(terser@5.33.0)(typescript@5.6.3)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
+      '@remix-run/node': 2.13.1(typescript@5.6.3)
+      '@remix-run/server-runtime': 2.13.1(typescript@5.6.3)
       '@vercel/static-config': 3.0.0
       isbot: 3.8.0
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       ts-morph: 12.0.0
 
-  '@vercel/speed-insights@1.0.12(@sveltejs/kit@2.6.1(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@20.8.7)(terser@5.31.3)))(svelte@4.2.19)(vite@5.4.3(@types/node@20.8.7)(terser@5.31.3)))(next@15.0.0-canary.148(@babel/core@7.25.2)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(svelte@4.2.19)(vue-router@4.4.3(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))':
+  '@vercel/speed-insights@1.0.12(@sveltejs/kit@2.7.1(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@20.16.5)(terser@5.33.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@20.16.5)(terser@5.33.0)))(next@15.0.0-canary.195(@babel/core@7.25.8)(babel-plugin-react-compiler@0.0.0-experimental-fa06e2c-20241014)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(svelte@4.2.19)(vue-router@4.4.5(vue@3.5.6(typescript@5.6.3)))(vue@3.5.6(typescript@5.6.3))':
     optionalDependencies:
-      '@sveltejs/kit': 2.6.1(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.3(@types/node@20.8.7)(terser@5.31.3)))(svelte@4.2.19)(vite@5.4.3(@types/node@20.8.7)(terser@5.31.3))
-      next: 15.0.0-canary.148(@babel/core@7.25.2)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@sveltejs/kit': 2.7.1(@sveltejs/vite-plugin-svelte@3.1.2(svelte@4.2.19)(vite@5.4.9(@types/node@20.16.5)(terser@5.33.0)))(svelte@4.2.19)(vite@5.4.9(@types/node@20.16.5)(terser@5.33.0))
+      next: 15.0.0-canary.195(@babel/core@7.25.8)(babel-plugin-react-compiler@0.0.0-experimental-fa06e2c-20241014)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
       react: 19.0.0-rc-fb9a90fa48-20240614
       svelte: 4.2.19
-      vue: 3.5.4(typescript@5.6.2)
-      vue-router: 4.4.3(vue@3.5.4(typescript@5.6.2))
+      vue: 3.5.6(typescript@5.6.3)
+      vue-router: 4.4.5(vue@3.5.6(typescript@5.6.3))
 
   '@vercel/static-config@3.0.0':
     dependencies:
@@ -18733,7 +18763,7 @@ snapshots:
 
   '@vercel/stega@0.1.2': {}
 
-  '@vercel/toolbar@0.1.18(next@14.2.9(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(vite@5.4.3(@types/node@20.8.7)(terser@5.31.3))':
+  '@vercel/toolbar@0.1.22(next@14.2.15(@babel/core@7.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(vite@5.4.9(@types/node@20.8.7)(terser@5.33.0))':
     dependencies:
       '@tinyhttp/app': 1.3.0
       chokidar: 3.6.0
@@ -18742,63 +18772,68 @@ snapshots:
       get-port: 5.1.1
       strip-ansi: 6.0.1
     optionalDependencies:
-      next: 14.2.9(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      next: 14.2.15(@babel/core@7.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
-      vite: 5.4.3(@types/node@20.8.7)(terser@5.31.3)
+      vite: 5.4.9(@types/node@20.8.7)(terser@5.33.0)
 
-  '@vitejs/plugin-react@4.3.1(vite@4.5.3(@types/node@20.8.7)(terser@5.31.3))':
+  '@vitejs/plugin-react@4.3.1(vite@4.5.3(@types/node@20.16.5)(terser@5.33.0))':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/plugin-transform-react-jsx-self': 7.24.6(@babel/core@7.25.2)
-      '@babel/plugin-transform-react-jsx-source': 7.24.6(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/plugin-transform-react-jsx-self': 7.24.6(@babel/core@7.25.8)
+      '@babel/plugin-transform-react-jsx-source': 7.24.6(@babel/core@7.25.8)
       '@types/babel__core': 7.20.5
       react-refresh: 0.14.2
-      vite: 4.5.3(@types/node@20.8.7)(terser@5.31.3)
+      vite: 4.5.3(@types/node@20.16.5)(terser@5.33.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-react@4.3.1(vite@4.5.3(@types/node@22.5.4)(terser@5.31.3))':
+  '@vitejs/plugin-react@4.3.1(vite@4.5.3(@types/node@20.8.7)(terser@5.33.0))':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/plugin-transform-react-jsx-self': 7.24.6(@babel/core@7.25.2)
-      '@babel/plugin-transform-react-jsx-source': 7.24.6(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/plugin-transform-react-jsx-self': 7.24.6(@babel/core@7.25.8)
+      '@babel/plugin-transform-react-jsx-source': 7.24.6(@babel/core@7.25.8)
       '@types/babel__core': 7.20.5
       react-refresh: 0.14.2
-      vite: 4.5.3(@types/node@22.5.4)(terser@5.31.3)
+      vite: 4.5.3(@types/node@20.8.7)(terser@5.33.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-react@4.3.1(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))':
+  '@vitejs/plugin-react@4.3.1(vite@4.5.3(@types/node@22.5.5)(terser@5.33.0))':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/plugin-transform-react-jsx-self': 7.24.6(@babel/core@7.25.2)
-      '@babel/plugin-transform-react-jsx-source': 7.24.6(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/plugin-transform-react-jsx-self': 7.24.6(@babel/core@7.25.8)
+      '@babel/plugin-transform-react-jsx-source': 7.24.6(@babel/core@7.25.8)
       '@types/babel__core': 7.20.5
       react-refresh: 0.14.2
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
+      vite: 4.5.3(@types/node@22.5.5)(terser@5.33.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue-jsx@4.0.1(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))(vue@3.5.4(typescript@5.6.2))':
+  '@vitejs/plugin-react@4.3.1(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))':
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/plugin-transform-typescript': 7.25.2(@babel/core@7.25.2)
-      '@vue/babel-plugin-jsx': 1.2.2(@babel/core@7.25.2)
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
-      vue: 3.5.4(typescript@5.6.2)
+      '@babel/core': 7.25.8
+      '@babel/plugin-transform-react-jsx-self': 7.24.6(@babel/core@7.25.8)
+      '@babel/plugin-transform-react-jsx-source': 7.24.6(@babel/core@7.25.8)
+      '@types/babel__core': 7.20.5
+      react-refresh: 0.14.2
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
     transitivePeerDependencies:
       - supports-color
 
-  '@vitejs/plugin-vue@5.1.3(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))(vue@3.5.4(typescript@5.6.2))':
+  '@vitejs/plugin-vue-jsx@4.0.1(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))(vue@3.5.6(typescript@5.6.3))':
     dependencies:
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
-      vue: 3.5.4(typescript@5.6.2)
+      '@babel/core': 7.25.8
+      '@babel/plugin-transform-typescript': 7.25.7(@babel/core@7.25.8)
+      '@vue/babel-plugin-jsx': 1.2.5(@babel/core@7.25.8)
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
+      vue: 3.5.6(typescript@5.6.3)
+    transitivePeerDependencies:
+      - supports-color
 
-  '@vitest/expect@1.6.0':
+  '@vitejs/plugin-vue@5.1.3(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))(vue@3.5.6(typescript@5.6.3))':
     dependencies:
-      '@vitest/spy': 1.6.0
-      '@vitest/utils': 1.6.0
-      chai: 4.5.0
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
+      vue: 3.5.6(typescript@5.6.3)
 
   '@vitest/expect@2.0.5':
     dependencies:
@@ -18807,35 +18842,47 @@ snapshots:
       chai: 5.1.1
       tinyrainbow: 1.2.0
 
+  '@vitest/expect@2.1.3':
+    dependencies:
+      '@vitest/spy': 2.1.3
+      '@vitest/utils': 2.1.3
+      chai: 5.1.1
+      tinyrainbow: 1.2.0
+
+  '@vitest/mocker@2.1.3(@vitest/spy@2.1.3)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))':
+    dependencies:
+      '@vitest/spy': 2.1.3
+      estree-walker: 3.0.3
+      magic-string: 0.30.12
+    optionalDependencies:
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
+
   '@vitest/pretty-format@2.0.5':
     dependencies:
       tinyrainbow: 1.2.0
 
-  '@vitest/runner@2.0.5':
+  '@vitest/pretty-format@2.1.3':
     dependencies:
-      '@vitest/utils': 2.0.5
-      pathe: 1.1.2
+      tinyrainbow: 1.2.0
 
-  '@vitest/snapshot@2.0.5':
+  '@vitest/runner@2.1.3':
     dependencies:
-      '@vitest/pretty-format': 2.0.5
-      magic-string: 0.30.11
+      '@vitest/utils': 2.1.3
       pathe: 1.1.2
 
-  '@vitest/spy@1.6.0':
+  '@vitest/snapshot@2.1.3':
     dependencies:
-      tinyspy: 2.2.1
+      '@vitest/pretty-format': 2.1.3
+      magic-string: 0.30.12
+      pathe: 1.1.2
 
   '@vitest/spy@2.0.5':
     dependencies:
-      tinyspy: 3.0.0
+      tinyspy: 3.0.2
 
-  '@vitest/utils@1.6.0':
+  '@vitest/spy@2.1.3':
     dependencies:
-      diff-sequences: 29.6.3
-      estree-walker: 3.0.3
-      loupe: 2.3.7
-      pretty-format: 29.7.0
+      tinyspy: 3.0.2
 
   '@vitest/utils@2.0.5':
     dependencies:
@@ -18844,24 +18891,30 @@ snapshots:
       loupe: 3.1.1
       tinyrainbow: 1.2.0
 
-  '@volar/kit@2.4.4(typescript@5.6.2)':
+  '@vitest/utils@2.1.3':
+    dependencies:
+      '@vitest/pretty-format': 2.1.3
+      loupe: 3.1.1
+      tinyrainbow: 1.2.0
+
+  '@volar/kit@2.4.6(typescript@5.6.3)':
     dependencies:
-      '@volar/language-service': 2.4.4
-      '@volar/typescript': 2.4.4
+      '@volar/language-service': 2.4.6
+      '@volar/typescript': 2.4.6
       typesafe-path: 0.2.2
-      typescript: 5.6.2
+      typescript: 5.6.3
       vscode-languageserver-textdocument: 1.0.12
       vscode-uri: 3.0.8
 
-  '@volar/language-core@2.4.4':
+  '@volar/language-core@2.4.6':
     dependencies:
-      '@volar/source-map': 2.4.4
+      '@volar/source-map': 2.4.6
 
-  '@volar/language-server@2.4.4':
+  '@volar/language-server@2.4.6':
     dependencies:
-      '@volar/language-core': 2.4.4
-      '@volar/language-service': 2.4.4
-      '@volar/typescript': 2.4.4
+      '@volar/language-core': 2.4.6
+      '@volar/language-service': 2.4.6
+      '@volar/typescript': 2.4.6
       path-browserify: 1.0.1
       request-light: 0.7.0
       vscode-languageserver: 9.0.1
@@ -18869,18 +18922,18 @@ snapshots:
       vscode-languageserver-textdocument: 1.0.12
       vscode-uri: 3.0.8
 
-  '@volar/language-service@2.4.4':
+  '@volar/language-service@2.4.6':
     dependencies:
-      '@volar/language-core': 2.4.4
+      '@volar/language-core': 2.4.6
       vscode-languageserver-protocol: 3.17.5
       vscode-languageserver-textdocument: 1.0.12
       vscode-uri: 3.0.8
 
-  '@volar/source-map@2.4.4': {}
+  '@volar/source-map@2.4.6': {}
 
-  '@volar/typescript@2.4.4':
+  '@volar/typescript@2.4.6':
     dependencies:
-      '@volar/language-core': 2.4.4
+      '@volar/language-core': 2.4.6
       path-browserify: 1.0.1
       vscode-uri: 3.0.8
 
@@ -18894,89 +18947,90 @@ snapshots:
 
   '@vscode/l10n@0.0.18': {}
 
-  '@vue-macros/common@1.12.2(rollup@4.21.2)(vue@3.5.4(typescript@5.6.2))':
+  '@vue-macros/common@1.12.2(rollup@4.24.0)(vue@3.5.6(typescript@5.6.3))':
     dependencies:
-      '@babel/types': 7.25.6
-      '@rollup/pluginutils': 5.1.0(rollup@4.21.2)
-      '@vue/compiler-sfc': 3.5.4
+      '@babel/types': 7.25.8
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      '@vue/compiler-sfc': 3.5.6
       ast-kit: 1.0.1
       local-pkg: 0.5.0
       magic-string-ast: 0.6.2
     optionalDependencies:
-      vue: 3.5.4(typescript@5.6.2)
+      vue: 3.5.6(typescript@5.6.3)
     transitivePeerDependencies:
       - rollup
 
-  '@vue/babel-helper-vue-transform-on@1.2.2': {}
+  '@vue/babel-helper-vue-transform-on@1.2.5': {}
 
-  '@vue/babel-plugin-jsx@1.2.2(@babel/core@7.25.2)':
+  '@vue/babel-plugin-jsx@1.2.5(@babel/core@7.25.8)':
     dependencies:
-      '@babel/helper-module-imports': 7.22.15
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/plugin-syntax-jsx': 7.24.7(@babel/core@7.25.2)
-      '@babel/template': 7.25.0
-      '@babel/traverse': 7.25.6
-      '@babel/types': 7.25.6
-      '@vue/babel-helper-vue-transform-on': 1.2.2
-      '@vue/babel-plugin-resolve-type': 1.2.2(@babel/core@7.25.2)
-      camelcase: 6.3.0
+      '@babel/helper-module-imports': 7.25.7
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/plugin-syntax-jsx': 7.25.7(@babel/core@7.25.8)
+      '@babel/template': 7.25.7
+      '@babel/traverse': 7.25.7
+      '@babel/types': 7.25.8
+      '@vue/babel-helper-vue-transform-on': 1.2.5
+      '@vue/babel-plugin-resolve-type': 1.2.5(@babel/core@7.25.8)
       html-tags: 3.3.1
       svg-tags: 1.0.0
     optionalDependencies:
-      '@babel/core': 7.25.2
+      '@babel/core': 7.25.8
     transitivePeerDependencies:
       - supports-color
 
-  '@vue/babel-plugin-resolve-type@1.2.2(@babel/core@7.25.2)':
+  '@vue/babel-plugin-resolve-type@1.2.5(@babel/core@7.25.8)':
     dependencies:
-      '@babel/code-frame': 7.24.7
-      '@babel/core': 7.25.2
-      '@babel/helper-module-imports': 7.22.15
-      '@babel/helper-plugin-utils': 7.24.8
-      '@babel/parser': 7.25.6
-      '@vue/compiler-sfc': 3.5.4
+      '@babel/code-frame': 7.25.7
+      '@babel/core': 7.25.8
+      '@babel/helper-module-imports': 7.25.7
+      '@babel/helper-plugin-utils': 7.25.7
+      '@babel/parser': 7.25.8
+      '@vue/compiler-sfc': 3.5.6
+    transitivePeerDependencies:
+      - supports-color
 
-  '@vue/compiler-core@3.5.4':
+  '@vue/compiler-core@3.5.6':
     dependencies:
-      '@babel/parser': 7.25.6
-      '@vue/shared': 3.5.4
+      '@babel/parser': 7.25.8
+      '@vue/shared': 3.5.6
       entities: 4.5.0
       estree-walker: 2.0.2
       source-map-js: 1.2.1
 
-  '@vue/compiler-dom@3.5.4':
+  '@vue/compiler-dom@3.5.6':
     dependencies:
-      '@vue/compiler-core': 3.5.4
-      '@vue/shared': 3.5.4
+      '@vue/compiler-core': 3.5.6
+      '@vue/shared': 3.5.6
 
-  '@vue/compiler-sfc@3.5.4':
+  '@vue/compiler-sfc@3.5.6':
     dependencies:
-      '@babel/parser': 7.25.6
-      '@vue/compiler-core': 3.5.4
-      '@vue/compiler-dom': 3.5.4
-      '@vue/compiler-ssr': 3.5.4
-      '@vue/shared': 3.5.4
+      '@babel/parser': 7.25.8
+      '@vue/compiler-core': 3.5.6
+      '@vue/compiler-dom': 3.5.6
+      '@vue/compiler-ssr': 3.5.6
+      '@vue/shared': 3.5.6
       estree-walker: 2.0.2
-      magic-string: 0.30.11
-      postcss: 8.4.45
+      magic-string: 0.30.12
+      postcss: 8.4.47
       source-map-js: 1.2.1
 
-  '@vue/compiler-ssr@3.5.4':
+  '@vue/compiler-ssr@3.5.6':
     dependencies:
-      '@vue/compiler-dom': 3.5.4
-      '@vue/shared': 3.5.4
+      '@vue/compiler-dom': 3.5.6
+      '@vue/shared': 3.5.6
 
-  '@vue/devtools-api@6.6.3': {}
+  '@vue/devtools-api@6.6.4': {}
 
-  '@vue/devtools-core@7.4.4(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))(vue@3.5.4(typescript@5.6.2))':
+  '@vue/devtools-core@7.4.4(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))(vue@3.5.6(typescript@5.6.3))':
     dependencies:
       '@vue/devtools-kit': 7.4.4
       '@vue/devtools-shared': 7.4.4
       mitt: 3.0.1
       nanoid: 3.3.7
       pathe: 1.1.2
-      vite-hot-client: 0.2.3(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
-      vue: 3.5.4(typescript@5.6.2)
+      vite-hot-client: 0.2.3(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
+      vue: 3.5.6(typescript@5.6.3)
     transitivePeerDependencies:
       - vite
 
@@ -18994,52 +19048,42 @@ snapshots:
     dependencies:
       rfdc: 1.4.1
 
-  '@vue/reactivity@3.5.4':
+  '@vue/reactivity@3.5.6':
     dependencies:
-      '@vue/shared': 3.5.4
+      '@vue/shared': 3.5.6
 
-  '@vue/runtime-core@3.5.4':
+  '@vue/runtime-core@3.5.6':
     dependencies:
-      '@vue/reactivity': 3.5.4
-      '@vue/shared': 3.5.4
+      '@vue/reactivity': 3.5.6
+      '@vue/shared': 3.5.6
 
-  '@vue/runtime-dom@3.5.4':
+  '@vue/runtime-dom@3.5.6':
     dependencies:
-      '@vue/reactivity': 3.5.4
-      '@vue/runtime-core': 3.5.4
-      '@vue/shared': 3.5.4
+      '@vue/reactivity': 3.5.6
+      '@vue/runtime-core': 3.5.6
+      '@vue/shared': 3.5.6
       csstype: 3.1.3
 
-  '@vue/server-renderer@3.5.4(vue@3.5.4(typescript@5.6.2))':
+  '@vue/server-renderer@3.5.6(vue@3.5.6(typescript@5.6.3))':
     dependencies:
-      '@vue/compiler-ssr': 3.5.4
-      '@vue/shared': 3.5.4
-      vue: 3.5.4(typescript@5.6.2)
+      '@vue/compiler-ssr': 3.5.6
+      '@vue/shared': 3.5.6
+      vue: 3.5.6(typescript@5.6.3)
 
-  '@vue/shared@3.5.4': {}
+  '@vue/shared@3.5.6': {}
 
   '@web3-storage/multipart-parser@1.0.0': {}
 
-  '@xstate/react@4.1.2(@types/react@18.3.5)(react@18.3.1)(xstate@5.18.1)':
+  '@xstate/react@4.1.3(@types/react@18.3.11)(react@18.3.1)(xstate@5.18.2)':
     dependencies:
       react: 18.3.1
-      use-isomorphic-layout-effect: 1.1.2(@types/react@18.3.5)(react@18.3.1)
+      use-isomorphic-layout-effect: 1.1.2(@types/react@18.3.11)(react@18.3.1)
       use-sync-external-store: 1.2.2(react@18.3.1)
     optionalDependencies:
-      xstate: 5.18.1
+      xstate: 5.18.2
     transitivePeerDependencies:
       - '@types/react'
 
-  '@yarnpkg/fslib@2.10.3':
-    dependencies:
-      '@yarnpkg/libzip': 2.3.0
-      tslib: 1.14.1
-
-  '@yarnpkg/libzip@2.3.0':
-    dependencies:
-      '@types/emscripten': 1.39.13
-      tslib: 1.14.1
-
   '@zxing/text-encoding@0.9.0':
     optional: true
 
@@ -19126,6 +19170,13 @@ snapshots:
       require-from-string: 2.0.2
       uri-js: 4.4.1
 
+  ajv@8.17.1:
+    dependencies:
+      fast-deep-equal: 3.1.3
+      fast-uri: 3.0.1
+      json-schema-traverse: 1.0.0
+      require-from-string: 2.0.2
+
   ajv@8.6.3:
     dependencies:
       fast-deep-equal: 3.1.3
@@ -19143,7 +19194,9 @@ snapshots:
     dependencies:
       type-fest: 0.21.3
 
-  ansi-escapes@6.2.1: {}
+  ansi-escapes@7.0.0:
+    dependencies:
+      environment: 1.1.0
 
   ansi-regex@4.1.1: {}
 
@@ -19225,6 +19278,8 @@ snapshots:
     dependencies:
       dequal: 2.0.3
 
+  aria-query@5.3.2: {}
+
   arr-diff@2.0.0:
     dependencies:
       arr-flatten: 1.1.0
@@ -19333,26 +19388,24 @@ snapshots:
 
   asap@2.0.6: {}
 
-  assertion-error@1.1.0: {}
-
   assertion-error@2.0.1: {}
 
   assign-symbols@1.0.0: {}
 
   ast-kit@1.0.1:
     dependencies:
-      '@babel/parser': 7.25.6
+      '@babel/parser': 7.25.8
       pathe: 1.1.2
 
   ast-types-flow@0.0.8: {}
 
   ast-types@0.16.1:
     dependencies:
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   ast-walker-scope@0.6.2:
     dependencies:
-      '@babel/parser': 7.25.6
+      '@babel/parser': 7.25.8
       ast-kit: 1.0.1
 
   astral-regex@2.0.0: {}
@@ -19364,39 +19417,38 @@ snapshots:
       '@portabletext/toolkit': 2.0.15
       '@portabletext/types': 2.0.13
 
-  astro@4.15.4(@types/node@22.5.4)(rollup@4.21.2)(terser@5.31.3)(typescript@5.6.2):
+  astro@4.16.5(@types/node@22.5.5)(rollup@4.24.0)(terser@5.33.0)(typescript@5.6.3):
     dependencies:
       '@astrojs/compiler': 2.10.3
       '@astrojs/internal-helpers': 0.4.1
-      '@astrojs/markdown-remark': 5.2.0
+      '@astrojs/markdown-remark': 5.3.0
       '@astrojs/telemetry': 3.1.0
-      '@babel/core': 7.25.2
-      '@babel/plugin-transform-react-jsx': 7.25.2(@babel/core@7.25.2)
-      '@babel/types': 7.25.6
-      '@oslojs/encoding': 0.4.1
-      '@rollup/pluginutils': 5.1.0(rollup@4.21.2)
+      '@babel/core': 7.25.8
+      '@babel/plugin-transform-react-jsx': 7.25.7(@babel/core@7.25.8)
+      '@babel/types': 7.25.8
+      '@oslojs/encoding': 1.1.0
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
       '@types/babel__core': 7.20.5
       '@types/cookie': 0.6.0
       acorn: 8.12.1
-      aria-query: 5.3.0
+      aria-query: 5.3.2
       axobject-query: 4.1.0
-      boxen: 7.1.1
+      boxen: 8.0.1
       ci-info: 4.0.0
       clsx: 2.1.1
       common-ancestor-path: 1.0.1
-      cookie: 0.6.0
+      cookie: 0.7.2
       cssesc: 3.0.0
       debug: 4.3.7
       deterministic-object-hash: 2.0.2
-      devalue: 5.0.0
+      devalue: 5.1.1
       diff: 5.2.0
       dlv: 1.1.3
-      dset: 3.1.3
+      dset: 3.1.4
       es-module-lexer: 1.5.4
       esbuild: 0.21.5
       estree-walker: 3.0.3
       fast-glob: 3.3.2
-      fastq: 1.17.1
       flattie: 1.1.1
       github-slugger: 2.0.0
       gray-matter: 4.0.3
@@ -19404,7 +19456,7 @@ snapshots:
       http-cache-semantics: 4.1.1
       js-yaml: 4.1.0
       kleur: 4.1.5
-      magic-string: 0.30.11
+      magic-string: 0.30.12
       magicast: 0.3.5
       micromatch: 4.0.8
       mrmime: 2.0.0
@@ -19412,26 +19464,23 @@ snapshots:
       ora: 8.1.0
       p-limit: 6.1.0
       p-queue: 8.0.1
-      path-to-regexp: 6.2.2
       preferred-pm: 4.0.0
       prompts: 2.4.2
-      rehype: 13.0.1
+      rehype: 13.0.2
       semver: 7.6.3
-      shiki: 1.16.3
-      string-width: 7.2.0
-      strip-ansi: 7.1.0
+      shiki: 1.22.0
       tinyexec: 0.3.0
-      tsconfck: 3.1.3(typescript@5.6.2)
+      tsconfck: 3.1.4(typescript@5.6.3)
       unist-util-visit: 5.0.0
       vfile: 6.0.3
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
-      vitefu: 1.0.2(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
+      vitefu: 1.0.3(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
       which-pm: 3.0.0
       xxhash-wasm: 1.0.2
       yargs-parser: 21.1.1
       zod: 3.23.8
-      zod-to-json-schema: 3.23.2(zod@3.23.8)
-      zod-to-ts: 1.2.0(typescript@5.6.2)(zod@3.23.8)
+      zod-to-json-schema: 3.23.3(zod@3.23.8)
+      zod-to-ts: 1.2.0(typescript@5.6.3)(zod@3.23.8)
     optionalDependencies:
       sharp: 0.33.5
     transitivePeerDependencies:
@@ -19456,7 +19505,7 @@ snapshots:
 
   async-mutex@0.4.1:
     dependencies:
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   async-sema@3.1.1: {}
 
@@ -19472,14 +19521,14 @@ snapshots:
 
   atob@2.1.2: {}
 
-  autoprefixer@10.4.20(postcss@8.4.45):
+  autoprefixer@10.4.20(postcss@8.4.47):
     dependencies:
-      browserslist: 4.23.3
-      caniuse-lite: 1.0.30001649
+      browserslist: 4.24.0
+      caniuse-lite: 1.0.30001667
       fraction.js: 4.3.7
       normalize-range: 0.1.2
       picocolors: 1.1.0
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
   available-typed-arrays@1.0.7:
@@ -19492,38 +19541,44 @@ snapshots:
 
   b4a@1.6.6: {}
 
-  babel-core@7.0.0-bridge.0(@babel/core@7.25.2):
-    dependencies:
-      '@babel/core': 7.25.2
-
-  babel-plugin-polyfill-corejs2@0.4.11(@babel/core@7.25.2):
+  babel-plugin-polyfill-corejs2@0.4.11(@babel/core@7.25.8):
     dependencies:
-      '@babel/compat-data': 7.25.4
-      '@babel/core': 7.25.2
-      '@babel/helper-define-polyfill-provider': 0.6.2(@babel/core@7.25.2)
+      '@babel/compat-data': 7.25.7
+      '@babel/core': 7.25.8
+      '@babel/helper-define-polyfill-provider': 0.6.2(@babel/core@7.25.8)
       semver: 6.3.1
     transitivePeerDependencies:
       - supports-color
 
-  babel-plugin-polyfill-corejs3@0.10.6(@babel/core@7.25.2):
+  babel-plugin-polyfill-corejs3@0.10.6(@babel/core@7.25.8):
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-define-polyfill-provider': 0.6.2(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/helper-define-polyfill-provider': 0.6.2(@babel/core@7.25.8)
       core-js-compat: 3.38.1
     transitivePeerDependencies:
       - supports-color
 
-  babel-plugin-polyfill-regenerator@0.6.2(@babel/core@7.25.2):
+  babel-plugin-polyfill-regenerator@0.6.2(@babel/core@7.25.8):
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/helper-define-polyfill-provider': 0.6.2(@babel/core@7.25.2)
+      '@babel/core': 7.25.8
+      '@babel/helper-define-polyfill-provider': 0.6.2(@babel/core@7.25.8)
     transitivePeerDependencies:
       - supports-color
 
-  babel-plugin-react-compiler@0.0.0-experimental-e68eda9-20240829:
+  babel-plugin-react-compiler@0.0.0-experimental-fa06e2c-20241014:
+    dependencies:
+      '@babel/generator': 7.2.0
+      '@babel/types': 7.25.8
+      chalk: 4.1.2
+      invariant: 2.2.4
+      pretty-format: 24.9.0
+      zod: 3.23.8
+      zod-validation-error: 2.1.0(zod@3.23.8)
+
+  babel-plugin-react-compiler@0.0.0-experimental-fe484b5-20240912:
     dependencies:
       '@babel/generator': 7.2.0
-      '@babel/types': 7.25.6
+      '@babel/types': 7.25.8
       chalk: 4.1.2
       invariant: 2.2.4
       pretty-format: 24.9.0
@@ -19560,6 +19615,10 @@ snapshots:
     dependencies:
       safe-buffer: 5.1.2
 
+  better-opn@3.0.2:
+    dependencies:
+      open: 8.4.2
+
   bidi-js@1.0.3:
     dependencies:
       require-from-string: 2.0.2
@@ -19611,16 +19670,16 @@ snapshots:
 
   boolbase@1.0.0: {}
 
-  boxen@7.1.1:
+  boxen@8.0.1:
     dependencies:
       ansi-align: 3.0.1
-      camelcase: 7.0.1
+      camelcase: 8.0.0
       chalk: 5.3.0
       cli-boxes: 3.0.0
-      string-width: 5.1.2
-      type-fest: 2.19.0
-      widest-line: 4.0.1
-      wrap-ansi: 8.1.0
+      string-width: 7.2.0
+      type-fest: 4.26.1
+      widest-line: 5.0.0
+      wrap-ansi: 9.0.0
 
   brace-expansion@1.1.11:
     dependencies:
@@ -19662,12 +19721,12 @@ snapshots:
     dependencies:
       pako: 0.2.9
 
-  browserslist@4.23.3:
+  browserslist@4.24.0:
     dependencies:
-      caniuse-lite: 1.0.30001649
-      electron-to-chromium: 1.5.4
+      caniuse-lite: 1.0.30001667
+      electron-to-chromium: 1.5.33
       node-releases: 2.0.18
-      update-browserslist-db: 1.1.0(browserslist@4.23.3)
+      update-browserslist-db: 1.1.0(browserslist@4.24.0)
 
   buffer-alloc-unsafe@1.1.0: {}
 
@@ -19694,8 +19753,6 @@ snapshots:
       base64-js: 1.5.1
       ieee754: 1.2.1
 
-  builtin-modules@3.3.0: {}
-
   builtins@1.0.3: {}
 
   builtins@5.1.0:
@@ -19723,7 +19780,7 @@ snapshots:
       giget: 1.2.3
       jiti: 1.21.6
       mlly: 1.7.1
-      ohash: 1.1.3
+      ohash: 1.1.4
       pathe: 1.1.2
       perfect-debounce: 1.0.0
       pkg-types: 1.2.0
@@ -19808,33 +19865,21 @@ snapshots:
 
   camelcase@5.3.1: {}
 
-  camelcase@6.3.0: {}
-
-  camelcase@7.0.1: {}
+  camelcase@8.0.0: {}
 
   camelize@1.0.1: {}
 
   caniuse-api@3.0.0:
     dependencies:
-      browserslist: 4.23.3
-      caniuse-lite: 1.0.30001649
+      browserslist: 4.24.0
+      caniuse-lite: 1.0.30001667
       lodash.memoize: 4.1.2
       lodash.uniq: 4.5.0
 
-  caniuse-lite@1.0.30001649: {}
+  caniuse-lite@1.0.30001667: {}
 
   ccount@2.0.1: {}
 
-  chai@4.5.0:
-    dependencies:
-      assertion-error: 1.1.0
-      check-error: 1.0.3
-      deep-eql: 4.1.4
-      get-func-name: 2.0.2
-      loupe: 2.3.7
-      pathval: 1.1.1
-      type-detect: 4.1.0
-
   chai@5.1.1:
     dependencies:
       assertion-error: 2.0.1
@@ -19875,10 +19920,6 @@ snapshots:
 
   character-reference-invalid@2.0.1: {}
 
-  check-error@1.0.3:
-    dependencies:
-      get-func-name: 2.0.2
-
   check-error@2.1.1: {}
 
   chokidar@1.7.0:
@@ -19908,6 +19949,10 @@ snapshots:
     optionalDependencies:
       fsevents: 2.3.3
 
+  chokidar@4.0.1:
+    dependencies:
+      readdirp: 4.0.1
+
   chownr@1.1.4: {}
 
   chownr@2.0.0: {}
@@ -19939,10 +19984,6 @@ snapshots:
     dependencies:
       restore-cursor: 3.1.0
 
-  cli-cursor@4.0.0:
-    dependencies:
-      restore-cursor: 4.0.0
-
   cli-cursor@5.0.0:
     dependencies:
       restore-cursor: 5.1.0
@@ -19989,15 +20030,15 @@ snapshots:
   code-red@1.0.4:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
       acorn: 8.12.1
       estree-walker: 3.0.3
       periscopic: 3.1.0
 
   codemirror@6.0.1(@lezer/common@1.2.1):
     dependencies:
-      '@codemirror/autocomplete': 6.18.0(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1)
-      '@codemirror/commands': 6.6.1
+      '@codemirror/autocomplete': 6.18.1(@codemirror/language@6.10.2)(@codemirror/state@6.4.1)(@codemirror/view@6.33.0)(@lezer/common@1.2.1)
+      '@codemirror/commands': 6.6.2
       '@codemirror/language': 6.10.2
       '@codemirror/lint': 6.8.1
       '@codemirror/search': 6.5.6
@@ -20150,6 +20191,8 @@ snapshots:
 
   cookie@0.6.0: {}
 
+  cookie@0.7.2: {}
+
   cookies@0.9.1:
     dependencies:
       depd: 2.0.0
@@ -20167,7 +20210,7 @@ snapshots:
 
   core-js-compat@3.38.1:
     dependencies:
-      browserslist: 4.23.3
+      browserslist: 4.24.0
 
   core-js@2.6.12: {}
 
@@ -20219,15 +20262,11 @@ snapshots:
 
   crypto-random-string@2.0.0: {}
 
-  crypto-random-string@4.0.0:
-    dependencies:
-      type-fest: 1.4.0
-
   css-color-keywords@1.0.0: {}
 
-  css-declaration-sorter@7.2.0(postcss@8.4.45):
+  css-declaration-sorter@7.2.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
 
   css-select@5.1.0:
     dependencies:
@@ -20259,49 +20298,49 @@ snapshots:
 
   cssesc@3.0.0: {}
 
-  cssnano-preset-default@7.0.6(postcss@8.4.45):
-    dependencies:
-      browserslist: 4.23.3
-      css-declaration-sorter: 7.2.0(postcss@8.4.45)
-      cssnano-utils: 5.0.0(postcss@8.4.45)
-      postcss: 8.4.45
-      postcss-calc: 10.0.2(postcss@8.4.45)
-      postcss-colormin: 7.0.2(postcss@8.4.45)
-      postcss-convert-values: 7.0.4(postcss@8.4.45)
-      postcss-discard-comments: 7.0.3(postcss@8.4.45)
-      postcss-discard-duplicates: 7.0.1(postcss@8.4.45)
-      postcss-discard-empty: 7.0.0(postcss@8.4.45)
-      postcss-discard-overridden: 7.0.0(postcss@8.4.45)
-      postcss-merge-longhand: 7.0.4(postcss@8.4.45)
-      postcss-merge-rules: 7.0.4(postcss@8.4.45)
-      postcss-minify-font-values: 7.0.0(postcss@8.4.45)
-      postcss-minify-gradients: 7.0.0(postcss@8.4.45)
-      postcss-minify-params: 7.0.2(postcss@8.4.45)
-      postcss-minify-selectors: 7.0.4(postcss@8.4.45)
-      postcss-normalize-charset: 7.0.0(postcss@8.4.45)
-      postcss-normalize-display-values: 7.0.0(postcss@8.4.45)
-      postcss-normalize-positions: 7.0.0(postcss@8.4.45)
-      postcss-normalize-repeat-style: 7.0.0(postcss@8.4.45)
-      postcss-normalize-string: 7.0.0(postcss@8.4.45)
-      postcss-normalize-timing-functions: 7.0.0(postcss@8.4.45)
-      postcss-normalize-unicode: 7.0.2(postcss@8.4.45)
-      postcss-normalize-url: 7.0.0(postcss@8.4.45)
-      postcss-normalize-whitespace: 7.0.0(postcss@8.4.45)
-      postcss-ordered-values: 7.0.1(postcss@8.4.45)
-      postcss-reduce-initial: 7.0.2(postcss@8.4.45)
-      postcss-reduce-transforms: 7.0.0(postcss@8.4.45)
-      postcss-svgo: 7.0.1(postcss@8.4.45)
-      postcss-unique-selectors: 7.0.3(postcss@8.4.45)
-
-  cssnano-utils@5.0.0(postcss@8.4.45):
-    dependencies:
-      postcss: 8.4.45
-
-  cssnano@7.0.6(postcss@8.4.45):
-    dependencies:
-      cssnano-preset-default: 7.0.6(postcss@8.4.45)
+  cssnano-preset-default@7.0.6(postcss@8.4.47):
+    dependencies:
+      browserslist: 4.24.0
+      css-declaration-sorter: 7.2.0(postcss@8.4.47)
+      cssnano-utils: 5.0.0(postcss@8.4.47)
+      postcss: 8.4.47
+      postcss-calc: 10.0.2(postcss@8.4.47)
+      postcss-colormin: 7.0.2(postcss@8.4.47)
+      postcss-convert-values: 7.0.4(postcss@8.4.47)
+      postcss-discard-comments: 7.0.3(postcss@8.4.47)
+      postcss-discard-duplicates: 7.0.1(postcss@8.4.47)
+      postcss-discard-empty: 7.0.0(postcss@8.4.47)
+      postcss-discard-overridden: 7.0.0(postcss@8.4.47)
+      postcss-merge-longhand: 7.0.4(postcss@8.4.47)
+      postcss-merge-rules: 7.0.4(postcss@8.4.47)
+      postcss-minify-font-values: 7.0.0(postcss@8.4.47)
+      postcss-minify-gradients: 7.0.0(postcss@8.4.47)
+      postcss-minify-params: 7.0.2(postcss@8.4.47)
+      postcss-minify-selectors: 7.0.4(postcss@8.4.47)
+      postcss-normalize-charset: 7.0.0(postcss@8.4.47)
+      postcss-normalize-display-values: 7.0.0(postcss@8.4.47)
+      postcss-normalize-positions: 7.0.0(postcss@8.4.47)
+      postcss-normalize-repeat-style: 7.0.0(postcss@8.4.47)
+      postcss-normalize-string: 7.0.0(postcss@8.4.47)
+      postcss-normalize-timing-functions: 7.0.0(postcss@8.4.47)
+      postcss-normalize-unicode: 7.0.2(postcss@8.4.47)
+      postcss-normalize-url: 7.0.0(postcss@8.4.47)
+      postcss-normalize-whitespace: 7.0.0(postcss@8.4.47)
+      postcss-ordered-values: 7.0.1(postcss@8.4.47)
+      postcss-reduce-initial: 7.0.2(postcss@8.4.47)
+      postcss-reduce-transforms: 7.0.0(postcss@8.4.47)
+      postcss-svgo: 7.0.1(postcss@8.4.47)
+      postcss-unique-selectors: 7.0.3(postcss@8.4.47)
+
+  cssnano-utils@5.0.0(postcss@8.4.47):
+    dependencies:
+      postcss: 8.4.47
+
+  cssnano@7.0.6(postcss@8.4.47):
+    dependencies:
+      cssnano-preset-default: 7.0.6(postcss@8.4.47)
       lilconfig: 3.1.2
-      postcss: 8.4.45
+      postcss: 8.4.47
 
   csso@5.0.5:
     dependencies:
@@ -20352,6 +20391,8 @@ snapshots:
 
   date-fns@3.6.0: {}
 
+  date-fns@4.1.0: {}
+
   date-now@1.0.1: {}
 
   db0@0.1.4: {}
@@ -20437,10 +20478,6 @@ snapshots:
 
   deeks@3.1.0: {}
 
-  deep-eql@4.1.4:
-    dependencies:
-      type-detect: 4.1.0
-
   deep-eql@5.0.2: {}
 
   deep-equal@1.0.1: {}
@@ -20532,8 +20569,6 @@ snapshots:
 
   destroy@1.2.0: {}
 
-  detect-indent@6.1.0: {}
-
   detect-indent@7.0.1: {}
 
   detect-libc@1.0.3: {}
@@ -20548,8 +20583,6 @@ snapshots:
     dependencies:
       base-64: 1.0.0
 
-  devalue@5.0.0: {}
-
   devalue@5.1.1: {}
 
   devlop@1.1.0:
@@ -20558,8 +20591,6 @@ snapshots:
 
   didyoumean@1.2.2: {}
 
-  diff-sequences@29.6.3: {}
-
   diff@5.2.0: {}
 
   diff@7.0.0: {}
@@ -20618,9 +20649,11 @@ snapshots:
     dependencies:
       dotenv: 16.4.5
 
+  dotenv@16.0.3: {}
+
   dotenv@16.4.5: {}
 
-  dset@3.1.3: {}
+  dset@3.1.4: {}
 
   duplexer@0.1.2: {}
 
@@ -20642,7 +20675,7 @@ snapshots:
 
   ee-first@1.1.1: {}
 
-  electron-to-chromium@1.5.4: {}
+  electron-to-chromium@1.5.33: {}
 
   emmet@2.4.7:
     dependencies:
@@ -20677,7 +20710,7 @@ snapshots:
 
   env-paths@2.2.1: {}
 
-  envinfo@7.13.0: {}
+  environment@1.1.0: {}
 
   err-code@2.0.3: {}
 
@@ -20821,10 +20854,17 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  esbuild-register@3.6.0(esbuild@0.23.1):
+  esbuild-register@3.6.0(esbuild@0.23.1):
+    dependencies:
+      debug: 4.3.7
+      esbuild: 0.23.1
+    transitivePeerDependencies:
+      - supports-color
+
+  esbuild-register@3.6.0(esbuild@0.24.0):
     dependencies:
       debug: 4.3.7
-      esbuild: 0.23.1
+      esbuild: 0.24.0
     transitivePeerDependencies:
       - supports-color
 
@@ -20957,6 +20997,33 @@ snapshots:
       '@esbuild/win32-ia32': 0.23.1
       '@esbuild/win32-x64': 0.23.1
 
+  esbuild@0.24.0:
+    optionalDependencies:
+      '@esbuild/aix-ppc64': 0.24.0
+      '@esbuild/android-arm': 0.24.0
+      '@esbuild/android-arm64': 0.24.0
+      '@esbuild/android-x64': 0.24.0
+      '@esbuild/darwin-arm64': 0.24.0
+      '@esbuild/darwin-x64': 0.24.0
+      '@esbuild/freebsd-arm64': 0.24.0
+      '@esbuild/freebsd-x64': 0.24.0
+      '@esbuild/linux-arm': 0.24.0
+      '@esbuild/linux-arm64': 0.24.0
+      '@esbuild/linux-ia32': 0.24.0
+      '@esbuild/linux-loong64': 0.24.0
+      '@esbuild/linux-mips64el': 0.24.0
+      '@esbuild/linux-ppc64': 0.24.0
+      '@esbuild/linux-riscv64': 0.24.0
+      '@esbuild/linux-s390x': 0.24.0
+      '@esbuild/linux-x64': 0.24.0
+      '@esbuild/netbsd-x64': 0.24.0
+      '@esbuild/openbsd-arm64': 0.24.0
+      '@esbuild/openbsd-x64': 0.24.0
+      '@esbuild/sunos-x64': 0.24.0
+      '@esbuild/win32-arm64': 0.24.0
+      '@esbuild/win32-ia32': 0.24.0
+      '@esbuild/win32-x64': 0.24.0
+
   escalade@3.1.2: {}
 
   escape-html@1.0.3: {}
@@ -20975,53 +21042,59 @@ snapshots:
     optionalDependencies:
       source-map: 0.6.1
 
-  eslint-compat-utils@0.5.1(eslint@8.57.0):
+  eslint-compat-utils@0.5.1(eslint@8.57.1):
     dependencies:
-      eslint: 8.57.0
+      eslint: 8.57.1
       semver: 7.6.3
 
-  eslint-config-next@14.2.9(eslint@8.57.0)(typescript@5.6.2):
+  eslint-config-next@14.2.15(eslint@8.57.1)(typescript@5.6.3):
     dependencies:
-      '@next/eslint-plugin-next': 14.2.9
-      '@rushstack/eslint-patch': 1.10.1
-      '@typescript-eslint/eslint-plugin': 6.21.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint@8.57.0)(typescript@5.6.2)
-      '@typescript-eslint/parser': 6.21.0(eslint@8.57.0)(typescript@5.6.2)
-      eslint: 8.57.0
+      '@next/eslint-plugin-next': 14.2.15
+      '@rushstack/eslint-patch': 1.10.4
+      '@typescript-eslint/eslint-plugin': 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/parser': 7.18.0(eslint@8.57.1)(typescript@5.6.3)
+      eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.30.0)(eslint@8.57.0)
-      eslint-plugin-import: 2.30.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0)
-      eslint-plugin-jsx-a11y: 6.10.0(eslint@8.57.0)
-      eslint-plugin-react: 7.35.2(eslint@8.57.0)
-      eslint-plugin-react-hooks: 4.6.2(eslint@8.57.0)
+      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1))(eslint@8.57.1)
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1)
+      eslint-plugin-jsx-a11y: 6.10.0(eslint@8.57.1)
+      eslint-plugin-react: 7.37.1(eslint@8.57.1)
+      eslint-plugin-react-hooks: 4.6.2(eslint@8.57.1)
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
     transitivePeerDependencies:
       - eslint-import-resolver-webpack
       - eslint-plugin-import-x
       - supports-color
 
-  eslint-config-next@14.3.0-canary.87(eslint@8.57.0)(typescript@5.6.2):
+  eslint-config-next@15.0.0-canary.195(eslint@8.57.1)(typescript@5.6.3):
     dependencies:
-      '@next/eslint-plugin-next': 14.3.0-canary.87
-      '@rushstack/eslint-patch': 1.10.1
-      '@typescript-eslint/parser': 6.21.0(eslint@8.57.0)(typescript@5.6.2)
-      eslint: 8.57.0
+      '@next/eslint-plugin-next': 15.0.0-canary.195
+      '@rushstack/eslint-patch': 1.10.4
+      '@typescript-eslint/eslint-plugin': 7.18.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3)
+      '@typescript-eslint/parser': 7.18.0(eslint@8.57.1)(typescript@5.6.3)
+      eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.30.0(eslint@8.57.0))(eslint@8.57.0)
-      eslint-plugin-import: 2.30.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0)
-      eslint-plugin-jsx-a11y: 6.10.0(eslint@8.57.0)
-      eslint-plugin-react: 7.35.2(eslint@8.57.0)
-      eslint-plugin-react-hooks: 4.6.2(eslint@8.57.0)
+      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1))(eslint@8.57.1)
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1)
+      eslint-plugin-jsx-a11y: 6.10.0(eslint@8.57.1)
+      eslint-plugin-react: 7.37.1(eslint@8.57.1)
+      eslint-plugin-react-hooks: 5.0.0(eslint@8.57.1)
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
     transitivePeerDependencies:
       - eslint-import-resolver-webpack
       - eslint-plugin-import-x
       - supports-color
 
-  eslint-config-prettier@9.1.0(eslint@8.57.0):
+  eslint-config-prettier@9.1.0(eslint@8.57.1):
+    dependencies:
+      eslint: 8.57.1
+
+  eslint-config-turbo@2.1.3(eslint@8.57.1):
     dependencies:
-      eslint: 8.57.0
+      eslint: 8.57.1
+      eslint-plugin-turbo: 2.1.3(eslint@8.57.1)
 
   eslint-import-resolver-node@0.3.7:
     dependencies:
@@ -21039,172 +21112,84 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.7)(eslint-plugin-import@2.30.0)(eslint@8.57.0):
-    dependencies:
-      '@nolyfill/is-core-module': 1.0.39
-      debug: 4.3.7
-      enhanced-resolve: 5.17.1
-      eslint: 8.57.0
-      eslint-module-utils: 2.11.0(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.7)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.7)(eslint-plugin-import@2.30.0)(eslint@8.57.0))(eslint@8.57.0)
-      fast-glob: 3.3.2
-      get-tsconfig: 4.8.0
-      is-bun-module: 1.2.1
-      is-glob: 4.0.3
-    optionalDependencies:
-      eslint-plugin-import: 2.30.0(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0)
-    transitivePeerDependencies:
-      - '@typescript-eslint/parser'
-      - eslint-import-resolver-node
-      - eslint-import-resolver-webpack
-      - supports-color
-
-  eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.30.0(eslint@8.57.0))(eslint@8.57.0):
-    dependencies:
-      '@nolyfill/is-core-module': 1.0.39
-      debug: 4.3.7
-      enhanced-resolve: 5.17.1
-      eslint: 8.57.0
-      eslint-module-utils: 2.11.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.30.0(eslint@8.57.0))(eslint@8.57.0))(eslint@8.57.0)
-      fast-glob: 3.3.2
-      get-tsconfig: 4.8.0
-      is-bun-module: 1.2.1
-      is-glob: 4.0.3
-    optionalDependencies:
-      eslint-plugin-import: 2.30.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0)
-    transitivePeerDependencies:
-      - '@typescript-eslint/parser'
-      - eslint-import-resolver-node
-      - eslint-import-resolver-webpack
-      - supports-color
-
-  eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.30.0)(eslint@8.57.0):
+  eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.7)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1))(eslint@8.57.1):
     dependencies:
       '@nolyfill/is-core-module': 1.0.39
       debug: 4.3.7
       enhanced-resolve: 5.17.1
-      eslint: 8.57.0
-      eslint-module-utils: 2.11.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.30.0)(eslint@8.57.0))(eslint@8.57.0)
+      eslint: 8.57.1
+      eslint-module-utils: 2.12.0(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.7)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.7)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1)
       fast-glob: 3.3.2
-      get-tsconfig: 4.8.0
+      get-tsconfig: 4.8.1
       is-bun-module: 1.2.1
       is-glob: 4.0.3
     optionalDependencies:
-      eslint-plugin-import: 2.30.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0)
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1)
     transitivePeerDependencies:
       - '@typescript-eslint/parser'
       - eslint-import-resolver-node
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint-plugin-import@2.30.0)(eslint@8.57.0):
+  eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1))(eslint@8.57.1):
     dependencies:
       '@nolyfill/is-core-module': 1.0.39
       debug: 4.3.7
       enhanced-resolve: 5.17.1
-      eslint: 8.57.0
-      eslint-module-utils: 2.11.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint-plugin-import@2.30.0)(eslint@8.57.0))(eslint@8.57.0)
+      eslint: 8.57.1
+      eslint-module-utils: 2.12.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1)
       fast-glob: 3.3.2
-      get-tsconfig: 4.8.0
+      get-tsconfig: 4.8.1
       is-bun-module: 1.2.1
       is-glob: 4.0.3
     optionalDependencies:
-      eslint-plugin-import: 2.30.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0)
+      eslint-plugin-import: 2.31.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1)
     transitivePeerDependencies:
       - '@typescript-eslint/parser'
       - eslint-import-resolver-node
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-module-utils@2.11.0(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.7)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.7)(eslint-plugin-import@2.30.0)(eslint@8.57.0))(eslint@8.57.0):
+  eslint-module-utils@2.12.0(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.7)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.7)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 5.62.0(eslint@8.57.0)(typescript@5.6.2)
-      eslint: 8.57.0
+      '@typescript-eslint/parser': 5.62.0(eslint@8.57.1)(typescript@5.6.3)
+      eslint: 8.57.1
       eslint-import-resolver-node: 0.3.7
-      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.7)(eslint-plugin-import@2.30.0)(eslint@8.57.0)
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-module-utils@2.11.0(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.7)(eslint-plugin-import@2.30.0)(eslint@8.57.0))(eslint@8.57.0):
-    dependencies:
-      debug: 3.2.7
-    optionalDependencies:
-      '@typescript-eslint/parser': 5.62.0(eslint@8.57.0)(typescript@5.6.2)
-      eslint: 8.57.0
-      eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.7)(eslint-plugin-import@2.30.0)(eslint@8.57.0)
-    transitivePeerDependencies:
-      - supports-color
-
-  eslint-module-utils@2.11.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.30.0(eslint@8.57.0))(eslint@8.57.0))(eslint@8.57.0):
-    dependencies:
-      debug: 3.2.7
-    optionalDependencies:
-      '@typescript-eslint/parser': 6.21.0(eslint@8.57.0)(typescript@5.6.2)
-      eslint: 8.57.0
-      eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.30.0(eslint@8.57.0))(eslint@8.57.0)
+      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.7)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1))(eslint@8.57.1)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.11.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.30.0)(eslint@8.57.0))(eslint@8.57.0):
+  eslint-module-utils@2.12.0(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.7)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 6.21.0(eslint@8.57.0)(typescript@5.6.2)
-      eslint: 8.57.0
+      '@typescript-eslint/parser': 5.62.0(eslint@8.57.1)(typescript@5.6.3)
+      eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.30.0)(eslint@8.57.0)
+      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.7)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1))(eslint@8.57.1)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-module-utils@2.11.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint-plugin-import@2.30.0)(eslint@8.57.0))(eslint@8.57.0):
+  eslint-module-utils@2.12.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1):
     dependencies:
       debug: 3.2.7
     optionalDependencies:
-      '@typescript-eslint/parser': 7.18.0(eslint@8.57.0)(typescript@5.6.2)
-      eslint: 8.57.0
+      '@typescript-eslint/parser': 7.18.0(eslint@8.57.1)(typescript@5.6.3)
+      eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint-plugin-import@2.30.0)(eslint@8.57.0)
+      eslint-import-resolver-typescript: 3.6.3(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1))(eslint@8.57.1)
     transitivePeerDependencies:
       - supports-color
 
-  eslint-plugin-es@3.0.1(eslint@8.57.0):
+  eslint-plugin-es@3.0.1(eslint@8.57.1):
     dependencies:
-      eslint: 8.57.0
+      eslint: 8.57.1
       eslint-utils: 2.1.0
       regexpp: 3.2.0
 
-  eslint-plugin-import@2.30.0(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0):
-    dependencies:
-      '@rtsao/scc': 1.1.0
-      array-includes: 3.1.8
-      array.prototype.findlastindex: 1.2.5
-      array.prototype.flat: 1.3.2
-      array.prototype.flatmap: 1.3.2
-      debug: 3.2.7
-      doctrine: 2.1.0
-      eslint: 8.57.0
-      eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.11.0(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.7)(eslint-plugin-import@2.30.0)(eslint@8.57.0))(eslint@8.57.0)
-      hasown: 2.0.2
-      is-core-module: 2.15.1
-      is-glob: 4.0.3
-      minimatch: 3.1.2
-      object.fromentries: 2.0.8
-      object.groupby: 1.0.3
-      object.values: 1.2.0
-      semver: 6.3.1
-      tsconfig-paths: 3.15.0
-    optionalDependencies:
-      '@typescript-eslint/parser': 5.62.0(eslint@8.57.0)(typescript@5.6.2)
-    transitivePeerDependencies:
-      - eslint-import-resolver-typescript
-      - eslint-import-resolver-webpack
-      - supports-color
-
-  eslint-plugin-import@2.30.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0):
+  eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.8
@@ -21213,9 +21198,9 @@ snapshots:
       array.prototype.flatmap: 1.3.2
       debug: 3.2.7
       doctrine: 2.1.0
-      eslint: 8.57.0
+      eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.11.0(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@6.21.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-plugin-import@2.30.0)(eslint@8.57.0))(eslint@8.57.0)
+      eslint-module-utils: 2.12.0(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.7)(eslint-plugin-import@2.31.0(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1))(eslint@8.57.1))(eslint@8.57.1)
       hasown: 2.0.2
       is-core-module: 2.15.1
       is-glob: 4.0.3
@@ -21224,15 +21209,16 @@ snapshots:
       object.groupby: 1.0.3
       object.values: 1.2.0
       semver: 6.3.1
+      string.prototype.trimend: 1.0.8
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 6.21.0(eslint@8.57.0)(typescript@5.6.2)
+      '@typescript-eslint/parser': 5.62.0(eslint@8.57.1)(typescript@5.6.3)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-import@2.30.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.0):
+  eslint-plugin-import@2.31.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1):
     dependencies:
       '@rtsao/scc': 1.1.0
       array-includes: 3.1.8
@@ -21241,9 +21227,9 @@ snapshots:
       array.prototype.flatmap: 1.3.2
       debug: 3.2.7
       doctrine: 2.1.0
-      eslint: 8.57.0
+      eslint: 8.57.1
       eslint-import-resolver-node: 0.3.9
-      eslint-module-utils: 2.11.0(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3(@typescript-eslint/parser@7.18.0(eslint@8.57.0)(typescript@5.6.2))(eslint-plugin-import@2.30.0)(eslint@8.57.0))(eslint@8.57.0)
+      eslint-module-utils: 2.12.0(@typescript-eslint/parser@7.18.0(eslint@8.57.1)(typescript@5.6.3))(eslint-import-resolver-node@0.3.9)(eslint-import-resolver-typescript@3.6.3)(eslint@8.57.1)
       hasown: 2.0.2
       is-core-module: 2.15.1
       is-glob: 4.0.3
@@ -21252,32 +21238,33 @@ snapshots:
       object.groupby: 1.0.3
       object.values: 1.2.0
       semver: 6.3.1
+      string.prototype.trimend: 1.0.8
       tsconfig-paths: 3.15.0
     optionalDependencies:
-      '@typescript-eslint/parser': 7.18.0(eslint@8.57.0)(typescript@5.6.2)
+      '@typescript-eslint/parser': 7.18.0(eslint@8.57.1)(typescript@5.6.3)
     transitivePeerDependencies:
       - eslint-import-resolver-typescript
       - eslint-import-resolver-webpack
       - supports-color
 
-  eslint-plugin-jest-dom@4.0.3(eslint@8.57.0):
+  eslint-plugin-jest-dom@4.0.3(eslint@8.57.1):
     dependencies:
       '@babel/runtime': 7.25.6
       '@testing-library/dom': 8.20.1
-      eslint: 8.57.0
+      eslint: 8.57.1
       requireindex: 1.2.0
 
-  eslint-plugin-jest@26.9.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.2))(eslint@8.57.0)(typescript@5.6.2))(eslint@8.57.0)(typescript@5.6.2):
+  eslint-plugin-jest@26.9.0(@typescript-eslint/eslint-plugin@5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3):
     dependencies:
-      '@typescript-eslint/utils': 5.62.0(eslint@8.57.0)(typescript@5.6.2)
-      eslint: 8.57.0
+      '@typescript-eslint/utils': 5.62.0(eslint@8.57.1)(typescript@5.6.3)
+      eslint: 8.57.1
     optionalDependencies:
-      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.57.0)(typescript@5.6.2))(eslint@8.57.0)(typescript@5.6.2)
+      '@typescript-eslint/eslint-plugin': 5.62.0(@typescript-eslint/parser@5.62.0(eslint@8.57.1)(typescript@5.6.3))(eslint@8.57.1)(typescript@5.6.3)
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  eslint-plugin-jsx-a11y@6.10.0(eslint@8.57.0):
+  eslint-plugin-jsx-a11y@6.10.0(eslint@8.57.1):
     dependencies:
       aria-query: 5.1.3
       array-includes: 3.1.8
@@ -21288,7 +21275,7 @@ snapshots:
       damerau-levenshtein: 1.0.8
       emoji-regex: 9.2.2
       es-iterator-helpers: 1.0.19
-      eslint: 8.57.0
+      eslint: 8.57.1
       hasown: 2.0.2
       jsx-ast-utils: 3.3.5
       language-tags: 1.0.9
@@ -21297,30 +21284,47 @@ snapshots:
       safe-regex-test: 1.0.3
       string.prototype.includes: 2.0.0
 
-  eslint-plugin-node@11.1.0(eslint@8.57.0):
+  eslint-plugin-node@11.1.0(eslint@8.57.1):
     dependencies:
-      eslint: 8.57.0
-      eslint-plugin-es: 3.0.1(eslint@8.57.0)
+      eslint: 8.57.1
+      eslint-plugin-es: 3.0.1(eslint@8.57.1)
       eslint-utils: 2.1.0
       ignore: 5.3.2
       minimatch: 3.1.2
       resolve: 1.22.8
       semver: 6.3.1
 
-  eslint-plugin-prettier@5.2.1(eslint-config-prettier@9.1.0(eslint@8.57.0))(eslint@8.57.0)(prettier@3.3.3):
+  eslint-plugin-prettier@5.2.1(@types/eslint@8.56.12)(eslint-config-prettier@9.1.0(eslint@8.57.1))(eslint@8.57.1)(prettier@3.3.3):
     dependencies:
-      eslint: 8.57.0
+      eslint: 8.57.1
       prettier: 3.3.3
       prettier-linter-helpers: 1.0.0
-      synckit: 0.9.1
+      synckit: 0.9.2
     optionalDependencies:
-      eslint-config-prettier: 9.1.0(eslint@8.57.0)
+      '@types/eslint': 8.56.12
+      eslint-config-prettier: 9.1.0(eslint@8.57.1)
+
+  eslint-plugin-react-compiler@0.0.0-experimental-fa06e2c-20241014(eslint@8.57.1):
+    dependencies:
+      '@babel/core': 7.25.8
+      '@babel/parser': 7.25.8
+      '@babel/plugin-proposal-private-methods': 7.18.6(@babel/core@7.25.8)
+      eslint: 8.57.1
+      hermes-parser: 0.20.1
+      zod: 3.23.8
+      zod-validation-error: 3.4.0(zod@3.23.8)
+    transitivePeerDependencies:
+      - supports-color
+
+  eslint-plugin-react-hooks@4.6.2(eslint@8.57.1):
+    dependencies:
+      eslint: 8.57.1
 
-  eslint-plugin-react-hooks@4.6.2(eslint@8.57.0):
+  eslint-plugin-react-hooks@5.0.0(eslint@8.57.1):
     dependencies:
-      eslint: 8.57.0
+      eslint: 8.57.1
 
-  eslint-plugin-react@7.35.2(eslint@8.57.0):
+  eslint-plugin-react@7.37.1(eslint@8.57.1):
     dependencies:
       array-includes: 3.1.8
       array.prototype.findlast: 1.2.5
@@ -21328,7 +21332,7 @@ snapshots:
       array.prototype.tosorted: 1.1.4
       doctrine: 2.1.0
       es-iterator-helpers: 1.0.19
-      eslint: 8.57.0
+      eslint: 8.57.1
       estraverse: 5.3.0
       hasown: 2.0.2
       jsx-ast-utils: 3.3.5
@@ -21342,48 +21346,53 @@ snapshots:
       string.prototype.matchall: 4.0.11
       string.prototype.repeat: 1.0.0
 
-  eslint-plugin-simple-import-sort@12.1.1(eslint@8.57.0):
+  eslint-plugin-simple-import-sort@12.1.1(eslint@8.57.1):
     dependencies:
-      eslint: 8.57.0
+      eslint: 8.57.1
 
-  eslint-plugin-storybook@0.8.0(eslint@8.57.0)(typescript@5.6.2):
+  eslint-plugin-storybook@0.9.0(eslint@8.57.1)(typescript@5.6.3):
     dependencies:
       '@storybook/csf': 0.0.1
-      '@typescript-eslint/utils': 5.62.0(eslint@8.57.0)(typescript@5.6.2)
-      eslint: 8.57.0
+      '@typescript-eslint/utils': 5.62.0(eslint@8.57.1)(typescript@5.6.3)
+      eslint: 8.57.1
       requireindex: 1.2.0
       ts-dedent: 2.2.0
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  eslint-plugin-svelte@2.43.0(eslint@8.57.0)(svelte@4.2.19):
+  eslint-plugin-svelte@2.44.1(eslint@8.57.1)(svelte@4.2.19):
     dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
+      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.1)
       '@jridgewell/sourcemap-codec': 1.5.0
-      eslint: 8.57.0
-      eslint-compat-utils: 0.5.1(eslint@8.57.0)
+      eslint: 8.57.1
+      eslint-compat-utils: 0.5.1(eslint@8.57.1)
       esutils: 2.0.3
       known-css-properties: 0.34.0
-      postcss: 8.4.45
-      postcss-load-config: 3.1.4(postcss@8.4.45)
-      postcss-safe-parser: 6.0.0(postcss@8.4.45)
+      postcss: 8.4.47
+      postcss-load-config: 3.1.4(postcss@8.4.47)
+      postcss-safe-parser: 6.0.0(postcss@8.4.47)
       postcss-selector-parser: 6.1.2
       semver: 7.6.3
-      svelte-eslint-parser: 0.41.0(svelte@4.2.19)
+      svelte-eslint-parser: 0.41.1(svelte@4.2.19)
     optionalDependencies:
       svelte: 4.2.19
     transitivePeerDependencies:
       - ts-node
 
-  eslint-plugin-testing-library@5.11.1(eslint@8.57.0)(typescript@5.6.2):
+  eslint-plugin-testing-library@5.11.1(eslint@8.57.1)(typescript@5.6.3):
     dependencies:
-      '@typescript-eslint/utils': 5.62.0(eslint@8.57.0)(typescript@5.6.2)
-      eslint: 8.57.0
+      '@typescript-eslint/utils': 5.62.0(eslint@8.57.1)(typescript@5.6.3)
+      eslint: 8.57.1
     transitivePeerDependencies:
       - supports-color
       - typescript
 
+  eslint-plugin-turbo@2.1.3(eslint@8.57.1):
+    dependencies:
+      dotenv: 16.0.3
+      eslint: 8.57.1
+
   eslint-scope@5.1.1:
     dependencies:
       esrecurse: 4.3.0
@@ -21404,53 +21413,10 @@ snapshots:
 
   eslint-visitor-keys@3.4.3: {}
 
-  eslint@8.57.0:
-    dependencies:
-      '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.0)
-      '@eslint-community/regexpp': 4.11.0
-      '@eslint/eslintrc': 2.1.4
-      '@eslint/js': 8.57.0
-      '@humanwhocodes/config-array': 0.11.14
-      '@humanwhocodes/module-importer': 1.0.1
-      '@nodelib/fs.walk': 1.2.8
-      '@ungap/structured-clone': 1.2.0
-      ajv: 6.12.6
-      chalk: 4.1.2
-      cross-spawn: 7.0.3
-      debug: 4.3.7
-      doctrine: 3.0.0
-      escape-string-regexp: 4.0.0
-      eslint-scope: 7.2.2
-      eslint-visitor-keys: 3.4.3
-      espree: 9.6.1
-      esquery: 1.6.0
-      esutils: 2.0.3
-      fast-deep-equal: 3.1.3
-      file-entry-cache: 6.0.1
-      find-up: 5.0.0
-      glob-parent: 6.0.2
-      globals: 13.24.0
-      graphemer: 1.4.0
-      ignore: 5.3.2
-      imurmurhash: 0.1.4
-      is-glob: 4.0.3
-      is-path-inside: 3.0.3
-      js-yaml: 4.1.0
-      json-stable-stringify-without-jsonify: 1.0.1
-      levn: 0.4.1
-      lodash.merge: 4.6.2
-      minimatch: 3.1.2
-      natural-compare: 1.4.0
-      optionator: 0.9.4
-      strip-ansi: 6.0.1
-      text-table: 0.2.0
-    transitivePeerDependencies:
-      - supports-color
-
   eslint@8.57.1:
     dependencies:
       '@eslint-community/eslint-utils': 4.4.0(eslint@8.57.1)
-      '@eslint-community/regexpp': 4.11.0
+      '@eslint-community/regexpp': 4.11.1
       '@eslint/eslintrc': 2.1.4
       '@eslint/js': 8.57.1
       '@humanwhocodes/config-array': 0.13.0
@@ -21514,7 +21480,7 @@ snapshots:
 
   estree-util-attach-comments@2.1.1:
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
 
   estree-util-build-jsx@2.2.2:
     dependencies:
@@ -21545,7 +21511,7 @@ snapshots:
 
   estree-walker@3.0.3:
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
 
   esutils@2.0.3: {}
 
@@ -21553,7 +21519,7 @@ snapshots:
 
   eval@0.1.8:
     dependencies:
-      '@types/node': 20.8.7
+      '@types/node': 20.16.5
       require-like: 0.1.2
 
   event-source-polyfill@1.0.31: {}
@@ -21640,7 +21606,7 @@ snapshots:
 
   exponential-backoff@3.1.1: {}
 
-  express@4.20.0:
+  express@4.21.0:
     dependencies:
       accepts: 1.3.8
       array-flatten: 1.1.1
@@ -21654,7 +21620,7 @@ snapshots:
       encodeurl: 2.0.0
       escape-html: 1.0.3
       etag: 1.8.1
-      finalhandler: 1.2.0
+      finalhandler: 1.3.1
       fresh: 0.5.2
       http-errors: 2.0.0
       merge-descriptors: 1.0.3
@@ -21663,11 +21629,11 @@ snapshots:
       parseurl: 1.3.3
       path-to-regexp: 0.1.10
       proxy-addr: 2.0.7
-      qs: 6.11.0
+      qs: 6.13.0
       range-parser: 1.2.1
       safe-buffer: 5.2.1
       send: 0.19.0
-      serve-static: 1.16.0
+      serve-static: 1.16.2
       setprototypeof: 1.2.0
       statuses: 2.0.1
       type-is: 1.6.18
@@ -21717,6 +21683,14 @@ snapshots:
 
   fast-fifo@1.3.2: {}
 
+  fast-glob@3.3.1:
+    dependencies:
+      '@nodelib/fs.stat': 2.0.5
+      '@nodelib/fs.walk': 1.2.8
+      glob-parent: 5.1.2
+      merge2: 1.4.1
+      micromatch: 4.0.8
+
   fast-glob@3.3.2:
     dependencies:
       '@nodelib/fs.stat': 2.0.5
@@ -21731,6 +21705,8 @@ snapshots:
 
   fast-npm-meta@0.2.2: {}
 
+  fast-uri@3.0.1: {}
+
   fast_array_intersect@1.1.0: {}
 
   fastq@1.17.1:
@@ -21741,14 +21717,14 @@ snapshots:
     dependencies:
       format: 0.2.2
 
-  fd-package-json@1.2.0:
-    dependencies:
-      walk-up-path: 3.0.1
-
   fd-slicer@1.1.0:
     dependencies:
       pend: 1.2.0
 
+  fdir@6.3.0(picomatch@2.3.1):
+    optionalDependencies:
+      picomatch: 2.3.1
+
   fdir@6.3.0(picomatch@4.0.2):
     optionalDependencies:
       picomatch: 4.0.2
@@ -21788,10 +21764,10 @@ snapshots:
     dependencies:
       to-regex-range: 5.0.1
 
-  finalhandler@1.2.0:
+  finalhandler@1.3.1:
     dependencies:
       debug: 2.6.9
-      encodeurl: 1.0.2
+      encodeurl: 2.0.0
       escape-html: 1.0.3
       on-finished: 2.4.1
       parseurl: 1.3.3
@@ -21849,8 +21825,6 @@ snapshots:
 
   flattie@1.1.1: {}
 
-  flow-parser@0.243.0: {}
-
   flush-write-stream@2.0.0:
     dependencies:
       inherits: 2.0.4
@@ -21858,7 +21832,7 @@ snapshots:
 
   focus-lock@1.3.5:
     dependencies:
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   follow-redirects@1.15.9(debug@4.3.7):
     optionalDependencies:
@@ -21874,7 +21848,7 @@ snapshots:
     dependencies:
       for-in: 1.0.2
 
-  foreground-child@3.1.1:
+  foreground-child@3.3.0:
     dependencies:
       cross-spawn: 7.0.3
       signal-exit: 4.1.0
@@ -21897,7 +21871,7 @@ snapshots:
 
   framer-motion@11.0.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
-      tslib: 2.7.0
+      tslib: 2.8.0
     optionalDependencies:
       '@emotion/is-prop-valid': 0.8.8
       react: 18.3.1
@@ -21905,7 +21879,7 @@ snapshots:
 
   framer-motion@11.0.8(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1):
     dependencies:
-      tslib: 2.7.0
+      tslib: 2.8.0
     optionalDependencies:
       '@emotion/is-prop-valid': 0.8.8
       react: 18.3.1
@@ -21913,12 +21887,20 @@ snapshots:
 
   framer-motion@11.0.8(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614):
     dependencies:
-      tslib: 2.7.0
+      tslib: 2.8.0
     optionalDependencies:
       '@emotion/is-prop-valid': 0.8.8
       react: 19.0.0-rc-fb9a90fa48-20240614
       react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614)
 
+  framer-motion@12.0.0-alpha.1(@emotion/is-prop-valid@1.2.2)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614):
+    dependencies:
+      tslib: 2.8.0
+    optionalDependencies:
+      '@emotion/is-prop-valid': 1.2.2
+      react: 19.0.0-rc-fb9a90fa48-20240614
+      react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614)
+
   fresh@0.5.2: {}
 
   from2@2.3.0:
@@ -22115,7 +22097,7 @@ snapshots:
       es-errors: 1.3.0
       get-intrinsic: 1.2.4
 
-  get-tsconfig@4.8.0:
+  get-tsconfig@4.8.1:
     dependencies:
       resolve-pkg-maps: 1.0.0
 
@@ -22139,7 +22121,7 @@ snapshots:
       defu: 6.1.4
       node-fetch-native: 1.6.4
       nypm: 0.3.11
-      ohash: 1.1.3
+      ohash: 1.1.4
       pathe: 1.1.2
       tar: 6.2.1
 
@@ -22152,10 +22134,6 @@ snapshots:
       is-ssh: 1.4.0
       parse-url: 8.1.0
 
-  git-url-parse@14.1.0:
-    dependencies:
-      git-up: 7.0.0
-
   git-url-parse@15.0.0:
     dependencies:
       git-up: 7.0.0
@@ -22190,7 +22168,7 @@ snapshots:
 
   glob@10.3.10:
     dependencies:
-      foreground-child: 3.1.1
+      foreground-child: 3.3.0
       jackspeak: 2.3.6
       minimatch: 9.0.5
       minipass: 7.1.2
@@ -22198,7 +22176,7 @@ snapshots:
 
   glob@10.4.5:
     dependencies:
-      foreground-child: 3.1.1
+      foreground-child: 3.3.0
       jackspeak: 3.1.2
       minimatch: 9.0.5
       minipass: 7.1.2
@@ -22312,7 +22290,7 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  groq@3.57.2: {}
+  groq@3.61.0: {}
 
   gunzip-maybe@1.4.2:
     dependencies:
@@ -22338,7 +22316,7 @@ snapshots:
       defu: 6.1.4
       destr: 2.0.3
       iron-webcrypto: 1.2.1
-      ohash: 1.1.3
+      ohash: 1.1.4
       radix3: 1.1.2
       ufo: 1.5.4
       uncrypto: 0.1.3
@@ -22346,7 +22324,7 @@ snapshots:
     transitivePeerDependencies:
       - uWebSockets.js
 
-  happy-dom@15.7.3:
+  happy-dom@15.7.4:
     dependencies:
       entities: 4.5.0
       webidl-conversions: 7.0.0
@@ -22399,7 +22377,7 @@ snapshots:
     dependencies:
       function-bind: 1.1.2
 
-  hast-util-from-html@2.0.1:
+  hast-util-from-html@2.0.3:
     dependencies:
       '@types/hast': 3.0.4
       devlop: 1.1.0
@@ -22451,7 +22429,7 @@ snapshots:
 
   hast-util-to-estree@2.3.3:
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
       '@types/estree-jsx': 1.0.5
       '@types/hast': 2.3.10
       '@types/unist': 2.0.11
@@ -22469,13 +22447,12 @@ snapshots:
     transitivePeerDependencies:
       - supports-color
 
-  hast-util-to-html@9.0.1:
+  hast-util-to-html@9.0.3:
     dependencies:
       '@types/hast': 3.0.4
       '@types/unist': 3.0.2
       ccount: 2.0.1
       comma-separated-tokens: 2.0.3
-      hast-util-raw: 9.0.3
       hast-util-whitespace: 3.0.0
       html-void-elements: 3.0.0
       mdast-util-to-hast: 13.1.0
@@ -22529,6 +22506,12 @@ snapshots:
 
   he@1.2.0: {}
 
+  hermes-estree@0.20.1: {}
+
+  hermes-parser@0.20.1:
+    dependencies:
+      hermes-estree: 0.20.1
+
   history@5.3.0:
     dependencies:
       '@babel/runtime': 7.25.6
@@ -22642,7 +22625,7 @@ snapshots:
     dependencies:
       ms: 2.1.3
 
-  husky@9.0.11: {}
+  husky@9.1.6: {}
 
   i18next@23.15.1:
     dependencies:
@@ -22656,9 +22639,9 @@ snapshots:
     dependencies:
       safer-buffer: 2.1.2
 
-  icss-utils@5.1.0(postcss@8.4.45):
+  icss-utils@5.1.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
 
   ieee754@1.2.1: {}
 
@@ -22681,13 +22664,13 @@ snapshots:
 
   import-meta-resolve@4.1.0: {}
 
-  impound@0.1.0(rollup@4.21.2)(webpack-sources@3.2.3):
+  impound@0.1.0(rollup@4.24.0)(webpack-sources@3.2.3):
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.21.2)
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
       mlly: 1.7.1
       pathe: 1.1.2
       unenv: 1.10.0
-      unplugin: 1.14.0(webpack-sources@3.2.3)
+      unplugin: 1.14.1(webpack-sources@3.2.3)
     transitivePeerDependencies:
       - rollup
       - webpack-sources
@@ -22808,10 +22791,6 @@ snapshots:
 
   is-buffer@2.0.5: {}
 
-  is-builtin-module@3.2.1:
-    dependencies:
-      builtin-modules: 3.3.0
-
   is-bun-module@1.2.1:
     dependencies:
       semver: 7.6.3
@@ -22969,11 +22948,11 @@ snapshots:
 
   is-reference@1.2.1:
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
 
   is-reference@3.0.2:
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
 
   is-regex@1.1.4:
     dependencies:
@@ -23115,32 +23094,7 @@ snapshots:
 
   jsbn@1.1.0: {}
 
-  jscodeshift@0.15.2(@babel/preset-env@7.25.4(@babel/core@7.25.2)):
-    dependencies:
-      '@babel/core': 7.25.2
-      '@babel/parser': 7.25.6
-      '@babel/plugin-transform-class-properties': 7.25.4(@babel/core@7.25.2)
-      '@babel/plugin-transform-modules-commonjs': 7.24.8(@babel/core@7.25.2)
-      '@babel/plugin-transform-nullish-coalescing-operator': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-transform-optional-chaining': 7.24.8(@babel/core@7.25.2)
-      '@babel/plugin-transform-private-methods': 7.25.4(@babel/core@7.25.2)
-      '@babel/preset-flow': 7.24.7(@babel/core@7.25.2)
-      '@babel/preset-typescript': 7.24.7(@babel/core@7.25.2)
-      '@babel/register': 7.24.6(@babel/core@7.25.2)
-      babel-core: 7.0.0-bridge.0(@babel/core@7.25.2)
-      chalk: 4.1.2
-      flow-parser: 0.243.0
-      graceful-fs: 4.2.11
-      micromatch: 4.0.8
-      neo-async: 2.6.2
-      node-dir: 0.1.17
-      recast: 0.23.9
-      temp: 0.8.4
-      write-file-atomic: 2.4.3
-    optionalDependencies:
-      '@babel/preset-env': 7.25.4(@babel/core@7.25.2)
-    transitivePeerDependencies:
-      - supports-color
+  jsdoc-type-pratt-parser@4.1.0: {}
 
   jsdom-global@3.0.2(jsdom@23.2.0):
     dependencies:
@@ -23363,18 +23317,18 @@ snapshots:
 
   lines-and-columns@1.2.4: {}
 
-  lint-staged@15.2.5:
+  lint-staged@15.2.10:
     dependencies:
       chalk: 5.3.0
       commander: 12.1.0
       debug: 4.3.7
       execa: 8.0.1
       lilconfig: 3.1.2
-      listr2: 8.2.1
+      listr2: 8.2.4
       micromatch: 4.0.8
       pidtree: 0.6.0
       string-argv: 0.3.2
-      yaml: 2.4.2
+      yaml: 2.5.1
     transitivePeerDependencies:
       - supports-color
 
@@ -23401,12 +23355,12 @@ snapshots:
     transitivePeerDependencies:
       - uWebSockets.js
 
-  listr2@8.2.1:
+  listr2@8.2.4:
     dependencies:
       cli-truncate: 4.0.0
       colorette: 2.0.20
       eventemitter3: 5.0.1
-      log-update: 6.0.0
+      log-update: 6.1.0
       rfdc: 1.4.1
       wrap-ansi: 9.0.0
 
@@ -23487,10 +23441,10 @@ snapshots:
       chalk: 5.3.0
       is-unicode-supported: 1.3.0
 
-  log-update@6.0.0:
+  log-update@6.1.0:
     dependencies:
-      ansi-escapes: 6.2.1
-      cli-cursor: 4.0.0
+      ansi-escapes: 7.0.0
+      cli-cursor: 5.0.0
       slice-ansi: 7.1.0
       strip-ansi: 7.1.0
       wrap-ansi: 9.0.0
@@ -23501,17 +23455,13 @@ snapshots:
     dependencies:
       js-tokens: 4.0.0
 
-  loupe@2.3.7:
-    dependencies:
-      get-func-name: 2.0.2
-
   loupe@3.1.1:
     dependencies:
       get-func-name: 2.0.2
 
   lower-case@2.0.2:
     dependencies:
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   lru-cache@10.4.3: {}
 
@@ -23548,7 +23498,7 @@ snapshots:
       - bluebird
       - supports-color
 
-  lucide-react@0.439.0(react@18.3.1):
+  lucide-react@0.453.0(react@18.3.1):
     dependencies:
       react: 18.3.1
 
@@ -23557,31 +23507,31 @@ snapshots:
   magic-regexp@0.8.0(webpack-sources@3.2.3):
     dependencies:
       estree-walker: 3.0.3
-      magic-string: 0.30.11
+      magic-string: 0.30.12
       mlly: 1.7.1
       regexp-tree: 0.1.27
       type-level-regexp: 0.1.17
       ufo: 1.5.4
-      unplugin: 1.14.0(webpack-sources@3.2.3)
+      unplugin: 1.14.1(webpack-sources@3.2.3)
     transitivePeerDependencies:
       - webpack-sources
 
   magic-string-ast@0.6.2:
     dependencies:
-      magic-string: 0.30.11
+      magic-string: 0.30.12
 
   magic-string@0.27.0:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
 
-  magic-string@0.30.11:
+  magic-string@0.30.12:
     dependencies:
       '@jridgewell/sourcemap-codec': 1.5.0
 
   magicast@0.3.5:
     dependencies:
-      '@babel/parser': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/parser': 7.25.8
+      '@babel/types': 7.25.8
       source-map-js: 1.2.1
 
   make-dir@1.3.0:
@@ -23655,10 +23605,12 @@ snapshots:
 
   markdown-table@3.0.3: {}
 
-  markdown-to-jsx@7.4.7(react@18.3.1):
+  markdown-to-jsx@7.5.0(react@18.3.1):
     dependencies:
       react: 18.3.1
 
+  material-colors@1.2.6: {}
+
   math-random@1.0.4: {}
 
   md5-o-matic@0.1.1: {}
@@ -24033,7 +23985,7 @@ snapshots:
 
   micromark-extension-mdx-expression@1.0.8:
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
       micromark-factory-mdx-expression: 1.0.9
       micromark-factory-space: 1.1.0
       micromark-util-character: 1.2.0
@@ -24045,7 +23997,7 @@ snapshots:
   micromark-extension-mdx-jsx@1.0.5:
     dependencies:
       '@types/acorn': 4.0.6
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
       estree-util-is-identifier-name: 2.1.0
       micromark-factory-mdx-expression: 1.0.9
       micromark-factory-space: 1.1.0
@@ -24061,7 +24013,7 @@ snapshots:
 
   micromark-extension-mdxjs-esm@1.0.5:
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
       micromark-core-commonmark: 1.1.0
       micromark-util-character: 1.2.0
       micromark-util-events-to-acorn: 1.2.3
@@ -24110,7 +24062,7 @@ snapshots:
 
   micromark-factory-mdx-expression@1.0.9:
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
       micromark-util-character: 1.2.0
       micromark-util-events-to-acorn: 1.2.3
       micromark-util-symbol: 1.1.0
@@ -24226,7 +24178,7 @@ snapshots:
   micromark-util-events-to-acorn@1.2.3:
     dependencies:
       '@types/acorn': 4.0.6
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
       '@types/unist': 2.0.11
       estree-util-visit: 1.2.1
       micromark-util-symbol: 1.1.0
@@ -24415,10 +24367,6 @@ snapshots:
     dependencies:
       brace-expansion: 2.0.1
 
-  minimatch@9.0.3:
-    dependencies:
-      brace-expansion: 2.0.1
-
   minimatch@9.0.5:
     dependencies:
       brace-expansion: 2.0.1
@@ -24600,104 +24548,134 @@ snapshots:
 
   negotiator@0.6.3: {}
 
-  neo-async@2.6.2: {}
-
   neotraverse@0.6.18: {}
 
-  next-sanity@9.4.7(@sanity/client@6.21.3)(@sanity/icons@3.4.0(react@18.3.1))(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@sanity/types@3.57.2)(@sanity/ui@2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1))(next@14.2.9(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(sanity@3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@20.8.7)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)):
+  next-sanity@9.5.4(@sanity/client@6.22.1)(@sanity/icons@3.4.0(react@18.3.1))(@sanity/types@3.61.0)(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(next@14.2.15(@babel/core@7.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)):
     dependencies:
       '@portabletext/react': 3.1.0(react@18.3.1)
-      '@sanity/client': 6.21.3(debug@4.3.7)
+      '@sanity/client': 6.22.1(debug@4.3.7)
       '@sanity/icons': 3.4.0(react@18.3.1)
-      '@sanity/preview-kit': 5.1.0(@sanity/client@6.21.3)(react@18.3.1)
-      '@sanity/types': 3.57.2(debug@4.3.7)
-      '@sanity/ui': 2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
+      '@sanity/preview-kit': 5.1.4(@sanity/client@6.22.1)(react@18.3.1)
+      '@sanity/types': 3.61.0(debug@4.3.7)
+      '@sanity/ui': 2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       '@sanity/visual-editing': link:packages/visual-editing
-      groq: 3.57.2
+      groq: 3.61.0
       history: 5.3.0
-      next: 14.2.9(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      next: 14.2.15(@babel/core@7.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react: 18.3.1
-      sanity: 3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@20.8.7)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)
-      styled-components: '@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)'
+      react-dom: 18.3.1(react@18.3.1)
+      sanity: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0)
+      styled-components: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
 
-  next-sanity@9.4.7(@sanity/client@6.21.3)(@sanity/icons@3.4.0(react@18.3.1))(@sanity/types@3.57.2)(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1))(next@14.2.9(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)(sanity@3.57.2(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)):
+  next-sanity@9.7.0-canary.15(4ugsciw2mk5mbldjsby4cyv5vm):
     dependencies:
-      '@portabletext/react': 3.1.0(react@18.3.1)
-      '@sanity/client': 6.21.3(debug@4.3.7)
-      '@sanity/icons': 3.4.0(react@18.3.1)
-      '@sanity/preview-kit': 5.1.0(@sanity/client@6.21.3)(react@18.3.1)
-      '@sanity/types': 3.57.2(debug@4.3.7)
-      '@sanity/ui': 2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
+      '@portabletext/react': 3.1.0(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@sanity/client': 6.22.1(debug@4.3.7)
+      '@sanity/icons': 3.4.0(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@sanity/next-loader': link:packages/next-loader
+      '@sanity/preview-kit': 5.1.4(@sanity/client@6.22.1)(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@sanity/preview-url-secret': link:packages/preview-url-secret
+      '@sanity/types': 3.61.0(debug@4.3.7)
+      '@sanity/ui': 2.8.9(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))
       '@sanity/visual-editing': link:packages/visual-editing
-      groq: 3.57.2
+      groq: 3.61.0
       history: 5.3.0
-      next: 14.2.9(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      react: 18.3.1
-      sanity: 3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)
+      next: 15.0.0-canary.195(@babel/core@7.25.8)(babel-plugin-react-compiler@0.0.0-experimental-fa06e2c-20241014)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
+      react: 19.0.0-rc-fb9a90fa48-20240614
+      react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614)
+      sanity: 3.61.0(@types/node@20.16.5)(@types/react@18.3.11)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(terser@5.33.0)
+      styled-components: 6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
 
-  next-sanity@9.4.7(okqldvphe3wqrbiawz5mkm4w4e):
+  next-sanity@9.7.0-canary.15(@sanity/client@6.22.1)(@sanity/icons@3.4.0(react@18.3.1))(@sanity/types@3.61.0)(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(next@14.2.15(@babel/core@7.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sanity@3.61.0(@types/node@20.8.7)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)):
     dependencies:
-      '@portabletext/react': 3.1.0(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@sanity/client': 6.21.3(debug@4.3.7)
-      '@sanity/icons': 3.4.0(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@sanity/preview-kit': 5.1.0(@sanity/client@6.21.3)(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@sanity/types': 3.57.2(debug@4.3.7)
-      '@sanity/ui': 2.8.9(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@portabletext/react': 3.1.0(react@18.3.1)
+      '@sanity/client': 6.22.1(debug@4.3.7)
+      '@sanity/icons': 3.4.0(react@18.3.1)
+      '@sanity/next-loader': link:packages/next-loader
+      '@sanity/preview-kit': 5.1.4(@sanity/client@6.22.1)(react@18.3.1)
+      '@sanity/preview-url-secret': link:packages/preview-url-secret
+      '@sanity/types': 3.61.0(debug@4.3.7)
+      '@sanity/ui': 2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       '@sanity/visual-editing': link:packages/visual-editing
-      groq: 3.57.2
+      groq: 3.61.0
       history: 5.3.0
-      next: 15.0.0-canary.148(@babel/core@7.25.2)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
-      react: 19.0.0-rc-fb9a90fa48-20240614
-      sanity: 3.57.2(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(@types/node@20.8.7)(@types/react@18.3.5)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(terser@5.31.3)
-      styled-components: '@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)'
+      next: 14.2.15(@babel/core@7.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      sanity: 3.61.0(@types/node@20.8.7)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0)
+      styled-components: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
 
-  next@14.2.9(@babel/core@7.25.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  next@14.2.15(@babel/core@7.25.8)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
-      '@next/env': 14.2.9
+      '@next/env': 14.2.15
       '@swc/helpers': 0.5.5
       busboy: 1.6.0
-      caniuse-lite: 1.0.30001649
+      caniuse-lite: 1.0.30001667
       graceful-fs: 4.2.11
       postcss: 8.4.31
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      styled-jsx: 5.1.1(@babel/core@7.25.2)(react@18.3.1)
+      styled-jsx: 5.1.1(@babel/core@7.25.8)(react@18.3.1)
+    optionalDependencies:
+      '@next/swc-darwin-arm64': 14.2.15
+      '@next/swc-darwin-x64': 14.2.15
+      '@next/swc-linux-arm64-gnu': 14.2.15
+      '@next/swc-linux-arm64-musl': 14.2.15
+      '@next/swc-linux-x64-gnu': 14.2.15
+      '@next/swc-linux-x64-musl': 14.2.15
+      '@next/swc-win32-arm64-msvc': 14.2.15
+      '@next/swc-win32-ia32-msvc': 14.2.15
+      '@next/swc-win32-x64-msvc': 14.2.15
+    transitivePeerDependencies:
+      - '@babel/core'
+      - babel-plugin-macros
+
+  next@14.2.15(@babel/core@7.25.8)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@next/env': 14.2.15
+      '@swc/helpers': 0.5.5
+      busboy: 1.6.0
+      caniuse-lite: 1.0.30001667
+      graceful-fs: 4.2.11
+      postcss: 8.4.31
+      react: 18.3.1
+      react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@18.3.1)
+      styled-jsx: 5.1.1(@babel/core@7.25.8)(react@18.3.1)
     optionalDependencies:
-      '@next/swc-darwin-arm64': 14.2.9
-      '@next/swc-darwin-x64': 14.2.9
-      '@next/swc-linux-arm64-gnu': 14.2.9
-      '@next/swc-linux-arm64-musl': 14.2.9
-      '@next/swc-linux-x64-gnu': 14.2.9
-      '@next/swc-linux-x64-musl': 14.2.9
-      '@next/swc-win32-arm64-msvc': 14.2.9
-      '@next/swc-win32-ia32-msvc': 14.2.9
-      '@next/swc-win32-x64-msvc': 14.2.9
+      '@next/swc-darwin-arm64': 14.2.15
+      '@next/swc-darwin-x64': 14.2.15
+      '@next/swc-linux-arm64-gnu': 14.2.15
+      '@next/swc-linux-arm64-musl': 14.2.15
+      '@next/swc-linux-x64-gnu': 14.2.15
+      '@next/swc-linux-x64-musl': 14.2.15
+      '@next/swc-win32-arm64-msvc': 14.2.15
+      '@next/swc-win32-ia32-msvc': 14.2.15
+      '@next/swc-win32-x64-msvc': 14.2.15
     transitivePeerDependencies:
       - '@babel/core'
       - babel-plugin-macros
 
-  next@15.0.0-canary.148(@babel/core@7.25.2)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614):
+  next@15.0.0-canary.195(@babel/core@7.25.8)(babel-plugin-react-compiler@0.0.0-experimental-fa06e2c-20241014)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614):
     dependencies:
-      '@next/env': 15.0.0-canary.148
+      '@next/env': 15.0.0-canary.195
       '@swc/counter': 0.1.3
       '@swc/helpers': 0.5.13
       busboy: 1.6.0
-      caniuse-lite: 1.0.30001649
-      graceful-fs: 4.2.11
+      caniuse-lite: 1.0.30001667
       postcss: 8.4.31
       react: 19.0.0-rc-fb9a90fa48-20240614
       react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614)
-      styled-jsx: 5.1.6(@babel/core@7.25.2)(react@19.0.0-rc-fb9a90fa48-20240614)
+      styled-jsx: 5.1.6(@babel/core@7.25.8)(react@19.0.0-rc-fb9a90fa48-20240614)
     optionalDependencies:
-      '@next/swc-darwin-arm64': 15.0.0-canary.148
-      '@next/swc-darwin-x64': 15.0.0-canary.148
-      '@next/swc-linux-arm64-gnu': 15.0.0-canary.148
-      '@next/swc-linux-arm64-musl': 15.0.0-canary.148
-      '@next/swc-linux-x64-gnu': 15.0.0-canary.148
-      '@next/swc-linux-x64-musl': 15.0.0-canary.148
-      '@next/swc-win32-arm64-msvc': 15.0.0-canary.148
-      '@next/swc-win32-ia32-msvc': 15.0.0-canary.148
-      '@next/swc-win32-x64-msvc': 15.0.0-canary.148
+      '@next/swc-darwin-arm64': 15.0.0-canary.195
+      '@next/swc-darwin-x64': 15.0.0-canary.195
+      '@next/swc-linux-arm64-gnu': 15.0.0-canary.195
+      '@next/swc-linux-arm64-musl': 15.0.0-canary.195
+      '@next/swc-linux-x64-gnu': 15.0.0-canary.195
+      '@next/swc-linux-x64-musl': 15.0.0-canary.195
+      '@next/swc-win32-arm64-msvc': 15.0.0-canary.195
+      '@next/swc-win32-x64-msvc': 15.0.0-canary.195
+      babel-plugin-react-compiler: 0.0.0-experimental-fa06e2c-20241014
       sharp: 0.33.5
     transitivePeerDependencies:
       - '@babel/core'
@@ -24707,14 +24685,14 @@ snapshots:
     dependencies:
       '@cloudflare/kv-asset-handler': 0.3.4
       '@netlify/functions': 2.8.1
-      '@rollup/plugin-alias': 5.1.0(rollup@4.21.2)
-      '@rollup/plugin-commonjs': 25.0.8(rollup@4.21.2)
-      '@rollup/plugin-inject': 5.0.5(rollup@4.21.2)
-      '@rollup/plugin-json': 6.1.0(rollup@4.21.2)
-      '@rollup/plugin-node-resolve': 15.2.3(rollup@4.21.2)
-      '@rollup/plugin-replace': 5.0.7(rollup@4.21.2)
-      '@rollup/plugin-terser': 0.4.4(rollup@4.21.2)
-      '@rollup/pluginutils': 5.1.0(rollup@4.21.2)
+      '@rollup/plugin-alias': 5.1.1(rollup@4.24.0)
+      '@rollup/plugin-commonjs': 25.0.8(rollup@4.24.0)
+      '@rollup/plugin-inject': 5.0.5(rollup@4.24.0)
+      '@rollup/plugin-json': 6.1.0(rollup@4.24.0)
+      '@rollup/plugin-node-resolve': 15.3.0(rollup@4.24.0)
+      '@rollup/plugin-replace': 5.0.7(rollup@4.24.0)
+      '@rollup/plugin-terser': 0.4.4(rollup@4.24.0)
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
       '@types/http-proxy': 1.17.14
       '@vercel/nft': 0.26.5
       archiver: 7.0.1
@@ -24744,32 +24722,32 @@ snapshots:
       klona: 2.0.6
       knitwork: 1.1.0
       listhen: 1.7.2
-      magic-string: 0.30.11
+      magic-string: 0.30.12
       mime: 4.0.4
       mlly: 1.7.1
       mri: 1.2.0
       node-fetch-native: 1.6.4
-      ofetch: 1.3.4
-      ohash: 1.1.3
+      ofetch: 1.4.0
+      ohash: 1.1.4
       openapi-typescript: 6.7.6
       pathe: 1.1.2
       perfect-debounce: 1.0.0
       pkg-types: 1.2.0
       pretty-bytes: 6.1.1
       radix3: 1.1.2
-      rollup: 4.21.2
-      rollup-plugin-visualizer: 5.12.0(rollup@4.21.2)
+      rollup: 4.24.0
+      rollup-plugin-visualizer: 5.12.0(rollup@4.24.0)
       scule: 1.3.0
       semver: 7.6.3
       serve-placeholder: 2.0.2
-      serve-static: 1.16.0
+      serve-static: 1.16.2
       std-env: 3.7.0
       ufo: 1.5.4
       uncrypto: 0.1.3
       unctx: 2.3.1(webpack-sources@3.2.3)
       unenv: 1.10.0
-      unimport: 3.11.1(rollup@4.21.2)(webpack-sources@3.2.3)
-      unstorage: 1.10.2(ioredis@5.4.1)
+      unimport: 3.12.0(rollup@4.24.0)(webpack-sources@3.2.3)
+      unstorage: 1.12.0(ioredis@5.4.1)
       unwasm: 0.3.9(webpack-sources@3.2.3)
     transitivePeerDependencies:
       - '@azure/app-configuration'
@@ -24800,14 +24778,10 @@ snapshots:
   no-case@3.0.4:
     dependencies:
       lower-case: 2.0.2
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   node-addon-api@7.1.1: {}
 
-  node-dir@0.1.17:
-    dependencies:
-      minimatch: 3.1.2
-
   node-fetch-native@1.6.4: {}
 
   node-fetch@2.7.0(encoding@0.1.13):
@@ -24842,8 +24816,6 @@ snapshots:
       css-select: 5.1.0
       he: 1.2.0
 
-  node-machine-id@1.1.12: {}
-
   node-releases@2.0.18: {}
 
   node.extend@2.0.3:
@@ -24969,22 +24941,23 @@ snapshots:
     dependencies:
       boolbase: 1.0.0
 
-  nuxi@3.13.1:
+  nuxi@3.13.2:
     optionalDependencies:
       fsevents: 2.3.3
 
-  nuxt@3.13.1(@parcel/watcher@2.4.1)(@types/node@22.5.4)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(meow@9.0.0)(optionator@0.9.4)(rollup@4.21.2)(terser@5.31.3)(typescript@5.6.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))(webpack-sources@3.2.3):
+  nuxt@3.13.2(@parcel/watcher@2.4.1)(@types/node@22.5.5)(eslint@8.57.1)(ioredis@5.4.1)(magicast@0.3.5)(meow@9.0.0)(optionator@0.9.4)(rollup@4.24.0)(terser@5.33.0)(typescript@5.6.3)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))(webpack-sources@3.2.3):
     dependencies:
       '@nuxt/devalue': 2.0.2
-      '@nuxt/devtools': 1.4.2(rollup@4.21.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3))(vue@3.5.4(typescript@5.6.2))(webpack-sources@3.2.3)
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.2)(webpack-sources@3.2.3)
-      '@nuxt/schema': 3.13.1(rollup@4.21.2)(webpack-sources@3.2.3)
-      '@nuxt/telemetry': 2.5.4(magicast@0.3.5)(rollup@4.21.2)(webpack-sources@3.2.3)
-      '@nuxt/vite-builder': 3.13.1(@types/node@22.5.4)(eslint@8.57.1)(magicast@0.3.5)(meow@9.0.0)(optionator@0.9.4)(rollup@4.21.2)(terser@5.31.3)(typescript@5.6.2)(vue@3.5.4(typescript@5.6.2))(webpack-sources@3.2.3)
-      '@unhead/dom': 1.11.2
-      '@unhead/ssr': 1.11.2
-      '@unhead/vue': 1.11.2(vue@3.5.4(typescript@5.6.2))
-      '@vue/shared': 3.5.4
+      '@nuxt/devtools': 1.6.0(rollup@4.24.0)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))(vue@3.5.6(typescript@5.6.3))(webpack-sources@3.2.3)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)(webpack-sources@3.2.3)
+      '@nuxt/schema': 3.13.2(rollup@4.24.0)(webpack-sources@3.2.3)
+      '@nuxt/telemetry': 2.6.0(magicast@0.3.5)(rollup@4.24.0)(webpack-sources@3.2.3)
+      '@nuxt/vite-builder': 3.13.2(@types/node@22.5.5)(eslint@8.57.1)(magicast@0.3.5)(meow@9.0.0)(optionator@0.9.4)(rollup@4.24.0)(terser@5.33.0)(typescript@5.6.3)(vue@3.5.6(typescript@5.6.3))(webpack-sources@3.2.3)
+      '@unhead/dom': 1.11.6
+      '@unhead/shared': 1.11.6
+      '@unhead/ssr': 1.11.6
+      '@unhead/vue': 1.11.6(vue@3.5.6(typescript@5.6.3))
+      '@vue/shared': 3.5.6
       acorn: 8.12.1
       c12: 1.11.2(magicast@0.3.5)
       chokidar: 3.6.0
@@ -24993,7 +24966,7 @@ snapshots:
       cookie-es: 1.2.2
       defu: 6.1.4
       destr: 2.0.3
-      devalue: 5.0.0
+      devalue: 5.1.1
       errx: 0.1.0
       esbuild: 0.23.1
       escape-string-regexp: 5.0.0
@@ -25002,18 +24975,18 @@ snapshots:
       h3: 1.12.0
       hookable: 5.5.3
       ignore: 5.3.2
-      impound: 0.1.0(rollup@4.21.2)(webpack-sources@3.2.3)
+      impound: 0.1.0(rollup@4.24.0)(webpack-sources@3.2.3)
       jiti: 1.21.6
       klona: 2.0.6
       knitwork: 1.1.0
-      magic-string: 0.30.11
+      magic-string: 0.30.12
       mlly: 1.7.1
       nanotar: 0.1.1
       nitropack: 2.9.7(magicast@0.3.5)(webpack-sources@3.2.3)
-      nuxi: 3.13.1
+      nuxi: 3.13.2
       nypm: 0.3.11
-      ofetch: 1.3.4
-      ohash: 1.1.3
+      ofetch: 1.4.0
+      ohash: 1.1.4
       pathe: 1.1.2
       perfect-debounce: 1.0.0
       pkg-types: 1.2.0
@@ -25022,24 +24995,25 @@ snapshots:
       semver: 7.6.3
       std-env: 3.7.0
       strip-literal: 2.1.0
-      tinyglobby: 0.2.5
+      tinyglobby: 0.2.6
       ufo: 1.5.4
       ultrahtml: 1.5.3
       uncrypto: 0.1.3
       unctx: 2.3.1(webpack-sources@3.2.3)
       unenv: 1.10.0
-      unimport: 3.11.1(rollup@4.21.2)(webpack-sources@3.2.3)
-      unplugin: 1.14.0(webpack-sources@3.2.3)
-      unplugin-vue-router: 0.10.8(rollup@4.21.2)(vue-router@4.4.3(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))(webpack-sources@3.2.3)
-      unstorage: 1.10.2(ioredis@5.4.1)
+      unhead: 1.11.6
+      unimport: 3.12.0(rollup@4.24.0)(webpack-sources@3.2.3)
+      unplugin: 1.14.1(webpack-sources@3.2.3)
+      unplugin-vue-router: 0.10.8(rollup@4.24.0)(vue-router@4.4.5(vue@3.5.6(typescript@5.6.3)))(vue@3.5.6(typescript@5.6.3))(webpack-sources@3.2.3)
+      unstorage: 1.12.0(ioredis@5.4.1)
       untyped: 1.4.2
-      vue: 3.5.4(typescript@5.6.2)
+      vue: 3.5.6(typescript@5.6.3)
       vue-bundle-renderer: 2.1.0
       vue-devtools-stub: 0.1.0
-      vue-router: 4.4.3(vue@3.5.4(typescript@5.6.2))
+      vue-router: 4.4.5(vue@3.5.6(typescript@5.6.3))
     optionalDependencies:
       '@parcel/watcher': 2.4.1
-      '@types/node': 22.5.4
+      '@types/node': 22.5.5
     transitivePeerDependencies:
       - '@azure/app-configuration'
       - '@azure/cosmos'
@@ -25163,13 +25137,13 @@ snapshots:
     dependencies:
       rxjs: 7.8.1
 
-  ofetch@1.3.4:
+  ofetch@1.4.0:
     dependencies:
       destr: 2.0.3
       node-fetch-native: 1.6.4
       ufo: 1.5.4
 
-  ohash@1.1.3: {}
+  ohash@1.1.4: {}
 
   on-finished@2.3.0:
     dependencies:
@@ -25199,7 +25173,9 @@ snapshots:
     dependencies:
       mimic-function: 5.0.1
 
-  oniguruma-to-js@0.3.3: {}
+  oniguruma-to-js@0.4.3:
+    dependencies:
+      regex: 4.3.2
 
   only@0.0.2: {}
 
@@ -25316,6 +25292,8 @@ snapshots:
 
   package-json-from-dist@1.0.0: {}
 
+  package-manager-detector@0.2.0: {}
+
   pacote@15.2.0:
     dependencies:
       '@npmcli/git': 4.1.0
@@ -25394,7 +25372,7 @@ snapshots:
 
   parse-json@5.2.0:
     dependencies:
-      '@babel/code-frame': 7.24.7
+      '@babel/code-frame': 7.25.7
       error-ex: 1.3.2
       json-parse-even-better-errors: 2.3.1
       lines-and-columns: 1.2.4
@@ -25427,7 +25405,7 @@ snapshots:
   pascal-case@3.1.2:
     dependencies:
       no-case: 3.0.4
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   pascalcase@0.1.1: {}
 
@@ -25452,7 +25430,7 @@ snapshots:
 
   path-to-regexp@0.1.10: {}
 
-  path-to-regexp@6.2.2: {}
+  path-to-regexp@6.3.0: {}
 
   path-type@4.0.0: {}
 
@@ -25460,8 +25438,6 @@ snapshots:
 
   pathe@1.1.2: {}
 
-  pathval@1.1.1: {}
-
   pathval@2.0.0: {}
 
   peek-stream@1.1.3:
@@ -25478,7 +25454,7 @@ snapshots:
 
   periscopic@3.1.0:
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
       estree-walker: 3.0.3
       is-reference: 3.0.2
 
@@ -25546,226 +25522,226 @@ snapshots:
 
   possible-typed-array-names@1.0.0: {}
 
-  postcss-calc@10.0.2(postcss@8.4.45):
+  postcss-calc@10.0.2(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-selector-parser: 6.1.2
       postcss-value-parser: 4.2.0
 
-  postcss-colormin@7.0.2(postcss@8.4.45):
+  postcss-colormin@7.0.2(postcss@8.4.47):
     dependencies:
-      browserslist: 4.23.3
+      browserslist: 4.24.0
       caniuse-api: 3.0.0
       colord: 2.9.3
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-convert-values@7.0.4(postcss@8.4.45):
+  postcss-convert-values@7.0.4(postcss@8.4.47):
     dependencies:
-      browserslist: 4.23.3
-      postcss: 8.4.45
+      browserslist: 4.24.0
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-discard-comments@7.0.3(postcss@8.4.45):
+  postcss-discard-comments@7.0.3(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
-  postcss-discard-duplicates@5.1.0(postcss@8.4.45):
+  postcss-discard-duplicates@5.1.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
 
-  postcss-discard-duplicates@7.0.1(postcss@8.4.45):
+  postcss-discard-duplicates@7.0.1(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
 
-  postcss-discard-empty@7.0.0(postcss@8.4.45):
+  postcss-discard-empty@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
 
-  postcss-discard-overridden@7.0.0(postcss@8.4.45):
+  postcss-discard-overridden@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
 
-  postcss-import@15.1.0(postcss@8.4.45):
+  postcss-import@15.1.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
       read-cache: 1.0.0
       resolve: 1.22.8
 
-  postcss-js@4.0.1(postcss@8.4.45):
+  postcss-js@4.0.1(postcss@8.4.47):
     dependencies:
       camelcase-css: 2.0.1
-      postcss: 8.4.45
+      postcss: 8.4.47
 
-  postcss-load-config@3.1.4(postcss@8.4.45):
+  postcss-load-config@3.1.4(postcss@8.4.47):
     dependencies:
       lilconfig: 2.1.0
       yaml: 1.10.2
     optionalDependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
 
-  postcss-load-config@4.0.2(postcss@8.4.45):
+  postcss-load-config@4.0.2(postcss@8.4.47):
     dependencies:
       lilconfig: 3.1.2
       yaml: 2.5.1
     optionalDependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
 
-  postcss-merge-longhand@7.0.4(postcss@8.4.45):
+  postcss-merge-longhand@7.0.4(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
-      stylehacks: 7.0.4(postcss@8.4.45)
+      stylehacks: 7.0.4(postcss@8.4.47)
 
-  postcss-merge-rules@7.0.4(postcss@8.4.45):
+  postcss-merge-rules@7.0.4(postcss@8.4.47):
     dependencies:
-      browserslist: 4.23.3
+      browserslist: 4.24.0
       caniuse-api: 3.0.0
-      cssnano-utils: 5.0.0(postcss@8.4.45)
-      postcss: 8.4.45
+      cssnano-utils: 5.0.0(postcss@8.4.47)
+      postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
-  postcss-minify-font-values@7.0.0(postcss@8.4.45):
+  postcss-minify-font-values@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-minify-gradients@7.0.0(postcss@8.4.45):
+  postcss-minify-gradients@7.0.0(postcss@8.4.47):
     dependencies:
       colord: 2.9.3
-      cssnano-utils: 5.0.0(postcss@8.4.45)
-      postcss: 8.4.45
+      cssnano-utils: 5.0.0(postcss@8.4.47)
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-minify-params@7.0.2(postcss@8.4.45):
+  postcss-minify-params@7.0.2(postcss@8.4.47):
     dependencies:
-      browserslist: 4.23.3
-      cssnano-utils: 5.0.0(postcss@8.4.45)
-      postcss: 8.4.45
+      browserslist: 4.24.0
+      cssnano-utils: 5.0.0(postcss@8.4.47)
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-minify-selectors@7.0.4(postcss@8.4.45):
+  postcss-minify-selectors@7.0.4(postcss@8.4.47):
     dependencies:
       cssesc: 3.0.0
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
-  postcss-modules-extract-imports@3.1.0(postcss@8.4.45):
+  postcss-modules-extract-imports@3.1.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
 
-  postcss-modules-local-by-default@4.0.5(postcss@8.4.45):
+  postcss-modules-local-by-default@4.0.5(postcss@8.4.47):
     dependencies:
-      icss-utils: 5.1.0(postcss@8.4.45)
-      postcss: 8.4.45
+      icss-utils: 5.1.0(postcss@8.4.47)
+      postcss: 8.4.47
       postcss-selector-parser: 6.1.2
       postcss-value-parser: 4.2.0
 
-  postcss-modules-scope@3.2.0(postcss@8.4.45):
+  postcss-modules-scope@3.2.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
-  postcss-modules-values@4.0.0(postcss@8.4.45):
+  postcss-modules-values@4.0.0(postcss@8.4.47):
     dependencies:
-      icss-utils: 5.1.0(postcss@8.4.45)
-      postcss: 8.4.45
+      icss-utils: 5.1.0(postcss@8.4.47)
+      postcss: 8.4.47
 
-  postcss-modules@6.0.0(postcss@8.4.45):
+  postcss-modules@6.0.0(postcss@8.4.47):
     dependencies:
       generic-names: 4.0.0
-      icss-utils: 5.1.0(postcss@8.4.45)
+      icss-utils: 5.1.0(postcss@8.4.47)
       lodash.camelcase: 4.3.0
-      postcss: 8.4.45
-      postcss-modules-extract-imports: 3.1.0(postcss@8.4.45)
-      postcss-modules-local-by-default: 4.0.5(postcss@8.4.45)
-      postcss-modules-scope: 3.2.0(postcss@8.4.45)
-      postcss-modules-values: 4.0.0(postcss@8.4.45)
+      postcss: 8.4.47
+      postcss-modules-extract-imports: 3.1.0(postcss@8.4.47)
+      postcss-modules-local-by-default: 4.0.5(postcss@8.4.47)
+      postcss-modules-scope: 3.2.0(postcss@8.4.47)
+      postcss-modules-values: 4.0.0(postcss@8.4.47)
       string-hash: 1.1.3
 
-  postcss-nested@6.2.0(postcss@8.4.45):
+  postcss-nested@6.2.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
-  postcss-nesting@12.1.5(postcss@8.4.45):
+  postcss-nesting@12.1.5(postcss@8.4.47):
     dependencies:
       '@csstools/selector-resolve-nested': 1.1.0(postcss-selector-parser@6.1.2)
       '@csstools/selector-specificity': 3.1.1(postcss-selector-parser@6.1.2)
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
-  postcss-normalize-charset@7.0.0(postcss@8.4.45):
+  postcss-normalize-charset@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
 
-  postcss-normalize-display-values@7.0.0(postcss@8.4.45):
+  postcss-normalize-display-values@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-positions@7.0.0(postcss@8.4.45):
+  postcss-normalize-positions@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-repeat-style@7.0.0(postcss@8.4.45):
+  postcss-normalize-repeat-style@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-string@7.0.0(postcss@8.4.45):
+  postcss-normalize-string@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-timing-functions@7.0.0(postcss@8.4.45):
+  postcss-normalize-timing-functions@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-unicode@7.0.2(postcss@8.4.45):
+  postcss-normalize-unicode@7.0.2(postcss@8.4.47):
     dependencies:
-      browserslist: 4.23.3
-      postcss: 8.4.45
+      browserslist: 4.24.0
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-url@7.0.0(postcss@8.4.45):
+  postcss-normalize-url@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-normalize-whitespace@7.0.0(postcss@8.4.45):
+  postcss-normalize-whitespace@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-ordered-values@7.0.1(postcss@8.4.45):
+  postcss-ordered-values@7.0.1(postcss@8.4.47):
     dependencies:
-      cssnano-utils: 5.0.0(postcss@8.4.45)
-      postcss: 8.4.45
+      cssnano-utils: 5.0.0(postcss@8.4.47)
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-reduce-initial@7.0.2(postcss@8.4.45):
+  postcss-reduce-initial@7.0.2(postcss@8.4.47):
     dependencies:
-      browserslist: 4.23.3
+      browserslist: 4.24.0
       caniuse-api: 3.0.0
-      postcss: 8.4.45
+      postcss: 8.4.47
 
-  postcss-reduce-transforms@7.0.0(postcss@8.4.45):
+  postcss-reduce-transforms@7.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
 
-  postcss-safe-parser@6.0.0(postcss@8.4.45):
+  postcss-safe-parser@6.0.0(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
 
-  postcss-scss@4.0.9(postcss@8.4.45):
+  postcss-scss@4.0.9(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
 
   postcss-selector-parser@6.0.10:
     dependencies:
@@ -25777,15 +25753,15 @@ snapshots:
       cssesc: 3.0.0
       util-deprecate: 1.0.2
 
-  postcss-svgo@7.0.1(postcss@8.4.45):
+  postcss-svgo@7.0.1(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-value-parser: 4.2.0
       svgo: 3.3.2
 
-  postcss-unique-selectors@7.0.3(postcss@8.4.45):
+  postcss-unique-selectors@7.0.3(postcss@8.4.47):
     dependencies:
-      postcss: 8.4.45
+      postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
   postcss-value-parser@4.2.0: {}
@@ -25802,7 +25778,7 @@ snapshots:
       picocolors: 1.1.0
       source-map-js: 1.2.1
 
-  postcss@8.4.45:
+  postcss@8.4.47:
     dependencies:
       nanoid: 3.3.7
       picocolors: 1.1.0
@@ -25828,24 +25804,25 @@ snapshots:
       prettier: 3.3.3
       sass-formatter: 0.7.9
 
-  prettier-plugin-packagejson@2.5.2(prettier@3.3.3):
+  prettier-plugin-packagejson@2.5.3(prettier@3.3.3):
     dependencies:
       sort-package-json: 2.10.1
-      synckit: 0.9.1
+      synckit: 0.9.2
     optionalDependencies:
       prettier: 3.3.3
 
-  prettier-plugin-svelte@3.2.6(prettier@3.3.3)(svelte@4.2.19):
+  prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@4.2.19):
     dependencies:
       prettier: 3.3.3
       svelte: 4.2.19
 
-  prettier-plugin-tailwindcss@0.6.6(prettier-plugin-astro@0.14.1)(prettier-plugin-svelte@3.2.6(prettier@3.3.3)(svelte@4.2.19))(prettier@3.3.3):
+  prettier-plugin-tailwindcss@0.6.8(@ianvs/prettier-plugin-sort-imports@4.3.1(@vue/compiler-sfc@3.5.6)(prettier@3.3.3))(prettier-plugin-astro@0.14.1)(prettier-plugin-svelte@3.2.7(prettier@3.3.3)(svelte@4.2.19))(prettier@3.3.3):
     dependencies:
       prettier: 3.3.3
     optionalDependencies:
+      '@ianvs/prettier-plugin-sort-imports': 4.3.1(@vue/compiler-sfc@3.5.6)(prettier@3.3.3)
       prettier-plugin-astro: 0.14.1
-      prettier-plugin-svelte: 3.2.6(prettier@3.3.3)(svelte@4.2.19)
+      prettier-plugin-svelte: 3.2.7(prettier@3.3.3)(svelte@4.2.19)
 
   prettier@2.8.7:
     optional: true
@@ -25871,12 +25848,6 @@ snapshots:
       ansi-styles: 5.2.0
       react-is: 17.0.2
 
-  pretty-format@29.7.0:
-    dependencies:
-      '@jest/schemas': 29.6.3
-      ansi-styles: 5.2.0
-      react-is: 18.3.1
-
   pretty-ms@7.0.1:
     dependencies:
       parse-ms: 2.1.0
@@ -25890,7 +25861,7 @@ snapshots:
       picocolors: 1.1.0
       picomatch: 3.0.1
       prettier: 3.3.3
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   prismjs@1.27.0: {}
 
@@ -25986,9 +25957,9 @@ snapshots:
 
   punycode@2.3.1: {}
 
-  qs@6.11.0:
+  qrcode.react@4.0.1(react@18.3.1):
     dependencies:
-      side-channel: 1.0.6
+      react: 18.3.1
 
   qs@6.13.0:
     dependencies:
@@ -26051,6 +26022,17 @@ snapshots:
       '@babel/runtime': 7.25.6
       react: 19.0.0-rc-fb9a90fa48-20240614
 
+  react-color@2.19.3(react@19.0.0-rc-fb9a90fa48-20240614):
+    dependencies:
+      '@icons/material': 0.2.4(react@19.0.0-rc-fb9a90fa48-20240614)
+      lodash: 4.17.21
+      lodash-es: 4.17.21
+      material-colors: 1.2.6
+      prop-types: 15.8.1
+      react: 19.0.0-rc-fb9a90fa48-20240614
+      reactcss: 1.2.3(react@19.0.0-rc-fb9a90fa48-20240614)
+      tinycolor2: 1.6.0
+
   react-colorful@5.6.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
       react: 18.3.1
@@ -26068,15 +26050,15 @@ snapshots:
       prop-types: 15.8.1
       react: 19.0.0-rc-fb9a90fa48-20240614
 
-  react-docgen-typescript@2.2.2(typescript@5.6.2):
+  react-docgen-typescript@2.2.2(typescript@5.6.3):
     dependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
 
   react-docgen@7.0.3:
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/traverse': 7.25.6
-      '@babel/types': 7.25.6
+      '@babel/core': 7.25.8
+      '@babel/traverse': 7.25.7
+      '@babel/types': 7.25.8
       '@types/babel__core': 7.20.5
       '@types/babel__traverse': 7.20.6
       '@types/doctrine': 0.0.9
@@ -26113,29 +26095,29 @@ snapshots:
 
   react-fast-compare@3.2.2: {}
 
-  react-focus-lock@2.13.2(@types/react@18.3.5)(react@18.3.1):
+  react-focus-lock@2.13.2(@types/react@18.3.11)(react@18.3.1):
     dependencies:
       '@babel/runtime': 7.25.6
       focus-lock: 1.3.5
       prop-types: 15.8.1
       react: 18.3.1
       react-clientside-effect: 1.2.6(react@18.3.1)
-      use-callback-ref: 1.3.2(@types/react@18.3.5)(react@18.3.1)
-      use-sidecar: 1.1.2(@types/react@18.3.5)(react@18.3.1)
+      use-callback-ref: 1.3.2(@types/react@18.3.11)(react@18.3.1)
+      use-sidecar: 1.1.2(@types/react@18.3.11)(react@18.3.1)
     optionalDependencies:
-      '@types/react': 18.3.5
+      '@types/react': 18.3.11
 
-  react-focus-lock@2.13.2(@types/react@18.3.5)(react@19.0.0-rc-fb9a90fa48-20240614):
+  react-focus-lock@2.13.2(@types/react@18.3.11)(react@19.0.0-rc-fb9a90fa48-20240614):
     dependencies:
       '@babel/runtime': 7.25.6
       focus-lock: 1.3.5
       prop-types: 15.8.1
       react: 19.0.0-rc-fb9a90fa48-20240614
       react-clientside-effect: 1.2.6(react@19.0.0-rc-fb9a90fa48-20240614)
-      use-callback-ref: 1.3.2(@types/react@18.3.5)(react@19.0.0-rc-fb9a90fa48-20240614)
-      use-sidecar: 1.1.2(@types/react@18.3.5)(react@19.0.0-rc-fb9a90fa48-20240614)
+      use-callback-ref: 1.3.2(@types/react@18.3.11)(react@19.0.0-rc-fb9a90fa48-20240614)
+      use-sidecar: 1.1.2(@types/react@18.3.11)(react@19.0.0-rc-fb9a90fa48-20240614)
     optionalDependencies:
-      '@types/react': 18.3.5
+      '@types/react': 18.3.11
 
   react-i18next@14.0.2(i18next@23.15.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
@@ -26164,11 +26146,6 @@ snapshots:
     optionalDependencies:
       react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614)
 
-  react-infinite-scroll-component@6.1.0(react@18.3.1):
-    dependencies:
-      react: 18.3.1
-      throttle-debounce: 2.3.0
-
   react-infinite-scroll-component@6.1.0(react@19.0.0-rc-fb9a90fa48-20240614):
     dependencies:
       react: 19.0.0-rc-fb9a90fa48-20240614
@@ -26184,10 +26161,6 @@ snapshots:
 
   react-lifecycles-compat@3.0.4: {}
 
-  react-photo-album@2.3.1(react@18.3.1):
-    dependencies:
-      react: 18.3.1
-
   react-photo-album@2.3.1(react@19.0.0-rc-fb9a90fa48-20240614):
     dependencies:
       react: 19.0.0-rc-fb9a90fa48-20240614
@@ -26208,16 +26181,16 @@ snapshots:
 
   react-refresh@0.14.2: {}
 
-  react-router-dom@6.26.2(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+  react-router-dom@6.27.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
     dependencies:
-      '@remix-run/router': 1.19.2
+      '@remix-run/router': 1.20.0
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      react-router: 6.26.2(react@18.3.1)
+      react-router: 6.27.0(react@18.3.1)
 
-  react-router@6.26.2(react@18.3.1):
+  react-router@6.27.0(react@18.3.1):
     dependencies:
-      '@remix-run/router': 1.19.2
+      '@remix-run/router': 1.20.0
       react: 18.3.1
 
   react-rx@2.1.3(react@18.3.1)(rxjs@7.8.1):
@@ -26245,16 +26218,17 @@ snapshots:
     dependencies:
       prop-types: 15.8.1
 
-  react-wrap-balancer@1.1.1(react@19.0.0-rc-fb9a90fa48-20240614):
-    dependencies:
-      react: 19.0.0-rc-fb9a90fa48-20240614
-
   react@18.3.1:
     dependencies:
       loose-envify: 1.4.0
 
   react@19.0.0-rc-fb9a90fa48-20240614: {}
 
+  reactcss@1.2.3(react@19.0.0-rc-fb9a90fa48-20240614):
+    dependencies:
+      lodash: 4.17.21
+      react: 19.0.0-rc-fb9a90fa48-20240614
+
   read-cache@1.0.0:
     dependencies:
       pify: 2.3.0
@@ -26333,13 +26307,15 @@ snapshots:
     dependencies:
       picomatch: 2.3.1
 
+  readdirp@4.0.1: {}
+
   recast@0.23.9:
     dependencies:
       ast-types: 0.16.1
       esprima: 4.0.1
       source-map: 0.6.1
       tiny-invariant: 1.3.3
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   redent@3.0.0:
     dependencies:
@@ -26439,7 +26415,7 @@ snapshots:
   rehype-parse@9.0.0:
     dependencies:
       '@types/hast': 3.0.4
-      hast-util-from-html: 2.0.1
+      hast-util-from-html: 2.0.3
       unified: 11.0.5
 
   rehype-raw@7.0.0:
@@ -26456,17 +26432,17 @@ snapshots:
       hast-util-to-string: 3.0.0
       unist-util-visit: 5.0.0
 
-  rehype-stringify@10.0.0:
+  rehype-stringify@10.0.1:
     dependencies:
       '@types/hast': 3.0.4
-      hast-util-to-html: 9.0.1
+      hast-util-to-html: 9.0.3
       unified: 11.0.5
 
-  rehype@13.0.1:
+  rehype@13.0.2:
     dependencies:
       '@types/hast': 3.0.4
       rehype-parse: 9.0.0
-      rehype-stringify: 10.0.0
+      rehype-stringify: 10.0.1
       unified: 11.0.5
 
   remark-frontmatter@4.0.1:
@@ -26525,7 +26501,7 @@ snapshots:
       mdast-util-to-hast: 12.3.0
       unified: 10.1.2
 
-  remark-rehype@11.1.0:
+  remark-rehype@11.1.1:
     dependencies:
       '@types/hast': 3.0.4
       '@types/mdast': 4.0.4
@@ -26604,11 +26580,6 @@ snapshots:
       onetime: 5.1.2
       signal-exit: 3.0.7
 
-  restore-cursor@4.0.0:
-    dependencies:
-      onetime: 5.1.2
-      signal-exit: 3.0.7
-
   restore-cursor@5.1.0:
     dependencies:
       onetime: 7.0.0
@@ -26647,10 +26618,6 @@ snapshots:
 
   rfdc@1.4.1: {}
 
-  rimraf@2.6.3:
-    dependencies:
-      glob: 7.2.3
-
   rimraf@3.0.2:
     dependencies:
       glob: 7.2.3
@@ -26663,57 +26630,57 @@ snapshots:
     dependencies:
       glob: 10.4.5
 
-  rollup-plugin-esbuild@6.1.1(esbuild@0.23.1)(rollup@4.21.2):
+  rollup-plugin-esbuild@6.1.1(esbuild@0.24.0)(rollup@4.24.0):
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.21.2)
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
       debug: 4.3.7
       es-module-lexer: 1.5.4
-      esbuild: 0.23.1
-      get-tsconfig: 4.8.0
-      rollup: 4.21.2
+      esbuild: 0.24.0
+      get-tsconfig: 4.8.1
+      rollup: 4.24.0
     transitivePeerDependencies:
       - supports-color
 
-  rollup-plugin-svelte@7.2.2(rollup@4.21.2)(svelte@4.2.19):
+  rollup-plugin-svelte@7.2.2(rollup@4.24.0)(svelte@4.2.19):
     dependencies:
       '@rollup/pluginutils': 4.2.1
       resolve.exports: 2.0.2
-      rollup: 4.21.2
+      rollup: 4.24.0
       svelte: 4.2.19
 
-  rollup-plugin-visualizer@5.12.0(rollup@4.21.2):
+  rollup-plugin-visualizer@5.12.0(rollup@4.24.0):
     dependencies:
       open: 8.4.2
       picomatch: 2.3.1
       source-map: 0.7.4
       yargs: 17.7.2
     optionalDependencies:
-      rollup: 4.21.2
+      rollup: 4.24.0
 
   rollup@3.29.4:
     optionalDependencies:
       fsevents: 2.3.3
 
-  rollup@4.21.2:
+  rollup@4.24.0:
     dependencies:
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
     optionalDependencies:
-      '@rollup/rollup-android-arm-eabi': 4.21.2
-      '@rollup/rollup-android-arm64': 4.21.2
-      '@rollup/rollup-darwin-arm64': 4.21.2
-      '@rollup/rollup-darwin-x64': 4.21.2
-      '@rollup/rollup-linux-arm-gnueabihf': 4.21.2
-      '@rollup/rollup-linux-arm-musleabihf': 4.21.2
-      '@rollup/rollup-linux-arm64-gnu': 4.21.2
-      '@rollup/rollup-linux-arm64-musl': 4.21.2
-      '@rollup/rollup-linux-powerpc64le-gnu': 4.21.2
-      '@rollup/rollup-linux-riscv64-gnu': 4.21.2
-      '@rollup/rollup-linux-s390x-gnu': 4.21.2
-      '@rollup/rollup-linux-x64-gnu': 4.21.2
-      '@rollup/rollup-linux-x64-musl': 4.21.2
-      '@rollup/rollup-win32-arm64-msvc': 4.21.2
-      '@rollup/rollup-win32-ia32-msvc': 4.21.2
-      '@rollup/rollup-win32-x64-msvc': 4.21.2
+      '@rollup/rollup-android-arm-eabi': 4.24.0
+      '@rollup/rollup-android-arm64': 4.24.0
+      '@rollup/rollup-darwin-arm64': 4.24.0
+      '@rollup/rollup-darwin-x64': 4.24.0
+      '@rollup/rollup-linux-arm-gnueabihf': 4.24.0
+      '@rollup/rollup-linux-arm-musleabihf': 4.24.0
+      '@rollup/rollup-linux-arm64-gnu': 4.24.0
+      '@rollup/rollup-linux-arm64-musl': 4.24.0
+      '@rollup/rollup-linux-powerpc64le-gnu': 4.24.0
+      '@rollup/rollup-linux-riscv64-gnu': 4.24.0
+      '@rollup/rollup-linux-s390x-gnu': 4.24.0
+      '@rollup/rollup-linux-x64-gnu': 4.24.0
+      '@rollup/rollup-linux-x64-musl': 4.24.0
+      '@rollup/rollup-win32-arm64-msvc': 4.24.0
+      '@rollup/rollup-win32-ia32-msvc': 4.24.0
+      '@rollup/rollup-win32-x64-msvc': 4.24.0
       fsevents: 2.3.3
 
   rrweb-cssom@0.6.0: {}
@@ -26732,7 +26699,7 @@ snapshots:
 
   rxjs@7.8.1:
     dependencies:
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   s.color@0.0.15: {}
 
@@ -26769,106 +26736,93 @@ snapshots:
     dependencies:
       '@sanity/diff-match-patch': 3.1.1
 
-  sanity-plugin-asset-source-unsplash@3.0.1(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(sanity@3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)):
-    dependencies:
-      '@sanity/icons': 2.11.8(react@18.3.1)
-      '@sanity/incompatible-plugin': 1.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@sanity/ui': 2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
-      react: 18.3.1
-      react-infinite-scroll-component: 6.1.0(react@18.3.1)
-      react-photo-album: 2.3.1(react@18.3.1)
-      rxjs: 7.8.1
-      sanity: 3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)
-      styled-components: '@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)'
-    transitivePeerDependencies:
-      - react-dom
-      - react-is
-
-  sanity-plugin-asset-source-unsplash@3.0.1(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(sanity@3.57.2(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(@types/node@20.8.7)(@types/react@18.3.5)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(terser@5.31.3)):
+  sanity-plugin-asset-source-unsplash@3.0.1(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(terser@5.33.0))(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)):
     dependencies:
       '@sanity/icons': 2.11.8(react@19.0.0-rc-fb9a90fa48-20240614)
       '@sanity/incompatible-plugin': 1.0.4(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@sanity/ui': 2.8.9(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@sanity/ui': 2.8.9(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))
       react: 19.0.0-rc-fb9a90fa48-20240614
       react-infinite-scroll-component: 6.1.0(react@19.0.0-rc-fb9a90fa48-20240614)
       react-photo-album: 2.3.1(react@19.0.0-rc-fb9a90fa48-20240614)
       rxjs: 7.8.1
-      sanity: 3.57.2(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(@types/node@20.8.7)(@types/react@18.3.5)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(terser@5.31.3)
-      styled-components: '@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)'
+      sanity: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(terser@5.33.0)
+      styled-components: 6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
     transitivePeerDependencies:
       - react-dom
       - react-is
 
-  sanity-plugin-internationalized-array@2.0.0(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1))(@sanity/util@3.57.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sanity@3.57.2(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)):
+  sanity-plugin-internationalized-array@2.0.0(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(@sanity/util@3.61.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)):
     dependencies:
       '@sanity/icons': 2.11.8(react@18.3.1)
       '@sanity/incompatible-plugin': 1.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@sanity/language-filter': 4.0.2(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1))(@sanity/util@3.57.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sanity@3.57.2(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3))
-      '@sanity/ui': 2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
+      '@sanity/language-filter': 4.0.2(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(@sanity/util@3.61.0)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@sanity/ui': 2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       fast-deep-equal: 3.1.3
       lodash: 4.17.21
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
-      sanity: 3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)
+      sanity: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0)
+      styled-components: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       suspend-react: 0.1.3(react@18.3.1)
     transitivePeerDependencies:
       - '@sanity/util'
 
-  sanity-plugin-utils@1.6.4(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-fast-compare@3.2.2)(react@18.3.1)(rxjs@7.8.1)(sanity@3.57.2(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)):
+  sanity-plugin-utils@1.6.4(@sanity/ui@2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)))(react-dom@18.3.1(react@18.3.1))(react-fast-compare@3.2.2)(react@18.3.1)(rxjs@7.8.1)(sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0))(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)):
     dependencies:
       '@sanity/icons': 2.11.8(react@18.3.1)
       '@sanity/incompatible-plugin': 1.0.4(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@sanity/ui': 2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
+      '@sanity/ui': 2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       react: 18.3.1
       react-dom: 18.3.1(react@18.3.1)
       react-fast-compare: 3.2.2
       rxjs: 7.8.1
-      sanity: 3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3)
+      sanity: 3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0)
+      styled-components: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
 
-  sanity@3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@20.8.7)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3):
+  sanity@3.61.0(@types/node@20.16.5)(@types/react@18.3.11)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(terser@5.33.0):
     dependencies:
-      '@dnd-kit/core': 6.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@dnd-kit/modifiers': 6.0.1(@dnd-kit/core@6.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
-      '@dnd-kit/sortable': 7.0.2(@dnd-kit/core@6.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
-      '@dnd-kit/utilities': 3.2.2(react@18.3.1)
+      '@dnd-kit/core': 6.1.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@dnd-kit/modifiers': 6.0.1(@dnd-kit/core@6.1.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@dnd-kit/sortable': 7.0.2(@dnd-kit/core@6.1.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@dnd-kit/utilities': 3.2.2(react@19.0.0-rc-fb9a90fa48-20240614)
       '@juggle/resize-observer': 3.4.0
-      '@portabletext/editor': 1.0.19(@sanity/block-tools@3.57.2(debug@4.3.7))(@sanity/schema@3.57.2(debug@4.3.7))(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@sanity/types@3.57.2)(@sanity/util@3.57.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rxjs@7.8.1)
-      '@portabletext/react': 3.1.0(react@18.3.1)
-      '@rexxars/react-json-inspector': 8.0.1(react@18.3.1)
-      '@sanity/asset-utils': 1.3.0
+      '@portabletext/editor': 1.1.4(@sanity/block-tools@3.61.0(debug@4.3.7))(@sanity/schema@3.61.0(debug@4.3.7))(@sanity/types@3.61.0)(@sanity/util@3.61.0)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(rxjs@7.8.1)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))
+      '@portabletext/react': 3.1.0(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@rexxars/react-json-inspector': 8.0.1(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@sanity/asset-utils': 2.0.6
       '@sanity/bifur-client': 0.4.1
-      '@sanity/block-tools': 3.57.2(debug@4.3.7)
-      '@sanity/cli': 3.57.2(react@18.3.1)
-      '@sanity/client': 6.21.3(debug@4.3.7)
+      '@sanity/block-tools': 3.61.0(debug@4.3.7)
+      '@sanity/cli': 3.61.0(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@sanity/client': 6.22.1(debug@4.3.7)
       '@sanity/color': 3.0.6
-      '@sanity/diff': 3.57.2
+      '@sanity/diff': 3.61.0
       '@sanity/diff-match-patch': 3.1.1
       '@sanity/eventsource': 5.0.2
       '@sanity/export': 3.41.0
-      '@sanity/icons': 3.4.0(react@18.3.1)
+      '@sanity/icons': 3.4.0(react@19.0.0-rc-fb9a90fa48-20240614)
       '@sanity/image-url': 1.0.2
       '@sanity/import': 3.37.5
-      '@sanity/insert-menu': 1.0.8(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@sanity/types@3.57.2)(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
-      '@sanity/logos': 2.1.13(@sanity/color@3.0.6)(react@18.3.1)
-      '@sanity/migrate': 3.57.2
-      '@sanity/mutator': 3.57.2
+      '@sanity/insert-menu': 1.0.9(@sanity/types@3.61.0)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))
+      '@sanity/logos': 2.1.13(@sanity/color@3.0.6)(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@sanity/migrate': 3.61.0
+      '@sanity/mutator': 3.61.0
       '@sanity/presentation': link:packages/presentation
-      '@sanity/schema': 3.57.2(debug@4.3.7)
-      '@sanity/telemetry': 0.7.9(react@18.3.1)
-      '@sanity/types': 3.57.2(debug@4.3.7)
-      '@sanity/ui': 2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
-      '@sanity/util': 3.57.2(debug@4.3.7)
+      '@sanity/schema': 3.61.0(debug@4.3.7)
+      '@sanity/telemetry': 0.7.9(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@sanity/types': 3.61.0(debug@4.3.7)
+      '@sanity/ui': 2.8.9(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))
+      '@sanity/util': 3.61.0(debug@4.3.7)
       '@sanity/uuid': 3.0.2
-      '@sentry/react': 8.29.0(react@18.3.1)
-      '@tanstack/react-table': 8.20.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
-      '@tanstack/react-virtual': 3.0.0-beta.54(react@18.3.1)
+      '@sentry/react': 8.29.0(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@tanstack/react-table': 8.20.5(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@tanstack/react-virtual': 3.0.0-beta.54(react@19.0.0-rc-fb9a90fa48-20240614)
       '@types/react-copy-to-clipboard': 5.0.7
       '@types/react-is': 18.3.0
       '@types/shallow-equals': 1.0.3
       '@types/speakingurl': 13.0.6
       '@types/tar-stream': 3.1.3
       '@types/use-sync-external-store': 0.0.6
-      '@vitejs/plugin-react': 4.3.1(vite@4.5.3(@types/node@20.8.7)(terser@5.31.3))
+      '@vitejs/plugin-react': 4.3.1(vite@4.5.3(@types/node@20.16.5)(terser@5.33.0))
       archiver: 7.0.1
       arrify: 1.0.1
       async-mutex: 0.4.1
@@ -26887,7 +26841,7 @@ snapshots:
       execa: 2.1.0
       exif-component: 1.0.1
       form-data: 4.0.0
-      framer-motion: 11.0.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      framer-motion: 11.0.8(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
       get-it: 8.6.5(debug@4.3.7)
       get-random-values-esm: 1.0.2
       groq-js: 1.13.0
@@ -26917,15 +26871,15 @@ snapshots:
       pretty-ms: 7.0.1
       quick-lru: 5.1.1
       raf: 3.4.1
-      react: 18.3.1
-      react-copy-to-clipboard: 5.1.0(react@18.3.1)
-      react-dom: 18.3.1(react@18.3.1)
+      react: 19.0.0-rc-fb9a90fa48-20240614
+      react-copy-to-clipboard: 5.1.0(react@19.0.0-rc-fb9a90fa48-20240614)
+      react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614)
       react-fast-compare: 3.2.2
-      react-focus-lock: 2.13.2(@types/react@18.3.5)(react@18.3.1)
-      react-i18next: 14.0.2(i18next@23.15.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      react-focus-lock: 2.13.2(@types/react@18.3.11)(react@19.0.0-rc-fb9a90fa48-20240614)
+      react-i18next: 14.0.2(i18next@23.15.1)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
       react-is: 18.3.1
-      react-refractor: 2.2.0(react@18.3.1)
-      react-rx: 4.0.0(react@18.3.1)(rxjs@7.8.1)
+      react-refractor: 2.2.0(react@19.0.0-rc-fb9a90fa48-20240614)
+      react-rx: 4.0.0(react@19.0.0-rc-fb9a90fa48-20240614)(rxjs@7.8.1)
       read-pkg-up: 7.0.1
       refractor: 3.6.0
       resolve-from: 5.0.0
@@ -26938,13 +26892,13 @@ snapshots:
       semver: 7.6.3
       shallow-equals: 1.0.0
       speakingurl: 14.0.1
-      styled-components: '@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)'
+      styled-components: 6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
       tar-fs: 2.1.1
       tar-stream: 3.1.7
-      use-device-pixel-ratio: 1.1.2(react@18.3.1)
-      use-hot-module-reload: 2.0.0(react@18.3.1)
-      use-sync-external-store: 1.2.2(react@18.3.1)
-      vite: 4.5.3(@types/node@20.8.7)(terser@5.31.3)
+      use-device-pixel-ratio: 1.1.2(react@19.0.0-rc-fb9a90fa48-20240614)
+      use-hot-module-reload: 2.0.0(react@19.0.0-rc-fb9a90fa48-20240614)
+      use-sync-external-store: 1.2.2(react@19.0.0-rc-fb9a90fa48-20240614)
+      vite: 4.5.3(@types/node@20.16.5)(terser@5.33.0)
       yargs: 17.7.2
     transitivePeerDependencies:
       - '@types/node'
@@ -26961,39 +26915,39 @@ snapshots:
       - terser
       - utf-8-validate
 
-  sanity@3.57.2(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(terser@5.31.3):
+  sanity@3.61.0(@types/node@20.8.7)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0):
     dependencies:
       '@dnd-kit/core': 6.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       '@dnd-kit/modifiers': 6.0.1(@dnd-kit/core@6.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
       '@dnd-kit/sortable': 7.0.2(@dnd-kit/core@6.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
       '@dnd-kit/utilities': 3.2.2(react@18.3.1)
       '@juggle/resize-observer': 3.4.0
-      '@portabletext/editor': 1.0.19(@sanity/block-tools@3.57.2(debug@4.3.7))(@sanity/schema@3.57.2(debug@4.3.7))(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@sanity/types@3.57.2)(@sanity/util@3.57.2)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rxjs@7.8.1)
+      '@portabletext/editor': 1.1.4(@sanity/block-tools@3.61.0(debug@4.3.7))(@sanity/schema@3.61.0(debug@4.3.7))(@sanity/types@3.61.0(debug@4.3.7))(@sanity/util@3.61.0(debug@4.3.7))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rxjs@7.8.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       '@portabletext/react': 3.1.0(react@18.3.1)
       '@rexxars/react-json-inspector': 8.0.1(react@18.3.1)
-      '@sanity/asset-utils': 1.3.0
+      '@sanity/asset-utils': 2.0.6
       '@sanity/bifur-client': 0.4.1
-      '@sanity/block-tools': 3.57.2(debug@4.3.7)
-      '@sanity/cli': 3.57.2(react@18.3.1)
-      '@sanity/client': 6.21.3(debug@4.3.7)
+      '@sanity/block-tools': 3.61.0(debug@4.3.7)
+      '@sanity/cli': 3.61.0(react@18.3.1)
+      '@sanity/client': 6.22.1(debug@4.3.7)
       '@sanity/color': 3.0.6
-      '@sanity/diff': 3.57.2
+      '@sanity/diff': 3.61.0
       '@sanity/diff-match-patch': 3.1.1
       '@sanity/eventsource': 5.0.2
       '@sanity/export': 3.41.0
       '@sanity/icons': 3.4.0(react@18.3.1)
       '@sanity/image-url': 1.0.2
       '@sanity/import': 3.37.5
-      '@sanity/insert-menu': 1.0.8(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(@sanity/types@3.57.2)(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
+      '@sanity/insert-menu': 1.0.9(@sanity/types@3.61.0(debug@4.3.7))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
       '@sanity/logos': 2.1.13(@sanity/color@3.0.6)(react@18.3.1)
-      '@sanity/migrate': 3.57.2
-      '@sanity/mutator': 3.57.2
+      '@sanity/migrate': 3.61.0
+      '@sanity/mutator': 3.61.0
       '@sanity/presentation': link:packages/presentation
-      '@sanity/schema': 3.57.2(debug@4.3.7)
+      '@sanity/schema': 3.61.0(debug@4.3.7)
       '@sanity/telemetry': 0.7.9(react@18.3.1)
-      '@sanity/types': 3.57.2(debug@4.3.7)
-      '@sanity/ui': 2.8.9(@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
-      '@sanity/util': 3.57.2(debug@4.3.7)
+      '@sanity/types': 3.61.0(debug@4.3.7)
+      '@sanity/ui': 2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@sanity/util': 3.61.0(debug@4.3.7)
       '@sanity/uuid': 3.0.2
       '@sentry/react': 8.29.0(react@18.3.1)
       '@tanstack/react-table': 8.20.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
@@ -27004,7 +26958,7 @@ snapshots:
       '@types/speakingurl': 13.0.6
       '@types/tar-stream': 3.1.3
       '@types/use-sync-external-store': 0.0.6
-      '@vitejs/plugin-react': 4.3.1(vite@4.5.3(@types/node@22.5.4)(terser@5.31.3))
+      '@vitejs/plugin-react': 4.3.1(vite@4.5.3(@types/node@20.8.7)(terser@5.33.0))
       archiver: 7.0.1
       arrify: 1.0.1
       async-mutex: 0.4.1
@@ -27057,7 +27011,7 @@ snapshots:
       react-copy-to-clipboard: 5.1.0(react@18.3.1)
       react-dom: 18.3.1(react@18.3.1)
       react-fast-compare: 3.2.2
-      react-focus-lock: 2.13.2(@types/react@18.3.5)(react@18.3.1)
+      react-focus-lock: 2.13.2(@types/react@18.3.11)(react@18.3.1)
       react-i18next: 14.0.2(i18next@23.15.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react-is: 18.3.1
       react-refractor: 2.2.0(react@18.3.1)
@@ -27074,13 +27028,13 @@ snapshots:
       semver: 7.6.3
       shallow-equals: 1.0.0
       speakingurl: 14.0.1
-      styled-components: '@sanity/styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)'
+      styled-components: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       tar-fs: 2.1.1
       tar-stream: 3.1.7
       use-device-pixel-ratio: 1.1.2(react@18.3.1)
       use-hot-module-reload: 2.0.0(react@18.3.1)
       use-sync-external-store: 1.2.2(react@18.3.1)
-      vite: 4.5.3(@types/node@22.5.4)(terser@5.31.3)
+      vite: 4.5.3(@types/node@20.8.7)(terser@5.33.0)
       yargs: 17.7.2
     transitivePeerDependencies:
       - '@types/node'
@@ -27097,50 +27051,50 @@ snapshots:
       - terser
       - utf-8-validate
 
-  sanity@3.57.2(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(@types/node@20.8.7)(@types/react@18.3.5)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(terser@5.31.3):
+  sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(terser@5.33.0):
     dependencies:
-      '@dnd-kit/core': 6.1.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@dnd-kit/modifiers': 6.0.1(@dnd-kit/core@6.1.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@dnd-kit/sortable': 7.0.2(@dnd-kit/core@6.1.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@dnd-kit/utilities': 3.2.2(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@dnd-kit/core': 6.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@dnd-kit/modifiers': 6.0.1(@dnd-kit/core@6.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@dnd-kit/sortable': 7.0.2(@dnd-kit/core@6.1.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1))(react@18.3.1)
+      '@dnd-kit/utilities': 3.2.2(react@18.3.1)
       '@juggle/resize-observer': 3.4.0
-      '@portabletext/editor': 1.0.19(@sanity/block-tools@3.57.2(debug@4.3.7))(@sanity/schema@3.57.2(debug@4.3.7))(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(@sanity/types@3.57.2)(@sanity/util@3.57.2)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(rxjs@7.8.1)
-      '@portabletext/react': 3.1.0(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@rexxars/react-json-inspector': 8.0.1(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@sanity/asset-utils': 1.3.0
+      '@portabletext/editor': 1.1.4(@sanity/block-tools@3.61.0(debug@4.3.7))(@sanity/schema@3.61.0(debug@4.3.7))(@sanity/types@3.61.0(debug@4.3.7))(@sanity/util@3.61.0(debug@4.3.7))(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(rxjs@7.8.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@portabletext/react': 3.1.0(react@18.3.1)
+      '@rexxars/react-json-inspector': 8.0.1(react@18.3.1)
+      '@sanity/asset-utils': 2.0.6
       '@sanity/bifur-client': 0.4.1
-      '@sanity/block-tools': 3.57.2(debug@4.3.7)
-      '@sanity/cli': 3.57.2(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@sanity/client': 6.21.3(debug@4.3.7)
+      '@sanity/block-tools': 3.61.0(debug@4.3.7)
+      '@sanity/cli': 3.61.0(react@18.3.1)
+      '@sanity/client': 6.22.1(debug@4.3.7)
       '@sanity/color': 3.0.6
-      '@sanity/diff': 3.57.2
+      '@sanity/diff': 3.61.0
       '@sanity/diff-match-patch': 3.1.1
       '@sanity/eventsource': 5.0.2
       '@sanity/export': 3.41.0
-      '@sanity/icons': 3.4.0(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@sanity/icons': 3.4.0(react@18.3.1)
       '@sanity/image-url': 1.0.2
       '@sanity/import': 3.37.5
-      '@sanity/insert-menu': 1.0.8(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(@sanity/types@3.57.2)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@sanity/logos': 2.1.13(@sanity/color@3.0.6)(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@sanity/migrate': 3.57.2
-      '@sanity/mutator': 3.57.2
+      '@sanity/insert-menu': 1.0.9(@sanity/types@3.61.0(debug@4.3.7))(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@sanity/logos': 2.1.13(@sanity/color@3.0.6)(react@18.3.1)
+      '@sanity/migrate': 3.61.0
+      '@sanity/mutator': 3.61.0
       '@sanity/presentation': link:packages/presentation
-      '@sanity/schema': 3.57.2(debug@4.3.7)
-      '@sanity/telemetry': 0.7.9(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@sanity/types': 3.57.2(debug@4.3.7)
-      '@sanity/ui': 2.8.9(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@sanity/util': 3.57.2(debug@4.3.7)
+      '@sanity/schema': 3.61.0(debug@4.3.7)
+      '@sanity/telemetry': 0.7.9(react@18.3.1)
+      '@sanity/types': 3.61.0(debug@4.3.7)
+      '@sanity/ui': 2.8.9(react-dom@18.3.1(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1))
+      '@sanity/util': 3.61.0(debug@4.3.7)
       '@sanity/uuid': 3.0.2
-      '@sentry/react': 8.29.0(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@tanstack/react-table': 8.20.5(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@tanstack/react-virtual': 3.0.0-beta.54(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@sentry/react': 8.29.0(react@18.3.1)
+      '@tanstack/react-table': 8.20.5(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
+      '@tanstack/react-virtual': 3.0.0-beta.54(react@18.3.1)
       '@types/react-copy-to-clipboard': 5.0.7
       '@types/react-is': 18.3.0
       '@types/shallow-equals': 1.0.3
       '@types/speakingurl': 13.0.6
       '@types/tar-stream': 3.1.3
       '@types/use-sync-external-store': 0.0.6
-      '@vitejs/plugin-react': 4.3.1(vite@4.5.3(@types/node@20.8.7)(terser@5.31.3))
+      '@vitejs/plugin-react': 4.3.1(vite@4.5.3(@types/node@22.5.5)(terser@5.33.0))
       archiver: 7.0.1
       arrify: 1.0.1
       async-mutex: 0.4.1
@@ -27159,7 +27113,7 @@ snapshots:
       execa: 2.1.0
       exif-component: 1.0.1
       form-data: 4.0.0
-      framer-motion: 11.0.8(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
+      framer-motion: 11.0.8(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       get-it: 8.6.5(debug@4.3.7)
       get-random-values-esm: 1.0.2
       groq-js: 1.13.0
@@ -27189,15 +27143,15 @@ snapshots:
       pretty-ms: 7.0.1
       quick-lru: 5.1.1
       raf: 3.4.1
-      react: 19.0.0-rc-fb9a90fa48-20240614
-      react-copy-to-clipboard: 5.1.0(react@19.0.0-rc-fb9a90fa48-20240614)
-      react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614)
+      react: 18.3.1
+      react-copy-to-clipboard: 5.1.0(react@18.3.1)
+      react-dom: 18.3.1(react@18.3.1)
       react-fast-compare: 3.2.2
-      react-focus-lock: 2.13.2(@types/react@18.3.5)(react@19.0.0-rc-fb9a90fa48-20240614)
-      react-i18next: 14.0.2(i18next@23.15.1)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
+      react-focus-lock: 2.13.2(@types/react@18.3.11)(react@18.3.1)
+      react-i18next: 14.0.2(i18next@23.15.1)(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       react-is: 18.3.1
-      react-refractor: 2.2.0(react@19.0.0-rc-fb9a90fa48-20240614)
-      react-rx: 4.0.0(react@19.0.0-rc-fb9a90fa48-20240614)(rxjs@7.8.1)
+      react-refractor: 2.2.0(react@18.3.1)
+      react-rx: 4.0.0(react@18.3.1)(rxjs@7.8.1)
       read-pkg-up: 7.0.1
       refractor: 3.6.0
       resolve-from: 5.0.0
@@ -27210,13 +27164,13 @@ snapshots:
       semver: 7.6.3
       shallow-equals: 1.0.0
       speakingurl: 14.0.1
-      styled-components: '@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)'
+      styled-components: 6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1)
       tar-fs: 2.1.1
       tar-stream: 3.1.7
-      use-device-pixel-ratio: 1.1.2(react@19.0.0-rc-fb9a90fa48-20240614)
-      use-hot-module-reload: 2.0.0(react@19.0.0-rc-fb9a90fa48-20240614)
-      use-sync-external-store: 1.2.2(react@19.0.0-rc-fb9a90fa48-20240614)
-      vite: 4.5.3(@types/node@20.8.7)(terser@5.31.3)
+      use-device-pixel-ratio: 1.1.2(react@18.3.1)
+      use-hot-module-reload: 2.0.0(react@18.3.1)
+      use-sync-external-store: 1.2.2(react@18.3.1)
+      vite: 4.5.3(@types/node@22.5.5)(terser@5.33.0)
       yargs: 17.7.2
     transitivePeerDependencies:
       - '@types/node'
@@ -27233,39 +27187,39 @@ snapshots:
       - terser
       - utf-8-validate
 
-  sanity@3.57.2(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)(terser@5.31.3):
+  sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1))(terser@5.33.0):
     dependencies:
       '@dnd-kit/core': 6.1.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)
       '@dnd-kit/modifiers': 6.0.1(@dnd-kit/core@6.1.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1))(react@18.3.1)
       '@dnd-kit/sortable': 7.0.2(@dnd-kit/core@6.1.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1))(react@18.3.1)
       '@dnd-kit/utilities': 3.2.2(react@18.3.1)
       '@juggle/resize-observer': 3.4.0
-      '@portabletext/editor': 1.0.19(@sanity/block-tools@3.57.2(debug@4.3.7))(@sanity/schema@3.57.2(debug@4.3.7))(@sanity/types@3.57.2)(@sanity/util@3.57.2)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)(rxjs@7.8.1)
+      '@portabletext/editor': 1.1.4(@sanity/block-tools@3.61.0(debug@4.3.7))(@sanity/schema@3.61.0(debug@4.3.7))(@sanity/types@3.61.0)(@sanity/util@3.61.0)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)(rxjs@7.8.1)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1))
       '@portabletext/react': 3.1.0(react@18.3.1)
       '@rexxars/react-json-inspector': 8.0.1(react@18.3.1)
-      '@sanity/asset-utils': 1.3.0
+      '@sanity/asset-utils': 2.0.6
       '@sanity/bifur-client': 0.4.1
-      '@sanity/block-tools': 3.57.2(debug@4.3.7)
-      '@sanity/cli': 3.57.2(react@18.3.1)
-      '@sanity/client': 6.21.3(debug@4.3.7)
+      '@sanity/block-tools': 3.61.0(debug@4.3.7)
+      '@sanity/cli': 3.61.0(react@18.3.1)
+      '@sanity/client': 6.22.1(debug@4.3.7)
       '@sanity/color': 3.0.6
-      '@sanity/diff': 3.57.2
+      '@sanity/diff': 3.61.0
       '@sanity/diff-match-patch': 3.1.1
       '@sanity/eventsource': 5.0.2
       '@sanity/export': 3.41.0
       '@sanity/icons': 3.4.0(react@18.3.1)
       '@sanity/image-url': 1.0.2
       '@sanity/import': 3.37.5
-      '@sanity/insert-menu': 1.0.8(@sanity/types@3.57.2)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
+      '@sanity/insert-menu': 1.0.9(@sanity/types@3.61.0)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1))
       '@sanity/logos': 2.1.13(@sanity/color@3.0.6)(react@18.3.1)
-      '@sanity/migrate': 3.57.2
-      '@sanity/mutator': 3.57.2
+      '@sanity/migrate': 3.61.0
+      '@sanity/mutator': 3.61.0
       '@sanity/presentation': link:packages/presentation
-      '@sanity/schema': 3.57.2(debug@4.3.7)
+      '@sanity/schema': 3.61.0(debug@4.3.7)
       '@sanity/telemetry': 0.7.9(react@18.3.1)
-      '@sanity/types': 3.57.2(debug@4.3.7)
-      '@sanity/ui': 2.8.9(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react-is@18.3.1)(react@18.3.1)
-      '@sanity/util': 3.57.2(debug@4.3.7)
+      '@sanity/types': 3.61.0(debug@4.3.7)
+      '@sanity/ui': 2.8.9(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react-is@18.3.1)(react@18.3.1)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1))
+      '@sanity/util': 3.61.0(debug@4.3.7)
       '@sanity/uuid': 3.0.2
       '@sentry/react': 8.29.0(react@18.3.1)
       '@tanstack/react-table': 8.20.5(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)
@@ -27276,7 +27230,7 @@ snapshots:
       '@types/speakingurl': 13.0.6
       '@types/tar-stream': 3.1.3
       '@types/use-sync-external-store': 0.0.6
-      '@vitejs/plugin-react': 4.3.1(vite@4.5.3(@types/node@22.5.4)(terser@5.31.3))
+      '@vitejs/plugin-react': 4.3.1(vite@4.5.3(@types/node@22.5.5)(terser@5.33.0))
       archiver: 7.0.1
       arrify: 1.0.1
       async-mutex: 0.4.1
@@ -27329,7 +27283,7 @@ snapshots:
       react-copy-to-clipboard: 5.1.0(react@18.3.1)
       react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@18.3.1)
       react-fast-compare: 3.2.2
-      react-focus-lock: 2.13.2(@types/react@18.3.5)(react@18.3.1)
+      react-focus-lock: 2.13.2(@types/react@18.3.11)(react@18.3.1)
       react-i18next: 14.0.2(i18next@23.15.1)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)
       react-is: 18.3.1
       react-refractor: 2.2.0(react@18.3.1)
@@ -27346,12 +27300,13 @@ snapshots:
       semver: 7.6.3
       shallow-equals: 1.0.0
       speakingurl: 14.0.1
+      styled-components: 6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)
       tar-fs: 2.1.1
       tar-stream: 3.1.7
       use-device-pixel-ratio: 1.1.2(react@18.3.1)
       use-hot-module-reload: 2.0.0(react@18.3.1)
       use-sync-external-store: 1.2.2(react@18.3.1)
-      vite: 4.5.3(@types/node@22.5.4)(terser@5.31.3)
+      vite: 4.5.3(@types/node@22.5.5)(terser@5.33.0)
       yargs: 17.7.2
     transitivePeerDependencies:
       - '@types/node'
@@ -27368,39 +27323,39 @@ snapshots:
       - terser
       - utf-8-validate
 
-  sanity@3.57.2(@types/node@22.5.4)(@types/react@18.3.5)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(terser@5.31.3):
+  sanity@3.61.0(@types/node@22.5.5)(@types/react@18.3.11)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(terser@5.33.0):
     dependencies:
       '@dnd-kit/core': 6.1.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
       '@dnd-kit/modifiers': 6.0.1(@dnd-kit/core@6.1.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
       '@dnd-kit/sortable': 7.0.2(@dnd-kit/core@6.1.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
       '@dnd-kit/utilities': 3.2.2(react@19.0.0-rc-fb9a90fa48-20240614)
       '@juggle/resize-observer': 3.4.0
-      '@portabletext/editor': 1.0.19(@sanity/block-tools@3.57.2(debug@4.3.7))(@sanity/schema@3.57.2(debug@4.3.7))(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(@sanity/types@3.57.2)(@sanity/util@3.57.2)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(rxjs@7.8.1)
+      '@portabletext/editor': 1.1.4(@sanity/block-tools@3.61.0(debug@4.3.7))(@sanity/schema@3.61.0(debug@4.3.7))(@sanity/types@3.61.0)(@sanity/util@3.61.0)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(rxjs@7.8.1)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))
       '@portabletext/react': 3.1.0(react@19.0.0-rc-fb9a90fa48-20240614)
       '@rexxars/react-json-inspector': 8.0.1(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@sanity/asset-utils': 1.3.0
+      '@sanity/asset-utils': 2.0.6
       '@sanity/bifur-client': 0.4.1
-      '@sanity/block-tools': 3.57.2(debug@4.3.7)
-      '@sanity/cli': 3.57.2(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@sanity/client': 6.21.3(debug@4.3.7)
+      '@sanity/block-tools': 3.61.0(debug@4.3.7)
+      '@sanity/cli': 3.61.0(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@sanity/client': 6.22.1(debug@4.3.7)
       '@sanity/color': 3.0.6
-      '@sanity/diff': 3.57.2
+      '@sanity/diff': 3.61.0
       '@sanity/diff-match-patch': 3.1.1
       '@sanity/eventsource': 5.0.2
       '@sanity/export': 3.41.0
       '@sanity/icons': 3.4.0(react@19.0.0-rc-fb9a90fa48-20240614)
       '@sanity/image-url': 1.0.2
       '@sanity/import': 3.37.5
-      '@sanity/insert-menu': 1.0.8(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(@sanity/types@3.57.2)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)
+      '@sanity/insert-menu': 1.0.9(@sanity/types@3.61.0)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))
       '@sanity/logos': 2.1.13(@sanity/color@3.0.6)(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@sanity/migrate': 3.57.2
-      '@sanity/mutator': 3.57.2
+      '@sanity/migrate': 3.61.0
+      '@sanity/mutator': 3.61.0
       '@sanity/presentation': link:packages/presentation
-      '@sanity/schema': 3.57.2(debug@4.3.7)
+      '@sanity/schema': 3.61.0(debug@4.3.7)
       '@sanity/telemetry': 0.7.9(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@sanity/types': 3.57.2(debug@4.3.7)
-      '@sanity/ui': 2.8.9(@sanity/styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)
-      '@sanity/util': 3.57.2(debug@4.3.7)
+      '@sanity/types': 3.61.0(debug@4.3.7)
+      '@sanity/ui': 2.8.9(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react-is@18.3.1)(react@19.0.0-rc-fb9a90fa48-20240614)(styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614))
+      '@sanity/util': 3.61.0(debug@4.3.7)
       '@sanity/uuid': 3.0.2
       '@sentry/react': 8.29.0(react@19.0.0-rc-fb9a90fa48-20240614)
       '@tanstack/react-table': 8.20.5(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
@@ -27411,7 +27366,7 @@ snapshots:
       '@types/speakingurl': 13.0.6
       '@types/tar-stream': 3.1.3
       '@types/use-sync-external-store': 0.0.6
-      '@vitejs/plugin-react': 4.3.1(vite@4.5.3(@types/node@22.5.4)(terser@5.31.3))
+      '@vitejs/plugin-react': 4.3.1(vite@4.5.3(@types/node@22.5.5)(terser@5.33.0))
       archiver: 7.0.1
       arrify: 1.0.1
       async-mutex: 0.4.1
@@ -27464,7 +27419,7 @@ snapshots:
       react-copy-to-clipboard: 5.1.0(react@19.0.0-rc-fb9a90fa48-20240614)
       react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614)
       react-fast-compare: 3.2.2
-      react-focus-lock: 2.13.2(@types/react@18.3.5)(react@19.0.0-rc-fb9a90fa48-20240614)
+      react-focus-lock: 2.13.2(@types/react@18.3.11)(react@19.0.0-rc-fb9a90fa48-20240614)
       react-i18next: 14.0.2(i18next@23.15.1)(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
       react-is: 18.3.1
       react-refractor: 2.2.0(react@19.0.0-rc-fb9a90fa48-20240614)
@@ -27481,12 +27436,13 @@ snapshots:
       semver: 7.6.3
       shallow-equals: 1.0.0
       speakingurl: 14.0.1
+      styled-components: 6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)
       tar-fs: 2.1.1
       tar-stream: 3.1.7
       use-device-pixel-ratio: 1.1.2(react@19.0.0-rc-fb9a90fa48-20240614)
       use-hot-module-reload: 2.0.0(react@19.0.0-rc-fb9a90fa48-20240614)
       use-sync-external-store: 1.2.2(react@19.0.0-rc-fb9a90fa48-20240614)
-      vite: 4.5.3(@types/node@22.5.4)(terser@5.31.3)
+      vite: 4.5.3(@types/node@22.5.5)(terser@5.33.0)
       yargs: 17.7.2
     transitivePeerDependencies:
       - '@types/node'
@@ -27544,24 +27500,6 @@ snapshots:
 
   semver@7.6.3: {}
 
-  send@0.18.0:
-    dependencies:
-      debug: 2.6.9
-      depd: 2.0.0
-      destroy: 1.2.0
-      encodeurl: 1.0.2
-      escape-html: 1.0.3
-      etag: 1.8.1
-      fresh: 0.5.2
-      http-errors: 2.0.0
-      mime: 1.6.0
-      ms: 2.1.3
-      on-finished: 2.4.1
-      range-parser: 1.2.1
-      statuses: 2.0.1
-    transitivePeerDependencies:
-      - supports-color
-
   send@0.19.0:
     dependencies:
       debug: 2.6.9
@@ -27588,12 +27526,12 @@ snapshots:
     dependencies:
       defu: 6.1.4
 
-  serve-static@1.16.0:
+  serve-static@1.16.2:
     dependencies:
-      encodeurl: 1.0.2
+      encodeurl: 2.0.0
       escape-html: 1.0.3
       parseurl: 1.3.3
-      send: 0.18.0
+      send: 0.19.0
     transitivePeerDependencies:
       - supports-color
 
@@ -27673,10 +27611,13 @@ snapshots:
 
   shell-quote@1.8.1: {}
 
-  shiki@1.16.3:
+  shiki@1.22.0:
     dependencies:
-      '@shikijs/core': 1.16.3
-      '@shikijs/vscode-textmate': 9.2.2
+      '@shikijs/core': 1.22.0
+      '@shikijs/engine-javascript': 1.22.0
+      '@shikijs/engine-oniguruma': 1.22.0
+      '@shikijs/types': 1.22.0
+      '@shikijs/vscode-textmate': 9.3.0
       '@types/hast': 3.0.4
 
   side-channel@1.0.6:
@@ -27704,7 +27645,7 @@ snapshots:
 
   silver-fleece@1.1.0: {}
 
-  simple-git@3.26.0:
+  simple-git@3.27.0:
     dependencies:
       '@kwsites/file-exists': 1.1.1
       '@kwsites/promise-deferred': 1.1.1
@@ -27725,6 +27666,12 @@ snapshots:
       mrmime: 2.0.0
       totalist: 3.0.1
 
+  sirv@3.0.0:
+    dependencies:
+      '@polka/url': 1.0.0-next.25
+      mrmime: 2.0.0
+      totalist: 3.0.1
+
   sisteransi@1.0.5: {}
 
   slash@3.0.0: {}
@@ -27733,7 +27680,7 @@ snapshots:
 
   slash@5.1.0: {}
 
-  slate-react@0.108.0(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0):
+  slate-react@0.110.1(react-dom@18.3.1(react@18.3.1))(react@18.3.1)(slate@0.103.0):
     dependencies:
       '@juggle/resize-observer': 3.4.0
       direction: 1.0.4
@@ -27746,7 +27693,7 @@ snapshots:
       slate: 0.103.0
       tiny-invariant: 1.3.1
 
-  slate-react@0.108.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)(slate@0.103.0):
+  slate-react@0.110.1(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1)(slate@0.103.0):
     dependencies:
       '@juggle/resize-observer': 3.4.0
       direction: 1.0.4
@@ -27759,7 +27706,7 @@ snapshots:
       slate: 0.103.0
       tiny-invariant: 1.3.1
 
-  slate-react@0.108.0(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(slate@0.103.0):
+  slate-react@0.110.1(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614)(slate@0.103.0):
     dependencies:
       '@juggle/resize-observer': 3.4.0
       direction: 1.0.4
@@ -27931,38 +27878,10 @@ snapshots:
     dependencies:
       internal-slot: 1.0.7
 
-  storybook@8.2.9(@babel/preset-env@7.25.4(@babel/core@7.25.2)):
+  storybook@8.3.5:
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/types': 7.25.6
-      '@storybook/codemod': 8.2.9
-      '@storybook/core': 8.2.9
-      '@types/semver': 7.5.8
-      '@yarnpkg/fslib': 2.10.3
-      '@yarnpkg/libzip': 2.3.0
-      chalk: 4.1.2
-      commander: 6.2.1
-      cross-spawn: 7.0.3
-      detect-indent: 6.1.0
-      envinfo: 7.13.0
-      execa: 5.1.1
-      fd-package-json: 1.2.0
-      find-up: 5.0.0
-      fs-extra: 11.2.0
-      giget: 1.2.3
-      globby: 14.0.2
-      jscodeshift: 0.15.2(@babel/preset-env@7.25.4(@babel/core@7.25.2))
-      leven: 3.1.0
-      ora: 5.4.1
-      prettier: 3.3.3
-      prompts: 2.4.2
-      semver: 7.6.3
-      strip-json-comments: 3.1.1
-      tempy: 3.1.0
-      tiny-invariant: 1.3.3
-      ts-dedent: 2.2.0
+      '@storybook/core': 8.3.5
     transitivePeerDependencies:
-      - '@babel/preset-env'
       - bufferutil
       - supports-color
       - utf-8-validate
@@ -28108,24 +28027,66 @@ snapshots:
     dependencies:
       inline-style-parser: 0.1.1
 
-  styled-jsx@5.1.1(@babel/core@7.25.2)(react@18.3.1):
+  styled-components@6.1.13(react-dom@18.3.1(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@emotion/is-prop-valid': 1.2.2
+      '@emotion/unitless': 0.8.1
+      '@types/stylis': 4.2.5
+      css-to-react-native: 3.2.0
+      csstype: 3.1.3
+      postcss: 8.4.38
+      react: 18.3.1
+      react-dom: 18.3.1(react@18.3.1)
+      shallowequal: 1.1.0
+      stylis: 4.3.2
+      tslib: 2.6.2
+
+  styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@18.3.1))(react@18.3.1):
+    dependencies:
+      '@emotion/is-prop-valid': 1.2.2
+      '@emotion/unitless': 0.8.1
+      '@types/stylis': 4.2.5
+      css-to-react-native: 3.2.0
+      csstype: 3.1.3
+      postcss: 8.4.38
+      react: 18.3.1
+      react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@18.3.1)
+      shallowequal: 1.1.0
+      stylis: 4.3.2
+      tslib: 2.6.2
+
+  styled-components@6.1.13(react-dom@19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614))(react@19.0.0-rc-fb9a90fa48-20240614):
+    dependencies:
+      '@emotion/is-prop-valid': 1.2.2
+      '@emotion/unitless': 0.8.1
+      '@types/stylis': 4.2.5
+      css-to-react-native: 3.2.0
+      csstype: 3.1.3
+      postcss: 8.4.38
+      react: 19.0.0-rc-fb9a90fa48-20240614
+      react-dom: 19.0.0-rc-fb9a90fa48-20240614(react@19.0.0-rc-fb9a90fa48-20240614)
+      shallowequal: 1.1.0
+      stylis: 4.3.2
+      tslib: 2.6.2
+
+  styled-jsx@5.1.1(@babel/core@7.25.8)(react@18.3.1):
     dependencies:
       client-only: 0.0.1
       react: 18.3.1
     optionalDependencies:
-      '@babel/core': 7.25.2
+      '@babel/core': 7.25.8
 
-  styled-jsx@5.1.6(@babel/core@7.25.2)(react@19.0.0-rc-fb9a90fa48-20240614):
+  styled-jsx@5.1.6(@babel/core@7.25.8)(react@19.0.0-rc-fb9a90fa48-20240614):
     dependencies:
       client-only: 0.0.1
       react: 19.0.0-rc-fb9a90fa48-20240614
     optionalDependencies:
-      '@babel/core': 7.25.2
+      '@babel/core': 7.25.8
 
-  stylehacks@7.0.4(postcss@8.4.45):
+  stylehacks@7.0.4(postcss@8.4.47):
     dependencies:
-      browserslist: 4.23.3
-      postcss: 8.4.45
+      browserslist: 4.24.0
+      postcss: 8.4.47
       postcss-selector-parser: 6.1.2
 
   stylis@4.3.2: {}
@@ -28172,25 +28133,25 @@ snapshots:
     dependencies:
       react: 18.3.1
 
-  svelte-check@4.0.1(picomatch@4.0.2)(svelte@4.2.19)(typescript@5.6.2):
+  svelte-check@4.0.5(picomatch@4.0.2)(svelte@4.2.19)(typescript@5.6.3):
     dependencies:
       '@jridgewell/trace-mapping': 0.3.25
-      chokidar: 3.6.0
+      chokidar: 4.0.1
       fdir: 6.3.0(picomatch@4.0.2)
       picocolors: 1.1.0
       sade: 1.8.1
       svelte: 4.2.19
-      typescript: 5.6.2
+      typescript: 5.6.3
     transitivePeerDependencies:
       - picomatch
 
-  svelte-eslint-parser@0.41.0(svelte@4.2.19):
+  svelte-eslint-parser@0.41.1(svelte@4.2.19):
     dependencies:
       eslint-scope: 7.2.2
       eslint-visitor-keys: 3.4.3
       espree: 9.6.1
-      postcss: 8.4.45
-      postcss-scss: 4.0.9(postcss@8.4.45)
+      postcss: 8.4.47
+      postcss-scss: 4.0.9(postcss@8.4.47)
     optionalDependencies:
       svelte: 4.2.19
 
@@ -28198,28 +28159,28 @@ snapshots:
     dependencies:
       svelte: 4.2.19
 
-  svelte2tsx@0.7.6(svelte@4.2.19)(typescript@5.6.2):
+  svelte2tsx@0.7.19(svelte@4.2.19)(typescript@5.6.3):
     dependencies:
       dedent-js: 1.0.1
       pascal-case: 3.1.2
       svelte: 4.2.19
-      typescript: 5.6.2
+      typescript: 5.6.3
 
   svelte@4.2.19:
     dependencies:
       '@ampproject/remapping': 2.3.0
       '@jridgewell/sourcemap-codec': 1.5.0
       '@jridgewell/trace-mapping': 0.3.25
-      '@types/estree': 1.0.5
+      '@types/estree': 1.0.6
       acorn: 8.12.1
-      aria-query: 5.3.0
+      aria-query: 5.3.2
       axobject-query: 4.1.0
       code-red: 1.0.4
       css-tree: 2.3.1
       estree-walker: 3.0.3
       is-reference: 3.0.2
       locate-character: 3.0.0
-      magic-string: 0.30.11
+      magic-string: 0.30.12
       periscopic: 3.1.0
 
   svg-tags@1.0.0: {}
@@ -28236,22 +28197,22 @@ snapshots:
 
   symbol-tree@3.2.4: {}
 
-  synckit@0.9.1:
+  synckit@0.9.2:
     dependencies:
       '@pkgr/core': 0.1.1
-      tslib: 2.7.0
+      tslib: 2.8.0
 
   system-architecture@0.1.0: {}
 
   table@6.8.2:
     dependencies:
-      ajv: 8.13.0
+      ajv: 8.17.1
       lodash.truncate: 4.4.2
       slice-ansi: 4.0.0
       string-width: 4.2.3
       strip-ansi: 6.0.1
 
-  tailwind-config-viewer@2.0.4(tailwindcss@3.4.10):
+  tailwind-config-viewer@2.0.4(tailwindcss@3.4.14):
     dependencies:
       '@koa/router': 12.0.1
       commander: 6.2.1
@@ -28261,11 +28222,11 @@ snapshots:
       open: 7.4.2
       portfinder: 1.0.32
       replace-in-file: 6.3.5
-      tailwindcss: 3.4.10
+      tailwindcss: 3.4.14
     transitivePeerDependencies:
       - supports-color
 
-  tailwindcss@3.4.10:
+  tailwindcss@3.4.14:
     dependencies:
       '@alloc/quick-lru': 5.2.0
       arg: 5.0.2
@@ -28281,11 +28242,11 @@ snapshots:
       normalize-path: 3.0.0
       object-hash: 3.0.0
       picocolors: 1.1.0
-      postcss: 8.4.45
-      postcss-import: 15.1.0(postcss@8.4.45)
-      postcss-js: 4.0.1(postcss@8.4.45)
-      postcss-load-config: 4.0.2(postcss@8.4.45)
-      postcss-nested: 6.2.0(postcss@8.4.45)
+      postcss: 8.4.47
+      postcss-import: 15.1.0(postcss@8.4.47)
+      postcss-js: 4.0.1(postcss@8.4.47)
+      postcss-load-config: 4.0.2(postcss@8.4.47)
+      postcss-nested: 6.2.0(postcss@8.4.47)
       postcss-selector-parser: 6.1.2
       resolve: 1.22.8
       sucrase: 3.35.0
@@ -28347,20 +28308,7 @@ snapshots:
     dependencies:
       memoizerific: 1.11.3
 
-  temp-dir@3.0.0: {}
-
-  temp@0.8.4:
-    dependencies:
-      rimraf: 2.6.3
-
-  tempy@3.1.0:
-    dependencies:
-      is-stream: 3.0.0
-      temp-dir: 3.0.0
-      type-fest: 2.19.0
-      unique-string: 3.0.0
-
-  terser@5.31.3:
+  terser@5.33.0:
     dependencies:
       '@jridgewell/source-map': 0.3.6
       acorn: 8.12.1
@@ -28404,12 +28352,9 @@ snapshots:
 
   tinybench@2.9.0: {}
 
-  tinyexec@0.3.0: {}
+  tinycolor2@1.6.0: {}
 
-  tinyglobby@0.2.5:
-    dependencies:
-      fdir: 6.3.0(picomatch@4.0.2)
-      picomatch: 4.0.2
+  tinyexec@0.3.0: {}
 
   tinyglobby@0.2.6:
     dependencies:
@@ -28420,9 +28365,7 @@ snapshots:
 
   tinyrainbow@1.2.0: {}
 
-  tinyspy@2.2.1: {}
-
-  tinyspy@3.0.0: {}
+  tinyspy@3.0.2: {}
 
   to-buffer@1.1.1: {}
 
@@ -28481,9 +28424,9 @@ snapshots:
 
   trough@2.2.0: {}
 
-  ts-api-utils@1.3.0(typescript@5.6.2):
+  ts-api-utils@1.3.0(typescript@5.6.3):
     dependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
 
   ts-dedent@2.2.0: {}
 
@@ -28496,9 +28439,9 @@ snapshots:
 
   ts-toolbelt@6.15.5: {}
 
-  tsconfck@3.1.3(typescript@5.6.2):
+  tsconfck@3.1.4(typescript@5.6.3):
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
 
   tsconfig-paths@3.15.0:
     dependencies:
@@ -28517,14 +28460,14 @@ snapshots:
 
   tslib@2.6.2: {}
 
-  tslib@2.7.0: {}
+  tslib@2.8.0: {}
 
   tsscmp@1.0.6: {}
 
-  tsutils@3.21.0(typescript@5.6.2):
+  tsutils@3.21.0(typescript@5.6.3):
     dependencies:
       tslib: 1.14.1
-      typescript: 5.6.2
+      typescript: 5.6.3
 
   tuf-js@1.1.7:
     dependencies:
@@ -28538,41 +28481,39 @@ snapshots:
     dependencies:
       safe-buffer: 5.2.1
 
-  turbo-darwin-64@2.1.1:
+  turbo-darwin-64@2.1.3:
     optional: true
 
-  turbo-darwin-arm64@2.1.1:
+  turbo-darwin-arm64@2.1.3:
     optional: true
 
-  turbo-linux-64@2.1.1:
+  turbo-linux-64@2.1.3:
     optional: true
 
-  turbo-linux-arm64@2.1.1:
+  turbo-linux-arm64@2.1.3:
     optional: true
 
   turbo-stream@2.4.0: {}
 
-  turbo-windows-64@2.1.1:
+  turbo-windows-64@2.1.3:
     optional: true
 
-  turbo-windows-arm64@2.1.1:
+  turbo-windows-arm64@2.1.3:
     optional: true
 
-  turbo@2.1.1:
+  turbo@2.1.3:
     optionalDependencies:
-      turbo-darwin-64: 2.1.1
-      turbo-darwin-arm64: 2.1.1
-      turbo-linux-64: 2.1.1
-      turbo-linux-arm64: 2.1.1
-      turbo-windows-64: 2.1.1
-      turbo-windows-arm64: 2.1.1
+      turbo-darwin-64: 2.1.3
+      turbo-darwin-arm64: 2.1.3
+      turbo-linux-64: 2.1.3
+      turbo-linux-arm64: 2.1.3
+      turbo-windows-64: 2.1.3
+      turbo-windows-arm64: 2.1.3
 
   type-check@0.4.0:
     dependencies:
       prelude-ls: 1.2.1
 
-  type-detect@4.1.0: {}
-
   type-fest@0.18.1: {}
 
   type-fest@0.20.2: {}
@@ -28583,12 +28524,12 @@ snapshots:
 
   type-fest@0.8.1: {}
 
-  type-fest@1.4.0: {}
-
   type-fest@2.19.0: {}
 
   type-fest@3.13.1: {}
 
+  type-fest@4.26.1: {}
+
   type-is@1.6.18:
     dependencies:
       media-typer: 0.3.0
@@ -28646,7 +28587,7 @@ snapshots:
 
   typescript@5.4.2: {}
 
-  typescript@5.6.2: {}
+  typescript@5.6.3: {}
 
   ufo@1.5.4: {}
 
@@ -28670,17 +28611,14 @@ snapshots:
     dependencies:
       acorn: 8.12.1
       estree-walker: 3.0.3
-      magic-string: 0.30.11
-      unplugin: 1.14.0(webpack-sources@3.2.3)
+      magic-string: 0.30.12
+      unplugin: 1.14.1(webpack-sources@3.2.3)
     transitivePeerDependencies:
       - webpack-sources
 
   undici-types@5.25.3: {}
 
-  undici-types@5.26.5: {}
-
-  undici-types@6.19.8:
-    optional: true
+  undici-types@6.19.8: {}
 
   undici@5.28.4:
     dependencies:
@@ -28696,11 +28634,11 @@ snapshots:
       node-fetch-native: 1.6.4
       pathe: 1.1.2
 
-  unhead@1.11.2:
+  unhead@1.11.6:
     dependencies:
-      '@unhead/dom': 1.11.2
-      '@unhead/schema': 1.11.2
-      '@unhead/shared': 1.11.2
+      '@unhead/dom': 1.11.6
+      '@unhead/schema': 1.11.6
+      '@unhead/shared': 1.11.6
       hookable: 5.5.3
 
   unicode-canonical-property-names-ecmascript@2.0.0: {}
@@ -28736,21 +28674,21 @@ snapshots:
       trough: 2.2.0
       vfile: 6.0.3
 
-  unimport@3.11.1(rollup@4.21.2)(webpack-sources@3.2.3):
+  unimport@3.12.0(rollup@4.24.0)(webpack-sources@3.2.3):
     dependencies:
-      '@rollup/pluginutils': 5.1.0(rollup@4.21.2)
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
       acorn: 8.12.1
       escape-string-regexp: 5.0.0
       estree-walker: 3.0.3
       fast-glob: 3.3.2
       local-pkg: 0.5.0
-      magic-string: 0.30.11
+      magic-string: 0.30.12
       mlly: 1.7.1
       pathe: 1.1.2
       pkg-types: 1.2.0
       scule: 1.3.0
       strip-literal: 2.1.0
-      unplugin: 1.14.0(webpack-sources@3.2.3)
+      unplugin: 1.14.1(webpack-sources@3.2.3)
     transitivePeerDependencies:
       - rollup
       - webpack-sources
@@ -28782,10 +28720,6 @@ snapshots:
     dependencies:
       crypto-random-string: 2.0.0
 
-  unique-string@3.0.0:
-    dependencies:
-      crypto-random-string: 4.0.0
-
   unist-util-filter@2.0.3:
     dependencies:
       unist-util-is: 4.1.0
@@ -28881,30 +28815,30 @@ snapshots:
 
   unpipe@1.0.0: {}
 
-  unplugin-vue-router@0.10.8(rollup@4.21.2)(vue-router@4.4.3(vue@3.5.4(typescript@5.6.2)))(vue@3.5.4(typescript@5.6.2))(webpack-sources@3.2.3):
+  unplugin-vue-router@0.10.8(rollup@4.24.0)(vue-router@4.4.5(vue@3.5.6(typescript@5.6.3)))(vue@3.5.6(typescript@5.6.3))(webpack-sources@3.2.3):
     dependencies:
-      '@babel/types': 7.25.6
-      '@rollup/pluginutils': 5.1.0(rollup@4.21.2)
-      '@vue-macros/common': 1.12.2(rollup@4.21.2)(vue@3.5.4(typescript@5.6.2))
+      '@babel/types': 7.25.8
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
+      '@vue-macros/common': 1.12.2(rollup@4.24.0)(vue@3.5.6(typescript@5.6.3))
       ast-walker-scope: 0.6.2
       chokidar: 3.6.0
       fast-glob: 3.3.2
       json5: 2.2.3
       local-pkg: 0.5.0
-      magic-string: 0.30.11
+      magic-string: 0.30.12
       mlly: 1.7.1
       pathe: 1.1.2
       scule: 1.3.0
-      unplugin: 1.14.0(webpack-sources@3.2.3)
+      unplugin: 1.14.1(webpack-sources@3.2.3)
       yaml: 2.5.1
     optionalDependencies:
-      vue-router: 4.4.3(vue@3.5.4(typescript@5.6.2))
+      vue-router: 4.4.5(vue@3.5.6(typescript@5.6.3))
     transitivePeerDependencies:
       - rollup
       - vue
       - webpack-sources
 
-  unplugin@1.14.0(webpack-sources@3.2.3):
+  unplugin@1.14.1(webpack-sources@3.2.3):
     dependencies:
       acorn: 8.12.1
       webpack-virtual-modules: 0.6.2
@@ -28916,7 +28850,7 @@ snapshots:
       has-value: 0.3.1
       isobject: 3.0.1
 
-  unstorage@1.10.2(ioredis@5.4.1):
+  unstorage@1.12.0(ioredis@5.4.1):
     dependencies:
       anymatch: 3.1.3
       chokidar: 3.6.0
@@ -28926,7 +28860,7 @@ snapshots:
       lru-cache: 10.4.3
       mri: 1.2.0
       node-fetch-native: 1.6.4
-      ofetch: 1.3.4
+      ofetch: 1.4.0
       ufo: 1.5.4
     optionalDependencies:
       ioredis: 5.4.1
@@ -28941,9 +28875,9 @@ snapshots:
 
   untyped@1.4.2:
     dependencies:
-      '@babel/core': 7.25.2
+      '@babel/core': 7.25.8
       '@babel/standalone': 7.25.3
-      '@babel/types': 7.25.6
+      '@babel/types': 7.25.8
       defu: 6.1.4
       jiti: 1.21.6
       mri: 1.2.0
@@ -28954,17 +28888,17 @@ snapshots:
   unwasm@0.3.9(webpack-sources@3.2.3):
     dependencies:
       knitwork: 1.1.0
-      magic-string: 0.30.11
+      magic-string: 0.30.12
       mlly: 1.7.1
       pathe: 1.1.2
       pkg-types: 1.2.0
-      unplugin: 1.14.0(webpack-sources@3.2.3)
+      unplugin: 1.14.1(webpack-sources@3.2.3)
     transitivePeerDependencies:
       - webpack-sources
 
-  update-browserslist-db@1.1.0(browserslist@4.23.3):
+  update-browserslist-db@1.1.0(browserslist@4.24.0):
     dependencies:
-      browserslist: 4.23.3
+      browserslist: 4.24.0
       escalade: 3.1.2
       picocolors: 1.1.0
 
@@ -28983,21 +28917,21 @@ snapshots:
 
   urlpattern-polyfill@8.0.2: {}
 
-  use-callback-ref@1.3.2(@types/react@18.3.5)(react@18.3.1):
+  use-callback-ref@1.3.2(@types/react@18.3.11)(react@18.3.1):
     dependencies:
       react: 18.3.1
-      tslib: 2.7.0
+      tslib: 2.8.0
     optionalDependencies:
-      '@types/react': 18.3.5
+      '@types/react': 18.3.11
 
-  use-callback-ref@1.3.2(@types/react@18.3.5)(react@19.0.0-rc-fb9a90fa48-20240614):
+  use-callback-ref@1.3.2(@types/react@18.3.11)(react@19.0.0-rc-fb9a90fa48-20240614):
     dependencies:
       react: 19.0.0-rc-fb9a90fa48-20240614
-      tslib: 2.7.0
+      tslib: 2.8.0
     optionalDependencies:
-      '@types/react': 18.3.5
+      '@types/react': 18.3.11
 
-  use-debounce@10.0.1(react@18.3.1):
+  use-debounce@10.0.3(react@18.3.1):
     dependencies:
       react: 18.3.1
 
@@ -29025,27 +28959,27 @@ snapshots:
     dependencies:
       react: 19.0.0-rc-fb9a90fa48-20240614
 
-  use-isomorphic-layout-effect@1.1.2(@types/react@18.3.5)(react@18.3.1):
+  use-isomorphic-layout-effect@1.1.2(@types/react@18.3.11)(react@18.3.1):
     dependencies:
       react: 18.3.1
     optionalDependencies:
-      '@types/react': 18.3.5
+      '@types/react': 18.3.11
 
-  use-sidecar@1.1.2(@types/react@18.3.5)(react@18.3.1):
+  use-sidecar@1.1.2(@types/react@18.3.11)(react@18.3.1):
     dependencies:
       detect-node-es: 1.1.0
       react: 18.3.1
-      tslib: 2.7.0
+      tslib: 2.8.0
     optionalDependencies:
-      '@types/react': 18.3.5
+      '@types/react': 18.3.11
 
-  use-sidecar@1.1.2(@types/react@18.3.5)(react@19.0.0-rc-fb9a90fa48-20240614):
+  use-sidecar@1.1.2(@types/react@18.3.11)(react@19.0.0-rc-fb9a90fa48-20240614):
     dependencies:
       detect-node-es: 1.1.0
       react: 19.0.0-rc-fb9a90fa48-20240614
-      tslib: 2.7.0
+      tslib: 2.8.0
     optionalDependencies:
-      '@types/react': 18.3.5
+      '@types/react': 18.3.11
 
   use-sync-external-store@1.2.2(react@18.3.1):
     dependencies:
@@ -29132,17 +29066,17 @@ snapshots:
       '@types/unist': 3.0.2
       vfile-message: 4.0.2
 
-  vite-hot-client@0.2.3(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)):
+  vite-hot-client@0.2.3(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0)):
     dependencies:
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
 
-  vite-node@1.6.0(@types/node@22.5.4)(terser@5.31.3):
+  vite-node@1.6.0(@types/node@22.5.5)(terser@5.33.0):
     dependencies:
       cac: 6.7.14
       debug: 4.3.7
       pathe: 1.1.2
       picocolors: 1.1.0
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -29154,13 +29088,12 @@ snapshots:
       - supports-color
       - terser
 
-  vite-node@2.0.5(@types/node@22.5.4)(terser@5.31.3):
+  vite-node@2.1.3(@types/node@22.5.5)(terser@5.33.0):
     dependencies:
       cac: 6.7.14
       debug: 4.3.7
       pathe: 1.1.2
-      tinyrainbow: 1.2.0
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
     transitivePeerDependencies:
       - '@types/node'
       - less
@@ -29172,9 +29105,9 @@ snapshots:
       - supports-color
       - terser
 
-  vite-plugin-checker@0.7.2(eslint@8.57.1)(meow@9.0.0)(optionator@0.9.4)(typescript@5.6.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)):
+  vite-plugin-checker@0.8.0(eslint@8.57.1)(meow@9.0.0)(optionator@0.9.4)(typescript@5.6.3)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0)):
     dependencies:
-      '@babel/code-frame': 7.24.7
+      '@babel/code-frame': 7.25.7
       ansi-escapes: 4.3.2
       chalk: 4.1.2
       chokidar: 3.6.0
@@ -29184,7 +29117,7 @@ snapshots:
       npm-run-path: 4.0.1
       strip-ansi: 6.0.1
       tiny-invariant: 1.3.3
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
       vscode-languageclient: 7.0.0
       vscode-languageserver: 7.0.0
       vscode-languageserver-textdocument: 1.0.12
@@ -29193,12 +29126,12 @@ snapshots:
       eslint: 8.57.1
       meow: 9.0.0
       optionator: 0.9.4
-      typescript: 5.6.2
+      typescript: 5.6.3
 
-  vite-plugin-inspect@0.8.7(@nuxt/kit@3.13.1(magicast@0.3.5)(rollup@4.21.2)(webpack-sources@3.2.3))(rollup@4.21.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)):
+  vite-plugin-inspect@0.8.7(@nuxt/kit@3.13.2(magicast@0.3.5)(rollup@4.24.0)(webpack-sources@3.2.3))(rollup@4.24.0)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0)):
     dependencies:
       '@antfu/utils': 0.7.10
-      '@rollup/pluginutils': 5.1.0(rollup@4.21.2)
+      '@rollup/pluginutils': 5.1.2(rollup@4.24.0)
       debug: 4.3.7
       error-stack-parser-es: 0.1.5
       fs-extra: 11.2.0
@@ -29206,121 +29139,143 @@ snapshots:
       perfect-debounce: 1.0.0
       picocolors: 1.1.0
       sirv: 2.0.4
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
     optionalDependencies:
-      '@nuxt/kit': 3.13.1(magicast@0.3.5)(rollup@4.21.2)(webpack-sources@3.2.3)
+      '@nuxt/kit': 3.13.2(magicast@0.3.5)(rollup@4.24.0)(webpack-sources@3.2.3)
     transitivePeerDependencies:
       - rollup
       - supports-color
 
-  vite-plugin-vue-inspector@5.2.0(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)):
+  vite-plugin-vue-inspector@5.1.3(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0)):
     dependencies:
-      '@babel/core': 7.25.2
-      '@babel/plugin-proposal-decorators': 7.24.7(@babel/core@7.25.2)
-      '@babel/plugin-syntax-import-attributes': 7.25.6(@babel/core@7.25.2)
-      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.25.2)
-      '@babel/plugin-transform-typescript': 7.25.2(@babel/core@7.25.2)
-      '@vue/babel-plugin-jsx': 1.2.2(@babel/core@7.25.2)
-      '@vue/compiler-dom': 3.5.4
+      '@babel/core': 7.25.8
+      '@babel/plugin-proposal-decorators': 7.24.7(@babel/core@7.25.8)
+      '@babel/plugin-syntax-import-attributes': 7.25.6(@babel/core@7.25.8)
+      '@babel/plugin-syntax-import-meta': 7.10.4(@babel/core@7.25.8)
+      '@babel/plugin-transform-typescript': 7.25.7(@babel/core@7.25.8)
+      '@vue/babel-plugin-jsx': 1.2.5(@babel/core@7.25.8)
+      '@vue/compiler-dom': 3.5.6
       kolorist: 1.8.0
-      magic-string: 0.30.11
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
+      magic-string: 0.30.12
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
     transitivePeerDependencies:
       - supports-color
 
-  vite-tsconfig-paths@5.0.1(typescript@5.6.2)(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)):
+  vite-tsconfig-paths@5.0.1(typescript@5.6.3)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0)):
     dependencies:
       debug: 4.3.7
       globrex: 0.1.2
-      tsconfck: 3.1.3(typescript@5.6.2)
+      tsconfck: 3.1.4(typescript@5.6.3)
     optionalDependencies:
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
     transitivePeerDependencies:
       - supports-color
       - typescript
 
-  vite@4.5.3(@types/node@20.8.7)(terser@5.31.3):
+  vite@4.5.3(@types/node@20.16.5)(terser@5.33.0):
+    dependencies:
+      esbuild: 0.18.20
+      postcss: 8.4.47
+      rollup: 3.29.4
+    optionalDependencies:
+      '@types/node': 20.16.5
+      fsevents: 2.3.3
+      terser: 5.33.0
+
+  vite@4.5.3(@types/node@20.8.7)(terser@5.33.0):
     dependencies:
       esbuild: 0.18.20
-      postcss: 8.4.45
+      postcss: 8.4.47
       rollup: 3.29.4
     optionalDependencies:
       '@types/node': 20.8.7
       fsevents: 2.3.3
-      terser: 5.31.3
+      terser: 5.33.0
 
-  vite@4.5.3(@types/node@22.5.4)(terser@5.31.3):
+  vite@4.5.3(@types/node@22.5.5)(terser@5.33.0):
     dependencies:
       esbuild: 0.18.20
-      postcss: 8.4.45
+      postcss: 8.4.47
       rollup: 3.29.4
     optionalDependencies:
-      '@types/node': 22.5.4
+      '@types/node': 22.5.5
+      fsevents: 2.3.3
+      terser: 5.33.0
+
+  vite@5.4.9(@types/node@20.16.5)(terser@5.33.0):
+    dependencies:
+      esbuild: 0.21.5
+      postcss: 8.4.47
+      rollup: 4.24.0
+    optionalDependencies:
+      '@types/node': 20.16.5
       fsevents: 2.3.3
-      terser: 5.31.3
+      terser: 5.33.0
+    optional: true
 
-  vite@5.4.3(@types/node@20.8.7)(terser@5.31.3):
+  vite@5.4.9(@types/node@20.8.7)(terser@5.33.0):
     dependencies:
       esbuild: 0.21.5
-      postcss: 8.4.45
-      rollup: 4.21.2
+      postcss: 8.4.47
+      rollup: 4.24.0
     optionalDependencies:
       '@types/node': 20.8.7
       fsevents: 2.3.3
-      terser: 5.31.3
+      terser: 5.33.0
     optional: true
 
-  vite@5.4.3(@types/node@22.5.4)(terser@5.31.3):
+  vite@5.4.9(@types/node@22.5.5)(terser@5.33.0):
     dependencies:
       esbuild: 0.21.5
-      postcss: 8.4.45
-      rollup: 4.21.2
+      postcss: 8.4.47
+      rollup: 4.24.0
     optionalDependencies:
-      '@types/node': 22.5.4
+      '@types/node': 22.5.5
       fsevents: 2.3.3
-      terser: 5.31.3
+      terser: 5.33.0
 
-  vitefu@0.2.5(vite@5.4.3(@types/node@20.8.7)(terser@5.31.3)):
+  vitefu@0.2.5(vite@5.4.9(@types/node@20.16.5)(terser@5.33.0)):
     optionalDependencies:
-      vite: 5.4.3(@types/node@20.8.7)(terser@5.31.3)
+      vite: 5.4.9(@types/node@20.16.5)(terser@5.33.0)
     optional: true
 
-  vitefu@0.2.5(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)):
+  vitefu@0.2.5(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0)):
     optionalDependencies:
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
 
-  vitefu@1.0.2(vite@5.4.3(@types/node@22.5.4)(terser@5.31.3)):
+  vitefu@1.0.3(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0)):
     optionalDependencies:
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
 
-  vitest@2.0.5(@types/node@22.5.4)(happy-dom@15.7.3)(jsdom@23.2.0)(terser@5.31.3):
+  vitest@2.1.3(@types/node@22.5.5)(happy-dom@15.7.4)(jsdom@23.2.0)(terser@5.33.0):
     dependencies:
-      '@ampproject/remapping': 2.3.0
-      '@vitest/expect': 2.0.5
-      '@vitest/pretty-format': 2.0.5
-      '@vitest/runner': 2.0.5
-      '@vitest/snapshot': 2.0.5
-      '@vitest/spy': 2.0.5
-      '@vitest/utils': 2.0.5
+      '@vitest/expect': 2.1.3
+      '@vitest/mocker': 2.1.3(@vitest/spy@2.1.3)(vite@5.4.9(@types/node@22.5.5)(terser@5.33.0))
+      '@vitest/pretty-format': 2.1.3
+      '@vitest/runner': 2.1.3
+      '@vitest/snapshot': 2.1.3
+      '@vitest/spy': 2.1.3
+      '@vitest/utils': 2.1.3
       chai: 5.1.1
       debug: 4.3.7
-      execa: 8.0.1
-      magic-string: 0.30.11
+      magic-string: 0.30.12
       pathe: 1.1.2
       std-env: 3.7.0
       tinybench: 2.9.0
+      tinyexec: 0.3.0
       tinypool: 1.0.0
       tinyrainbow: 1.2.0
-      vite: 5.4.3(@types/node@22.5.4)(terser@5.31.3)
-      vite-node: 2.0.5(@types/node@22.5.4)(terser@5.31.3)
+      vite: 5.4.9(@types/node@22.5.5)(terser@5.33.0)
+      vite-node: 2.1.3(@types/node@22.5.5)(terser@5.33.0)
       why-is-node-running: 2.3.0
     optionalDependencies:
-      '@types/node': 22.5.4
-      happy-dom: 15.7.3
+      '@types/node': 22.5.5
+      happy-dom: 15.7.4
       jsdom: 23.2.0
     transitivePeerDependencies:
       - less
       - lightningcss
+      - msw
       - sass
       - sass-embedded
       - stylus
@@ -29330,45 +29285,45 @@ snapshots:
 
   void-elements@3.1.0: {}
 
-  volar-service-css@0.0.61(@volar/language-service@2.4.4):
+  volar-service-css@0.0.61(@volar/language-service@2.4.6):
     dependencies:
       vscode-css-languageservice: 6.3.0
       vscode-languageserver-textdocument: 1.0.12
       vscode-uri: 3.0.8
     optionalDependencies:
-      '@volar/language-service': 2.4.4
+      '@volar/language-service': 2.4.6
 
-  volar-service-emmet@0.0.61(@volar/language-service@2.4.4):
+  volar-service-emmet@0.0.61(@volar/language-service@2.4.6):
     dependencies:
       '@emmetio/css-parser': 0.4.0
       '@emmetio/html-matcher': 1.3.0
       '@vscode/emmet-helper': 2.9.3
       vscode-uri: 3.0.8
     optionalDependencies:
-      '@volar/language-service': 2.4.4
+      '@volar/language-service': 2.4.6
 
-  volar-service-html@0.0.61(@volar/language-service@2.4.4):
+  volar-service-html@0.0.61(@volar/language-service@2.4.6):
     dependencies:
       vscode-html-languageservice: 5.3.0
       vscode-languageserver-textdocument: 1.0.12
       vscode-uri: 3.0.8
     optionalDependencies:
-      '@volar/language-service': 2.4.4
+      '@volar/language-service': 2.4.6
 
-  volar-service-prettier@0.0.61(@volar/language-service@2.4.4)(prettier@3.3.3):
+  volar-service-prettier@0.0.61(@volar/language-service@2.4.6)(prettier@3.3.3):
     dependencies:
       vscode-uri: 3.0.8
     optionalDependencies:
-      '@volar/language-service': 2.4.4
+      '@volar/language-service': 2.4.6
       prettier: 3.3.3
 
-  volar-service-typescript-twoslash-queries@0.0.61(@volar/language-service@2.4.4):
+  volar-service-typescript-twoslash-queries@0.0.61(@volar/language-service@2.4.6):
     dependencies:
       vscode-uri: 3.0.8
     optionalDependencies:
-      '@volar/language-service': 2.4.4
+      '@volar/language-service': 2.4.6
 
-  volar-service-typescript@0.0.61(@volar/language-service@2.4.4):
+  volar-service-typescript@0.0.61(@volar/language-service@2.4.6):
     dependencies:
       path-browserify: 1.0.1
       semver: 7.6.3
@@ -29377,14 +29332,14 @@ snapshots:
       vscode-nls: 5.2.0
       vscode-uri: 3.0.8
     optionalDependencies:
-      '@volar/language-service': 2.4.4
+      '@volar/language-service': 2.4.6
 
-  volar-service-yaml@0.0.61(@volar/language-service@2.4.4):
+  volar-service-yaml@0.0.61(@volar/language-service@2.4.6):
     dependencies:
       vscode-uri: 3.0.8
       yaml-language-server: 1.15.0
     optionalDependencies:
-      '@volar/language-service': 2.4.4
+      '@volar/language-service': 2.4.6
 
   vscode-css-languageservice@6.3.0:
     dependencies:
@@ -29454,20 +29409,20 @@ snapshots:
 
   vue-devtools-stub@0.1.0: {}
 
-  vue-router@4.4.3(vue@3.5.4(typescript@5.6.2)):
+  vue-router@4.4.5(vue@3.5.6(typescript@5.6.3)):
     dependencies:
-      '@vue/devtools-api': 6.6.3
-      vue: 3.5.4(typescript@5.6.2)
+      '@vue/devtools-api': 6.6.4
+      vue: 3.5.6(typescript@5.6.3)
 
-  vue@3.5.4(typescript@5.6.2):
+  vue@3.5.6(typescript@5.6.3):
     dependencies:
-      '@vue/compiler-dom': 3.5.4
-      '@vue/compiler-sfc': 3.5.4
-      '@vue/runtime-dom': 3.5.4
-      '@vue/server-renderer': 3.5.4(vue@3.5.4(typescript@5.6.2))
-      '@vue/shared': 3.5.4
+      '@vue/compiler-dom': 3.5.6
+      '@vue/compiler-sfc': 3.5.6
+      '@vue/runtime-dom': 3.5.6
+      '@vue/server-renderer': 3.5.6(vue@3.5.6(typescript@5.6.3))
+      '@vue/shared': 3.5.6
     optionalDependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
 
   w3c-keyname@2.2.8: {}
 
@@ -29600,9 +29555,9 @@ snapshots:
     dependencies:
       string-width: 4.2.3
 
-  widest-line@4.0.1:
+  widest-line@5.0.0:
     dependencies:
-      string-width: 5.1.2
+      string-width: 7.2.0
 
   word-wrap@1.2.5: {}
 
@@ -29626,12 +29581,6 @@ snapshots:
 
   wrappy@1.0.2: {}
 
-  write-file-atomic@2.4.3:
-    dependencies:
-      graceful-fs: 4.2.11
-      imurmurhash: 0.1.4
-      signal-exit: 3.0.7
-
   write-file-atomic@3.0.3:
     dependencies:
       imurmurhash: 0.1.4
@@ -29656,7 +29605,7 @@ snapshots:
 
   xregexp@2.0.0: {}
 
-  xstate@5.18.1: {}
+  xstate@5.18.2: {}
 
   xtend@4.0.2: {}
 
@@ -29672,7 +29621,7 @@ snapshots:
 
   yaml-language-server@1.15.0:
     dependencies:
-      ajv: 8.13.0
+      ajv: 8.17.1
       lodash: 4.17.21
       request-light: 0.5.8
       vscode-json-languageservice: 4.1.8
@@ -29689,8 +29638,6 @@ snapshots:
 
   yaml@2.2.2: {}
 
-  yaml@2.4.2: {}
-
   yaml@2.5.1: {}
 
   yargs-parser@20.2.9: {}
@@ -29726,20 +29673,20 @@ snapshots:
       compress-commons: 6.0.2
       readable-stream: 4.5.2
 
-  zod-to-json-schema@3.23.2(zod@3.23.8):
+  zod-to-json-schema@3.23.3(zod@3.23.8):
     dependencies:
       zod: 3.23.8
 
-  zod-to-ts@1.2.0(typescript@5.6.2)(zod@3.23.8):
+  zod-to-ts@1.2.0(typescript@5.6.3)(zod@3.23.8):
     dependencies:
-      typescript: 5.6.2
+      typescript: 5.6.3
       zod: 3.23.8
 
   zod-validation-error@2.1.0(zod@3.23.8):
     dependencies:
       zod: 3.23.8
 
-  zod-validation-error@3.3.1(zod@3.23.8):
+  zod-validation-error@3.4.0(zod@3.23.8):
     dependencies:
       zod: 3.23.8
 
@@ -29747,7 +29694,7 @@ snapshots:
 
   zwitch@2.0.4: {}
 
-  zx@8.1.5:
+  zx@8.1.6:
     optionalDependencies:
       '@types/fs-extra': 11.0.4
-      '@types/node': 20.8.7
+      '@types/node': 20.16.5
diff --git a/pnpm-workspace.yaml b/pnpm-workspace.yaml
index 8d5d69ebc..c06810372 100644
--- a/pnpm-workspace.yaml
+++ b/pnpm-workspace.yaml
@@ -1,4 +1,5 @@
 packages:
   - 'apps/*'
   - 'packages/*'
+  - 'packages/@repo/*'
   - 'packages/comlink/playground'
diff --git a/release-please-config.json b/release-please-config.json
index bcd03dd77..ce403aa70 100644
--- a/release-please-config.json
+++ b/release-please-config.json
@@ -2,10 +2,10 @@
   "$schema": "https://raw.githubusercontent.com/googleapis/release-please/main/schemas/config.json",
   "plugins": ["node-workspace"],
   "packages": {
-    "packages/comlink": {},
     "packages/channels": {
       "bump-minor-pre-major": true
     },
+    "packages/comlink": {},
     "packages/core-loader": {},
     "packages/insert-menu": {},
     "packages/presentation": {},
diff --git a/scripts/release-canary.mjs b/scripts/release-canary.mjs
index 57679f97c..f97754506 100644
--- a/scripts/release-canary.mjs
+++ b/scripts/release-canary.mjs
@@ -1,5 +1,4 @@
 #!/usr/bin/env zx
-
 import 'zx/globals'
 
 const {packages} = await fs.readJson('./release-please-config.json')
@@ -23,7 +22,7 @@ for (const workspace of workspaces) {
   }
 }
 
-await $`pnpm build --filter=!./apps/* --output-logs=errors-only`.pipe(process.stdout)
+await $`pnpm build --output-logs=errors-only`.pipe(process.stdout)
 
 // If provenance isn't enabled, assume we're running locally and need to confirm before publishing
 if (process.env.NPM_CONFIG_PROVENANCE !== 'true') {