diff --git a/apps/editor/app/api/auth/[...all]/route.ts b/apps/editor/app/api/auth/[...all]/route.ts
deleted file mode 100644
index a2cd0932..00000000
--- a/apps/editor/app/api/auth/[...all]/route.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-/**
- * Better Auth API route handler
- * Handles all /api/auth/* routes for authentication
- */
-
-import { toNextJsHandler } from 'better-auth/next-js'
-import { auth } from '@/lib/auth'
-
-const { GET, POST } = toNextJsHandler(auth)
-
-export { GET, POST }
diff --git a/apps/editor/app/api/health/route.ts b/apps/editor/app/api/health/route.ts
new file mode 100644
index 00000000..300230ba
--- /dev/null
+++ b/apps/editor/app/api/health/route.ts
@@ -0,0 +1,3 @@
+export function GET() {
+  return Response.json({ status: 'ok', app: 'editor', timestamp: new Date().toISOString() })
+}
diff --git a/apps/editor/app/api/presets/[id]/route.ts b/apps/editor/app/api/presets/[id]/route.ts
deleted file mode 100644
index 450ed884..00000000
--- a/apps/editor/app/api/presets/[id]/route.ts
+++ /dev/null
@@ -1,89 +0,0 @@
-import { NextRequest, NextResponse } from 'next/server'
-import { headers } from 'next/headers'
-import { auth } from '@/lib/auth'
-import { supabaseAdmin } from '@/lib/supabase/server'
-
-// PUT /api/presets/[id]
-// Accepts any subset of: name, data, is_community
-export async function PUT(
-  req: NextRequest,
-  { params }: { params: Promise<{ id: string }> },
-) {
-  const session = await auth.api.getSession({ headers: await headers() })
-  if (!session?.user) {
-    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
-  }
-
-  const { id } = await params
-  const body = await req.json()
-  const { name, data, is_community } = body
-
-  if (name === undefined && data === undefined && is_community === undefined) {
-    return NextResponse.json({ error: 'Nothing to update' }, { status: 400 })
-  }
-
-  const existingResult = await supabaseAdmin
-    .from('presets')
-    .select('user_id')
-    .eq('id', id)
-    .single()
-  const existing = existingResult.data as { user_id: string | null } | null
-
-  if (!existing || existing.user_id !== session.user.id) {
-    return NextResponse.json({ error: 'Not found or forbidden' }, { status: 403 })
-  }
-
-  const updates: Record<string, unknown> = {}
-  if (name !== undefined) updates.name = name
-  if (data !== undefined) updates.data = data
-  if (is_community !== undefined) updates.is_community = is_community
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const { data: preset, error } = await (supabaseAdmin as any)
-    .from('presets')
-    .update(updates)
-    .eq('id', id)
-    .select()
-    .single()
-
-  if (error) return NextResponse.json({ error: error.message }, { status: 500 })
-  return NextResponse.json({ preset })
-}
-
-// DELETE /api/presets/[id]
-export async function DELETE(
-  req: NextRequest,
-  { params }: { params: Promise<{ id: string }> },
-) {
-  const session = await auth.api.getSession({ headers: await headers() })
-  if (!session?.user) {
-    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
-  }
-
-  const { id } = await params
-
-  const existingResult = await supabaseAdmin
-    .from('presets')
-    .select('user_id, thumbnail_url')
-    .eq('id', id)
-    .single()
-  const existing = existingResult.data as { user_id: string | null; thumbnail_url: string | null } | null
-
-  if (!existing || existing.user_id !== session.user.id) {
-    return NextResponse.json({ error: 'Not found or forbidden' }, { status: 403 })
-  }
-
-  // Delete thumbnail from storage if present
-  if (existing.thumbnail_url) {
-    const url = existing.thumbnail_url as string
-    const match = url.match(/preset-thumbnails\/(.+)$/)
-    if (match?.[1]) {
-      await supabaseAdmin.storage.from('preset-thumbnails').remove([match[1]])
-    }
-  }
-
-  const { error } = await supabaseAdmin.from('presets').delete().eq('id', id)
-
-  if (error) return NextResponse.json({ error: error.message }, { status: 500 })
-  return NextResponse.json({ success: true })
-}
diff --git a/apps/editor/app/api/presets/[id]/thumbnail/route.ts b/apps/editor/app/api/presets/[id]/thumbnail/route.ts
deleted file mode 100644
index 4f3a69f0..00000000
--- a/apps/editor/app/api/presets/[id]/thumbnail/route.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { NextRequest, NextResponse } from 'next/server'
-import { headers } from 'next/headers'
-import { auth } from '@/lib/auth'
-import { supabaseAdmin } from '@/lib/supabase/server'
-
-// POST /api/presets/[id]/thumbnail
-// Accepts a raw PNG blob, uploads to preset-thumbnails bucket, updates thumbnail_url
-export async function POST(
-  req: NextRequest,
-  { params }: { params: Promise<{ id: string }> },
-) {
-  const session = await auth.api.getSession({ headers: await headers() })
-  if (!session?.user) {
-    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
-  }
-
-  const { id } = await params
-
-  const existingResult = await supabaseAdmin
-    .from('presets')
-    .select('user_id')
-    .eq('id', id)
-    .single()
-  const existing = existingResult.data as { user_id: string | null } | null
-
-  if (!existing || existing.user_id !== session.user.id) {
-    return NextResponse.json({ error: 'Not found or forbidden' }, { status: 403 })
-  }
-
-  const blob = await req.blob()
-
-  const filename = `${id}/thumbnail.png`
-  const { data: uploadData, error: uploadError } = await supabaseAdmin.storage
-    .from('preset-thumbnails')
-    .upload(filename, blob, {
-      contentType: 'image/png',
-      upsert: true,
-    })
-
-  if (uploadError) {
-    return NextResponse.json({ error: uploadError.message }, { status: 500 })
-  }
-
-  const { data: urlData } = supabaseAdmin.storage
-    .from('preset-thumbnails')
-    .getPublicUrl(uploadData.path)
-
-  const thumbnailUrl = `${urlData.publicUrl}?t=${Date.now()}`
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const { error: updateError } = await (supabaseAdmin as any)
-    .from('presets')
-    .update({ thumbnail_url: thumbnailUrl })
-    .eq('id', id)
-
-  if (updateError) {
-    return NextResponse.json({ error: updateError.message }, { status: 500 })
-  }
-
-  return NextResponse.json({ thumbnail_url: thumbnailUrl })
-}
diff --git a/apps/editor/app/api/presets/route.ts b/apps/editor/app/api/presets/route.ts
deleted file mode 100644
index f8bb6a54..00000000
--- a/apps/editor/app/api/presets/route.ts
+++ /dev/null
@@ -1,81 +0,0 @@
-import { NextRequest, NextResponse } from 'next/server'
-import { headers } from 'next/headers'
-import { auth } from '@/lib/auth'
-import { supabaseAdmin } from '@/lib/supabase/server'
-import { createId } from '@pascal-app/db'
-
-// GET /api/presets?type=door|window&tab=community|mine
-export async function GET(req: NextRequest) {
-  const { searchParams } = req.nextUrl
-  const type = searchParams.get('type')
-  const tab = searchParams.get('tab') ?? 'community'
-
-  if (!type || (type !== 'door' && type !== 'window')) {
-    return NextResponse.json({ error: 'Invalid type' }, { status: 400 })
-  }
-
-  if (tab === 'mine') {
-    const session = await auth.api.getSession({ headers: await headers() })
-    if (!session?.user) {
-      return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
-    }
-
-    const { data, error } = await supabaseAdmin
-      .from('presets')
-      .select('*')
-      .eq('type', type)
-      .eq('user_id', session.user.id)
-      .order('created_at', { ascending: false })
-
-    if (error) return NextResponse.json({ error: error.message }, { status: 500 })
-    return NextResponse.json({ presets: data })
-  }
-
-  // community tab
-  const { data, error } = await supabaseAdmin
-    .from('presets')
-    .select('*')
-    .eq('type', type)
-    .eq('is_community', true)
-    .order('created_at', { ascending: false })
-
-  if (error) return NextResponse.json({ error: error.message }, { status: 500 })
-  return NextResponse.json({ presets: data })
-}
-
-// POST /api/presets
-export async function POST(req: NextRequest) {
-  const session = await auth.api.getSession({ headers: await headers() })
-  if (!session?.user) {
-    return NextResponse.json({ error: 'Unauthorized' }, { status: 401 })
-  }
-
-  const body = await req.json()
-  const { type, name, data, thumbnailUrl } = body
-
-  if (!type || !name || !data) {
-    return NextResponse.json({ error: 'Missing required fields' }, { status: 400 })
-  }
-
-  if (type !== 'door' && type !== 'window') {
-    return NextResponse.json({ error: 'Invalid type' }, { status: 400 })
-  }
-
-  // eslint-disable-next-line @typescript-eslint/no-explicit-any
-  const { data: preset, error } = await (supabaseAdmin as any)
-    .from('presets')
-    .insert({
-      id: createId('preset'),
-      type,
-      name,
-      data,
-      thumbnail_url: thumbnailUrl ?? null,
-      user_id: session.user.id,
-      is_community: false,
-    })
-    .select()
-    .single()
-
-  if (error) return NextResponse.json({ error: error.message }, { status: 500 })
-  return NextResponse.json({ preset }, { status: 201 })
-}
diff --git a/apps/editor/app/editor/[projectId]/error.tsx b/apps/editor/app/editor/[projectId]/error.tsx
deleted file mode 100644
index 7ca2858b..00000000
--- a/apps/editor/app/editor/[projectId]/error.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-'use client'
-
-import Link from 'next/link'
-import { useEffect } from 'react'
-
-export default function EditorRouteError({
-  error,
-  reset,
-}: Readonly<{
-  error: Error & { digest?: string }
-  reset: () => void
-}>) {
-  useEffect(() => {
-    console.error('[editor-route] Unhandled editor error:', error)
-  }, [error])
-
-  return (
-    <div className="flex min-h-screen w-full items-center justify-center bg-background p-4 text-foreground">
-      <div className="w-full max-w-md rounded-2xl border border-border/60 bg-background p-6 shadow-xl">
-        <h1 className="text-lg font-semibold">Editor error</h1>
-        <p className="mt-2 text-sm text-muted-foreground">
-          We couldn&apos;t load this editor route. You can retry or return home.
-        </p>
-        <div className="mt-4 flex items-center gap-2">
-          <button
-            className="rounded-md border border-border bg-accent px-3 py-2 text-sm font-medium hover:bg-accent/80"
-            onClick={reset}
-            type="button"
-          >
-            Try again
-          </button>
-          <Link
-            className="rounded-md border border-border bg-background px-3 py-2 text-sm font-medium hover:bg-accent/40"
-            href="/"
-          >
-            Back to home
-          </Link>
-        </div>
-      </div>
-    </div>
-  )
-}
diff --git a/apps/editor/app/editor/[projectId]/layout.tsx b/apps/editor/app/editor/[projectId]/layout.tsx
deleted file mode 100644
index 61badebf..00000000
--- a/apps/editor/app/editor/[projectId]/layout.tsx
+++ /dev/null
@@ -1,22 +0,0 @@
-import type { Metadata } from 'next'
-
-export const metadata: Metadata = {
-  title: 'Editor Workspace',
-  description: 'Edit your Pascal projects in a full 3D workspace.',
-  robots: {
-    index: false,
-    follow: false,
-  },
-}
-
-export default function EditorProjectLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode
-}>) {
-  return (
-    <div style={{ cursor: "url('/cursor.svg') 4 2, default" }}>
-      {children}
-    </div>
-  )
-}
diff --git a/apps/editor/app/editor/[projectId]/page.tsx b/apps/editor/app/editor/[projectId]/page.tsx
deleted file mode 100644
index d3b40e7e..00000000
--- a/apps/editor/app/editor/[projectId]/page.tsx
+++ /dev/null
@@ -1,49 +0,0 @@
-'use client'
-
-import { useParams, useRouter } from 'next/navigation'
-import { useEffect, useState } from 'react'
-import Editor from '@/components/editor'
-import { SceneLoader } from '@/components/ui/scene-loader'
-import { useAuth } from '@/features/community/lib/auth/hooks'
-import { useProjectStore } from '@/features/community/lib/projects/store'
-
-export default function EditorPage() {
-  const params = useParams()
-  const projectId = params.projectId as string
-  const { isAuthenticated, isLoading } = useAuth()
-  const setActiveProject = useProjectStore((state) => state.setActiveProject)
-  const router = useRouter()
-  const [mounted, setMounted] = useState(false)
-
-  useEffect(() => {
-    setMounted(true)
-  }, [])
-
-  // Use layoutEffect to set active project BEFORE the editor renders and hooks run
-  useEffect(() => {
-    if (isLoading) return
-    if (!isAuthenticated) {
-      router.replace('/')
-      return
-    }
-    if (projectId) {
-      setActiveProject(projectId)
-    }
-  }, [projectId, isAuthenticated, isLoading, setActiveProject, router])
-
-  if (!mounted || isLoading) {
-    return <SceneLoader fullScreen />
-  }
-
-  if (!isAuthenticated) {
-    return null
-  }
-
-  return (
-    <div className="flex h-screen w-full max-w-screen">
-      <div className="relative h-full w-full">
-        <Editor projectId={projectId} />
-      </div>
-    </div>
-  )
-}
diff --git a/apps/editor/app/globals.css b/apps/editor/app/globals.css
index c4c8a77b..03aa2509 100644
--- a/apps/editor/app/globals.css
+++ b/apps/editor/app/globals.css
@@ -1,12 +1,19 @@
 @import "tailwindcss";
 @import "tw-animate-css";
+@source "../../../packages/editor/src";
 
 @custom-variant dark (&:is(.dark *));
 
 @theme {
-  --font-sans: var(--font-barlow), var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
-  --font-mono: var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco, Consolas, monospace;
-  --font-barlow: var(--font-barlow), var(--font-geist-sans), ui-sans-serif, system-ui, sans-serif;
+  --font-sans:
+    var(--font-barlow), var(--font-geist-sans), ui-sans-serif, system-ui,
+    sans-serif;
+  --font-mono:
+    var(--font-geist-mono), ui-monospace, SFMono-Regular, Menlo, Monaco,
+    Consolas, monospace;
+  --font-barlow:
+    var(--font-barlow), var(--font-geist-sans), ui-sans-serif, system-ui,
+    sans-serif;
 }
 
 @theme inline {
@@ -97,7 +104,9 @@
   --secondary-foreground: oklch(0.985 0 0);
   --muted: oklch(0.269 0 0);
   --muted-foreground: oklch(0.708 0 0);
-  --accent: oklch(0.235 0 0); /* slightly lighter than background (0.205) but darker than previous (0.269) */
+  --accent: oklch(
+    0.235 0 0
+  ); /* slightly lighter than background (0.205) but darker than previous (0.269) */
   --accent-foreground: oklch(0.985 0 0);
   --destructive: oklch(0.704 0.191 22.216);
   --border: oklch(1 0 0 / 10%);
@@ -166,90 +175,189 @@
 .pascal-loader-1 {
   width: 45px;
   aspect-ratio: 1;
-  --c:no-repeat linear-gradient(currentColor 0 0);
+  --c: no-repeat linear-gradient(currentColor 0 0);
   background: var(--c), var(--c), var(--c);
-  animation: 
+  animation:
     pascal-l1-1 1s infinite,
     pascal-l1-2 1s infinite;
 }
 @keyframes pascal-l1-1 {
- 0%,100% {background-size:20% 100%}
- 33%,66% {background-size:20% 20%}
+  0%,
+  100% {
+    background-size: 20% 100%;
+  }
+  33%,
+  66% {
+    background-size: 20% 20%;
+  }
 }
 @keyframes pascal-l1-2 {
- 0%,33%   {background-position: 0    0,50% 50%,100% 100%}
- 66%,100% {background-position: 100% 0,50% 50%,0    100%}
+  0%,
+  33% {
+    background-position:
+      0 0,
+      50% 50%,
+      100% 100%;
+  }
+  66%,
+  100% {
+    background-position:
+      100% 0,
+      50% 50%,
+      0 100%;
+  }
 }
 
 .pascal-loader-2 {
   width: 45px;
-  aspect-ratio: .75;
+  aspect-ratio: 0.75;
   --c: no-repeat linear-gradient(currentColor 0 0);
-  background: 
-    var(--c) 0%   50%,
-    var(--c) 50%  50%,
+  background:
+    var(--c) 0% 50%,
+    var(--c) 50% 50%,
     var(--c) 100% 50%;
   background-size: 20% 50%;
   animation: pascal-l2 1s infinite linear;
 }
 @keyframes pascal-l2 {
-  20% {background-position: 0% 0%  ,50% 50% ,100% 50% }
-  40% {background-position: 0% 100%,50% 0%  ,100% 50% }
-  60% {background-position: 0% 50% ,50% 100%,100% 0%  }
-  80% {background-position: 0% 50% ,50% 50% ,100% 100%}
+  20% {
+    background-position:
+      0% 0%,
+      50% 50%,
+      100% 50%;
+  }
+  40% {
+    background-position:
+      0% 100%,
+      50% 0%,
+      100% 50%;
+  }
+  60% {
+    background-position:
+      0% 50%,
+      50% 100%,
+      100% 0%;
+  }
+  80% {
+    background-position:
+      0% 50%,
+      50% 50%,
+      100% 100%;
+  }
 }
 
 .pascal-loader-3 {
   width: 45px;
-  aspect-ratio: .75;
-  --c:no-repeat linear-gradient(currentColor 0 0);
-  background: 
-    var(--c) 0%   100%,
-    var(--c) 50%  100%,
+  aspect-ratio: 0.75;
+  --c: no-repeat linear-gradient(currentColor 0 0);
+  background:
+    var(--c) 0% 100%,
+    var(--c) 50% 100%,
     var(--c) 100% 100%;
   background-size: 20% 65%;
   animation: pascal-l3 1s infinite linear;
 }
 @keyframes pascal-l3 {
-  16.67% {background-position: 0% 0%  ,50% 100%,100% 100%}
-  33.33% {background-position: 0% 0%  ,50% 0%  ,100% 100%}
-  50%    {background-position: 0% 0%  ,50% 0%  ,100% 0%  }
-  66.67% {background-position: 0% 100%,50% 0%  ,100% 0%  }
-  83.33% {background-position: 0% 100%,50% 100%,100% 0%  }
+  16.67% {
+    background-position:
+      0% 0%,
+      50% 100%,
+      100% 100%;
+  }
+  33.33% {
+    background-position:
+      0% 0%,
+      50% 0%,
+      100% 100%;
+  }
+  50% {
+    background-position:
+      0% 0%,
+      50% 0%,
+      100% 0%;
+  }
+  66.67% {
+    background-position:
+      0% 100%,
+      50% 0%,
+      100% 0%;
+  }
+  83.33% {
+    background-position:
+      0% 100%,
+      50% 100%,
+      100% 0%;
+  }
 }
 
 .pascal-loader-4 {
   width: 45px;
   aspect-ratio: 1;
-  --c:no-repeat linear-gradient(currentColor 0 0);
+  --c: no-repeat linear-gradient(currentColor 0 0);
   background: var(--c), var(--c), var(--c);
-  animation: 
+  animation:
     pascal-l4-1 1s infinite,
     pascal-l4-2 1s infinite;
 }
 @keyframes pascal-l4-1 {
- 0%,100% {background-size:20% 100%}
- 33%,66% {background-size:20% 40%}
+  0%,
+  100% {
+    background-size: 20% 100%;
+  }
+  33%,
+  66% {
+    background-size: 20% 40%;
+  }
 }
 @keyframes pascal-l4-2 {
- 0%,33%   {background-position: 0    0,50% 100%,100% 100%}
- 66%,100% {background-position: 100% 0,0   100%,50%  100%}
+  0%,
+  33% {
+    background-position:
+      0 0,
+      50% 100%,
+      100% 100%;
+  }
+  66%,
+  100% {
+    background-position:
+      100% 0,
+      0 100%,
+      50% 100%;
+  }
 }
 
 .pascal-loader-5 {
   width: 45px;
   aspect-ratio: 1;
-  --c:no-repeat linear-gradient(currentColor 0 0);
+  --c: no-repeat linear-gradient(currentColor 0 0);
   background: var(--c), var(--c), var(--c);
-  animation: 
+  animation:
     pascal-l5-1 1s infinite,
     pascal-l5-2 1s infinite;
 }
 @keyframes pascal-l5-1 {
- 0%,100% {background-size:20% 100%}
- 33%,66% {background-size:20% 40%}
+  0%,
+  100% {
+    background-size: 20% 100%;
+  }
+  33%,
+  66% {
+    background-size: 20% 40%;
+  }
 }
 @keyframes pascal-l5-2 {
- 0%,33%   {background-position: 0 0   ,50% 100%,100% 0}
- 66%,100% {background-position: 0 100%,50% 0   ,100% 100%}
+  0%,
+  33% {
+    background-position:
+      0 0,
+      50% 100%,
+      100% 0;
+  }
+  66%,
+  100% {
+    background-position:
+      0 100%,
+      50% 0,
+      100% 100%;
+  }
 }
diff --git a/apps/editor/app/layout.tsx b/apps/editor/app/layout.tsx
index ef3b645c..33db7f78 100644
--- a/apps/editor/app/layout.tsx
+++ b/apps/editor/app/layout.tsx
@@ -1,12 +1,7 @@
 import type { Metadata } from 'next'
-import Script from 'next/script'
-import localFont from 'next/font/local'
 import { Barlow } from 'next/font/google'
-import { Analytics } from '@vercel/analytics/react'
-import { SpeedInsights } from '@vercel/speed-insights/next'
-import { VercelToolbar } from '@vercel/toolbar/next'
-import { UsernameGate } from '@/features/community/components/username-gate'
-import { siteConfig } from './seo'
+import localFont from 'next/font/local'
+import Script from 'next/script'
 import './globals.css'
 
 const geistSans = localFont({
@@ -26,48 +21,8 @@ const barlow = Barlow({
 })
 
 export const metadata: Metadata = {
-  metadataBase: new URL(siteConfig.url),
-  title: {
-    default: siteConfig.name,
-    template: '%s | Pascal Editor',
-  },
-  description: siteConfig.description,
-  applicationName: siteConfig.name,
-  keywords: [...siteConfig.keywords],
-  authors: [{ name: 'Pascal', url: 'https://pascal.app' }],
-  creator: 'Pascal',
-  publisher: 'Pascal',
-  alternates: {
-    canonical: '/',
-  },
-  icons: [{ rel: 'icon', url: '/favicon.ico' }],
-  openGraph: {
-    title: siteConfig.name,
-    description: siteConfig.description,
-    url: siteConfig.url,
-    siteName: siteConfig.name,
-    images: [{ url: siteConfig.ogImage, alt: 'Pascal Editor' }],
-    locale: 'en_US',
-    type: 'website',
-  },
-  twitter: {
-    card: 'summary_large_image',
-    title: siteConfig.name,
-    description: siteConfig.description,
-    creator: siteConfig.twitterHandle,
-    images: [siteConfig.ogImage],
-  },
-  robots: {
-    index: true,
-    follow: true,
-    googleBot: {
-      index: true,
-      follow: true,
-      'max-image-preview': 'large',
-      'max-snippet': -1,
-      'max-video-preview': -1,
-    },
-  },
+  title: 'Pascal Editor',
+  description: 'Standalone building editor',
 }
 
 export default function RootLayout({
@@ -75,32 +30,25 @@ export default function RootLayout({
 }: Readonly<{
   children: React.ReactNode
 }>) {
-  const shouldShowToolbar = process.env.NODE_ENV === 'development'
-
   return (
-    <html lang="en" className={`${geistSans.variable} ${geistMono.variable} ${barlow.variable}`}>
+    <html className={`${geistSans.variable} ${geistMono.variable} ${barlow.variable}`} lang="en">
       <head>
         {process.env.NODE_ENV === 'development' && (
           <>
             <Script
-              src="//unpkg.com/react-scan/dist/auto.global.js"
               crossOrigin="anonymous"
+              src="//unpkg.com/react-scan/dist/auto.global.js"
               strategy="beforeInteractive"
             />
             <Script
-              src="//unpkg.com/react-grab/dist/index.global.js"
               crossOrigin="anonymous"
+              src="//unpkg.com/react-grab/dist/index.global.js"
               strategy="beforeInteractive"
             />
           </>
         )}
       </head>
-      <body className="font-sans">
-        <UsernameGate>{children}</UsernameGate>
-        <Analytics />
-        <SpeedInsights />
-        {shouldShowToolbar && <VercelToolbar />}
-      </body>
+      <body className="font-sans">{children}</body>
     </html>
   )
 }
diff --git a/apps/editor/app/og/route.tsx b/apps/editor/app/og/route.tsx
deleted file mode 100644
index a7baf229..00000000
--- a/apps/editor/app/og/route.tsx
+++ /dev/null
@@ -1,163 +0,0 @@
-import { readFile } from 'node:fs/promises'
-import { join } from 'node:path'
-import { ImageResponse } from 'next/og'
-import * as z from 'zod'
-import { siteConfig } from '@/app/seo'
-
-const ogImageSchema = z.object({
-  title: z.string().default(''),
-  description: z.string().default(''),
-  theme: z.enum(['light', 'dark']).default('dark'),
-})
-
-let sansFont: ArrayBuffer | null = null
-let jakartaFont: ArrayBuffer | null = null
-
-async function loadFonts() {
-  if (!(sansFont && jakartaFont)) {
-    const fontDir = join(process.cwd(), 'public', 'fonts')
-    const [sans, jakarta] = await Promise.all([
-      readFile(join(fontDir, 'geist-regular.ttf')),
-      readFile(join(fontDir, 'PlusJakartaSans-SemiBold.ttf')),
-    ])
-    sansFont = sans.buffer.slice(sans.byteOffset, sans.byteOffset + sans.byteLength)
-    jakartaFont = jakarta.buffer.slice(jakarta.byteOffset, jakarta.byteOffset + jakarta.byteLength)
-  }
-  return { sans: sansFont, jakarta: jakartaFont }
-}
-
-function PascalLogo({ color = '#fff', size = 100 }: { color?: string; size?: number }) {
-  return (
-    <svg fill="none" height={size} style={{ display: 'flex' }} viewBox="0 0 100 100" width={size}>
-      <rect fill={color} height="40" width="20" y="60" />
-      <rect fill={color} height="40" width="20" x="40" y="30" />
-      <rect fill={color} height="40" width="20" x="80" />
-    </svg>
-  )
-}
-
-export async function GET(req: Request) {
-  try {
-    const url = new URL(req.url)
-    const values = ogImageSchema.parse(Object.fromEntries(url.searchParams))
-    const heading =
-      values.title.length > 140 ? `${values.title.substring(0, 140)}...` : values.title
-
-    const { theme } = values
-    const paint = theme === 'dark' ? '#fff' : '#000'
-    const logoColor = theme === 'dark' ? 'rgba(255, 255, 255, 0.9)' : 'rgba(0, 0, 0, 0.9)'
-
-    const fontSize = heading.length > 100 ? '70px' : '100px'
-
-    const showLargeLogo = !(values.title || values.description)
-
-    return new ImageResponse(
-      <div
-        style={{
-          color: paint,
-          background:
-            theme === 'dark'
-              ? 'linear-gradient(135deg, #0a0a0a 0%, #1a1a1a 50%, #0f0f0f 100%)'
-              : 'white',
-        }}
-        tw="flex relative flex-col w-full h-full items-start bg-cover"
-      >
-        {showLargeLogo ? (
-          <div tw="flex flex-col flex-1 py-10 px-12 h-full justify-center">
-            <div style={{ display: 'flex', marginBottom: 24 }}>
-              <PascalLogo color={logoColor} size={80} />
-            </div>
-            <div
-              style={{
-                fontFamily: 'jakarta-semibold',
-                fontWeight: 'bolder',
-                fontSize: '72px',
-                letterSpacing: '-0.02em',
-                color: paint,
-                display: 'flex',
-              }}
-            >
-              Pascal Editor
-            </div>
-            <div
-              style={{
-                fontFamily: 'sans-regular',
-                fontWeight: 'normal',
-                fontSize: '28px',
-                letterSpacing: '0.05em',
-                color: 'rgba(255, 255, 255, 0.6)',
-                marginTop: 16,
-                display: 'flex',
-              }}
-            >
-              {siteConfig.description}
-            </div>
-          </div>
-        ) : (
-          <div tw="flex flex-col flex-1 py-10 px-12 h-full">
-            <div style={{ display: 'flex', marginBottom: 24 }}>
-              <PascalLogo color={logoColor} size={40} />
-            </div>
-            <div
-              style={{
-                fontFamily: 'jakarta-semibold',
-                fontWeight: 'bolder',
-                marginLeft: '-3px',
-                fontSize,
-                letterSpacing: '.05rem',
-              }}
-              tw="flex leading-[1.1] text-[80px] tracking-tighter font-sans mb-4"
-            >
-              {heading}
-            </div>
-            <div
-              style={{
-                fontFamily: 'sans-regular',
-                fontWeight: 'normal',
-                letterSpacing: '.1rem',
-              }}
-              tw="flex flex-1 text-[50px] tracking-tight font-sans"
-            >
-              {values.description}
-            </div>
-          </div>
-        )}
-        {!showLargeLogo && (
-          <div
-            style={{
-              fontFamily: 'sans-regular',
-              fontWeight: 'normal',
-              letterSpacing: '.1rem',
-            }}
-            tw="w-full pt-24 p-10 text-[30px] tracking-tight font-sans text-right w-full"
-          >
-            editor.pascal.app
-          </div>
-        )}
-      </div>,
-      {
-        width: 1200,
-        height: 630,
-        fonts: await loadFonts().then(({ sans, jakarta }) => [
-          {
-            name: 'sans-regular',
-            data: sans,
-            style: 'normal' as const,
-            weight: 400 as const,
-          },
-          {
-            name: 'jakarta-semibold',
-            data: jakarta,
-            style: 'normal' as const,
-            weight: 600 as const,
-          },
-        ]),
-      },
-    )
-  } catch (error) {
-    console.log('error', error)
-    return new Response('Failed to generate image', {
-      status: 500,
-    })
-  }
-}
diff --git a/apps/editor/app/page.tsx b/apps/editor/app/page.tsx
index 303567bf..d51896f6 100644
--- a/apps/editor/app/page.tsx
+++ b/apps/editor/app/page.tsx
@@ -1,12 +1,11 @@
-import type { Metadata } from 'next'
-import CommunityHub from '@/features/community/components/community-hub'
+'use client'
 
-export const metadata: Metadata = {
-  title: 'Community Projects',
-  description:
-    'Create and share 3D home projects with Pascal Editor, the open-source building editor.',
-}
+import { Editor } from '@pascal-app/editor'
 
 export default function Home() {
-  return <CommunityHub />
+  return (
+    <div className="h-screen w-screen">
+      <Editor />
+    </div>
+  )
 }
diff --git a/apps/editor/app/privacy/page.tsx b/apps/editor/app/privacy/page.tsx
index bbc7c024..45075789 100644
--- a/apps/editor/app/privacy/page.tsx
+++ b/apps/editor/app/privacy/page.tsx
@@ -9,100 +9,101 @@ export const metadata: Metadata = {
 export default function PrivacyPage() {
   return (
     <div className="min-h-screen bg-background">
-      <header className="border-b border-border bg-background/95 backdrop-blur sticky top-0 z-10">
+      <header className="sticky top-0 z-10 border-border border-b bg-background/95 backdrop-blur">
         <div className="container mx-auto px-6 py-4">
           <nav className="flex items-center gap-4 text-sm">
             <Link
-              href="/"
               className="text-muted-foreground transition-colors hover:text-foreground"
+              href="/"
             >
               Home
             </Link>
             <span className="text-muted-foreground">/</span>
             <Link
-              href="/terms"
               className="text-muted-foreground transition-colors hover:text-foreground"
+              href="/terms"
             >
               Terms of Service
             </Link>
             <span className="text-muted-foreground">|</span>
-            <span className="text-foreground font-medium">Privacy Policy</span>
+            <span className="font-medium text-foreground">Privacy Policy</span>
           </nav>
         </div>
       </header>
 
       <main className="container mx-auto max-w-3xl px-6 py-12">
         <article className="prose prose-neutral dark:prose-invert max-w-none">
-          <h1 className="text-3xl font-bold mb-2">Privacy Policy</h1>
-          <p className="text-muted-foreground text-sm mb-8">
-            Effective Date: February 20, 2026
-          </p>
+          <h1 className="mb-2 font-bold text-3xl">Privacy Policy</h1>
+          <p className="mb-8 text-muted-foreground text-sm">Effective Date: February 20, 2026</p>
 
-          <section className="space-y-4 mb-8">
-            <h2 className="text-xl font-semibold">1. Introduction</h2>
+          <section className="mb-8 space-y-4">
+            <h2 className="font-semibold text-xl">1. Introduction</h2>
             <p className="text-foreground/90 leading-relaxed">
-              Pascal Group Inc. (&quot;we,&quot; &quot;us,&quot; or &quot;our&quot;) operates the Pascal Editor and
-              Platform at pascal.app. This Privacy Policy explains how we collect, use, and
-              protect your information when you use our services.
+              Pascal Group Inc. (&quot;we,&quot; &quot;us,&quot; or &quot;our&quot;) operates the
+              Pascal Editor and Platform at pascal.app. This Privacy Policy explains how we collect,
+              use, and protect your information when you use our services.
             </p>
           </section>
 
-          <section className="space-y-4 mb-8">
-            <h2 className="text-xl font-semibold">2. Information We Collect</h2>
+          <section className="mb-8 space-y-4">
+            <h2 className="font-semibold text-xl">2. Information We Collect</h2>
 
-            <h3 className="text-lg font-medium mt-4">Account Information</h3>
+            <h3 className="mt-4 font-medium text-lg">Account Information</h3>
             <p className="text-foreground/90 leading-relaxed">
               When you create an account, we collect:
             </p>
-            <ul className="list-disc pl-6 space-y-2 text-foreground/90">
+            <ul className="list-disc space-y-2 pl-6 text-foreground/90">
               <li>Email address</li>
               <li>Name</li>
               <li>Profile picture/avatar</li>
               <li>OAuth provider data (from Google when you sign in with Google)</li>
             </ul>
 
-            <h3 className="text-lg font-medium mt-4">Project Data</h3>
+            <h3 className="mt-4 font-medium text-lg">Project Data</h3>
             <p className="text-foreground/90 leading-relaxed">
               When you use the Platform, we store your projects, including 3D building designs,
               floor plans, and associated metadata.
             </p>
 
-            <h3 className="text-lg font-medium mt-4">Usage Analytics</h3>
+            <h3 className="mt-4 font-medium text-lg">Usage Analytics</h3>
             <p className="text-foreground/90 leading-relaxed">
-              We use Vercel Analytics and Speed Insights to collect anonymized usage data,
-              including page views, performance metrics, and general usage patterns. This helps
-              us improve the Platform.
+              We use Vercel Analytics and Speed Insights to collect anonymized usage data, including
+              page views, performance metrics, and general usage patterns. This helps us improve the
+              Platform.
             </p>
           </section>
 
-          <section className="space-y-4 mb-8">
-            <h2 className="text-xl font-semibold">3. How We Use Your Information</h2>
+          <section className="mb-8 space-y-4">
+            <h2 className="font-semibold text-xl">3. How We Use Your Information</h2>
             <p className="text-foreground/90 leading-relaxed">We use your information to:</p>
-            <ul className="list-disc pl-6 space-y-2 text-foreground/90">
+            <ul className="list-disc space-y-2 pl-6 text-foreground/90">
               <li>Provide and maintain your account</li>
               <li>Store and sync your projects across devices</li>
               <li>Improve our services based on usage patterns</li>
-              <li>Send optional email notifications about new features and updates (you can opt out in settings)</li>
+              <li>
+                Send optional email notifications about new features and updates (you can opt out in
+                settings)
+              </li>
               <li>Respond to support requests</li>
               <li>Ensure platform security and prevent abuse</li>
             </ul>
           </section>
 
-          <section className="space-y-4 mb-8">
-            <h2 className="text-xl font-semibold">4. Data Storage</h2>
+          <section className="mb-8 space-y-4">
+            <h2 className="font-semibold text-xl">4. Data Storage</h2>
             <p className="text-foreground/90 leading-relaxed">
               Your data is stored using Supabase (PostgreSQL database) on secure cloud
-              infrastructure. We implement appropriate technical and organizational measures
-              to protect your data.
+              infrastructure. We implement appropriate technical and organizational measures to
+              protect your data.
             </p>
           </section>
 
-          <section className="space-y-4 mb-8">
-            <h2 className="text-xl font-semibold">5. Third-Party Services</h2>
+          <section className="mb-8 space-y-4">
+            <h2 className="font-semibold text-xl">5. Third-Party Services</h2>
             <p className="text-foreground/90 leading-relaxed">
               We use the following third-party services to operate the Platform:
             </p>
-            <ul className="list-disc pl-6 space-y-2 text-foreground/90">
+            <ul className="list-disc space-y-2 pl-6 text-foreground/90">
               <li>
                 <strong>Google</strong> - OAuth authentication for sign-in
               </li>
@@ -113,44 +114,44 @@ export default function PrivacyPage() {
                 <strong>Supabase</strong> - Database hosting and authentication infrastructure
               </li>
             </ul>
-            <p className="text-foreground/90 leading-relaxed mt-4">
-              Each of these services has their own privacy policies governing their handling
-              of your data.
+            <p className="mt-4 text-foreground/90 leading-relaxed">
+              Each of these services has their own privacy policies governing their handling of your
+              data.
             </p>
           </section>
 
-          <section className="space-y-4 mb-8">
-            <h2 className="text-xl font-semibold">6. Cookies</h2>
+          <section className="mb-8 space-y-4">
+            <h2 className="font-semibold text-xl">6. Cookies</h2>
             <p className="text-foreground/90 leading-relaxed">
               We use minimal cookies necessary for the Platform to function:
             </p>
-            <ul className="list-disc pl-6 space-y-2 text-foreground/90">
+            <ul className="list-disc space-y-2 pl-6 text-foreground/90">
               <li>
                 <strong>Session cookies</strong> - Essential for authentication and keeping you
                 signed in
               </li>
               <li>
-                <strong>Analytics cookies</strong> - Used by Vercel Analytics to collect
-                anonymized usage data
+                <strong>Analytics cookies</strong> - Used by Vercel Analytics to collect anonymized
+                usage data
               </li>
             </ul>
           </section>
 
-          <section className="space-y-4 mb-8">
-            <h2 className="text-xl font-semibold">7. Your Rights</h2>
+          <section className="mb-8 space-y-4">
+            <h2 className="font-semibold text-xl">7. Your Rights</h2>
             <p className="text-foreground/90 leading-relaxed">You have the right to:</p>
-            <ul className="list-disc pl-6 space-y-2 text-foreground/90">
+            <ul className="list-disc space-y-2 pl-6 text-foreground/90">
               <li>Access the personal data we hold about you</li>
               <li>Request correction of inaccurate data</li>
               <li>Request deletion of your data</li>
               <li>Export your project data</li>
               <li>Opt out of marketing communications</li>
             </ul>
-            <p className="text-foreground/90 leading-relaxed mt-4">
+            <p className="mt-4 text-foreground/90 leading-relaxed">
               To exercise any of these rights, please contact us at{' '}
               <a
-                href="mailto:support@pascal.app"
                 className="text-foreground underline hover:text-foreground/80"
+                href="mailto:support@pascal.app"
               >
                 support@pascal.app
               </a>
@@ -158,42 +159,41 @@ export default function PrivacyPage() {
             </p>
           </section>
 
-          <section className="space-y-4 mb-8">
-            <h2 className="text-xl font-semibold">8. Data Retention</h2>
+          <section className="mb-8 space-y-4">
+            <h2 className="font-semibold text-xl">8. Data Retention</h2>
             <p className="text-foreground/90 leading-relaxed">
-              We retain your data for as long as your account is active. If you delete your
-              account, we will delete your personal data and project data within 30 days,
-              except where we are required by law to retain certain information.
+              We retain your data for as long as your account is active. If you delete your account,
+              we will delete your personal data and project data within 30 days, except where we are
+              required by law to retain certain information.
             </p>
           </section>
 
-          <section className="space-y-4 mb-8">
-            <h2 className="text-xl font-semibold">9. Children&apos;s Privacy</h2>
+          <section className="mb-8 space-y-4">
+            <h2 className="font-semibold text-xl">9. Children&apos;s Privacy</h2>
             <p className="text-foreground/90 leading-relaxed">
               The Platform is not intended for children under 13. We do not knowingly collect
-              personal information from children under 13. If you believe we have collected
-              such information, please contact us immediately.
+              personal information from children under 13. If you believe we have collected such
+              information, please contact us immediately.
             </p>
           </section>
 
-          <section className="space-y-4 mb-8">
-            <h2 className="text-xl font-semibold">10. Changes to This Policy</h2>
+          <section className="mb-8 space-y-4">
+            <h2 className="font-semibold text-xl">10. Changes to This Policy</h2>
             <p className="text-foreground/90 leading-relaxed">
-              We may update this Privacy Policy from time to time. We will notify you of
-              material changes by posting the updated policy on the Platform. Your continued
-              use of the Platform after changes are posted constitutes your acceptance of the
-              revised policy.
+              We may update this Privacy Policy from time to time. We will notify you of material
+              changes by posting the updated policy on the Platform. Your continued use of the
+              Platform after changes are posted constitutes your acceptance of the revised policy.
             </p>
           </section>
 
           <section className="space-y-4">
-            <h2 className="text-xl font-semibold">11. Contact Us</h2>
+            <h2 className="font-semibold text-xl">11. Contact Us</h2>
             <p className="text-foreground/90 leading-relaxed">
-              If you have questions about this Privacy Policy or how we handle your data,
-              please contact us at{' '}
+              If you have questions about this Privacy Policy or how we handle your data, please
+              contact us at{' '}
               <a
-                href="mailto:support@pascal.app"
                 className="text-foreground underline hover:text-foreground/80"
+                href="mailto:support@pascal.app"
               >
                 support@pascal.app
               </a>
diff --git a/apps/editor/app/robots.ts b/apps/editor/app/robots.ts
deleted file mode 100644
index d1f931f3..00000000
--- a/apps/editor/app/robots.ts
+++ /dev/null
@@ -1,16 +0,0 @@
-import type { MetadataRoute } from 'next'
-import { siteConfig } from './seo'
-
-export default function robots(): MetadataRoute.Robots {
-  return {
-    rules: [
-      {
-        userAgent: '*',
-        allow: ['/', '/viewer/', '/u/'],
-        disallow: ['/api/', '/editor/', '/settings', '/_next/'],
-      },
-    ],
-    sitemap: `${siteConfig.url}/sitemap.xml`,
-    host: siteConfig.url,
-  }
-}
diff --git a/apps/editor/app/seo.ts b/apps/editor/app/seo.ts
deleted file mode 100644
index a87f5215..00000000
--- a/apps/editor/app/seo.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { BASE_URL } from '@/lib/utils'
-
-export const siteConfig = {
-  name: 'Pascal Editor',
-  description:
-    'Pascal Editor is an open-source 3D building editor for designing, editing, and sharing home projects.',
-  url: BASE_URL,
-  website: 'editor.pascal.app',
-  ogImage: '/og',
-  keywords: [
-    'Pascal Editor',
-    'open-source 3D editor',
-    '3D building editor',
-    'home design software',
-    'architecture editor',
-    'collaborative design',
-  ],
-  twitterHandle: '@pascal_app',
-  links: {
-    github: 'https://github.com/pascalorg/editor',
-  },
-} as const
diff --git a/apps/editor/app/settings/page.tsx b/apps/editor/app/settings/page.tsx
deleted file mode 100644
index 66f65e05..00000000
--- a/apps/editor/app/settings/page.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-export const dynamic = 'force-dynamic'
-
-import type { Metadata } from 'next'
-import { redirect } from 'next/navigation'
-import { getSession } from '@/features/community/lib/auth/server'
-import { getUserProfile, getConnectedAccounts } from '@/features/community/lib/auth/actions'
-import { SettingsPage } from '@/features/community/components/settings-page'
-
-export const metadata: Metadata = {
-  title: 'Account Settings',
-  description: 'Manage your Pascal Editor account profile and connected providers.',
-  robots: {
-    index: false,
-    follow: false,
-  },
-}
-
-export default async function Settings() {
-  const session = await getSession()
-  if (!session?.user) {
-    redirect('/')
-  }
-
-  const [profile, connectedAccounts] = await Promise.all([
-    getUserProfile(),
-    getConnectedAccounts(),
-  ])
-
-  return (
-    <SettingsPage
-      user={session.user}
-      currentUsername={profile?.username ?? null}
-      currentGithubUrl={profile?.githubUrl ?? null}
-      currentXUrl={profile?.xUrl ?? null}
-      currentYoutubeUrl={profile?.youtubeUrl ?? null}
-      currentEmailNotifications={profile?.emailNotifications ?? true}
-      connectedAccounts={connectedAccounts}
-    />
-  )
-}
diff --git a/apps/editor/app/sitemap.ts b/apps/editor/app/sitemap.ts
deleted file mode 100644
index 4328abf2..00000000
--- a/apps/editor/app/sitemap.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import type { MetadataRoute } from 'next'
-import { siteConfig } from './seo'
-
-export default function sitemap(): MetadataRoute.Sitemap {
-  const currentDate = new Date()
-  const baseUrl = siteConfig.url
-
-  return [
-    {
-      url: baseUrl,
-      lastModified: currentDate,
-      changeFrequency: 'daily',
-      priority: 1,
-    },
-    {
-      url: `${baseUrl}/viewer/demo_1`,
-      lastModified: currentDate,
-      changeFrequency: 'weekly',
-      priority: 0.7,
-    },
-  ]
-}
diff --git a/apps/editor/app/terms/page.tsx b/apps/editor/app/terms/page.tsx
index 5f48281c..f8afb3e1 100644
--- a/apps/editor/app/terms/page.tsx
+++ b/apps/editor/app/terms/page.tsx
@@ -9,21 +9,21 @@ export const metadata: Metadata = {
 export default function TermsPage() {
   return (
     <div className="min-h-screen bg-background">
-      <header className="border-b border-border bg-background/95 backdrop-blur sticky top-0 z-10">
+      <header className="sticky top-0 z-10 border-border border-b bg-background/95 backdrop-blur">
         <div className="container mx-auto px-6 py-4">
           <nav className="flex items-center gap-4 text-sm">
             <Link
-              href="/"
               className="text-muted-foreground transition-colors hover:text-foreground"
+              href="/"
             >
               Home
             </Link>
             <span className="text-muted-foreground">/</span>
-            <span className="text-foreground font-medium">Terms of Service</span>
+            <span className="font-medium text-foreground">Terms of Service</span>
             <span className="text-muted-foreground">|</span>
             <Link
-              href="/privacy"
               className="text-muted-foreground transition-colors hover:text-foreground"
+              href="/privacy"
             >
               Privacy Policy
             </Link>
@@ -33,26 +33,25 @@ export default function TermsPage() {
 
       <main className="container mx-auto max-w-3xl px-6 py-12">
         <article className="prose prose-neutral dark:prose-invert max-w-none">
-          <h1 className="text-3xl font-bold mb-2">Terms of Service</h1>
-          <p className="text-muted-foreground text-sm mb-8">
-            Effective Date: February 20, 2026
-          </p>
+          <h1 className="mb-2 font-bold text-3xl">Terms of Service</h1>
+          <p className="mb-8 text-muted-foreground text-sm">Effective Date: February 20, 2026</p>
 
-          <section className="space-y-4 mb-8">
-            <h2 className="text-xl font-semibold">1. Introduction</h2>
+          <section className="mb-8 space-y-4">
+            <h2 className="font-semibold text-xl">1. Introduction</h2>
             <p className="text-foreground/90 leading-relaxed">
               Welcome to Pascal Editor (&quot;Editor&quot;) and the Pascal platform at pascal.app
-              (&quot;Platform&quot;), operated by Pascal Group Inc. (&quot;we,&quot; &quot;us,&quot; or &quot;our&quot;).
-              By accessing or using our services, you agree to these Terms of Service.
+              (&quot;Platform&quot;), operated by Pascal Group Inc. (&quot;we,&quot; &quot;us,&quot;
+              or &quot;our&quot;). By accessing or using our services, you agree to these Terms of
+              Service.
             </p>
           </section>
 
-          <section className="space-y-4 mb-8">
-            <h2 className="text-xl font-semibold">2. The Editor and Platform</h2>
+          <section className="mb-8 space-y-4">
+            <h2 className="font-semibold text-xl">2. The Editor and Platform</h2>
             <p className="text-foreground/90 leading-relaxed">
-              The Pascal Editor is open-source software released under the MIT License.
-              You may use, copy, modify, merge, publish, distribute, sublicense, and/or sell
-              copies of the Editor software in accordance with the MIT License terms.
+              The Pascal Editor is open-source software released under the MIT License. You may use,
+              copy, modify, merge, publish, distribute, sublicense, and/or sell copies of the Editor
+              software in accordance with the MIT License terms.
             </p>
             <p className="text-foreground/90 leading-relaxed">
               The Pascal platform (pascal.app) and its associated services, including user accounts,
@@ -61,22 +60,26 @@ export default function TermsPage() {
             </p>
           </section>
 
-          <section className="space-y-4 mb-8">
-            <h2 className="text-xl font-semibold">3. Accounts and Authentication</h2>
+          <section className="mb-8 space-y-4">
+            <h2 className="font-semibold text-xl">3. Accounts and Authentication</h2>
             <p className="text-foreground/90 leading-relaxed">
-              To use certain features of the Platform, you must create an account. We use
-              Google OAuth and magic link email authentication through Supabase. You are
-              responsible for maintaining the security of your account credentials and for
-              all activities that occur under your account.
+              To use certain features of the Platform, you must create an account. We use Google
+              OAuth and magic link email authentication through Supabase. You are responsible for
+              maintaining the security of your account credentials and for all activities that occur
+              under your account.
             </p>
           </section>
 
-          <section className="space-y-4 mb-8">
-            <h2 className="text-xl font-semibold">4. Acceptable Use</h2>
+          <section className="mb-8 space-y-4">
+            <h2 className="font-semibold text-xl">4. Acceptable Use</h2>
             <p className="text-foreground/90 leading-relaxed">You agree not to:</p>
-            <ul className="list-disc pl-6 space-y-2 text-foreground/90">
-              <li>Use the Platform for any unlawful purpose or in violation of any applicable laws</li>
-              <li>Upload, share, or distribute content that infringes intellectual property rights</li>
+            <ul className="list-disc space-y-2 pl-6 text-foreground/90">
+              <li>
+                Use the Platform for any unlawful purpose or in violation of any applicable laws
+              </li>
+              <li>
+                Upload, share, or distribute content that infringes intellectual property rights
+              </li>
               <li>Attempt to gain unauthorized access to the Platform or its systems</li>
               <li>Interfere with or disrupt the Platform&apos;s infrastructure</li>
               <li>Upload malicious code, viruses, or harmful content</li>
@@ -85,39 +88,39 @@ export default function TermsPage() {
             </ul>
           </section>
 
-          <section className="space-y-4 mb-8">
-            <h2 className="text-xl font-semibold">5. Your Content and Intellectual Property</h2>
+          <section className="mb-8 space-y-4">
+            <h2 className="font-semibold text-xl">5. Your Content and Intellectual Property</h2>
             <p className="text-foreground/90 leading-relaxed">
-              You retain full ownership of all content, projects, and data you create or upload
-              to the Platform (&quot;Your Content&quot;). By using the Platform, you grant us a limited
-              license to store, display, and transmit Your Content solely to provide our services
-              to you.
+              You retain full ownership of all content, projects, and data you create or upload to
+              the Platform (&quot;Your Content&quot;). By using the Platform, you grant us a limited
+              license to store, display, and transmit Your Content solely to provide our services to
+              you.
             </p>
             <p className="text-foreground/90 leading-relaxed">
-              We do not claim any ownership rights over Your Content. You may export or delete
-              Your Content at any time.
+              We do not claim any ownership rights over Your Content. You may export or delete Your
+              Content at any time.
             </p>
           </section>
 
-          <section className="space-y-4 mb-8">
-            <h2 className="text-xl font-semibold">6. Platform Ownership</h2>
+          <section className="mb-8 space-y-4">
+            <h2 className="font-semibold text-xl">6. Platform Ownership</h2>
             <p className="text-foreground/90 leading-relaxed">
-              The Platform, including its design, features, and proprietary code, is owned by
-              Pascal Group Inc. and protected by intellectual property laws. While the Editor
-              source code is open-source under the MIT License, the Platform services, branding,
-              and infrastructure remain our proprietary property.
+              The Platform, including its design, features, and proprietary code, is owned by Pascal
+              Group Inc. and protected by intellectual property laws. While the Editor source code
+              is open-source under the MIT License, the Platform services, branding, and
+              infrastructure remain our proprietary property.
             </p>
           </section>
 
-          <section className="space-y-4 mb-8">
-            <h2 className="text-xl font-semibold">7. Account Termination</h2>
+          <section className="mb-8 space-y-4">
+            <h2 className="font-semibold text-xl">7. Account Termination</h2>
             <p className="text-foreground/90 leading-relaxed">
-              We reserve the right to suspend or terminate your account if you violate these
-              Terms or engage in conduct that we determine is harmful to the Platform or other
-              users. You may also delete your account at any time by contacting us at{' '}
+              We reserve the right to suspend or terminate your account if you violate these Terms
+              or engage in conduct that we determine is harmful to the Platform or other users. You
+              may also delete your account at any time by contacting us at{' '}
               <a
-                href="mailto:support@pascal.app"
                 className="text-foreground underline hover:text-foreground/80"
+                href="mailto:support@pascal.app"
               >
                 support@pascal.app
               </a>
@@ -125,45 +128,45 @@ export default function TermsPage() {
             </p>
           </section>
 
-          <section className="space-y-4 mb-8">
-            <h2 className="text-xl font-semibold">8. Disclaimer of Warranties</h2>
+          <section className="mb-8 space-y-4">
+            <h2 className="font-semibold text-xl">8. Disclaimer of Warranties</h2>
             <p className="text-foreground/90 leading-relaxed">
-              THE PLATFORM IS PROVIDED &quot;AS IS&quot; AND &quot;AS AVAILABLE&quot; WITHOUT WARRANTIES OF ANY
-              KIND, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO IMPLIED WARRANTIES
-              OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, AND NON-INFRINGEMENT.
+              THE PLATFORM IS PROVIDED &quot;AS IS&quot; AND &quot;AS AVAILABLE&quot; WITHOUT
+              WARRANTIES OF ANY KIND, EITHER EXPRESS OR IMPLIED, INCLUDING BUT NOT LIMITED TO
+              IMPLIED WARRANTIES OF MERCHANTABILITY, FITNESS FOR A PARTICULAR PURPOSE, AND
+              NON-INFRINGEMENT.
             </p>
             <p className="text-foreground/90 leading-relaxed">
-              We do not warrant that the Platform will be uninterrupted, error-free, or free
-              of harmful components.
+              We do not warrant that the Platform will be uninterrupted, error-free, or free of
+              harmful components.
             </p>
           </section>
 
-          <section className="space-y-4 mb-8">
-            <h2 className="text-xl font-semibold">9. Limitation of Liability</h2>
+          <section className="mb-8 space-y-4">
+            <h2 className="font-semibold text-xl">9. Limitation of Liability</h2>
             <p className="text-foreground/90 leading-relaxed">
-              TO THE MAXIMUM EXTENT PERMITTED BY LAW, PASCAL GROUP INC. SHALL NOT BE LIABLE
-              FOR ANY INDIRECT, INCIDENTAL, SPECIAL, CONSEQUENTIAL, OR PUNITIVE DAMAGES,
-              INCLUDING LOSS OF DATA, PROFITS, OR GOODWILL, ARISING FROM YOUR USE OF THE
-              PLATFORM.
+              TO THE MAXIMUM EXTENT PERMITTED BY LAW, PASCAL GROUP INC. SHALL NOT BE LIABLE FOR ANY
+              INDIRECT, INCIDENTAL, SPECIAL, CONSEQUENTIAL, OR PUNITIVE DAMAGES, INCLUDING LOSS OF
+              DATA, PROFITS, OR GOODWILL, ARISING FROM YOUR USE OF THE PLATFORM.
             </p>
           </section>
 
-          <section className="space-y-4 mb-8">
-            <h2 className="text-xl font-semibold">10. Changes to Terms</h2>
+          <section className="mb-8 space-y-4">
+            <h2 className="font-semibold text-xl">10. Changes to Terms</h2>
             <p className="text-foreground/90 leading-relaxed">
-              We may update these Terms from time to time. We will notify you of material
-              changes by posting the updated Terms on the Platform. Your continued use of the
-              Platform after changes are posted constitutes your acceptance of the revised Terms.
+              We may update these Terms from time to time. We will notify you of material changes by
+              posting the updated Terms on the Platform. Your continued use of the Platform after
+              changes are posted constitutes your acceptance of the revised Terms.
             </p>
           </section>
 
           <section className="space-y-4">
-            <h2 className="text-xl font-semibold">11. Contact Us</h2>
+            <h2 className="font-semibold text-xl">11. Contact Us</h2>
             <p className="text-foreground/90 leading-relaxed">
               If you have questions about these Terms, please contact us at{' '}
               <a
-                href="mailto:support@pascal.app"
                 className="text-foreground underline hover:text-foreground/80"
+                href="mailto:support@pascal.app"
               >
                 support@pascal.app
               </a>
diff --git a/apps/editor/app/u/[username]/page.tsx b/apps/editor/app/u/[username]/page.tsx
deleted file mode 100644
index 7b0e7e12..00000000
--- a/apps/editor/app/u/[username]/page.tsx
+++ /dev/null
@@ -1,45 +0,0 @@
-export const dynamic = 'force-dynamic'
-
-import type { Metadata } from 'next'
-import { notFound } from 'next/navigation'
-import { getPublicProfile } from '@/features/community/lib/auth/actions'
-import { getPublicProjectsByUserId } from '@/features/community/lib/projects/actions'
-import { PublicProfilePage } from '@/features/community/components/public-profile-page'
-
-export async function generateMetadata({
-  params,
-}: {
-  params: Promise<{ username: string }>
-}): Promise<Metadata> {
-  const { username } = await params
-
-  return {
-    title: `${username}'s Projects`,
-    description: `Public projects shared by @${username} on Pascal Editor.`,
-    alternates: {
-      canonical: `/u/${encodeURIComponent(username)}`,
-    },
-  }
-}
-
-export default async function ProfilePage({
-  params,
-}: {
-  params: Promise<{ username: string }>
-}) {
-  const { username } = await params
-  const profileResult = await getPublicProfile(username)
-
-  if (!profileResult.success || !profileResult.data) {
-    notFound()
-  }
-
-  const projectsResult = await getPublicProjectsByUserId(profileResult.data.id)
-
-  return (
-    <PublicProfilePage
-      profile={profileResult.data}
-      projects={projectsResult.data ?? []}
-    />
-  )
-}
diff --git a/apps/editor/app/viewer/[id]/collections-panel.tsx b/apps/editor/app/viewer/[id]/collections-panel.tsx
deleted file mode 100644
index f5a68c06..00000000
--- a/apps/editor/app/viewer/[id]/collections-panel.tsx
+++ /dev/null
@@ -1,300 +0,0 @@
-'use client'
-
-import {
-  type AnyNodeId,
-  type CollectionId,
-  type Control,
-  type ControlValue,
-  type ItemNode,
-  useInteractive,
-  useScene,
-} from '@pascal-app/core'
-import { ChevronDown, ChevronRight } from 'lucide-react'
-import { useMemo, useState } from 'react'
-import { useShallow } from 'zustand/react/shallow'
-import { cn } from '@/lib/utils'
-
-// ─── Shared control derivation ───────────────────────────────────────────────
-
-type ItemControlRef = { itemId: AnyNodeId; controlIndex: number }
-
-type SharedControlDef = {
-  kind: 'toggle' | 'slider' | 'temperature'
-  label?: string
-  min?: number
-  max?: number
-  step?: number
-  unit?: string
-  refs: ItemControlRef[]
-}
-
-function deriveSharedControls(items: ItemNode[]): SharedControlDef[] {
-  if (items.length === 0) return []
-  const result: SharedControlDef[] = []
-
-  for (const kind of ['toggle', 'slider', 'temperature'] as const) {
-    const refs: ItemControlRef[] = []
-    let ref: Control | null = null
-    let allHave = true
-
-    for (const item of items) {
-      const idx = item.asset.interactive!.controls.findIndex((c) => c.kind === kind)
-      if (idx === -1) { allHave = false; break }
-      refs.push({ itemId: item.id, controlIndex: idx })
-      if (!ref) ref = item.asset.interactive!.controls[idx]!
-    }
-
-    if (!allHave || !ref) continue
-
-    const def: SharedControlDef = { kind, label: ref.label, refs }
-    if ('min' in ref) { def.min = ref.min; def.max = ref.max }
-    if ('step' in ref) def.step = (ref as { step?: number }).step
-    if ('unit' in ref) def.unit = (ref as { unit?: string }).unit
-    result.push(def)
-  }
-
-  return result
-}
-
-// ─── Shared control widget ───────────────────────────────────────────────────
-
-function SharedWidget({ def, value, onChange }: { def: SharedControlDef; value: ControlValue; onChange: (v: ControlValue) => void }) {
-  if (def.kind === 'toggle') {
-    return (
-      <button
-        type="button"
-        onClick={() => onChange(!value)}
-        className={cn(
-          'flex h-7 w-full items-center justify-center rounded-md px-3 text-xs font-medium transition-colors',
-          value ? 'bg-green-500/20 text-green-400' : 'bg-white/10 text-muted-foreground hover:text-foreground',
-        )}
-      >
-        {def.label ?? (value ? 'On' : 'Off')}
-      </button>
-    )
-  }
-
-  return (
-    <div className="flex flex-col gap-1">
-      <div className="flex items-center justify-between text-[10px] text-muted-foreground">
-        <span>{def.label ?? def.kind}</span>
-        <span>{value}{def.kind === 'temperature' ? '°' : ''}{def.unit ? ` ${def.unit}` : ''}</span>
-      </div>
-      <input
-        type="range"
-        min={def.min}
-        max={def.max}
-        step={def.step ?? 1}
-        value={value as number}
-        onChange={(e) => onChange(Number(e.target.value))}
-        onPointerDown={(e) => e.stopPropagation()}
-        className="w-full accent-white"
-      />
-    </div>
-  )
-}
-
-// ─── Individual item control widget ──────────────────────────────────────────
-
-function ItemWidget({ control, value, onChange }: { control: Control; value: ControlValue; onChange: (v: ControlValue) => void }) {
-  if (control.kind === 'toggle') {
-    return (
-      <button
-        type="button"
-        onClick={() => onChange(!value)}
-        className={cn(
-          'flex h-6 w-full items-center justify-center rounded px-2 text-[10px] font-medium transition-colors',
-          value ? 'bg-green-500/20 text-green-400' : 'bg-white/5 text-muted-foreground hover:text-foreground',
-        )}
-      >
-        {control.label ?? (value ? 'On' : 'Off')}
-      </button>
-    )
-  }
-
-  return (
-    <div className="flex flex-col gap-0.5">
-      <div className="flex items-center justify-between text-[10px] text-muted-foreground">
-        <span>{control.label ?? control.kind}</span>
-        <span>{value}{control.kind === 'temperature' ? '°' : ''}{'unit' in control && control.unit ? ` ${control.unit}` : ''}</span>
-      </div>
-      <input
-        type="range"
-        min={'min' in control ? control.min : 0}
-        max={'max' in control ? control.max : 100}
-        step={'step' in control ? (control as { step?: number }).step ?? 1 : 1}
-        value={value as number}
-        onChange={(e) => onChange(Number(e.target.value))}
-        onPointerDown={(e) => e.stopPropagation()}
-        className="w-full accent-white"
-      />
-    </div>
-  )
-}
-
-// ─── Collection row ───────────────────────────────────────────────────────────
-
-function CollectionRow({ collectionId }: { collectionId: CollectionId }) {
-  const collection = useScene((s) => s.collections[collectionId])
-
-  const interactiveItems = useScene(
-    useShallow((s) =>
-      (collection?.nodeIds ?? [])
-        .map((id) => s.nodes[id])
-        .filter((n): n is ItemNode => n?.type === 'item' && !!n.asset.interactive)
-    ),
-  )
-
-  const allItems = useInteractive((s) => s.items)
-  const controlValuesByItem = useMemo(
-    () => Object.fromEntries(interactiveItems.map((n) => [n.id, allItems[n.id]?.controlValues ?? []])),
-    [allItems, interactiveItems],
-  )
-
-  const setControlValue = useInteractive((s) => s.setControlValue)
-
-  const [expanded, setExpanded] = useState(false)
-  const [expandedItemIds, setExpandedItemIds] = useState<Set<AnyNodeId>>(new Set())
-
-  if (!collection) return null
-
-  const sharedControls = deriveSharedControls(interactiveItems)
-
-  const getSharedValue = (def: SharedControlDef): ControlValue => {
-    if (def.kind === 'toggle') {
-      return def.refs.every(({ itemId, controlIndex }) => Boolean(controlValuesByItem[itemId]?.[controlIndex]))
-    }
-    const first = def.refs[0]!
-    return controlValuesByItem[first.itemId]?.[first.controlIndex] ?? 0
-  }
-
-  const setSharedValue = (def: SharedControlDef, value: ControlValue) => {
-    for (const { itemId, controlIndex } of def.refs) {
-      setControlValue(itemId, controlIndex, value)
-    }
-  }
-
-  const toggleItemExpand = (id: AnyNodeId) => {
-    setExpandedItemIds((prev) => {
-      const next = new Set(prev)
-      if (next.has(id)) next.delete(id)
-      else next.add(id)
-      return next
-    })
-  }
-
-  return (
-    <div>
-      {/* Header */}
-      <button
-        type="button"
-        onClick={() => setExpanded((v) => !v)}
-        className="flex w-full items-center gap-2 px-3 py-2.5 hover:bg-white/5 transition-colors"
-      >
-        <span
-          className="h-2.5 w-2.5 shrink-0 rounded-sm border border-white/20"
-          style={{ backgroundColor: collection.color ?? '#6366f1' }}
-        />
-        <span className="flex-1 min-w-0 text-xs font-medium text-foreground truncate text-left">
-          {collection.name}
-        </span>
-        {interactiveItems.length > 0 && (
-          <span className="text-[10px] text-muted-foreground shrink-0">
-            {interactiveItems.length}
-          </span>
-        )}
-        {expanded
-          ? <ChevronDown className="h-3 w-3 shrink-0 text-muted-foreground" />
-          : <ChevronRight className="h-3 w-3 shrink-0 text-muted-foreground" />}
-      </button>
-
-      {/* Expanded */}
-      {expanded && (
-        <div className="pb-1">
-          {interactiveItems.length === 0 ? (
-            <p className="px-3 pb-2 text-[11px] text-muted-foreground">No interactive items.</p>
-          ) : (
-            <>
-              {/* Shared controls */}
-              {sharedControls.length > 0 && (
-                <div className="px-3 pt-0.5 pb-2.5 border-b border-border/30">
-                  <p className="text-[10px] font-medium uppercase tracking-wider text-muted-foreground mb-2">All</p>
-                  <div className="flex flex-col gap-2">
-                    {sharedControls.map((def, i) => (
-                      <SharedWidget
-                        key={i}
-                        def={def}
-                        value={getSharedValue(def)}
-                        onChange={(v) => setSharedValue(def, v)}
-                      />
-                    ))}
-                  </div>
-                </div>
-              )}
-
-              {/* Individual items */}
-              {interactiveItems.map((item) => {
-                const isItemExpanded = expandedItemIds.has(item.id)
-                const controls = item.asset.interactive!.controls
-                const values = controlValuesByItem[item.id] ?? []
-
-                return (
-                  <div key={item.id}>
-                    <button
-                      type="button"
-                      onClick={() => toggleItemExpand(item.id)}
-                      className="flex w-full items-center gap-1.5 px-3 py-1.5 hover:bg-white/5 transition-colors"
-                    >
-                      {isItemExpanded
-                        ? <ChevronDown className="h-2.5 w-2.5 shrink-0 text-muted-foreground/50" />
-                        : <ChevronRight className="h-2.5 w-2.5 shrink-0 text-muted-foreground/50" />}
-                      <span className="flex-1 min-w-0 text-[11px] text-muted-foreground truncate text-left">
-                        {item.name || item.asset.name}
-                      </span>
-                    </button>
-
-                    {isItemExpanded && (
-                      <div className="px-3 pb-2 flex flex-col gap-1.5">
-                        {controls.map((control, i) => (
-                          <ItemWidget
-                            key={i}
-                            control={control}
-                            value={values[i] ?? false}
-                            onChange={(v) => setControlValue(item.id, i, v)}
-                          />
-                        ))}
-                      </div>
-                    )}
-                  </div>
-                )
-              })}
-            </>
-          )}
-        </div>
-      )}
-    </div>
-  )
-}
-
-// ─── Main panel ───────────────────────────────────────────────────────────────
-
-export function CollectionsPanel() {
-  const collectionIds = useScene(
-    useShallow((s) => Object.keys(s.collections) as CollectionId[]),
-  )
-
-  if (collectionIds.length === 0) return null
-
-  return (
-    <div className="pointer-events-auto flex flex-col rounded-2xl border border-border/40 bg-background/95 shadow-lg backdrop-blur-xl overflow-hidden w-56">
-      <div className="px-3 py-2 border-b border-border/40 shrink-0">
-        <span className="text-[10px] font-medium text-muted-foreground uppercase tracking-wider">Collections</span>
-      </div>
-      <div className="overflow-y-auto max-h-[70vh] no-scrollbar divide-y divide-border/30">
-        {collectionIds.map((id) => (
-          <CollectionRow key={id} collectionId={id} />
-        ))}
-      </div>
-    </div>
-  )
-}
diff --git a/apps/editor/app/viewer/[id]/error.tsx b/apps/editor/app/viewer/[id]/error.tsx
deleted file mode 100644
index ef886307..00000000
--- a/apps/editor/app/viewer/[id]/error.tsx
+++ /dev/null
@@ -1,42 +0,0 @@
-'use client'
-
-import Link from 'next/link'
-import { useEffect } from 'react'
-
-export default function ViewerRouteError({
-  error,
-  reset,
-}: Readonly<{
-  error: Error & { digest?: string }
-  reset: () => void
-}>) {
-  useEffect(() => {
-    console.error('[viewer-route] Unhandled viewer error:', error)
-  }, [error])
-
-  return (
-    <div className="flex min-h-screen w-full items-center justify-center bg-background p-4 text-foreground">
-      <div className="w-full max-w-md rounded-2xl border border-border/60 bg-background p-6 shadow-xl">
-        <h1 className="text-lg font-semibold">Viewer error</h1>
-        <p className="mt-2 text-sm text-muted-foreground">
-          We couldn&apos;t load this project view. You can retry without leaving the app.
-        </p>
-        <div className="mt-4 flex items-center gap-2">
-          <button
-            className="rounded-md border border-border bg-accent px-3 py-2 text-sm font-medium hover:bg-accent/80"
-            onClick={reset}
-            type="button"
-          >
-            Try again
-          </button>
-          <Link
-            className="rounded-md border border-border bg-background px-3 py-2 text-sm font-medium hover:bg-accent/40"
-            href="/"
-          >
-            Back to home
-          </Link>
-        </div>
-      </div>
-    </div>
-  )
-}
diff --git a/apps/editor/app/viewer/[id]/layout.tsx b/apps/editor/app/viewer/[id]/layout.tsx
deleted file mode 100644
index 9a53f302..00000000
--- a/apps/editor/app/viewer/[id]/layout.tsx
+++ /dev/null
@@ -1,14 +0,0 @@
-import type { Metadata } from 'next'
-
-export const metadata: Metadata = {
-  title: 'Project Viewer',
-  description: 'View and share 3D projects built with Pascal Editor.',
-}
-
-export default function ViewerLayout({
-  children,
-}: Readonly<{
-  children: React.ReactNode
-}>) {
-  return children
-}
diff --git a/apps/editor/app/viewer/[id]/page.tsx b/apps/editor/app/viewer/[id]/page.tsx
deleted file mode 100644
index f643a9cd..00000000
--- a/apps/editor/app/viewer/[id]/page.tsx
+++ /dev/null
@@ -1,190 +0,0 @@
-'use client'
-
-import { initSpatialGridSync, useScene } from '@pascal-app/core'
-import { InteractiveSystem, useViewer, Viewer } from '@pascal-app/viewer'
-import Link from 'next/link'
-import { useParams } from 'next/navigation'
-import { useEffect, useState } from 'react'
-import { ErrorBoundary } from '@/components/ui/primitives/error-boundary'
-import { SceneLoader } from '@/components/ui/scene-loader'
-import {
-  getProjectModelPublic,
-  incrementProjectViews,
-} from '@/features/community/lib/projects/actions'
-import type { ProjectOwner } from '@/features/community/lib/projects/types'
-import { ViewerCameraControls } from './viewer-camera-controls'
-import { ViewerGuestCTA } from './viewer-guest-cta'
-import { ViewerOverlay } from './viewer-overlay'
-import { ViewerZoneSystem } from './viewer-zone-system'
-
-function ViewerSceneCrashFallback({ projectName }: { projectName?: string | null }) {
-  return (
-    <div className="absolute inset-0 z-30 flex items-center justify-center bg-background/95 p-4 text-foreground">
-      <div className="w-full max-w-md rounded-2xl border border-border/60 bg-background p-6 shadow-xl">
-        <h2 className="text-lg font-semibold">The 3D scene failed to render</h2>
-        <p className="mt-2 text-sm text-muted-foreground">
-          {projectName ? `"${projectName}" ` : ''}
-          hit a rendering error. The rest of the app is still available.
-        </p>
-        <div className="mt-4 flex items-center gap-2">
-          <button
-            className="rounded-md border border-border bg-accent px-3 py-2 text-sm font-medium hover:bg-accent/80"
-            onClick={() => window.location.reload()}
-            type="button"
-          >
-            Reload scene
-          </button>
-          <Link
-            className="rounded-md border border-border bg-background px-3 py-2 text-sm font-medium hover:bg-accent/40"
-            href="/"
-          >
-            Back to home
-          </Link>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default function ViewerPage() {
-  const params = useParams()
-  const id = params.id as string
-  const [loading, setLoading] = useState(true)
-  const [error, setError] = useState<string | null>(null)
-  const [projectId, setProjectId] = useState<string | null>(null)
-  const [projectName, setProjectName] = useState<string | null>(null)
-  const [owner, setOwner] = useState<ProjectOwner | null>(null)
-  const [canShowScans, setCanShowScans] = useState(true)
-  const [canShowGuides, setCanShowGuides] = useState(true)
-  const setScene = useScene((state) => state.setScene)
-
-  useEffect(() => {
-    useViewer.getState().setProjectId(projectId)
-  }, [projectId])
-
-  useEffect(() => {
-    let cancelled = false
-    setLoading(true)
-    setError(null)
-    setProjectId(null)
-    setProjectName(null)
-    setOwner(null)
-    setCanShowScans(true)
-    setCanShowGuides(true)
-    useViewer.getState().setShowScans(true)
-    useViewer.getState().setShowGuides(true)
-
-    const loadContent = async () => {
-      try {
-        // Check if it's a demo file (starts with 'demo_')
-        if (id.startsWith('demo_')) {
-          const response = await fetch(`/demos/${id}.json`)
-          if (cancelled) return
-
-          if (!response.ok) {
-            throw new Error(`Demo "${id}" not found`)
-          }
-
-          const data = await response.json()
-          if (cancelled) return
-
-          if (data.nodes && data.rootNodeIds) {
-            setScene(data.nodes, data.rootNodeIds)
-            initSpatialGridSync()
-          }
-
-          setProjectName('Demo')
-        } else {
-          // Load from database (public project)
-          const result = await getProjectModelPublic(id)
-          if (cancelled) return
-
-          if (result.success && result.data) {
-            const { project, model, isOwner } = result.data
-            const projectData = project as any
-
-            setProjectId(project.id)
-            setProjectName(project.name)
-            setOwner(projectData.owner ?? null)
-
-            // Apply public visibility settings for scans/guides (only for non-owners)
-            if (!isOwner) {
-              const scansAllowed = projectData.show_scans_public !== false
-              const guidesAllowed = projectData.show_guides_public !== false
-              setCanShowScans(scansAllowed)
-              setCanShowGuides(guidesAllowed)
-
-              if (!scansAllowed) {
-                useViewer.getState().setShowScans(false)
-              }
-              if (!guidesAllowed) {
-                useViewer.getState().setShowGuides(false)
-              }
-            }
-
-            if (model?.scene_graph) {
-              const { nodes, rootNodeIds } = model.scene_graph
-              setScene(nodes, rootNodeIds)
-              initSpatialGridSync()
-            }
-
-            // Increment view count
-            await incrementProjectViews(id)
-            if (cancelled) return
-          } else {
-            throw new Error(result.error || 'Project not found')
-          }
-        }
-
-        if (!cancelled) {
-          setLoading(false)
-        }
-      } catch (err) {
-        if (!cancelled) {
-          setError(err instanceof Error ? err.message : 'Failed to load content')
-          setLoading(false)
-        }
-      }
-    }
-
-    loadContent()
-
-    return () => {
-      cancelled = true
-    }
-  }, [id, setScene])
-
-  if (error) {
-    return (
-      <div className="flex h-screen w-full items-center justify-center bg-neutral-100">
-        <p className="text-destructive">{error}</p>
-      </div>
-    )
-  }
-
-  return (
-    <div className="relative h-screen w-full">
-      {loading && <SceneLoader fullScreen />}
-
-      {!loading && (
-        <>
-          <ViewerOverlay
-            projectName={projectName}
-            owner={owner}
-            canShowScans={canShowScans}
-            canShowGuides={canShowGuides}
-          />
-          <ViewerGuestCTA />
-
-          <ErrorBoundary key={id} fallback={<ViewerSceneCrashFallback projectName={projectName} />}>
-            <Viewer>
-              <ViewerCameraControls />
-              <ViewerZoneSystem />
-              <InteractiveSystem />
-            </Viewer>
-          </ErrorBoundary>
-        </>
-      )}
-    </div>
-  )
-}
diff --git a/apps/editor/app/viewer/[id]/viewer-camera-controls.tsx b/apps/editor/app/viewer/[id]/viewer-camera-controls.tsx
deleted file mode 100644
index e90a1f81..00000000
--- a/apps/editor/app/viewer/[id]/viewer-camera-controls.tsx
+++ /dev/null
@@ -1,178 +0,0 @@
-'use client'
-
-import { emitter, sceneRegistry, useScene } from '@pascal-app/core'
-import { useViewer } from '@pascal-app/viewer'
-import { CameraControls, CameraControlsImpl } from '@react-three/drei'
-import { useCallback, useEffect, useMemo, useRef } from 'react'
-import { Box3, Vector3 } from 'three'
-
-const tempBox = new Box3()
-const tempCenter = new Vector3()
-const tempSize = new Vector3()
-
-export const ViewerCameraControls = () => {
-  const controls = useRef<CameraControlsImpl>(null!)
-  const selection = useViewer((s) => s.selection)
-  const nodes = useScene((s) => s.nodes)
-  const cameraMode = useViewer((s) => s.cameraMode)
-  const firstLoad = useRef(true)
-
-  // Get the deepest selected node ID (excluding selectedIds)
-  const targetNodeId = selection.zoneId ?? selection.levelId ?? selection.buildingId
-
-  // Configure mouse buttons - same as editor
-  const mouseButtons = useMemo(() => {
-    const wheelAction =
-      cameraMode === 'orthographic'
-        ? CameraControlsImpl.ACTION.ZOOM
-        : CameraControlsImpl.ACTION.DOLLY
-
-    return {
-      left: CameraControlsImpl.ACTION.SCREEN_PAN,
-      middle: CameraControlsImpl.ACTION.SCREEN_PAN,
-      right: CameraControlsImpl.ACTION.ROTATE,
-      wheel: wheelAction,
-    }
-  }, [cameraMode])
-
-  useEffect(() => {
-    if (!controls.current) return
-
-    // On first load, set a default camera position
-    if (firstLoad.current) {
-      firstLoad.current = false
-      controls.current.setLookAt(30, 30, 30, 0, 0, 0, false)
-    }
-
-
-    let node = targetNodeId ? nodes[targetNodeId] : null;
-    if (!targetNodeId) {
-      const site = Object.values(nodes).find((n) => n.type === 'site')
-      node = site || null
-    }
-    if (!node) return
-
-    // Check if node has a saved camera
-    if (node.camera) {
-      
-      const { position, target } = node.camera
-      requestAnimationFrame(() => {
-        controls.current.setLookAt(
-          position[0],
-          position[1],
-          position[2],
-          target[0],
-          target[1],
-          target[2],
-          true,
-        )
-      })
-      return
-    }
-    if (!targetNodeId) {
-      // No selection and no site - do nothing
-      return
-    }
-
-    // Calculate camera position based on the node's 3D object
-    const object3D = sceneRegistry.nodes.get(targetNodeId)
-    if (!object3D) return
-
-    // Compute bounding box
-    tempBox.setFromObject(object3D)
-    tempBox.getCenter(tempCenter)
-    tempBox.getSize(tempSize)
-
-    // Calculate a good viewing distance based on the object size
-    const maxDim = Math.max(tempSize.x, tempSize.y, tempSize.z)
-    const distance = Math.max(maxDim * 2, 15)
-
-    // Position camera at an angle looking at the center
-    const cameraPos = new Vector3(
-      tempCenter.x + distance * 0.7,
-      tempCenter.y + distance * 0.5,
-      tempCenter.z + distance * 0.7,
-    )
-
-    controls.current.setLookAt(
-      cameraPos.x,
-      cameraPos.y,
-      cameraPos.z,
-      tempCenter.x,
-      tempCenter.y,
-      tempCenter.z,
-      true,
-    )
-  }, [targetNodeId, nodes])
-
-  useEffect(() => {
-    const handleTopView = () => {
-      if (!controls.current) return
-
-      const currentPolarAngle = controls.current.polarAngle
-
-      // Toggle: if already near top view (< 0.1 radians ≈ 5.7°), go back to 45°
-      // Otherwise, go to top view (0°)
-      const targetAngle = currentPolarAngle < 0.1 ? Math.PI / 4 : 0
-
-      controls.current.rotatePolarTo(targetAngle, true)
-    }
-
-    const handleOrbitCW = () => {
-      if (!controls.current) return
-
-      const currentAzimuth = controls.current.azimuthAngle
-      const currentPolar = controls.current.polarAngle
-      // Round to nearest 90° increment, then rotate 90° clockwise
-      const rounded = Math.round(currentAzimuth / (Math.PI / 2)) * (Math.PI / 2)
-      const target = rounded - Math.PI / 2
-
-      controls.current.rotateTo(target, currentPolar, true)
-    }
-
-    const handleOrbitCCW = () => {
-      if (!controls.current) return
-
-      const currentAzimuth = controls.current.azimuthAngle
-      const currentPolar = controls.current.polarAngle
-      // Round to nearest 90° increment, then rotate 90° counter-clockwise
-      const rounded = Math.round(currentAzimuth / (Math.PI / 2)) * (Math.PI / 2)
-      const target = rounded + Math.PI / 2
-
-      controls.current.rotateTo(target, currentPolar, true)
-    }
-
-    emitter.on('camera-controls:top-view', handleTopView)
-    emitter.on('camera-controls:orbit-cw', handleOrbitCW)
-    emitter.on('camera-controls:orbit-ccw', handleOrbitCCW)
-
-    return () => {
-      emitter.off('camera-controls:top-view', handleTopView)
-      emitter.off('camera-controls:orbit-cw', handleOrbitCW)
-      emitter.off('camera-controls:orbit-ccw', handleOrbitCCW)
-    }
-  }, [])
-
-  const onTransitionStart = useCallback(() => {
-    useViewer.getState().setCameraDragging(true)
-  }, [])
-
-  const onRest = useCallback(() => {
-    useViewer.getState().setCameraDragging(false)
-  }, [])
-
-  return (
-    <CameraControls
-      ref={controls}
-      maxDistance={100}
-      minDistance={5}
-      maxPolarAngle={Math.PI / 2 - 0.1}
-      minPolarAngle={0}
-      mouseButtons={mouseButtons}
-      onTransitionStart={onTransitionStart}
-      onRest={onRest}
-      restThreshold={0.01}
-      
-    />
-  )
-}
diff --git a/apps/editor/app/viewer/[id]/viewer-guest-cta.tsx b/apps/editor/app/viewer/[id]/viewer-guest-cta.tsx
deleted file mode 100644
index 8066a478..00000000
--- a/apps/editor/app/viewer/[id]/viewer-guest-cta.tsx
+++ /dev/null
@@ -1,29 +0,0 @@
-'use client'
-
-import { useState } from 'react'
-import { useAuth } from '@/features/community/lib/auth/hooks'
-import { SignInDialog } from '@/features/community/components/sign-in-dialog'
-
-export function ViewerGuestCTA() {
-  const { isAuthenticated, isLoading } = useAuth()
-  const [showSignIn, setShowSignIn] = useState(false)
-
-  if (isLoading || isAuthenticated) return null
-
-  return (
-    <>
-      <div className="absolute top-4 right-4 z-20 dark text-foreground">
-        <div className="pointer-events-auto bg-background/95 backdrop-blur-xl border border-border/40 rounded-2xl px-6 py-3 shadow-lg transition-colors duration-200 ease-out flex flex-col sm:flex-row items-center gap-4">
-          <p className="text-sm font-medium text-foreground text-center">Want to create your own 3D project?</p>
-          <button
-            onClick={() => setShowSignIn(true)}
-            className="rounded-lg bg-primary px-4 py-2 text-primary-foreground text-sm font-medium hover:bg-primary/90 transition-colors whitespace-nowrap w-full sm:w-auto"
-          >
-            Get Started
-          </button>
-        </div>
-      </div>
-      <SignInDialog open={showSignIn} onOpenChange={setShowSignIn} />
-    </>
-  )
-}
diff --git a/apps/editor/components/editor/index.tsx b/apps/editor/components/editor/index.tsx
deleted file mode 100644
index e3a329e7..00000000
--- a/apps/editor/components/editor/index.tsx
+++ /dev/null
@@ -1,182 +0,0 @@
-'use client'
-
-import { initSpaceDetectionSync, initSpatialGridSync, useScene } from '@pascal-app/core'
-import { InteractiveSystem, useViewer, Viewer } from '@pascal-app/viewer'
-import { useEffect } from 'react'
-import { useProjectScene } from '@/features/community/lib/models/hooks'
-import { useProjectStore } from '@/features/community/lib/projects/store'
-import { useKeyboard } from '@/hooks/use-keyboard'
-import { initSFXBus } from '@/lib/sfx-bus'
-import useEditor from '@/store/use-editor'
-import { ViewerOverlay } from '@/app/viewer/[id]/viewer-overlay'
-import { ViewerZoneSystem } from '@/app/viewer/[id]/viewer-zone-system'
-import { FeedbackDialog } from '../feedback-dialog'
-import { PascalRadio } from '../pascal-radio'
-import { PreviewButton } from '../preview-button'
-import { CeilingSystem } from '../systems/ceiling/ceiling-system'
-import { ZoneLabelEditorSystem } from '../systems/zone/zone-label-editor-system'
-import { ZoneSystem } from '../systems/zone/zone-system'
-import { ToolManager } from '../tools/tool-manager'
-import { ActionMenu } from '../ui/action-menu'
-import { HelperManager } from '../ui/helpers/helper-manager'
-import { PanelManager } from '../ui/panels/panel-manager'
-import { ErrorBoundary } from '../ui/primitives/error-boundary'
-import { SidebarProvider } from '../ui/primitives/sidebar'
-import { SceneLoader } from '../ui/scene-loader'
-import { AppSidebar } from '../ui/sidebar/app-sidebar'
-import { CustomCameraControls } from './custom-camera-controls'
-import { ExportManager } from './export-manager'
-import { FloatingActionMenu } from './floating-action-menu'
-import { Grid } from './grid'
-import { PresetThumbnailGenerator } from './preset-thumbnail-generator'
-import { SelectionManager } from './selection-manager'
-import { SiteEdgeLabels } from './site-edge-labels'
-import { ThumbnailGenerator } from './thumbnail-generator'
-
-// Load default scene initially (will be replaced when project loads)
-useScene.getState().loadScene()
-initSpatialGridSync()
-initSpaceDetectionSync(useScene, useEditor)
-
-// Auto-select the first building and level for the default scene
-const sceneNodes = useScene.getState().nodes as Record<string, any>
-const sceneRootIds = useScene.getState().rootNodeIds
-const siteNode = sceneRootIds[0] ? sceneNodes[sceneRootIds[0]] : null
-const resolve = (child: any) => (typeof child === 'string' ? sceneNodes[child] : child)
-const firstBuilding = siteNode?.children?.map(resolve).find((n: any) => n?.type === 'building')
-const firstLevel = firstBuilding?.children?.map(resolve).find((n: any) => n?.type === 'level')
-
-if (firstBuilding && firstLevel) {
-  useViewer.getState().setSelection({
-    buildingId: firstBuilding.id,
-    levelId: firstLevel.id,
-    selectedIds: [],
-    zoneId: null,
-  })
-  useEditor.getState().setPhase('structure')
-  useEditor.getState().setStructureLayer('elements')
-
-  // Auto-select the wall tool if the level is empty
-  if (!firstLevel.children || firstLevel.children.length === 0) {
-    useEditor.getState().setMode('build')
-    useEditor.getState().setTool('wall')
-  }
-}
-
-// Initialize SFX bus to connect events to sound effects
-initSFXBus()
-
-interface EditorProps {
-  projectId?: string
-}
-
-function EditorSceneCrashFallback() {
-  return (
-    <div className="fixed inset-0 z-[80] flex items-center justify-center bg-background/95 p-4 text-foreground">
-      <div className="w-full max-w-md rounded-2xl border border-border/60 bg-background p-6 shadow-xl">
-        <h2 className="text-lg font-semibold">The editor scene failed to render</h2>
-        <p className="mt-2 text-sm text-muted-foreground">
-          You can retry the scene or return home without reloading the whole app shell.
-        </p>
-        <div className="mt-4 flex items-center gap-2">
-          <button
-            className="rounded-md border border-border bg-accent px-3 py-2 text-sm font-medium hover:bg-accent/80"
-            onClick={() => window.location.reload()}
-            type="button"
-          >
-            Reload editor
-          </button>
-          <a
-            className="rounded-md border border-border bg-background px-3 py-2 text-sm font-medium hover:bg-accent/40"
-            href="/"
-          >
-            Back to home
-          </a>
-        </div>
-      </div>
-    </div>
-  )
-}
-
-export default function Editor({ projectId }: EditorProps) {
-  useKeyboard()
-  useProjectScene()
-
-  const isProjectLoading = useProjectStore((state) => state.isLoading)
-  const isSceneLoading = useProjectStore((state) => state.isSceneLoading)
-  const isLoading = isProjectLoading || isSceneLoading
-  const isPreviewMode = useEditor((s) => s.isPreviewMode)
-  const activeProject = useProjectStore((s) => s.activeProject)
-
-  useEffect(() => {
-    if (projectId) {
-      useViewer.getState().setProjectId(projectId)
-    } else {
-      useViewer.getState().setProjectId(null)
-    }
-  }, [projectId])
-
-  useEffect(() => {
-    document.body.classList.add('dark')
-    return () => {
-      document.body.classList.remove('dark')
-    }
-  }, [])
-
-  return (
-    <div className="w-full h-full dark text-foreground">
-      {isLoading && <SceneLoader />}
-
-      {isPreviewMode ? (
-        <ViewerOverlay
-          projectName={activeProject?.name}
-          onBack={() => useEditor.getState().setPreviewMode(false)}
-        />
-      ) : (
-        <>
-          <ActionMenu />
-          <PanelManager />
-          <HelperManager />
-
-          {/* Top-right controls */}
-          <div className="pointer-events-none fixed top-4 right-4 z-50 flex items-start gap-2">
-            <div className="pointer-events-auto">
-              <PreviewButton />
-            </div>
-            <div className="pointer-events-auto">
-              <PascalRadio />
-            </div>
-            <div className="pointer-events-auto">
-              <FeedbackDialog projectId={projectId} />
-            </div>
-          </div>
-
-          <SidebarProvider className="fixed z-20">
-            <AppSidebar />
-          </SidebarProvider>
-        </>
-      )}
-
-      <ErrorBoundary key={projectId} fallback={<EditorSceneCrashFallback />}>
-        <Viewer selectionManager={isPreviewMode ? 'default' : 'custom'}>
-          {!isPreviewMode && <SelectionManager />}
-          {!isPreviewMode && <FloatingActionMenu />}
-          <ExportManager />
-          {/* Swap zone systems: viewer drill-down vs editor layer toggle */}
-          {isPreviewMode ? <ViewerZoneSystem /> : <ZoneSystem />}
-          <CeilingSystem />
-          {!isPreviewMode && (
-            <Grid cellColor="#aaa" sectionColor="#ccc" fadeDistance={500} />
-          )}
-          {!isPreviewMode && <ToolManager />}
-          <CustomCameraControls />
-          <ThumbnailGenerator projectId={projectId} />
-          <PresetThumbnailGenerator />
-          {!isPreviewMode && <SiteEdgeLabels />}
-          {isPreviewMode && <InteractiveSystem />}
-        </Viewer>
-        {!isPreviewMode && <ZoneLabelEditorSystem />}
-      </ErrorBoundary>
-    </div>
-  )
-}
diff --git a/apps/editor/components/editor/selection-manager.tsx b/apps/editor/components/editor/selection-manager.tsx
deleted file mode 100644
index d1f31627..00000000
--- a/apps/editor/components/editor/selection-manager.tsx
+++ /dev/null
@@ -1,449 +0,0 @@
-import {
-  type AnyNode,
-  type BuildingNode,
-  emitter,
-  type ItemNode,
-  type NodeEvent,
-  resolveLevelId,
-  sceneRegistry,
-  useScene,
-} from "@pascal-app/core";
-
-import { useViewer } from "@pascal-app/viewer";
-import { useEffect, useRef } from "react";
-import useEditor from "@/store/use-editor";
-
-const isNodeInCurrentLevel = (node: AnyNode): boolean => {
-  const currentLevelId = useViewer.getState().selection.levelId;
-  if (!currentLevelId) return true; // No level selected, allow all
-  const nodeLevelId = resolveLevelId(node, useScene.getState().nodes);
-  return nodeLevelId === currentLevelId;
-};
-
-type SelectableNodeType = "wall" | "item" | "building" | "zone" | 'slab' | 'ceiling' | 'roof' | 'window' | 'door';
-
-type ModifierKeys = {
-  meta: boolean;
-  ctrl: boolean;
-};
-
-interface SelectionStrategy {
-  types: SelectableNodeType[];
-  handleSelect: (node: AnyNode, nativeEvent?: any, modifierKeys?: ModifierKeys) => void;
-  handleDeselect: () => void;
-  isValid: (node: AnyNode) => boolean;
-}
-
-export const resolveBuildingId = (levelId: string, nodes: Record<string, AnyNode>): string | null => {
-  const level = nodes[levelId];
-  if (!level) return null;
-  if (level.parentId && nodes[level.parentId]?.type === "building") {
-    return level.parentId;
-  }
-  return null;
-};
-
-const computeNextIds = (
-  node: AnyNode,
-  selectedIds: string[],
-  event?: any,
-  modifierKeys?: ModifierKeys
-): string[] => {
-  const isMeta = event?.metaKey || event?.nativeEvent?.metaKey || modifierKeys?.meta || false;
-  const isCtrl = event?.ctrlKey || event?.nativeEvent?.ctrlKey || modifierKeys?.ctrl || false;
-
-  console.log("computeNextIds:", {
-    nodeId: node.id,
-    selectedIds,
-    isMeta,
-    isCtrl,
-    eventMeta: event?.metaKey,
-    nativeMeta: event?.nativeEvent?.metaKey,
-    modMeta: modifierKeys?.meta
-  });
-
-  if (isMeta || isCtrl) {
-    if (selectedIds.includes(node.id)) {
-      return selectedIds.filter((id) => id !== node.id);
-    } else {
-      return [...selectedIds, node.id];
-    }
-  }
-
-  // Not holding modifiers: select only this node
-  return [node.id];
-};
-
-const SELECTION_STRATEGIES: Record<string, SelectionStrategy> = {
-  site: {
-    types: ["building"],
-    handleSelect: (node) => {
-      useViewer
-        .getState()
-        .setSelection({ buildingId: (node as BuildingNode).id });
-    },
-    handleDeselect: () => {
-      useViewer.getState().setSelection({ buildingId: null });
-    },
-    isValid: (node) => node.type === "building",
-  },
-
-  structure: {
-    types: ["wall", "item", "zone", "slab", "ceiling", "roof", "window", "door"],
-    handleSelect: (node, nativeEvent, modifierKeys) => {
-      const { selection, setSelection } = useViewer.getState();
-      const nodes = useScene.getState().nodes;
-      const nodeLevelId = resolveLevelId(node, nodes);
-      const buildingId = resolveBuildingId(nodeLevelId, nodes);
-
-      const updates: any = {};
-      if (nodeLevelId !== "default" && nodeLevelId !== selection.levelId) {
-        updates.levelId = nodeLevelId;
-      }
-      if (buildingId && buildingId !== selection.buildingId) {
-        updates.buildingId = buildingId;
-      }
-
-      if (node.type === 'zone') {
-        updates.zoneId = node.id;
-        // Don't reset selectedIds in structure phase for zone, but if we changed level, it might reset them via hierarchy guard.
-        // Wait, the hierarchy guard resets zoneId if levelId changes. That's fine since we provide zoneId.
-        setSelection(updates);
-      } else {
-        updates.selectedIds = computeNextIds(node, selection.selectedIds, nativeEvent, modifierKeys);
-        setSelection(updates);
-      }
-    },
-    handleDeselect: () => {
-      const structureLayer = useEditor.getState().structureLayer;
-      if (structureLayer === "zones") {
-        useViewer.getState().setSelection({ zoneId: null });
-      } else {
-        useViewer.getState().setSelection({ selectedIds: [] });
-      }
-    },
-    isValid: (node) => {
-      if (!isNodeInCurrentLevel(node)) return false;
-      const structureLayer = useEditor.getState().structureLayer;
-      if (structureLayer === "zones") {
-        if (node.type === "zone") return true;
-        return false;
-      } else {
-        if (node.type === "wall" || node.type === "slab" || node.type === "ceiling" || node.type === "roof") return true;
-        if (node.type === "item") {
-          return (
-            (node as ItemNode).asset.category === "door" ||
-            (node as ItemNode).asset.category === "window"
-          );
-        }
-        if (node.type === "window" || node.type === "door") return true;
-
-        return false;
-      }
-    },
-  },
-
-  furnish: {
-    types: ["item"],
-    handleSelect: (node, nativeEvent, modifierKeys) => {
-      const { selection, setSelection } = useViewer.getState();
-      const nodes = useScene.getState().nodes;
-      const nodeLevelId = resolveLevelId(node, nodes);
-      const buildingId = resolveBuildingId(nodeLevelId, nodes);
-
-      const updates: any = {};
-      if (nodeLevelId !== "default" && nodeLevelId !== selection.levelId) {
-        updates.levelId = nodeLevelId;
-      }
-      if (buildingId && buildingId !== selection.buildingId) {
-        updates.buildingId = buildingId;
-      }
-
-      updates.selectedIds = computeNextIds(node, selection.selectedIds, nativeEvent, modifierKeys);
-      setSelection(updates);
-    },
-    handleDeselect: () => {
-      useViewer.getState().setSelection({ selectedIds: [] });
-    },
-    isValid: (node) => {
-      if (!isNodeInCurrentLevel(node)) return false;
-      if (node.type !== "item") return false;
-      const item = node as ItemNode;
-      return item.asset.category !== "door" && item.asset.category !== "window";
-    },
-  },
-};
-
-export const SelectionManager = () => {
-  const phase = useEditor((s) => s.phase);
-  const mode = useEditor((s) => s.mode);
-  const modifierKeysRef = useRef<ModifierKeys>({
-    meta: false,
-    ctrl: false,
-  });
-  const clickHandledRef = useRef(false);
-
-  const movingNode = useEditor((s) => s.movingNode);
-
-  useEffect(() => {
-    const onKeyDown = (event: KeyboardEvent) => {
-      if (event.key === "Meta") modifierKeysRef.current.meta = true;
-      if (event.key === "Control") modifierKeysRef.current.ctrl = true;
-    };
-
-    const onKeyUp = (event: KeyboardEvent) => {
-      if (event.key === "Meta") modifierKeysRef.current.meta = false;
-      if (event.key === "Control") modifierKeysRef.current.ctrl = false;
-    };
-
-    const clearModifiers = () => {
-      modifierKeysRef.current.meta = false;
-      modifierKeysRef.current.ctrl = false;
-    };
-
-    window.addEventListener("keydown", onKeyDown);
-    window.addEventListener("keyup", onKeyUp);
-    window.addEventListener("blur", clearModifiers);
-
-    return () => {
-      window.removeEventListener("keydown", onKeyDown);
-      window.removeEventListener("keyup", onKeyUp);
-      window.removeEventListener("blur", clearModifiers);
-    };
-  }, []);
-
-  useEffect(() => {
-    if (mode !== "select") return;
-    if (movingNode) return;
-
-    const onClick = (event: NodeEvent) => {
-      const node = event.node;
-      let currentPhase = useEditor.getState().phase;
-      let targetPhase = currentPhase;
-
-      // Auto-switch between structure and furnish phases when clicking elements on the same level
-      if (currentPhase === "structure" || currentPhase === "furnish") {
-        if (isNodeInCurrentLevel(node)) {
-          if (
-            node.type === "wall" || 
-            node.type === "slab" || 
-            node.type === "ceiling" || 
-            node.type === "roof" || 
-            node.type === "window" || 
-            node.type === "door"
-          ) {
-            targetPhase = "structure";
-          } else if (node.type === "item") {
-            const item = node as ItemNode;
-            if (item.asset.category === "door" || item.asset.category === "window") {
-              targetPhase = "structure";
-            } else {
-              targetPhase = "furnish";
-            }
-          }
-          
-          if (targetPhase !== currentPhase) {
-            useEditor.getState().setPhase(targetPhase);
-            if (targetPhase === "structure" && useEditor.getState().structureLayer === "zones") {
-              useEditor.getState().setStructureLayer("elements");
-            }
-            currentPhase = targetPhase;
-          }
-        }
-      }
-
-      const activeStrategy = SELECTION_STRATEGIES[currentPhase];
-      if (activeStrategy?.isValid(node)) {
-        event.stopPropagation();
-        clickHandledRef.current = true;
-        
-        console.log("[SelectionManager] Valid click on:", node.type, node.id, "Shift:", event.nativeEvent.shiftKey);
-        activeStrategy.handleSelect(node, event.nativeEvent, modifierKeysRef.current);
-
-        // Reset the handled flag after a short delay to allow grid:click to be ignored
-        setTimeout(() => {
-          clickHandledRef.current = false;
-        }, 50);
-      }
-    };
-
-    const allTypes = ["wall", "item", "building", "zone", "slab", "ceiling", "roof", "window", "door"];
-    allTypes.forEach((type) => {
-      emitter.on(`${type}:click` as any, onClick as any);
-    });
-
-    const onGridClick = () => {
-      if (clickHandledRef.current) return;
-      console.log("onGridClick triggered! Deselecting.");
-      const activeStrategy = SELECTION_STRATEGIES[useEditor.getState().phase];
-      if (activeStrategy) activeStrategy.handleDeselect();
-    };
-    emitter.on("grid:click", onGridClick);
-
-    return () => {
-      allTypes.forEach((type) => {
-        emitter.off(`${type}:click` as any, onClick as any);
-      });
-      emitter.off("grid:click", onGridClick);
-    };
-  }, [mode, movingNode]);
-
-  // Global double-click handler for auto-switching phases and cross-phase hover
-  useEffect(() => {
-    if (mode !== "select") return;
-    if (movingNode) return;
-
-    const onEnter = (event: NodeEvent) => {
-      const node = event.node;
-      const currentPhase = useEditor.getState().phase;
-
-      // Ignore site/building if we are already inside a building
-      if (node.type === "building" || node.type === "site") {
-        if (currentPhase === "structure" || currentPhase === "furnish") {
-          return;
-        }
-      }
-
-      // Ignore zones unless specifically in zones layer
-      if (node.type === "zone") {
-        if (currentPhase !== "structure" || useEditor.getState().structureLayer !== "zones") {
-          return;
-        }
-      }
-
-      // Check level constraint for interior nodes
-      if (currentPhase === "structure" || currentPhase === "furnish") {
-        if (!isNodeInCurrentLevel(node)) return;
-      }
-
-      event.stopPropagation();
-      useViewer.setState({ hoveredId: node.id });
-    };
-
-    const onLeave = (event: NodeEvent) => {
-      if (useViewer.getState().hoveredId === event.node.id) {
-        useViewer.setState({ hoveredId: null });
-      }
-    };
-
-    const onDoubleClick = (event: NodeEvent) => {
-      const node = event.node;
-      const currentPhase = useEditor.getState().phase;
-      
-      let targetPhase: "site" | "structure" | "furnish" | null = null;
-
-      if (node.type === "building" || node.type === "site") {
-        if (currentPhase === "structure" || currentPhase === "furnish") {
-          return; // Ignore building/site double clicks if we are already inside a building
-        }
-        if (node.type === "building") {
-          targetPhase = "structure";
-        }
-      } else if (
-        node.type === "wall" || 
-        node.type === "slab" || 
-        node.type === "ceiling" || 
-        node.type === "roof" || 
-        node.type === "window" || 
-        node.type === "door"
-      ) {
-        targetPhase = "structure";
-      } else if (node.type === "item") {
-        const item = node as ItemNode;
-        if (item.asset.category === "door" || item.asset.category === "window") {
-          targetPhase = "structure";
-        } else {
-          targetPhase = "furnish";
-        }
-      }
-
-      if (node.type === "zone") {
-        return;
-      }
-
-      if (targetPhase && targetPhase !== useEditor.getState().phase) {
-        event.stopPropagation();
-        
-        useEditor.getState().setPhase(targetPhase);
-        
-        if (targetPhase === "structure" && useEditor.getState().structureLayer === "zones") {
-          useEditor.getState().setStructureLayer("elements");
-        }
-
-        const strategy = SELECTION_STRATEGIES[targetPhase];
-        if (strategy) {
-          strategy.handleSelect(node, event.nativeEvent, modifierKeysRef.current);
-        }
-      }
-    };
-
-    const allTypes = ["wall", "item", "building", "slab", "ceiling", "roof", "window", "door", "zone", "site"];
-    allTypes.forEach((type) => {
-      emitter.on(`${type}:enter` as any, onEnter as any);
-      emitter.on(`${type}:leave` as any, onLeave as any);
-      emitter.on(`${type}:double-click` as any, onDoubleClick as any);
-    });
-
-    return () => {
-      allTypes.forEach((type) => {
-        emitter.off(`${type}:enter` as any, onEnter as any);
-        emitter.off(`${type}:leave` as any, onLeave as any);
-        emitter.off(`${type}:double-click` as any, onDoubleClick as any);
-      });
-    };
-  }, [mode, movingNode]);
-
-  return <EditorOutlinerSync />;
-};
-
-const EditorOutlinerSync = () => {
-  const phase = useEditor((s) => s.phase);
-  const selection = useViewer((s) => s.selection);
-  const hoveredId = useViewer((s) => s.hoveredId);
-  const outliner = useViewer((s) => s.outliner);
-
-  useEffect(() => {
-    let idsToHighlight: string[] = [];
-
-    // 1. Determine what should be highlighted based on Phase
-    switch (phase) {
-      case "site":
-        // Only highlight the building if one is selected
-        if (selection.buildingId) idsToHighlight = [selection.buildingId];
-        break;
-
-      case "structure":
-        // Highlight selected items (walls/slabs)
-        // We IGNORE buildingId even if it's set in the store
-        idsToHighlight = selection.selectedIds;
-        break;
-
-      case "furnish":
-        // Highlight selected furniture/items
-        idsToHighlight = selection.selectedIds;
-        break;
-
-      default:
-        // Pure Viewer mode: Highlight based on the "deepest" selection
-        if (selection.selectedIds.length > 0)
-          idsToHighlight = selection.selectedIds;
-        else if (selection.levelId) idsToHighlight = [selection.levelId];
-        else if (selection.buildingId) idsToHighlight = [selection.buildingId];
-    }
-
-    // 2. Sync with the imperative outliner arrays (mutate in place to keep references)
-    outliner.selectedObjects.length = 0;
-    for (const id of idsToHighlight) {
-      const obj = sceneRegistry.nodes.get(id);
-      if (obj) outliner.selectedObjects.push(obj);
-    }
-
-    outliner.hoveredObjects.length = 0;
-    if (hoveredId) {
-      const obj = sceneRegistry.nodes.get(hoveredId);
-      if (obj) outliner.hoveredObjects.push(obj);
-    }
-  }, [phase, selection, hoveredId, outliner]);
-
-  return null;
-};
diff --git a/apps/editor/components/preview-button.tsx b/apps/editor/components/preview-button.tsx
deleted file mode 100644
index 97af7158..00000000
--- a/apps/editor/components/preview-button.tsx
+++ /dev/null
@@ -1,16 +0,0 @@
-'use client'
-
-import { Eye } from 'lucide-react'
-import useEditor from '@/store/use-editor'
-
-export function PreviewButton() {
-  return (
-    <button
-      onClick={() => useEditor.getState().setPreviewMode(true)}
-      className="flex items-center gap-2 rounded-lg border border-border bg-background/95 shadow-lg backdrop-blur-md px-3 py-2 text-sm font-medium cursor-pointer hover:bg-accent/90 transition-colors"
-    >
-      <Eye className="h-4 w-4 shrink-0" />
-      <span className="hidden sm:inline whitespace-nowrap">Preview</span>
-    </button>
-  )
-}
diff --git a/apps/editor/components/tools/zone/zone-tool.tsx b/apps/editor/components/tools/zone/zone-tool.tsx
deleted file mode 100644
index 62ae22f1..00000000
--- a/apps/editor/components/tools/zone/zone-tool.tsx
+++ /dev/null
@@ -1,360 +0,0 @@
-import { emitter, type GridEvent, useScene, ZoneNode, type LevelNode } from "@pascal-app/core";
-import { useViewer } from "@pascal-app/viewer";
-import { useEffect, useMemo, useRef, useState } from "react";
-import { BufferGeometry, DoubleSide, type Line, type Group, Shape, Vector3 } from "three";
-import { EDITOR_LAYER } from "@/lib/constants";
-import useEditor from "@/store/use-editor";
-import { CursorSphere } from "../shared/cursor-sphere";
-import { PALETTE_COLORS } from "@/components/ui/primitives/color-dot";
-
-const Y_OFFSET = 0.02;
-
-/**
- * Snaps a point to the nearest axis-aligned or 45-degree diagonal from the last point
- */
-const calculateSnapPoint = (
-  lastPoint: [number, number],
-  currentPoint: [number, number]
-): [number, number] => {
-  const [x1, y1] = lastPoint;
-  const [x, y] = currentPoint;
-
-  const dx = x - x1;
-  const dy = y - y1;
-  const absDx = Math.abs(dx);
-  const absDy = Math.abs(dy);
-
-  // Calculate distances to horizontal, vertical, and diagonal lines
-  const horizontalDist = absDy;
-  const verticalDist = absDx;
-  const diagonalDist = Math.abs(absDx - absDy);
-
-  // Find the minimum distance to determine which axis to snap to
-  const minDist = Math.min(horizontalDist, verticalDist, diagonalDist);
-
-  if (minDist === diagonalDist) {
-    // Snap to 45° diagonal
-    const diagonalLength = Math.min(absDx, absDy);
-    return [
-      x1 + Math.sign(dx) * diagonalLength,
-      y1 + Math.sign(dy) * diagonalLength,
-    ];
-  } else if (minDist === horizontalDist) {
-    // Snap to horizontal
-    return [x, y1];
-  } else {
-    // Snap to vertical
-    return [x1, y];
-  }
-};
-
-/**
- * Creates a zone with the given polygon points
- */
-const commitZoneDrawing = (
-  levelId: LevelNode["id"],
-  points: Array<[number, number]>
-) => {
-  const { createNode, nodes } = useScene.getState();
-
-  // Count existing zones for naming and color cycling
-  const zoneCount = Object.values(nodes).filter((n) => n.type === "zone").length;
-  const name = `Zone ${zoneCount + 1}`;
-
-  // Cycle through colors
-  const color = PALETTE_COLORS[zoneCount % PALETTE_COLORS.length];
-
-  const zone = ZoneNode.parse({
-    name,
-    polygon: points,
-    color,
-  });
-
-  createNode(zone, levelId);
-
-  // Select the newly created zone
-  useViewer.getState().setSelection({ zoneId: zone.id });
-};
-
-type PreviewState = {
-  points: Array<[number, number]>;
-  cursorPoint: [number, number] | null;
-  levelY: number;
-};
-
-// Helper to validate point values (no NaN or Infinity)
-const isValidPoint = (
-  pt: [number, number] | null | undefined
-): pt is [number, number] => {
-  if (!pt) return false;
-  return Number.isFinite(pt[0]) && Number.isFinite(pt[1]);
-};
-
-export const ZoneTool: React.FC = () => {
-  const cursorRef = useRef<Group>(null);
-  const mainLineRef = useRef<Line>(null!);
-  const closingLineRef = useRef<Line>(null!);
-  const pointsRef = useRef<Array<[number, number]>>([]);
-  const levelYRef = useRef(0); // Track current level Y position
-  const currentLevelId = useViewer((state) => state.selection.levelId);
-  const setTool = useEditor((state) => state.setTool);
-
-  // Preview state for reactive rendering (for shape and point markers)
-  const [preview, setPreview] = useState<PreviewState>({
-    points: [],
-    cursorPoint: null,
-    levelY: 0,
-  });
-
-  useEffect(() => {
-    if (!currentLevelId) return;
-
-    let cursorPosition: [number, number] = [0, 0];
-
-    // Initialize line geometries
-    mainLineRef.current.geometry = new BufferGeometry();
-    closingLineRef.current.geometry = new BufferGeometry();
-
-    const updateLines = () => {
-      const points = pointsRef.current;
-      const y = levelYRef.current + Y_OFFSET;
-
-      if (points.length === 0) {
-        mainLineRef.current.visible = false;
-        closingLineRef.current.visible = false;
-        return;
-      }
-
-      // Build main line points
-      const linePoints: Vector3[] = points.map(
-        ([x, z]) => new Vector3(x, y, z)
-      );
-
-      // Add cursor point
-      const lastPoint = points[points.length - 1];
-      if (lastPoint) {
-        const snapped = calculateSnapPoint(lastPoint, cursorPosition);
-        if (isValidPoint(snapped)) {
-          linePoints.push(new Vector3(snapped[0], y, snapped[1]));
-        }
-      }
-
-      // Update main line geometry
-      if (linePoints.length >= 2) {
-        mainLineRef.current.geometry.dispose();
-        mainLineRef.current.geometry = new BufferGeometry().setFromPoints(linePoints);
-        mainLineRef.current.visible = true;
-      } else {
-        mainLineRef.current.visible = false;
-      }
-
-      // Update closing line (from cursor back to first point)
-      const firstPoint = points[0];
-      if (points.length >= 2 && lastPoint && isValidPoint(firstPoint)) {
-        const snapped = calculateSnapPoint(lastPoint, cursorPosition);
-        if (isValidPoint(snapped)) {
-          const closingPoints = [
-            new Vector3(snapped[0], y, snapped[1]),
-            new Vector3(firstPoint[0], y, firstPoint[1]),
-          ];
-          closingLineRef.current.geometry.dispose();
-          closingLineRef.current.geometry = new BufferGeometry().setFromPoints(closingPoints);
-          closingLineRef.current.visible = true;
-        }
-      } else {
-        closingLineRef.current.visible = false;
-      }
-    };
-
-    const updatePreview = () => {
-      const points = pointsRef.current;
-      const lastPoint = points[points.length - 1];
-
-      let cursorPt: [number, number] | null = null;
-      if (lastPoint) {
-        cursorPt = calculateSnapPoint(lastPoint, cursorPosition);
-      } else if (points.length === 0) {
-        cursorPt = cursorPosition;
-      }
-
-      setPreview({ points: [...points], cursorPoint: cursorPt, levelY: levelYRef.current });
-      updateLines();
-    };
-
-    const onGridMove = (event: GridEvent) => {
-      if (!cursorRef.current) return;
-
-      // Snap to 0.5 grid
-      const gridX = Math.round(event.position[0] * 2) / 2;
-      const gridZ = Math.round(event.position[2] * 2) / 2;
-      cursorPosition = [gridX, gridZ];
-      levelYRef.current = event.position[1];
-
-      // If we have points, snap to axis from last point
-      const lastPoint = pointsRef.current[pointsRef.current.length - 1];
-      if (lastPoint) {
-        const snapped = calculateSnapPoint(lastPoint, cursorPosition);
-        cursorRef.current.position.set(snapped[0], event.position[1], snapped[1]);
-      } else {
-        cursorRef.current.position.set(gridX, event.position[1], gridZ);
-      }
-
-      updatePreview();
-    };
-
-    const onGridClick = (event: GridEvent) => {
-      if (!currentLevelId) return;
-
-      const gridX = Math.round(event.position[0] * 2) / 2;
-      const gridZ = Math.round(event.position[2] * 2) / 2;
-      let clickPoint: [number, number] = [gridX, gridZ];
-
-      // Snap to axis from last point
-      const lastPoint = pointsRef.current[pointsRef.current.length - 1];
-      if (lastPoint) {
-        clickPoint = calculateSnapPoint(lastPoint, clickPoint);
-      }
-
-      // Check if clicking on the first point to close the shape
-      const firstPoint = pointsRef.current[0];
-      if (
-        pointsRef.current.length >= 3 &&
-        firstPoint &&
-        Math.abs(clickPoint[0] - firstPoint[0]) < 0.25 &&
-        Math.abs(clickPoint[1] - firstPoint[1]) < 0.25
-      ) {
-        // Create the zone
-        commitZoneDrawing(currentLevelId, pointsRef.current);
-
-        // Reset state
-        pointsRef.current = [];
-        setPreview({ points: [], cursorPoint: null, levelY: levelYRef.current });
-        mainLineRef.current.visible = false;
-        closingLineRef.current.visible = false;
-      } else {
-        // Add point to polygon
-        pointsRef.current = [...pointsRef.current, clickPoint];
-        updatePreview();
-      }
-    };
-
-    const onGridDoubleClick = (_event: GridEvent) => {
-      if (!currentLevelId) return;
-
-      // Need at least 3 points to form a polygon
-      if (pointsRef.current.length >= 3) {
-        commitZoneDrawing(currentLevelId, pointsRef.current);
-
-        // Reset state
-        pointsRef.current = [];
-        setPreview({ points: [], cursorPoint: null, levelY: levelYRef.current });
-        mainLineRef.current.visible = false;
-        closingLineRef.current.visible = false;
-      }
-    };
-
-    // Subscribe to events
-    emitter.on("grid:move", onGridMove);
-    emitter.on("grid:click", onGridClick);
-    emitter.on("grid:double-click", onGridDoubleClick);
-
-    return () => {
-      emitter.off("grid:move", onGridMove);
-      emitter.off("grid:click", onGridClick);
-      emitter.off("grid:double-click", onGridDoubleClick);
-
-      // Reset state on unmount
-      pointsRef.current = [];
-    };
-  }, [currentLevelId, setTool]);
-
-  const { points, cursorPoint, levelY } = preview;
-
-  // Create preview shape when we have 3+ points
-  const previewShape = useMemo(() => {
-    if (points.length < 3) return null;
-
-    const allPoints = [...points];
-    if (isValidPoint(cursorPoint)) {
-      allPoints.push(cursorPoint);
-    }
-
-    // THREE.Shape is in X-Y plane. After rotation of -PI/2 around X:
-    // - Shape X -> World X
-    // - Shape Y -> World -Z (so we negate Z to get correct orientation)
-    const firstPt = allPoints[0];
-    if (!isValidPoint(firstPt)) return null;
-
-    const shape = new Shape();
-    shape.moveTo(firstPt[0], -firstPt[1]);
-
-    for (let i = 1; i < allPoints.length; i++) {
-      const pt = allPoints[i];
-      if (isValidPoint(pt)) {
-        shape.lineTo(pt[0], -pt[1]);
-      }
-    }
-    shape.closePath();
-
-    return shape;
-  }, [points, cursorPoint]);
-
-  return (
-    <group>
-      {/* Cursor */}
-      <CursorSphere ref={cursorRef} />
-
-      {/* Preview fill */}
-      {previewShape && (
-        <mesh
-          frustumCulled={false}
-          layers={EDITOR_LAYER}
-          position={[0, levelY + Y_OFFSET, 0]}
-          rotation={[-Math.PI / 2, 0, 0]}
-        >
-          <shapeGeometry args={[previewShape]} />
-          <meshBasicMaterial
-            color="#818cf8"
-            depthTest={false}
-            opacity={0.15}
-            side={DoubleSide}
-            transparent
-          />
-        </mesh>
-      )}
-
-      {/* Main line - uses native line element with TSL-compatible material */}
-      {/* @ts-ignore */}
-      <line ref={mainLineRef} frustumCulled={false} renderOrder={1} visible={false} layers={EDITOR_LAYER}>
-        <bufferGeometry />
-        <lineBasicNodeMaterial
-          color="#818cf8"
-          linewidth={3}
-          depthTest={false}
-          depthWrite={false}
-        />
-      </line>
-
-      {/* Closing line - uses native line element with TSL-compatible material */}
-      {/* @ts-ignore */}
-      <line ref={closingLineRef} frustumCulled={false} renderOrder={1} visible={false} layers={EDITOR_LAYER}>
-        <bufferGeometry />
-        <lineBasicNodeMaterial
-          color="#818cf8"
-          linewidth={2}
-          depthTest={false}
-          depthWrite={false}
-          opacity={0.5}
-          transparent
-        />
-      </line>
-
-      {/* Point markers */}
-      {points.map(([x, z], index) =>
-        isValidPoint([x, z]) ? (
-          <CursorSphere key={index} position={[x, levelY + Y_OFFSET + 0.01, z]} color="#818cf8" showTooltip={false} height={0} />
-        ) : null
-      )}
-    </group>
-  );
-};
diff --git a/apps/editor/components/ui/action-menu/control-modes.tsx b/apps/editor/components/ui/action-menu/control-modes.tsx
deleted file mode 100644
index 674985c4..00000000
--- a/apps/editor/components/ui/action-menu/control-modes.tsx
+++ /dev/null
@@ -1,136 +0,0 @@
-"use client";
-
-import Image from "next/image";
-import { ActionButton } from "./action-button";
-import { Pencil, Trash2, type LucideIcon } from "lucide-react";
-
-import { cn } from "@/lib/utils";
-import useEditor, { Mode, Phase } from "@/store/use-editor";
-
-type ModeConfig = {
-  id: Mode;
-  icon?: LucideIcon;
-  imageSrc?: string;
-  label: string;
-  shortcut: string;
-  color: string;
-  activeColor: string;
-};
-
-// All available control modes
-const allModes: ModeConfig[] = [
-  {
-    id: "select",
-    imageSrc: "/icons/select.png",
-    label: "Select",
-    shortcut: "V",
-    color: "hover:bg-blue-500/20 hover:text-blue-400",
-    activeColor: "bg-blue-500/20 text-blue-400",
-  },
-  {
-    id: "edit",
-    icon: Pencil,
-    label: "Edit",
-    shortcut: "E",
-    color: "hover:bg-orange-500/20 hover:text-orange-400",
-    activeColor: "bg-orange-500/20 text-orange-400",
-  },
-  {
-    id: "build",
-    imageSrc: "/icons/build.png",
-    label: "Build",
-    shortcut: "B",
-    color: "hover:bg-green-500/20 hover:text-green-400",
-    activeColor: "bg-green-500/20 text-green-400",
-  },
-  {
-    id: "delete",
-    icon: Trash2,
-    label: "Delete",
-    shortcut: "D",
-    color: "hover:bg-red-500/20 hover:text-red-400",
-    activeColor: "bg-red-500/20 text-red-400",
-  },
-  // {
-  //   id: 'painting',
-  //   icon: Paintbrush,
-  //   label: 'Painting',
-  //   shortcut: 'P',
-  //   color: 'hover:bg-cyan-500/20 hover:text-cyan-400',
-  //   activeColor: 'bg-cyan-500/20 text-cyan-400',
-  // },
-  // {
-  //   id: 'guide',
-  //   icon: Image,
-  //   label: 'Guide',
-  //   shortcut: 'G',
-  //   color: 'hover:bg-purple-500/20 hover:text-purple-400',
-  //   activeColor: 'bg-purple-500/20 text-purple-400',
-  // },
-];
-
-// Define which modes are available in each editor mode
-const modesByPhase: Record<Phase, Mode[]> = {
-  site: ["select", "edit"],
-  structure: ["select", "delete", "build"],
-  furnish: ["select", "delete", "build"],
-};
-
-export function ControlModes() {
-  const mode = useEditor((state) => state.mode);
-  const phase = useEditor((state) => state.phase);
-  const setMode = useEditor((state) => state.setMode);
-
-  const availableModeIds = modesByPhase[phase];
-  const availableModes = allModes.filter((m) =>
-    availableModeIds.includes(m.id)
-  );
-
-  const handleModeClick = (mode: Mode) => {
-    setMode(mode);
-  };
-
-  return (
-    <div className="flex items-center gap-1">
-      {availableModes.map((m) => {
-        const Icon = m.icon;
-        const isActive = mode === m.id;
-        const isImageMode = Boolean(m.imageSrc);
-
-        return (
-          <ActionButton
-            key={m.id}
-            label={m.label}
-            shortcut={m.shortcut}
-            className={cn(
-              "text-muted-foreground",
-              !isImageMode && !isActive && m.color,
-              !isImageMode && isActive && m.activeColor,
-              isImageMode && isActive && "bg-white/10 hover:bg-white/10",
-              isImageMode && !isActive && "hover:bg-white/5"
-            )}
-            onClick={() => handleModeClick(m.id)}
-            size="icon"
-            variant="ghost"
-          >
-            {m.imageSrc ? (
-              <Image
-                alt={m.label}
-                className={cn(
-                  "h-[28px] w-[28px] object-contain transition-[opacity,filter] duration-200",
-                  !isActive && "opacity-60 grayscale",
-                  isActive && "opacity-100 grayscale-0"
-                )}
-                height={28}
-                src={m.imageSrc}
-                width={28}
-              />
-            ) : (
-              Icon && <Icon className="h-5 w-5" />
-            )}
-          </ActionButton>
-        );
-      })}
-    </div>
-  );
-}
diff --git a/apps/editor/components/ui/action-menu/furnish-tools.tsx b/apps/editor/components/ui/action-menu/furnish-tools.tsx
deleted file mode 100644
index b6c7c774..00000000
--- a/apps/editor/components/ui/action-menu/furnish-tools.tsx
+++ /dev/null
@@ -1,105 +0,0 @@
-"use client";
-
-import NextImage from "next/image";
-import { ActionButton } from "./action-button";
-
-import { cn } from "@/lib/utils";
-import useEditor, { CatalogCategory } from "@/store/use-editor";
-
-export type FurnishToolConfig = {
-  id: "item";
-  iconSrc: string;
-  label: string;
-  catalogCategory: CatalogCategory;
-};
-
-// Furnish mode tools: furniture, appliances, decoration (painting is now a control mode)
-export const furnishTools: FurnishToolConfig[] = [
-  {
-    id: "item",
-    iconSrc: "/icons/couch.png",
-    label: "Furniture",
-    catalogCategory: "furniture",
-  },
-  {
-    id: "item",
-    iconSrc: "/icons/appliance.png",
-    label: "Appliance",
-    catalogCategory: "appliance",
-  },
-  {
-    id: "item",
-    iconSrc: "/icons/kitchen.png",
-    label: "Kitchen",
-    catalogCategory: "kitchen",
-  },
-  {
-    id: "item",
-    iconSrc: "/icons/bathroom.png",
-    label: "Bathroom",
-    catalogCategory: "bathroom",
-  },
-  {
-    id: "item",
-    iconSrc: "/icons/tree.png",
-    label: "Outdoor",
-    catalogCategory: "outdoor",
-  },
-];
-
-export function FurnishTools() {
-  const mode = useEditor((state) => state.mode);
-  const activeTool = useEditor((state) => state.tool);
-  const setActiveTool = useEditor((state) => state.setTool);
-  const setMode = useEditor((state) => state.setMode);
-  const catalogCategory = useEditor((state) => state.catalogCategory);
-  const setCatalogCategory = useEditor((state) => state.setCatalogCategory);
-
-  const hasActiveTool = furnishTools.some((tool) =>
-    mode === "build" &&
-    activeTool === "item" &&
-    catalogCategory === tool.catalogCategory
-  );
-
-  return (
-    <div className="flex items-center gap-1.5 px-1">
-      {furnishTools.map((tool, index) => {
-        // For item tools with catalog category, check both tool and category match
-        const isActive =
-          mode === "build" &&
-          activeTool === "item" &&
-          catalogCategory === tool.catalogCategory;
-
-        return (
-          <ActionButton
-            key={`${tool.id}-${tool.catalogCategory ?? index}`}
-            label={tool.label}
-            className={cn(
-              "rounded-lg duration-300",
-              isActive ? "bg-black/40 hover:bg-black/40 scale-110 z-10" : "bg-transparent opacity-60 grayscale hover:opacity-100 hover:grayscale-0 hover:bg-black/20 scale-95",
-            )}
-            onClick={() => {
-              if (!isActive) {
-                setCatalogCategory(tool.catalogCategory);
-                setActiveTool("item");
-                if (mode !== "build") {
-                  setMode("build");
-                }
-              }
-            }}
-            size="icon"
-            variant="ghost"
-          >
-            <NextImage
-              alt={tool.label}
-              className="size-full object-contain"
-              height={28}
-              src={tool.iconSrc}
-              width={28}
-            />
-          </ActionButton>
-        );
-      })}
-    </div>
-  );
-}
diff --git a/apps/editor/components/ui/controls/action-button.tsx b/apps/editor/components/ui/controls/action-button.tsx
deleted file mode 100644
index e6ef6714..00000000
--- a/apps/editor/components/ui/controls/action-button.tsx
+++ /dev/null
@@ -1,31 +0,0 @@
-'use client'
-
-import { cn } from '@/lib/utils'
-
-interface ActionButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
-  icon?: React.ReactNode
-  label: string
-}
-
-export function ActionButton({ icon, label, className, ...props }: ActionButtonProps) {
-  return (
-    <button
-      {...props}
-      className={cn(
-        "flex h-9 flex-1 items-center justify-center gap-1.5 rounded-lg border border-border/50 bg-[#2C2C2E] px-3 text-xs font-medium text-foreground transition-colors hover:bg-[#3e3e3e] active:bg-[#3e3e3e]",
-        className
-      )}
-    >
-      {icon}
-      <span>{label}</span>
-    </button>
-  )
-}
-
-export function ActionGroup({ children, className }: { children: React.ReactNode; className?: string }) {
-  return (
-    <div className={cn("flex gap-1.5", className)}>
-      {children}
-    </div>
-  )
-}
diff --git a/apps/editor/components/ui/controls/panel-section.tsx b/apps/editor/components/ui/controls/panel-section.tsx
deleted file mode 100644
index 6e95a90d..00000000
--- a/apps/editor/components/ui/controls/panel-section.tsx
+++ /dev/null
@@ -1,67 +0,0 @@
-'use client'
-
-import { cn } from '@/lib/utils'
-import { ChevronDown } from 'lucide-react'
-import { useState } from 'react'
-import { motion, AnimatePresence } from 'framer-motion'
-
-interface PanelSectionProps {
-  title: string
-  children: React.ReactNode
-  defaultExpanded?: boolean
-  className?: string
-}
-
-export function PanelSection({
-  title,
-  children,
-  defaultExpanded = true,
-  className,
-}: PanelSectionProps) {
-  const [isExpanded, setIsExpanded] = useState(defaultExpanded)
-
-  return (
-    <motion.div 
-      layout
-      transition={{ type: "spring", bounce: 0, duration: 0.4 }}
-      className={cn("flex flex-col shrink-0 overflow-hidden border-b border-border/50", className)}
-    >
-      <motion.button
-        layout="position"
-        type="button"
-        onClick={() => setIsExpanded(!isExpanded)}
-        className={cn(
-          "group/section flex items-center justify-between h-10 px-3 transition-all duration-200 shrink-0",
-          isExpanded
-            ? "bg-accent/50 text-foreground"
-            : "text-muted-foreground hover:bg-accent/30 hover:text-foreground"
-        )}
-      >
-        <span className="font-medium text-sm truncate">{title}</span>
-        <ChevronDown 
-          className={cn(
-            "h-4 w-4 transition-transform duration-200",
-            isExpanded ? "rotate-180" : "rotate-0",
-            isExpanded ? "text-foreground" : "opacity-0 group-hover/section:opacity-100"
-          )} 
-        />
-      </motion.button>
-      
-      <AnimatePresence initial={false}>
-        {isExpanded && (
-          <motion.div
-            initial={{ height: 0, opacity: 0 }}
-            animate={{ height: "auto", opacity: 1 }}
-            exit={{ height: 0, opacity: 0 }}
-            transition={{ type: "spring", bounce: 0, duration: 0.4 }}
-            className="overflow-hidden"
-          >
-            <div className="flex flex-col gap-1.5 p-3 pt-2">
-              {children}
-            </div>
-          </motion.div>
-        )}
-      </AnimatePresence>
-    </motion.div>
-  )
-}
diff --git a/apps/editor/components/ui/controls/toggle-control.tsx b/apps/editor/components/ui/controls/toggle-control.tsx
deleted file mode 100644
index 707fec07..00000000
--- a/apps/editor/components/ui/controls/toggle-control.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-'use client'
-
-import { cn } from '@/lib/utils'
-import { Check } from 'lucide-react'
-
-interface ToggleControlProps {
-  label: string
-  checked: boolean
-  onChange: (checked: boolean) => void
-  className?: string
-}
-
-export function ToggleControl({
-  label,
-  checked,
-  onChange,
-  className,
-}: ToggleControlProps) {
-  return (
-    <div 
-      className={cn("group flex h-10 w-full cursor-pointer items-center justify-between rounded-lg border border-border/50 bg-[#2C2C2E] px-3 text-sm transition-colors hover:bg-[#3e3e3e]", className)}
-      onClick={() => onChange(!checked)}
-    >
-      <div className="text-muted-foreground transition-colors group-hover:text-foreground select-none">
-        {label}
-      </div>
-      
-      <div 
-        className={cn(
-          "flex h-5 w-5 items-center justify-center rounded-[4px] border transition-all duration-200",
-          checked 
-            ? "border-primary bg-primary text-primary-foreground" 
-            : "border-border bg-black/20 text-transparent group-hover:border-muted-foreground"
-        )}
-      >
-        <Check className="h-3.5 w-3.5" strokeWidth={3} />
-      </div>
-    </div>
-  )
-}
diff --git a/apps/editor/components/ui/item-catalog/catalog-items.tsx b/apps/editor/components/ui/item-catalog/catalog-items.tsx
deleted file mode 100644
index 9c386f46..00000000
--- a/apps/editor/components/ui/item-catalog/catalog-items.tsx
+++ /dev/null
@@ -1,1612 +0,0 @@
-import { AssetInput, ItemNode } from "@pascal-app/core";
-export const CATALOG_ITEMS: AssetInput[] = [
-  {
-    "id": "tesla",
-    "category": "outdoor",
-    tags: ["floor", "garage"],
-    "name": "Tesla",
-    "thumbnail": "/items/tesla/thumbnail.webp",
-    "src": "/items/tesla/model.glb",
-    "scale": [
-      1,
-      1,
-      1
-    ],
-    "offset": [
-      0,
-      0,
-      0
-    ],
-    "rotation": [
-      0,
-      0,
-      0
-    ],
-    "dimensions": [
-      2,
-      1.7,
-      5
-    ]
-  },
-  {
-    "id": "ev-wall-charger",
-    "category": "appliance",
-    tags: ["wall", "garage"],
-    "name": "Ev-wall-charger",
-    "thumbnail": "/items/ev-wall-charger/thumbnail.webp",
-    "src": "/items/ev-wall-charger/model.glb",
-    "scale": [
-      1,
-      1,
-      1
-    ],
-    "offset": [
-      -0.07,
-      0.4,
-      0.15
-    ],
-    "rotation": [
-      0,
-      0,
-      0
-    ],
-    "dimensions": [
-      0.5,
-      0.8,
-      0.5
-    ],
-    "attachTo": "wall"
-  },
-  {
-    id: "pillar",
-    category: "outdoor",
-    tags: ["structure", "fencing"],
-    name: "Pillar",
-    thumbnail: "/items/pillar/thumbnail.webp",
-    src: "/items/pillar/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 1.3, 0.5],
-  },
-
-  {
-    id: "high-fence",
-    category: "outdoor",
-    tags: ["fencing"],
-    name: "High Fence",
-    thumbnail: "/items/high-fence/thumbnail.webp",
-    src: "/items/high-fence/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0.01, 0],
-    rotation: [0, 0, 0],
-    dimensions: [4, 4.1, 0.5],
-  },
-
-  {
-    id: "medium-fence",
-    category: "outdoor",
-    tags: ["fencing"],
-    name: "Medium Fence",
-    thumbnail: "/items/medium-fence/thumbnail.webp",
-    src: "/items/medium-fence/model.glb",
-    scale: [0.49, 0.49, 0.49],
-    offset: [0, 0.01, 0],
-    rotation: [0, 0, 0],
-    dimensions: [2, 2, 0.5],
-  },
-
-  {
-    id: "low-fence",
-    category: "outdoor",
-    tags: ["fencing"],
-    name: "Low Fence",
-    thumbnail: "/items/low-fence/thumbnail.webp",
-    src: "/items/low-fence/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0.01, 0],
-    rotation: [0, 0, 0],
-    dimensions: [2, 0.8, 0.5],
-  },
-
-  {
-    id: "bush",
-    category: "outdoor",
-    tags: ["vegetation"],
-    name: "Bush",
-    thumbnail: "/items/bush/thumbnail.webp",
-    src: "/items/bush/model.glb",
-    scale: [0.96, 0.96, 0.96],
-    offset: [-0.14, 0.01, -0.13],
-    rotation: [0, 0, 0],
-    dimensions: [3, 1.1, 1],
-  },
-
-  {
-    id: "fir-tree",
-    category: "outdoor",
-    tags: ["vegetation"],
-    name: "Fir",
-    thumbnail: "/items/fir-tree/thumbnail.webp",
-    src: "/items/fir-tree/model.glb",
-    scale: [1, 1, 1],
-    offset: [-0.01, 0.05, -0.07],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 3, 0.5],
-  },
-
-  {
-    id: "tree",
-    category: "outdoor",
-    tags: ["vegetation"],
-    name: "Tree",
-    thumbnail: "/items/tree/thumbnail.webp",
-    src: "/items/tree/model.glb",
-    scale: [0.65, 0.65, 0.65],
-    offset: [-0.02, 0.17, -0.04],
-    rotation: [0, 0, 0],
-    dimensions: [1, 5, 1],
-  },
-
-  {
-    id: "palm",
-    category: "outdoor",
-    tags: ["vegetation"],
-    name: "Palm",
-    thumbnail: "/items/palm/thumbnail.webp",
-    src: "/items/palm/model.glb",
-    scale: [0.37, 0.37, 0.37],
-    offset: [0, 0, 0.02],
-    rotation: [0, 0, 0],
-    dimensions: [1, 4.5, 1],
-  },
-
-  {
-    id: "patio-umbrella",
-    category: "outdoor",
-    tags: ["leisure", "floor"],
-    name: "Patio Umbrella",
-    thumbnail: "/items/patio-umbrella/thumbnail.webp",
-    src: "/items/patio-umbrella/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 3.7, 0.5],
-  },
-
-  {
-    id: "sunbed",
-    category: "outdoor",
-    tags: ["leisure", "seating", "floor"],
-    name: "Sunbed",
-    thumbnail: "/items/sunbed/thumbnail.webp",
-    src: "/items/sunbed/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0.04, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1, 1.2, 1.5],
-  },
-
-  {
-    id: "window-double",
-    category: "window",
-    tags: ["wall"],
-    name: "Double Window",
-    thumbnail: "/items/window-double/thumbnail.webp",
-    src: "/items/window-double/model.glb",
-    scale: [0.81, 0.81, 0.81],
-    offset: [0, -0.32, 0],
-    rotation: [0, 3.14, 0],
-    dimensions: [1.5, 1.5, 0.5],
-    attachTo: "wall",
-  },
-
-  {
-    id: "window-simple",
-    category: "window",
-    tags: ["wall"],
-    name: "Simple Window",
-    thumbnail: "/items/window-simple/thumbnail.webp",
-    src: "/items/window-simple/model.glb",
-    scale: [1, 1, 1],
-    offset: [1.06, -0.21, 0.05],
-    rotation: [0, 3.14, 0],
-    dimensions: [1.5, 2, 0.5],
-    attachTo: "wall",
-  },
-
-  {
-    id: "window-rectangle",
-    category: "window",
-    tags: ["wall"],
-    name: "Rectangle Window",
-    thumbnail: "/items/window-rectangle/thumbnail.webp",
-    src: "/items/window-rectangle/model.glb",
-    scale: [0.81, 0.81, 0.81],
-    offset: [-1.41, -0.28, 0.08],
-    rotation: [0, 3.14, 0],
-    dimensions: [2.5, 1.5, 0.5],
-    attachTo: "wall",
-  },
-
-  {
-    id: "door-bar",
-    category: "door",
-    tags: ["wall"],
-    name: "Door with bar",
-    thumbnail: "/items/door-bar/thumbnail.webp",
-    src: "/items/door-bar/model.glb",
-    scale: [1, 1, 1],
-    offset: [-0.48, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1.5, 2.5, 0.5],
-    attachTo: "wall",
-  },
-
-  {
-    id: "glass-door",
-    category: "door",
-    tags: ["wall"],
-    name: "Glass Door",
-    thumbnail: "/items/glass-door/thumbnail.webp",
-    src: "/items/glass-door/model.glb",
-    scale: [0.9, 0.9, 0.9],
-    offset: [-0.52, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1.5, 2.5, 0.4],
-    attachTo: "wall",
-  },
-
-  {
-    id: "door",
-    category: "door",
-    tags: ["wall"],
-    name: "Door",
-    thumbnail: "/items/door/thumbnail.webp",
-    src: "/items/door/model.glb",
-    scale: [0.79, 0.79, 0.79],
-    offset: [-0.43, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1.5, 2, 0.4],
-    attachTo: "wall",
-  },
-
-  {
-    id: "parking-spot",
-    category: "outdoor",
-    tags: ["leisure", "floor"],
-    name: "Parking Spot",
-    thumbnail: "/items/parking-spot/thumbnail.webp",
-    src: "/items/parking-spot/model.glb",
-    scale: [0.9, 1, 0.78],
-    offset: [0, 0, 0.01],
-    rotation: [0, 0, 0],
-    dimensions: [5, 1, 2.5],
-  },
-
-  {
-    id: "outdoor-playhouse",
-    category: "outdoor",
-    tags: ["leisure", "kids", "floor"],
-    name: "Outdoor Playhouse",
-    thumbnail: "/items/outdoor-playhouse/thumbnail.webp",
-    src: "/items/outdoor-playhouse/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.5, 1],
-  },
-
-  {
-    id: "skate",
-    category: "outdoor",
-    tags: ["leisure", "kids", "floor"],
-    name: "Skate",
-    thumbnail: "/items/skate/thumbnail.webp",
-    src: "/items/skate/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1, 0.2, 0.5],
-  },
-
-  {
-    id: "scooter",
-    category: "outdoor",
-    tags: ["leisure", "kids", "floor"],
-    name: "Scooter",
-    thumbnail: "/items/scooter/thumbnail.webp",
-    src: "/items/scooter/model.glb",
-    scale: [1, 1, 1],
-    offset: [0.11, 0, 0.17],
-    rotation: [0, 0, 0],
-    dimensions: [1, 0.9, 0.5],
-  },
-
-  {
-    id: "basket-hoop",
-    category: "outdoor",
-    tags: ["leisure", "sports", "floor"],
-    name: "Basket Hoop",
-    thumbnail: "/items/basket-hoop/thumbnail.webp",
-    src: "/items/basket-hoop/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1, 1.8, 1],
-  },
-
-  {
-    id: "ball",
-    category: "outdoor",
-    tags: ["leisure", "sports", "floor"],
-    name: "Ball",
-    thumbnail: "/items/ball/thumbnail.webp",
-    src: "/items/ball/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0.12, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.3, 0.5],
-  },
-
-  {
-    id: "wine-bottle",
-    category: "kitchen",
-    tags: ["countertop", "decor"],
-    name: "Wine Bottle",
-    thumbnail: "/items/wine-bottle/thumbnail.webp",
-    src: "/items/wine-bottle/model.glb",
-    scale: [1, 1, 1],
-    offset: [-0.05, 0, 0.01],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.4, 0.5],
-  },
-
-  {
-    id: "fruits",
-    category: "kitchen",
-    tags: ["countertop", "decor"],
-    name: "Fruits",
-    thumbnail: "/items/fruits/thumbnail.webp",
-    src: "/items/fruits/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.3, 0.5],
-  },
-
-  {
-    id: "cutting-board",
-    category: "kitchen",
-    tags: ["countertop"],
-    name: "Cutting Board",
-    thumbnail: "/items/cutting-board/thumbnail.webp",
-    src: "/items/cutting-board/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.1, 0.5],
-  },
-
-  {
-    id: "frying-pan",
-    category: "kitchen",
-    tags: ["countertop"],
-    name: "Frying Pan",
-    thumbnail: "/items/frying-pan/thumbnail.webp",
-    src: "/items/frying-pan/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.1, 1],
-  },
-
-  {
-    id: "kitchen-utensils",
-    category: "kitchen",
-    tags: ["countertop"],
-    name: "Kitchen Utensils",
-    thumbnail: "/items/kitchen-utensils/thumbnail.webp",
-    src: "/items/kitchen-utensils/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.5, 0.5],
-  },
-
-  {
-    id: "microwave",
-    category: "kitchen",
-    tags: ["countertop", "electronics"],
-    name: "Microwave",
-    thumbnail: "/items/microwave/thumbnail.webp",
-    src: "/items/microwave/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, -0.03],
-    rotation: [0, 0, 0],
-    dimensions: [1, 0.3, 0.5],
-  },
-
-  {
-    id: "stove",
-    category: "kitchen",
-    tags: ["floor", "large"],
-    name: "Stove",
-    thumbnail: "/items/stove/thumbnail.webp",
-    src: "/items/stove/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, -0.05],
-    rotation: [0, 0, 0],
-    dimensions: [1, 1, 1],
-  },
-
-  {
-    id: "fridge",
-    category: "kitchen",
-    tags: ["floor", "large"],
-    name: "Fridge",
-    thumbnail: "/items/fridge/thumbnail.webp",
-    src: "/items/fridge/model.glb",
-    scale: [1, 1, 1],
-    offset: [0.01, 0, -0.05],
-    rotation: [0, 0, 0],
-    dimensions: [1, 2, 1],
-  },
-
-  {
-    id: "hood",
-    category: "kitchen",
-    tags: ["wall"],
-    name: "Hood",
-    thumbnail: "/items/hood/thumbnail.webp",
-    src: "/items/hood/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0.52, 0.01],
-    rotation: [0, 0, 0],
-    dimensions: [1.5, 1, 1.1],
-    attachTo: "wall-side",
-  },
-
-  {
-    id: "kitchen-shelf",
-    category: "kitchen",
-    tags: ["wall", "storage"],
-    name: "Kitchen Shelf",
-    thumbnail: "/items/kitchen-shelf/thumbnail.webp",
-    src: "/items/kitchen-shelf/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0.52, 0.01],
-    rotation: [0, 0, 0],
-    dimensions: [2.5, 1, 1.1],
-    attachTo: "wall-side",
-  },
-
-  {
-    id: "kitchen-counter",
-    category: "kitchen",
-    tags: ["floor", "large", "storage"],
-    name: "Kitchen Counter",
-    thumbnail: "/items/kitchen-counter/thumbnail.webp",
-    src: "/items/kitchen-counter/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [2, 0.8, 1],
-    surface: {
-      height: 0.75
-    }
-  },
-
-  {
-    id: "kitchen-cabinet",
-    category: "kitchen",
-    tags: ["floor", "large", "storage"],
-    name: "Kitchen Cabinet",
-    thumbnail: "/items/kitchen-cabinet/thumbnail.webp",
-    src: "/items/kitchen-cabinet/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [2, 1.1, 1],
-    surface: {
-      height: 1.1
-    }
-  },
-
-  {
-    id: "kitchen",
-    category: "kitchen",
-    tags: ["floor", "large"],
-    name: "Kitchen",
-    thumbnail: "/items/kitchen/thumbnail.webp",
-    src: "/items/kitchen/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [2.5, 1.1, 1],
-  },
-
-  {
-    id: "toilet-paper",
-    category: "bathroom",
-    tags: ["wall", "decor"],
-    name: "Toilet Paper",
-    thumbnail: "/items/toilet-paper/thumbnail.webp",
-    src: "/items/toilet-paper/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0.19, 0.12],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.5, 0.5],
-    attachTo: "wall-side",
-  },
-
-  {
-    id: "shower-rug",
-    category: "bathroom",
-    tags: ["floor", "decor"],
-    name: "Shower Rug",
-    thumbnail: "/items/shower-rug/thumbnail.webp",
-    src: "/items/shower-rug/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1, 0.1, 0.5],
-  },
-
-  {
-    id: "laundry-bag",
-    category: "bathroom",
-    tags: ["floor"],
-    name: "Laundry Bag",
-    thumbnail: "/items/laundry-bag/thumbnail.webp",
-    src: "/items/laundry-bag/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.8, 0.5],
-  },
-
-  {
-    id: "drying-rack",
-    category: "bathroom",
-    tags: ["floor"],
-    name: "Drying Rack",
-    thumbnail: "/items/drying-rack/thumbnail.webp",
-    src: "/items/drying-rack/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [2, 1.1, 1],
-  },
-
-  {
-    id: "washing-machine",
-    category: "bathroom",
-    tags: ["floor", "large", "electronics"],
-    name: "Washing Machine",
-    thumbnail: "/items/washing-machine/thumbnail.webp",
-    src: "/items/washing-machine/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1, 1, 1],
-  },
-
-  {
-    id: "toilet",
-    category: "bathroom",
-    tags: ["floor", "large"],
-    name: "Toilet",
-    thumbnail: "/items/toilet/thumbnail.webp",
-    src: "/items/toilet/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, -0.23],
-    rotation: [0, 0, 0],
-    dimensions: [1, 0.9, 1],
-  },
-
-  {
-    id: "shower-square",
-    category: "bathroom",
-    tags: ["floor", "large"],
-    name: "Squared Shower",
-    thumbnail: "/items/shower-square/thumbnail.webp",
-    src: "/items/shower-square/model.glb",
-    scale: [1, 1, 1],
-    offset: [0.41, 0, -0.42],
-    rotation: [0, 0, 0],
-    dimensions: [1, 2, 1],
-  },
-
-  {
-    id: "shower-angle",
-    category: "bathroom",
-    tags: ["floor", "large"],
-    name: "Angle Shower",
-    thumbnail: "/items/shower-angle/thumbnail.webp",
-    src: "/items/shower-angle/model.glb",
-    scale: [1, 1, 1],
-    offset: [0.41, 0, -0.42],
-    rotation: [0, 0, 0],
-    dimensions: [1, 2, 1],
-  },
-
-  {
-    id: "bathtub",
-    category: "bathroom",
-    tags: ["floor", "large"],
-    name: "Bathtub",
-    thumbnail: "/items/bathtub/thumbnail.webp",
-    src: "/items/bathtub/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0.01],
-    rotation: [0, 0, 0],
-    dimensions: [2.5, 0.8, 1.5],
-  },
-
-  {
-    id: "bathroom-sink",
-    category: "bathroom",
-    tags: ["floor", "large"],
-    name: "Bathroom Sink",
-    thumbnail: "/items/bathroom-sink/thumbnail.webp",
-    src: "/items/bathroom-sink/model.glb",
-    scale: [1, 1, 1],
-    offset: [0.11, 0, 0.02],
-    rotation: [0, 0, 0],
-    dimensions: [2, 1, 1.5],
-  },
-
-  {
-    id: "ceiling-fan",
-    category: "appliance",
-    tags: ["ceiling", "climate"],
-    name: "Ceiling fan",
-    thumbnail: "/items/ceiling-fan/thumbnail.webp",
-    src: "/items/ceiling-fan/model.glb",
-    scale: [1, 1, 1],
-    offset: [-0.12, 0.49, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1, 0.5, 1.5],
-    attachTo: "ceiling",
-    interactive: {
-      effects: [
-        {
-          kind: 'animation',
-          clips: {
-            on: 'On',
-          },
-        }
-      ],
-      controls: [
-        {
-          kind: 'toggle',
-        }
-      ],
-    }
-  },
-
-  {
-    id: "electric-panel",
-    category: "appliance",
-    tags: ["wall", "electrical"],
-    name: "Electric Panel",
-    thumbnail: "/items/electric-panel/thumbnail.webp",
-    src: "/items/electric-panel/model.glb",
-    scale: [0.61, 0.74, 0.7],
-    offset: [0, 0, 0.06],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 1, 0.3],
-    attachTo: "wall-side",
-  },
-
-  {
-    id: "sprinkler",
-    category: "appliance",
-    tags: ["ceiling", "safety"],
-    name: "Sprinkler",
-    thumbnail: "/items/sprinkler/thumbnail.webp",
-    src: "/items/sprinkler/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0.45, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.5, 0.5],
-    attachTo: "ceiling",
-  },
-
-  {
-    id: "smoke-detector",
-    category: "appliance",
-    tags: ["ceiling", "safety"],
-    name: "Smoke Detector",
-    thumbnail: "/items/smoke-detector/thumbnail.webp",
-    src: "/items/smoke-detector/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0.49, 0],
-    rotation: [Math.PI, 0, 0],
-    dimensions: [0.5, 0.5, 0.5],
-    attachTo: "ceiling",
-  },
-
-  {
-    id: "fire-detector",
-    category: "appliance",
-    tags: ["wall", "safety"],
-    name: "Fire Detector",
-    thumbnail: "/items/fire-detector/thumbnail.webp",
-    src: "/items/fire-detector/model.glb",
-    scale: [0.9, 1.4, 0.7],
-    offset: [0.02, 0.05, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.5, 0.3],
-    attachTo: "wall",
-  },
-
-  {
-    id: "exit-sign",
-    category: "appliance",
-    tags: ["wall", "safety"],
-    name: "Exit Sign",
-    thumbnail: "/items/exit-sign/thumbnail.webp",
-    src: "/items/exit-sign/model.glb",
-    scale: [0.6, 0.5, 0.7],
-    offset: [0, 0.04, 0.05],
-    rotation: [0, 0, 0],
-    dimensions: [1, 0.5, 0.3],
-    attachTo: "wall-side",
-  },
-
-  {
-    id: "hydrant",
-    category: "appliance",
-    tags: ["floor", "safety"],
-    name: "Hydrant",
-    thumbnail: "/items/hydrant/thumbnail.webp",
-    src: "/items/hydrant/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1, 0.9, 1],
-  },
-
-  {
-    id: "alarm-keypad",
-    category: "appliance",
-    tags: ["wall", "safety", "electrical"],
-    name: "Alarm Keypad",
-    thumbnail: "/items/alarm-keypad/thumbnail.webp",
-    src: "/items/alarm-keypad/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.1, 0.5],
-  },
-
-  {
-    id: "thermostat",
-    category: "appliance",
-    tags: ["wall", "climate", "electrical"],
-    name: "Thermostat",
-    thumbnail: "/items/thermostat/thumbnail.webp",
-    src: "/items/thermostat/model.glb",
-    scale: [2.08, 2.1, 2.59],
-    offset: [0, 0, 0.01],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.5, 0.1],
-    attachTo: "wall-side",
-  },
-
-  {
-    id: "air-conditioning",
-    category: "appliance",
-    tags: ["wall", "climate"],
-    name: "Air Conditioning",
-    thumbnail: "/items/air-conditioning/thumbnail.webp",
-    src: "/items/air-conditioning/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0.37, 0.21],
-    rotation: [0, 0, 0],
-    dimensions: [2, 1, 0.9],
-    attachTo: "wall-side",
-  },
-
-  {
-    id: "ac-block",
-    category: "appliance",
-    tags: ["floor", "climate"],
-    name: "AC block",
-    thumbnail: "/items/ac-block/thumbnail.webp",
-    src: "/items/ac-block/model.glb",
-    scale: [0.79, 0.79, 0.79],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1.1, 1, 1.1],
-  },
-
-  {
-    id: "toaster",
-    category: "appliance",
-    tags: ["countertop", "electronics"],
-    name: "Toaster",
-    thumbnail: "/items/toaster/thumbnail.webp",
-    src: "/items/toaster/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.3, 0.5],
-  },
-
-  {
-    id: "sewing-machine",
-    category: "appliance",
-    tags: ["countertop", "electronics"],
-    name: "Sewing Machine",
-    thumbnail: "/items/sewing-machine/thumbnail.webp",
-    src: "/items/sewing-machine/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1, 0.7, 0.5],
-  },
-
-  {
-    id: "kettle",
-    category: "appliance",
-    tags: ["countertop", "electronics"],
-    name: "Kettle",
-    thumbnail: "/items/kettle/thumbnail.webp",
-    src: "/items/kettle/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.3, 0.5],
-  },
-
-  {
-    id: "iron",
-    category: "appliance",
-    tags: ["countertop", "electronics"],
-    name: "Iron",
-    thumbnail: "/items/iron/thumbnail.webp",
-    src: "/items/iron/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.3, 0.5],
-  },
-
-  {
-    id: "coffee-machine",
-    category: "appliance",
-    tags: ["countertop", "electronics"],
-    name: "Coffee Machine",
-    thumbnail: "/items/coffee-machine/thumbnail.webp",
-    src: "/items/coffee-machine/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, -0.03],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.3, 0.5],
-  },
-
-  {
-    id: "television",
-    category: "appliance",
-    tags: ["floor", "electronics"],
-    name: "Television",
-    thumbnail: "/items/television/thumbnail.webp",
-    src: "/items/television/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [2, 1.1, 0.5],
-  },
-
-  {
-    id: "computer",
-    category: "appliance",
-    tags: ["countertop", "electronics"],
-    name: "Computer",
-    thumbnail: "/items/computer/thumbnail.webp",
-    src: "/items/computer/model.glb",
-    scale: [1, 1, 1],
-    offset: [0.01, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1, 0.5, 0.5],
-  },
-
-  {
-    id: "stereo-speaker",
-    category: "appliance",
-    tags: ["floor", "electronics"],
-    name: "Stereo Speaker",
-    thumbnail: "/items/stereo-speaker/thumbnail.webp",
-    src: "/items/stereo-speaker/model.glb",
-    scale: [1, 1, 1],
-    offset: [0.02, 0, -0.01],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 1.1, 0.5],
-  },
-
-  {
-    id: "threadmill",
-    category: "furniture",
-    tags: ["floor", "fitness"],
-    name: "Threadmill",
-    thumbnail: "/items/threadmill/thumbnail.webp",
-    src: "/items/threadmill/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [2.5, 1.5, 1],
-  },
-
-  {
-    id: "barbell-stand",
-    category: "furniture",
-    tags: ["floor", "fitness"],
-    name: "Barbell Stand",
-    thumbnail: "/items/barbell-stand/thumbnail.webp",
-    src: "/items/barbell-stand/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1.5, 1.3, 2],
-  },
-
-  {
-    id: "barbell",
-    category: "furniture",
-    tags: ["floor", "fitness"],
-    name: "Barbell",
-    thumbnail: "/items/barbell/thumbnail.webp",
-    src: "/items/barbell/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.4, 2],
-  },
-
-  {
-    id: "toy",
-    category: "furniture",
-    tags: ["floor", "kids", "decor"],
-    name: "Toy",
-    thumbnail: "/items/toy/thumbnail.webp",
-    src: "/items/toy/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.5, 0.5],
-  },
-
-  {
-    id: "car-toy",
-    category: "furniture",
-    tags: ["floor", "kids", "decor"],
-    name: "Car Toy",
-    thumbnail: "/items/car-toy/thumbnail.webp",
-    src: "/items/car-toy/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.4, 1],
-  },
-
-  {
-    id: "easel",
-    category: "furniture",
-    tags: ["floor", "decor"],
-    name: "Easel",
-    thumbnail: "/items/easel/thumbnail.webp",
-    src: "/items/easel/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1.5, 2.3, 1],
-  },
-
-  {
-    id: "pool-table",
-    category: "furniture",
-    tags: ["floor", "leisure"],
-    name: "Pool table",
-    thumbnail: "/items/pool-table/thumbnail.webp",
-    src: "/items/pool-table/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [2.5, 1, 4],
-  },
-
-  {
-    id: "guitar",
-    category: "furniture",
-    tags: ["floor", "decor"],
-    name: "Guitar",
-    thumbnail: "/items/guitar/thumbnail.webp",
-    src: "/items/guitar/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0.32, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 1.2, 0.5],
-  },
-
-  {
-    id: "piano",
-    category: "furniture",
-    tags: ["floor", "decor"],
-    name: "Piano",
-    thumbnail: "/items/piano/thumbnail.webp",
-    src: "/items/piano/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [2, 1.5, 1],
-  },
-
-  {
-    id: "round-carpet",
-    category: "furniture",
-    tags: ["floor", "decor"],
-    name: "Round Carpet",
-    thumbnail: "/items/round-carpet/thumbnail.webp",
-    src: "/items/round-carpet/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [2.5, 0.1, 2.5],
-  },
-
-  {
-    id: "rectangular-carpet",
-    category: "furniture",
-    tags: ["floor", "decor"],
-    name: "Rectangular Carpet",
-    thumbnail: "/items/rectangular-carpet/thumbnail.webp",
-    src: "/items/rectangular-carpet/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [3, 0.1, 2],
-  },
-
-  {
-    id: "cactus",
-    category: "furniture",
-    tags: ["floor", "decor", "vegetation"],
-    name: "Cactus",
-    thumbnail: "/items/cactus/thumbnail.webp",
-    src: "/items/cactus/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.4, 0.5],
-  },
-
-  {
-    id: "small-indoor-plant",
-    category: "furniture",
-    tags: ["countertop", "decor", "vegetation"],
-    name: "Small Plant",
-    thumbnail: "/items/small-indoor-plant/thumbnail.webp",
-    src: "/items/small-indoor-plant/model.glb",
-    scale: [1, 1, 1],
-    offset: [-0.01, 0, 0.01],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.7, 0.5],
-  },
-
-  {
-    id: "indoor-plant",
-    category: "furniture",
-    tags: ["floor", "decor", "vegetation"],
-    name: "Indoor Plant",
-    thumbnail: "/items/indoor-plant/thumbnail.webp",
-    src: "/items/indoor-plant/model.glb",
-    scale: [1, 1, 1],
-    offset: [-0.05, 0, 0.07],
-    rotation: [0, 0, 0],
-    dimensions: [1, 1.7, 1],
-  },
-
-  {
-    id: "ironing-board",
-    category: "furniture",
-    tags: ["floor"],
-    name: "Ironing Board",
-    thumbnail: "/items/ironing-board/thumbnail.webp",
-    src: "/items/ironing-board/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1.5, 1, 1],
-  },
-
-  {
-    id: "coat-rack",
-    category: "furniture",
-    tags: ["floor", "storage"],
-    name: "Coat Rack",
-    thumbnail: "/items/coat-rack/thumbnail.webp",
-    src: "/items/coat-rack/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 1.8, 0.5],
-  },
-
-  {
-    id: "trash-bin",
-    category: "furniture",
-    tags: ["floor"],
-    name: "Trash Bin",
-    thumbnail: "/items/trash-bin/thumbnail.webp",
-    src: "/items/trash-bin/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.6, 0.5],
-  },
-
-  {
-    id: "round-mirror",
-    category: "furniture",
-    tags: ["wall", "decor"],
-    name: "Rounded Mirror",
-    thumbnail: "/items/round-mirror/thumbnail.webp",
-    src: "/items/round-mirror/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0.32, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1, 1, 0.1],
-    attachTo: "wall-side",
-  },
-
-  {
-    id: "picture",
-    category: "furniture",
-    tags: ["wall", "decor"],
-    name: "Picture",
-    thumbnail: "/items/picture/thumbnail.webp",
-    src: "/items/picture/model.glb",
-    scale: [1, 1, 1],
-    offset: [0.02, 0.45, 0.01],
-    rotation: [0, 0, 0],
-    dimensions: [2, 1, 0.2],
-    attachTo: "wall-side",
-  },
-
-  {
-    id: "books",
-    category: "furniture",
-    tags: ["countertop", "decor"],
-    name: "Books",
-    thumbnail: "/items/books/thumbnail.webp",
-    src: "/items/books/model.glb",
-    scale: [1, 1, 1],
-    offset: [-0.08, 0, 0.02],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.3, 0.5],
-  },
-
-  {
-    id: "column",
-    category: "furniture",
-    tags: ["floor", "structure"],
-    name: "Column",
-    thumbnail: "/items/column/thumbnail.webp",
-    src: "/items/column/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 1.26, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 2.6, 0.5],
-  },
-
-  {
-    id: "stairs",
-    category: "furniture",
-    tags: ["floor", "structure"],
-    name: "Stairs",
-    thumbnail: "/items/stairs/thumbnail.webp",
-    src: "/items/stairs/model.glb",
-    scale: [0.61, 0.61, 0.61],
-    offset: [0, 0.03, 1.8],
-    rotation: [0, 0, 0],
-    dimensions: [1.5, 2.5, 3.5],
-  },
-
-  // {
-  //   id: "suspended-fireplace",
-  //   category: "furniture",
-  //   tags: ["ceiling", "decor"],
-  //   name: "Suspended Fireplace",
-  //   thumbnail: "/items/suspended-fireplace/thumbnail.webp",
-  //   src: "/items/suspended-fireplace/model.glb",
-  //   scale: [1, 1, 1],
-  //   offset: [0, 0.45, 0],
-  //   rotation: [0, 0, 0],
-  //   dimensions: [0.5, 0.5, 0.5],
-  //   attachTo: "ceiling",
-  // },
-
-  {
-    id: "tv-stand",
-    category: "furniture",
-    tags: ["floor", "storage"],
-    name: "TV Stand",
-    thumbnail: "/items/tv-stand/thumbnail.webp",
-    src: "/items/tv-stand/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0.21, 0],
-    rotation: [0, 0, 0],
-    dimensions: [2, 0.4, 0.5],surface: {
-      height: 0.36
-    }
-  },
-
-  {
-    id: "shelf",
-    category: "furniture",
-    tags: ["wall", "storage"],
-    name: "Shelf",
-    thumbnail: "/items/shelf/thumbnail.webp",
-    src: "/items/shelf/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0.1, 0.01],
-    rotation: [0, 0, 0],
-    dimensions: [1, 0.5, 0.7],
-    attachTo: "wall-side",
-    surface: {
-      height: 0.12
-    }
-  },
-
-  {
-    id: "bookshelf",
-    category: "furniture",
-    tags: ["floor", "storage"],
-    name: "Bookshelf",
-    thumbnail: "/items/bookshelf/thumbnail.webp",
-    src: "/items/bookshelf/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1, 2, 0.5],
-  },
-
-  {
-    id: "ceiling-lamp",
-    category: "furniture",
-    tags: ["ceiling", "lighting"],
-    name: "Ceiling Lamp",
-    thumbnail: "/items/ceiling-lamp/thumbnail.webp",
-    src: "/items/ceiling-lamp/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0.98, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1, 1, 1],
-    attachTo: "ceiling",
-    interactive: {
-      controls: [
-        {
-          kind: 'toggle',
-        }, 
-        {
-          kind: 'slider', label: 'Intensity', min: 0, max: 100, unit: '%', displayMode: 'dial',
-          default: 100
-        }
-      ],
-      effects: [
-        {
-          kind: 'light',
-          intensityRange: [0, 2],
-          color: '#ffffff',
-          offset: [0, -0.5, 0],
-        }
-      ]
-    }
-  },
-  {
-    "id": "recessed-light",
-    category: "furniture",
-    "tags": ["ceiling", "lighting"],
-    "name": "Recessed Light",
-    "thumbnail": "/items/recessed-light/thumbnail.webp",
-    "src": "/items/recessed-light/model.glb",
-    "scale": [
-      1,
-      1,
-      1
-    ],
-    "offset": [
-      0,
-      0.094,
-      0
-    ],
-    "rotation": [
-      0,
-      0,
-      0
-    ],
-    "dimensions": [
-      0.5,
-      0.1,
-      0.5
-    ],
-    "attachTo": "ceiling",
-    interactive: {
-      controls: [
-        {
-          kind: 'toggle',
-        }, 
-        {
-          kind: 'slider', label: 'Intensity', min: 0, max: 100, unit: '%', displayMode: 'dial',
-          default: 100
-        }
-      ],
-      effects: [
-        {
-          kind: 'light',
-          intensityRange: [0, 2],
-          color: '#ffffff',
-          offset: [0, -0.1, 0],
-        }
-      ]
-    }
-  },
-
-  {
-    id: "floor-lamp",
-    category: "furniture",
-    tags: ["floor", "lighting"],
-    name: "Floor Lamp",
-    thumbnail: "/items/floor-lamp/thumbnail.webp",
-    src: "/items/floor-lamp/model.glb",
-    scale: [1, 1, 1],
-    offset: [0.04, 0, 0.02],
-    rotation: [0, 0, 0],
-    dimensions: [1, 1.9, 1],
-    interactive: {
-      controls: [
-        {
-          kind: 'toggle',
-        }, 
-        {
-          kind: 'slider', label: 'Intensity', min: 0, max: 100, unit: '%', displayMode: 'dial' ,
-          default: 100
-        }
-      ],
-      effects: [
-        {
-          kind: 'light',
-          intensityRange: [0, 2],
-          color: '#ffffff',
-          offset: [0, 1.4, 0],
-        }
-      ]
-    }
-  },
-
-  {
-    id: "table-lamp",
-    category: "furniture",
-    tags: ["countertop", "lighting"],
-    name: "Table Lamp",
-    thumbnail: "/items/table-lamp/thumbnail.webp",
-    src: "/items/table-lamp/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.8, 1],
-  },
-
-  {
-    id: "closet",
-    category: "furniture",
-    tags: ["floor", "storage", "bedroom"],
-    name: "Closet",
-    thumbnail: "/items/closet/thumbnail.webp",
-    src: "/items/closet/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, -0.01],
-    rotation: [0, 0, 0],
-    dimensions: [2, 2.5, 1],
-  },
-
-  {
-    id: "dresser",
-    category: "furniture",
-    tags: ["floor", "storage", "bedroom"],
-    name: "Dresser",
-    thumbnail: "/items/dresser/thumbnail.webp",
-    src: "/items/dresser/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1.5, 0.8, 1],
-    surface: {
-      height: 0.8
-    }
-  },
-
-  {
-    id: "bunkbed",
-    category: "furniture",
-    tags: ["floor", "bedroom"],
-    name: "Bunkbed",
-    thumbnail: "/items/bunkbed/thumbnail.webp",
-    src: "/items/bunkbed/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, -0.09],
-    rotation: [0, 0, 0],
-    dimensions: [2, 1.6, 1.5],
-  },
-
-  {
-    id: "double-bed",
-    category: "furniture",
-    tags: ["floor", "bedroom"],
-    name: "Double Bed",
-    thumbnail: "/items/double-bed/thumbnail.webp",
-    src: "/items/double-bed/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, -0.03],
-    rotation: [0, 0, 0],
-    dimensions: [2, 0.8, 2.5],
-  },
-
-  {
-    id: "single-bed",
-    category: "furniture",
-    tags: ["floor", "bedroom"],
-    name: "Single Bed",
-    thumbnail: "/items/single-bed/thumbnail.webp",
-    src: "/items/single-bed/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1.5, 0.7, 2.5],
-  },
-
-  {
-    id: "sofa",
-    category: "furniture",
-    tags: ["floor", "seating"],
-    name: "Sofa",
-    thumbnail: "/items/sofa/thumbnail.webp",
-    src: "/items/sofa/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0.04],
-    rotation: [0, 0, 0],
-    dimensions: [2.5, 0.8, 1.5],
-  },
-
-  {
-    id: "lounge-chair",
-    category: "furniture",
-    tags: ["floor", "seating"],
-    name: "Lounge Chair",
-    thumbnail: "/items/lounge-chair/thumbnail.webp",
-    src: "/items/lounge-chair/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0.09],
-    rotation: [0, 0, 0],
-    dimensions: [1, 1.1, 1.5],
-  },
-
-  {
-    id: "stool",
-    category: "furniture",
-    tags: ["floor", "seating"],
-    name: "Stool",
-    thumbnail: "/items/stool/thumbnail.webp",
-    src: "/items/stool/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1, 1.2, 1],
-  },
-
-  {
-    id: "dining-chair",
-    category: "furniture",
-    tags: ["floor", "seating"],
-    name: "Dining Chair",
-    thumbnail: "/items/dining-chair/thumbnail.webp",
-    src: "/items/dining-chair/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 1, 0.5],
-  },
-
-  {
-    id: "office-chair",
-    category: "furniture",
-    tags: ["floor", "seating"],
-    name: "Office Chair",
-    thumbnail: "/items/office-chair/thumbnail.webp",
-    src: "/items/office-chair/model.glb",
-    scale: [1, 1, 1],
-    offset: [0.01, 0, 0.03],
-    rotation: [0, 0, 0],
-    dimensions: [1, 1.2, 1],
-  },
-
-  {
-    id: "livingroom-chair",
-    category: "furniture",
-    tags: ["floor", "seating"],
-    name: "Livingroom Chair",
-    thumbnail: "/items/livingroom-chair/thumbnail.webp",
-    src: "/items/livingroom-chair/model.glb",
-    scale: [1, 1, 1],
-    offset: [0.01, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [1.5, 0.8, 1.5],
-  },
-
-  {
-    id: "bedside-table",
-    category: "furniture",
-    tags: ["floor", "bedroom"],
-    name: "Bedside Table",
-    thumbnail: "/items/bedside-table/thumbnail.webp",
-    src: "/items/bedside-table/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, -0.01],
-    rotation: [0, 0, 0],
-    dimensions: [0.5, 0.5, 0.5],
-    surface: {
-      height: 0.5
-    }
-  },
-
-  {
-    id: "coffee-table",
-    category: "furniture",
-    tags: ["floor", "table"],
-    name: "Coffee Table",
-    thumbnail: "/items/coffee-table/thumbnail.webp",
-    src: "/items/coffee-table/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [2, 0.4, 1.5],
-    surface: {
-      height: 0.3
-    }
-  },
-
-  {
-    id: "office-table",
-    category: "furniture",
-    tags: ["floor", "table"],
-    name: "Office Table",
-    thumbnail: "/items/office-table/thumbnail.webp",
-    src: "/items/office-table/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, 0],
-    rotation: [0, 0, 0],
-    dimensions: [2, 0.8, 1],
-    surface: {
-      height: 0.75
-    }
-  },
-
-  {
-    id: "dining-table",
-    category: "furniture",
-    tags: ["floor", "table"],
-    name: "Dining Table",
-    thumbnail: "/items/dining-table/thumbnail.webp",
-    src: "/items/dining-table/model.glb",
-    scale: [1, 1, 1],
-    offset: [0, 0, -0.01],
-    rotation: [0, 0, 0],
-    dimensions: [2.5, 0.8, 1],
-    surface: {
-      height: 0.8
-    }
-  },
-];
diff --git a/apps/editor/components/ui/sidebar/app-sidebar.tsx b/apps/editor/components/ui/sidebar/app-sidebar.tsx
deleted file mode 100644
index d9dcba7c..00000000
--- a/apps/editor/components/ui/sidebar/app-sidebar.tsx
+++ /dev/null
@@ -1,712 +0,0 @@
-"use client";
-
-import { useState, useRef, useEffect, useCallback, useMemo } from "react";
-import { IconRail, type PanelId } from "./icon-rail";
-import { CommandPalette } from "@/components/ui/command-palette";
-import {
-  ArrowUpCircle,
-  ChevronDown,
-  Clock3,
-  RotateCcw,
-  Save,
-} from "lucide-react";
-import { useScene } from "@pascal-app/core";
-
-import {
-  Sidebar,
-  SidebarContent,
-  SidebarHeader,
-  useSidebarStore,
-} from "@/components/ui/primitives/sidebar";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/primitives/popover";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/primitives/tooltip";
-import { cn } from "@/lib/utils";
-import { SettingsPanel } from "./panels/settings-panel";
-import { SitePanel } from "./panels/site-panel";
-import {
-  getProjectModel,
-  getProjectVersionById,
-  getProjectVersionList,
-  getProjectVersionStatus,
-  publishProjectModel,
-  saveProjectModel,
-  saveProjectVersion,
-  type SceneGraph,
-  type ProjectVersionListItem,
-  type ProjectVersionStatus,
-} from "@/features/community/lib/models/actions";
-import { useProjectStore } from "@/features/community/lib/projects/store";
-import { updateProjectName } from "@/features/community/lib/projects/actions";
-import { applySceneGraphToEditor } from "@/features/community/lib/models/hooks";
-
-function formatRelativeTime(value: string): string {
-  const target = new Date(value).getTime();
-  const now = Date.now();
-  const diffSeconds = Math.max(1, Math.floor((now - target) / 1000));
-
-  if (diffSeconds < 60) return `${diffSeconds}s ago`;
-
-  const diffMinutes = Math.floor(diffSeconds / 60);
-  if (diffMinutes < 60) return `${diffMinutes}min ago`;
-
-  const diffHours = Math.floor(diffMinutes / 60);
-  if (diffHours < 24) return `${diffHours}h ago`;
-
-  const diffDays = Math.floor(diffHours / 24);
-  if (diffDays < 30) return `${diffDays}d ago`;
-
-  const diffMonths = Math.floor(diffDays / 30);
-  if (diffMonths < 12) return `${diffMonths}mo ago`;
-
-  const diffYears = Math.floor(diffMonths / 12);
-  return `${diffYears}y ago`;
-}
-
-export function AppSidebar() {
-  type VersionAction = "save" | "savePublish" | "publish";
-  type VersionItemAction = "restore" | "publish";
-
-  const [activePanel, setActivePanel] = useState<PanelId>("site");
-  const activeProject = useProjectStore((s) => s.activeProject);
-  const isVersionPreviewMode = useProjectStore((s) => s.isVersionPreviewMode);
-  const setIsVersionPreviewMode = useProjectStore((s) => s.setIsVersionPreviewMode);
-  const setIsSceneLoading = useProjectStore((s) => s.setIsSceneLoading);
-  const setAutosaveStatus = useProjectStore((s) => s.setAutosaveStatus);
-
-  const [isEditingTitle, setIsEditingTitle] = useState(false);
-  const [titleValue, setTitleValue] = useState("");
-  const inputRef = useRef<HTMLInputElement>(null);
-  const [versionStatus, setVersionStatus] = useState<ProjectVersionStatus | null>(null);
-  const [versionList, setVersionList] = useState<ProjectVersionListItem[]>([]);
-  const [isVersionsOpen, setIsVersionsOpen] = useState(false);
-  const [isVersionListLoading, setIsVersionListLoading] = useState(false);
-  const [previewVersion, setPreviewVersion] = useState<{
-    id: string;
-    version: number;
-  } | null>(null);
-  const [activeVersionAction, setActiveVersionAction] = useState<VersionAction | null>(null);
-  const [activeVersionItemAction, setActiveVersionItemAction] = useState<{
-    version: number;
-    action: VersionItemAction;
-  } | null>(null);
-  const latestSceneSnapshotRef = useRef<SceneGraph | null>(null);
-  const activeProjectId = activeProject?.id ?? null;
-
-  useEffect(() => {
-    // Widen default sidebar (288px → 432px) for better project title visibility
-    const store = useSidebarStore.getState();
-    if (store.width <= 288) {
-      store.setWidth(432);
-    }
-  }, []);
-
-  useEffect(() => {
-    if (isEditingTitle) {
-      setTitleValue(activeProject?.name || "Untitled Project");
-      setTimeout(() => {
-        if (inputRef.current) {
-          inputRef.current.focus();
-          inputRef.current.select();
-        }
-      }, 0);
-    }
-  }, [isEditingTitle, activeProject?.name]);
-
-  const handleSaveTitle = useCallback(async () => {
-    const trimmed = titleValue.trim();
-    if (trimmed && activeProject && trimmed !== activeProject.name) {
-      // Optimistic update
-      useProjectStore.setState((state) => ({
-        activeProject: state.activeProject ? { ...state.activeProject, name: trimmed } : null,
-        projects: state.projects.map((p) => p.id === activeProject.id ? { ...p, name: trimmed } : p)
-      }));
-      // Server update
-      try {
-        await updateProjectName(activeProject.id, trimmed);
-      } catch (error) {
-        console.error("Failed to update project name:", error);
-      }
-    }
-    setIsEditingTitle(false);
-  }, [titleValue, activeProject]);
-
-  const applyVersionStatus = useCallback(
-    (status: ProjectVersionStatus) => {
-      if (!activeProjectId) return;
-
-      const publishedVersion = status.publishedVersion ?? null;
-      setVersionStatus(status);
-      useProjectStore.setState((state) => ({
-        activeProject: state.activeProject
-          ? {
-              ...state.activeProject,
-              published_model_version: publishedVersion,
-            }
-          : null,
-        projects: state.projects.map((project) =>
-          project.id === activeProjectId
-            ? {
-                ...project,
-                published_model_version: publishedVersion,
-              }
-            : project,
-        ),
-      }));
-    },
-    [activeProjectId],
-  );
-
-  const refreshVersionStatus = useCallback(async () => {
-    if (!activeProjectId) {
-      setVersionStatus(null);
-      return;
-    }
-
-    const statusResult = await getProjectVersionStatus(activeProjectId);
-    if (!statusResult.success || !statusResult.data) {
-      return;
-    }
-
-    if (useProjectStore.getState().activeProject?.id !== activeProjectId) {
-      return;
-    }
-
-    applyVersionStatus(statusResult.data);
-  }, [activeProjectId, applyVersionStatus]);
-
-  useEffect(() => {
-    if (!activeProjectId) {
-      setVersionStatus(null);
-      return;
-    }
-
-    refreshVersionStatus();
-
-    const intervalId = window.setInterval(() => {
-      refreshVersionStatus();
-    }, 12_000);
-
-    return () => {
-      window.clearInterval(intervalId);
-    };
-  }, [activeProjectId, refreshVersionStatus]);
-
-  const loadVersionList = useCallback(async () => {
-    if (!activeProjectId) {
-      setVersionList([]);
-      return;
-    }
-
-    setIsVersionListLoading(true);
-    try {
-      const result = await getProjectVersionList(activeProjectId);
-      if (!result.success || !result.data) {
-        setVersionList([]);
-        return;
-      }
-
-      setVersionList(result.data);
-    } finally {
-      setIsVersionListLoading(false);
-    }
-  }, [activeProjectId]);
-
-  useEffect(() => {
-    if (!activeProjectId) {
-      setVersionList([]);
-      setPreviewVersion(null);
-      setIsVersionPreviewMode(false);
-      latestSceneSnapshotRef.current = null;
-      return;
-    }
-
-    loadVersionList();
-    setPreviewVersion(null);
-    setIsVersionPreviewMode(false);
-    latestSceneSnapshotRef.current = null;
-  }, [activeProjectId, loadVersionList, setIsVersionPreviewMode]);
-
-  useEffect(() => {
-    if (isVersionsOpen) {
-      loadVersionList();
-    }
-  }, [isVersionsOpen, loadVersionList]);
-
-  const applySceneWithoutAutosave = useCallback(
-    (sceneGraph: Parameters<typeof applySceneGraphToEditor>[0], keepPreviewMode: boolean) => {
-      setIsVersionPreviewMode(true);
-      applySceneGraphToEditor(sceneGraph);
-      requestAnimationFrame(() => {
-        setIsVersionPreviewMode(keepPreviewMode);
-      });
-    },
-    [setIsVersionPreviewMode],
-  );
-
-  const snapshotCurrentSceneGraph = useCallback((): SceneGraph => {
-    const { nodes, rootNodeIds } = useScene.getState();
-    // Keep a local latest snapshot so preview toggles never drop unsaved work.
-    return JSON.parse(JSON.stringify({ nodes, rootNodeIds })) as SceneGraph;
-  }, []);
-
-  const handlePreviewVersion = useCallback(
-    async (modelId: string, version: number) => {
-      if (!activeProjectId) return;
-
-      if (!isVersionPreviewMode) {
-        latestSceneSnapshotRef.current = snapshotCurrentSceneGraph();
-      }
-
-      setIsSceneLoading(true);
-      try {
-        const result = await getProjectVersionById(activeProjectId, modelId);
-        if (!result.success || !result.data?.scene_graph) {
-          return;
-        }
-
-        applySceneWithoutAutosave(result.data.scene_graph, true);
-        setPreviewVersion({ id: modelId, version });
-      } finally {
-        setIsSceneLoading(false);
-      }
-    },
-    [
-      activeProjectId,
-      applySceneWithoutAutosave,
-      isVersionPreviewMode,
-      setIsSceneLoading,
-      snapshotCurrentSceneGraph,
-    ],
-  );
-
-  const handleBackToLatest = useCallback(async () => {
-    if (!activeProjectId) return;
-
-    setIsSceneLoading(true);
-    try {
-      const latestSceneSnapshot = latestSceneSnapshotRef.current;
-      if (latestSceneSnapshot) {
-        applySceneWithoutAutosave(latestSceneSnapshot, false);
-        setPreviewVersion(null);
-        latestSceneSnapshotRef.current = null;
-
-        setAutosaveStatus("saving");
-        const saveResult = await saveProjectModel(activeProjectId, latestSceneSnapshot);
-        if (saveResult.success) {
-          if (saveResult.data) {
-            applyVersionStatus(saveResult.data);
-          }
-          setAutosaveStatus("saved");
-          await loadVersionList();
-        } else {
-          setAutosaveStatus("pending");
-        }
-        return;
-      }
-
-      const result = await getProjectModel(activeProjectId);
-      const sceneGraph = result.success ? result.data?.model?.scene_graph ?? null : null;
-      applySceneWithoutAutosave(sceneGraph, false);
-      setPreviewVersion(null);
-      setAutosaveStatus("saved");
-    } finally {
-      setIsSceneLoading(false);
-    }
-  }, [
-    activeProjectId,
-    applySceneWithoutAutosave,
-    applyVersionStatus,
-    loadVersionList,
-    setAutosaveStatus,
-    setIsSceneLoading,
-  ]);
-
-  const handleRestoreVersion = useCallback(
-    async (modelId: string, version: number) => {
-      if (!activeProjectId || activeVersionItemAction) return;
-
-      setActiveVersionItemAction({ version, action: "restore" });
-      setIsSceneLoading(true);
-      try {
-        const versionResult = await getProjectVersionById(activeProjectId, modelId);
-        if (!versionResult.success || !versionResult.data?.scene_graph) {
-          return;
-        }
-
-        const saveResult = await saveProjectModel(activeProjectId, versionResult.data.scene_graph, {
-          restoredFromVersion: version,
-        });
-        if (!saveResult.success) {
-          console.error("Failed to restore version:", saveResult.error);
-          return;
-        }
-
-        if (saveResult.data) {
-          applyVersionStatus(saveResult.data);
-        }
-
-        applySceneWithoutAutosave(versionResult.data.scene_graph, false);
-        setPreviewVersion(null);
-        latestSceneSnapshotRef.current = null;
-        setAutosaveStatus("saved");
-        await loadVersionList();
-      } finally {
-        setIsSceneLoading(false);
-        setActiveVersionItemAction(null);
-        refreshVersionStatus();
-      }
-    },
-    [
-      activeProjectId,
-      activeVersionItemAction,
-      applySceneWithoutAutosave,
-      applyVersionStatus,
-      loadVersionList,
-      refreshVersionStatus,
-      setAutosaveStatus,
-      setIsSceneLoading,
-    ],
-  );
-
-  const handlePublishVersion = useCallback(
-    async (version: number) => {
-      if (!activeProjectId || activeVersionItemAction) return;
-
-      setActiveVersionItemAction({ version, action: "publish" });
-      try {
-        const result = await publishProjectModel(activeProjectId, { version });
-        if (!result.success || !result.data) {
-          console.error("Failed to publish version:", result.error);
-          return;
-        }
-
-        applyVersionStatus(result.data);
-        await loadVersionList();
-      } finally {
-        setActiveVersionItemAction(null);
-        refreshVersionStatus();
-      }
-    },
-    [
-      activeProjectId,
-      activeVersionItemAction,
-      applyVersionStatus,
-      loadVersionList,
-      refreshVersionStatus,
-    ],
-  );
-
-  const runVersionAction = useCallback(
-    async (action: VersionAction) => {
-      if (!activeProjectId || activeVersionAction || isVersionPreviewMode) return;
-
-      setActiveVersionAction(action);
-
-      try {
-        const { nodes, rootNodeIds } = useScene.getState();
-        const sceneGraph = { nodes, rootNodeIds };
-
-        // Flush latest in-memory scene into the current draft before version actions.
-        const saveDraftResult = await saveProjectModel(activeProjectId, sceneGraph);
-        if (!saveDraftResult.success) {
-          console.error("Failed to save draft:", saveDraftResult.error);
-          return;
-        }
-        if (saveDraftResult.data) {
-          applyVersionStatus(saveDraftResult.data);
-        }
-
-        const versionResult = await saveProjectVersion(activeProjectId, {
-          publish: action !== "save",
-        });
-        if (!versionResult.success || !versionResult.data) {
-          console.error("Failed to save/publish version:", versionResult.error);
-          return;
-        }
-
-        if (useProjectStore.getState().activeProject?.id !== activeProjectId) {
-          return;
-        }
-
-        applyVersionStatus(versionResult.data);
-        await loadVersionList();
-      } catch (error) {
-        console.error("Failed to run version action:", error);
-      } finally {
-        setActiveVersionAction(null);
-        refreshVersionStatus();
-      }
-    },
-    [
-      activeProjectId,
-      activeVersionAction,
-      applyVersionStatus,
-      isVersionPreviewMode,
-      loadVersionList,
-      refreshVersionStatus,
-    ],
-  );
-
-  const isVersionActionRunning = activeVersionAction !== null;
-  const isVersionActionsDisabled = isVersionActionRunning || isVersionPreviewMode;
-  const isQuickSaveDisabled = isVersionActionsDisabled;
-  const quickSaveLabel = activeVersionAction === "save" ? "Saving..." : "Save";
-  const quickSaveDescription = isVersionPreviewMode
-    ? "Back to latest to save"
-    : "Save a new version";
-
-  const triggerVersionLabel = useMemo(() => {
-    if (isVersionPreviewMode && previewVersion !== null) {
-      return `v${previewVersion.version}`;
-    }
-
-    if (versionStatus?.draftVersion !== null && versionStatus?.draftVersion !== undefined) {
-      return "Latest";
-    }
-
-    if (versionStatus?.latestSavedVersion !== null && versionStatus?.latestSavedVersion !== undefined) {
-      return "Latest";
-    }
-
-    return "Versions";
-  }, [
-    isVersionPreviewMode,
-    previewVersion,
-    versionStatus?.draftVersion,
-    versionStatus?.latestSavedVersion,
-  ]);
-
-  const handleKeyDown = (e: React.KeyboardEvent) => {
-    if (e.key === "Enter") {
-      e.preventDefault();
-      handleSaveTitle();
-    } else if (e.key === "Escape") {
-      e.preventDefault();
-      setIsEditingTitle(false);
-    }
-  };
-
-  const renderPanelContent = () => {
-    switch (activePanel) {
-      case "site":
-        return <SitePanel />;
-      case "settings":
-        return <SettingsPanel />;
-      default:
-        return null;
-    }
-  };
-
-  return (
-    <>
-    <Sidebar className={cn("dark text-white ")} variant="floating">
-      <div className="flex h-full">
-        {/* Icon Rail */}
-        <IconRail activePanel={activePanel} onPanelChange={setActivePanel} />
-
-        {/* Panel Content */}
-        <div className="flex flex-1 flex-col overflow-hidden">
-          <SidebarHeader className="flex-col items-start justify-center px-3 py-3 gap-1 border-b border-border/50 relative">
-            <div className="flex w-full items-center justify-between gap-2">
-              <div className="flex-1 min-w-0">
-                {isEditingTitle ? (
-                  <input
-                    ref={inputRef}
-                    type="text"
-                    value={titleValue}
-                    onChange={(e) => setTitleValue(e.target.value)}
-                    onKeyDown={handleKeyDown}
-                    onBlur={handleSaveTitle}
-                    placeholder="Untitled Project"
-                    className="w-full bg-transparent text-foreground outline-none border-b border-primary/50 focus:border-primary rounded-none px-0 py-0 m-0 h-7 font-semibold text-lg"
-                  />
-                ) : (
-                  <h1
-                    className="font-semibold text-lg truncate cursor-text w-full h-7 border-b border-transparent hover:border-border/50 transition-colors leading-7"
-                    onClick={() => setIsEditingTitle(true)}
-                  >
-                    {activeProject?.name || "Untitled Project"}
-                  </h1>
-                )}
-              </div>
-              <div className={cn("shrink-0 flex items-center gap-1 transition-all duration-200", isEditingTitle && "hidden")}>
-                {activeProjectId && (
-                  <Popover open={isVersionsOpen} onOpenChange={setIsVersionsOpen}>
-                    <div className="inline-flex h-8 overflow-hidden rounded-full border border-border/50 bg-black/20">
-                      <Tooltip>
-                        <TooltipTrigger asChild>
-                          <button
-                            type="button"
-                            onClick={() => runVersionAction("save")}
-                            disabled={isQuickSaveDisabled}
-                            className={cn(
-                              "group/save-trigger relative inline-flex h-full w-16 items-center border-r border-border/50 px-1.5 text-[10px] transition-colors",
-                              isQuickSaveDisabled
-                                ? "cursor-not-allowed opacity-50"
-                                : "hover:bg-black/30",
-                            )}
-                          >
-                            <span className="pointer-events-none inline-flex min-w-0 items-center gap-1 transition-opacity group-hover/save-trigger:opacity-0">
-                              <Clock3 className="h-3 w-3 shrink-0 text-muted-foreground" />
-                              <span className="min-w-0 truncate text-left text-muted-foreground">
-                                {triggerVersionLabel}
-                              </span>
-                            </span>
-                            <span className="pointer-events-none absolute inset-0 flex items-center justify-center gap-1 opacity-0 transition-opacity group-hover/save-trigger:opacity-100">
-                              <Save className="h-3 w-3 shrink-0 text-foreground" />
-                              <span className="font-medium text-foreground">{quickSaveLabel}</span>
-                            </span>
-                          </button>
-                        </TooltipTrigger>
-                        <TooltipContent side="top">{quickSaveDescription}</TooltipContent>
-                      </Tooltip>
-
-                      <PopoverTrigger asChild>
-                        <button
-                          type="button"
-                          className="inline-flex h-full w-6 items-center justify-center text-muted-foreground transition-colors hover:bg-black/30 hover:text-foreground data-[state=open]:bg-black/35"
-                        >
-                          <ChevronDown className="h-3 w-3 shrink-0" />
-                        </button>
-                      </PopoverTrigger>
-                    </div>
-                    <PopoverContent
-                      align="end"
-                      className="w-[min(320px,calc(var(--sidebar-width)-3rem),calc(100vw-2rem))] min-w-[230px] p-2"
-                      sideOffset={8}
-                    >
-                      <div className="max-h-[280px] overflow-y-auto">
-                        {isVersionListLoading ? (
-                          <div className="px-2 py-3 text-xs text-muted-foreground">
-                            Loading versions...
-                          </div>
-                        ) : versionList.length === 0 ? (
-                          <div className="px-2 py-3 text-xs text-muted-foreground">
-                            No versions found
-                          </div>
-                        ) : (
-                          versionList.map((item) => {
-                            const isPublished = item.isPublished;
-                            const isCurrentlyViewed = isVersionPreviewMode
-                              ? previewVersion?.id === item.id
-                              : item.isDraft;
-                            const isActionPending = activeVersionItemAction?.version === item.version;
-
-                            return (
-                              <div
-                                key={item.id}
-                                className={cn(
-                                  "group/version-item relative mb-0.5 flex items-center gap-1 rounded-md px-2 py-1.5 transition-colors",
-                                  isCurrentlyViewed ? "bg-accent/25" : "hover:bg-accent/20"
-                                )}
-                              >
-                                {isCurrentlyViewed && (
-                                  <span className="pointer-events-none absolute right-0 top-1 bottom-1 w-0.5 rounded-full bg-primary/70" />
-                                )}
-                                <button
-                                  type="button"
-                                  onClick={() =>
-                                    item.isDraft
-                                      ? handleBackToLatest()
-                                      : handlePreviewVersion(item.id, item.version)
-                                  }
-                                  className="min-w-0 flex-1 text-left"
-                                >
-                                  <div className="flex items-center gap-1.5">
-                                    <span className="truncate text-sm font-medium leading-none">
-                                      {item.isDraft
-                                        ? "Latest"
-                                        : `Version ${item.version}`}
-                                    </span>
-                                    {item.isDraft && item.restoredFromVersion !== null && (
-                                      <span className="text-[10px] text-muted-foreground">
-                                        restored from v{item.restoredFromVersion}
-                                      </span>
-                                    )}
-                                  </div>
-                                  <div className="mt-0.5 text-[11px] text-muted-foreground">
-                                    {formatRelativeTime(item.updatedAt)}
-                                  </div>
-                                </button>
-
-                                {!item.isDraft && (
-                                  <div className="absolute right-1 top-1 flex items-center gap-1">
-                                    <button
-                                      type="button"
-                                      onClick={(event) => {
-                                        event.stopPropagation();
-                                        handleRestoreVersion(item.id, item.version);
-                                      }}
-                                      disabled={!!activeVersionItemAction}
-                                      className={cn(
-                                        "group/restore pointer-events-none inline-flex h-6 items-center rounded-md border border-border/50 bg-background/80 px-1.5 text-muted-foreground opacity-0 transition-all duration-150 group-hover/version-item:pointer-events-auto group-hover/version-item:opacity-100 hover:border-border hover:bg-accent/20 hover:text-foreground",
-                                        isActionPending &&
-                                          activeVersionItemAction?.action === "restore" &&
-                                          "border-primary/40 text-primary"
-                                      )}
-                                    >
-                                      <RotateCcw className="h-3.5 w-3.5 shrink-0" />
-                                      <span className="max-w-0 overflow-hidden whitespace-nowrap text-[10px] opacity-0 transition-all duration-150 group-hover/restore:ml-1 group-hover/restore:max-w-14 group-hover/restore:opacity-100">
-                                        Restore
-                                      </span>
-                                    </button>
-
-                                    {isPublished ? (
-                                      <span className="inline-flex h-6 items-center rounded-md bg-emerald-500/15 px-2 text-[10px] font-medium text-emerald-400">
-                                        Published
-                                      </span>
-                                    ) : (
-                                      <button
-                                        type="button"
-                                        onClick={(event) => {
-                                          event.stopPropagation();
-                                          handlePublishVersion(item.version);
-                                        }}
-                                        disabled={!!activeVersionItemAction}
-                                        className={cn(
-                                          "group/publish pointer-events-none inline-flex h-6 items-center rounded-md border border-sky-500/35 bg-sky-500/10 px-1.5 text-sky-300 opacity-0 transition-all duration-150 group-hover/version-item:pointer-events-auto group-hover/version-item:opacity-100 hover:border-sky-400/50 hover:bg-sky-500/20 hover:text-sky-200",
-                                          isActionPending &&
-                                            activeVersionItemAction?.action === "publish" &&
-                                            "border-sky-300/60 text-sky-200"
-                                        )}
-                                      >
-                                        <ArrowUpCircle className="h-3.5 w-3.5 shrink-0" />
-                                        <span className="max-w-0 overflow-hidden whitespace-nowrap text-[10px] opacity-0 transition-all duration-150 group-hover/publish:ml-1 group-hover/publish:max-w-14 group-hover/publish:opacity-100">
-                                          Publish
-                                        </span>
-                                      </button>
-                                    )}
-                                  </div>
-                                )}
-                              </div>
-                            );
-                          })
-                        )}
-                      </div>
-                    </PopoverContent>
-                  </Popover>
-                )}
-              </div>
-            </div>
-          </SidebarHeader>
-
-          <SidebarContent
-            className={cn("no-scrollbar flex flex-1 flex-col overflow-hidden")}
-          >
-            {renderPanelContent()}
-          </SidebarContent>
-        </div>
-      </div>
-    </Sidebar>
-    <CommandPalette />
-    </>
-  );
-}
diff --git a/apps/editor/components/ui/sidebar/icon-rail.tsx b/apps/editor/components/ui/sidebar/icon-rail.tsx
deleted file mode 100644
index 2fc845c0..00000000
--- a/apps/editor/components/ui/sidebar/icon-rail.tsx
+++ /dev/null
@@ -1,255 +0,0 @@
-"use client";
-
-import { ArrowLeft, Command, FolderOpen, Moon, Search, Sun } from "lucide-react";
-import Link from "next/link";
-import Image from "next/image";
-import { useEffect, useState } from "react";
-import { useRouter } from "next/navigation";
-import { motion } from "framer-motion";
-import {
-  Tooltip,
-  TooltipContent,
-  TooltipTrigger,
-} from "@/components/ui/primitives/tooltip";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/primitives/popover";
-import {
-  Dialog,
-  DialogContent,
-  DialogHeader,
-  DialogTitle,
-} from "@/components/ui/primitives/dialog";
-import { cn } from "@/lib/utils";
-import { useViewer } from "@pascal-app/viewer";
-import { useProjectStore } from "@/features/community/lib/projects/store";
-import { useCommandPalette } from "@/components/ui/command-palette";
-
-function OpenProjectModal({
-  open,
-  onOpenChange,
-}: {
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-}) {
-  const router = useRouter();
-  const projects = useProjectStore((s) => s.projects);
-  const activeProject = useProjectStore((s) => s.activeProject);
-  const fetchProjects = useProjectStore((s) => s.fetchProjects);
-
-  useEffect(() => {
-    if (open && projects.length === 0) {
-      fetchProjects();
-    }
-  }, [open, projects.length, fetchProjects]);
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-sm p-0 gap-0 overflow-hidden">
-        <DialogHeader className="px-4 pt-4 pb-3 border-b border-border/50">
-          <DialogTitle className="text-sm font-medium">Open project</DialogTitle>
-        </DialogHeader>
-        <div className="max-h-80 overflow-y-auto p-1.5">
-          {projects.length === 0 ? (
-            <p className="px-3 py-6 text-sm text-muted-foreground text-center">
-              No projects found
-            </p>
-          ) : (
-            projects.map((project) => {
-              const isActive = project.id === activeProject?.id;
-              return (
-                <button
-                  key={project.id}
-                  type="button"
-                  className={cn(
-                    "flex w-full items-center gap-3 rounded-md px-3 py-2 text-left transition-colors hover:bg-accent",
-                    isActive && "bg-accent/50"
-                  )}
-                  onClick={() => {
-                    onOpenChange(false);
-                    router.push(`/editor/${project.id}`);
-                  }}
-                >
-                  <div className="flex h-8 w-8 shrink-0 items-center justify-center rounded bg-muted overflow-hidden">
-                    {project.thumbnail_url ? (
-                      <img
-                        src={project.thumbnail_url}
-                        alt=""
-                        className="h-full w-full object-cover"
-                      />
-                    ) : (
-                      <FolderOpen className="h-4 w-4 text-muted-foreground" />
-                    )}
-                  </div>
-                  <p className="flex-1 min-w-0 truncate text-sm font-medium">
-                    {project.name}
-                  </p>
-                  {isActive && (
-                    <div className="h-1.5 w-1.5 shrink-0 rounded-full bg-primary" />
-                  )}
-                </button>
-              );
-            })
-          )}
-        </div>
-      </DialogContent>
-    </Dialog>
-  );
-}
-
-export type PanelId = "site" | "settings";
-
-interface IconRailProps {
-  activePanel: PanelId;
-  onPanelChange: (panel: PanelId) => void;
-  className?: string;
-}
-
-const panels: { id: PanelId; iconSrc: string; label: string }[] = [
-  { id: "site", iconSrc: "/icons/level.png", label: "Site" },
-  { id: "settings", iconSrc: "/icons/settings.png", label: "Settings" },
-];
-
-export function IconRail({
-  activePanel,
-  onPanelChange,
-  className,
-}: IconRailProps) {
-  const theme = useViewer((state) => state.theme);
-  const setTheme = useViewer((state) => state.setTheme);
-  const [mounted, setMounted] = useState(false);
-  const [isMenuOpen, setIsMenuOpen] = useState(false);
-  const [isOpenProjectOpen, setIsSwitchProjectOpen] = useState(false);
-
-  useEffect(() => {
-    setMounted(true);
-  }, []);
-
-  const handleOpenProject = () => {
-    setIsMenuOpen(false);
-    setIsSwitchProjectOpen(true);
-  };
-
-  return (
-    <>
-      <div
-        className={cn(
-          "flex h-full w-11 flex-col items-center gap-1 border-border/50 border-r py-2",
-          className,
-        )}
-      >
-        {/* Pascal logo — app menu */}
-        <Popover open={isMenuOpen} onOpenChange={setIsMenuOpen}>
-          <PopoverTrigger asChild>
-            <button
-              type="button"
-              className="flex h-9 w-9 items-center justify-center rounded-lg transition-all hover:bg-accent"
-            >
-              <Image
-                src="/pascal-logo-shape.svg"
-                alt="Pascal"
-                width={24}
-                height={24}
-                className="h-6 w-6 dark:invert"
-              />
-            </button>
-          </PopoverTrigger>
-          <PopoverContent side="right" align="start" className="w-52 p-1" sideOffset={8}>
-            <Link
-              href="/"
-              className="flex items-center gap-2.5 rounded-md px-2.5 py-2 text-sm text-foreground transition-colors hover:bg-accent"
-              onClick={() => setIsMenuOpen(false)}
-            >
-              <ArrowLeft className="h-3.5 w-3.5 text-muted-foreground shrink-0" />
-              Back to community
-            </Link>
-            <button
-              type="button"
-              className="flex w-full items-center gap-2.5 rounded-md px-2.5 py-2 text-sm text-foreground transition-colors hover:bg-accent"
-              onClick={handleOpenProject}
-            >
-              <FolderOpen className="h-3.5 w-3.5 text-muted-foreground shrink-0" />
-              Open project
-            </button>
-            <div className="my-1 h-px bg-border/50" />
-            <button
-              type="button"
-              className="flex w-full items-center gap-2.5 rounded-md px-2.5 py-2 text-sm text-muted-foreground transition-colors hover:bg-accent hover:text-foreground"
-              onClick={() => { setIsMenuOpen(false); useCommandPalette.getState().setOpen(true); }}
-            >
-              <Search className="h-3.5 w-3.5 shrink-0" />
-              <span className="flex-1 text-left">Actions...</span>
-              <span className="flex items-center gap-0.5 rounded border border-border/60 bg-muted/60 px-1 py-0.5 text-[10px] leading-none text-muted-foreground">
-                <Command className="h-2.5 w-2.5" />
-                K
-              </span>
-            </button>
-          </PopoverContent>
-        </Popover>
-
-        {/* Divider */}
-        <div className="w-8 h-px bg-border/50 mb-1" />
-
-        {panels.map((panel) => {
-          const isActive = activePanel === panel.id;
-          return (
-            <Tooltip key={panel.id}>
-              <TooltipTrigger asChild>
-                <button
-                  className={cn(
-                    "flex h-9 w-9 items-center justify-center rounded-lg transition-all",
-                    isActive ? "bg-accent" : "hover:bg-accent",
-                  )}
-                  onClick={() => onPanelChange(panel.id)}
-                  type="button"
-                >
-                  <img
-                    src={panel.iconSrc}
-                    alt={panel.label}
-                    className={cn(
-                      "h-6 w-6 transition-all object-contain",
-                      !isActive && "opacity-50 saturate-0"
-                    )}
-                  />
-                </button>
-              </TooltipTrigger>
-              <TooltipContent side="right">{panel.label}</TooltipContent>
-            </Tooltip>
-          );
-        })}
-
-        {/* Spacer */}
-        <div className="flex-1" />
-
-        {/* Theme Toggle */}
-        {mounted && (
-          <Tooltip>
-            <TooltipTrigger asChild>
-              <button
-                className="flex h-9 w-9 items-center justify-center rounded-lg border border-border/50 bg-accent/40 transition-all text-foreground hover:bg-accent mb-2"
-                onClick={() => setTheme(theme === "dark" ? "light" : "dark")}
-                type="button"
-              >
-                <motion.div
-                  key={theme}
-                  initial={{ rotate: -90, opacity: 0 }}
-                  animate={{ rotate: 0, opacity: 1 }}
-                  transition={{ duration: 0.25, ease: "easeOut" }}
-                >
-                  {theme === "dark" ? <Sun className="h-4 w-4" /> : <Moon className="h-4 w-4" />}
-                </motion.div>
-              </button>
-            </TooltipTrigger>
-            <TooltipContent side="right">Toggle theme</TooltipContent>
-          </Tooltip>
-        )}
-      </div>
-
-      <OpenProjectModal open={isOpenProjectOpen} onOpenChange={setIsSwitchProjectOpen} />
-    </>
-  );
-}
-
-export { panels };
diff --git a/apps/editor/components/ui/sidebar/panels/settings-panel/keyboard-shortcuts-dialog.tsx b/apps/editor/components/ui/sidebar/panels/settings-panel/keyboard-shortcuts-dialog.tsx
deleted file mode 100644
index 4cf9aa89..00000000
--- a/apps/editor/components/ui/sidebar/panels/settings-panel/keyboard-shortcuts-dialog.tsx
+++ /dev/null
@@ -1,189 +0,0 @@
-import { Keyboard } from "lucide-react";
-import { useEffect, useState } from "react";
-import { Button } from "@/components/ui/primitives/button";
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-  DialogTrigger,
-} from "@/components/ui/primitives/dialog";
-
-type Shortcut = {
-  keys: string[];
-  action: string;
-  note?: string;
-};
-
-type ShortcutCategory = {
-  title: string;
-  shortcuts: Shortcut[];
-};
-
-const KEY_DISPLAY_MAP: Record<string, string> = {
-  "Arrow Up": "↑",
-  "Arrow Down": "↓",
-  Esc: "⎋",
-  Shift: "⇧",
-  Space: "␣",
-};
-
-const SHORTCUT_CATEGORIES: ShortcutCategory[] = [
-  {
-    title: "Editor Navigation",
-    shortcuts: [
-      { keys: ["1"], action: "Switch to Site phase" },
-      { keys: ["2"], action: "Switch to Structure phase" },
-      { keys: ["3"], action: "Switch to Furnish phase" },
-      { keys: ["S"], action: "Switch to Structure layer" },
-      { keys: ["F"], action: "Switch to Furnish layer" },
-      { keys: ["Z"], action: "Switch to Zones layer" },
-      {
-        keys: ["Cmd/Ctrl", "Arrow Up"],
-        action: "Select next level in the active building",
-      },
-      {
-        keys: ["Cmd/Ctrl", "Arrow Down"],
-        action: "Select previous level in the active building",
-      },
-      { keys: ["Cmd/Ctrl", "B"], action: "Toggle sidebar" },
-    ],
-  },
-  {
-    title: "Modes & History",
-    shortcuts: [
-      { keys: ["V"], action: "Switch to Select mode" },
-      { keys: ["B"], action: "Switch to Build mode" },
-      {
-        keys: ["Esc"],
-        action: "Cancel active tool, clear selection, and exit build mode",
-      },
-      { keys: ["Delete / Backspace"], action: "Delete selected objects" },
-      { keys: ["Cmd/Ctrl", "Z"], action: "Undo" },
-      { keys: ["Cmd/Ctrl", "Shift", "Z"], action: "Redo" },
-    ],
-  },
-  {
-    title: "Selection",
-    shortcuts: [
-      {
-        keys: ["Cmd/Ctrl", "Click"],
-        action: "Add or remove an object from multi-selection",
-        note: "Works while in Select mode.",
-      },
-    ],
-  },
-  {
-    title: "Drawing Tools",
-    shortcuts: [
-      {
-        keys: ["Shift"],
-        action: "Temporarily disable angle snapping while drawing walls, slabs, and ceilings",
-        note: "Hold while drawing.",
-      },
-    ],
-  },
-  {
-    title: "Item Placement",
-    shortcuts: [
-      { keys: ["R"], action: "Rotate item clockwise by 90 degrees" },
-      { keys: ["T"], action: "Rotate item counter-clockwise by 90 degrees" },
-      {
-        keys: ["Shift"],
-        action: "Temporarily bypass placement validation constraints",
-        note: "Hold while placing.",
-      },
-    ],
-  },
-  {
-    title: "Camera",
-    shortcuts: [
-      {
-        keys: ["Space", "Drag"],
-        action: "Pan camera",
-        note: "Hold Space while dragging with the mouse.",
-      },
-    ],
-  },
-];
-
-function getDisplayKey(key: string, isMac: boolean): string {
-  if (key === "Cmd/Ctrl") return isMac ? "⌘" : "Ctrl";
-  if (key === "Delete / Backspace") return isMac ? "⌫" : "Backspace";
-  return KEY_DISPLAY_MAP[key] ?? key;
-}
-
-function ShortcutKeys({ keys }: { keys: string[] }) {
-  const [isMac, setIsMac] = useState(true);
-
-  useEffect(() => {
-    setIsMac(navigator.platform.toUpperCase().indexOf("MAC") >= 0);
-  }, []);
-
-  return (
-    <div className="flex flex-wrap items-center gap-1">
-      {keys.map((key, index) => (
-        <div key={`${key}-${index}`} className="flex items-center gap-1">
-          {index > 0 ? (
-            <span className="text-[10px] text-muted-foreground">+</span>
-          ) : null}
-          <kbd
-            className="inline-flex h-6 items-center rounded border border-border bg-muted px-2 font-mono text-[11px] font-medium text-muted-foreground"
-            title={key}
-          >
-            {getDisplayKey(key, isMac)}
-          </kbd>
-        </div>
-      ))}
-    </div>
-  );
-}
-
-export function KeyboardShortcutsDialog() {
-  return (
-    <Dialog>
-      <DialogTrigger asChild>
-        <Button className="w-full justify-start gap-2" variant="outline">
-          <Keyboard className="size-4" />
-          Keyboard Shortcuts
-        </Button>
-      </DialogTrigger>
-      <DialogContent className="max-h-[85vh] flex flex-col overflow-hidden p-0 sm:max-w-3xl">
-        <DialogHeader className="shrink-0 border-b px-6 py-4">
-          <DialogTitle>Keyboard Shortcuts</DialogTitle>
-          <DialogDescription>
-            Shortcuts are context-aware and depend on the current phase or tool.
-          </DialogDescription>
-        </DialogHeader>
-
-        <div className="flex-1 overflow-y-auto px-6 py-4 space-y-5">
-          {SHORTCUT_CATEGORIES.map((category) => (
-            <section key={category.title} className="space-y-2">
-              <h3 className="font-medium text-sm">{category.title}</h3>
-              <div className="overflow-hidden rounded-md border border-border/80">
-                {category.shortcuts.map((shortcut, index) => (
-                  <div
-                    key={`${category.title}-${shortcut.action}`}
-                    className="grid grid-cols-[minmax(130px,220px)_1fr] gap-3 px-3 py-2"
-                  >
-                    <ShortcutKeys keys={shortcut.keys} />
-                    <div>
-                      <p className="text-sm">{shortcut.action}</p>
-                      {shortcut.note ? (
-                        <p className="text-muted-foreground text-xs">{shortcut.note}</p>
-                      ) : null}
-                    </div>
-                    {index < category.shortcuts.length - 1 ? (
-                      <div className="col-span-2 border-border/60 border-b" />
-                    ) : null}
-                  </div>
-                ))}
-              </div>
-            </section>
-          ))}
-        </div>
-      </DialogContent>
-    </Dialog>
-  );
-}
diff --git a/apps/editor/components/ui/sidebar/panels/site-panel/ceiling-tree-node.tsx b/apps/editor/components/ui/sidebar/panels/site-panel/ceiling-tree-node.tsx
deleted file mode 100644
index 70942b6c..00000000
--- a/apps/editor/components/ui/sidebar/panels/site-panel/ceiling-tree-node.tsx
+++ /dev/null
@@ -1,119 +0,0 @@
-import { type AnyNodeId, CeilingNode, useScene } from "@pascal-app/core";
-import { useViewer } from "@pascal-app/viewer";
-import Image from "next/image";
-import { useState, useEffect } from "react";
-import useEditor from "@/store/use-editor";
-import { InlineRenameInput } from "./inline-rename-input";
-import { TreeNode, TreeNodeWrapper, handleTreeSelection } from "./tree-node";
-import { TreeNodeActions } from "./tree-node-actions";
-
-interface CeilingTreeNodeProps {
-  node: CeilingNode;
-  depth: number;
-  isLast?: boolean;
-}
-
-export function CeilingTreeNode({ node, depth, isLast }: CeilingTreeNodeProps) {
-  const [expanded, setExpanded] = useState(false);
-  const [isEditing, setIsEditing] = useState(false);
-  const selectedIds = useViewer((state) => state.selection.selectedIds);
-  const isSelected = selectedIds.includes(node.id);
-  const isHovered = useViewer((state) => state.hoveredId === node.id);
-  const setSelection = useViewer((state) => state.setSelection);
-  const setHoveredId = useViewer((state) => state.setHoveredId);
-
-  useEffect(() => {
-    if (selectedIds.length === 0) return;
-    const nodes = useScene.getState().nodes;
-    let isDescendant = false;
-    for (const id of selectedIds) {
-      let current = nodes[id as AnyNodeId];
-      while (current && current.parentId) {
-        if (current.parentId === node.id) {
-          isDescendant = true;
-          break;
-        }
-        current = nodes[current.parentId as AnyNodeId];
-      }
-      if (isDescendant) break;
-    }
-    if (isDescendant) {
-      setExpanded(true);
-    }
-  }, [selectedIds, node.id]);
-
-  const handleClick = (e: React.MouseEvent) => {
-    e.stopPropagation();
-    const handled = handleTreeSelection(e, node.id, selectedIds, setSelection);
-    if (!handled && useEditor.getState().phase === "furnish") {
-      useEditor.getState().setPhase("structure");
-    }
-  };
-
-  const handleDoubleClick = () => {
-    setIsEditing(true);
-  };
-
-  const handleMouseEnter = () => {
-    setHoveredId(node.id);
-  };
-
-  const handleMouseLeave = () => {
-    setHoveredId(null);
-  };
-
-  // Calculate approximate area from polygon
-  const area = calculatePolygonArea(node.polygon).toFixed(1);
-  const defaultName = `Ceiling (${area}m²)`;
-
-  return (
-    <TreeNodeWrapper
-      nodeId={node.id}
-      icon={<Image src="/icons/ceiling.png" alt="" width={14} height={14} className="object-contain" />}
-      label={
-        <InlineRenameInput
-          node={node}
-          isEditing={isEditing}
-          onStopEditing={() => setIsEditing(false)}
-          onStartEditing={() => setIsEditing(true)}
-          defaultName={defaultName}
-        />
-      }
-      depth={depth}
-      hasChildren={node.children.length > 0}
-      expanded={expanded}
-      onToggle={() => setExpanded(!expanded)}
-      onClick={handleClick}
-      onDoubleClick={handleDoubleClick}
-      onMouseEnter={handleMouseEnter}
-      onMouseLeave={handleMouseLeave}
-      isSelected={isSelected}
-      isHovered={isHovered}
-      isVisible={node.visible !== false}
-      isLast={isLast}
-      actions={<TreeNodeActions node={node} />}
-    >
-      {node.children.map((childId, index) => (
-        <TreeNode key={childId} nodeId={childId} depth={depth + 1} isLast={index === node.children.length - 1} />
-      ))}
-    </TreeNodeWrapper>
-  );
-}
-
-/**
- * Calculate the area of a polygon using the shoelace formula
- */
-function calculatePolygonArea(polygon: Array<[number, number]>): number {
-  if (polygon.length < 3) return 0;
-
-  let area = 0;
-  const n = polygon.length;
-
-  for (let i = 0; i < n; i++) {
-    const j = (i + 1) % n;
-    area += polygon[i]![0] * polygon[j]![1];
-    area -= polygon[j]![0] * polygon[i]![1];
-  }
-
-  return Math.abs(area) / 2;
-}
diff --git a/apps/editor/components/ui/sidebar/panels/site-panel/index.tsx b/apps/editor/components/ui/sidebar/panels/site-panel/index.tsx
deleted file mode 100644
index 55482c97..00000000
--- a/apps/editor/components/ui/sidebar/panels/site-panel/index.tsx
+++ /dev/null
@@ -1,1381 +0,0 @@
-import {
-  type AnyNodeId,
-  type AnyNode,
-  type BuildingNode,
-  emitter,
-  LevelNode,
-  type SiteNode,
-  useScene,
-  type ZoneNode,
-  type ScanNode,
-  type GuideNode,
-} from "@pascal-app/core";
-import { useViewer } from "@pascal-app/viewer";
-import {
-  Box,
-  Building2,
-  Camera,
-  ChevronDown,
-  Image as ImageIcon,
-  Layers,
-  Loader2,
-  Pentagon,
-  MoreHorizontal,
-  Pencil,
-  Plus,
-  Trash2,
-  X,
-} from "lucide-react";
-import { useState, useEffect, useRef } from "react";
-import { cn } from "@/lib/utils";
-import useEditor from "@/store/use-editor";
-import { TreeNode } from "./tree-node";
-import { InlineRenameInput } from "./inline-rename-input";
-import { useProjectStore } from '@/features/community/lib/projects/store';
-import { deleteProjectAssetByUrl } from '@/features/community/lib/assets/actions';
-import { useUploadStore } from '@/store/use-upload';
-import { uploadAssetWithProgress } from '@/lib/upload-asset';
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/primitives/popover";
-import { motion, AnimatePresence, LayoutGroup } from "motion/react";
-import { ColorDot } from "@/components/ui/primitives/color-dot";
-
-// ============================================================================
-// PROPERTY LINE SECTION
-// ============================================================================
-
-function calculatePerimeter(points: Array<[number, number]>): number {
-  if (points.length < 2) return 0;
-  let perimeter = 0;
-  for (let i = 0; i < points.length; i++) {
-    const [x1, z1] = points[i]!;
-    const [x2, z2] = points[(i + 1) % points.length]!;
-    perimeter += Math.sqrt((x2 - x1) ** 2 + (z2 - z1) ** 2);
-  }
-  return perimeter;
-}
-
-function calculatePolygonArea(polygon: Array<[number, number]>): number {
-  if (polygon.length < 3) return 0;
-  let area = 0;
-  const n = polygon.length;
-  for (let i = 0; i < n; i++) {
-    const j = (i + 1) % n;
-    area += polygon[i]![0] * polygon[j]![1];
-    area -= polygon[j]![0] * polygon[i]![1];
-  }
-  return Math.abs(area) / 2;
-}
-
-function useSiteNode(): SiteNode | null {
-  const siteId = useScene((state) => {
-    for (const id of state.rootNodeIds) {
-      if (state.nodes[id]?.type === "site") return id;
-    }
-    return null;
-  });
-  return useScene((state) =>
-    siteId ? ((state.nodes[siteId] as SiteNode | undefined) ?? null) : null
-  );
-}
-
-function PropertyLineSection() {
-  const siteNode = useSiteNode();
-  const updateNode = useScene((state) => state.updateNode);
-  const mode = useEditor((state) => state.mode);
-  const setMode = useEditor((state) => state.setMode);
-
-  if (!siteNode) return null;
-
-  const points = siteNode.polygon?.points ?? [];
-  const area = calculatePolygonArea(points);
-  const perimeter = calculatePerimeter(points);
-  const isEditing = mode === "edit";
-
-  const handleToggleEdit = () => {
-    setMode(isEditing ? "select" : "edit");
-  };
-
-  const handlePointChange = (index: number, axis: 0 | 1, value: number) => {
-    const newPoints = [...points.map((p) => [...p] as [number, number])];
-    newPoints[index]![axis] = value;
-    updateNode(siteNode.id, {
-      polygon: { type: "polygon" as const, points: newPoints },
-    });
-  };
-
-  const handleAddPoint = () => {
-    const lastPoint = points[points.length - 1];
-    const firstPoint = points[0];
-    if (!lastPoint || !firstPoint) return;
-
-    const newPoint: [number, number] = [
-      (lastPoint[0] + firstPoint[0]) / 2,
-      (lastPoint[1] + firstPoint[1]) / 2,
-    ];
-    const newPoints = [...points, newPoint];
-    updateNode(siteNode.id, {
-      polygon: { type: "polygon" as const, points: newPoints },
-    });
-  };
-
-  const handleDeletePoint = (index: number) => {
-    if (points.length <= 3) return;
-    const newPoints = points.filter((_, i) => i !== index);
-    updateNode(siteNode.id, {
-      polygon: { type: "polygon" as const, points: newPoints },
-    });
-  };
-
-  return (
-    <div className="border-b border-border/50 relative">
-      {/* Vertical tree line */}
-      <div className="absolute left-[21px] top-0 bottom-0 w-px bg-border/50" />
-
-      {/* Header */}
-      <div className="flex items-center justify-between pl-10 pr-3 py-2 relative">
-        {/* Horizontal branch line */}
-        <div className="absolute left-[21px] top-1/2 w-4 h-px bg-border/50" />
-        
-        <div className="flex items-center gap-2">
-          <Pentagon className="w-4 h-4 text-muted-foreground" />
-          <span className="text-sm font-medium">Property Line</span>
-        </div>
-        <button
-          className={cn(
-            "w-6 h-6 flex items-center justify-center rounded cursor-pointer transition-colors",
-            isEditing
-              ? "bg-orange-500/20 text-orange-400"
-              : "hover:bg-accent text-muted-foreground"
-          )}
-          onClick={handleToggleEdit}
-        >
-          <Pencil className="w-3.5 h-3.5" />
-        </button>
-      </div>
-
-      {/* Measurements */}
-      <div className="flex gap-3 pl-10 pr-3 pb-2 relative">
-        <div className="text-xs text-muted-foreground">
-          Area: <span className="text-foreground">{area.toFixed(1)} m²</span>
-        </div>
-        <div className="text-xs text-muted-foreground">
-          Perimeter:{" "}
-          <span className="text-foreground">{perimeter.toFixed(1)} m</span>
-        </div>
-      </div>
-
-      {/* Vertex list (shown when editing) */}
-      {isEditing && (
-        <div className="pl-10 pr-3 pb-2 relative">
-          <div className="flex flex-col gap-1">
-            {points.map((point, index) => (
-              <div
-                key={index}
-                className="flex items-center gap-1.5 text-xs"
-              >
-                <span className="w-4 text-muted-foreground text-right shrink-0">
-                  {index + 1}
-                </span>
-                <label className="text-muted-foreground shrink-0">X</label>
-                <input
-                  type="number"
-                  value={point[0]}
-                  onChange={(e) =>
-                    handlePointChange(index, 0, parseFloat(e.target.value) || 0)
-                  }
-                  step={0.5}
-                  className="w-16 bg-accent/50 rounded px-1.5 py-0.5 text-xs text-foreground border border-border/50 focus:outline-none focus:border-primary"
-                />
-                <label className="text-muted-foreground shrink-0">Z</label>
-                <input
-                  type="number"
-                  value={point[1]}
-                  onChange={(e) =>
-                    handlePointChange(index, 1, parseFloat(e.target.value) || 0)
-                  }
-                  step={0.5}
-                  className="w-16 bg-accent/50 rounded px-1.5 py-0.5 text-xs text-foreground border border-border/50 focus:outline-none focus:border-primary"
-                />
-                <button
-                  className={cn(
-                    "w-5 h-5 flex items-center justify-center rounded cursor-pointer shrink-0",
-                    points.length > 3
-                      ? "hover:bg-red-500/20 text-muted-foreground hover:text-red-400"
-                      : "text-muted-foreground/30 cursor-not-allowed"
-                  )}
-                  onClick={() => handleDeletePoint(index)}
-                  disabled={points.length <= 3}
-                >
-                  <Trash2 className="w-3 h-3" />
-                </button>
-              </div>
-            ))}
-          </div>
-          <button
-            className="flex items-center gap-1 mt-1.5 px-2 py-1 text-xs text-muted-foreground hover:text-foreground hover:bg-accent/50 rounded cursor-pointer transition-colors"
-            onClick={handleAddPoint}
-          >
-            <Plus className="w-3 h-3" />
-            Add point
-          </button>
-        </div>
-      )}
-    </div>
-  );
-}
-
-// ============================================================================
-// SITE PHASE VIEW - Property line + building buttons
-// ============================================================================
-
-function CameraPopover({
-  nodeId,
-  hasCamera,
-  open,
-  onOpenChange,
-  buttonClassName,
-}: {
-  nodeId: AnyNodeId;
-  hasCamera: boolean;
-  open: boolean;
-  onOpenChange: (open: boolean) => void;
-  buttonClassName?: string;
-}) {
-  const updateNode = useScene((state) => state.updateNode);
-  return (
-    <Popover open={open} onOpenChange={onOpenChange}>
-      <PopoverTrigger asChild>
-        <button
-          className={cn(
-            "relative w-6 h-6 flex items-center justify-center rounded cursor-pointer",
-            buttonClassName
-          )}
-          onClick={(e) => e.stopPropagation()}
-          title="Camera snapshot"
-        >
-          <Camera className="w-3.5 h-3.5" />
-          {hasCamera && (
-            <span className="absolute top-0.5 right-0.5 w-1.5 h-1.5 rounded-full bg-primary" />
-          )}
-        </button>
-      </PopoverTrigger>
-      <PopoverContent
-        side="right"
-        align="start"
-        className="w-auto p-1"
-        onClick={(e) => e.stopPropagation()}
-      >
-        <div className="flex flex-col gap-0.5">
-          {hasCamera && (
-            <button
-              className="flex items-center gap-2 px-2 py-1.5 text-sm rounded cursor-pointer text-popover-foreground hover:bg-accent text-left w-full"
-              onClick={(e) => {
-                e.stopPropagation();
-                emitter.emit("camera-controls:view", { nodeId });
-                onOpenChange(false);
-              }}
-            >
-              <Camera className="w-3.5 h-3.5" />
-              View snapshot
-            </button>
-          )}
-          <button
-            className="flex items-center gap-2 px-2 py-1.5 text-sm rounded cursor-pointer text-popover-foreground hover:bg-accent text-left w-full"
-            onClick={(e) => {
-              e.stopPropagation();
-              emitter.emit("camera-controls:capture", { nodeId });
-              onOpenChange(false);
-            }}
-          >
-            <Camera className="w-3.5 h-3.5" />
-            {hasCamera ? "Update snapshot" : "Take snapshot"}
-          </button>
-          {hasCamera && (
-            <button
-              className="flex items-center gap-2 px-2 py-1.5 text-sm rounded cursor-pointer text-popover-foreground hover:bg-destructive hover:text-destructive-foreground text-left w-full"
-              onClick={(e) => {
-                e.stopPropagation();
-                updateNode(nodeId, { camera: undefined });
-                onOpenChange(false);
-              }}
-            >
-              <Trash2 className="w-3.5 h-3.5" />
-              Clear snapshot
-            </button>
-          )}
-        </div>
-      </PopoverContent>
-    </Popover>
-  );
-}
-
-
-function ReferenceItem({ refNode, isLastRow, setSelectedReferenceId, handleDelete }: {
-  refNode: ScanNode | GuideNode;
-  isLastRow: boolean;
-  setSelectedReferenceId: (id: string) => void;
-  handleDelete: (id: string, e: React.MouseEvent) => void;
-}) {
-  const [isEditing, setIsEditing] = useState(false);
-
-  return (
-    <div className="relative group/ref flex items-center border-b border-border/50 text-xs pr-2 transition-colors hover:bg-accent/30 h-8 select-none">
-      <div className={cn("absolute w-px bg-border/50 pointer-events-none z-10", isLastRow ? "top-0 bottom-1/2" : "top-0 bottom-0")} style={{ left: 45 }} />
-      <div className="absolute top-1/2 h-px bg-border/50 pointer-events-none z-10" style={{ left: 45, width: 8 }} />
-      
-      <div 
-        className="flex-1 flex items-center gap-2 pl-[60px] py-0 h-8 text-muted-foreground group-hover/ref:text-foreground cursor-pointer min-w-0" 
-        onClick={() => setSelectedReferenceId(refNode.id)}
-        onDoubleClick={() => setIsEditing(true)}
-      >
-        {refNode.type === 'scan' ? <img src="/icons/mesh.png" alt="Scan" className="w-3.5 h-3.5 shrink-0 object-contain opacity-70 group-hover/ref:opacity-100 transition-opacity" /> : <img src="/icons/floorplan.png" alt="Guide" className="w-3.5 h-3.5 shrink-0 object-contain opacity-70 group-hover/ref:opacity-100 transition-opacity" />}
-        <InlineRenameInput
-          node={refNode}
-          isEditing={isEditing}
-          onStopEditing={() => setIsEditing(false)}
-          onStartEditing={() => setIsEditing(true)}
-          defaultName={refNode.type === 'scan' ? '3D Scan' : 'Guide Image'}
-        />
-      </div>
-      
-      <button
-        className="opacity-0 group-hover/ref:opacity-100 w-5 h-5 flex items-center justify-center rounded-md hover:bg-black/5 dark:hover:bg-white/10 text-muted-foreground hover:text-foreground transition-colors cursor-pointer shrink-0 z-20"
-        onClick={(e) => handleDelete(refNode.id, e)}
-        title="Delete"
-      >
-        <Trash2 className="w-3 h-3" />
-      </button>
-    </div>
-  );
-}
-
-const MAX_FILE_SIZE = 200 * 1024 * 1024; // 200MB
-
-function LevelReferences({ levelId, isLastLevel }: { levelId: string, isLastLevel?: boolean }) {
-  const nodes = useScene((s) => s.nodes);
-  const deleteNode = useScene((s) => s.deleteNode);
-  const setSelectedReferenceId = useEditor((s) => s.setSelectedReferenceId);
-  const activeProject = useProjectStore((s) => s.activeProject);
-  const uploadState = useUploadStore((s) => s.uploads[levelId]);
-  const clearUpload = useUploadStore((s) => s.clearUpload);
-
-  const uploading = uploadState?.status === 'preparing' ||
-    uploadState?.status === 'uploading' ||
-    uploadState?.status === 'confirming';
-  const uploadingType = uploadState?.assetType ?? null;
-  const uploadError = uploadState?.error ?? null;
-  const progress = uploadState?.progress ?? 0;
-
-  const scanInputRef = useRef<HTMLInputElement>(null);
-
-  const references = Object.values(nodes).filter(
-    (node): node is ScanNode | GuideNode =>
-      (node.type === 'scan' || node.type === 'guide') && node.parentId === levelId,
-  );
-
-  const handleAddAsset = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const file = e.target.files?.[0];
-    if (!file) return;
-    e.target.value = '';
-
-    const projectId = activeProject?.id;
-    if (!projectId) {
-      useUploadStore.getState().startUpload(levelId, 'scan', file.name);
-      useUploadStore.getState().setError(levelId, 'No active project. Please open a project first.');
-      return;
-    }
-
-    if (file.size > MAX_FILE_SIZE) {
-      useUploadStore.getState().startUpload(levelId, 'scan', file.name);
-      useUploadStore.getState().setError(levelId, `File is too large (${(file.size / 1024 / 1024).toFixed(0)} MB). Maximum size is 200 MB.`);
-      return;
-    }
-
-    // Auto-detect type based on file extension/mime type
-    const isScan = file.name.toLowerCase().endsWith('.glb') || file.name.toLowerCase().endsWith('.gltf');
-    const isImage = file.type.startsWith('image/');
-
-    if (!isScan && !isImage) {
-      useUploadStore.getState().startUpload(levelId, 'scan', file.name);
-      useUploadStore.getState().setError(levelId, 'Invalid file type. Please upload a .glb/.gltf scan or an image.');
-      return;
-    }
-
-    const type = isScan ? 'scan' : 'guide';
-
-    clearUpload(levelId);
-    uploadAssetWithProgress(projectId, levelId, file, type);
-  };
-
-  const handleDelete = async (nodeId: string, e: React.MouseEvent) => {
-    e.stopPropagation();
-    const refNode = nodes[nodeId as AnyNodeId] as ScanNode | GuideNode | undefined;
-    const projectId = activeProject?.id;
-
-    if (
-      projectId &&
-      refNode?.url &&
-      (refNode.url.startsWith('http://') || refNode.url.startsWith('https://'))
-    ) {
-      deleteProjectAssetByUrl(projectId, refNode.url);
-    }
-    deleteNode(nodeId as AnyNodeId);
-  };
-
-  const rows = [
-    { type: 'upload' as const },
-    ...references.map(ref => ({ type: 'ref' as const, data: ref }))
-  ];
-
-  return (
-    <div className="flex flex-col relative">
-      {!isLastLevel && (
-        <div className="absolute top-0 bottom-0 w-px bg-border/50 pointer-events-none z-10" style={{ left: 21 }} />
-      )}
-
-      {rows.map((row, i) => {
-        const isLastRow = i === rows.length - 1;
-
-        if (row.type === 'upload') {
-          return (
-            <div key="upload" className="relative group/ref border-b border-border/50">
-              <div className={cn("absolute w-px bg-border/50 pointer-events-none z-10", isLastRow ? "top-0 bottom-1/2" : "top-0 bottom-0")} style={{ left: 45 }} />
-              <div className="absolute top-1/2 h-px bg-border/50 pointer-events-none z-10" style={{ left: 45, width: 8 }} />
-              
-              <button 
-                className="flex items-center gap-2 w-full pl-[60px] pr-2 py-0 h-8 text-xs text-muted-foreground hover:bg-accent/30 hover:text-foreground cursor-pointer transition-colors text-left disabled:opacity-50 disabled:cursor-not-allowed select-none" 
-                disabled={uploading}
-                onClick={() => scanInputRef.current?.click()}
-              >
-                {uploading ? <Loader2 className="w-3.5 h-3.5 animate-spin" /> : <Plus className="w-3.5 h-3.5" />}
-                {uploading ? `Uploading ${uploadingType}... ${progress}%` : "Upload scan/floorplan"}
-              </button>
-
-              <input ref={scanInputRef} type="file" accept=".glb,.gltf,image/jpeg,image/png,image/webp,image/gif" className="hidden" onChange={handleAddAsset} />
-            </div>
-          );
-        }
-
-        const ref = row.data as ScanNode | GuideNode;
-        return (
-          <ReferenceItem
-            key={ref.id}
-            refNode={ref}
-            isLastRow={isLastRow}
-            setSelectedReferenceId={setSelectedReferenceId}
-            handleDelete={handleDelete}
-          />
-        );
-      })}
-
-      {uploadError && (
-        <div className="relative pl-[60px] pr-2 py-1 text-[10px] text-destructive border-b border-border/50 bg-destructive/5 select-none min-h-8 flex items-center">
-          <div className="absolute top-0 bottom-0 w-px bg-border/50 pointer-events-none z-10" style={{ left: 45 }} />
-          {uploadError}
-        </div>
-      )}
-    </div>
-  );
-}
-
-function LevelItem({
-  level,
-  selectedLevelId,
-  setSelection,
-  deleteNode,
-  updateNode,
-  isLast,
-}: {
-  level: LevelNode;
-  selectedLevelId: string | null;
-  setSelection: (selection: any) => void;
-  deleteNode: (id: AnyNodeId) => void;
-  updateNode: (id: AnyNodeId, updates: Partial<AnyNode>) => void;
-  isLast?: boolean;
-}) {
-  const [cameraPopoverOpen, setCameraPopoverOpen] = useState(false);
-  const [isEditing, setIsEditing] = useState(false);
-  const itemRef = useRef<HTMLDivElement>(null);
-  const isSelected = selectedLevelId === level.id;
-  const [isExpanded, setIsExpanded] = useState(isSelected);
-
-  useEffect(() => {
-    setIsExpanded(isSelected);
-  }, [isSelected]);
-
-  useEffect(() => {
-    if (isSelected && itemRef.current) {
-      itemRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
-    }
-  }, [isSelected]);
-
-  return (
-    <div className="flex flex-col relative">
-      <div
-        ref={itemRef}
-        className={cn(
-          "flex items-center group/level border-b border-border/50 pr-2 transition-all duration-200 relative h-8 select-none",
-          isSelected
-            ? "bg-accent/50 text-foreground"
-            : "text-muted-foreground hover:bg-accent/30 hover:text-foreground"
-        )}
-      >
-        {/* Vertical tree line */}
-        <div className={cn("absolute left-[21px] w-px bg-border/50 pointer-events-none z-10", isLast && !isExpanded ? "top-0 bottom-1/2" : "top-0 bottom-0")} />
-        {/* Horizontal branch line */}
-        <div className="absolute left-[21px] top-1/2 w-[11px] h-px bg-border/50 pointer-events-none z-10" />
-        <div className={cn(
-          "absolute left-[32px] top-[10px] w-4 h-[12px] pointer-events-none z-10 transition-colors duration-200",
-          isSelected ? "bg-accent/50" : "bg-background group-hover/level:bg-accent/30"
-        )} />
-        {/* Line down to children */}
-        {isExpanded && (
-          <div className="absolute left-[45px] top-[16px] bottom-0 w-px bg-border/50 pointer-events-none z-10" />
-        )}
-
-          <div className="flex items-center pl-[28px] pr-1 z-20 relative h-8">
-          <button
-            className="w-4 h-4 flex items-center justify-center shrink-0 z-20 bg-inherit cursor-pointer"
-            onClick={(e) => {
-              e.stopPropagation();
-              if (!isSelected) {
-                setSelection({ levelId: level.id });
-              } else {
-                setIsExpanded(!isExpanded);
-              }
-            }}
-          >
-            {isExpanded ? (
-              <ChevronDown className="w-3 h-3 text-muted-foreground" />
-            ) : (
-              <ChevronDown className="w-3 h-3 -rotate-90 text-muted-foreground" />
-            )}
-          </button>
-        </div>
-
-          <div className="flex-1 flex items-center gap-2 py-0 text-sm cursor-pointer min-w-0 h-8 pl-0.5"
-            onClick={() => setSelection({ levelId: level.id })}
-            onDoubleClick={() => setIsEditing(true)}
-          >
-            <img 
-              src="/icons/level.png" 
-              className={cn("w-4 h-4 object-contain shrink-0 transition-all duration-200", !isSelected && "opacity-60 grayscale")} 
-              alt="Level" 
-            />
-            <InlineRenameInput
-              node={level}
-              isEditing={isEditing}
-              onStopEditing={() => setIsEditing(false)}
-              onStartEditing={() => setIsEditing(true)}
-              defaultName={`Level ${level.level}`}
-            />
-          </div>
-        {/* Camera snapshot button */}
-        <Popover open={cameraPopoverOpen} onOpenChange={setCameraPopoverOpen}>
-          <PopoverTrigger asChild>
-            <button
-              className={cn(
-                "relative opacity-0 group-hover/level:opacity-100 w-6 h-6 mr-1 flex items-center justify-center rounded-md cursor-pointer shrink-0 transition-colors",
-                selectedLevelId === level.id
-                  ? "hover:bg-black/5 dark:hover:bg-white/10"
-                  : "hover:bg-accent text-muted-foreground hover:text-foreground"
-              )}
-              onClick={(e) => e.stopPropagation()}
-              title="Camera snapshot"
-            >
-              <Camera className="w-3.5 h-3.5" />
-              {level.camera && (
-                <span className="absolute top-0.5 right-0.5 w-1.5 h-1.5 rounded-full bg-primary" />
-              )}
-            </button>
-          </PopoverTrigger>
-          <PopoverContent
-            side="right"
-            align="start"
-            className="w-auto p-1"
-            onClick={(e) => e.stopPropagation()}
-          >
-            <div className="flex flex-col gap-0.5">
-              {level.camera && (
-                <button
-                  className="flex items-center gap-2 px-2 py-1.5 text-sm rounded cursor-pointer text-popover-foreground hover:bg-accent text-left w-full"
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    emitter.emit("camera-controls:view", { nodeId: level.id });
-                    setCameraPopoverOpen(false);
-                  }}
-                >
-                  <Camera className="w-3.5 h-3.5" />
-                  View snapshot
-                </button>
-              )}
-              <button
-                className="flex items-center gap-2 px-2 py-1.5 text-sm rounded cursor-pointer text-popover-foreground hover:bg-accent text-left w-full"
-                onClick={(e) => {
-                  e.stopPropagation();
-                  emitter.emit("camera-controls:capture", { nodeId: level.id });
-                  setCameraPopoverOpen(false);
-                }}
-              >
-                <Camera className="w-3.5 h-3.5" />
-                {level.camera ? "Update snapshot" : "Take snapshot"}
-              </button>
-              {level.camera && (
-                <button
-                  className="flex items-center gap-2 px-2 py-1.5 text-sm rounded cursor-pointer text-popover-foreground hover:bg-destructive hover:text-destructive-foreground text-left w-full"
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    updateNode(level.id, { camera: undefined });
-                    setCameraPopoverOpen(false);
-                  }}
-                >
-                  <Trash2 className="w-3.5 h-3.5" />
-                  Clear snapshot
-                </button>
-              )}
-            </div>
-          </PopoverContent>
-        </Popover>
-        <Popover>
-          <PopoverTrigger asChild>
-            <button
-              className={cn(
-                "opacity-0 group-hover/level:opacity-100 w-6 h-6 mr-1 flex items-center justify-center rounded-md cursor-pointer shrink-0 transition-colors",
-                selectedLevelId === level.id
-                  ? "hover:bg-black/5 dark:hover:bg-white/10"
-                  : "hover:bg-accent text-muted-foreground hover:text-foreground"
-              )}
-              onClick={(e) => e.stopPropagation()}
-            >
-              <MoreHorizontal className="w-3.5 h-3.5" />
-            </button>
-          </PopoverTrigger>
-          <PopoverContent align="start" side="right" className="w-40 p-1">
-            {level.level !== 0 && (
-              <button
-                className="flex items-center gap-2 w-full px-3 py-1.5 rounded text-sm hover:bg-accent hover:text-red-600 cursor-pointer"
-                onClick={() => deleteNode(level.id)}
-              >
-                <Trash2 className="w-3.5 h-3.5" />
-                Delete
-              </button>
-            )}
-          </PopoverContent>
-        </Popover>
-      </div>
-      <AnimatePresence initial={false}>
-        {isExpanded && (
-          <motion.div
-            initial={{ height: 0, opacity: 0 }}
-            animate={{ height: "auto", opacity: 1 }}
-            exit={{ height: 0, opacity: 0 }}
-            transition={{ type: "spring", bounce: 0, duration: 0.3 }}
-            className="overflow-hidden"
-          >
-            <LevelReferences levelId={level.id} isLastLevel={isLast} />
-          </motion.div>
-        )}
-      </AnimatePresence>
-    </div>
-  );
-}
-
-function LevelsSection() {
-  const nodes = useScene((state) => state.nodes);
-  const createNode = useScene((state) => state.createNode);
-  const updateNode = useScene((state) => state.updateNode);
-  const deleteNode = useScene((state) => state.deleteNode);
-  const selectedBuildingId = useViewer((state) => state.selection.buildingId);
-  const selectedLevelId = useViewer((state) => state.selection.levelId);
-  const setSelection = useViewer((state) => state.setSelection);
-
-  const building = selectedBuildingId
-    ? (nodes[selectedBuildingId] as BuildingNode)
-    : null;
-
-  if (!building) return null;
-
-  const levels = building.children
-    .map((id) => nodes[id])
-    .filter((node): node is LevelNode => node?.type === "level");
-
-  const handleAddLevel = () => {
-    const newLevel = LevelNode.parse({
-      level: levels.length,
-      children: [],
-      parentId: building.id,
-    });
-    createNode(newLevel, building.id);
-    setSelection({ levelId: newLevel.id });
-  };
-
-  return (
-    <div className="flex flex-col relative">
-      {/* Level buttons */}
-      <div className="flex flex-col flex-1 min-h-0">
-        <button
-          className="flex items-center gap-2 pl-0 py-0 text-sm text-muted-foreground hover:bg-accent/30 hover:text-foreground cursor-pointer transition-all duration-200 border-b border-border/50 relative h-8 select-none"
-          onClick={handleAddLevel}
-        >
-          {/* Vertical tree line */}
-          <div className="absolute left-[21px] top-0 bottom-0 w-px bg-border/50 pointer-events-none" />
-          {/* Horizontal branch line */}
-          <div className="absolute left-[21px] top-1/2 w-[11px] h-px bg-border/50 pointer-events-none z-10" />
-          
-          <div className="flex items-center pl-[38px] pr-1 z-10 relative">
-            <Plus className="w-3.5 h-3.5" />
-          </div>
-          <span className="truncate">Add level</span>
-        </button>
-        {levels.length === 0 && (
-          <div className="text-xs text-muted-foreground pl-[38px] pr-2 py-0 relative border-b border-border/50 h-8 flex items-center select-none">
-            {/* Vertical tree line */}
-            <div className="absolute left-[21px] top-0 bottom-1/2 w-px bg-border/50 pointer-events-none" />
-            {/* Horizontal branch line */}
-            <div className="absolute left-[21px] top-1/2 w-[11px] h-px bg-border/50 pointer-events-none" />
-            No levels yet
-          </div>
-        )}
-        {[...levels].reverse().map((level, index) => (
-          <LevelItem
-            key={level.id}
-            level={level}
-            selectedLevelId={selectedLevelId}
-            setSelection={setSelection}
-            deleteNode={deleteNode}
-            updateNode={updateNode}
-            isLast={index === levels.length - 1}
-          />
-        ))}
-      </div>
-    </div>
-  );
-}
-
-function LayerToggle() {
-  const structureLayer = useEditor((state) => state.structureLayer);
-  const setStructureLayer = useEditor((state) => state.setStructureLayer);
-  const phase = useEditor((state) => state.phase);
-  const setPhase = useEditor((state) => state.setPhase);
-
-  const activeTab = 
-    phase === "structure" && structureLayer === "elements" ? "structure" :
-    phase === "furnish" ? "furnish" :
-    phase === "structure" && structureLayer === "zones" ? "zones" : "none";
-
-  return (
-    <div className="flex items-center p-1 bg-[#2C2C2E] gap-1 border-b border-border/50 relative">
-      <button
-        className={cn(
-          "relative flex-1 flex flex-col items-center justify-center py-2 rounded-md text-[10px] font-medium transition-all duration-200 cursor-pointer",
-          activeTab === "structure"
-            ? "text-foreground"
-            : "text-muted-foreground hover:text-foreground hover:bg-white/5"
-        )}
-        onClick={() => {
-          setPhase("structure");
-          setStructureLayer("elements");
-        }}
-      >
-        {activeTab === "structure" && (
-          <motion.div
-            layoutId="layerToggleActiveBg"
-            className="absolute inset-0 bg-[#3e3e3e] shadow-sm ring-1 ring-border/50 rounded-md"
-            transition={{ type: "spring", bounce: 0.2, duration: 0.6 }}
-          />
-        )}
-        <div className="relative z-10 flex flex-col items-center">
-          <img
-            src="/icons/room.png"
-            alt="Structure"
-            className={cn("w-6 h-6 mb-1 transition-all", activeTab !== "structure" && "opacity-50 grayscale")}
-          />
-          Structure
-        </div>
-        <div className="absolute bottom-1 right-1.5 rounded border border-border/40 bg-background/40 px-1 py-[2px] backdrop-blur-md z-10">
-          <span className="block font-mono text-[9px] font-medium leading-none text-muted-foreground/70">
-            S
-          </span>
-        </div>
-      </button>
-
-      <button
-        className={cn(
-          "relative flex-1 flex flex-col items-center justify-center py-2 rounded-md text-[10px] font-medium transition-all duration-200 cursor-pointer",
-          activeTab === "furnish"
-            ? "text-foreground"
-            : "text-muted-foreground hover:text-foreground hover:bg-white/5"
-        )}
-        onClick={() => {
-          setPhase("furnish");
-        }}
-      >
-        {activeTab === "furnish" && (
-          <motion.div
-            layoutId="layerToggleActiveBg"
-            className="absolute inset-0 bg-[#3e3e3e] shadow-sm ring-1 ring-border/50 rounded-md"
-            transition={{ type: "spring", bounce: 0.2, duration: 0.6 }}
-          />
-        )}
-        <div className="relative z-10 flex flex-col items-center">
-          <img
-            src="/icons/couch.png"
-            alt="Furnish"
-            className={cn("w-6 h-6 mb-1 transition-all", activeTab !== "furnish" && "opacity-50 grayscale")}
-          />
-          Furnish
-        </div>
-        <div className="absolute bottom-1 right-1.5 rounded border border-border/40 bg-background/40 px-1 py-[2px] backdrop-blur-md z-10">
-          <span className="block font-mono text-[9px] font-medium leading-none text-muted-foreground/70">
-            F
-          </span>
-        </div>
-      </button>
-
-      <button
-        className={cn(
-          "relative flex-1 flex flex-col items-center justify-center py-2 rounded-md text-[10px] font-medium transition-all duration-200 cursor-pointer",
-          activeTab === "zones"
-            ? "text-foreground"
-            : "text-muted-foreground hover:text-foreground hover:bg-white/5"
-        )}
-        onClick={() => {
-          setPhase("structure");
-          setStructureLayer("zones");
-        }}
-      >
-        {activeTab === "zones" && (
-          <motion.div
-            layoutId="layerToggleActiveBg"
-            className="absolute inset-0 bg-[#3e3e3e] shadow-sm ring-1 ring-border/50 rounded-md"
-            transition={{ type: "spring", bounce: 0.2, duration: 0.6 }}
-          />
-        )}
-        <div className="relative z-10 flex flex-col items-center">
-          <img
-            src="/icons/kitchen.png"
-            alt="Zones"
-            className={cn("w-6 h-6 mb-1 transition-all", activeTab !== "zones" && "opacity-50 grayscale")}
-          />
-          Zones
-        </div>
-        <div className="absolute bottom-1 right-1.5 rounded border border-border/40 bg-background/40 px-1 py-[2px] backdrop-blur-md z-10">
-          <span className="block font-mono text-[9px] font-medium leading-none text-muted-foreground/70">
-            Z
-          </span>
-        </div>
-      </button>
-    </div>
-  );
-}
-
-function ZoneItem({ zone, isLast }: { zone: ZoneNode, isLast?: boolean }) {
-  const [isEditing, setIsEditing] = useState(false);
-  const [cameraPopoverOpen, setCameraPopoverOpen] = useState(false);
-  const deleteNode = useScene((state) => state.deleteNode);
-  const updateNode = useScene((state) => state.updateNode);
-  const selectedZoneId = useViewer((state) => state.selection.zoneId);
-  const hoveredId = useViewer((state) => state.hoveredId);
-  const setSelection = useViewer((state) => state.setSelection);
-  const setHoveredId = useViewer((state) => state.setHoveredId);
-  const setPhase = useEditor((state) => state.setPhase);
-  const setMode = useEditor((state) => state.setMode);
-
-  const isSelected = selectedZoneId === zone.id;
-  const isHovered = hoveredId === zone.id;
-
-  const itemRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    if (isSelected && itemRef.current) {
-      itemRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
-    }
-  }, [isSelected]);
-
-  const area = calculatePolygonArea(zone.polygon).toFixed(1);
-  const defaultName = `Zone (${area}m²)`;
-
-  const handleClick = () => {
-    setSelection({ zoneId: zone.id });
-    setPhase("structure");
-    setMode("select");
-  };
-
-  const handleDoubleClick = () => {
-    setIsEditing(true);
-  };
-
-  const handleDelete = (e: React.MouseEvent) => {
-    e.stopPropagation();
-    deleteNode(zone.id);
-    if (isSelected) {
-      setSelection({ zoneId: null });
-    }
-  };
-
-  const handleColorChange = (color: string) => {
-    updateNode(zone.id, { color });
-  };
-
-  return (
-    <div
-      ref={itemRef}
-      className={cn(
-        "relative flex items-center h-8 cursor-pointer group/row text-sm px-3 select-none border-b border-border/50 transition-all duration-200",
-        isSelected
-          ? "bg-accent/50 text-foreground"
-          : isHovered
-            ? "bg-accent/30 text-foreground"
-            : "text-muted-foreground hover:bg-accent/30 hover:text-foreground"
-      )}
-      onClick={handleClick}
-      onDoubleClick={handleDoubleClick}
-      onMouseEnter={() => setHoveredId(zone.id)}
-      onMouseLeave={() => setHoveredId(null)}
-    >
-      {/* Vertical tree line */}
-      <div className={cn("absolute w-px bg-border/50 pointer-events-none", isLast ? "top-0 bottom-1/2" : "top-0 bottom-0")} style={{ left: 8 }} />
-      {/* Horizontal branch line */}
-      <div className="absolute top-1/2 h-px bg-border/50 pointer-events-none" style={{ left: 8, width: 4 }} />
-
-      <span className={cn("mr-2", !isSelected && "opacity-40")}>
-        <ColorDot color={zone.color} onChange={handleColorChange} />
-      </span>
-      <div className="flex-1 min-w-0 pr-1">
-        <InlineRenameInput
-          node={zone}
-          isEditing={isEditing}
-          onStopEditing={() => setIsEditing(false)}
-          onStartEditing={() => setIsEditing(true)}
-          defaultName={defaultName}
-        />
-      </div>
-      <div className="flex items-center gap-0.5">
-        {/* Camera snapshot button */}
-        <Popover open={cameraPopoverOpen} onOpenChange={setCameraPopoverOpen}>
-          <PopoverTrigger asChild>
-            <button
-              className="relative opacity-0 group-hover/row:opacity-100 w-6 h-6 flex items-center justify-center rounded-md cursor-pointer hover:bg-black/5 dark:hover:bg-white/10 text-muted-foreground hover:text-foreground transition-colors"
-              onClick={(e) => e.stopPropagation()}
-              title="Camera snapshot"
-            >
-              <Camera className="w-3 h-3" />
-              {zone.camera && (
-                <span className="absolute top-0.5 right-0.5 w-1.5 h-1.5 rounded-full bg-primary" />
-              )}
-            </button>
-          </PopoverTrigger>
-          <PopoverContent
-            side="right"
-            align="start"
-            className="w-auto p-1"
-            onClick={(e) => e.stopPropagation()}
-          >
-            <div className="flex flex-col gap-0.5">
-              {zone.camera && (
-                <button
-                  className="flex items-center gap-2 px-2 py-1.5 text-sm rounded cursor-pointer text-popover-foreground hover:bg-accent text-left w-full"
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    emitter.emit("camera-controls:view", { nodeId: zone.id });
-                    setCameraPopoverOpen(false);
-                  }}
-                >
-                  <Camera className="w-3.5 h-3.5" />
-                  View snapshot
-                </button>
-              )}
-              <button
-                className="flex items-center gap-2 px-2 py-1.5 text-sm rounded cursor-pointer text-popover-foreground hover:bg-accent text-left w-full"
-                onClick={(e) => {
-                  e.stopPropagation();
-                  emitter.emit("camera-controls:capture", { nodeId: zone.id });
-                  setCameraPopoverOpen(false);
-                }}
-              >
-                <Camera className="w-3.5 h-3.5" />
-                {zone.camera ? "Update snapshot" : "Take snapshot"}
-              </button>
-              {zone.camera && (
-                <button
-                  className="flex items-center gap-2 px-2 py-1.5 text-sm rounded cursor-pointer text-popover-foreground hover:bg-destructive hover:text-destructive-foreground text-left w-full"
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    updateNode(zone.id, { camera: undefined });
-                    setCameraPopoverOpen(false);
-                  }}
-                >
-                  <Trash2 className="w-3.5 h-3.5" />
-                  Clear snapshot
-                </button>
-              )}
-            </div>
-          </PopoverContent>
-        </Popover>
-        <button
-          className="opacity-0 group-hover/row:opacity-100 w-6 h-6 flex items-center justify-center rounded-md cursor-pointer hover:bg-black/5 dark:hover:bg-white/10 text-muted-foreground hover:text-foreground transition-colors"
-          onClick={handleDelete}
-        >
-          <Trash2 className="w-3 h-3" />
-        </button>
-      </div>
-    </div>
-  );
-}
-
-function MultiSelectionBadge() {
-  const selectedIds = useViewer((state) => state.selection.selectedIds);
-  const setSelection = useViewer((state) => state.setSelection);
-
-  if (selectedIds.length <= 1) return null;
-
-  return (
-    <div className="sticky top-4 z-50 pointer-events-none flex justify-center w-full h-0 overflow-visible">
-      <div className="pointer-events-auto flex items-center gap-2.5 px-0.5 pl-2 py-4 bg-primary text-primary-foreground text-xs font-medium rounded-full shadow-lg shadow-black/10 border border-primary/20 backdrop-blur-md">
-        <span>{selectedIds.length} objects selected</span>
-        <button
-          onClick={() => setSelection({ selectedIds: [] })}
-          className="hover:bg-primary-foreground/20 p-1.5 rounded-full transition-colors cursor-pointer"
-          title="Clear selection"
-        >
-          <X className="w-4 h-4" />
-        </button>
-      </div>
-    </div>
-  );
-}
-
-function ContentSection() {
-  const nodes = useScene((state) => state.nodes);
-  const selectedLevelId = useViewer((state) => state.selection.levelId);
-  const structureLayer = useEditor((state) => state.structureLayer);
-  const phase = useEditor((state) => state.phase);
-  const setPhase = useEditor((state) => state.setPhase);
-  const setMode = useEditor((state) => state.setMode);
-  const setTool = useEditor((state) => state.setTool);
-
-  const level = selectedLevelId ? (nodes[selectedLevelId] as LevelNode) : null;
-
-  if (!level) {
-    return (
-      <div className="px-3 py-4 text-sm text-muted-foreground">
-        Select a level to view content
-      </div>
-    );
-  }
-
-  if (structureLayer === "zones") {
-    // Show zones for this level
-    const levelZones = Object.values(nodes).filter(
-      (node): node is ZoneNode =>
-        node.type === "zone" && node.parentId === selectedLevelId
-    );
-
-    const handleAddZone = () => {
-      setPhase("structure");
-      setMode("build");
-      setTool("zone");
-    };
-
-    if (levelZones.length === 0) {
-      return (
-        <div className="px-3 py-4 text-sm text-muted-foreground">
-          No zones on this level.{" "}
-          <button
-            className="text-primary hover:underline cursor-pointer"
-            onClick={handleAddZone}
-          >
-            Add one
-          </button>
-        </div>
-      );
-    }
-
-    return (
-      <div className="flex flex-col">
-        {levelZones.map((zone, index) => (
-          <ZoneItem key={zone.id} zone={zone} isLast={index === levelZones.length - 1} />
-        ))}
-      </div>
-    );
-  }
-
-  // Filter elements based on phase
-  const elementChildren = level.children.filter((childId) => {
-    const childNode = nodes[childId];
-    if (!childNode || childNode.type === "zone") return false;
-
-    // We no longer filter out structural nodes in furnish mode or furnish nodes in structure mode
-    // This allows nested items (like lights in a ceiling or cabinetry on a wall) to remain visible
-    // and selectable in both modes, ensuring seamless transition in the tree view.
-    return true;
-  });
-
-  if (elementChildren.length === 0) {
-    return (
-      <div className="px-3 py-4 text-sm text-muted-foreground">
-        No elements on this level
-      </div>
-    );
-  }
-
-  return (
-    <div className="flex flex-col">
-      {elementChildren.map((childId, index) => (
-        <TreeNode key={childId} nodeId={childId} depth={0} isLast={index === elementChildren.length - 1} />
-      ))}
-    </div>
-  );
-}
-
-function BuildingItem({
-  building,
-  isBuildingActive,
-  buildingCameraOpen,
-  setBuildingCameraOpen,
-}: {
-  building: BuildingNode;
-  isBuildingActive: boolean;
-  buildingCameraOpen: string | null;
-  setBuildingCameraOpen: (id: string | null) => void;
-}) {
-  const setSelection = useViewer((state) => state.setSelection);
-  const phase = useEditor((state) => state.phase);
-  const setPhase = useEditor((state) => state.setPhase);
-  const updateNode = useScene((state) => state.updateNode);
-  const itemRef = useRef<HTMLDivElement>(null);
-
-  useEffect(() => {
-    if (isBuildingActive && itemRef.current) {
-      itemRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
-    }
-  }, [isBuildingActive]);
-
-  return (
-    <motion.div 
-      layout
-      transition={{ type: "spring", bounce: 0, duration: 0.4 }}
-      className={cn("flex flex-col shrink-0 overflow-hidden", isBuildingActive && "flex-1 min-h-0")}
-    >
-      <motion.div
-        layout="position"
-        ref={itemRef}
-        className={cn(
-          "group/building flex items-center h-10 border-b border-border/50 pr-2 transition-all duration-200 shrink-0",
-          isBuildingActive
-            ? "bg-accent/50 text-foreground"
-            : "text-muted-foreground hover:bg-accent/30 hover:text-foreground"
-        )}
-      >
-        <button
-          className="flex-1 flex items-center gap-2 pl-3 py-2 h-full cursor-pointer min-w-0"
-          onClick={() => {
-            setSelection({ buildingId: building.id });
-            if (phase === "site") {
-              setPhase("structure");
-            }
-          }}
-        >
-          <img 
-            src="/icons/building.png" 
-            className={cn("w-5 h-5 object-contain transition-all", !isBuildingActive && "opacity-60 grayscale")} 
-            alt="Building" 
-          />
-          <span className="truncate font-medium text-sm">{building.name || "Building"}</span>
-        </button>
-        <Popover
-          open={buildingCameraOpen === building.id}
-          onOpenChange={(open) => setBuildingCameraOpen(open ? building.id : null)}
-        >
-          <PopoverTrigger asChild>
-            <button
-              className={cn(
-                "relative opacity-0 group-hover/building:opacity-100 w-7 h-7 mr-1.5 flex items-center justify-center rounded-md cursor-pointer shrink-0 transition-colors",
-                isBuildingActive
-                  ? "hover:bg-black/5 dark:hover:bg-white/10 text-muted-foreground hover:text-foreground"
-                  : "hover:bg-accent text-muted-foreground hover:text-foreground"
-              )}
-              onClick={(e) => e.stopPropagation()}
-              title="Camera snapshot"
-            >
-              <Camera className="w-4 h-4" />
-              {building.camera && (
-                <span className="absolute top-0.5 right-0.5 w-1.5 h-1.5 rounded-full bg-primary" />
-              )}
-            </button>
-          </PopoverTrigger>
-          <PopoverContent
-            side="right"
-            align="start"
-            className="w-auto p-1"
-            onClick={(e) => e.stopPropagation()}
-          >
-            <div className="flex flex-col gap-0.5">
-              {building.camera && (
-                <button
-                  className="flex items-center gap-2 px-2 py-1.5 text-sm rounded cursor-pointer text-popover-foreground hover:bg-accent text-left w-full"
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    emitter.emit("camera-controls:view", { nodeId: building.id });
-                    setBuildingCameraOpen(null);
-                  }}
-                >
-                  <Camera className="w-3.5 h-3.5" />
-                  View snapshot
-                </button>
-              )}
-              <button
-                className="flex items-center gap-2 px-2 py-1.5 text-sm rounded cursor-pointer text-popover-foreground hover:bg-accent text-left w-full"
-                onClick={(e) => {
-                  e.stopPropagation();
-                  emitter.emit("camera-controls:capture", { nodeId: building.id });
-                  setBuildingCameraOpen(null);
-                }}
-              >
-                <Camera className="w-3.5 h-3.5" />
-                {building.camera ? "Update snapshot" : "Take snapshot"}
-              </button>
-              {building.camera && (
-                <button
-                  className="flex items-center gap-2 px-2 py-1.5 text-sm rounded cursor-pointer text-popover-foreground hover:bg-destructive hover:text-destructive-foreground text-left w-full"
-                  onClick={(e) => {
-                    e.stopPropagation();
-                    updateNode(building.id, { camera: undefined });
-                    setBuildingCameraOpen(null);
-                  }}
-                >
-                  <Trash2 className="w-3.5 h-3.5" />
-                  Clear snapshot
-                </button>
-              )}
-            </div>
-          </PopoverContent>
-        </Popover>
-      </motion.div>
-
-      {/* Tools and content for the active building */}
-      <AnimatePresence initial={false}>
-        {isBuildingActive && (
-          <motion.div
-            initial={{ opacity: 0, flex: 0 }}
-            animate={{ opacity: 1, flex: "1 1 0%" }}
-            exit={{ opacity: 0, flex: "0 0 0px" }}
-            transition={{ type: "spring", bounce: 0, duration: 0.4 }}
-            className="flex flex-col w-full overflow-hidden"
-          >
-            <div className="flex flex-col flex-1 min-h-0 w-full">
-              <div className="shrink-0 flex flex-col">
-                <LevelsSection />
-                <LayerToggle />
-              </div>
-              <div className="flex-1 overflow-y-auto overflow-x-hidden min-h-0 relative">
-                <MultiSelectionBadge />
-                <ContentSection />
-              </div>
-            </div>
-          </motion.div>
-        )}
-      </AnimatePresence>
-    </motion.div>
-  );
-}
-
-export function SitePanel() {
-  const nodes = useScene((state) => state.nodes);
-  const rootNodeIds = useScene((state) => state.rootNodeIds);
-  const updateNode = useScene((state) => state.updateNode);
-  const selectedBuildingId = useViewer((state) => state.selection.buildingId);
-  const setSelection = useViewer((state) => state.setSelection);
-  const phase = useEditor((state) => state.phase);
-  const setPhase = useEditor((state) => state.setPhase);
-
-  const [siteCameraOpen, setSiteCameraOpen] = useState(false);
-  const [buildingCameraOpen, setBuildingCameraOpen] = useState<string | null>(null);
-
-  const siteNode = rootNodeIds[0] ? nodes[rootNodeIds[0]] : null;
-  const buildings = (siteNode?.type === 'site' ? siteNode.children : [])
-    .map((child) => {
-      const id = typeof child === 'string' ? child : child.id;
-      return nodes[id] as BuildingNode | undefined;
-    })
-    .filter((node): node is BuildingNode => node?.type === "building");
-
-  return (
-    <LayoutGroup>
-      <div className="flex flex-col h-full">
-        {/* Site Header */}
-        {siteNode && (
-          <motion.div 
-            layout="position"
-            className={cn(
-              "flex items-center justify-between px-3 py-3 border-b border-border/50 cursor-pointer transition-colors shrink-0",
-              phase === "site" ? "bg-accent/50 text-foreground" : "hover:bg-accent/30 text-muted-foreground hover:text-foreground"
-            )}
-            onClick={() => setPhase("site")}
-          >
-            <div className="flex items-center gap-2">
-              <img 
-                src="/icons/site.png" 
-                className={cn("w-5 h-5 object-contain transition-all", phase !== "site" && "opacity-60 grayscale")} 
-                alt="Site" 
-              />
-              <span className="text-sm font-medium">{siteNode.name || "Site"}</span>
-            </div>
-            <CameraPopover
-              nodeId={siteNode.id as AnyNodeId}
-              hasCamera={!!siteNode.camera}
-              open={siteCameraOpen}
-              onOpenChange={setSiteCameraOpen}
-              buttonClassName={cn("transition-colors", phase === "site" ? "hover:bg-black/5 dark:hover:bg-white/10" : "hover:bg-accent")}
-            />
-          </motion.div>
-        )}
-
-        <motion.div layout className={cn("flex-1 flex flex-col min-h-0", phase === "site" && "overflow-y-auto")}>
-          {/* When phase is site, show property line immediately under site header */}
-          <AnimatePresence initial={false}>
-            {phase === "site" && (
-              <motion.div
-                layout="position"
-                initial={{ height: 0, opacity: 0 }}
-                animate={{ height: "auto", opacity: 1 }}
-                exit={{ height: 0, opacity: 0 }}
-                transition={{ type: "spring", bounce: 0, duration: 0.4 }}
-                className="shrink-0 overflow-hidden"
-              >
-                <PropertyLineSection />
-              </motion.div>
-            )}
-          </AnimatePresence>
-
-          {/* Buildings List */}
-          {buildings.length === 0 ? (
-            <motion.div layout="position" className="px-3 py-4 text-sm text-muted-foreground">
-              No buildings yet
-            </motion.div>
-          ) : (
-            <motion.div layout className="flex flex-col flex-1 min-h-0">
-              {buildings.map((building) => {
-                const isBuildingActive = (phase === "structure" || phase === "furnish") && selectedBuildingId === building.id;
-
-                return (
-                  <BuildingItem
-                    key={building.id}
-                    building={building}
-                    isBuildingActive={isBuildingActive}
-                    buildingCameraOpen={buildingCameraOpen}
-                    setBuildingCameraOpen={setBuildingCameraOpen}
-                  />
-                );
-              })}
-            </motion.div>
-          )}
-        </motion.div>
-      </div>
-    </LayoutGroup>
-  );
-}
diff --git a/apps/editor/components/ui/sidebar/panels/site-panel/inline-rename-input.tsx b/apps/editor/components/ui/sidebar/panels/site-panel/inline-rename-input.tsx
deleted file mode 100644
index 294916e8..00000000
--- a/apps/editor/components/ui/sidebar/panels/site-panel/inline-rename-input.tsx
+++ /dev/null
@@ -1,98 +0,0 @@
-import { useScene, type AnyNode } from "@pascal-app/core";
-import { useCallback, useEffect, useRef, useState } from "react";
-import { Pencil } from "lucide-react";
-import { cn } from "@/lib/utils";
-
-interface InlineRenameInputProps {
-  node: AnyNode;
-  isEditing: boolean;
-  onStopEditing: () => void;
-  defaultName: string;
-  className?: string;
-  onStartEditing?: () => void;
-}
-
-export function InlineRenameInput({
-  node,
-  isEditing,
-  onStopEditing,
-  defaultName,
-  className,
-  onStartEditing,
-}: InlineRenameInputProps) {
-  const updateNode = useScene((s) => s.updateNode);
-  const [value, setValue] = useState(node.name || "");
-  const inputRef = useRef<HTMLInputElement>(null);
-
-  useEffect(() => {
-    if (isEditing) {
-      setValue(node.name || "");
-      // Focus and select all text after a short delay
-      setTimeout(() => {
-        if (inputRef.current) {
-          inputRef.current.focus();
-          inputRef.current.select();
-        }
-      }, 0);
-    }
-  }, [isEditing, node.name]);
-
-  const handleSave = useCallback(() => {
-    const trimmed = value.trim();
-    if (trimmed !== node.name) {
-      updateNode(node.id, { name: trimmed || undefined });
-    }
-    onStopEditing();
-  }, [value, node.id, node.name, updateNode, onStopEditing]);
-
-  const handleKeyDown = (e: React.KeyboardEvent) => {
-    if (e.key === "Enter") {
-      e.preventDefault();
-      handleSave();
-    } else if (e.key === "Escape") {
-      e.preventDefault();
-      onStopEditing();
-    }
-  };
-
-  if (!isEditing) {
-    return (
-      <div className="flex items-center gap-1 group/rename min-w-0 h-5">
-        <span 
-          className={cn("truncate border-b border-transparent", className)}
-        >
-          {node.name || defaultName}
-        </span>
-        {onStartEditing && (
-          <button
-            className="opacity-0 group-hover/rename:opacity-100 transition-opacity text-muted-foreground hover:text-foreground shrink-0"
-            onClick={(e) => {
-              e.stopPropagation();
-              onStartEditing();
-            }}
-          >
-            <Pencil className="w-3 h-3" />
-          </button>
-        )}
-      </div>
-    );
-  }
-
-  return (
-    <input
-      ref={inputRef}
-      type="text"
-      value={value}
-      onChange={(e) => setValue(e.target.value)}
-      onKeyDown={handleKeyDown}
-      onBlur={handleSave}
-      placeholder={defaultName}
-      className={cn(
-        "flex-1 w-full bg-transparent text-foreground outline-none border-b border-primary/50 focus:border-primary rounded-none px-0 py-0 m-0 h-5 text-sm",
-        className
-      )}
-      onClick={(e) => e.stopPropagation()}
-      onDoubleClick={(e) => e.stopPropagation()}
-    />
-  );
-}
diff --git a/apps/editor/components/ui/sidebar/panels/site-panel/item-tree-node.tsx b/apps/editor/components/ui/sidebar/panels/site-panel/item-tree-node.tsx
deleted file mode 100644
index 3204e3a3..00000000
--- a/apps/editor/components/ui/sidebar/panels/site-panel/item-tree-node.tsx
+++ /dev/null
@@ -1,111 +0,0 @@
-import { type AnyNodeId, ItemNode, useScene } from "@pascal-app/core";
-import { useViewer } from "@pascal-app/viewer";
-import Image from "next/image";
-import { useState, useEffect } from "react";
-import useEditor from "@/store/use-editor";
-import { InlineRenameInput } from "./inline-rename-input";
-import { TreeNode, TreeNodeWrapper, handleTreeSelection } from "./tree-node";
-import { TreeNodeActions } from "./tree-node-actions";
-
-const CATEGORY_ICONS: Record<string, string> = {
-  door: "/icons/door.png",
-  window: "/icons/window.png",
-  furniture: "/icons/couch.png",
-  appliance: "/icons/appliance.png",
-  kitchen: "/icons/kitchen.png",
-  bathroom: "/icons/bathroom.png",
-  outdoor: "/icons/tree.png",
-};
-
-interface ItemTreeNodeProps {
-  node: ItemNode;
-  depth: number;
-  isLast?: boolean;
-}
-
-export function ItemTreeNode({ node, depth, isLast }: ItemTreeNodeProps) {
-  const [isEditing, setIsEditing] = useState(false);
-  const [expanded, setExpanded] = useState(true);
-  const iconSrc = CATEGORY_ICONS[node.asset.category] || "/icons/couch.png";
-  const selectedIds = useViewer((state) => state.selection.selectedIds);
-  const isSelected = selectedIds.includes(node.id);
-  const isHovered = useViewer((state) => state.hoveredId === node.id);
-  const setSelection = useViewer((state) => state.setSelection);
-  const setHoveredId = useViewer((state) => state.setHoveredId);
-
-  useEffect(() => {
-    if (selectedIds.length === 0) return;
-    const nodes = useScene.getState().nodes;
-    let isDescendant = false;
-    for (const id of selectedIds) {
-      let current = nodes[id as AnyNodeId];
-      while (current && current.parentId) {
-        if (current.parentId === node.id) {
-          isDescendant = true;
-          break;
-        }
-        current = nodes[current.parentId as AnyNodeId];
-      }
-      if (isDescendant) break;
-    }
-    if (isDescendant) {
-      setExpanded(true);
-    }
-  }, [selectedIds, node.id]);
-
-  const handleClick = (e: React.MouseEvent) => {
-    e.stopPropagation();
-    const handled = handleTreeSelection(e, node.id, selectedIds, setSelection);
-    if (!handled && useEditor.getState().phase === "structure") {
-      useEditor.getState().setPhase("furnish");
-    }
-  };
-
-  const handleDoubleClick = () => {
-    setIsEditing(true);
-  };
-
-  const handleMouseEnter = () => {
-    setHoveredId(node.id);
-  };
-
-  const handleMouseLeave = () => {
-    setHoveredId(null);
-  };
-
-  const defaultName = node.asset.name || "Item";
-  const hasChildren = node.children && node.children.length > 0;
-
-  return (
-    <TreeNodeWrapper
-      nodeId={node.id}
-      icon={<Image src={iconSrc} alt="" width={14} height={14} className="object-contain" />}
-      label={
-        <InlineRenameInput
-          node={node}
-          isEditing={isEditing}
-          onStopEditing={() => setIsEditing(false)}
-          onStartEditing={() => setIsEditing(true)}
-          defaultName={defaultName}
-        />
-      }
-      depth={depth}
-      hasChildren={hasChildren}
-      expanded={expanded}
-      onToggle={() => setExpanded(!expanded)}
-      onClick={handleClick}
-      onDoubleClick={handleDoubleClick}
-      onMouseEnter={handleMouseEnter}
-      onMouseLeave={handleMouseLeave}
-      isSelected={isSelected}
-      isHovered={isHovered}
-      isVisible={node.visible !== false}
-      isLast={isLast}
-      actions={<TreeNodeActions node={node} />}
-    >
-      {hasChildren && node.children.map((childId, index) => (
-        <TreeNode key={childId} nodeId={childId} depth={depth + 1} isLast={index === node.children.length - 1} />
-      ))}
-    </TreeNodeWrapper>
-  );
-}
diff --git a/apps/editor/components/ui/sidebar/panels/site-panel/tree-node-actions.tsx b/apps/editor/components/ui/sidebar/panels/site-panel/tree-node-actions.tsx
deleted file mode 100644
index f525f808..00000000
--- a/apps/editor/components/ui/sidebar/panels/site-panel/tree-node-actions.tsx
+++ /dev/null
@@ -1,119 +0,0 @@
-import { type AnyNode, type AnyNodeId, emitter, useScene } from "@pascal-app/core";
-import { useViewer } from "@pascal-app/viewer";
-import { Camera, Eye, EyeOff, Trash2 } from "lucide-react";
-import { useState } from "react";
-import {
-  Popover,
-  PopoverContent,
-  PopoverTrigger,
-} from "@/components/ui/primitives/popover";
-
-interface TreeNodeActionsProps {
-  node: AnyNode;
-}
-
-export function TreeNodeActions({ node }: TreeNodeActionsProps) {
-  const [open, setOpen] = useState(false);
-  const updateNode = useScene((state) => state.updateNode);
-  const updateNodes = useScene((state) => state.updateNodes);
-  const selectedIds = useViewer((state) => state.selection.selectedIds);
-  const hasCamera = !!node.camera;
-  const isVisible = node.visible !== false;
-
-  const toggleVisibility = (e: React.MouseEvent) => {
-    e.stopPropagation();
-    const newVisibility = !isVisible;
-    if (selectedIds && selectedIds.includes(node.id)) {
-      updateNodes(
-        selectedIds.map((id) => ({
-          id: id as AnyNodeId,
-          data: { visible: newVisibility },
-        }))
-      );
-    } else {
-      updateNode(node.id, { visible: newVisibility });
-    }
-  };
-
-  const handleCaptureCamera = (e: React.MouseEvent) => {
-    e.stopPropagation();
-    emitter.emit("camera-controls:capture", { nodeId: node.id });
-    setOpen(false);
-  };
-  const handleViewCamera = (e: React.MouseEvent) => {
-    e.stopPropagation();
-    emitter.emit("camera-controls:view", { nodeId: node.id });
-    setOpen(false);
-  };
-
-  const handleClearCamera = (e: React.MouseEvent) => {
-    e.stopPropagation();
-    updateNode(node.id, { camera: undefined });
-    setOpen(false);
-  };
-
-  return (
-    <div className="flex items-center gap-0.5">
-      <button
-        className="w-6 h-6 flex items-center justify-center rounded-md cursor-pointer hover:bg-black/5 dark:hover:bg-white/10 text-muted-foreground hover:text-foreground transition-colors"
-        onClick={toggleVisibility}
-        title={isVisible ? "Hide" : "Show"}
-      >
-        {isVisible ? (
-          <Eye className="w-3 h-3" />
-        ) : (
-          <EyeOff className="w-3 h-3 opacity-50" />
-        )}
-      </button>
-
-      <Popover open={open} onOpenChange={setOpen}>
-        <PopoverTrigger asChild>
-          <button
-            className="relative w-6 h-6 flex items-center justify-center rounded-md cursor-pointer hover:bg-black/5 dark:hover:bg-white/10 text-muted-foreground hover:text-foreground transition-colors"
-            onClick={(e) => e.stopPropagation()}
-            title="Camera snapshot"
-          >
-            <Camera className="w-3 h-3" />
-            {hasCamera && (
-              <span className="absolute top-0.5 right-0.5 w-1.5 h-1.5 rounded-full bg-primary" />
-            )}
-          </button>
-        </PopoverTrigger>
-        <PopoverContent
-          side="right"
-          align="start"
-          className="w-auto p-1"
-          onClick={(e) => e.stopPropagation()}
-        >
-          <div className="flex flex-col gap-0.5">
-            {hasCamera && (
-              <button
-                className="flex items-center gap-2 px-2 py-1.5 text-sm rounded cursor-pointer text-popover-foreground hover:bg-accent text-left w-full"
-                onClick={handleViewCamera}
-              >
-                <Camera className="w-3.5 h-3.5" />
-                View snapshot
-              </button>
-            )}
-            <button
-              className="flex items-center gap-2 px-2 py-1.5 text-sm rounded cursor-pointer text-popover-foreground hover:bg-accent text-left w-full"
-              onClick={handleCaptureCamera}
-            >
-              <Camera className="w-3.5 h-3.5" />
-              {hasCamera ? "Update snapshot" : "Take snapshot"}
-            </button>
-            {hasCamera && (
-              <button
-                className="flex items-center gap-2 px-2 py-1.5 text-sm rounded cursor-pointer text-popover-foreground hover:bg-destructive hover:text-destructive-foreground text-left w-full"
-                onClick={handleClearCamera}
-              >
-                <Trash2 className="w-3.5 h-3.5" />
-                Clear snapshot
-              </button>
-            )}
-          </div>
-        </PopoverContent>
-      </Popover>
-    </div>
-  );
-}
diff --git a/apps/editor/components/ui/sidebar/panels/site-panel/tree-node.tsx b/apps/editor/components/ui/sidebar/panels/site-panel/tree-node.tsx
deleted file mode 100644
index 4fa80cf7..00000000
--- a/apps/editor/components/ui/sidebar/panels/site-panel/tree-node.tsx
+++ /dev/null
@@ -1,247 +0,0 @@
-import { AnyNodeId, useScene } from "@pascal-app/core";
-import { ChevronDown, ChevronRight } from "lucide-react";
-import { forwardRef, useEffect, useRef } from "react";
-import { cn } from "@/lib/utils";
-import { motion, AnimatePresence } from "motion/react";
-
-export function handleTreeSelection(
-  e: React.MouseEvent,
-  nodeId: string,
-  selectedIds: string[],
-  setSelection: (s: any) => void
-) {
-  if (e.metaKey || e.ctrlKey) {
-    if (selectedIds.includes(nodeId)) {
-      setSelection({ selectedIds: selectedIds.filter((id) => id !== nodeId) });
-    } else {
-      setSelection({ selectedIds: [...selectedIds, nodeId] });
-    }
-    return true;
-  }
-  
-  if (e.shiftKey && selectedIds.length > 0) {
-    const lastSelectedId = selectedIds[selectedIds.length - 1];
-    if (lastSelectedId) {
-      const nodes = Array.from(document.querySelectorAll('[data-treenode-id]'));
-      const nodeIds = nodes.map(n => n.getAttribute('data-treenode-id') as string);
-      
-      const startIndex = nodeIds.indexOf(lastSelectedId);
-      const endIndex = nodeIds.indexOf(nodeId);
-      
-      if (startIndex !== -1 && endIndex !== -1) {
-        const start = Math.min(startIndex, endIndex);
-        const end = Math.max(startIndex, endIndex);
-        const range = nodeIds.slice(start, end + 1);
-        
-        // We can keep the previous selections that were outside the range if we want, 
-        // but standard file system shift-click replaces the selection with the range.
-        setSelection({ selectedIds: range });
-        return true;
-      }
-    }
-    // Fallback: if range selection fails (e.g. node not visible in tree), just add to selection
-    if (!selectedIds.includes(nodeId)) {
-      setSelection({ selectedIds: [...selectedIds, nodeId] });
-      return true;
-    }
-  }
-
-  setSelection({ selectedIds: [nodeId] });
-  return false;
-}
-import { BuildingTreeNode } from "./building-tree-node";
-import { CeilingTreeNode } from "./ceiling-tree-node";
-import { DoorTreeNode } from "./door-tree-node";
-import { ItemTreeNode } from "./item-tree-node";
-import { LevelTreeNode } from "./level-tree-node";
-import { RoofTreeNode } from "./roof-tree-node";
-import { SlabTreeNode } from "./slab-tree-node";
-import { WallTreeNode } from "./wall-tree-node";
-import { WindowTreeNode } from "./window-tree-node";
-import { ZoneTreeNode } from "./zone-tree-node";
-
-interface TreeNodeProps {
-  nodeId: AnyNodeId;
-  depth?: number;
-  isLast?: boolean;
-}
-
-export function TreeNode({ nodeId, depth = 0, isLast }: TreeNodeProps) {
-  const node = useScene((state) => state.nodes[nodeId]);
-
-  if (!node) return null;
-
-  switch (node.type) {
-    case "building":
-      return <BuildingTreeNode node={node as any} depth={depth} isLast={isLast} />;
-    case "ceiling":
-      return <CeilingTreeNode node={node as any} depth={depth} isLast={isLast} />;
-    case "level":
-      return <LevelTreeNode node={node as any} depth={depth} isLast={isLast} />;
-    case "slab":
-      return <SlabTreeNode node={node as any} depth={depth} isLast={isLast} />;
-    case "wall":
-      return <WallTreeNode node={node as any} depth={depth} isLast={isLast} />;
-    case "roof":
-      return <RoofTreeNode node={node as any} depth={depth} isLast={isLast} />;
-    case "item":
-      return <ItemTreeNode node={node as any} depth={depth} isLast={isLast} />;
-    case "door":
-      return <DoorTreeNode node={node as any} depth={depth} isLast={isLast} />;
-    case "window":
-      return <WindowTreeNode node={node as any} depth={depth} isLast={isLast} />;
-    case "zone":
-      return <ZoneTreeNode node={node as any} depth={depth} isLast={isLast} />;
-    default:
-      return null;
-  }
-}
-
-interface TreeNodeWrapperProps {
-  nodeId?: string;
-  icon: React.ReactNode;
-  label: React.ReactNode;
-  depth: number;
-  hasChildren: boolean;
-  expanded: boolean;
-  onToggle: () => void;
-  onClick: (e: React.MouseEvent) => void;
-  onDoubleClick?: () => void;
-  onMouseEnter?: () => void;
-  onMouseLeave?: () => void;
-  actions?: React.ReactNode;
-  children?: React.ReactNode;
-  isSelected?: boolean;
-  isHovered?: boolean;
-  isVisible?: boolean;
-  isLast?: boolean;
-}
-
-export const TreeNodeWrapper = forwardRef<HTMLDivElement, TreeNodeWrapperProps>(
-    function TreeNodeWrapper(
-      {
-        nodeId,
-        icon,
-        label,
-        depth,
-        hasChildren,
-        expanded,
-        onToggle,
-        onClick,
-        onDoubleClick,
-        onMouseEnter,
-        onMouseLeave,
-        actions,
-        children,
-        isSelected,
-        isHovered,
-        isVisible = true,
-        isLast,
-      },
-      ref
-    ) {
-      const rowRef = useRef<HTMLDivElement>(null);
-
-      useEffect(() => {
-        if (isSelected && rowRef.current) {
-          rowRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' });
-        }
-      }, [isSelected]);
-
-      return (
-        <div ref={ref} data-treenode-id={nodeId}>
-          <div
-            ref={rowRef}
-            className={cn(
-              "relative flex items-center h-8 cursor-pointer group/row text-sm select-none border-b border-r border-border/50 border-r-transparent transition-all duration-200",
-              isSelected
-                ? "bg-accent/50 text-foreground border-r-white border-r-3"
-                : isHovered
-                  ? "bg-accent/30 text-foreground"
-                  : "text-muted-foreground hover:bg-accent/30 hover:text-foreground",
-              !isVisible && "opacity-50"
-            )}
-            style={{ paddingLeft: depth * 12 + 12, paddingRight: 12 }}
-            onMouseEnter={onMouseEnter}
-            onMouseLeave={onMouseLeave}
-          >
-            {/* Vertical tree line */}
-            <div
-              className={cn(
-                "absolute w-px bg-border/50 pointer-events-none",
-                isLast ? "top-0 bottom-1/2" : "top-0 bottom-0"
-              )}
-              style={{ left: (depth - 1) * 12 + 20 }}
-            />
-            {/* Horizontal branch line */}
-            <div
-              className="absolute top-1/2 h-px bg-border/50 pointer-events-none"
-              style={{ left: (depth - 1) * 12 + 20, width: 4 }}
-            />
-            {/* Line down to children */}
-            {hasChildren && expanded && (
-              <div
-                className="absolute top-1/2 bottom-0 w-px bg-border/50 pointer-events-none"
-                style={{ left: depth * 12 + 20 }}
-              />
-            )}
-
-            <button
-              className="w-4 h-4 flex items-center justify-center shrink-0 z-10 bg-inherit"
-            onClick={(e) => {
-              e.stopPropagation();
-              onToggle();
-            }}
-          >
-            {hasChildren ? (
-              expanded ? (
-                <ChevronDown className="w-3 h-3" />
-              ) : (
-                <ChevronRight className="w-3 h-3" />
-              )
-            ) : null}
-          </button>
-          <div
-            className="flex items-center gap-1.5 flex-1 min-w-0"
-            onClick={onClick}
-            onDoubleClick={onDoubleClick}
-          >
-            <span className={cn(
-              "w-4 h-4 flex items-center justify-center shrink-0 transition-all duration-200",
-              !isSelected && "opacity-60 grayscale"
-            )}>
-              {icon}
-            </span>
-            <div className={cn(
-              "flex-1 min-w-0 truncate",
-              !isVisible && "line-through text-muted-foreground"
-            )}>
-              {label}
-            </div>
-          </div>
-          {actions && (
-            <div className={cn(
-              "opacity-0 group-hover/row:opacity-100 pr-1 transition-opacity duration-200",
-              !isVisible && "opacity-100"
-            )}>
-              {actions}
-            </div>
-          )}
-        </div>
-        <AnimatePresence initial={false}>
-          {expanded && children && (
-            <motion.div
-              initial={{ height: 0, opacity: 0 }}
-              animate={{ height: "auto", opacity: 1 }}
-              exit={{ height: 0, opacity: 0 }}
-              transition={{ type: "spring", bounce: 0, duration: 0.3 }}
-              className="overflow-hidden"
-            >
-              {children}
-            </motion.div>
-          )}
-        </AnimatePresence>
-      </div>
-    );
-  }
-);
diff --git a/apps/editor/components/ui/sidebar/panels/site-panel/wall-tree-node.tsx b/apps/editor/components/ui/sidebar/panels/site-panel/wall-tree-node.tsx
deleted file mode 100644
index c386ae99..00000000
--- a/apps/editor/components/ui/sidebar/panels/site-panel/wall-tree-node.tsx
+++ /dev/null
@@ -1,99 +0,0 @@
-import { type AnyNodeId, WallNode, useScene } from "@pascal-app/core";
-import { useViewer } from "@pascal-app/viewer";
-import Image from "next/image";
-import { useState, useEffect } from "react";
-import useEditor from "@/store/use-editor";
-import { InlineRenameInput } from "./inline-rename-input";
-import { TreeNode, TreeNodeWrapper, handleTreeSelection } from "./tree-node";
-import { TreeNodeActions } from "./tree-node-actions";
-
-interface WallTreeNodeProps {
-  node: WallNode;
-  depth: number;
-  isLast?: boolean;
-}
-
-export function WallTreeNode({ node, depth, isLast }: WallTreeNodeProps) {
-  const [expanded, setExpanded] = useState(false);
-  const [isEditing, setIsEditing] = useState(false);
-  const selectedIds = useViewer((state) => state.selection.selectedIds);
-  const isSelected = selectedIds.includes(node.id);
-  const isHovered = useViewer((state) => state.hoveredId === node.id);
-  const setSelection = useViewer((state) => state.setSelection);
-  const setHoveredId = useViewer((state) => state.setHoveredId);
-
-  useEffect(() => {
-    if (selectedIds.length === 0) return;
-    const nodes = useScene.getState().nodes;
-    let isDescendant = false;
-    for (const id of selectedIds) {
-      let current = nodes[id as AnyNodeId];
-      while (current && current.parentId) {
-        if (current.parentId === node.id) {
-          isDescendant = true;
-          break;
-        }
-        current = nodes[current.parentId as AnyNodeId];
-      }
-      if (isDescendant) break;
-    }
-    if (isDescendant) {
-      setExpanded(true);
-    }
-  }, [selectedIds, node.id]);
-
-  const handleClick = (e: React.MouseEvent) => {
-    e.stopPropagation();
-    const handled = handleTreeSelection(e, node.id, selectedIds, setSelection);
-    if (!handled && useEditor.getState().phase === "furnish") {
-      useEditor.getState().setPhase("structure");
-    }
-  };
-
-  const handleDoubleClick = () => {
-    setIsEditing(true);
-  };
-
-  const handleMouseEnter = () => {
-    setHoveredId(node.id);
-  };
-
-  const handleMouseLeave = () => {
-    setHoveredId(null);
-  };
-
-  const defaultName = "Wall";
-
-  return (
-    <TreeNodeWrapper
-      nodeId={node.id}
-      icon={<Image src="/icons/wall.png" alt="" width={14} height={14} className="object-contain" />}
-      label={
-        <InlineRenameInput
-          node={node}
-          isEditing={isEditing}
-          onStopEditing={() => setIsEditing(false)}
-          onStartEditing={() => setIsEditing(true)}
-          defaultName={defaultName}
-        />
-      }
-      depth={depth}
-      hasChildren={node.children.length > 0}
-      expanded={expanded}
-      onToggle={() => setExpanded(!expanded)}
-      onClick={handleClick}
-      onDoubleClick={handleDoubleClick}
-      onMouseEnter={handleMouseEnter}
-      onMouseLeave={handleMouseLeave}
-      isSelected={isSelected}
-      isHovered={isHovered}
-      isVisible={node.visible !== false}
-      isLast={isLast}
-      actions={<TreeNodeActions node={node} />}
-    >
-      {node.children.map((childId, index) => (
-        <TreeNode key={childId} nodeId={childId} depth={depth + 1} isLast={index === node.children.length - 1} />
-      ))}
-    </TreeNodeWrapper>
-  );
-}
diff --git a/apps/editor/components/ui/sidebar/panels/site-panel/zone-tree-node.tsx b/apps/editor/components/ui/sidebar/panels/site-panel/zone-tree-node.tsx
deleted file mode 100644
index b6cac139..00000000
--- a/apps/editor/components/ui/sidebar/panels/site-panel/zone-tree-node.tsx
+++ /dev/null
@@ -1,92 +0,0 @@
-import { ZoneNode, useScene } from "@pascal-app/core";
-import { useViewer } from "@pascal-app/viewer";
-import { useState } from "react";
-import { ColorDot } from "@/components/ui/primitives/color-dot";
-import { InlineRenameInput } from "./inline-rename-input";
-import { TreeNodeWrapper } from "./tree-node";
-import { TreeNodeActions } from "./tree-node-actions";
-
-interface ZoneTreeNodeProps {
-  node: ZoneNode;
-  depth: number;
-  isLast?: boolean;
-}
-
-export function ZoneTreeNode({ node, depth, isLast }: ZoneTreeNodeProps) {
-  const [isEditing, setIsEditing] = useState(false);
-  const updateNode = useScene((state) => state.updateNode);
-  const isSelected = useViewer((state) => state.selection.zoneId === node.id);
-  const isHovered = useViewer((state) => state.hoveredId === node.id);
-  const setSelection = useViewer((state) => state.setSelection);
-  const setHoveredId = useViewer((state) => state.setHoveredId);
-
-  const handleClick = () => {
-    setSelection({ zoneId: node.id });
-  };
-
-  const handleDoubleClick = () => {
-    setIsEditing(true);
-  };
-
-  const handleMouseEnter = () => {
-    setHoveredId(node.id);
-  };
-
-  const handleMouseLeave = () => {
-    setHoveredId(null);
-  };
-
-  // Calculate approximate area from polygon
-  const area = calculatePolygonArea(node.polygon).toFixed(1);
-  const defaultName = `Zone (${area}m²)`;
-
-  return (
-    <TreeNodeWrapper
-      icon={
-        <ColorDot
-          color={node.color}
-          onChange={(color) => updateNode(node.id, { color })}
-        />
-      }
-      label={
-        <InlineRenameInput
-          node={node}
-          isEditing={isEditing}
-          onStopEditing={() => setIsEditing(false)}
-          onStartEditing={() => setIsEditing(true)}
-          defaultName={defaultName}
-        />
-      }
-      depth={depth}
-      hasChildren={false}
-      expanded={false}
-      onToggle={() => {}}
-      onClick={handleClick}
-      onDoubleClick={handleDoubleClick}
-      onMouseEnter={handleMouseEnter}
-      onMouseLeave={handleMouseLeave}
-      isSelected={isSelected}
-      isHovered={isHovered}
-      isLast={isLast}
-      actions={<TreeNodeActions node={node} />}
-    />
-  );
-}
-
-/**
- * Calculate the area of a polygon using the shoelace formula
- */
-function calculatePolygonArea(polygon: Array<[number, number]>): number {
-  if (polygon.length < 3) return 0;
-
-  let area = 0;
-  const n = polygon.length;
-
-  for (let i = 0; i < n; i++) {
-    const j = (i + 1) % n;
-    area += polygon[i]![0] * polygon[j]![1];
-    area -= polygon[j]![0] * polygon[i]![1];
-  }
-
-  return Math.abs(area) / 2;
-}
diff --git a/apps/editor/components/ui/sidebar/panels/zone-panel/index.tsx b/apps/editor/components/ui/sidebar/panels/zone-panel/index.tsx
deleted file mode 100644
index aa6ae9d5..00000000
--- a/apps/editor/components/ui/sidebar/panels/zone-panel/index.tsx
+++ /dev/null
@@ -1,167 +0,0 @@
-import { emitter, useScene, type ZoneNode } from "@pascal-app/core";
-import { useViewer } from "@pascal-app/viewer";
-import { Camera, Hexagon, Trash2 } from "lucide-react";
-import { useState } from "react";
-import { cn } from "@/lib/utils";
-import useEditor from "@/store/use-editor";
-import { ColorDot } from "@/components/ui/primitives/color-dot";
-import { Popover, PopoverContent, PopoverTrigger } from "@/components/ui/primitives/popover";
-
-function ZoneItem({ zone }: { zone: ZoneNode }) {
-  const [cameraPopoverOpen, setCameraPopoverOpen] = useState(false);
-  const deleteNode = useScene((state) => state.deleteNode);
-  const updateNode = useScene((state) => state.updateNode);
-  const selectedZoneId = useViewer((state) => state.selection.zoneId);
-  const setSelection = useViewer((state) => state.setSelection);
-
-  const isSelected = selectedZoneId === zone.id;
-
-  const handleClick = () => {
-    setSelection({ zoneId: zone.id });
-  };
-
-  const handleDelete = (e: React.MouseEvent) => {
-    e.stopPropagation();
-    deleteNode(zone.id);
-    if (isSelected) {
-      setSelection({ zoneId: null });
-    }
-  };
-
-  const handleColorChange = (color: string) => {
-    updateNode(zone.id, { color });
-  };
-
-  return (
-    <div
-      className={cn(
-        "flex items-center h-8 cursor-pointer group/row text-sm px-2 mx-1 mb-0.5 select-none rounded-lg border transition-all duration-200",
-        isSelected
-          ? "bg-white dark:bg-accent/50 border-neutral-200/60 dark:border-border/50 shadow-[0_1px_2px_0px_rgba(0,0,0,0.05)] ring-1 ring-white/50 dark:ring-white/10 ring-inset text-foreground"
-          : "border-transparent text-muted-foreground hover:bg-white/40 dark:hover:bg-accent/30 hover:border-neutral-200/50 dark:hover:border-border/40 hover:text-foreground"
-      )}
-      onClick={handleClick}
-    >
-      <span className="mr-2">
-        <ColorDot color={zone.color} onChange={handleColorChange} />
-      </span>
-      <Hexagon className="w-3.5 h-3.5 mr-1.5 shrink-0" />
-      <span className="truncate flex-1">{zone.name}</span>
-      {/* Camera snapshot button */}
-      <Popover open={cameraPopoverOpen} onOpenChange={setCameraPopoverOpen}>
-        <PopoverTrigger asChild>
-          <button
-            className="relative opacity-0 group-hover/row:opacity-100 w-6 h-6 flex items-center justify-center rounded-md cursor-pointer hover:bg-black/5 dark:hover:bg-white/10 text-muted-foreground hover:text-foreground transition-colors"
-            onClick={(e) => e.stopPropagation()}
-            title="Camera snapshot"
-          >
-            <Camera className="w-3 h-3" />
-            {zone.camera && (
-              <span className="absolute top-0.5 right-0.5 w-1.5 h-1.5 rounded-full bg-primary" />
-            )}
-          </button>
-        </PopoverTrigger>
-        <PopoverContent
-          side="right"
-          align="start"
-          className="w-auto p-1"
-          onClick={(e) => e.stopPropagation()}
-        >
-          <div className="flex flex-col gap-0.5">
-            {zone.camera && (
-              <button
-                className="flex items-center gap-2 px-2 py-1.5 text-sm rounded cursor-pointer text-popover-foreground hover:bg-accent text-left w-full"
-                onClick={(e) => {
-                  e.stopPropagation();
-                  emitter.emit("camera-controls:view", { nodeId: zone.id });
-                  setCameraPopoverOpen(false);
-                }}
-              >
-                <Camera className="w-3.5 h-3.5" />
-                View snapshot
-              </button>
-            )}
-            <button
-              className="flex items-center gap-2 px-2 py-1.5 text-sm rounded cursor-pointer text-popover-foreground hover:bg-accent text-left w-full"
-              onClick={(e) => {
-                e.stopPropagation();
-                emitter.emit("camera-controls:capture", { nodeId: zone.id });
-                setCameraPopoverOpen(false);
-              }}
-            >
-              <Camera className="w-3.5 h-3.5" />
-              {zone.camera ? "Update snapshot" : "Take snapshot"}
-            </button>
-            {zone.camera && (
-              <button
-                className="flex items-center gap-2 px-2 py-1.5 text-sm rounded cursor-pointer text-popover-foreground hover:bg-destructive hover:text-destructive-foreground text-left w-full"
-                onClick={(e) => {
-                  e.stopPropagation();
-                  updateNode(zone.id, { camera: undefined });
-                  setCameraPopoverOpen(false);
-                }}
-              >
-                <Trash2 className="w-3.5 h-3.5" />
-                Clear snapshot
-              </button>
-            )}
-          </div>
-        </PopoverContent>
-      </Popover>
-      <button
-        className="opacity-0 group-hover/row:opacity-100 w-6 h-6 flex items-center justify-center rounded-md cursor-pointer hover:bg-black/5 dark:hover:bg-white/10 text-muted-foreground hover:text-foreground transition-colors"
-        onClick={handleDelete}
-      >
-        <Trash2 className="w-3 h-3" />
-      </button>
-    </div>
-  );
-}
-
-export function ZonePanel() {
-  const nodes = useScene((state) => state.nodes);
-  const currentLevelId = useViewer((state) => state.selection.levelId);
-  const setPhase = useEditor((state) => state.setPhase);
-  const setMode = useEditor((state) => state.setMode);
-  const setTool = useEditor((state) => state.setTool);
-
-  // Filter nodes to get zones for the current level
-  const levelZones = Object.values(nodes).filter(
-    (node): node is ZoneNode =>
-      node.type === "zone" && node.parentId === currentLevelId
-  );
-
-  const handleAddZone = () => {
-    if (currentLevelId) {
-      setPhase("structure");
-      setMode("build");
-      setTool("zone");
-    }
-  };
-
-  if (!currentLevelId) {
-    return (
-      <div className="px-3 py-4 text-sm text-muted-foreground">
-        Select a level to view and create zones
-      </div>
-    );
-  }
-
-  return (
-    <div className="py-1">
-      {levelZones.length === 0 ? (
-        <div className="px-3 py-4 text-sm text-muted-foreground">
-          No zones on this level.{" "}
-          <button
-            className="text-primary hover:underline cursor-pointer"
-            onClick={handleAddZone}
-          >
-            Add one
-          </button>
-        </div>
-      ) : (
-        levelZones.map((zone) => <ZoneItem key={zone.id} zone={zone} />)
-      )}
-    </div>
-  );
-}
diff --git a/apps/editor/features/community/README.md b/apps/editor/features/community/README.md
deleted file mode 100644
index fbe028f8..00000000
--- a/apps/editor/features/community/README.md
+++ /dev/null
@@ -1,198 +0,0 @@
-# Community Feature
-
-This directory contains the **optional** community features (cloud synchronization and authentication) for the Pascal Editor. This feature is specific to the Pascal platform and can be safely removed if you're using the editor standalone.
-
-## What This Does
-
-The community feature provides:
-
-- **Authentication** - Sign in with magic link via Better Auth
-- **Property Management** - Create and manage properties with Google Maps address search
-- **Scene Loading** - Automatically load property scenes from the database when a property is selected
-- **Auto-Save** - Automatically save scene changes to the database (2-second debounce)
-- **Database Sync** - Save and load editor state from a PostgreSQL database via Supabase
-
-## Architecture
-
-```
-features/community/
-├── lib/
-│   ├── auth/
-│   │   ├── client.ts          # Re-exports from @pascal-app/auth
-│   │   ├── server.ts          # Server-side session handling
-│   │   └── hooks.ts           # useAuth React hook
-│   ├── properties/
-│   │   ├── actions.ts         # Server actions for CRUD operations
-│   │   ├── types.ts           # TypeScript types for properties
-│   │   ├── hooks.ts           # Property React hooks
-│   │   └── store.ts           # Zustand store for property state
-│   ├── models/
-│   │   ├── actions.ts         # Scene model CRUD operations
-│   │   └── hooks.ts           # Scene loading and auto-save hooks
-│   ├── database/
-│   │   └── server.ts          # Re-exports from @pascal-app/db
-│   └── utils/
-│       └── id-generator.ts    # nanoid-based ID generation
-├── components/
-│   ├── cloud-save-button.tsx  # Main UI entry point (top-right button)
-│   ├── sign-in-dialog.tsx     # Magic link sign-in dialog
-│   ├── profile-dropdown.tsx   # User profile menu
-│   ├── property-dropdown.tsx  # Property selector dropdown
-│   ├── new-property-dialog.tsx # Create new property dialog
-│   └── google-address-search.tsx # Google Maps autocomplete
-└── README.md                   # This file
-```
-
-## How It Works
-
-### Authentication Flow
-1. User clicks "Save to cloud" button
-2. Signs in with magic link (email-based, no password)
-3. Better Auth session is stored in cookies
-4. Server actions validate session using Better Auth API
-
-### Property Management
-1. User creates a property with a real-world address (Google Maps)
-2. Address and property are saved to PostgreSQL via Supabase
-3. Properties are associated with the authenticated user
-4. User can switch between properties
-
-### Scene Management
-1. When a property is selected, its scene is loaded from `properties_models` table
-2. If no scene exists, loads default empty scene
-3. Scene changes are auto-saved every 2 seconds (debounced)
-4. Updates existing model (highest version) instead of creating new ones
-5. Scene graph includes all nodes and hierarchy
-
-### Database Integration
-- Uses Supabase (PostgreSQL) for database access
-- Better Auth manages authentication tables directly
-- Server actions use service role key to bypass RLS
-- Permissions enforced by filtering on `owner_id`
-- Tables: `users`, `sessions`, `properties`, `properties_addresses`, `properties_models`
-
-## Required Environment Variables
-
-```bash
-# Database Connection
-DATABASE_URL=postgresql://postgres:postgres@127.0.0.1:54322/postgres
-
-# Supabase Configuration
-NEXT_PUBLIC_SUPABASE_URL=http://127.0.0.1:54321
-NEXT_PUBLIC_SUPABASE_ANON_KEY=your_anon_key_here
-SUPABASE_SERVICE_ROLE_KEY=your_service_role_key_here
-
-# Better Auth
-BETTER_AUTH_SECRET=<generate_with_openssl_rand_base64_32>
-BETTER_AUTH_URL=http://localhost:3000
-
-# Google Maps API Key (for address search)
-NEXT_PUBLIC_GOOGLE_MAPS_API_KEY=your_google_maps_key_here
-```
-
-Generate `BETTER_AUTH_SECRET`:
-```bash
-openssl rand -base64 32
-```
-
-## Dependencies
-
-The community feature requires these packages:
-
-```json
-{
-  "better-auth": "^1.4.18",
-  "@supabase/supabase-js": "^2.95.3",
-  "@react-google-maps/api": "^2.20.8",
-  "nanoid": "^5.1.6"
-}
-```
-
-## How to Remove (For Open Source Users)
-
-If you want to use the editor without community features:
-
-### 1. Delete this directory
-```bash
-rm -rf features/community
-```
-
-### 2. Remove the CloudSaveButton from the editor
-Edit `components/editor/index.tsx`:
-```diff
-- import { CloudSaveButton } from '@/features/community/components/cloud-save-button'
-
-  export default function Editor() {
-    return (
-      <div className="w-full h-full">
-        <ActionMenu />
-        <PanelManager />
--       <CloudSaveButton />
-```
-
-### 3. Remove dependencies (optional)
-Edit `package.json`:
-```diff
-- "better-auth": "^1.4.18",
-- "@supabase/supabase-js": "^2.95.3",
-- "@react-google-maps/api": "^2.20.8",
-- "nanoid": "^5.1.6"
-```
-
-### 4. Remove environment variables
-Delete from `.env.local` and `.env.example`:
-```diff
-- NEXT_PUBLIC_API_URL=...
-- NEXT_PUBLIC_SUPABASE_URL=...
-- NEXT_PUBLIC_SUPABASE_ANON_KEY=...
-- SUPABASE_SERVICE_ROLE_KEY=...
-- NEXT_PUBLIC_GOOGLE_MAPS_API_KEY=...
-```
-
-That's it! The editor will work as a standalone application without any cloud features.
-
-## Backend Requirements
-
-This feature requires:
-- Supabase local development instance
-- PostgreSQL database with the following tables:
-  - `users` - User accounts (Better Auth)
-  - `sessions` - Authentication sessions (Better Auth)
-  - `verification_tokens` - Magic link tokens (Better Auth)
-  - `properties` - Property records
-  - `properties_addresses` - Property addresses
-  - `properties_models` - Scene graph models
-- Database migrations are managed in `supabase/migrations/`
-
-## Development
-
-To work on this feature:
-
-1. Install dependencies:
-   ```bash
-   bun install
-   ```
-2. Start Supabase local development:
-   ```bash
-   bun db:start
-   ```
-3. Run database migrations:
-   ```bash
-   bun db:reset
-   ```
-4. Configure all environment variables in `apps/editor/.env.local`
-5. Run the editor: `bun dev`
-
-The editor will be available at `http://localhost:3000`.
-
-For detailed setup instructions, see [SETUP.md](../../../SETUP.md) in the root directory.
-
-## Notes
-
-- This feature uses **server actions** (Next.js App Router) for all database operations
-- Authentication is handled by **Better Auth** with magic link support
-- Better Auth server is configured in `packages/auth` and mounted at `/api/auth/*`
-- The editor queries the database directly using Supabase with service role key
-- IDs are generated using nanoid with custom alphabet
-- Scene state is managed with a **Zustand store** for reliable property switching
-- Scene changes are auto-saved with 2-second debouncing to the currently selected property
diff --git a/apps/editor/features/community/components/cloud-save-button.tsx b/apps/editor/features/community/components/cloud-save-button.tsx
deleted file mode 100644
index 750339ee..00000000
--- a/apps/editor/features/community/components/cloud-save-button.tsx
+++ /dev/null
@@ -1,57 +0,0 @@
-'use client'
-
-import { Home } from 'lucide-react'
-import { useRouter } from 'next/navigation'
-import { useEffect } from 'react'
-import { useAuth } from '../lib/auth/hooks'
-import { useProjectStore } from '../lib/projects/store'
-import { ProfileDropdown } from './profile-dropdown'
-
-/**
- * CloudSaveButton - Shows authentication state and project management
- *
- * Guest: Shows "Home" button
- * Authenticated: Shows ProfileDropdown
- */
-export function CloudSaveButton() {
-  const { isAuthenticated, isLoading } = useAuth()
-  const initialize = useProjectStore(state => state.initialize)
-  const router = useRouter()
-
-  // Initialize project store when authenticated
-  useEffect(() => {
-    if (isAuthenticated) {
-      initialize()
-    }
-  }, [isAuthenticated, initialize])
-
-  if (isLoading) {
-    return (
-      <div className="pointer-events-auto">
-        <div className="flex items-center gap-2 rounded-lg border border-border bg-background/95 px-3 py-2 shadow-lg backdrop-blur-md">
-          <div className="h-4 w-4 animate-pulse rounded-full bg-muted" />
-        </div>
-      </div>
-    )
-  }
-
-  if (!isAuthenticated) {
-    return (
-      <div className="pointer-events-auto">
-        <button
-          className="flex items-center gap-2 rounded-lg border border-border bg-background/95 px-3 py-2 text-sm font-medium shadow-lg backdrop-blur-md transition-colors hover:bg-accent hover:text-accent-foreground"
-          onClick={() => router.push('/')}
-        >
-          <Home className="h-4 w-4" />
-          Home
-        </button>
-      </div>
-    )
-  }
-
-  return (
-    <div className="pointer-events-auto">
-      <ProfileDropdown />
-    </div>
-  )
-}
diff --git a/apps/editor/features/community/components/community-hub.tsx b/apps/editor/features/community/components/community-hub.tsx
deleted file mode 100644
index 00eb1289..00000000
--- a/apps/editor/features/community/components/community-hub.tsx
+++ /dev/null
@@ -1,186 +0,0 @@
-'use client'
-
-import Image from 'next/image'
-import { useRouter } from 'next/navigation'
-import { useEffect, useState } from 'react'
-import { useAuth } from '../lib/auth/hooks'
-import { getPublicProjects, getUserProjects } from '../lib/projects/actions'
-import type { Project } from '../lib/projects/types'
-import { CreateProjectButton } from './create-project-button'
-import { HubFooter } from './hub-footer'
-import { NewProjectDialog } from './new-project-dialog'
-import { ProfileDropdown } from './profile-dropdown'
-import { ProjectGrid } from './project-grid'
-import { SignInDialog } from './sign-in-dialog'
-
-export default function CommunityHub() {
-  const { isAuthenticated, isLoading: authLoading } = useAuth()
-  const router = useRouter()
-  const [isSignInDialogOpen, setIsSignInDialogOpen] = useState(false)
-  const [isNewProjectDialogOpen, setIsNewProjectDialogOpen] = useState(false)
-  const [publicProjects, setPublicProjects] = useState<Project[]>([])
-  const [userProjects, setUserProjects] = useState<Project[]>([])
-  const [loading, setLoading] = useState(true)
-
-  useEffect(() => {
-    async function loadProjects() {
-      setLoading(true)
-
-      const publicResult = await getPublicProjects()
-      if (publicResult.success) {
-        setPublicProjects(publicResult.data || [])
-      }
-
-      if (isAuthenticated) {
-        const userResult = await getUserProjects()
-        if (userResult.success) {
-          setUserProjects(userResult.data || [])
-        }
-      }
-
-      setLoading(false)
-    }
-
-    if (!authLoading) {
-      loadProjects()
-    }
-  }, [isAuthenticated, authLoading])
-
-  const handleProjectCreated = (projectId: string) => {
-    router.push(`/editor/${projectId}`)
-  }
-
-  const handleProjectClick = (projectId: string) => {
-    router.push(`/editor/${projectId}`)
-  }
-
-  const handleViewProject = (projectId: string) => {
-    router.push(`/viewer/${projectId}`)
-  }
-
-  if (authLoading || loading) {
-    return (
-      <div className="flex h-screen w-full items-center justify-center">
-        <p className="text-muted-foreground">Loading...</p>
-      </div>
-    )
-  }
-
-  return (
-    <div className="min-h-screen bg-background">
-      {/* Header */}
-      <header className="border-b border-border bg-background/95 backdrop-blur sticky top-0 z-10">
-        <div className="container mx-auto px-6 py-4">
-          <div className="flex items-center justify-between">
-            <div className="flex items-center gap-2">
-              <Image
-                src="/pascal-logo-shape.svg"
-                alt="Pascal"
-                width={64}
-                height={64}
-                className="h-5 w-5"
-              />
-              <h1 className="text-2xl font-bold">Pascal Editor</h1>
-            </div>
-            <div className="flex items-center gap-3">
-              <a
-                href="https://github.com/pascalorg/editor"
-                target="_blank"
-                rel="noopener noreferrer"
-                className="flex items-center gap-2 rounded-lg border border-border px-3 py-2 text-muted-foreground transition-colors hover:border-foreground/20 hover:text-foreground"
-              >
-                <svg className="h-4 w-4" viewBox="0 0 24 24" fill="currentColor">
-                  <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
-                </svg>
-                <span className="hidden sm:inline text-sm font-medium">Open Source</span>
-              </a>
-              {!isAuthenticated ? (
-                <button
-                  onClick={() => setIsSignInDialogOpen(true)}
-                  className="rounded-lg bg-primary px-4 py-2 text-primary-foreground hover:bg-primary/90"
-                >
-                  Sign In
-                </button>
-              ) : (
-                <ProfileDropdown />
-              )}
-            </div>
-          </div>
-        </div>
-      </header>
-
-      <main className="container mx-auto px-6 py-8 space-y-12">
-        {/* User's Projects Section */}
-        {isAuthenticated && (
-          <section>
-            <div className="flex items-center justify-between mb-6">
-              <h2 className="text-xl font-semibold">My Projects</h2>
-              <CreateProjectButton onCreateProject={() => setIsNewProjectDialogOpen(true)} />
-            </div>
-            {userProjects.length === 0 ? (
-              <div className="flex flex-col items-center justify-center rounded-lg border border-dashed border-border py-16 text-center">
-                <p className="text-muted-foreground">You don&apos;t have any projects yet.</p>
-              </div>
-            ) : (
-              <ProjectGrid
-                projects={userProjects}
-                onProjectClick={handleProjectClick}
-                onViewClick={handleViewProject}
-                showOwner={false}
-                canEdit
-                onUpdate={() => {
-                  if (!authLoading) {
-                    getUserProjects().then((result) => {
-                      if (result.success) {
-                        setUserProjects(result.data || [])
-                      }
-                    })
-                  }
-                }}
-              />
-            )}
-          </section>
-        )}
-
-        {/* Sign-in CTA for unauthenticated users */}
-        {!isAuthenticated && (
-          <section className="rounded-2xl border border-border bg-neutral-50 dark:bg-neutral-900/50 px-8 py-12 text-center">
-            <h2 className="text-2xl font-semibold mb-2">Build with Pascal</h2>
-            <p className="text-muted-foreground mb-6 max-w-md mx-auto">
-              Create and share 3D architectural projects. Sign in to get started.
-            </p>
-            <button
-              onClick={() => setIsSignInDialogOpen(true)}
-              className="rounded-lg bg-primary px-6 py-2.5 text-primary-foreground font-medium hover:bg-primary/90 transition-colors"
-            >
-              Sign in to create a project
-            </button>
-          </section>
-        )}
-
-        {/* Public Projects Section */}
-        <section>
-          <h2 className="text-xl font-semibold mb-6">Community Projects</h2>
-          {publicProjects.length > 0 ? (
-            <ProjectGrid
-              projects={publicProjects}
-              onProjectClick={handleViewProject}
-              showOwner
-            />
-          ) : (
-            <div className="text-center py-12 text-muted-foreground">No public projects yet</div>
-          )}
-        </section>
-      </main>
-
-      <HubFooter />
-
-      <SignInDialog open={isSignInDialogOpen} onOpenChange={setIsSignInDialogOpen} />
-      <NewProjectDialog
-        open={isNewProjectDialogOpen}
-        onOpenChange={setIsNewProjectDialogOpen}
-        onSuccess={handleProjectCreated}
-      />
-    </div>
-  )
-}
diff --git a/apps/editor/features/community/components/create-project-button.tsx b/apps/editor/features/community/components/create-project-button.tsx
deleted file mode 100644
index 6b3add89..00000000
--- a/apps/editor/features/community/components/create-project-button.tsx
+++ /dev/null
@@ -1,19 +0,0 @@
-'use client'
-
-import { Plus } from 'lucide-react'
-
-interface CreateProjectButtonProps {
-  onCreateProject: () => void
-}
-
-export function CreateProjectButton({ onCreateProject }: CreateProjectButtonProps) {
-  return (
-    <button
-      onClick={onCreateProject}
-      className="flex items-center gap-2 rounded-full bg-primary px-5 py-2 text-primary-foreground hover:bg-primary/90 transition-colors"
-    >
-      <Plus className="w-4 h-4" />
-      <span>Create Project</span>
-    </button>
-  )
-}
diff --git a/apps/editor/features/community/components/google-address-search.tsx b/apps/editor/features/community/components/google-address-search.tsx
deleted file mode 100644
index 7c97e054..00000000
--- a/apps/editor/features/community/components/google-address-search.tsx
+++ /dev/null
@@ -1,113 +0,0 @@
-'use client'
-
-import { Autocomplete, LoadScript } from '@react-google-maps/api'
-import { MapPin } from 'lucide-react'
-import { useEffect, useRef, useState } from 'react'
-
-const libraries: ('places')[] = ['places']
-
-interface AddressComponents {
-  streetNumber?: string
-  route?: string
-  city?: string
-  state?: string
-  postalCode?: string
-  country?: string
-  center: [number, number]
-  formattedAddress: string
-}
-
-interface GoogleAddressSearchProps {
-  onAddressSelect: (address: AddressComponents) => void
-  disabled?: boolean
-}
-
-export function GoogleAddressSearch({ onAddressSelect, disabled }: GoogleAddressSearchProps) {
-  const [autocomplete, setAutocomplete] = useState<google.maps.places.Autocomplete | null>(null)
-  const inputRef = useRef<HTMLInputElement>(null)
-
-  const apiKey = process.env.NEXT_PUBLIC_GOOGLE_MAPS_API_KEY
-
-  // Fix Google Maps autocomplete dropdown z-index and pointer events to work with dialog
-  useEffect(() => {
-    const style = document.createElement('style')
-    style.textContent = `
-      .pac-container {
-        z-index: 9999 !important;
-        pointer-events: auto !important;
-      }
-    `
-    document.head.appendChild(style)
-    return () => {
-      document.head.removeChild(style)
-    }
-  }, [])
-
-  if (!apiKey) {
-    return (
-      <div className="rounded-md border border-destructive/50 bg-destructive/10 p-3 text-destructive text-sm">
-        <p className="font-medium">Google Maps API Key Missing</p>
-        <p className="mt-1 text-xs">
-          Add NEXT_PUBLIC_GOOGLE_MAPS_API_KEY to your .env.local file
-        </p>
-      </div>
-    )
-  }
-
-  const onLoad = (autocompleteInstance: google.maps.places.Autocomplete) => {
-    setAutocomplete(autocompleteInstance)
-  }
-
-  const onPlaceChanged = () => {
-    if (!autocomplete) return
-
-    const place = autocomplete.getPlace()
-    if (!place.geometry?.location || !place.address_components) return
-
-    const components: AddressComponents = {
-      center: [place.geometry.location.lng(), place.geometry.location.lat()],
-      formattedAddress: place.formatted_address || '',
-    }
-
-    // Parse address components
-    for (const component of place.address_components) {
-      const types = component.types
-
-      if (types.includes('street_number')) {
-        components.streetNumber = component.long_name
-      } else if (types.includes('route')) {
-        components.route = component.long_name
-      } else if (types.includes('locality')) {
-        components.city = component.long_name
-      } else if (types.includes('administrative_area_level_1')) {
-        components.state = component.short_name
-      } else if (types.includes('postal_code')) {
-        components.postalCode = component.long_name
-      } else if (types.includes('country')) {
-        components.country = component.short_name
-      }
-    }
-
-    onAddressSelect(components)
-  }
-
-  return (
-    <LoadScript googleMapsApiKey={apiKey} libraries={libraries}>
-      <div className="space-y-2">
-        <label className="flex items-center gap-2 font-medium text-sm">
-          <MapPin className="h-4 w-4" />
-          Project Address
-        </label>
-        <Autocomplete onLoad={onLoad} onPlaceChanged={onPlaceChanged}>
-          <input
-            ref={inputRef}
-            className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
-            disabled={disabled}
-            placeholder="Search for an address..."
-            type="text"
-          />
-        </Autocomplete>
-      </div>
-    </LoadScript>
-  )
-}
diff --git a/apps/editor/features/community/components/hub-footer.tsx b/apps/editor/features/community/components/hub-footer.tsx
deleted file mode 100644
index 86ba5209..00000000
--- a/apps/editor/features/community/components/hub-footer.tsx
+++ /dev/null
@@ -1,69 +0,0 @@
-import Link from 'next/link'
-
-function GitHubIcon({ className }: { className?: string }) {
-  return (
-    <svg className={className} viewBox="0 0 24 24" fill="currentColor">
-      <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
-    </svg>
-  )
-}
-
-function NpmIcon({ className }: { className?: string }) {
-  return (
-    <svg className={className} viewBox="0 0 256 256">
-      <rect width="256" height="256" rx="0" fill="#C12127" />
-      <polygon points="48,48 208,48 208,208 176,208 176,80 128,80 128,208 48,208" fill="#FFFFFF" />
-    </svg>
-  )
-}
-
-export function HubFooter() {
-  return (
-    <footer className="border-t border-border mt-16">
-      <div className="container mx-auto px-6 py-8">
-        <div className="flex flex-col sm:flex-row items-center justify-between gap-4">
-          <p className="text-muted-foreground text-sm">
-            Editor by{' '}
-            <a
-              href="https://pascal.app"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="text-foreground hover:underline"
-            >
-              Pascal
-            </a>
-          </p>
-          <div className="flex items-center gap-4">
-            <a
-              href="https://github.com/pascalorg/editor"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="flex items-center gap-1.5 text-muted-foreground hover:text-foreground transition-colors text-sm"
-            >
-              <GitHubIcon className="h-4 w-4" />
-              GitHub
-            </a>
-            <a
-              href="https://www.npmjs.com/package/@pascal-app/viewer"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="flex items-center gap-1.5 text-muted-foreground hover:text-foreground transition-colors text-sm"
-            >
-              <NpmIcon className="h-4 w-4" />
-              Viewer
-            </a>
-            <a
-              href="https://www.npmjs.com/package/@pascal-app/core"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="flex items-center gap-1.5 text-muted-foreground hover:text-foreground transition-colors text-sm"
-            >
-              <NpmIcon className="h-4 w-4" />
-              Core
-            </a>
-          </div>
-        </div>
-      </div>
-    </footer>
-  )
-}
diff --git a/apps/editor/features/community/components/new-project-dialog.tsx b/apps/editor/features/community/components/new-project-dialog.tsx
deleted file mode 100644
index 65d3e75b..00000000
--- a/apps/editor/features/community/components/new-project-dialog.tsx
+++ /dev/null
@@ -1,142 +0,0 @@
-'use client'
-
-import { X } from 'lucide-react'
-import { useState } from 'react'
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/primitives/dialog'
-import { Switch } from '@/components/ui/primitives/switch'
-import { useScene } from '@pascal-app/core'
-import { createProject } from '../lib/projects/actions'
-
-interface NewProjectDialogProps {
-  open: boolean
-  onOpenChange: (open: boolean) => void
-  onSuccess?: (projectId: string) => void
-}
-
-/**
- * NewProjectDialog - Dialog for creating a new project
- */
-export function NewProjectDialog({ open, onOpenChange, onSuccess }: NewProjectDialogProps) {
-  const [projectName, setProjectName] = useState('')
-  const [isPrivate, setIsPrivate] = useState(false)
-  const [isCreating, setIsCreating] = useState(false)
-  const [error, setError] = useState<string | null>(null)
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault()
-    setError(null)
-
-    const name = projectName.trim() || 'Untitled Project'
-
-    setIsCreating(true)
-
-    try {
-      // Get the default scene graph
-      useScene.getState().clearScene()
-      const { nodes, rootNodeIds } = useScene.getState()
-      const sceneGraph = { nodes, rootNodeIds }
-      
-      const result = await createProject({ name, isPrivate, sceneGraph })
-
-      if (result.success && result.data) {
-        onOpenChange(false)
-        setProjectName('')
-        setIsPrivate(false)
-        onSuccess?.(result.data.id)
-      } else {
-        setError(result.error || 'Failed to create project')
-      }
-    } catch (err) {
-      setError(err instanceof Error ? err.message : 'An unexpected error occurred')
-    } finally {
-      setIsCreating(false)
-    }
-  }
-
-  const handleClose = () => {
-    if (!isCreating) {
-      onOpenChange(false)
-      setProjectName('')
-      setIsPrivate(false)
-      setError(null)
-    }
-  }
-
-  return (
-    <Dialog open={open} onOpenChange={handleClose} modal={false}>
-      <DialogContent
-        className="sm:max-w-125"
-        onInteractOutside={(e) => e.preventDefault()}
-      >
-        <DialogHeader>
-          <DialogTitle>Create New Project</DialogTitle>
-          <button
-            className="absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none"
-            disabled={isCreating}
-            onClick={handleClose}
-          >
-            <X className="h-4 w-4" />
-            <span className="sr-only">Close</span>
-          </button>
-        </DialogHeader>
-
-        <form className="space-y-4" onSubmit={handleSubmit}>
-          {/* Project Name */}
-          <div>
-            <label htmlFor="project-name" className="text-sm font-medium">
-              Project Name
-            </label>
-            <input
-              id="project-name"
-              type="text"
-              value={projectName}
-              onChange={(e) => setProjectName(e.target.value)}
-              placeholder="My Project"
-              className="mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
-              disabled={isCreating}
-              autoFocus
-            />
-          </div>
-
-          {/* Privacy Toggle */}
-          <div className="flex items-center justify-between rounded-md border border-border p-3">
-            <div>
-              <div className="font-medium text-sm">Privacy</div>
-              <div className="text-xs text-muted-foreground">
-                {isPrivate ? 'Only you can view this project' : 'Anyone can view this project'}
-              </div>
-            </div>
-            <div className="flex items-center gap-2">
-              <span className="text-sm text-muted-foreground">Public</span>
-              <Switch checked={!isPrivate} onCheckedChange={(checked) => setIsPrivate(!checked)} />
-            </div>
-          </div>
-
-          {error && (
-            <div className="rounded-md border border-destructive/50 bg-destructive/10 p-3 text-destructive text-sm">
-              {error}
-            </div>
-          )}
-
-          <div className="flex justify-end gap-2">
-            <button
-              className="rounded-md border border-input px-4 py-2 text-sm transition-colors hover:bg-accent hover:text-accent-foreground disabled:opacity-50"
-              disabled={isCreating}
-              type="button"
-              onClick={handleClose}
-            >
-              Cancel
-            </button>
-            <button
-              className="rounded-md bg-primary px-4 py-2 text-primary-foreground text-sm transition-colors hover:bg-primary/90 disabled:opacity-50"
-              disabled={isCreating}
-              type="submit"
-            >
-              {isCreating ? 'Creating...' : 'Create Project'}
-            </button>
-          </div>
-        </form>
-      </DialogContent>
-    </Dialog>
-  )
-}
diff --git a/apps/editor/features/community/components/profile-dropdown.tsx b/apps/editor/features/community/components/profile-dropdown.tsx
deleted file mode 100644
index af50aa04..00000000
--- a/apps/editor/features/community/components/profile-dropdown.tsx
+++ /dev/null
@@ -1,89 +0,0 @@
-'use client'
-
-import Image from 'next/image'
-import { useRouter } from 'next/navigation'
-import { useAuth } from '../lib/auth/hooks'
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuSeparator,
-  DropdownMenuTrigger,
-} from '@/components/ui/primitives/dropdown-menu'
-
-function getInitials(name: string): string {
-  return name
-    .split(' ')
-    .map((n) => n[0])
-    .join('')
-    .toUpperCase()
-    .slice(0, 2)
-}
-
-/**
- * ProfileDropdown - User profile menu with avatar, settings, and sign out
- */
-export function ProfileDropdown() {
-  const { user, signOut } = useAuth()
-  const router = useRouter()
-
-  const handleSignOut = async () => {
-    await signOut()
-  }
-
-  const initials = user?.name ? getInitials(user.name) : user?.email?.[0]?.toUpperCase() || 'U'
-
-  return (
-    <DropdownMenu>
-      <DropdownMenuTrigger asChild>
-        <button
-          className="flex h-9 w-9 items-center justify-center overflow-hidden rounded-full bg-muted font-medium text-xs shadow-[0_0_0_1px_rgba(0,0,0,0.06),0_1px_3px_rgba(0,0,0,0.1)] transition-opacity hover:opacity-80 focus:outline-none"
-          type="button"
-        >
-          {user?.image ? (
-            <Image
-              src={user.image}
-              alt={user.name || 'Profile'}
-              width={36}
-              height={36}
-              className="h-full w-full object-cover"
-            />
-          ) : (
-            initials
-          )}
-        </button>
-      </DropdownMenuTrigger>
-      <DropdownMenuContent align="end" className="w-56">
-        <div className="flex items-center gap-3 px-2 py-2">
-          {user?.image ? (
-            <Image
-              src={user.image}
-              alt={user.name || 'Profile'}
-              width={32}
-              height={32}
-              className="h-8 w-8 rounded-full object-cover"
-            />
-          ) : (
-            <div className="flex h-8 w-8 items-center justify-center rounded-full bg-muted font-medium text-xs">
-              {initials}
-            </div>
-          )}
-          <div className="min-w-0 flex-1">
-            {user?.name && <div className="truncate font-medium text-sm">{user.name}</div>}
-            {user?.email && (
-              <div className="truncate text-muted-foreground text-xs">{user.email}</div>
-            )}
-          </div>
-        </div>
-        <DropdownMenuSeparator />
-        <DropdownMenuItem className="cursor-pointer" onClick={() => router.push('/settings')}>
-          Settings
-        </DropdownMenuItem>
-        <DropdownMenuSeparator />
-        <DropdownMenuItem className="cursor-pointer" variant="destructive" onClick={handleSignOut}>
-          Sign out
-        </DropdownMenuItem>
-      </DropdownMenuContent>
-    </DropdownMenu>
-  )
-}
diff --git a/apps/editor/features/community/components/project-dropdown.tsx b/apps/editor/features/community/components/project-dropdown.tsx
deleted file mode 100644
index 2fc35f27..00000000
--- a/apps/editor/features/community/components/project-dropdown.tsx
+++ /dev/null
@@ -1,110 +0,0 @@
-'use client'
-
-import { Check, ChevronDown, Home, Plus } from 'lucide-react'
-import { useRouter } from 'next/navigation'
-import { useState } from 'react'
-import {
-  DropdownMenu,
-  DropdownMenuContent,
-  DropdownMenuItem,
-  DropdownMenuTrigger,
-} from '@/components/ui/primitives/dropdown-menu'
-import { cn } from '@/lib/utils'
-import { useProjectStore } from '../lib/projects/store'
-import { NewProjectDialog } from './new-project-dialog'
-
-/**
- * ProjectDropdown - Shows active project and allows switching between projects
- * Note: useProjectScene() is called in the Editor component, not here.
- * Having it in both places caused duplicate subscriptions and 2x server action calls.
- */
-export function ProjectDropdown() {
-  const router = useRouter()
-
-  // Use project store
-  const projects = useProjectStore((state) => state.projects)
-  const activeProject = useProjectStore((state) => state.activeProject)
-  const isLoading = useProjectStore((state) => state.isLoading)
-  const setActiveProject = useProjectStore((state) => state.setActiveProject)
-  const fetchProjects = useProjectStore((state) => state.fetchProjects)
-
-  const [isNewProjectDialogOpen, setIsNewProjectDialogOpen] = useState(false)
-
-  const handleProjectSelect = async (projectId: string) => {
-    await setActiveProject(projectId)
-  }
-
-  const handleAddNew = () => {
-    setIsNewProjectDialogOpen(true)
-  }
-
-  const handleProjectCreated = (projectId: string) => {
-    router.push(`/editor/${projectId}`)
-  }
-
-  return (
-    <>
-      <DropdownMenu>
-        <DropdownMenuTrigger asChild>
-          <button
-            className="flex h-9 items-center gap-2 rounded-lg border border-border bg-background/95 px-3 text-sm shadow-lg backdrop-blur-md transition-colors hover:bg-accent hover:text-accent-foreground disabled:opacity-50 focus:outline-none"
-            disabled={isLoading}
-            type="button"
-          >
-            <Home className="h-4 w-4" />
-            <span className="max-w-[150px] truncate">
-              {activeProject
-                ? activeProject.name
-                : projects.length > 0
-                  ? 'Select Project'
-                  : 'Add Project'}
-            </span>
-            <ChevronDown className="h-3 w-3 opacity-50" />
-          </button>
-        </DropdownMenuTrigger>
-        <DropdownMenuContent align="end" className="w-[280px]">
-          {/* Project list */}
-          {projects.length > 0 ? (
-            <div className="max-h-[300px] overflow-y-auto">
-              {projects.map((project) => (
-                <DropdownMenuItem
-                  className={cn(
-                    'cursor-pointer text-sm',
-                    activeProject?.id === project.id && 'cursor-default bg-accent',
-                  )}
-                  key={project.id}
-                  onClick={() =>
-                    activeProject?.id === project.id ? null : handleProjectSelect(project.id)
-                  }
-                >
-                  <div className="flex w-full items-center justify-between gap-2">
-                    <div className="flex-1 truncate font-medium">{project.name}</div>
-                    {activeProject?.id === project.id && (
-                      <Check className="h-4 w-4 shrink-0 text-primary" />
-                    )}
-                  </div>
-                </DropdownMenuItem>
-              ))}
-            </div>
-          ) : (
-            <div className="px-2 py-3 text-center text-muted-foreground text-sm">
-              No projects yet
-            </div>
-          )}
-
-          {/* Add new project option */}
-          <DropdownMenuItem className="cursor-pointer" onClick={handleAddNew}>
-            <Plus className="mr-2 h-4 w-4" />
-            <span>Add new project</span>
-          </DropdownMenuItem>
-        </DropdownMenuContent>
-      </DropdownMenu>
-
-      <NewProjectDialog
-        open={isNewProjectDialogOpen}
-        onOpenChange={setIsNewProjectDialogOpen}
-        onSuccess={handleProjectCreated}
-      />
-    </>
-  )
-}
diff --git a/apps/editor/features/community/components/project-grid.tsx b/apps/editor/features/community/components/project-grid.tsx
deleted file mode 100644
index 9b594f73..00000000
--- a/apps/editor/features/community/components/project-grid.tsx
+++ /dev/null
@@ -1,218 +0,0 @@
-'use client'
-
-import { Eye, Heart, Settings } from 'lucide-react'
-import Link from 'next/link'
-import { useEffect, useState } from 'react'
-import { useAuth } from '../lib/auth/hooks'
-import { getUserProjectLikes, toggleProjectLike } from '../lib/projects/actions'
-import type { Project } from '../lib/projects/types'
-import { ProjectSettingsDialog } from './project-settings-dialog'
-
-interface ProjectGridProps {
-  projects: Project[]
-  onProjectClick: (id: string) => void
-  onViewClick?: (id: string) => void
-  showOwner: boolean
-  canEdit?: boolean
-  onUpdate?: () => void
-}
-
-export function ProjectGrid({
-  projects,
-  onProjectClick,
-  onViewClick,
-  showOwner,
-  canEdit = false,
-  onUpdate,
-}: ProjectGridProps) {
-  const { isAuthenticated } = useAuth()
-  const [settingsProject, setSettingsProject] = useState<Project | null>(null)
-  const [userLikes, setUserLikes] = useState<Record<string, boolean>>({})
-  const [likeCounts, setLikeCounts] = useState<Record<string, number>>({})
-
-  useEffect(() => {
-    const counts: Record<string, number> = {}
-    projects.forEach((proj) => {
-      counts[proj.id] = proj.likes
-    })
-    setLikeCounts(counts)
-  }, [projects])
-
-  useEffect(() => {
-    if (!isAuthenticated) {
-      setUserLikes({})
-      return
-    }
-
-    const projectIds = projects.map((p) => p.id)
-    if (projectIds.length === 0) return
-
-    getUserProjectLikes(projectIds).then((result) => {
-      if (result.success && result.data) {
-        setUserLikes(result.data)
-      }
-    })
-  }, [projects, isAuthenticated])
-
-  const handleSettingsClick = (e: React.MouseEvent, project: Project) => {
-    e.stopPropagation()
-    setSettingsProject(project)
-  }
-
-  const handleViewClick = (e: React.MouseEvent, projectId: string) => {
-    e.stopPropagation()
-    onViewClick?.(projectId)
-  }
-
-  const handleLikeClick = async (e: React.MouseEvent, projectId: string) => {
-    e.stopPropagation()
-
-    if (!isAuthenticated) return
-
-    const wasLiked = userLikes[projectId] || false
-    const currentCount = likeCounts[projectId] || 0
-
-    setUserLikes((prev) => ({ ...prev, [projectId]: !wasLiked }))
-    setLikeCounts((prev) => ({
-      ...prev,
-      [projectId]: wasLiked ? currentCount - 1 : currentCount + 1,
-    }))
-
-    const result = await toggleProjectLike(projectId)
-
-    if (result.success && result.data) {
-      const data = result.data
-      setUserLikes((prev) => ({ ...prev, [projectId]: data.liked }))
-      setLikeCounts((prev) => ({ ...prev, [projectId]: data.likes }))
-    } else {
-      setUserLikes((prev) => ({ ...prev, [projectId]: wasLiked }))
-      setLikeCounts((prev) => ({ ...prev, [projectId]: currentCount }))
-    }
-  }
-
-  return (
-    <>
-      <div className="grid grid-cols-1 sm:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-8">
-        {projects.map((project) => {
-          const owner = project.owner
-
-          return (
-            <div
-              key={project.id}
-              onClick={() => onProjectClick(project.id)}
-              className="group text-left cursor-pointer"
-            >
-              {/* Thumbnail card */}
-              <div className="relative aspect-[4/3] rounded-xl rounded-smooth-xl bg-neutral-50 overflow-hidden shadow-[0_1px_3px_rgba(0,0,0,0.06),0_0_0_1px_rgba(0,0,0,0.04)] transition-shadow group-hover:shadow-[0_4px_12px_rgba(0,0,0,0.08),0_0_0_1px_rgba(0,0,0,0.04)]">
-                {project.thumbnail_url ? (
-                  <img
-                    src={project.thumbnail_url}
-                    alt={project.name}
-                    className="w-full h-full object-cover"
-                  />
-                ) : (
-                  <div className="w-full h-full flex items-center justify-center text-muted-foreground text-sm">
-                    No preview
-                  </div>
-                )}
-                {canEdit && (
-                  <div className="absolute top-3 right-3 flex gap-1 opacity-0 group-hover:opacity-100 transition-opacity">
-                    {onViewClick && (
-                      <button
-                        onClick={(e) => handleViewClick(e, project.id)}
-                        className="bg-background/80 hover:bg-background rounded-md p-1.5"
-                        aria-label="View"
-                        title="View in viewer mode"
-                      >
-                        <Eye className="w-4 h-4" />
-                      </button>
-                    )}
-                    <button
-                      onClick={(e) => handleSettingsClick(e, project)}
-                      className="bg-background/80 hover:bg-background rounded-md p-1.5"
-                      aria-label="Settings"
-                      title="Project settings"
-                    >
-                      <Settings className="w-4 h-4" />
-                    </button>
-                  </div>
-                )}
-              </div>
-
-              {/* Info row below the card */}
-              <div className="flex items-center gap-3 mt-3">
-                {showOwner && owner ? (
-                  <Link
-                    href={owner.username ? `/u/${owner.username}` : '#'}
-                    onClick={(e) => e.stopPropagation()}
-                    className="shrink-0"
-                  >
-                    {owner.image ? (
-                      <img
-                        src={owner.image}
-                        alt={owner.name}
-                        className="w-9 h-9 rounded-full object-cover shadow-[0_0_0_1px_rgba(0,0,0,0.06),0_1px_3px_rgba(0,0,0,0.1)]"
-                      />
-                    ) : (
-                      <div className="w-9 h-9 rounded-full bg-neutral-100 flex items-center justify-center text-sm font-medium shadow-[0_0_0_1px_rgba(0,0,0,0.06)]">
-                        {owner.name?.[0]?.toUpperCase() || '?'}
-                      </div>
-                    )}
-                  </Link>
-                ) : null}
-
-                <div className="min-w-0 flex-1">
-                  <h3 className="font-medium text-sm truncate">{project.name}</h3>
-                  <div className="flex items-center gap-1 text-xs text-muted-foreground mt-0.5">
-                    {showOwner && owner && (
-                      <>
-                        <Link
-                          href={owner.username ? `/u/${owner.username}` : '#'}
-                          onClick={(e) => e.stopPropagation()}
-                          className="hover:text-foreground transition-colors truncate"
-                        >
-                          {owner.username || owner.name}
-                        </Link>
-                        <span className="shrink-0">·</span>
-                      </>
-                    )}
-                    <div className="flex items-center gap-0.5 shrink-0">
-                      <Eye className="w-3.5 h-3.5" />
-                      <span>{project.views}</span>
-                    </div>
-                    <span className="shrink-0">·</span>
-                    <button
-                      onClick={(e) => handleLikeClick(e, project.id)}
-                      className="flex items-center gap-0.5 shrink-0 hover:text-red-500 transition-colors"
-                      disabled={!isAuthenticated}
-                    >
-                      <Heart
-                        className={`w-3.5 h-3.5 ${
-                          userLikes[project.id] ? 'fill-red-500 text-red-500' : ''
-                        }`}
-                      />
-                      <span>{likeCounts[project.id] ?? project.likes}</span>
-                    </button>
-                  </div>
-                </div>
-              </div>
-            </div>
-          )
-        })}
-      </div>
-
-      {settingsProject && (
-        <ProjectSettingsDialog
-          project={settingsProject}
-          open={!!settingsProject}
-          onOpenChange={(open) => !open && setSettingsProject(null)}
-          onUpdate={onUpdate}
-          onDelete={() => {
-            setSettingsProject(null)
-            onUpdate?.()
-          }}
-        />
-      )}
-    </>
-  )
-}
diff --git a/apps/editor/features/community/components/project-settings-dialog.tsx b/apps/editor/features/community/components/project-settings-dialog.tsx
deleted file mode 100644
index a280c63a..00000000
--- a/apps/editor/features/community/components/project-settings-dialog.tsx
+++ /dev/null
@@ -1,160 +0,0 @@
-'use client'
-
-import { useRef, useState } from 'react'
-import {
-  Dialog,
-  DialogContent,
-  DialogDescription,
-  DialogHeader,
-  DialogTitle,
-} from '@/components/ui/primitives/dialog'
-import { Switch } from '@/components/ui/primitives/switch'
-import { updateProjectName, updateProjectVisibility, deleteProject } from '../lib/projects/actions'
-import type { Project } from '../lib/projects/types'
-
-interface ProjectSettingsDialogProps {
-  project: Project
-  open: boolean
-  onOpenChange: (open: boolean) => void
-  onUpdate?: () => void
-  onDelete?: () => void
-}
-
-export function ProjectSettingsDialog({
-  project,
-  open,
-  onOpenChange,
-  onUpdate,
-  onDelete,
-}: ProjectSettingsDialogProps) {
-  const [isDeleting, setIsDeleting] = useState(false)
-  const [name, setName] = useState(project.name || '')
-  const [isPrivate, setIsPrivate] = useState(project.is_private)
-  const [showScansPublic, setShowScansPublic] = useState(project.show_scans_public ?? true)
-  const [showGuidesPublic, setShowGuidesPublic] = useState(project.show_guides_public ?? true)
-  const nameTimerRef = useRef<ReturnType<typeof setTimeout>>(null)
-
-  const handleNameChange = (value: string) => {
-    setName(value)
-    if (nameTimerRef.current) clearTimeout(nameTimerRef.current)
-    nameTimerRef.current = setTimeout(async () => {
-      const trimmed = value.trim()
-      if (trimmed && trimmed !== (project.name || '')) {
-        await updateProjectName(project.id, trimmed)
-        onUpdate?.()
-      }
-    }, 500)
-  }
-
-  const handleVisibilityChange = async (
-    field: 'isPrivate' | 'showScansPublic' | 'showGuidesPublic',
-    value: boolean,
-  ) => {
-    if (field === 'isPrivate') setIsPrivate(value)
-    if (field === 'showScansPublic') setShowScansPublic(value)
-    if (field === 'showGuidesPublic') setShowGuidesPublic(value)
-
-    await updateProjectVisibility(project.id, { [field]: value })
-    onUpdate?.()
-  }
-
-  const handleDelete = async () => {
-    if (!confirm('Are you sure you want to delete this project? This action cannot be undone.')) {
-      return
-    }
-
-    setIsDeleting(true)
-    try {
-      const result = await deleteProject(project.id)
-      if (result.success) {
-        onDelete?.()
-        onOpenChange(false)
-      } else {
-        alert(`Failed to delete project: ${result.error}`)
-      }
-    } catch (error) {
-      alert('Failed to delete project')
-    } finally {
-      setIsDeleting(false)
-    }
-  }
-
-  return (
-    <Dialog open={open} onOpenChange={onOpenChange}>
-      <DialogContent className="sm:max-w-[500px]">
-        <DialogHeader>
-          <DialogTitle>Project Settings</DialogTitle>
-          <DialogDescription>Changes are saved automatically</DialogDescription>
-        </DialogHeader>
-
-        <div className="space-y-6 py-4">
-          {/* Project Name */}
-          <div>
-            <label htmlFor="project-name" className="font-medium text-sm">
-              Project Name
-            </label>
-            <input
-              id="project-name"
-              type="text"
-              value={name}
-              onChange={(e) => handleNameChange(e.target.value)}
-              placeholder="My Project"
-              className="mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
-            />
-          </div>
-
-          {/* Privacy Toggle */}
-          <div className="flex items-center justify-between">
-            <div>
-              <div className="font-medium">Privacy</div>
-              <div className="text-sm text-muted-foreground">
-                {isPrivate ? 'Only you can view this project' : 'Anyone can view this project'}
-              </div>
-            </div>
-            <div className="flex items-center gap-2">
-              <span className="text-sm text-muted-foreground">Public</span>
-              <Switch checked={!isPrivate} onCheckedChange={(checked) => handleVisibilityChange('isPrivate', !checked)} />
-            </div>
-          </div>
-
-          {/* Public Visibility Toggles */}
-          <div className="flex items-center justify-between">
-            <div>
-              <div className="font-medium">Show 3D Scans</div>
-              <div className="text-sm text-muted-foreground">
-                Visible to public viewers
-              </div>
-            </div>
-            <Switch checked={showScansPublic} onCheckedChange={(checked) => handleVisibilityChange('showScansPublic', checked)} />
-          </div>
-
-          <div className="flex items-center justify-between">
-            <div>
-              <div className="font-medium">Show Floorplans</div>
-              <div className="text-sm text-muted-foreground">
-                Visible to public viewers
-              </div>
-            </div>
-            <Switch checked={showGuidesPublic} onCheckedChange={(checked) => handleVisibilityChange('showGuidesPublic', checked)} />
-          </div>
-
-          {/* Danger Zone */}
-          <div className="border-t border-border pt-6">
-            <h3 className="font-medium text-destructive mb-2">Danger Zone</h3>
-            <p className="text-sm text-muted-foreground mb-3">
-              Once you delete a project, there is no going back. Please be certain.
-            </p>
-            <button
-              type="button"
-              onClick={handleDelete}
-              className="rounded-md border border-destructive bg-destructive/10 px-4 py-2 text-sm text-destructive hover:bg-destructive/20"
-              disabled={isDeleting}
-            >
-              {isDeleting ? 'Deleting...' : 'Delete Project'}
-            </button>
-          </div>
-        </div>
-      </DialogContent>
-    </Dialog>
-  )
-}
diff --git a/apps/editor/features/community/components/public-profile-page.tsx b/apps/editor/features/community/components/public-profile-page.tsx
deleted file mode 100644
index bd534477..00000000
--- a/apps/editor/features/community/components/public-profile-page.tsx
+++ /dev/null
@@ -1,157 +0,0 @@
-'use client'
-
-import Image from 'next/image'
-import Link from 'next/link'
-import { useRouter } from 'next/navigation'
-import { ProjectGrid } from './project-grid'
-import { HubFooter } from './hub-footer'
-import type { Project } from '../lib/projects/types'
-
-function GitHubIcon({ className }: { className?: string }) {
-  return (
-    <svg className={className} viewBox="0 0 24 24" fill="currentColor">
-      <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
-    </svg>
-  )
-}
-
-function XIcon({ className }: { className?: string }) {
-  return (
-    <svg className={className} viewBox="0 0 24 24" fill="currentColor">
-      <path d="M18.244 2.25h3.308l-7.227 8.26 8.502 11.24H16.17l-5.214-6.817L4.99 21.75H1.68l7.73-8.835L1.254 2.25H8.08l4.713 6.231zm-1.161 17.52h1.833L7.084 4.126H5.117z" />
-    </svg>
-  )
-}
-
-function YouTubeIcon({ className }: { className?: string }) {
-  return (
-    <svg className={className} viewBox="0 0 24 24" fill="currentColor">
-      <path d="M23.498 6.186a3.016 3.016 0 0 0-2.122-2.136C19.505 3.545 12 3.545 12 3.545s-7.505 0-9.377.505A3.017 3.017 0 0 0 .502 6.186C0 8.07 0 12 0 12s0 3.93.502 5.814a3.016 3.016 0 0 0 2.122 2.136c1.871.505 9.376.505 9.376.505s7.505 0 9.377-.505a3.015 3.015 0 0 0 2.122-2.136C24 15.93 24 12 24 12s0-3.93-.502-5.814zM9.545 15.568V8.432L15.818 12l-6.273 3.568z" />
-    </svg>
-  )
-}
-
-interface PublicProfilePageProps {
-  profile: {
-    id: string
-    name: string
-    image: string | null
-    username: string
-    githubUrl: string | null
-    xUrl: string | null
-    youtubeUrl: string | null
-  }
-  projects: Project[]
-}
-
-export function PublicProfilePage({ profile, projects }: PublicProfilePageProps) {
-  const router = useRouter()
-
-  return (
-    <div className="min-h-screen bg-background">
-      {/* Header — same layout as the community home */}
-      <header className="border-b border-border bg-background/95 backdrop-blur sticky top-0 z-10">
-        <div className="container mx-auto px-6 py-4">
-          <div className="flex items-center justify-between">
-            <Link href="/" className="flex items-center gap-2">
-              <Image
-                src="/pascal-logo-shape.svg"
-                alt="Pascal"
-                width={64}
-                height={64}
-                className="h-5 w-5"
-              />
-              <span className="text-2xl font-bold">Pascal Editor</span>
-            </Link>
-            <a
-              href="https://github.com/pascalorg/editor"
-              target="_blank"
-              rel="noopener noreferrer"
-              className="flex items-center gap-2 rounded-lg border border-border px-3 py-2 text-muted-foreground transition-colors hover:border-foreground/20 hover:text-foreground"
-            >
-              <svg className="h-4 w-4" viewBox="0 0 24 24" fill="currentColor">
-                <path d="M12 0c-6.626 0-12 5.373-12 12 0 5.302 3.438 9.8 8.207 11.387.599.111.793-.261.793-.577v-2.234c-3.338.726-4.033-1.416-4.033-1.416-.546-1.387-1.333-1.756-1.333-1.756-1.089-.745.083-.729.083-.729 1.205.084 1.839 1.237 1.839 1.237 1.07 1.834 2.807 1.304 3.492.997.107-.775.418-1.305.762-1.604-2.665-.305-5.467-1.334-5.467-5.931 0-1.311.469-2.381 1.236-3.221-.124-.303-.535-1.524.117-3.176 0 0 1.008-.322 3.301 1.23.957-.266 1.983-.399 3.003-.404 1.02.005 2.047.138 3.006.404 2.291-1.552 3.297-1.23 3.297-1.23.653 1.653.242 2.874.118 3.176.77.84 1.235 1.911 1.235 3.221 0 4.609-2.807 5.624-5.479 5.921.43.372.823 1.102.823 2.222v3.293c0 .319.192.694.801.576 4.765-1.589 8.199-6.086 8.199-11.386 0-6.627-5.373-12-12-12z" />
-              </svg>
-              <span className="hidden sm:inline text-sm font-medium">Open Source</span>
-            </a>
-          </div>
-        </div>
-      </header>
-
-      <main className="container mx-auto max-w-4xl px-6 py-8 space-y-8">
-        {/* Profile Header */}
-        <div className="flex items-center gap-6">
-          {profile.image ? (
-            <Image
-              src={profile.image}
-              alt={profile.name}
-              width={80}
-              height={80}
-              className="h-20 w-20 rounded-full object-cover"
-            />
-          ) : (
-            <div className="flex h-20 w-20 items-center justify-center rounded-full bg-muted font-bold text-2xl">
-              {profile.name[0]?.toUpperCase() || '?'}
-            </div>
-          )}
-          <div className="space-y-1">
-            <h1 className="text-2xl font-bold">{profile.name}</h1>
-            <p className="text-muted-foreground">@{profile.username}</p>
-            {(profile.githubUrl || profile.xUrl || profile.youtubeUrl) && (
-              <div className="flex items-center gap-3 pt-1">
-                {profile.githubUrl && (
-                  <a
-                    href={profile.githubUrl}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="text-muted-foreground hover:text-foreground transition-colors"
-                  >
-                    <GitHubIcon className="h-5 w-5" />
-                  </a>
-                )}
-                {profile.xUrl && (
-                  <a
-                    href={profile.xUrl}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="text-muted-foreground hover:text-foreground transition-colors"
-                  >
-                    <XIcon className="h-5 w-5" />
-                  </a>
-                )}
-                {profile.youtubeUrl && (
-                  <a
-                    href={profile.youtubeUrl}
-                    target="_blank"
-                    rel="noopener noreferrer"
-                    className="text-muted-foreground hover:text-foreground transition-colors"
-                  >
-                    <YouTubeIcon className="h-5 w-5" />
-                  </a>
-                )}
-              </div>
-            )}
-          </div>
-        </div>
-
-        {/* Projects */}
-        <section>
-          <h2 className="text-lg font-semibold mb-4">Public Projects</h2>
-          {projects.length > 0 ? (
-            <ProjectGrid
-              projects={projects}
-              onProjectClick={(id) => router.push(`/viewer/${id}`)}
-              showOwner={false}
-            />
-          ) : (
-            <div className="text-center py-12 text-muted-foreground">
-              No public projects yet
-            </div>
-          )}
-        </section>
-      </main>
-
-      <HubFooter />
-    </div>
-  )
-}
diff --git a/apps/editor/features/community/components/settings-page.tsx b/apps/editor/features/community/components/settings-page.tsx
deleted file mode 100644
index 38e5b98b..00000000
--- a/apps/editor/features/community/components/settings-page.tsx
+++ /dev/null
@@ -1,440 +0,0 @@
-'use client'
-
-import Image from 'next/image'
-import Link from 'next/link'
-import { ArrowLeft, Pencil } from 'lucide-react'
-import { useRef, useState } from 'react'
-import { authClient } from '../lib/auth/client'
-import { updateUsername, updateProfile, uploadAvatar, updateEmailNotifications } from '../lib/auth/actions'
-
-function GoogleIcon({ className }: { className?: string }) {
-  return (
-    <svg className={className} viewBox="0 0 24 24">
-      <path
-        d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z"
-        fill="#4285F4"
-      />
-      <path
-        d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
-        fill="#34A853"
-      />
-      <path
-        d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
-        fill="#FBBC05"
-      />
-      <path
-        d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
-        fill="#EA4335"
-      />
-    </svg>
-  )
-}
-
-interface SettingsPageProps {
-  user: {
-    id: string
-    name?: string | null
-    email?: string | null
-    image?: string | null
-  }
-  currentUsername: string | null
-  currentGithubUrl: string | null
-  currentXUrl: string | null
-  currentYoutubeUrl: string | null
-  currentEmailNotifications: boolean
-  connectedAccounts: { providerId: string; accountId: string }[]
-}
-
-export function SettingsPage({
-  user,
-  currentUsername,
-  currentGithubUrl,
-  currentXUrl,
-  currentYoutubeUrl,
-  currentEmailNotifications,
-  connectedAccounts,
-}: SettingsPageProps) {
-  const [username, setUsername] = useState(currentUsername ?? '')
-  const [githubUrl, setGithubUrl] = useState(currentGithubUrl ?? '')
-  const [xUrl, setXUrl] = useState(currentXUrl ?? '')
-  const [youtubeUrl, setYoutubeUrl] = useState(currentYoutubeUrl ?? '')
-  const [avatarUrl, setAvatarUrl] = useState(user.image)
-  const [isSavingUsername, setIsSavingUsername] = useState(false)
-  const [isSavingSocial, setIsSavingSocial] = useState(false)
-  const [isUploadingAvatar, setIsUploadingAvatar] = useState(false)
-  const [isConnectingGoogle, setIsConnectingGoogle] = useState(false)
-  const fileInputRef = useRef<HTMLInputElement>(null)
-  const [usernameMessage, setUsernameMessage] = useState<{
-    type: 'success' | 'error'
-    text: string
-  } | null>(null)
-  const [socialMessage, setSocialMessage] = useState<{
-    type: 'success' | 'error'
-    text: string
-  } | null>(null)
-  const [emailNotifications, setEmailNotifications] = useState(currentEmailNotifications)
-  const [isSavingNotifications, setIsSavingNotifications] = useState(false)
-
-  const isGoogleConnected = connectedAccounts.some((a) => a.providerId === 'google')
-  const initials = currentUsername
-    ? currentUsername.slice(0, 2).toUpperCase()
-    : user.name
-      ? user.name
-          .split(' ')
-          .map((n) => n[0])
-          .join('')
-          .toUpperCase()
-          .slice(0, 2)
-      : user.email?.[0]?.toUpperCase() || 'U'
-
-  const handleAvatarClick = () => {
-    fileInputRef.current?.click()
-  }
-
-  const handleAvatarUpload = async (e: React.ChangeEvent<HTMLInputElement>) => {
-    const file = e.target.files?.[0]
-    if (!file) return
-
-    setIsUploadingAvatar(true)
-    const formData = new FormData()
-    formData.append('avatar', file)
-
-    const result = await uploadAvatar(formData)
-    if (result.success && result.imageUrl) {
-      setAvatarUrl(result.imageUrl)
-    }
-    setIsUploadingAvatar(false)
-    // Reset input so the same file can be selected again
-    if (fileInputRef.current) fileInputRef.current.value = ''
-  }
-
-  const handleConnectGoogle = async () => {
-    setIsConnectingGoogle(true)
-    try {
-      await authClient.signIn.social({
-        provider: 'google',
-        callbackURL: '/settings',
-      })
-    } catch {
-      setIsConnectingGoogle(false)
-    }
-  }
-
-  const handleSaveUsername = async (e: React.FormEvent) => {
-    e.preventDefault()
-    setUsernameMessage(null)
-    setIsSavingUsername(true)
-
-    const result = await updateUsername(username)
-    setUsernameMessage({
-      type: result.success ? 'success' : 'error',
-      text: result.success ? 'Username updated successfully' : (result.error ?? 'Failed'),
-    })
-    setIsSavingUsername(false)
-  }
-
-  const handleSaveSocial = async (e: React.FormEvent) => {
-    e.preventDefault()
-    setSocialMessage(null)
-    setIsSavingSocial(true)
-
-    const result = await updateProfile({
-      githubUrl: githubUrl.trim() || null,
-      xUrl: xUrl.trim() || null,
-      youtubeUrl: youtubeUrl.trim() || null,
-    })
-    setSocialMessage({
-      type: result.success ? 'success' : 'error',
-      text: result.success
-        ? 'Social links updated successfully'
-        : (result.error ?? 'Failed'),
-    })
-    setIsSavingSocial(false)
-  }
-
-  const usernameChanged = username.trim() !== (currentUsername ?? '')
-  const socialChanged =
-    (githubUrl.trim() || '') !== (currentGithubUrl ?? '') ||
-    (xUrl.trim() || '') !== (currentXUrl ?? '') ||
-    (youtubeUrl.trim() || '') !== (currentYoutubeUrl ?? '')
-
-  const handleToggleEmailNotifications = async () => {
-    const newValue = !emailNotifications
-    setEmailNotifications(newValue)
-    setIsSavingNotifications(true)
-    await updateEmailNotifications(newValue)
-    setIsSavingNotifications(false)
-  }
-
-  return (
-    <div className="min-h-screen bg-background">
-      <header className="border-b border-border bg-background/95 backdrop-blur sticky top-0 z-10">
-        <div className="container mx-auto px-6 py-4">
-          <div className="flex items-center gap-4">
-            <Link
-              href="/"
-              className="flex items-center gap-1 text-muted-foreground transition-colors hover:text-foreground"
-            >
-              <ArrowLeft className="h-4 w-4" />
-              <span className="text-sm">Back</span>
-            </Link>
-            <h1 className="text-xl font-bold">Settings</h1>
-          </div>
-        </div>
-      </header>
-
-      <main className="container mx-auto max-w-2xl px-6 py-8 space-y-8">
-        {/* Profile Section */}
-        <section className="space-y-4">
-          <h2 className="text-lg font-semibold">Profile</h2>
-          <div className="rounded-lg border border-border p-6 space-y-6">
-            <div className="flex items-center gap-4">
-              {/* Avatar with upload */}
-              <button
-                type="button"
-                onClick={handleAvatarClick}
-                disabled={isUploadingAvatar}
-                className="relative group shrink-0"
-              >
-                {avatarUrl ? (
-                  <Image
-                    src={avatarUrl}
-                    alt={user.name || 'Profile'}
-                    width={64}
-                    height={64}
-                    className="h-16 w-16 rounded-full object-cover"
-                  />
-                ) : (
-                  <div className="flex h-16 w-16 items-center justify-center rounded-full bg-muted font-semibold text-lg">
-                    {initials}
-                  </div>
-                )}
-                <div className="absolute inset-0 flex items-center justify-center rounded-full bg-black/40 opacity-0 group-hover:opacity-100 transition-opacity">
-                  <Pencil className="h-4 w-4 text-white" />
-                </div>
-                {isUploadingAvatar && (
-                  <div className="absolute inset-0 flex items-center justify-center rounded-full bg-black/40">
-                    <div className="h-5 w-5 animate-spin rounded-full border-2 border-white border-t-transparent" />
-                  </div>
-                )}
-              </button>
-              <input
-                ref={fileInputRef}
-                type="file"
-                accept="image/*"
-                onChange={handleAvatarUpload}
-                className="hidden"
-              />
-              <div>
-                {user.name && <div className="font-medium">{user.name}</div>}
-                {user.email && (
-                  <div className="text-muted-foreground text-sm">{user.email}</div>
-                )}
-              </div>
-            </div>
-
-            <form onSubmit={handleSaveUsername} className="space-y-4">
-              <div className="space-y-2">
-                <label htmlFor="username" className="font-medium text-sm">
-                  Public Username
-                </label>
-                <p className="text-muted-foreground text-xs">
-                  Your public display name on the community hub.
-                </p>
-                <input
-                  id="username"
-                  type="text"
-                  value={username}
-                  onChange={(e) => {
-                    setUsername(e.target.value)
-                    setUsernameMessage(null)
-                  }}
-                  placeholder="your-username"
-                  className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
-                  disabled={isSavingUsername}
-                  minLength={3}
-                  maxLength={30}
-                  pattern="[a-zA-Z0-9_-]+"
-                />
-                <p className="text-muted-foreground text-xs">
-                  3-30 characters. Letters, numbers, hyphens, and underscores only.
-                </p>
-              </div>
-
-              {usernameMessage && (
-                <div
-                  className={`rounded-md border p-3 text-sm ${
-                    usernameMessage.type === 'success'
-                      ? 'border-green-200 bg-green-50 text-green-700 dark:border-green-800 dark:bg-green-900/20 dark:text-green-400'
-                      : 'border-destructive/50 bg-destructive/10 text-destructive'
-                  }`}
-                >
-                  {usernameMessage.text}
-                </div>
-              )}
-
-              <button
-                type="submit"
-                disabled={isSavingUsername || !usernameChanged || !username.trim()}
-                className="rounded-md bg-primary px-4 py-2 text-primary-foreground text-sm font-medium transition-colors hover:bg-primary/90 disabled:opacity-50"
-              >
-                {isSavingUsername ? 'Saving...' : 'Save Username'}
-              </button>
-            </form>
-          </div>
-        </section>
-
-        {/* Connected Accounts Section */}
-        <section className="space-y-4">
-          <h2 className="text-lg font-semibold">Connected Accounts</h2>
-          <div className="rounded-lg border border-border p-6 space-y-4">
-            <div className="flex items-center justify-between">
-              <div className="flex items-center gap-3">
-                <GoogleIcon className="h-5 w-5" />
-                <div>
-                  <div className="text-sm font-medium">Google</div>
-                  {isGoogleConnected ? (
-                    <div className="text-xs text-muted-foreground">
-                      Connected
-                    </div>
-                  ) : (
-                    <div className="text-xs text-muted-foreground">
-                      Not connected
-                    </div>
-                  )}
-                </div>
-              </div>
-              {isGoogleConnected ? (
-                <span className="text-xs text-green-600 dark:text-green-400 font-medium px-2 py-1 rounded-full bg-green-50 dark:bg-green-900/20">
-                  Connected
-                </span>
-              ) : (
-                <button
-                  type="button"
-                  onClick={handleConnectGoogle}
-                  disabled={isConnectingGoogle}
-                  className="rounded-md border border-input px-3 py-1.5 text-sm transition-colors hover:bg-accent disabled:opacity-50"
-                >
-                  {isConnectingGoogle ? 'Connecting...' : 'Connect'}
-                </button>
-              )}
-            </div>
-          </div>
-        </section>
-
-        {/* Notifications Section */}
-        <section className="space-y-4">
-          <h2 className="text-lg font-semibold">Notifications</h2>
-          <div className="rounded-lg border border-border p-6">
-            <div className="flex items-center justify-between">
-              <div className="space-y-1">
-                <div className="text-sm font-medium">Email notifications</div>
-                <p className="text-muted-foreground text-xs">
-                  Receive emails about new features and updates.
-                </p>
-              </div>
-              <button
-                type="button"
-                role="switch"
-                aria-checked={emailNotifications}
-                onClick={handleToggleEmailNotifications}
-                disabled={isSavingNotifications}
-                className={`relative inline-flex h-6 w-11 shrink-0 cursor-pointer items-center rounded-full transition-colors focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 disabled:cursor-not-allowed disabled:opacity-50 ${
-                  emailNotifications ? 'bg-primary' : 'bg-input'
-                }`}
-              >
-                <span
-                  className={`pointer-events-none block h-5 w-5 rounded-full bg-background shadow-lg ring-0 transition-transform ${
-                    emailNotifications ? 'translate-x-5' : 'translate-x-0.5'
-                  }`}
-                />
-              </button>
-            </div>
-          </div>
-        </section>
-
-        {/* Social Links Section */}
-        <section className="space-y-4">
-          <h2 className="text-lg font-semibold">Social Links</h2>
-          <div className="rounded-lg border border-border p-6">
-            <form onSubmit={handleSaveSocial} className="space-y-4">
-              <div className="space-y-2">
-                <label htmlFor="github" className="font-medium text-sm">
-                  GitHub
-                </label>
-                <input
-                  id="github"
-                  type="url"
-                  value={githubUrl}
-                  onChange={(e) => {
-                    setGithubUrl(e.target.value)
-                    setSocialMessage(null)
-                  }}
-                  placeholder="https://github.com/yourusername"
-                  className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
-                  disabled={isSavingSocial}
-                />
-              </div>
-
-              <div className="space-y-2">
-                <label htmlFor="x" className="font-medium text-sm">
-                  X (Twitter)
-                </label>
-                <input
-                  id="x"
-                  type="url"
-                  value={xUrl}
-                  onChange={(e) => {
-                    setXUrl(e.target.value)
-                    setSocialMessage(null)
-                  }}
-                  placeholder="https://x.com/yourusername"
-                  className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
-                  disabled={isSavingSocial}
-                />
-              </div>
-
-              <div className="space-y-2">
-                <label htmlFor="youtube" className="font-medium text-sm">
-                  YouTube
-                </label>
-                <input
-                  id="youtube"
-                  type="url"
-                  value={youtubeUrl}
-                  onChange={(e) => {
-                    setYoutubeUrl(e.target.value)
-                    setSocialMessage(null)
-                  }}
-                  placeholder="https://youtube.com/@yourchannel"
-                  className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
-                  disabled={isSavingSocial}
-                />
-              </div>
-
-              {socialMessage && (
-                <div
-                  className={`rounded-md border p-3 text-sm ${
-                    socialMessage.type === 'success'
-                      ? 'border-green-200 bg-green-50 text-green-700 dark:border-green-800 dark:bg-green-900/20 dark:text-green-400'
-                      : 'border-destructive/50 bg-destructive/10 text-destructive'
-                  }`}
-                >
-                  {socialMessage.text}
-                </div>
-              )}
-
-              <button
-                type="submit"
-                disabled={isSavingSocial || !socialChanged}
-                className="rounded-md bg-primary px-4 py-2 text-primary-foreground text-sm font-medium transition-colors hover:bg-primary/90 disabled:opacity-50"
-              >
-                {isSavingSocial ? 'Saving...' : 'Save Social Links'}
-              </button>
-            </form>
-          </div>
-        </section>
-      </main>
-    </div>
-  )
-}
diff --git a/apps/editor/features/community/components/sign-in-dialog.tsx b/apps/editor/features/community/components/sign-in-dialog.tsx
deleted file mode 100644
index d5d0d2de..00000000
--- a/apps/editor/features/community/components/sign-in-dialog.tsx
+++ /dev/null
@@ -1,237 +0,0 @@
-'use client'
-
-import Link from 'next/link'
-import { Mail, X } from 'lucide-react'
-import { useState } from 'react'
-import { authClient } from '../lib/auth/client'
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/primitives/dialog'
-
-interface SignInDialogProps {
-  open: boolean
-  onOpenChange: (open: boolean) => void
-}
-
-function GoogleIcon({ className }: { className?: string }) {
-  return (
-    <svg className={className} viewBox="0 0 24 24">
-      <path
-        d="M22.56 12.25c0-.78-.07-1.53-.2-2.25H12v4.26h5.92a5.06 5.06 0 0 1-2.2 3.32v2.77h3.57c2.08-1.92 3.28-4.74 3.28-8.1z"
-        fill="#4285F4"
-      />
-      <path
-        d="M12 23c2.97 0 5.46-.98 7.28-2.66l-3.57-2.77c-.98.66-2.23 1.06-3.71 1.06-2.86 0-5.29-1.93-6.16-4.53H2.18v2.84C3.99 20.53 7.7 23 12 23z"
-        fill="#34A853"
-      />
-      <path
-        d="M5.84 14.09c-.22-.66-.35-1.36-.35-2.09s.13-1.43.35-2.09V7.07H2.18C1.43 8.55 1 10.22 1 12s.43 3.45 1.18 4.93l2.85-2.22.81-.62z"
-        fill="#FBBC05"
-      />
-      <path
-        d="M12 5.38c1.62 0 3.06.56 4.21 1.64l3.15-3.15C17.45 2.09 14.97 1 12 1 7.7 1 3.99 3.47 2.18 7.07l3.66 2.84c.87-2.6 3.3-4.53 6.16-4.53z"
-        fill="#EA4335"
-      />
-    </svg>
-  )
-}
-
-/**
- * SignInDialog - Authentication dialog with Google OAuth and magic link
- */
-const LOGIN_METHOD_LABELS: Record<string, string> = {
-  google: 'Google',
-  'magic-link': 'email link',
-}
-
-export function SignInDialog({ open, onOpenChange }: SignInDialogProps) {
-  const [email, setEmail] = useState('')
-  const [isLoading, setIsLoading] = useState(false)
-  const [isGoogleLoading, setIsGoogleLoading] = useState(false)
-  const [error, setError] = useState<string | null>(null)
-  const [success, setSuccess] = useState(false)
-
-  const lastMethod = authClient.getLastUsedLoginMethod?.()
-  const lastMethodLabel = lastMethod ? LOGIN_METHOD_LABELS[lastMethod] ?? lastMethod : null
-
-  const handleGoogleSignIn = async () => {
-    setError(null)
-    setIsGoogleLoading(true)
-    try {
-      await authClient.signIn.social({
-        provider: 'google',
-        callbackURL: window.location.origin,
-      })
-    } catch (err) {
-      setError(err instanceof Error ? err.message : 'Failed to sign in with Google')
-      setIsGoogleLoading(false)
-    }
-  }
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault()
-    setError(null)
-    setIsLoading(true)
-
-    try {
-      const result = await authClient.signIn.magicLink({
-        email,
-        callbackURL: window.location.origin,
-      })
-
-      if (result.error) {
-        setError(result.error.message || 'Failed to send magic link')
-      } else {
-        setSuccess(true)
-        setEmail('')
-      }
-    } catch (err) {
-      setError(err instanceof Error ? err.message : 'An unexpected error occurred')
-    } finally {
-      setIsLoading(false)
-    }
-  }
-
-  const handleClose = () => {
-    if (!isLoading && !isGoogleLoading) {
-      onOpenChange(false)
-      setTimeout(() => {
-        setEmail('')
-        setError(null)
-        setSuccess(false)
-      }, 200)
-    }
-  }
-
-  const anyLoading = isLoading || isGoogleLoading
-
-  return (
-    <Dialog open={open} onOpenChange={handleClose}>
-      <DialogContent className="sm:max-w-[400px]">
-        <DialogHeader>
-          <DialogTitle>Sign in to Pascal</DialogTitle>
-          <button
-            className="absolute top-4 right-4 rounded-sm opacity-70 transition-opacity hover:opacity-100 disabled:pointer-events-none"
-            disabled={anyLoading}
-            onClick={handleClose}
-          >
-            <X className="h-4 w-4" />
-            <span className="sr-only">Close</span>
-          </button>
-        </DialogHeader>
-
-        {success ? (
-          <div className="space-y-4 py-4">
-            <div className="flex flex-col items-center gap-4 text-center">
-              <div className="flex h-12 w-12 items-center justify-center rounded-full bg-green-100 dark:bg-green-900/20">
-                <Mail className="h-6 w-6 text-green-600 dark:text-green-400" />
-              </div>
-              <div className="space-y-2">
-                <h3 className="font-semibold text-lg">Check your email</h3>
-                <p className="text-muted-foreground text-sm">
-                  We've sent a magic link to <strong>{email}</strong>
-                </p>
-                <p className="text-muted-foreground text-sm">
-                  Click the link in the email to sign in to your account.
-                </p>
-              </div>
-            </div>
-            <button
-              className="w-full rounded-md border border-input px-4 py-2 text-sm transition-colors hover:bg-accent hover:text-accent-foreground"
-              onClick={handleClose}
-            >
-              Close
-            </button>
-          </div>
-        ) : (
-          <div className="space-y-4">
-            {lastMethodLabel && (
-              <p className="text-center text-muted-foreground text-xs">
-                Last signed in with {lastMethodLabel}
-              </p>
-            )}
-
-            {/* Google Sign-In */}
-            <button
-              className="flex w-full items-center justify-center gap-2 rounded-md border border-input bg-background px-4 py-2.5 text-sm font-medium transition-colors hover:bg-accent hover:text-accent-foreground disabled:opacity-50"
-              disabled={anyLoading}
-              onClick={handleGoogleSignIn}
-              type="button"
-            >
-              {isGoogleLoading ? (
-                <div className="h-4 w-4 animate-spin rounded-full border-2 border-foreground border-t-transparent" />
-              ) : (
-                <GoogleIcon className="h-4 w-4" />
-              )}
-              Continue with Google
-            </button>
-
-            {/* Divider */}
-            <div className="relative">
-              <div className="absolute inset-0 flex items-center">
-                <span className="w-full border-t border-border" />
-              </div>
-              <div className="relative flex justify-center text-xs uppercase">
-                <span className="bg-background px-2 text-muted-foreground">or</span>
-              </div>
-            </div>
-
-            {/* Magic Link Form */}
-            <form className="space-y-4" onSubmit={handleSubmit}>
-              <div className="space-y-2">
-                <label className="font-medium text-sm" htmlFor="email">
-                  Email address
-                </label>
-                <input
-                  autoComplete="email"
-                  className="w-full rounded-md border border-input bg-background px-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
-                  disabled={anyLoading}
-                  id="email"
-                  placeholder="you@example.com"
-                  required
-                  type="email"
-                  value={email}
-                  onChange={(e) => setEmail(e.target.value)}
-                />
-              </div>
-
-              {error && (
-                <div className="rounded-md border border-destructive/50 bg-destructive/10 p-3 text-destructive text-sm">
-                  {error}
-                </div>
-              )}
-
-              <button
-                className="flex w-full items-center justify-center gap-2 rounded-md bg-primary px-4 py-2 text-primary-foreground text-sm transition-colors hover:bg-primary/90 disabled:opacity-50"
-                disabled={anyLoading || !email}
-                type="submit"
-              >
-                {isLoading ? (
-                  <>
-                    <div className="h-4 w-4 animate-spin rounded-full border-2 border-primary-foreground border-t-transparent" />
-                    Sending magic link...
-                  </>
-                ) : (
-                  <>
-                    <Mail className="h-4 w-4" />
-                    Send magic link
-                  </>
-                )}
-              </button>
-            </form>
-
-            <p className="text-center text-muted-foreground text-xs">
-              By signing in, you agree to our{' '}
-              <Link href="/terms" className="underline hover:text-foreground">
-                Terms of Service
-              </Link>{' '}
-              and{' '}
-              <Link href="/privacy" className="underline hover:text-foreground">
-                Privacy Policy
-              </Link>
-              .
-            </p>
-          </div>
-        )}
-      </DialogContent>
-    </Dialog>
-  )
-}
diff --git a/apps/editor/features/community/components/username-gate.tsx b/apps/editor/features/community/components/username-gate.tsx
deleted file mode 100644
index c3800fe8..00000000
--- a/apps/editor/features/community/components/username-gate.tsx
+++ /dev/null
@@ -1,40 +0,0 @@
-'use client'
-
-import { useEffect, useState } from 'react'
-import { useAuth } from '../lib/auth/hooks'
-import { getUsername } from '../lib/auth/actions'
-import { UsernameOnboardingDialog } from './username-onboarding-dialog'
-
-export function UsernameGate({ children }: { children: React.ReactNode }) {
-  const { isAuthenticated, isLoading } = useAuth()
-  const [needsUsername, setNeedsUsername] = useState(false)
-  const [checking, setChecking] = useState(true)
-
-  useEffect(() => {
-    if (isLoading) return
-    if (!isAuthenticated) {
-      setChecking(false)
-      setNeedsUsername(false)
-      return
-    }
-    getUsername()
-      .then((username) => {
-        setNeedsUsername(!username)
-        setChecking(false)
-      })
-      .catch(() => {
-        setNeedsUsername(false)
-        setChecking(false)
-      })
-  }, [isAuthenticated, isLoading])
-
-  return (
-    <>
-      {children}
-      <UsernameOnboardingDialog
-        open={needsUsername && !checking}
-        onComplete={() => setNeedsUsername(false)}
-      />
-    </>
-  )
-}
diff --git a/apps/editor/features/community/components/username-onboarding-dialog.tsx b/apps/editor/features/community/components/username-onboarding-dialog.tsx
deleted file mode 100644
index 90e3888a..00000000
--- a/apps/editor/features/community/components/username-onboarding-dialog.tsx
+++ /dev/null
@@ -1,146 +0,0 @@
-'use client'
-
-import { useCallback, useEffect, useState } from 'react'
-import { Dialog, DialogContent, DialogHeader, DialogTitle } from '@/components/ui/primitives/dialog'
-import { updateUsername, checkUsernameAvailability } from '../lib/auth/actions'
-
-interface UsernameOnboardingDialogProps {
-  open: boolean
-  onComplete: () => void
-}
-
-export function UsernameOnboardingDialog({ open, onComplete }: UsernameOnboardingDialogProps) {
-  const [username, setUsername] = useState('')
-  const [isSaving, setIsSaving] = useState(false)
-  const [error, setError] = useState<string | null>(null)
-  const [availability, setAvailability] = useState<'idle' | 'checking' | 'available' | 'taken'>(
-    'idle',
-  )
-
-  const validate = (value: string): string | null => {
-    if (value.length < 3) return 'Must be at least 3 characters'
-    if (value.length > 30) return 'Must be at most 30 characters'
-    if (!/^[a-zA-Z0-9_-]+$/.test(value))
-      return 'Only letters, numbers, hyphens, and underscores'
-    return null
-  }
-
-  const checkAvailability = useCallback(async (value: string) => {
-    const validationError = validate(value)
-    if (validationError) {
-      setAvailability('idle')
-      return
-    }
-    setAvailability('checking')
-    const result = await checkUsernameAvailability(value)
-    setAvailability(result.available ? 'available' : 'taken')
-  }, [])
-
-  useEffect(() => {
-    if (!username.trim()) {
-      setAvailability('idle')
-      return
-    }
-    const timer = setTimeout(() => checkAvailability(username.trim()), 300)
-    return () => clearTimeout(timer)
-  }, [username, checkAvailability])
-
-  const handleSubmit = async (e: React.FormEvent) => {
-    e.preventDefault()
-    const trimmed = username.trim()
-    const validationError = validate(trimmed)
-    if (validationError) {
-      setError(validationError)
-      return
-    }
-
-    setError(null)
-    setIsSaving(true)
-
-    const result = await updateUsername(trimmed)
-    if (result.success) {
-      onComplete()
-    } else {
-      setError(result.error ?? 'Failed to set username')
-    }
-    setIsSaving(false)
-  }
-
-  const validationError = username.trim() ? validate(username.trim()) : null
-  const canSubmit = !isSaving && !validationError && availability === 'available'
-
-  return (
-    <Dialog open={open} onOpenChange={() => {}}>
-      <DialogContent className="sm:max-w-[420px] [&>button]:hidden">
-        <DialogHeader>
-          <DialogTitle>Choose your username</DialogTitle>
-        </DialogHeader>
-
-        <p className="text-muted-foreground text-sm">
-          Pick a public username for the community hub. This will be visible on projects you share.
-        </p>
-
-        <form onSubmit={handleSubmit} className="space-y-4">
-          <div className="space-y-2">
-            <div className="relative">
-              <span className="absolute left-3 top-1/2 -translate-y-1/2 text-muted-foreground text-sm">
-                @
-              </span>
-              <input
-                type="text"
-                value={username}
-                onChange={(e) => {
-                  setUsername(e.target.value)
-                  setError(null)
-                }}
-                placeholder="your-username"
-                className="w-full rounded-md border border-input bg-background pl-7 pr-3 py-2 text-sm ring-offset-background placeholder:text-muted-foreground focus-visible:outline-none focus-visible:ring-2 focus-visible:ring-ring disabled:cursor-not-allowed disabled:opacity-50"
-                disabled={isSaving}
-                autoFocus
-                minLength={3}
-                maxLength={30}
-              />
-            </div>
-
-            {/* Status indicators */}
-            {username.trim() && !validationError && (
-              <div className="text-xs">
-                {availability === 'checking' && (
-                  <span className="text-muted-foreground">Checking availability...</span>
-                )}
-                {availability === 'available' && (
-                  <span className="text-green-600 dark:text-green-400">Username is available</span>
-                )}
-                {availability === 'taken' && (
-                  <span className="text-destructive">Username is already taken</span>
-                )}
-              </div>
-            )}
-            {validationError && (
-              <p className="text-destructive text-xs">{validationError}</p>
-            )}
-            {!username.trim() && (
-              <p className="text-muted-foreground text-xs">
-                3-30 characters. Letters, numbers, hyphens, and underscores only.
-              </p>
-            )}
-          </div>
-
-          {error && (
-            <div className="rounded-md border border-destructive/50 bg-destructive/10 p-3 text-destructive text-sm">
-              {error}
-            </div>
-          )}
-
-          <button
-            type="submit"
-            disabled={!canSubmit}
-            className="w-full rounded-md bg-primary px-4 py-2 text-primary-foreground text-sm font-medium transition-colors hover:bg-primary/90 disabled:opacity-50"
-          >
-            {isSaving ? 'Setting username...' : 'Continue'}
-          </button>
-        </form>
-      </DialogContent>
-    </Dialog>
-  )
-}
diff --git a/apps/editor/features/community/lib/assets/actions.ts b/apps/editor/features/community/lib/assets/actions.ts
deleted file mode 100644
index 66821a5b..00000000
--- a/apps/editor/features/community/lib/assets/actions.ts
+++ /dev/null
@@ -1,289 +0,0 @@
-'use server'
-
-import { createServerSupabaseClient } from '../database/server'
-import { getSession } from '../auth/server'
-import { createId } from '../utils/id-generator'
-
-const BUCKET = 'project-assets'
-
-export type AssetType = 'scan' | 'guide'
-
-export type UploadAssetResult =
-  | { success: true; url: string }
-  | { success: false; error: string }
-
-export type CreateUploadUrlResult =
-  | { success: true; signedUrl: string; storageKey: string; assetId: string }
-  | { success: false; error: string }
-
-export type ConfirmUploadResult =
-  | { success: true; url: string }
-  | { success: false; error: string }
-
-export type DeleteAssetResult =
-  | { success: true }
-  | { success: false; error: string }
-
-/**
- * Upload a scan or guide file to Supabase Storage and record it in project_assets.
- * Returns the public HTTPS URL that can be stored directly on the scene node.
- */
-export async function uploadProjectAsset(
-  projectId: string,
-  file: File,
-  type: AssetType,
-): Promise<UploadAssetResult> {
-  try {
-    const session = await getSession()
-    if (!session?.user?.id) {
-      return { success: false, error: 'Not authenticated' }
-    }
-
-    const supabase = await createServerSupabaseClient()
-
-    // Verify the user owns this project
-    const { data: project, error: projectError } = await supabase
-      .from('projects')
-      .select('owner_id')
-      .eq('id', projectId)
-      .single()
-
-    if (projectError || !project) {
-      return { success: false, error: 'Project not found' }
-    }
-
-    if ((project as any).owner_id !== session.user.id) {
-      return { success: false, error: 'Not authorized to upload to this project' }
-    }
-
-    // Derive extension from file name
-    const ext = file.name.includes('.') ? file.name.split('.').pop()! : ''
-    const assetId = createId('asset')
-    const storageKey = ext ? `${projectId}/${assetId}.${ext}` : `${projectId}/${assetId}`
-
-    const arrayBuffer = await file.arrayBuffer()
-    const bytes = new Uint8Array(arrayBuffer)
-
-    const { data: uploadData, error: uploadError } = await supabase.storage
-      .from(BUCKET)
-      .upload(storageKey, bytes, {
-        contentType: file.type || 'application/octet-stream',
-        upsert: false,
-      })
-
-    if (uploadError) {
-      return { success: false, error: `Upload failed: ${uploadError.message}` }
-    }
-
-    const { data: urlData } = supabase.storage
-      .from(BUCKET)
-      .getPublicUrl(uploadData.path)
-
-    const url = urlData.publicUrl
-
-    // Record in project_assets table
-    const { error: insertError } = await (supabase as any).from('project_assets').insert({
-      id: assetId,
-      project_id: projectId,
-      storage_key: storageKey,
-      url,
-      type,
-      original_name: file.name,
-      mime_type: file.type || null,
-    })
-
-    if (insertError) {
-      // Best-effort cleanup: remove the uploaded file
-      await supabase.storage.from(BUCKET).remove([storageKey])
-      return { success: false, error: `Failed to record asset: ${insertError.message}` }
-    }
-
-    return { success: true, url }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to upload asset',
-    }
-  }
-}
-
-/**
- * Create a signed upload URL so the client can upload directly to Supabase Storage.
- * Bypasses Next.js body-size limits — supports files up to the bucket limit (500 MB).
- */
-export async function createAssetUploadUrl(
-  projectId: string,
-  fileName: string,
-  contentType: string,
-  type: AssetType,
-): Promise<CreateUploadUrlResult> {
-  try {
-    const session = await getSession()
-    if (!session?.user?.id) {
-      return { success: false, error: 'Not authenticated' }
-    }
-
-    const supabase = await createServerSupabaseClient()
-
-    const { data: project, error: projectError } = await supabase
-      .from('projects')
-      .select('owner_id')
-      .eq('id', projectId)
-      .single()
-
-    if (projectError || !project) {
-      return { success: false, error: 'Project not found' }
-    }
-
-    if ((project as any).owner_id !== session.user.id) {
-      return { success: false, error: 'Not authorized to upload to this project' }
-    }
-
-    const ext = fileName.includes('.') ? fileName.split('.').pop()! : ''
-    const assetId = createId('asset')
-    const storageKey = ext ? `${projectId}/${assetId}.${ext}` : `${projectId}/${assetId}`
-
-    const { data, error } = await supabase.storage
-      .from(BUCKET)
-      .createSignedUploadUrl(storageKey)
-
-    if (error || !data) {
-      return { success: false, error: `Failed to create upload URL: ${error?.message}` }
-    }
-
-    return { success: true, signedUrl: data.signedUrl, storageKey, assetId }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to create upload URL',
-    }
-  }
-}
-
-/**
- * Record a successfully uploaded asset in the project_assets table.
- * Called after the client uploads the file directly to Supabase Storage.
- */
-export async function confirmAssetUpload(
-  projectId: string,
-  assetId: string,
-  storageKey: string,
-  originalName: string,
-  mimeType: string | null,
-  type: AssetType,
-): Promise<ConfirmUploadResult> {
-  try {
-    const session = await getSession()
-    if (!session?.user?.id) {
-      return { success: false, error: 'Not authenticated' }
-    }
-
-    const supabase = await createServerSupabaseClient()
-
-    const { data: project, error: projectError } = await supabase
-      .from('projects')
-      .select('owner_id')
-      .eq('id', projectId)
-      .single()
-
-    if (projectError || !project) {
-      return { success: false, error: 'Project not found' }
-    }
-
-    if ((project as any).owner_id !== session.user.id) {
-      return { success: false, error: 'Not authorized' }
-    }
-
-    const { data: urlData } = supabase.storage
-      .from(BUCKET)
-      .getPublicUrl(storageKey)
-
-    const url = urlData.publicUrl
-
-    const { error: insertError } = await (supabase as any).from('project_assets').insert({
-      id: assetId,
-      project_id: projectId,
-      storage_key: storageKey,
-      url,
-      type,
-      original_name: originalName,
-      mime_type: mimeType,
-    })
-
-    if (insertError) {
-      await supabase.storage.from(BUCKET).remove([storageKey])
-      return { success: false, error: `Failed to record asset: ${insertError.message}` }
-    }
-
-    return { success: true, url }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to confirm upload',
-    }
-  }
-}
-
-/**
- * Delete a project asset by its public URL.
- * Removes both the storage file and the project_assets row.
- */
-export async function deleteProjectAssetByUrl(
-  projectId: string,
-  url: string,
-): Promise<DeleteAssetResult> {
-  try {
-    const session = await getSession()
-    if (!session?.user?.id) {
-      return { success: false, error: 'Not authenticated' }
-    }
-
-    const supabase = await createServerSupabaseClient()
-
-    // Verify ownership
-    const { data: project, error: projectError } = await supabase
-      .from('projects')
-      .select('owner_id')
-      .eq('id', projectId)
-      .single()
-
-    if (projectError || !project) {
-      return { success: false, error: 'Project not found' }
-    }
-
-    if ((project as any).owner_id !== session.user.id) {
-      return { success: false, error: 'Not authorized' }
-    }
-
-    // Derive storage_key from the public URL
-    // URL format: https://<project>.supabase.co/storage/v1/object/public/project-assets/<storageKey>
-    const storageKeyFromUrl = url.split(`/${BUCKET}/`)[1]?.split('?')[0]
-
-    if (!storageKeyFromUrl) {
-      return { success: false, error: 'Could not derive storage key from URL' }
-    }
-
-    // Delete from storage directly — remove() is a no-op if the file doesn't exist
-    const { error: storageError } = await supabase.storage.from(BUCKET).remove([storageKeyFromUrl])
-    if (storageError) {
-      return { success: false, error: `Storage delete failed: ${storageError.message}` }
-    }
-
-    // Delete DB row by storage_key scoped to this project
-    const { error: dbError } = await (supabase as any).from('project_assets')
-      .delete()
-      .eq('project_id', projectId)
-      .eq('storage_key', storageKeyFromUrl)
-
-    if (dbError) {
-      return { success: false, error: `DB delete failed: ${dbError.message}` }
-    }
-
-    return { success: true }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to delete asset',
-    }
-  }
-}
diff --git a/apps/editor/features/community/lib/auth/actions.ts b/apps/editor/features/community/lib/auth/actions.ts
deleted file mode 100644
index ca3afc78..00000000
--- a/apps/editor/features/community/lib/auth/actions.ts
+++ /dev/null
@@ -1,311 +0,0 @@
-'use server'
-
-import { revalidatePath } from 'next/cache'
-import { redirect } from 'next/navigation'
-import { db, schema } from '@pascal-app/db'
-import { eq, and, ne, sql } from 'drizzle-orm'
-import { auth } from '@/lib/auth'
-import { getSession } from './server'
-import { createServerSupabaseClient } from '../database/server'
-
-/**
- * Sign in with a social provider (Google)
- */
-export async function signInSocial(provider: 'google', callbackURL?: string) {
-  const result = await auth.api.signInSocial({
-    body: { provider, callbackURL: callbackURL ?? '/' },
-  })
-  revalidatePath('/')
-  if (result.url && result.redirect) {
-    redirect(result.url as '/')
-  }
-  return result
-}
-
-/**
- * Update the current user's public username
- */
-export async function updateUsername(
-  username: string,
-): Promise<{ success: boolean; error?: string }> {
-  const session = await getSession()
-  if (!session?.user) {
-    return { success: false, error: 'Not authenticated' }
-  }
-
-  // Validate username format
-  const trimmed = username.trim()
-  if (trimmed.length < 3) {
-    return { success: false, error: 'Username must be at least 3 characters' }
-  }
-  if (trimmed.length > 30) {
-    return { success: false, error: 'Username must be at most 30 characters' }
-  }
-  if (!/^[a-zA-Z0-9_-]+$/.test(trimmed)) {
-    return {
-      success: false,
-      error: 'Username can only contain letters, numbers, hyphens, and underscores',
-    }
-  }
-
-  // Check if username is already taken (case-insensitive)
-  const existing = await db
-    .select({ id: schema.users.id })
-    .from(schema.users)
-    .where(
-      and(
-        sql`lower(${schema.users.username}) = lower(${trimmed})`,
-        ne(schema.users.id, session.user.id),
-      ),
-    )
-    .limit(1)
-
-  if (existing.length > 0) {
-    return { success: false, error: 'Username is already taken' }
-  }
-
-  const updated = await db
-    .update(schema.users)
-    .set({ username: trimmed })
-    .where(eq(schema.users.id, session.user.id))
-    .returning({ id: schema.users.id })
-
-  if (updated.length === 0) {
-    return { success: false, error: 'User not found. Please sign out and sign in again.' }
-  }
-
-  revalidatePath('/')
-  revalidatePath('/settings')
-  return { success: true }
-}
-
-/**
- * Get the current user's username
- */
-export async function getUsername(): Promise<string | null> {
-  const session = await getSession()
-  if (!session?.user) return null
-
-  const result = await db
-    .select({ username: schema.users.username })
-    .from(schema.users)
-    .where(eq(schema.users.id, session.user.id))
-    .limit(1)
-
-  return result[0]?.username ?? null
-}
-
-/**
- * Check if a username is available
- */
-export async function checkUsernameAvailability(
-  username: string,
-): Promise<{ available: boolean }> {
-  const trimmed = username.trim()
-  if (trimmed.length < 3 || !/^[a-zA-Z0-9_-]+$/.test(trimmed)) {
-    return { available: false }
-  }
-
-  const existing = await db
-    .select({ id: schema.users.id })
-    .from(schema.users)
-    .where(sql`lower(${schema.users.username}) = lower(${trimmed})`)
-    .limit(1)
-
-  return { available: existing.length === 0 }
-}
-
-/**
- * Get the current user's full profile
- */
-export async function getUserProfile(): Promise<{
-  username: string | null
-  githubUrl: string | null
-  xUrl: string | null
-  youtubeUrl: string | null
-  emailNotifications: boolean
-} | null> {
-  const session = await getSession()
-  if (!session?.user) return null
-
-  const result = await db
-    .select({
-      username: schema.users.username,
-      githubUrl: schema.users.githubUrl,
-      xUrl: schema.users.xUrl,
-      youtubeUrl: schema.users.youtubeUrl,
-      emailNotifications: schema.users.emailNotifications,
-    })
-    .from(schema.users)
-    .where(eq(schema.users.id, session.user.id))
-    .limit(1)
-
-  return result[0] ?? null
-}
-
-/**
- * Update the current user's social profile links
- */
-export async function updateProfile(data: {
-  githubUrl?: string | null
-  xUrl?: string | null
-  youtubeUrl?: string | null
-}): Promise<{ success: boolean; error?: string }> {
-  const session = await getSession()
-  if (!session?.user) {
-    return { success: false, error: 'Not authenticated' }
-  }
-
-  if (data.githubUrl && !/^https:\/\/(www\.)?github\.com\/.+/.test(data.githubUrl)) {
-    return { success: false, error: 'Invalid GitHub URL' }
-  }
-  if (data.xUrl && !/^https:\/\/(www\.)?(x|twitter)\.com\/.+/.test(data.xUrl)) {
-    return { success: false, error: 'Invalid X/Twitter URL' }
-  }
-  if (data.youtubeUrl && !/^https:\/\/(www\.)?(youtube\.com|youtu\.be)\/.+/.test(data.youtubeUrl)) {
-    return { success: false, error: 'Invalid YouTube URL' }
-  }
-
-  await db
-    .update(schema.users)
-    .set({
-      githubUrl: data.githubUrl ?? null,
-      xUrl: data.xUrl ?? null,
-      youtubeUrl: data.youtubeUrl ?? null,
-    })
-    .where(eq(schema.users.id, session.user.id))
-
-  revalidatePath('/settings')
-  return { success: true }
-}
-
-/**
- * Get a user's public profile by username
- */
-export async function getPublicProfile(username: string): Promise<{
-  success: boolean
-  data?: {
-    id: string
-    name: string
-    image: string | null
-    username: string
-    githubUrl: string | null
-    xUrl: string | null
-    youtubeUrl: string | null
-  }
-  error?: string
-}> {
-  const result = await db
-    .select({
-      id: schema.users.id,
-      name: schema.users.name,
-      image: schema.users.image,
-      username: schema.users.username,
-      githubUrl: schema.users.githubUrl,
-      xUrl: schema.users.xUrl,
-      youtubeUrl: schema.users.youtubeUrl,
-    })
-    .from(schema.users)
-    .where(sql`lower(${schema.users.username}) = lower(${username})`)
-    .limit(1)
-
-  const user = result[0]
-  if (!user || !user.username) {
-    return { success: false, error: 'User not found' }
-  }
-
-  return { success: true, data: user as typeof user & { username: string } }
-}
-
-/**
- * Get connected accounts for the current user
- */
-export async function getConnectedAccounts(): Promise<
-  { providerId: string; accountId: string }[]
-> {
-  const session = await getSession()
-  if (!session?.user) return []
-
-  const result = await db
-    .select({
-      providerId: schema.accounts.providerId,
-      accountId: schema.accounts.accountId,
-    })
-    .from(schema.accounts)
-    .where(eq(schema.accounts.userId, session.user.id))
-
-  return result
-}
-
-/**
- * Upload avatar image to Supabase Storage and update user record
- */
-export async function uploadAvatar(
-  formData: FormData,
-): Promise<{ success: boolean; imageUrl?: string; error?: string }> {
-  const session = await getSession()
-  if (!session?.user) {
-    return { success: false, error: 'Not authenticated' }
-  }
-
-  const file = formData.get('avatar') as File | null
-  if (!file) {
-    return { success: false, error: 'No file provided' }
-  }
-
-  if (file.size > 5 * 1024 * 1024) {
-    return { success: false, error: 'File too large (max 5MB)' }
-  }
-
-  if (!file.type.startsWith('image/')) {
-    return { success: false, error: 'File must be an image' }
-  }
-
-  const supabase = await createServerSupabaseClient()
-  const ext = file.name.split('.').pop() || 'png'
-  const filename = `${session.user.id}/avatar.${ext}`
-
-  const { data: uploadData, error: uploadError } = await supabase.storage
-    .from('avatars')
-    .upload(filename, file, {
-      contentType: file.type,
-      upsert: true,
-    })
-
-  if (uploadError) {
-    return { success: false, error: `Upload failed: ${uploadError.message}` }
-  }
-
-  const { data: urlData } = supabase.storage.from('avatars').getPublicUrl(uploadData.path)
-  const imageUrl = `${urlData.publicUrl}?t=${Date.now()}`
-
-  // Update user image in database
-  await db
-    .update(schema.users)
-    .set({ image: imageUrl })
-    .where(eq(schema.users.id, session.user.id))
-
-  revalidatePath('/')
-  revalidatePath('/settings')
-  return { success: true, imageUrl }
-}
-
-/**
- * Update the current user's email notification preference
- */
-export async function updateEmailNotifications(
-  enabled: boolean,
-): Promise<{ success: boolean; error?: string }> {
-  const session = await getSession()
-  if (!session?.user) {
-    return { success: false, error: 'Not authenticated' }
-  }
-
-  await db
-    .update(schema.users)
-    .set({ emailNotifications: enabled })
-    .where(eq(schema.users.id, session.user.id))
-
-  revalidatePath('/settings')
-  return { success: true }
-}
diff --git a/apps/editor/features/community/lib/auth/client.ts b/apps/editor/features/community/lib/auth/client.ts
deleted file mode 100644
index 47907379..00000000
--- a/apps/editor/features/community/lib/auth/client.ts
+++ /dev/null
@@ -1,7 +0,0 @@
-/**
- * Auth client for the editor using better-auth
- * Re-exports from @pascal-app/auth package
- */
-
-export { authClient } from '@pascal-app/auth/client'
-export type { AuthState, User, Session } from '@pascal-app/auth/client'
diff --git a/apps/editor/features/community/lib/auth/hooks.ts b/apps/editor/features/community/lib/auth/hooks.ts
deleted file mode 100644
index c17e6375..00000000
--- a/apps/editor/features/community/lib/auth/hooks.ts
+++ /dev/null
@@ -1,20 +0,0 @@
-'use client'
-
-import { authClient } from './client'
-
-/**
- * Hook to access authentication state using better-auth
- * @returns Current auth state including user, session, and loading status
- */
-export function useAuth() {
-  const session = authClient.useSession()
-
-  return {
-    user: session.data?.user ?? null,
-    session: session.data?.session ?? null,
-    isAuthenticated: !!session.data?.user && !!session.data?.session,
-    isLoading: session.isPending,
-    signOut: () => authClient.signOut(),
-    signIn: authClient.signIn,
-  }
-}
diff --git a/apps/editor/features/community/lib/auth/server.ts b/apps/editor/features/community/lib/auth/server.ts
deleted file mode 100644
index aa7b0999..00000000
--- a/apps/editor/features/community/lib/auth/server.ts
+++ /dev/null
@@ -1,47 +0,0 @@
-import { headers as nextHeaders } from 'next/headers'
-import { BASE_URL } from '@/lib/utils'
-
-/**
- * Get the current session from Better Auth backend (server-side)
- */
-export async function getSession() {
-  try {
-    const headersList = await nextHeaders()
-
-    // Make authenticated request to the auth backend to get session
-    const response = await fetch(`${BASE_URL}/api/auth/get-session`, {
-      headers: {
-        cookie: headersList.get('cookie') || '',
-      },
-      credentials: 'include',
-      cache: 'no-store',
-    })
-
-    if (!response.ok) {
-      return null
-    }
-
-    const data = await response.json()
-
-    // Better Auth returns the session data directly
-    if (data?.user && data?.session) {
-      return {
-        user: data.user,
-        session: data.session,
-      }
-    }
-
-    return null
-  } catch (error) {
-    console.error('Failed to get session:', error)
-    return null
-  }
-}
-
-/**
- * Get the current user from the session
- */
-export async function getUser() {
-  const session = await getSession()
-  return session?.user ?? null
-}
diff --git a/apps/editor/features/community/lib/database/server.ts b/apps/editor/features/community/lib/database/server.ts
deleted file mode 100644
index 6d853650..00000000
--- a/apps/editor/features/community/lib/database/server.ts
+++ /dev/null
@@ -1,14 +0,0 @@
-/**
- * Supabase server client for database access
- */
-
-import { supabaseAdmin } from '@/lib/supabase/server'
-
-/**
- * Create a Supabase client for server-side use with service role key
- * This bypasses RLS and allows server actions to query the database directly
- * Authentication is handled by Better Auth, permissions enforced by filtering on user_id
- */
-export async function createServerSupabaseClient() {
-  return supabaseAdmin
-}
diff --git a/apps/editor/features/community/lib/feedback/actions.ts b/apps/editor/features/community/lib/feedback/actions.ts
deleted file mode 100644
index 8dabe9f4..00000000
--- a/apps/editor/features/community/lib/feedback/actions.ts
+++ /dev/null
@@ -1,92 +0,0 @@
-'use server'
-
-import { createId } from '@pascal-app/db'
-import { createServerSupabaseClient } from '../database/server'
-import { getSession } from '../auth/server'
-
-const MAX_IMAGES = 5
-
-/**
- * Create signed upload URLs so the client can upload images directly to
- * Supabase Storage — bypasses Vercel's 4.5 MB serverless body-size limit.
- */
-export async function createImageUploadUrls(
-  files: { name: string; type: string }[],
-): Promise<
-  | { success: true; uploads: { path: string; signedUrl: string }[] }
-  | { success: false; error: string }
-> {
-  try {
-    if (files.length > MAX_IMAGES) {
-      return { success: false, error: `Maximum ${MAX_IMAGES} images allowed` }
-    }
-
-    const supabase = await createServerSupabaseClient()
-    const uploads: { path: string; signedUrl: string }[] = []
-
-    for (const file of files) {
-      if (!file.type.startsWith('image/')) continue
-
-      const ext = file.name.split('.').pop() || 'jpg'
-      const path = `${createId('img')}.${ext}`
-
-      const { data, error } = await (
-        supabase as ReturnType<typeof import('@supabase/supabase-js').createClient>
-      ).storage
-        .from('feedback-images')
-        .createSignedUploadUrl(path)
-
-      if (error || !data) {
-        console.error(`Failed to create signed URL for ${file.name}:`, error)
-        continue
-      }
-
-      uploads.push({ path, signedUrl: data.signedUrl })
-    }
-
-    return { success: true, uploads }
-  } catch (err) {
-    return {
-      success: false,
-      error: err instanceof Error ? err.message : 'Failed to create upload URLs',
-    }
-  }
-}
-
-/**
- * Submit feedback with pre-uploaded image paths.
- * Images are already in Supabase Storage — this just records the metadata.
- */
-export async function submitFeedback(data: {
-  message: string
-  projectId?: string | null
-  sceneGraph?: unknown
-  imagePaths?: string[]
-}): Promise<{ success: true } | { success: false; error: string }> {
-  try {
-    const { message, projectId, sceneGraph, imagePaths } = data
-    if (!message?.trim()) return { success: false, error: 'Message cannot be empty' }
-
-    const session = await getSession()
-    const supabase = await createServerSupabaseClient()
-
-    // eslint-disable-next-line @typescript-eslint/no-explicit-any
-    const { error } = await (supabase as any).from('feedback').insert({
-      id: createId('feedback'),
-      user_id: session?.user?.id ?? null,
-      project_id: projectId ?? null,
-      message: message.trim(),
-      images: imagePaths && imagePaths.length > 0 ? imagePaths : null,
-      scene_graph: sceneGraph ?? null,
-    })
-
-    if (error) return { success: false, error: error.message }
-
-    return { success: true }
-  } catch (err) {
-    return {
-      success: false,
-      error: err instanceof Error ? err.message : 'Failed to submit feedback',
-    }
-  }
-}
diff --git a/apps/editor/features/community/lib/models/actions.ts b/apps/editor/features/community/lib/models/actions.ts
deleted file mode 100644
index 03b15f40..00000000
--- a/apps/editor/features/community/lib/models/actions.ts
+++ /dev/null
@@ -1,1000 +0,0 @@
-/**
- * Project model actions - Server actions for scene loading/saving
- * Manages 3D models (scene graphs) stored in projects_models table
- */
-
-'use server'
-
-import type { AnyNode, AnyNodeId } from '@pascal-app/core'
-import { createServerSupabaseClient } from '../database/server'
-import { getSession } from '../auth/server'
-import { createId } from '../utils/id-generator'
-import type { ActionResult } from '../projects/actions'
-import { isSceneGraphEmpty } from './scene-graph-utils'
-
-export interface SceneGraph {
-  nodes: Record<AnyNodeId, AnyNode>
-  rootNodeIds: AnyNodeId[]
-}
-
-export interface ProjectModel {
-  id: string
-  name: string
-  version: number
-  draft: boolean
-  project_id: string
-  scene_graph: SceneGraph | null
-  metadata: Record<string, unknown> | null
-  created_at: string
-  updated_at: string
-}
-
-export interface ProjectVersionStatus {
-  publishedVersion: number | null
-  draftVersion: number | null
-  latestSavedVersion: number | null
-  hasUnsavedDraftChanges: boolean
-  hasPublishableVersion: boolean
-}
-
-export interface ProjectModelState extends ProjectVersionStatus {
-  model: ProjectModel | null
-}
-
-export interface ProjectVersionListItem {
-  id: string
-  version: number
-  createdAt: string
-  updatedAt: string
-  isPublished: boolean
-  isDraft: boolean
-  restoredFromVersion: number | null
-}
-
-type ProjectVersionListRow = {
-  id: string
-  version: number
-  draft: boolean
-  metadata: unknown
-  created_at: string
-  updated_at: string
-}
-
-interface ProjectOwnershipRow {
-  id: string
-  owner_id: string
-  name: string
-  published_model_version: number | null
-}
-
-type AuthenticatedProjectContext = {
-  supabase: Awaited<ReturnType<typeof createServerSupabaseClient>>
-  project: ProjectOwnershipRow
-}
-
-function sceneGraphsEqual(
-  left: SceneGraph | null | undefined,
-  right: SceneGraph | null | undefined,
-): boolean {
-  return JSON.stringify(left ?? null) === JSON.stringify(right ?? null)
-}
-
-function parseModelMetadata(input: unknown): Record<string, unknown> {
-  if (!input || typeof input !== 'object' || Array.isArray(input)) {
-    return {}
-  }
-
-  return { ...(input as Record<string, unknown>) }
-}
-
-function readRestoredFromVersion(input: unknown): number | null {
-  const metadata = parseModelMetadata(input)
-  const restoredFromVersion = metadata.restoredFromVersion
-  if (typeof restoredFromVersion !== 'number' || !Number.isFinite(restoredFromVersion)) {
-    return null
-  }
-
-  return restoredFromVersion
-}
-
-function buildVersionStatus(params: {
-  publishedVersion: number | null
-  draftModel: ProjectModel | null
-  latestSavedModel: ProjectModel | null
-}): ProjectVersionStatus {
-  const publishedVersion = params.publishedVersion
-  const draftVersion = params.draftModel?.version ?? null
-  const latestSavedVersion = params.latestSavedModel?.version ?? null
-
-  const hasUnsavedDraftChanges = params.draftModel
-    ? params.latestSavedModel
-      ? !sceneGraphsEqual(params.draftModel.scene_graph, params.latestSavedModel.scene_graph)
-      : true
-    : false
-
-  const hasPublishableVersion =
-    latestSavedVersion !== null && latestSavedVersion !== publishedVersion
-
-  return {
-    publishedVersion,
-    draftVersion: draftVersion,
-    latestSavedVersion,
-    hasUnsavedDraftChanges,
-    hasPublishableVersion,
-  }
-}
-
-async function getProjectVersionModels(
-  supabase: Awaited<ReturnType<typeof createServerSupabaseClient>>,
-  projectId: string,
-): Promise<
-  ActionResult<{
-    draftModel: ProjectModel | null
-    latestSavedModel: ProjectModel | null
-  }>
-> {
-  const { data: draftModel, error: draftModelError } = await supabase
-    .from('projects_models')
-    .select('*')
-    .eq('project_id', projectId)
-    .eq('draft', true)
-    .is('deleted_at', null)
-    .order('version', { ascending: false })
-    .order('created_at', { ascending: false })
-    .limit(1)
-    .maybeSingle<ProjectModel>()
-
-  if (draftModelError) {
-    return {
-      success: false,
-      error: draftModelError.message,
-    }
-  }
-
-  const { data: latestSavedModel, error: latestSavedModelError } = await supabase
-    .from('projects_models')
-    .select('*')
-    .eq('project_id', projectId)
-    .eq('draft', false)
-    .is('deleted_at', null)
-    .order('version', { ascending: false })
-    .order('created_at', { ascending: false })
-    .limit(1)
-    .maybeSingle<ProjectModel>()
-
-  if (latestSavedModelError) {
-    return {
-      success: false,
-      error: latestSavedModelError.message,
-    }
-  }
-
-  return {
-    success: true,
-    data: {
-      draftModel: draftModel ?? null,
-      latestSavedModel: latestSavedModel ?? null,
-    },
-  }
-}
-
-async function getAuthenticatedProjectContext(
-  projectId: string,
-): Promise<ActionResult<AuthenticatedProjectContext>> {
-  const session = await getSession()
-
-  if (!session?.user) {
-    return {
-      success: false,
-      error: 'Not authenticated',
-    }
-  }
-
-  const supabase = await createServerSupabaseClient()
-  const { data: project, error: projectError } = await supabase
-    .from('projects')
-    .select('id, owner_id, name, published_model_version')
-    .eq('id', projectId)
-    .single<ProjectOwnershipRow>()
-
-  if (projectError || !project) {
-    return {
-      success: false,
-      error: 'Project not found',
-    }
-  }
-
-  if (project.owner_id !== session.user.id) {
-    return {
-      success: false,
-      error: 'Unauthorized',
-    }
-  }
-
-  return {
-    success: true,
-    data: {
-      supabase,
-      project,
-    },
-  }
-}
-
-/**
- * Returns publish/draft status for the current project.
- */
-export async function getProjectVersionStatus(
-  projectId: string,
-): Promise<ActionResult<ProjectVersionStatus>> {
-  try {
-    const contextResult = await getAuthenticatedProjectContext(projectId)
-    if (!contextResult.success || !contextResult.data) {
-      return {
-        success: false,
-        error: contextResult.error,
-      }
-    }
-
-    const { supabase, project } = contextResult.data
-    const versionModelsResult = await getProjectVersionModels(supabase, projectId)
-    if (!versionModelsResult.success || !versionModelsResult.data) {
-      return {
-        success: false,
-        error: versionModelsResult.error,
-      }
-    }
-
-    const { draftModel, latestSavedModel } = versionModelsResult.data
-
-    return {
-      success: true,
-      data: buildVersionStatus({
-        publishedVersion: project.published_model_version ?? null,
-        draftModel,
-        latestSavedModel,
-      }),
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to fetch project version status',
-    }
-  }
-}
-
-/**
- * List all project versions (including current draft), newest first.
- */
-export async function getProjectVersionList(
-  projectId: string,
-): Promise<ActionResult<ProjectVersionListItem[]>> {
-  try {
-    const contextResult = await getAuthenticatedProjectContext(projectId)
-    if (!contextResult.success || !contextResult.data) {
-      return {
-        success: false,
-        error: contextResult.error,
-        data: [],
-      }
-    }
-
-    const { supabase, project } = contextResult.data
-    const { data: versions, error: versionsError } = await supabase
-      .from('projects_models')
-      .select('id, version, draft, metadata, created_at, updated_at')
-      .eq('project_id', projectId)
-      .is('deleted_at', null)
-      .order('version', { ascending: false })
-      .order('created_at', { ascending: false })
-      .returns<ProjectVersionListRow[]>()
-
-    if (versionsError) {
-      return {
-        success: false,
-        error: versionsError.message,
-        data: [],
-      }
-    }
-
-    const publishedVersion = project.published_model_version ?? null
-    return {
-      success: true,
-      data: (versions ?? []).map((item) => ({
-        id: item.id,
-        version: item.version,
-        createdAt: item.created_at,
-        updatedAt: item.updated_at,
-        isPublished: publishedVersion !== null && item.version === publishedVersion,
-        isDraft: item.draft,
-        restoredFromVersion: readRestoredFromVersion(item.metadata),
-      })),
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to fetch project version list',
-      data: [],
-    }
-  }
-}
-
-/**
- * Fetch a single version by version number (saved or draft).
- */
-export async function getProjectVersionByNumber(
-  projectId: string,
-  version: number,
-): Promise<ActionResult<ProjectModel | null>> {
-  try {
-    const contextResult = await getAuthenticatedProjectContext(projectId)
-    if (!contextResult.success || !contextResult.data) {
-      return {
-        success: false,
-        error: contextResult.error,
-        data: null,
-      }
-    }
-
-    const { supabase } = contextResult.data
-    const { data: model, error: modelError } = await supabase
-      .from('projects_models')
-      .select('*')
-      .eq('project_id', projectId)
-      .eq('version', version)
-      .is('deleted_at', null)
-      .limit(1)
-      .maybeSingle<ProjectModel>()
-
-    if (modelError) {
-      return {
-        success: false,
-        error: modelError.message,
-        data: null,
-      }
-    }
-
-    return {
-      success: true,
-      data: model ?? null,
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to fetch project version',
-      data: null,
-    }
-  }
-}
-
-/**
- * Fetch a single version by model id.
- */
-export async function getProjectVersionById(
-  projectId: string,
-  modelId: string,
-): Promise<ActionResult<ProjectModel | null>> {
-  try {
-    const contextResult = await getAuthenticatedProjectContext(projectId)
-    if (!contextResult.success || !contextResult.data) {
-      return {
-        success: false,
-        error: contextResult.error,
-        data: null,
-      }
-    }
-
-    const { supabase } = contextResult.data
-    const { data: model, error: modelError } = await supabase
-      .from('projects_models')
-      .select('*')
-      .eq('project_id', projectId)
-      .eq('id', modelId)
-      .is('deleted_at', null)
-      .limit(1)
-      .maybeSingle<ProjectModel>()
-
-    if (modelError) {
-      return {
-        success: false,
-        error: modelError.message,
-        data: null,
-      }
-    }
-
-    return {
-      success: true,
-      data: model ?? null,
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to fetch project version',
-      data: null,
-    }
-  }
-}
-
-/**
- * Get the editor model for a project:
- * - Draft if one exists
- * - Otherwise the published version
- * - Otherwise latest available model (legacy fallback)
- */
-export async function getProjectModel(projectId: string): Promise<ActionResult<ProjectModelState>> {
-  try {
-    const contextResult = await getAuthenticatedProjectContext(projectId)
-    if (!contextResult.success || !contextResult.data) {
-      return {
-        success: false,
-        error: contextResult.error,
-      }
-    }
-
-    const { supabase, project } = contextResult.data
-    const publishedVersion = project.published_model_version ?? null
-
-    const versionModelsResult = await getProjectVersionModels(supabase, projectId)
-    if (!versionModelsResult.success || !versionModelsResult.data) {
-      return {
-        success: false,
-        error: versionModelsResult.error,
-      }
-    }
-
-    const { draftModel, latestSavedModel } = versionModelsResult.data
-    let modelToLoad = draftModel ?? null
-
-    if (!modelToLoad && publishedVersion !== null) {
-      const { data: publishedModel, error: publishedModelError } = await supabase
-        .from('projects_models')
-        .select('*')
-        .eq('project_id', projectId)
-        .eq('version', publishedVersion)
-        .eq('draft', false)
-        .is('deleted_at', null)
-        .limit(1)
-        .maybeSingle<ProjectModel>()
-
-      if (publishedModelError) {
-        return {
-          success: false,
-          error: publishedModelError.message,
-        }
-      }
-
-      modelToLoad = publishedModel ?? null
-    }
-
-    if (!modelToLoad && latestSavedModel) {
-      modelToLoad = latestSavedModel
-    }
-
-    if (!modelToLoad) {
-      const { data: latestModel, error: latestModelError } = await supabase
-        .from('projects_models')
-        .select('*')
-        .eq('project_id', projectId)
-        .is('deleted_at', null)
-        .order('version', { ascending: false })
-        .order('created_at', { ascending: false })
-        .limit(1)
-        .maybeSingle<ProjectModel>()
-
-      if (latestModelError) {
-        return {
-          success: false,
-          error: latestModelError.message,
-        }
-      }
-
-      modelToLoad = latestModel ?? null
-    }
-
-    const status = buildVersionStatus({
-      publishedVersion,
-      draftModel,
-      latestSavedModel,
-    })
-
-    return {
-      success: true,
-      data: {
-        model: modelToLoad,
-        ...status,
-      },
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to fetch project model',
-    }
-  }
-}
-
-/**
- * Save or update the project's draft model scene graph.
- */
-export interface SaveProjectModelOptions {
-  restoredFromVersion?: number | null
-}
-
-export async function saveProjectModel(
-  projectId: string,
-  sceneGraph: SceneGraph,
-  options?: SaveProjectModelOptions,
-): Promise<ActionResult<ProjectModelState>> {
-  try {
-    const contextResult = await getAuthenticatedProjectContext(projectId)
-    if (!contextResult.success || !contextResult.data) {
-      return {
-        success: false,
-        error: contextResult.error,
-      }
-    }
-
-    const { supabase, project } = contextResult.data
-
-    // Determine if scene graph is empty
-    const isEmpty = isSceneGraphEmpty(sceneGraph)
-
-    // Update the project's is_empty flag
-    await (supabase.from('projects') as any)
-      .update({ is_empty: isEmpty })
-      .eq('id', projectId)
-
-    const versionModelsResult = await getProjectVersionModels(supabase, projectId)
-    if (!versionModelsResult.success || !versionModelsResult.data) {
-      return {
-        success: false,
-        error: versionModelsResult.error,
-      }
-    }
-
-    const { draftModel: existingDraftModel, latestSavedModel } = versionModelsResult.data
-    let savedModel: ProjectModel | null = null
-    const restoredFromVersionOption = options?.restoredFromVersion
-    const metadataOverride =
-      restoredFromVersionOption === undefined
-        ? undefined
-        : (() => {
-            const metadata = parseModelMetadata(existingDraftModel?.metadata ?? null)
-
-            if (typeof restoredFromVersionOption === 'number') {
-              metadata.restoredFromVersion = restoredFromVersionOption
-            } else {
-              delete metadata.restoredFromVersion
-            }
-
-            return Object.keys(metadata).length > 0 ? metadata : null
-          })()
-
-    if (existingDraftModel) {
-      const updateData: Record<string, unknown> = {
-        scene_graph: sceneGraph,
-        updated_at: new Date().toISOString(),
-      }
-      if (metadataOverride !== undefined) {
-        updateData.metadata = metadataOverride
-      }
-      const { data: updatedModel, error: updateError } = (await (supabase
-        .from('projects_models') as any)
-        .update(updateData)
-        .eq('id', existingDraftModel.id)
-        .select()
-        .single()) as { data: ProjectModel | null; error: any }
-
-      if (updateError) {
-        return {
-          success: false,
-          error: updateError.message,
-        }
-      }
-
-      savedModel = updatedModel as ProjectModel
-    } else {
-      const baselineModel = latestSavedModel
-
-      if (baselineModel && sceneGraphsEqual(baselineModel.scene_graph, sceneGraph)) {
-        return {
-          success: true,
-          data: {
-            model: baselineModel,
-            ...buildVersionStatus({
-              publishedVersion: project.published_model_version ?? null,
-              draftModel: null,
-              latestSavedModel: baselineModel,
-            }),
-          },
-          message: 'No draft changes to save',
-        }
-      }
-
-      const { data: latestModel, error: latestModelError } = await supabase
-        .from('projects_models')
-        .select('version')
-        .eq('project_id', projectId)
-        .is('deleted_at', null)
-        .order('version', { ascending: false })
-        .order('created_at', { ascending: false })
-        .limit(1)
-        .maybeSingle<{ version: number }>()
-
-      if (latestModelError) {
-        return {
-          success: false,
-          error: latestModelError.message,
-        }
-      }
-
-      const nextVersion = (latestModel?.version ?? 0) + 1
-      const modelId = createId('model')
-
-      const insertData = {
-        id: modelId,
-        project_id: projectId,
-        name: `${project.name} - Draft v${nextVersion}`,
-        version: nextVersion,
-        draft: true,
-        scene_graph: sceneGraph,
-        ...(metadataOverride !== undefined ? { metadata: metadataOverride } : {}),
-      }
-      const { data: newModel, error: createError } = (await (supabase
-        .from('projects_models') as any)
-        .insert(insertData)
-        .select()
-        .single()) as { data: ProjectModel | null; error: any }
-
-      if (createError) {
-        return {
-          success: false,
-          error: createError.message,
-        }
-      }
-
-      savedModel = newModel as ProjectModel
-    }
-
-    if (!savedModel) {
-      return {
-        success: false,
-        error: 'Failed to save project model',
-      }
-    }
-
-    const status = buildVersionStatus({
-      publishedVersion: project.published_model_version ?? null,
-      draftModel: savedModel,
-      latestSavedModel,
-    })
-
-    return {
-      success: true,
-      data: {
-        model: savedModel,
-        ...status,
-      },
-      message: existingDraftModel
-        ? 'Draft model updated successfully'
-        : 'Draft model created successfully',
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to save project model',
-    }
-  }
-}
-
-async function createNextDraftVersion(
-  supabase: Awaited<ReturnType<typeof createServerSupabaseClient>>,
-  params: {
-    projectId: string
-    projectName: string
-    sceneGraph: SceneGraph | null
-  },
-): Promise<ActionResult<ProjectModel>> {
-  const { data: latestModel, error: latestModelError } = await supabase
-    .from('projects_models')
-    .select('version')
-    .eq('project_id', params.projectId)
-    .is('deleted_at', null)
-    .order('version', { ascending: false })
-    .order('created_at', { ascending: false })
-    .limit(1)
-    .maybeSingle<{ version: number }>()
-
-  if (latestModelError) {
-    return {
-      success: false,
-      error: latestModelError.message,
-    }
-  }
-
-  const nextVersion = (latestModel?.version ?? 0) + 1
-  const modelId = createId('model')
-  const insertData = {
-    id: modelId,
-    project_id: params.projectId,
-    name: `${params.projectName} - Draft v${nextVersion}`,
-    version: nextVersion,
-    draft: true,
-    scene_graph: params.sceneGraph,
-  }
-
-  const { data: newDraftModel, error: createError } = (await (supabase
-    .from('projects_models') as any)
-    .insert(insertData)
-    .select()
-    .single()) as { data: ProjectModel | null; error: any }
-
-  if (createError || !newDraftModel) {
-    return {
-      success: false,
-      error: createError?.message ?? 'Failed to create next draft version',
-    }
-  }
-
-  return {
-    success: true,
-    data: newDraftModel as ProjectModel,
-  }
-}
-
-export interface SaveProjectVersionOptions {
-  publish?: boolean
-}
-
-/**
- * Save the current draft into a locked version, and optionally publish it.
- *
- * Behavior:
- * - Save only: lock draft as a saved version, then create the next draft.
- * - Save + publish: lock draft, publish it, then create the next draft.
- * - Publish when already saved: publish latest saved version directly.
- */
-export async function saveProjectVersion(
-  projectId: string,
-  options?: SaveProjectVersionOptions,
-): Promise<ActionResult<ProjectVersionStatus>> {
-  try {
-    const contextResult = await getAuthenticatedProjectContext(projectId)
-    if (!contextResult.success || !contextResult.data) {
-      return {
-        success: false,
-        error: contextResult.error,
-      }
-    }
-
-    const { supabase, project } = contextResult.data
-    const shouldPublish = options?.publish ?? false
-    let publishedVersion = project.published_model_version ?? null
-
-    const versionModelsResult = await getProjectVersionModels(supabase, projectId)
-    if (!versionModelsResult.success || !versionModelsResult.data) {
-      return {
-        success: false,
-        error: versionModelsResult.error,
-      }
-    }
-
-    let { draftModel, latestSavedModel } = versionModelsResult.data
-    let didSaveVersion = false
-    let didPublishVersion = false
-
-    if (draftModel) {
-      const draftDiffersFromSaved = latestSavedModel
-        ? !sceneGraphsEqual(draftModel.scene_graph, latestSavedModel.scene_graph)
-        : true
-
-      if (draftDiffersFromSaved) {
-        const { data: lockedModel, error: lockDraftError } = (await (supabase
-          .from('projects_models') as any)
-          .update({
-            draft: false,
-            updated_at: new Date().toISOString(),
-          })
-          .eq('id', draftModel.id)
-          .select()
-          .single()) as { data: ProjectModel | null; error: any }
-
-        if (lockDraftError || !lockedModel) {
-          return {
-            success: false,
-            error: lockDraftError?.message ?? 'Failed to lock draft version',
-          }
-        }
-
-        latestSavedModel = lockedModel as ProjectModel
-        draftModel = null
-        didSaveVersion = true
-      }
-    }
-
-    if (shouldPublish) {
-      if (!latestSavedModel) {
-        return {
-          success: false,
-          error: 'No saved version available to publish',
-        }
-      }
-
-      if (publishedVersion !== latestSavedModel.version) {
-        const { error: updateProjectError } = await (supabase
-          .from('projects') as any)
-          .update({
-            published_model_version: latestSavedModel.version,
-          })
-          .eq('id', projectId)
-
-        if (updateProjectError) {
-          return {
-            success: false,
-            error: updateProjectError.message,
-          }
-        }
-
-        publishedVersion = latestSavedModel.version
-        didPublishVersion = true
-      }
-    }
-
-    // Keep autosave flowing onto a fresh draft whenever we lock/publish a version.
-    if ((didSaveVersion || didPublishVersion) && !draftModel && latestSavedModel) {
-      const nextDraftResult = await createNextDraftVersion(supabase, {
-        projectId,
-        projectName: project.name,
-        sceneGraph: latestSavedModel.scene_graph,
-      })
-
-      if (!nextDraftResult.success || !nextDraftResult.data) {
-        return {
-          success: false,
-          error: nextDraftResult.error,
-        }
-      }
-
-      draftModel = nextDraftResult.data
-    }
-
-    const status = buildVersionStatus({
-      publishedVersion,
-      draftModel,
-      latestSavedModel,
-    })
-
-    let message = 'No version changes'
-    if (didSaveVersion && didPublishVersion && latestSavedModel) {
-      message = `Saved and published v${latestSavedModel.version}`
-    } else if (didSaveVersion && latestSavedModel) {
-      message = `Saved version v${latestSavedModel.version}`
-    } else if (didPublishVersion && latestSavedModel) {
-      message = `Published version v${latestSavedModel.version}`
-    } else if (shouldPublish && latestSavedModel && publishedVersion === latestSavedModel.version) {
-      message = `Version v${latestSavedModel.version} is already published`
-    }
-
-    return {
-      success: true,
-      data: status,
-      message,
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to save project version',
-    }
-  }
-}
-
-export interface PublishProjectModelOptions {
-  version?: number
-}
-
-/**
- * Publish a project model version to the community.
- *
- * - If `options.version` is provided, republish that saved version.
- * - Otherwise publish using saveProjectVersion(publish=true) behavior.
- */
-export async function publishProjectModel(
-  projectId: string,
-  options?: PublishProjectModelOptions,
-): Promise<ActionResult<ProjectVersionStatus>> {
-  try {
-    if (typeof options?.version !== 'number') {
-      return await saveProjectVersion(projectId, { publish: true })
-    }
-
-    const contextResult = await getAuthenticatedProjectContext(projectId)
-    if (!contextResult.success || !contextResult.data) {
-      return {
-        success: false,
-        error: contextResult.error,
-      }
-    }
-
-    const { supabase, project } = contextResult.data
-    const { data: targetVersionModel, error: targetVersionError } = await supabase
-      .from('projects_models')
-      .select('*')
-      .eq('project_id', projectId)
-      .eq('version', options.version)
-      .eq('draft', false)
-      .is('deleted_at', null)
-      .limit(1)
-      .maybeSingle<ProjectModel>()
-
-    if (targetVersionError) {
-      return {
-        success: false,
-        error: targetVersionError.message,
-      }
-    }
-
-    if (!targetVersionModel) {
-      return {
-        success: false,
-        error: `Version ${options.version} is not a saved version`,
-      }
-    }
-
-    const { error: updateProjectError } = await (supabase
-      .from('projects') as any)
-      .update({
-        published_model_version: targetVersionModel.version,
-      })
-      .eq('id', projectId)
-
-    if (updateProjectError) {
-      return {
-        success: false,
-        error: updateProjectError.message,
-      }
-    }
-
-    const versionModelsResult = await getProjectVersionModels(supabase, projectId)
-    if (!versionModelsResult.success || !versionModelsResult.data) {
-      return {
-        success: false,
-        error: versionModelsResult.error,
-      }
-    }
-
-    let { draftModel, latestSavedModel } = versionModelsResult.data
-    if (!latestSavedModel || latestSavedModel.version < targetVersionModel.version) {
-      latestSavedModel = targetVersionModel
-    }
-
-    if (!draftModel) {
-      const nextDraftResult = await createNextDraftVersion(supabase, {
-        projectId,
-        projectName: project.name,
-        sceneGraph: targetVersionModel.scene_graph,
-      })
-
-      if (!nextDraftResult.success || !nextDraftResult.data) {
-        return {
-          success: false,
-          error: nextDraftResult.error,
-        }
-      }
-
-      draftModel = nextDraftResult.data
-    }
-
-    return {
-      success: true,
-      data: buildVersionStatus({
-        publishedVersion: targetVersionModel.version,
-        draftModel,
-        latestSavedModel,
-      }),
-      message: `Published version v${targetVersionModel.version}`,
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to publish project model',
-    }
-  }
-}
diff --git a/apps/editor/features/community/lib/models/hooks.ts b/apps/editor/features/community/lib/models/hooks.ts
deleted file mode 100644
index d2fbccf2..00000000
--- a/apps/editor/features/community/lib/models/hooks.ts
+++ /dev/null
@@ -1,308 +0,0 @@
-/**
- * Hooks for project model (scene) loading and auto-saving
- */
-
-'use client'
-
-import { useScene } from '@pascal-app/core'
-import { useViewer } from '@pascal-app/viewer'
-import { useEffect, useRef } from 'react'
-import useEditor from '@/store/use-editor'
-import { useProjectStore } from '../projects/store'
-import { getProjectModel, saveProjectModel, type SceneGraph } from './actions'
-
-/** Debounce interval for cloud auto-save (ms). */
-const AUTOSAVE_DEBOUNCE_MS = 1_000
-
-function syncEditorSelectionFromCurrentScene() {
-  const sceneNodes = useScene.getState().nodes as Record<string, any>
-  const sceneRootIds = useScene.getState().rootNodeIds
-  const siteNode = sceneRootIds[0] ? sceneNodes[sceneRootIds[0]] : null
-  const resolve = (child: any) =>
-    typeof child === 'string' ? sceneNodes[child] : child
-  const firstBuilding = siteNode?.children?.map(resolve).find((n: any) => n?.type === 'building')
-  const firstLevel = firstBuilding?.children?.map(resolve).find((n: any) => n?.type === 'level')
-
-  if (firstBuilding && firstLevel) {
-    useViewer.getState().setSelection({
-      buildingId: firstBuilding.id,
-      levelId: firstLevel.id,
-      selectedIds: [],
-      zoneId: null,
-    })
-    useEditor.getState().setPhase('structure')
-    useEditor.getState().setStructureLayer('elements')
-
-    // Auto-select the wall tool if the level is empty (e.g., brand new project)
-    if (!firstLevel.children || firstLevel.children.length === 0) {
-      useEditor.getState().setMode('build')
-      useEditor.getState().setTool('wall')
-    }
-  } else {
-    useEditor.getState().setPhase('site')
-    useViewer.getState().setSelection({
-      buildingId: null,
-      levelId: null,
-      selectedIds: [],
-      zoneId: null,
-    })
-  }
-}
-
-export function applySceneGraphToEditor(sceneGraph?: SceneGraph | null) {
-  if (sceneGraph?.nodes && sceneGraph.rootNodeIds) {
-    const { nodes, rootNodeIds } = sceneGraph
-    useScene.getState().setScene(nodes, rootNodeIds)
-  } else {
-    useScene.getState().clearScene()
-  }
-
-  syncEditorSelectionFromCurrentScene()
-}
-
-/**
- * Load the scene when a project becomes active.
- * Saves changes automatically with debouncing.
- *
- * ⚠️  This hook must be mounted in exactly ONE component (the Editor).
- *     Mounting it in multiple components causes duplicate save calls.
- */
-export function useProjectScene() {
-  // Subscribe to project store
-  const activeProject = useProjectStore((state) => state.activeProject)
-  const isLoadingProject = useProjectStore((state) => state.isLoading)
-  const isVersionPreviewMode = useProjectStore((state) => state.isVersionPreviewMode)
-  const setAutosaveStatus = useProjectStore((state) => state.setAutosaveStatus)
-
-  const lastProjectIdRef = useRef<string | null>(null)
-  const saveTimeoutRef = useRef<NodeJS.Timeout | undefined>(undefined)
-  const isSavingRef = useRef(false)
-  const currentProjectIdRef = useRef<string | null>(null)
-  // Track whether the scene was just loaded from the server so we can skip
-  // the first store update (which is the load itself, not a user edit).
-  const isLoadingSceneRef = useRef(false)
-  // Track whether there are pending changes that arrived while a save was
-  // in-flight so we can coalesce them into one follow-up save.
-  const pendingSaveRef = useRef(false)
-  const executeSaveRef = useRef<(() => Promise<void>) | null>(null)
-
-  // Extract project ID for dependency tracking
-  const projectId = activeProject?.id ?? null
-
-  // Load scene when active project changes
-  useEffect(() => {
-    if (isLoadingProject) {
-      return
-    }
-
-    if (!projectId) {
-      useProjectStore.getState().setIsVersionPreviewMode(false)
-      setAutosaveStatus('idle')
-      return
-    }
-
-    // Skip if same project
-    if (lastProjectIdRef.current === projectId) {
-      return
-    }
-
-    lastProjectIdRef.current = projectId
-
-    // Load the project's scene
-    async function loadScene() {
-      // Suppress auto-save for the store update caused by setScene/clearScene
-      isLoadingSceneRef.current = true
-      useProjectStore.getState().setIsVersionPreviewMode(false)
-      setAutosaveStatus('idle')
-      
-      useProjectStore.getState().setIsSceneLoading(true)
-
-      try {
-        const result = await getProjectModel(projectId || '')
-
-        applySceneGraphToEditor(result.success ? result.data?.model?.scene_graph ?? null : null)
-      } catch (error) {
-        // Fall back to an empty scene while preserving editor selection sync.
-        applySceneGraphToEditor(null)
-      } finally {
-        useProjectStore.getState().setIsSceneLoading(false)
-      }
-
-      // Allow auto-save again after a tick (let the store update propagate)
-      requestAnimationFrame(() => {
-        isLoadingSceneRef.current = false
-        setAutosaveStatus('saved')
-      })
-    }
-
-    loadScene()
-  }, [projectId, isLoadingProject, setAutosaveStatus])
-
-  // Track whether there are unsaved changes (dirty flag for flush-on-exit).
-  const hasDirtyChangesRef = useRef(false)
-
-  // Auto-save scene changes with debouncing
-  useEffect(() => {
-    if (!projectId) {
-      currentProjectIdRef.current = null
-      executeSaveRef.current = null
-      setAutosaveStatus('idle')
-      return
-    }
-
-    currentProjectIdRef.current = projectId
-
-    // Use JSON stringification to detect node changes, not just count
-    let lastNodesSnapshot = JSON.stringify(useScene.getState().nodes)
-
-    const unsubscribe = useScene.subscribe((state) => {
-      // Skip saves triggered by loading a scene from the server
-      if (isLoadingSceneRef.current) {
-        // Update the snapshot so the next real edit is compared correctly
-        lastNodesSnapshot = JSON.stringify(state.nodes)
-        return
-      }
-
-      if (useProjectStore.getState().isVersionPreviewMode) {
-        // Do not autosave preview scenes. Keep snapshot aligned so returning to
-        // latest does not schedule a false-positive save.
-        setAutosaveStatus('paused')
-        lastNodesSnapshot = JSON.stringify(state.nodes)
-        return
-      }
-
-      const currentNodesSnapshot = JSON.stringify(state.nodes)
-
-      // Only trigger save if nodes actually changed
-      if (currentNodesSnapshot === lastNodesSnapshot) {
-        return
-      }
-
-      lastNodesSnapshot = currentNodesSnapshot
-      hasDirtyChangesRef.current = true
-      setAutosaveStatus('pending')
-
-      // If a save is in-flight, mark pending so we do one follow-up save
-      // instead of queuing unlimited concurrent saves.
-      if (isSavingRef.current) {
-        pendingSaveRef.current = true
-        return
-      }
-
-      // Clear existing timeout (debounce reset)
-      if (saveTimeoutRef.current) {
-        clearTimeout(saveTimeoutRef.current)
-      }
-
-      // Debounce save
-      saveTimeoutRef.current = setTimeout(() => {
-        saveTimeoutRef.current = undefined
-        executeSave()
-      }, AUTOSAVE_DEBOUNCE_MS)
-    })
-
-    async function executeSave() {
-      const currentProjectId = currentProjectIdRef.current
-      if (!currentProjectId) return
-
-      if (isLoadingSceneRef.current || useProjectStore.getState().isVersionPreviewMode) {
-        // Save is paused while previewing older versions.
-        pendingSaveRef.current = true
-        setAutosaveStatus('paused')
-        return
-      }
-
-      const { nodes, rootNodeIds } = useScene.getState()
-      const sceneGraph = { nodes, rootNodeIds }
-
-      isSavingRef.current = true
-      pendingSaveRef.current = false
-      setAutosaveStatus('saving')
-
-      try {
-        await saveProjectModel(currentProjectId, sceneGraph)
-        hasDirtyChangesRef.current = false
-        setAutosaveStatus('saved')
-      } finally {
-        isSavingRef.current = false
-
-        // If changes arrived while we were saving, schedule one more save
-        if (pendingSaveRef.current) {
-          pendingSaveRef.current = false
-          setAutosaveStatus('pending')
-          saveTimeoutRef.current = setTimeout(() => {
-            saveTimeoutRef.current = undefined
-            executeSave()
-          }, AUTOSAVE_DEBOUNCE_MS)
-        }
-      }
-    }
-    executeSaveRef.current = executeSave
-
-    // Flush unsaved changes when the user leaves the page / closes the tab.
-    // Uses sendBeacon via keepalive fetch so the request survives page unload.
-    function flushOnExit() {
-      if (!hasDirtyChangesRef.current || !currentProjectIdRef.current) return
-
-      const { nodes, rootNodeIds } = useScene.getState()
-      const sceneGraph = { nodes, rootNodeIds }
-
-      // Best-effort fire-and-forget save. We use the server action directly
-      // (it's just a POST to a Next.js endpoint). If the browser kills it,
-      // localStorage still has the data and will sync on next load.
-      saveProjectModel(currentProjectIdRef.current, sceneGraph).catch(() => {
-        // Swallow — nothing we can do during unload
-      })
-      hasDirtyChangesRef.current = false
-    }
-
-    window.addEventListener('beforeunload', flushOnExit)
-
-    return () => {
-      executeSaveRef.current = null
-      window.removeEventListener('beforeunload', flushOnExit)
-
-      if (saveTimeoutRef.current) {
-        clearTimeout(saveTimeoutRef.current)
-      }
-
-      // Flush on unmount (e.g. navigating away within the SPA)
-      flushOnExit()
-
-      unsubscribe()
-    }
-  }, [projectId, setAutosaveStatus])
-
-  useEffect(() => {
-    if (!projectId) return
-
-    if (isVersionPreviewMode) {
-      if (saveTimeoutRef.current) {
-        clearTimeout(saveTimeoutRef.current)
-        saveTimeoutRef.current = undefined
-      }
-      if (hasDirtyChangesRef.current) {
-        pendingSaveRef.current = true
-      }
-      setAutosaveStatus('paused')
-      return
-    }
-
-    if (isSavingRef.current) {
-      return
-    }
-
-    if (hasDirtyChangesRef.current) {
-      setAutosaveStatus('pending')
-      if (!saveTimeoutRef.current) {
-        saveTimeoutRef.current = setTimeout(() => {
-          saveTimeoutRef.current = undefined
-          executeSaveRef.current?.()
-        }, AUTOSAVE_DEBOUNCE_MS)
-      }
-      return
-    }
-
-    setAutosaveStatus('saved')
-  }, [isVersionPreviewMode, projectId, setAutosaveStatus])
-}
diff --git a/apps/editor/features/community/lib/models/scene-graph-utils.ts b/apps/editor/features/community/lib/models/scene-graph-utils.ts
deleted file mode 100644
index af4edba8..00000000
--- a/apps/editor/features/community/lib/models/scene-graph-utils.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import type { SceneGraph } from './actions'
-
-const DEFAULT_NODE_TYPES = ['site', 'building', 'level']
-
-export function isSceneGraphEmpty(sceneGraph: SceneGraph | any): boolean {
-  if (!sceneGraph?.nodes) return true
-
-  const nodes = Object.values(sceneGraph.nodes) as any[]
-
-  if (nodes.length > 3) {
-    return false
-  }
-
-  const hasNonDefaultNodes = nodes.some((n) => !DEFAULT_NODE_TYPES.includes(n.type))
-  if (hasNonDefaultNodes) {
-    return false
-  }
-
-  const levelNode = nodes.find((n) => n.type === 'level')
-  if (Array.isArray(levelNode?.children) && levelNode.children.length > 0) {
-    return false
-  }
-
-  return true
-}
diff --git a/apps/editor/features/community/lib/projects/actions.ts b/apps/editor/features/community/lib/projects/actions.ts
deleted file mode 100644
index 830cef3a..00000000
--- a/apps/editor/features/community/lib/projects/actions.ts
+++ /dev/null
@@ -1,1137 +0,0 @@
-/**
- * Project actions - Server actions for project management
- * Uses Better Auth session + Supabase to query the same database as the monorepo
- */
-
-'use server'
-
-import { createServerSupabaseClient } from '../database/server'
-import { getSession } from '../auth/server'
-import { createId } from '../utils/id-generator'
-import { isSceneGraphEmpty } from '../models/scene-graph-utils'
-import type { CreateProjectParams, Project } from './types'
-
-export type ActionResult<T = unknown> = {
-  success: boolean
-  data?: T
-  error?: string
-  message?: string
-}
-
-/**
- * Fetch all projects for the current user
- */
-export async function getUserProjects(): Promise<ActionResult<Project[]>> {
-  try {
-    const session = await getSession()
-
-    if (!session?.user) {
-      return {
-        success: false,
-        error: 'Not authenticated',
-        data: [],
-      }
-    }
-
-    const supabase = await createServerSupabaseClient()
-
-    // Query projects table with address relation
-    const { data, error } = await supabase
-      .from('projects')
-      .select(`
-        *,
-        address:projects_addresses(*)
-      `)
-      .eq('owner_id', session.user.id)
-      .order('created_at', { ascending: false })
-
-    if (error) {
-      return {
-        success: false,
-        error: error.message,
-        data: [],
-      }
-    }
-
-    return {
-      success: true,
-      data: data as Project[],
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to fetch projects',
-      data: [],
-    }
-  }
-}
-
-/**
- * Get a specific project by ID for the current user
- */
-export async function getProjectById(projectId: string): Promise<ActionResult<Project | null>> {
-  try {
-    const session = await getSession()
-
-    if (!session?.user) {
-      return { success: false, error: 'Not authenticated', data: null }
-    }
-
-    const supabase = await createServerSupabaseClient()
-
-    const { data, error } = await supabase
-      .from('projects')
-      .select(`*, address:projects_addresses(*)`)
-      .eq('id', projectId)
-      .eq('owner_id', session.user.id)
-      .single<Project>()
-
-    if (error) {
-      return { success: false, error: error.message, data: null }
-    }
-
-    return { success: true, data: data as Project }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to fetch project',
-      data: null,
-    }
-  }
-}
-
-/**
- * Get the active project for the current session
- */
-export async function getActiveProject(): Promise<ActionResult<Project | null>> {
-  try {
-    const session = await getSession()
-
-    if (!session?.user) {
-      return {
-        success: false,
-        error: 'Not authenticated',
-        data: null,
-      }
-    }
-
-    const supabase = await createServerSupabaseClient()
-
-    // Get session's active_project_id from sessions table
-    const { data: sessionData, error: sessionError } = await supabase
-      .from('auth_sessions')
-      .select('active_project_id')
-      .eq('user_id', session.user.id)
-      .single<{ active_project_id: string | null }>()
-
-    if (sessionError || !sessionData?.active_project_id) {
-      return {
-        success: true,
-        data: null,
-      }
-    }
-
-    // Get the project with address
-    const { data, error } = await supabase
-      .from('projects')
-      .select(`
-        *,
-        address:projects_addresses(*)
-      `)
-      .eq('id', sessionData.active_project_id)
-      .single<Project>()
-
-    if (error) {
-      return {
-        success: false,
-        error: error.message,
-        data: null,
-      }
-    }
-
-    return {
-      success: true,
-      data: data as Project,
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to fetch active project',
-      data: null,
-    }
-  }
-}
-
-/**
- * Set the active project for the current session
- */
-export async function setActiveProject(projectId: string | null): Promise<ActionResult> {
-  try {
-    const session = await getSession()
-
-    if (!session?.user) {
-      return {
-        success: false,
-        error: 'Not authenticated',
-      }
-    }
-
-    const supabase = await createServerSupabaseClient()
-
-    // Update session's active_project_id
-    const { error } = await (supabase
-      .from('auth_sessions') as any)
-      .update({ active_project_id: projectId })
-      .eq('user_id', session.user.id)
-
-    if (error) {
-      return {
-        success: false,
-        error: error.message,
-      }
-    }
-
-    return {
-      success: true,
-      message: projectId ? 'Active project updated' : 'Active project cleared',
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to set active project',
-    }
-  }
-}
-
-/**
- * Create a new project
- */
-export async function createProject(params: CreateProjectParams): Promise<ActionResult<Project>> {
-  try {
-    const session = await getSession()
-
-    if (!session?.user) {
-      return {
-        success: false,
-        error: 'Not authenticated',
-      }
-    }
-
-    const supabase = await createServerSupabaseClient()
-
-    const projectId = createId('project')
-    let addressId: string | null = null
-
-    // Only create address if address data is provided
-    const hasAddressData = params.center || params.streetNumber || params.route || params.city || params.state || params.postalCode
-    if (hasAddressData) {
-      addressId = createId('address')
-      const addressData = {
-        id: addressId,
-        street_number: params.streetNumber,
-        route: params.route,
-        city: params.city || '',
-        state: params.state || '',
-        postal_code: params.postalCode || '',
-        country: params.country || 'US',
-        latitude: params.center ? params.center[1].toString() : undefined,
-        longitude: params.center ? params.center[0].toString() : undefined,
-      }
-      const { error: addressError } = (await (supabase
-        .from('projects_addresses') as any)
-        .insert(addressData)
-        .select()
-        .single()) as { data: any; error: any }
-
-      if (addressError) {
-        return {
-          success: false,
-          error: addressError?.message || 'Failed to create address',
-        }
-      }
-    }
-
-    // Determine if scene graph is empty
-    const isEmpty = params.sceneGraph ? isSceneGraphEmpty(params.sceneGraph) : true
-
-    // Create the project
-    const projectData = {
-      id: projectId,
-      name: params.name,
-      address_id: addressId,
-      owner_id: session.user.id,
-      is_private: params.isPrivate !== undefined ? params.isPrivate : true,
-      is_empty: isEmpty,
-      details_json: params.center
-        ? {
-            coordinates: params.center,
-            createdFrom: 'editor-app',
-          }
-        : {
-            createdFrom: 'editor-app',
-          },
-    }
-    const { data, error } = (await (supabase
-      .from('projects') as any)
-      .insert(projectData)
-      .select(`
-        *,
-        address:projects_addresses(*)
-      `)
-      .single()) as { data: Project | null; error: any }
-
-    if (error) {
-      return {
-        success: false,
-        error: error.message,
-      }
-    }
-
-    // If scene graph is provided, create the model
-    if (params.sceneGraph) {
-      const modelId = createId('model')
-      const { error: modelError } = await supabase.from('projects_models').insert({
-        id: modelId,
-        project_id: projectId,
-        version: 1,
-        scene_graph: params.sceneGraph,
-      } as any)
-
-      if (modelError) {
-        console.error('Failed to create model:', modelError)
-        // Don't fail the project creation if model creation fails
-      }
-    }
-
-    return {
-      success: true,
-      data: data as Project,
-      message: 'Project created successfully',
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to create project',
-    }
-  }
-}
-
-/**
- * Check if a project with the given address already exists
- */
-export async function checkProjectDuplicate(params: {
-  streetNumber?: string
-  route?: string
-  city?: string
-  state?: string
-  postalCode?: string
-}): Promise<
-  ActionResult<{
-    isDuplicate: boolean
-    isUserProject?: boolean
-    existingProject?: Project
-  }>
-> {
-  try {
-    const session = await getSession()
-
-    if (!session?.user) {
-      return {
-        success: false,
-        error: 'Not authenticated',
-      }
-    }
-
-    const supabase = await createServerSupabaseClient()
-
-    // Query for existing project with matching address
-    const { data, error } = await supabase
-      .from('projects')
-      .select(`
-        *,
-        address:projects_addresses!inner(*)
-      `)
-      .eq('address.street_number', params.streetNumber || '')
-      .eq('address.route', params.route || '')
-      .eq('address.city', params.city || '')
-      .eq('address.state', params.state || '')
-      .eq('address.postal_code', params.postalCode || '')
-      .limit(1)
-
-    if (error) {
-      return {
-        success: false,
-        error: error.message,
-      }
-    }
-
-    if (data && data.length > 0) {
-      const existingProject = data[0] as unknown as Project
-      return {
-        success: true,
-        data: {
-          isDuplicate: true,
-          isUserProject: existingProject.owner_id === session.user.id,
-          existingProject,
-        },
-      }
-    }
-
-    return {
-      success: true,
-      data: {
-        isDuplicate: false,
-      },
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to check for duplicates',
-    }
-  }
-}
-
-/**
- * Fetch public projects for community hub
- */
-export async function getPublicProjects(): Promise<ActionResult<Project[]>> {
-  try {
-    const supabase = await createServerSupabaseClient()
-
-    const { data, error } = await supabase
-      .from('projects')
-      .select(`
-        *,
-        address:projects_addresses(*),
-        owner:auth_users!owner_id(id, name, username, image)
-      `)
-      .eq('is_private', false)
-      .eq('is_empty', false)
-      .order('views', { ascending: false })
-      .limit(50)
-
-    if (error) {
-      return {
-        success: false,
-        error: error.message,
-        data: [],
-      }
-    }
-
-    return {
-      success: true,
-      data: data as Project[],
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to fetch public projects',
-      data: [],
-    }
-  }
-}
-
-/**
- * Fetch public projects for a specific user (by user ID)
- */
-export async function getPublicProjectsByUserId(userId: string): Promise<ActionResult<Project[]>> {
-  try {
-    const supabase = await createServerSupabaseClient()
-
-    const { data, error } = await supabase
-      .from('projects')
-      .select(`
-        *,
-        address:projects_addresses(*)
-      `)
-      .eq('owner_id', userId)
-      .eq('is_private', false)
-      .order('created_at', { ascending: false })
-
-    if (error) {
-      return { success: false, error: error.message, data: [] }
-    }
-
-    return { success: true, data: data as Project[] }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to fetch projects',
-      data: [],
-    }
-  }
-}
-
-/**
- * Get a project model for viewing
- * Allows viewing if: project is public OR user owns the project
- */
-export async function getProjectModelPublic(projectId: string): Promise<
-  ActionResult<{ project: Project; model: any | null; isOwner: boolean }>
-> {
-  try {
-    const session = await getSession()
-    const supabase = await createServerSupabaseClient()
-
-    // Get the project (without privacy filter first)
-    const { data: project, error: projectError } = await supabase
-      .from('projects')
-      .select(`
-        *,
-        address:projects_addresses(*),
-        owner:auth_users!owner_id(id, name, username, image)
-      `)
-      .eq('id', projectId)
-      .single()
-
-    if (projectError || !project) {
-      return {
-        success: false,
-        error: 'Project not found',
-        data: undefined,
-      }
-    }
-
-    // Check if user can view this project
-    // Allow if: project is public OR user owns it
-    const projectData = project as any
-    const isOwner = session?.user && projectData.owner_id === session.user.id
-    const isPublic = projectData.is_private === false
-
-    if (!isPublic && !isOwner) {
-      return {
-        success: false,
-        error: 'Project is private',
-        data: undefined,
-      }
-    }
-
-    const publishedVersion = projectData.published_model_version as number | null
-    let model: any | null = null
-
-    if (publishedVersion !== null) {
-      const { data: publishedModel } = await supabase
-        .from('projects_models')
-        .select('*')
-        .eq('project_id', projectId)
-        .eq('version', publishedVersion)
-        .eq('draft', false)
-        .is('deleted_at', null)
-        .limit(1)
-        .maybeSingle()
-
-      model = publishedModel ?? null
-    }
-
-    // Legacy fallback for projects created before version publishing was added.
-    if (!model) {
-      const { data: latestPublishedModel } = await supabase
-        .from('projects_models')
-        .select('*')
-        .eq('project_id', projectId)
-        .eq('draft', false)
-        .is('deleted_at', null)
-        .order('version', { ascending: false })
-        .limit(1)
-        .maybeSingle()
-
-      if (latestPublishedModel) {
-        model = latestPublishedModel
-      } else {
-        const { data: latestModel } = await supabase
-          .from('projects_models')
-          .select('*')
-          .eq('project_id', projectId)
-          .is('deleted_at', null)
-          .order('version', { ascending: false })
-          .limit(1)
-          .maybeSingle()
-
-        model = latestModel ?? null
-      }
-    }
-
-    return {
-      success: true,
-      data: {
-        project: projectData as Project,
-        model: model || null,
-        isOwner: !!isOwner,
-      },
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to fetch project',
-      data: undefined,
-    }
-  }
-}
-
-/**
- * Increment project view count
- */
-export async function incrementProjectViews(projectId: string): Promise<ActionResult> {
-  try {
-    const supabase = await createServerSupabaseClient()
-
-    const { error } = await supabase.rpc('increment_project_views', {
-      project_id: projectId,
-    } as any)
-
-    if (error) {
-      console.error('Failed to increment views:', error)
-      // Don't fail the request if view increment fails
-    }
-
-    return { success: true }
-  } catch (error) {
-    console.error('Failed to increment views:', error)
-    return { success: true } // Don't fail on view tracking errors
-  }
-}
-
-/**
- * Update project privacy setting
- */
-export async function updateProjectPrivacy(
-  projectId: string,
-  isPrivate: boolean,
-): Promise<ActionResult> {
-  try {
-    const session = await getSession()
-
-    if (!session?.user) {
-      return {
-        success: false,
-        error: 'Not authenticated',
-      }
-    }
-
-    const supabase = await createServerSupabaseClient()
-
-    // Verify ownership
-    const { data: project } = await supabase
-      .from('projects')
-      .select('owner_id')
-      .eq('id', projectId)
-      .single()
-
-    if ((project as any)?.owner_id !== session.user.id) {
-      return {
-        success: false,
-        error: 'Unauthorized',
-      }
-    }
-
-    // Update privacy
-    const { error } = await (supabase
-      .from('projects') as any)
-      .update({ is_private: isPrivate })
-      .eq('id', projectId)
-
-    if (error) {
-      return {
-        success: false,
-        error: error.message,
-      }
-    }
-
-    return {
-      success: true,
-      message: `Project is now ${isPrivate ? 'private' : 'public'}`,
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to update project privacy',
-    }
-  }
-}
-
-/**
- * Update project visibility settings (privacy + public scan/guide visibility)
- */
-export async function updateProjectVisibility(
-  projectId: string,
-  settings: {
-    isPrivate?: boolean
-    showScansPublic?: boolean
-    showGuidesPublic?: boolean
-  },
-): Promise<ActionResult> {
-  try {
-    const session = await getSession()
-
-    if (!session?.user) {
-      return { success: false, error: 'Not authenticated' }
-    }
-
-    const supabase = await createServerSupabaseClient()
-
-    // Verify ownership
-    const { data: project } = await supabase
-      .from('projects')
-      .select('owner_id')
-      .eq('id', projectId)
-      .single()
-
-    if ((project as any)?.owner_id !== session.user.id) {
-      return { success: false, error: 'Unauthorized' }
-    }
-
-    const updateData: Record<string, boolean> = {}
-    if (settings.isPrivate !== undefined) updateData.is_private = settings.isPrivate
-    if (settings.showScansPublic !== undefined) updateData.show_scans_public = settings.showScansPublic
-    if (settings.showGuidesPublic !== undefined) updateData.show_guides_public = settings.showGuidesPublic
-
-    if (Object.keys(updateData).length === 0) {
-      return { success: true, message: 'No changes' }
-    }
-
-    const { error } = await (supabase
-      .from('projects') as any)
-      .update(updateData)
-      .eq('id', projectId)
-
-    if (error) {
-      return { success: false, error: error.message }
-    }
-
-    return { success: true, message: 'Visibility settings updated' }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to update visibility settings',
-    }
-  }
-}
-
-/**
- * Update project name
- */
-export async function updateProjectName(
-  projectId: string,
-  name: string,
-): Promise<ActionResult> {
-  try {
-    const session = await getSession()
-
-    if (!session?.user) {
-      return {
-        success: false,
-        error: 'Not authenticated',
-      }
-    }
-
-    if (!name.trim()) {
-      return {
-        success: false,
-        error: 'Project name cannot be empty',
-      }
-    }
-
-    const supabase = await createServerSupabaseClient()
-
-    // Verify ownership
-    const { data: project } = await supabase
-      .from('projects')
-      .select('owner_id')
-      .eq('id', projectId)
-      .single()
-
-    if ((project as any)?.owner_id !== session.user.id) {
-      return {
-        success: false,
-        error: 'Unauthorized',
-      }
-    }
-
-    // Update name
-    const { error } = await (supabase
-      .from('projects') as any)
-      .update({ name: name.trim() })
-      .eq('id', projectId)
-
-    if (error) {
-      return {
-        success: false,
-        error: error.message,
-      }
-    }
-
-    return {
-      success: true,
-      message: 'Project name updated',
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to update project name',
-    }
-  }
-}
-
-/**
- * Update project address
- */
-export async function updateProjectAddress(
-  projectId: string,
-  addressData: {
-    street_number?: string
-    route?: string
-    city?: string
-    state?: string
-    postal_code?: string
-    country?: string
-  },
-): Promise<ActionResult> {
-  try {
-    const session = await getSession()
-
-    if (!session?.user) {
-      return {
-        success: false,
-        error: 'Not authenticated',
-      }
-    }
-
-    const supabase = await createServerSupabaseClient()
-
-    // Verify ownership and get address_id
-    const { data: project } = await supabase
-      .from('projects')
-      .select('owner_id, address_id')
-      .eq('id', projectId)
-      .single()
-
-    if (!project) {
-      return {
-        success: false,
-        error: 'Project not found',
-      }
-    }
-
-    if ((project as any).owner_id !== session.user.id) {
-      return {
-        success: false,
-        error: 'Unauthorized',
-      }
-    }
-
-    // Update address
-    const { error } = await (supabase
-      .from('projects_addresses') as any)
-      .update(addressData)
-      .eq('id', (project as any).address_id)
-
-    if (error) {
-      return {
-        success: false,
-        error: error.message,
-      }
-    }
-
-    return {
-      success: true,
-      message: 'Address updated successfully',
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to update address',
-    }
-  }
-}
-
-/**
- * Delete a project
- * Only the owner can delete their project
- */
-export async function deleteProject(projectId: string): Promise<ActionResult> {
-  try {
-    const session = await getSession()
-
-    if (!session?.user) {
-      return {
-        success: false,
-        error: 'Not authenticated',
-      }
-    }
-
-    const supabase = await createServerSupabaseClient()
-
-    // Verify ownership
-    const { data: project } = await supabase
-      .from('projects')
-      .select('owner_id')
-      .eq('id', projectId)
-      .single()
-
-    if (!project) {
-      return {
-        success: false,
-        error: 'Project not found',
-      }
-    }
-
-    if ((project as any).owner_id !== session.user.id) {
-      return {
-        success: false,
-        error: 'Unauthorized',
-      }
-    }
-
-    // Delete project asset files from storage before deleting the project
-    const { data: assets } = await (supabase.from('project_assets') as any)
-      .select('storage_key')
-      .eq('project_id', projectId)
-
-    if (assets && assets.length > 0) {
-      const storageKeys = (assets as { storage_key: string }[]).map((a) => a.storage_key)
-      await supabase.storage.from('project-assets').remove(storageKeys)
-    }
-
-    // Delete the project (cascade will delete related records including project_assets rows)
-    const { error } = await supabase.from('projects').delete().eq('id', projectId)
-
-    if (error) {
-      return {
-        success: false,
-        error: error.message,
-      }
-    }
-
-    return {
-      success: true,
-      message: 'Project deleted successfully',
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to delete project',
-    }
-  }
-}
-
-/**
- * Check if the current user has liked specific projects
- * Returns a map of projectId -> boolean
- */
-export async function getUserProjectLikes(
-  projectIds: string[],
-): Promise<ActionResult<Record<string, boolean>>> {
-  try {
-    const session = await getSession()
-
-    if (!session?.user || projectIds.length === 0) {
-      // Return empty map for unauthenticated users or no projects
-      return {
-        success: true,
-        data: {},
-      }
-    }
-
-    const supabase = await createServerSupabaseClient()
-
-    const { data: likes, error } = await supabase
-      .from('projects_likes')
-      .select('project_id')
-      .eq('user_id', session.user.id)
-      .in('project_id', projectIds)
-
-    if (error) {
-      return {
-        success: false,
-        error: error.message,
-        data: {},
-      }
-    }
-
-    // Convert array to map
-    const likeMap: Record<string, boolean> = {}
-    projectIds.forEach((id) => {
-      likeMap[id] = likes?.some((like) => (like as any).project_id === id) || false
-    })
-
-    return {
-      success: true,
-      data: likeMap,
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to fetch likes',
-      data: {},
-    }
-  }
-}
-
-/**
- * Toggle like on a project
- * Returns the new like state and updated like count
- */
-export async function toggleProjectLike(
-  projectId: string,
-): Promise<ActionResult<{ liked: boolean; likes: number }>> {
-  try {
-    const session = await getSession()
-
-    if (!session?.user) {
-      return {
-        success: false,
-        error: 'Not authenticated',
-      }
-    }
-
-    const supabase = await createServerSupabaseClient()
-    const userId = session.user.id
-
-    // Check if user has already liked this project
-    const { data: existingLike } = await supabase
-      .from('projects_likes')
-      .select('id')
-      .eq('project_id', projectId)
-      .eq('user_id', userId)
-      .maybeSingle()
-
-    let liked = false
-
-    if (existingLike) {
-      // Unlike - remove the like
-      const { error } = await (supabase
-        .from('projects_likes') as any)
-        .delete()
-        .eq('id', (existingLike as any).id)
-
-      if (error) {
-        return {
-          success: false,
-          error: error.message,
-        }
-      }
-
-      liked = false
-    } else {
-      // Like - add a new like
-      const likeId = createId('like')
-      const { error } = await (supabase.from('projects_likes') as any).insert({
-        id: likeId,
-        project_id: projectId,
-        user_id: userId,
-      })
-
-      if (error) {
-        return {
-          success: false,
-          error: error.message,
-        }
-      }
-
-      liked = true
-    }
-
-    // Get updated like count
-    const { data: likeCount } = await supabase.rpc('get_project_like_count', {
-      project_id: projectId,
-    } as any)
-
-    // Update the project's like count cache
-    await (supabase
-      .from('projects') as any)
-      .update({ likes: likeCount || 0 })
-      .eq('id', projectId)
-
-    return {
-      success: true,
-      data: {
-        liked,
-        likes: likeCount || 0,
-      },
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to toggle like',
-    }
-  }
-}
-
-/**
- * Upload a thumbnail image to Supabase Storage and update the project
- */
-export async function uploadProjectThumbnail(
-  projectId: string,
-  blob: Blob
-): Promise<{ success: true; data: { thumbnail_url: string } } | { success: false; error: string }> {
-  try {
-    const session = await getSession()
-    if (!session?.user?.id) {
-      return { success: false, error: 'Not authenticated' }
-    }
-
-    // Validate file size (max 10MB)
-    const MAX_SIZE = 10 * 1024 * 1024
-    if (blob.size > MAX_SIZE) {
-      return { success: false, error: `Image too large (${(blob.size / 1024 / 1024).toFixed(1)}MB). Maximum size is 10MB.` }
-    }
-
-    const supabase = await createServerSupabaseClient()
-
-    // Verify the user owns this project
-    const { data: project, error: projectError } = await supabase
-      .from('projects')
-      .select('owner_id')
-      .eq('id', projectId)
-      .single()
-
-    if (projectError || !project) {
-      return { success: false, error: 'Project not found' }
-    }
-
-    if ((project as any).owner_id !== session.user.id) {
-      return { success: false, error: 'Not authorized to update this project' }
-    }
-
-    const filename = `${projectId}/thumbnail.png`
-
-    // Upload to Supabase Storage (upsert to override existing thumbnail)
-    const { data: uploadData, error: uploadError } = await supabase.storage
-      .from('project-thumbnails')
-      .upload(filename, blob, {
-        contentType: 'image/png',
-        upsert: true,
-      })
-
-    if (uploadError) {
-      return { success: false, error: `Upload failed: ${uploadError.message}` }
-    }
-
-    // Get the public URL
-    const { data: urlData } = supabase.storage
-      .from('project-thumbnails')
-      .getPublicUrl(uploadData.path)
-
-    const thumbnailUrl = `${urlData.publicUrl}?t=${Date.now()}`
-
-    // Update the project with the new thumbnail URL
-    const { error: updateError } = await (supabase
-      .from('projects') as any)
-      .update({ thumbnail_url: thumbnailUrl })
-      .eq('id', projectId)
-
-    if (updateError) {
-      return { success: false, error: `Failed to update project: ${updateError.message}` }
-    }
-
-    return {
-      success: true,
-      data: { thumbnail_url: thumbnailUrl },
-    }
-  } catch (error) {
-    return {
-      success: false,
-      error: error instanceof Error ? error.message : 'Failed to upload thumbnail',
-    }
-  }
-}
diff --git a/apps/editor/features/community/lib/projects/store.ts b/apps/editor/features/community/lib/projects/store.ts
deleted file mode 100644
index 3478c7cf..00000000
--- a/apps/editor/features/community/lib/projects/store.ts
+++ /dev/null
@@ -1,122 +0,0 @@
-/**
- * Project store - Zustand store for project state management
- */
-
-import { create } from 'zustand'
-import type { Project } from './types'
-import {
-  getActiveProject,
-  getUserProjects,
-  getProjectById,
-} from './actions'
-
-interface ProjectStore {
-  // Autosave lifecycle for the latest draft scene
-  autosaveStatus: 'idle' | 'pending' | 'saving' | 'saved' | 'paused'
-
-  // State
-  activeProject: Project | null
-  projects: Project[]
-  isLoading: boolean
-  isSceneLoading: boolean
-  isVersionPreviewMode: boolean
-  error: string | null
-
-  // Actions
-  fetchProjects: () => Promise<void>
-  fetchActiveProject: () => Promise<void>
-  setActiveProject: (projectId: string) => Promise<void>
-  setIsSceneLoading: (loading: boolean) => void
-  setIsVersionPreviewMode: (preview: boolean) => void
-  setAutosaveStatus: (status: ProjectStore['autosaveStatus']) => void
-  initialize: () => Promise<void>
-  updateActiveThumbnail: (thumbnailUrl: string) => void
-}
-
-export const useProjectStore = create<ProjectStore>((set, get) => ({
-  // Initial state
-  autosaveStatus: 'idle',
-  activeProject: null,
-  projects: [],
-  isLoading: true,
-  isSceneLoading: false,
-  isVersionPreviewMode: false,
-  error: null,
-
-  // Fetch all projects
-  fetchProjects: async () => {
-    const result = await getUserProjects()
-
-    if (result.success) {
-      set({ projects: result.data || [], error: null })
-    } else {
-      set({ error: result.error || 'Failed to fetch projects', projects: [] })
-    }
-  },
-
-  // Fetch the active project from database
-  fetchActiveProject: async () => {
-    set({ isLoading: true })
-
-    const result = await getActiveProject()
-
-    if (result.success) {
-      set({
-        activeProject: result.data || null,
-        isLoading: false,
-        error: null
-      })
-      // Note: Auto-select logic removed - now using URL-based routing
-      // The URL parameter determines which project to load
-    } else {
-      set({
-        error: result.error || 'Failed to fetch active project',
-        activeProject: null,
-        isLoading: false
-      })
-    }
-  },
-
-  // Set active project by fetching it directly by ID (URL-based, no session update)
-  setActiveProject: async (projectId: string) => {
-    set({ isLoading: true })
-
-    const result = await getProjectById(projectId)
-
-    if (result.success && result.data) {
-      set({ activeProject: result.data, isLoading: false, error: null })
-    } else {
-      set({ isLoading: false, error: result.error || 'Project not found' })
-    }
-  },
-
-  setIsSceneLoading: (loading: boolean) => {
-    set({ isSceneLoading: loading })
-  },
-
-  setIsVersionPreviewMode: (preview: boolean) => {
-    set({ isVersionPreviewMode: preview })
-  },
-
-  setAutosaveStatus: (status) => {
-    set({ autosaveStatus: status })
-  },
-
-  // Patch the active project's thumbnail URL in place (no refetch)
-  updateActiveThumbnail: (thumbnailUrl: string) => {
-    set((state) => ({
-      activeProject: state.activeProject
-        ? { ...state.activeProject, thumbnail_url: thumbnailUrl }
-        : null,
-    }))
-  },
-
-  // Initialize - fetch both projects and active project
-  initialize: async () => {
-    set({ isLoading: true })
-    await Promise.all([
-      get().fetchProjects(),
-      get().fetchActiveProject(),
-    ])
-  },
-}))
diff --git a/apps/editor/features/community/lib/projects/types.ts b/apps/editor/features/community/lib/projects/types.ts
deleted file mode 100644
index 274a009e..00000000
--- a/apps/editor/features/community/lib/projects/types.ts
+++ /dev/null
@@ -1,150 +0,0 @@
-/**
- * Project-related type definitions
- * Isolated from monorepo database schema
- */
-
-// Database table row types
-export type DbProject = {
-  id: string
-  name: string
-  owner_id: string
-  organization_id: string | null
-  address_id: string | null
-  created_at: string
-  updated_at: string
-  is_private: boolean
-  is_empty: boolean
-  show_scans_public: boolean
-  show_guides_public: boolean
-  views: number
-  likes: number
-  thumbnail_url: string | null
-  published_model_version: number | null
-}
-
-export type DbProjectAddress = {
-  id: string
-  street_number?: string
-  route?: string
-  city?: string
-  state?: string
-  postal_code?: string
-  country?: string
-  latitude?: string
-  longitude?: string
-  created_at: string
-  updated_at: string
-}
-
-export type DbProjectModel = {
-  id: string
-  project_id: string
-  version: number
-  scene_graph: any
-  created_at: string
-  updated_at: string
-  deleted_at: string | null
-}
-
-export type DbProjectLike = {
-  id: string
-  project_id: string
-  user_id: string
-  created_at: string
-}
-
-// Database schema type for Supabase
-export type Database = {
-  public: {
-    Tables: {
-      projects: {
-        Row: DbProject
-        Insert: Omit<DbProject, 'created_at' | 'updated_at' | 'views' | 'likes' | 'show_scans_public' | 'show_guides_public' | 'published_model_version'> & { show_scans_public?: boolean; show_guides_public?: boolean; published_model_version?: number | null }
-        Update: Partial<Omit<DbProject, 'id' | 'created_at' | 'updated_at'>>
-      }
-      projects_addresses: {
-        Row: DbProjectAddress
-        Insert: Omit<DbProjectAddress, 'created_at' | 'updated_at'>
-        Update: Partial<Omit<DbProjectAddress, 'id' | 'created_at' | 'updated_at'>>
-      }
-      projects_models: {
-        Row: DbProjectModel
-        Insert: Omit<DbProjectModel, 'created_at' | 'updated_at' | 'deleted_at'>
-        Update: Partial<Omit<DbProjectModel, 'id' | 'created_at' | 'updated_at'>>
-      }
-      projects_likes: {
-        Row: DbProjectLike
-        Insert: Omit<DbProjectLike, 'created_at'>
-        Update: Partial<Omit<DbProjectLike, 'id' | 'created_at'>>
-      }
-    }
-    Functions: {
-      increment_project_views: {
-        Args: { project_id: string }
-        Returns: undefined
-      }
-      get_project_like_count: {
-        Args: { project_id: string }
-        Returns: number
-      }
-    }
-  }
-}
-
-export type ProjectOwner = {
-  id: string
-  name: string
-  username: string | null
-  image: string | null
-}
-
-export type Project = {
-  id: string
-  name: string
-  owner_id: string
-  organization_id: string | null
-  address_id: string | null
-  created_at: string
-  updated_at: string
-  // Community features
-  is_private: boolean
-  is_empty: boolean
-  show_scans_public: boolean
-  show_guides_public: boolean
-  views: number
-  likes: number
-  thumbnail_url: string | null
-  published_model_version: number | null
-  address: {
-    id: string
-    street_number?: string
-    route?: string
-    city?: string
-    state?: string
-    postal_code?: string
-    country?: string
-    latitude?: string
-    longitude?: string
-  } | null
-  owner?: ProjectOwner | null
-}
-
-export type CreateProjectParams = {
-  name: string
-  center?: [number, number]
-  streetNumber?: string
-  route?: string
-  routeShort?: string
-  neighborhood?: string
-  city?: string
-  county?: string
-  state?: string
-  stateLong?: string
-  postalCode?: string
-  postalCodeSuffix?: string
-  country?: string
-  countryLong?: string
-  rawJson?: Record<string, unknown>
-  isPrivate?: boolean
-  sceneGraph?: any
-}
diff --git a/apps/editor/features/community/lib/utils/id-generator.ts b/apps/editor/features/community/lib/utils/id-generator.ts
deleted file mode 100644
index f22ad1f0..00000000
--- a/apps/editor/features/community/lib/utils/id-generator.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-import { customAlphabet } from 'nanoid'
-
-const alphabet = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'
-const nanoid = customAlphabet(alphabet, 16)
-
-/**
- * Generate a unique ID with optional prefix (matches monorepo implementation)
- * @example createId('user') => 'user_Abc123...'
- */
-export const createId = (prefix?: string) => {
-  const id = nanoid()
-  return prefix ? `${prefix}_${id}` : id
-}
diff --git a/apps/editor/instrumentation.ts b/apps/editor/instrumentation.ts
deleted file mode 100644
index ffe74034..00000000
--- a/apps/editor/instrumentation.ts
+++ /dev/null
@@ -1,50 +0,0 @@
-export async function register() {
-  // Only run on the server
-  if (process.env.NEXT_RUNTIME === 'nodejs') {
-    const { createClient } = await import('@supabase/supabase-js')
-
-    const url = process.env.NEXT_PUBLIC_SUPABASE_URL
-    const key = process.env.SUPABASE_SERVICE_ROLE_KEY
-    if (!url || !key) return
-
-    const supabase = createClient(url, key)
-
-    const { data: buckets } = await supabase.storage.listBuckets()
-    const bucketNames = new Set(buckets?.map((b) => b.name))
-
-    if (!bucketNames.has('avatars')) {
-      await supabase.storage.createBucket('avatars', {
-        public: true,
-        fileSizeLimit: 5 * 1024 * 1024, // 5MB
-        allowedMimeTypes: ['image/png', 'image/jpeg', 'image/webp', 'image/gif'],
-      })
-      console.log('Created "avatars" storage bucket')
-    }
-
-    if (!bucketNames.has('project-thumbnails')) {
-      await supabase.storage.createBucket('project-thumbnails', {
-        public: true,
-        fileSizeLimit: 10 * 1024 * 1024, // 10MB (matches uploadProjectThumbnail validation)
-        allowedMimeTypes: ['image/png'],
-      })
-      console.log('Created "project-thumbnails" storage bucket')
-    }
-
-    if (!bucketNames.has('project-assets')) {
-      await supabase.storage.createBucket('project-assets', {
-        public: true,
-        fileSizeLimit: 500 * 1024 * 1024, // 500MB for GLB/GLTF scans
-      })
-      console.log('Created "project-assets" storage bucket')
-    }
-
-    if (!bucketNames.has('preset-thumbnails')) {
-      await supabase.storage.createBucket('preset-thumbnails', {
-        public: true,
-        fileSizeLimit: 5 * 1024 * 1024, // 5MB
-        allowedMimeTypes: ['image/png', 'image/jpeg', 'image/webp'],
-      })
-      console.log('Created "preset-thumbnails" storage bucket')
-    }
-  }
-}
diff --git a/apps/editor/lib/auth.ts b/apps/editor/lib/auth.ts
deleted file mode 100644
index b96fa568..00000000
--- a/apps/editor/lib/auth.ts
+++ /dev/null
@@ -1,49 +0,0 @@
-import { createAuth } from '@pascal-app/auth/server'
-import { db } from '@pascal-app/db'
-import { Resend } from 'resend'
-import { env } from '@/env.mjs'
-import { BASE_URL } from './utils'
-
-// Initialize Resend only if API key is available
-const resend = env.RESEND_API_KEY ? new Resend(env.RESEND_API_KEY) : null
-
-export const auth = createAuth({
-  db,
-  appName: 'Pascal Editor',
-  baseURL: BASE_URL,
-  secret: env.BETTER_AUTH_SECRET,
-  googleClientId: env.GOOGLE_CLIENT_ID,
-  googleClientSecret: env.GOOGLE_CLIENT_SECRET,
-  sendMagicLink: async ({ email, url }) => {
-    if (!resend) {
-      console.log(`[DEV] Magic link for ${email}: ${url}`)
-      return
-    }
-
-    try {
-      await resend.emails.send({
-        from: 'Pascal <noreply@pascal.app>',
-        to: email,
-        subject: 'Sign in to Pascal Editor',
-        html: `
-          <div style="font-family: Arial, sans-serif; max-width: 600px; margin: 0 auto;">
-            <h2>Sign in to Pascal Editor</h2>
-            <p>Click the button below to sign in to your account:</p>
-            <a href="${url}" style="display: inline-block; background-color: #000; color: #fff; padding: 12px 24px; text-decoration: none; border-radius: 6px; margin: 20px 0;">
-              Sign In
-            </a>
-            <p style="color: #666; font-size: 14px;">This link will expire in 5 minutes.</p>
-            <p style="color: #666; font-size: 14px;">If you didn't request this email, you can safely ignore it.</p>
-          </div>
-        `,
-      })
-      console.log(`✓ Magic link email sent to ${email}`)
-    } catch (error) {
-      console.error('Failed to send magic link email:', error)
-      throw error
-    }
-  },
-})
-
-export type Session = typeof auth.$Infer.Session
-export type User = typeof auth.$Infer.Session.user
diff --git a/apps/editor/lib/navigation.ts b/apps/editor/lib/navigation.ts
deleted file mode 100644
index 51a9a5d1..00000000
--- a/apps/editor/lib/navigation.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-/**
- * Navigation helpers for project-based routing
- */
-
-export function getEditorUrl(projectId: string): string {
-  return `/editor/${projectId}`
-}
-
-export function getViewerUrl(projectId: string): string {
-  return `/viewer/${projectId}`
-}
-
-export function getHomeUrl(): string {
-  return '/'
-}
diff --git a/apps/editor/lib/supabase/client.ts b/apps/editor/lib/supabase/client.ts
deleted file mode 100644
index 1a53b8fd..00000000
--- a/apps/editor/lib/supabase/client.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { createClient } from '@supabase/supabase-js'
-import type { SupabaseDatabase } from '@pascal-app/db'
-
-const supabaseUrl = process.env.NEXT_PUBLIC_SUPABASE_URL!
-const supabaseAnonKey = process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY!
-
-/**
- * Supabase client for client-side use with anon key
- * Uses Row Level Security (RLS) policies
- */
-export const supabase = createClient<SupabaseDatabase>(supabaseUrl, supabaseAnonKey)
diff --git a/apps/editor/lib/supabase/server.ts b/apps/editor/lib/supabase/server.ts
deleted file mode 100644
index 4803d0bc..00000000
--- a/apps/editor/lib/supabase/server.ts
+++ /dev/null
@@ -1,39 +0,0 @@
-import { createClient } from '@supabase/supabase-js'
-import type { SupabaseDatabase } from '@pascal-app/db'
-import { env } from '@/env.mjs'
-
-/**
- * Safety check: warn loudly if a Vercel preview deployment is using
- * the production Supabase instance. This catches misconfigured branching.
- */
-if (
-  process.env.VERCEL_ENV === 'preview' &&
-  process.env.SUPABASE_URL &&
-  env.NEXT_PUBLIC_SUPABASE_URL === process.env.SUPABASE_URL
-) {
-  // If the Supabase integration set a branch-specific SUPABASE_URL,
-  // it should differ from NEXT_PUBLIC_SUPABASE_URL (which comes from the
-  // generic env vars pointing at production). When they match, the
-  // integration likely skipped branch creation for this PR.
-  console.warn(
-    '⚠️  [supabase] Preview deployment appears to be using the PRODUCTION ' +
-    'Supabase instance. Supabase branching may not be configured for this PR. ' +
-    'See: https://supabase.com/docs/guides/deployment/branching',
-  )
-}
-
-/**
- * Supabase client for server-side use with service role key
- * Bypasses Row Level Security (RLS) - use with caution
- * Always filter by user_id to enforce permissions
- */
-export const supabaseAdmin = createClient<SupabaseDatabase>(
-  env.NEXT_PUBLIC_SUPABASE_URL,
-  env.SUPABASE_SERVICE_ROLE_KEY,
-  {
-    auth: {
-      persistSession: false,
-      autoRefreshToken: false,
-    },
-  },
-)
diff --git a/apps/editor/lib/upload-asset.ts b/apps/editor/lib/upload-asset.ts
deleted file mode 100644
index 29860f3a..00000000
--- a/apps/editor/lib/upload-asset.ts
+++ /dev/null
@@ -1,123 +0,0 @@
-import {
-  type AnyNodeId,
-  ScanNode as ScanNodeSchema,
-  GuideNode as GuideNodeSchema,
-  useScene,
-} from '@pascal-app/core'
-import {
-  createAssetUploadUrl,
-  confirmAssetUpload,
-  type AssetType,
-} from '@/features/community/lib/assets/actions'
-import { useUploadStore } from '@/store/use-upload'
-import useEditor from '@/store/use-editor'
-
-/**
- * Upload a file directly to Supabase Storage via signed URL with progress tracking.
- * Runs entirely outside React — survives component unmounts.
- */
-export function uploadAssetWithProgress(
-  projectId: string,
-  levelId: string,
-  file: File,
-  assetType: AssetType,
-) {
-  const store = useUploadStore.getState()
-  store.startUpload(levelId, assetType, file.name)
-
-  // Run async work without blocking the caller
-  doUpload(projectId, levelId, file, assetType).catch(() => {
-    // errors are already recorded in the store by doUpload
-  })
-}
-
-async function doUpload(
-  projectId: string,
-  levelId: string,
-  file: File,
-  assetType: AssetType,
-) {
-  const store = () => useUploadStore.getState()
-
-  // Phase 1: Get signed URL
-  const urlResult = await createAssetUploadUrl(
-    projectId,
-    file.name,
-    file.type || 'application/octet-stream',
-    assetType,
-  )
-
-  if (!urlResult.success) {
-    store().setError(levelId, urlResult.error)
-    return
-  }
-
-  // Phase 2: Upload directly to Supabase via XHR (for progress)
-  store().setStatus(levelId, 'uploading')
-
-  try {
-    await new Promise<void>((resolve, reject) => {
-      const xhr = new XMLHttpRequest()
-
-      xhr.upload.addEventListener('progress', (e) => {
-        if (e.lengthComputable) {
-          const pct = Math.round((e.loaded / e.total) * 100)
-          useUploadStore.getState().setProgress(levelId, pct)
-        }
-      })
-
-      xhr.addEventListener('load', () => {
-        if (xhr.status >= 200 && xhr.status < 300) {
-          resolve()
-        } else {
-          reject(new Error(`Upload failed: HTTP ${xhr.status}`))
-        }
-      })
-
-      xhr.addEventListener('error', () => reject(new Error('Network error during upload')))
-      xhr.addEventListener('abort', () => reject(new Error('Upload aborted')))
-
-      xhr.open('PUT', urlResult.signedUrl)
-      xhr.setRequestHeader('Content-Type', file.type || 'application/octet-stream')
-      xhr.send(file)
-    })
-  } catch (err) {
-    const msg = err instanceof Error ? err.message : 'Upload failed'
-    store().setError(levelId, msg)
-    return
-  }
-
-  // Phase 3: Confirm upload and record in DB
-  store().setStatus(levelId, 'confirming')
-
-  const confirmResult = await confirmAssetUpload(
-    projectId,
-    urlResult.assetId,
-    urlResult.storageKey,
-    file.name,
-    file.type || null,
-    assetType,
-  )
-
-  if (!confirmResult.success) {
-    store().setError(levelId, confirmResult.error)
-    return
-  }
-
-  // Phase 4: Create scene node (works even if component is unmounted)
-  const Schema = assetType === 'scan' ? ScanNodeSchema : GuideNodeSchema
-  const node = Schema.parse({
-    url: confirmResult.url,
-    name: file.name,
-    parentId: levelId,
-  })
-  useScene.getState().createNode(node, levelId as AnyNodeId)
-  useEditor.getState().setSelectedReferenceId(node.id)
-
-  store().setResult(levelId, confirmResult.url)
-
-  // Auto-clear after a short delay so the UI shows "done" briefly
-  setTimeout(() => {
-    useUploadStore.getState().clearUpload(levelId)
-  }, 1500)
-}
diff --git a/apps/editor/lib/utils.ts b/apps/editor/lib/utils.ts
index 44aa86a2..4d755216 100644
--- a/apps/editor/lib/utils.ts
+++ b/apps/editor/lib/utils.ts
@@ -6,8 +6,7 @@ export function cn(...inputs: ClassValue[]) {
 }
 
 export const isDevelopment =
-  process.env.NODE_ENV === 'development' ||
-  process.env.NEXT_PUBLIC_VERCEL_ENV === 'development'
+  process.env.NODE_ENV === 'development' || process.env.NEXT_PUBLIC_VERCEL_ENV === 'development'
 
 export const isProduction =
   process.env.NODE_ENV === 'production' || process.env.NEXT_PUBLIC_VERCEL_ENV === 'production'
diff --git a/apps/editor/next.config.ts b/apps/editor/next.config.ts
index b822ff06..e802f23e 100644
--- a/apps/editor/next.config.ts
+++ b/apps/editor/next.config.ts
@@ -1,7 +1,18 @@
 import type { NextConfig } from 'next'
 
 const nextConfig: NextConfig = {
-  transpilePackages: ['three', '@pascal-app/viewer', '@pascal-app/core'],
+  typescript: {
+    ignoreBuildErrors: true,
+  },
+  transpilePackages: ['three', '@pascal-app/viewer', '@pascal-app/core', '@pascal-app/editor'],
+  turbopack: {
+    resolveAlias: {
+      react: './node_modules/react',
+      three: './node_modules/three',
+      '@react-three/fiber': './node_modules/@react-three/fiber',
+      '@react-three/drei': './node_modules/@react-three/drei',
+    },
+  },
   experimental: {
     serverActions: {
       bodySizeLimit: '100mb',
diff --git a/apps/editor/package.json b/apps/editor/package.json
index 018e7de8..6e0cbc9b 100644
--- a/apps/editor/package.json
+++ b/apps/editor/package.json
@@ -1,66 +1,34 @@
 {
-  "name": "web",
+  "name": "editor",
   "version": "0.1.0",
   "type": "module",
   "private": true,
   "scripts": {
-    "dev": "set -a && . ../../.env 2>/dev/null; set +a; next dev",
-    "build": "next build",
+    "dev": "dotenv -e ./.env.local --override -- next dev --port 3002",
+    "build": "dotenv -e ./.env.local --override -- next build",
     "start": "next start",
     "lint": "biome lint",
     "check-types": "next typegen && tsc --noEmit"
   },
   "dependencies": {
     "@number-flow/react": "^0.5.14",
-    "@pascal-app/auth": "*",
     "@pascal-app/core": "*",
-    "@pascal-app/db": "*",
+    "@pascal-app/editor": "*",
     "@pascal-app/viewer": "*",
-    "@radix-ui/react-alert-dialog": "^1.1.15",
-    "@radix-ui/react-context-menu": "^2.2.16",
-    "@radix-ui/react-dialog": "^1.1.15",
-    "@radix-ui/react-dropdown-menu": "^2.1.16",
-    "@radix-ui/react-popover": "^1.1.15",
-    "@radix-ui/react-select": "^2.2.6",
-    "@radix-ui/react-separator": "^1.1.8",
-    "@radix-ui/react-slider": "^1.3.6",
-    "@radix-ui/react-slot": "^1.2.4",
-    "@radix-ui/react-switch": "^1.2.6",
-    "@radix-ui/react-tabs": "^1.1.13",
-    "@radix-ui/react-tooltip": "^1.2.8",
-    "@react-google-maps/api": "^2.20.8",
     "@react-three/drei": "^10.7.7",
     "@react-three/fiber": "^9.5.0",
-    "@react-three/uikit-lucide": "^1.0.62",
-    "@repo/ui": "*",
-    "@supabase/supabase-js": "^2.98.0",
-    "@t3-oss/env-nextjs": "^0.13.10",
-    "@tailwindcss/postcss": "^4.2.1",
-    "@types/three": "^0.183.1",
-    "@vercel/analytics": "^1.6.1",
-    "@vercel/speed-insights": "^1.3.1",
-    "@vercel/toolbar": "^0.2.2",
-    "@visual-json/react": "latest",
-    "better-auth": "^1.5.2",
-    "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
-    "cmdk": "^1.1.1",
-    "howler": "^2.2.4",
-    "lucide-react": "^0.562.0",
-    "motion": "^12.34.3",
-    "nanoid": "^5.1.6",
+    "tailwind-merge": "^3.5.0",
+    "@tailwindcss/postcss": "^4.2.1",
     "next": "16.1.6",
     "postcss": "^8.5.6",
     "react": "^19.2.4",
     "react-dom": "^19.2.4",
-    "tailwind-merge": "^3.5.0",
     "tailwindcss": "^4.2.1",
-    "three": "^0.183.1",
-    "zod": "^4.3.6",
-    "zustand": "^5.0.11"
+    "three": "^0.183.1"
   },
   "devDependencies": {
-    "@repo/typescript-config": "*",
+    "@pascal/typescript-config": "*",
     "@types/howler": "^2.2.12",
     "@types/node": "^22.19.12",
     "@types/react": "19.2.2",
diff --git a/apps/editor/public/demos/demo_1.json b/apps/editor/public/demos/demo_1.json
index 223adcb9..a70a126c 100644
--- a/apps/editor/public/demos/demo_1.json
+++ b/apps/editor/public/demos/demo_1.json
@@ -7,20 +7,9 @@
       "parentId": null,
       "visible": true,
       "metadata": {},
-      "children": [
-        "level_pojp0mw3qssu110w",
-        "level_bbyvfs9qwzh4arjf"
-      ],
-      "position": [
-        0,
-        0,
-        0
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ]
+      "children": ["level_pojp0mw3qssu110w", "level_bbyvfs9qwzh4arjf"],
+      "position": [0, 0, 0],
+      "rotation": [0, 0, 0]
     },
     "level_pojp0mw3qssu110w": {
       "object": "node",
@@ -74,15 +63,9 @@
       ],
       "level": 0,
       "camera": {
-        "position": [
-          32.19770918094574,
-          13.355189178183336,
-          32.63027548275616
-        ],
+        "position": [32.19770918094574, 13.355189178183336, 32.63027548275616],
         "target": [
-          4.8501257048479305,
-          -6.656412040461838e-16,
-          7.3634421472590255
+          4.8501257048479305, -6.656412040461838e-16, 7.3634421472590255
         ],
         "mode": "perspective"
       }
@@ -95,24 +78,7 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "polygon": [
-        [
-          13,
-          6
-        ],
-        [
-          9,
-          6
-        ],
-        [
-          9,
-          0
-        ],
-        [
-          13,
-          0
-        ]
-      ],
+      "polygon": [[13, 6], [9, 6], [9, 0], [13, 0]],
       "elevation": 0.05
     },
     "level_bbyvfs9qwzh4arjf": {
@@ -122,21 +88,11 @@
       "parentId": "building_bv4ilcjivnxn8wkd",
       "visible": true,
       "metadata": {},
-      "children": [
-        "roof_jxd8tc6rcuaujl25"
-      ],
+      "children": ["roof_jxd8tc6rcuaujl25"],
       "level": 1,
       "camera": {
-        "position": [
-          11.709072311989358,
-          25.635955613557638,
-          50.59653427090403
-        ],
-        "target": [
-          6.9995635873796855,
-          2.4999999999999996,
-          0.6911898255966076
-        ],
+        "position": [11.709072311989358, 25.635955613557638, 50.59653427090403],
+        "target": [6.9995635873796855, 2.4999999999999996, 0.6911898255966076],
         "mode": "perspective"
       }
     },
@@ -148,11 +104,7 @@
       "parentId": "level_bbyvfs9qwzh4arjf",
       "visible": true,
       "metadata": {},
-      "position": [
-        10.25,
-        0,
-        3.5
-      ],
+      "position": [10.25, 0, 3.5],
       "rotation": 0,
       "length": 5.5,
       "height": 1.6,
@@ -167,35 +119,12 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "polygon": [
-        [
-          9,
-          6
-        ],
-        [
-          9,
-          0
-        ],
-        [
-          13,
-          0
-        ],
-        [
-          13,
-          6
-        ]
-      ],
+      "polygon": [[9, 6], [9, 0], [13, 0], [13, 6]],
       "color": "#3b82f6",
       "camera": {
-        "position": [
-          18.715003971902778,
-          18.8254836683251,
-          12.086656976691291
-        ],
+        "position": [18.715003971902778, 18.8254836683251, 12.086656976691291],
         "target": [
-          6.9995635873796855,
-          1.6971845387795204e-17,
-          0.6911898255966076
+          6.9995635873796855, 1.6971845387795204e-17, 0.6911898255966076
         ],
         "mode": "perspective"
       }
@@ -208,16 +137,8 @@
       "parentId": "wall_q455ycyoqnjxjcdr",
       "visible": true,
       "metadata": {},
-      "position": [
-        2,
-        0.5,
-        0
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [2, 0.5, 0],
+      "rotation": [0, 0, 0],
       "side": "front",
       "asset": {
         "id": "window-large",
@@ -225,27 +146,11 @@
         "name": "window-large",
         "thumbnail": "/items/window-large/thumbnail.webp",
         "src": "/items/window-large/model.glb",
-        "dimensions": [
-          2,
-          2,
-          0.4
-        ],
+        "dimensions": [2, 2, 0.4],
         "attachTo": "wall",
-        "offset": [
-          0,
-          1,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "offset": [0, 1, 0],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_ketiyaswru3k7vub": {
@@ -256,42 +161,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        9.5,
-        0,
-        6.75
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [9.5, 0, 6.75],
+      "rotation": [0, 0, 0],
       "asset": {
         "id": "lounge-chair",
         "category": "furniture",
         "name": "lounge-chair",
         "thumbnail": "/items/lounge-chair/thumbnail.webp",
         "src": "/items/lounge-chair/model.glb",
-        "dimensions": [
-          1,
-          1.1,
-          1.5
-        ],
-        "offset": [
-          0,
-          0,
-          0.09
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "dimensions": [1, 1.1, 1.5],
+        "offset": [0, 0, 0.09],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_8zi2layxh9s8erc1": {
@@ -302,42 +183,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        12,
-        0,
-        6.75
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [12, 0, 6.75],
+      "rotation": [0, 0, 0],
       "asset": {
         "id": "lounge-chair",
         "category": "furniture",
         "name": "lounge-chair",
         "thumbnail": "/items/lounge-chair/thumbnail.webp",
         "src": "/items/lounge-chair/model.glb",
-        "dimensions": [
-          1,
-          1.1,
-          1.5
-        ],
-        "offset": [
-          0,
-          0,
-          0.09
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "dimensions": [1, 1.1, 1.5],
+        "offset": [0, 0, 0.09],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_t29aoosaypbiwkq2": {
@@ -348,42 +205,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        8.25,
-        0,
-        6.75
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [8.25, 0, 6.75],
+      "rotation": [0, 0, 0],
       "asset": {
         "id": "trash-bin",
         "category": "furniture",
         "name": "trash-bin",
         "thumbnail": "/items/trash-bin/thumbnail.webp",
         "src": "/items/trash-bin/model.glb",
-        "dimensions": [
-          0.5,
-          0.6,
-          0.5
-        ],
-        "offset": [
-          0,
-          0,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "dimensions": [0.5, 0.6, 0.5],
+        "offset": [0, 0, 0],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_ycf4n2wudq423w5g": {
@@ -394,42 +227,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        7.25,
-        0,
-        6.75
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [7.25, 0, 6.75],
+      "rotation": [0, 0, 0],
       "asset": {
         "id": "toy",
         "category": "furniture",
         "name": "toy",
         "thumbnail": "/items/toy/thumbnail.webp",
         "src": "/items/toy/model.glb",
-        "dimensions": [
-          0.5,
-          0.5,
-          0.5
-        ],
-        "offset": [
-          0,
-          0,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "dimensions": [0.5, 0.5, 0.5],
+        "offset": [0, 0, 0],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "wall_0j28n7nskm2sst7m": {
@@ -439,18 +248,9 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "children": [
-        "item_53okxjgbe9htx0yb",
-        "item_u94w6z7xl4a8icgn"
-      ],
-      "start": [
-        9,
-        0
-      ],
-      "end": [
-        13,
-        0
-      ]
+      "children": ["item_53okxjgbe9htx0yb", "item_u94w6z7xl4a8icgn"],
+      "start": [9, 0],
+      "end": [13, 0]
     },
     "wall_3wwt9bjqrdc5w09s": {
       "object": "node",
@@ -459,18 +259,9 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "children": [
-        "item_4g68nbqcpnzrqpsa",
-        "item_b5xi5dwyufh17763"
-      ],
-      "start": [
-        13,
-        0
-      ],
-      "end": [
-        13,
-        6
-      ]
+      "children": ["item_4g68nbqcpnzrqpsa", "item_b5xi5dwyufh17763"],
+      "start": [13, 0],
+      "end": [13, 6]
     },
     "item_b5xi5dwyufh17763": {
       "object": "node",
@@ -480,16 +271,8 @@
       "parentId": "wall_3wwt9bjqrdc5w09s",
       "visible": true,
       "metadata": {},
-      "position": [
-        1.5,
-        0,
-        0
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [1.5, 0, 0],
+      "rotation": [0, 0, 0],
       "side": "front",
       "asset": {
         "id": "window-simple",
@@ -497,27 +280,11 @@
         "name": "Window-simple",
         "thumbnail": "/items/window-simple/thumbnail.webp",
         "src": "/items/window-simple/model.glb",
-        "dimensions": [
-          1.5,
-          2,
-          0.5
-        ],
+        "dimensions": [1.5, 2, 0.5],
         "attachTo": "wall",
-        "offset": [
-          1.06,
-          -0.35,
-          0.05
-        ],
-        "rotation": [
-          0,
-          3.14,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "offset": [1.06, -0.35, 0.05],
+        "rotation": [0, 3.14, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_53okxjgbe9htx0yb": {
@@ -528,16 +295,8 @@
       "parentId": "wall_0j28n7nskm2sst7m",
       "visible": true,
       "metadata": {},
-      "position": [
-        2.5,
-        0.5,
-        0
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [2.5, 0.5, 0],
+      "rotation": [0, 0, 0],
       "side": "front",
       "asset": {
         "id": "window-double",
@@ -545,27 +304,11 @@
         "name": "Window-double",
         "thumbnail": "/items/window-double/thumbnail.webp",
         "src": "/items/window-double/model.glb",
-        "dimensions": [
-          1.5,
-          2,
-          0.5
-        ],
+        "dimensions": [1.5, 2, 0.5],
         "attachTo": "wall",
-        "offset": [
-          0,
-          -0.38,
-          0.02
-        ],
-        "rotation": [
-          0,
-          3.14,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "offset": [0, -0.38, 0.02],
+        "rotation": [0, 3.14, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_4g68nbqcpnzrqpsa": {
@@ -576,16 +319,8 @@
       "parentId": "wall_3wwt9bjqrdc5w09s",
       "visible": true,
       "metadata": {},
-      "position": [
-        4,
-        0.5,
-        0
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [4, 0.5, 0],
+      "rotation": [0, 0, 0],
       "side": "front",
       "asset": {
         "id": "window-rectangle",
@@ -593,27 +328,11 @@
         "name": "Window-rectangle",
         "thumbnail": "/items/window-rectangle/thumbnail.webp",
         "src": "/items/window-rectangle/model.glb",
-        "dimensions": [
-          3,
-          2,
-          0.5
-        ],
+        "dimensions": [3, 2, 0.5],
         "attachTo": "wall",
-        "offset": [
-          -1.65,
-          -0.34,
-          0.1
-        ],
-        "rotation": [
-          0,
-          3.14,
-          0
-        ],
-        "scale": [
-          0.95,
-          1,
-          1
-        ]
+        "offset": [-1.65, -0.34, 0.1],
+        "rotation": [0, 3.14, 0],
+        "scale": [0.95, 1, 1]
       }
     },
     "item_u94w6z7xl4a8icgn": {
@@ -624,16 +343,8 @@
       "parentId": "wall_0j28n7nskm2sst7m",
       "visible": true,
       "metadata": {},
-      "position": [
-        1,
-        1,
-        0
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [1, 1, 0],
+      "rotation": [0, 0, 0],
       "side": "front",
       "asset": {
         "id": "window-square",
@@ -641,27 +352,11 @@
         "name": "Window-square",
         "thumbnail": "/items/window-square/thumbnail.webp",
         "src": "/items/window-square/model.glb",
-        "dimensions": [
-          1,
-          1.5,
-          0.3
-        ],
+        "dimensions": [1, 1.5, 0.3],
         "attachTo": "wall",
-        "offset": [
-          0,
-          0.72,
-          0
-        ],
-        "rotation": [
-          0,
-          3.141592653589793,
-          0
-        ],
-        "scale": [
-          0.5,
-          0.5,
-          0.5
-        ]
+        "offset": [0, 0.72, 0],
+        "rotation": [0, 3.141592653589793, 0],
+        "scale": [0.5, 0.5, 0.5]
       }
     },
     "wall_785y11hb3nztn1ua": {
@@ -671,17 +366,9 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "children": [
-        "item_d7yqucsv4neczzyc"
-      ],
-      "start": [
-        8.5,
-        0
-      ],
-      "end": [
-        6,
-        0
-      ]
+      "children": ["item_d7yqucsv4neczzyc"],
+      "start": [8.5, 0],
+      "end": [6, 0]
     },
     "item_d7yqucsv4neczzyc": {
       "object": "node",
@@ -691,16 +378,8 @@
       "parentId": "wall_785y11hb3nztn1ua",
       "visible": true,
       "metadata": {},
-      "position": [
-        1,
-        0,
-        0
-      ],
-      "rotation": [
-        0,
-        3.141592653589793,
-        0
-      ],
+      "position": [1, 0, 0],
+      "rotation": [0, 3.141592653589793, 0],
       "side": "back",
       "asset": {
         "id": "door-bar",
@@ -708,27 +387,11 @@
         "name": "door-bar",
         "thumbnail": "/items/door-bar/thumbnail.webp",
         "src": "/items/door-bar/model.glb",
-        "dimensions": [
-          1.5,
-          2.5,
-          0.5
-        ],
+        "dimensions": [1.5, 2.5, 0.5],
         "attachTo": "wall",
-        "offset": [
-          -0.48,
-          0,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "offset": [-0.48, 0, 0],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "wall_g4h1v4vm9ou0wryc": {
@@ -738,18 +401,9 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "children": [
-        "item_mslnrvkv4302epxo",
-        "item_xurqne401l2bdtd1"
-      ],
-      "start": [
-        6,
-        0
-      ],
-      "end": [
-        0,
-        0
-      ]
+      "children": ["item_mslnrvkv4302epxo", "item_xurqne401l2bdtd1"],
+      "start": [6, 0],
+      "end": [0, 0]
     },
     "item_mslnrvkv4302epxo": {
       "object": "node",
@@ -759,16 +413,8 @@
       "parentId": "wall_g4h1v4vm9ou0wryc",
       "visible": true,
       "metadata": {},
-      "position": [
-        2,
-        0,
-        0
-      ],
-      "rotation": [
-        0,
-        3.141592653589793,
-        0
-      ],
+      "position": [2, 0, 0],
+      "rotation": [0, 3.141592653589793, 0],
       "side": "back",
       "asset": {
         "id": "glass-door",
@@ -776,27 +422,11 @@
         "name": "glass-door",
         "thumbnail": "/items/glass-door/thumbnail.webp",
         "src": "/items/glass-door/model.glb",
-        "dimensions": [
-          1.5,
-          2.5,
-          0.4
-        ],
+        "dimensions": [1.5, 2.5, 0.4],
         "attachTo": "wall",
-        "offset": [
-          -0.52,
-          0,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          0.9,
-          0.9,
-          0.9
-        ]
+        "offset": [-0.52, 0, 0],
+        "rotation": [0, 0, 0],
+        "scale": [0.9, 0.9, 0.9]
       }
     },
     "item_xurqne401l2bdtd1": {
@@ -807,16 +437,8 @@
       "parentId": "wall_g4h1v4vm9ou0wryc",
       "visible": true,
       "metadata": {},
-      "position": [
-        4.5,
-        0,
-        0
-      ],
-      "rotation": [
-        0,
-        3.141592653589793,
-        0
-      ],
+      "position": [4.5, 0, 0],
+      "rotation": [0, 3.141592653589793, 0],
       "side": "back",
       "asset": {
         "id": "door",
@@ -824,27 +446,11 @@
         "name": "door",
         "thumbnail": "/items/door/thumbnail.webp",
         "src": "/items/door/model.glb",
-        "dimensions": [
-          1.5,
-          2.5,
-          0.4
-        ],
+        "dimensions": [1.5, 2.5, 0.4],
         "attachTo": "wall",
-        "offset": [
-          -0.43,
-          0,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          0.9,
-          0.9,
-          0.9
-        ]
+        "offset": [-0.43, 0, 0],
+        "rotation": [0, 0, 0],
+        "scale": [0.9, 0.9, 0.9]
       }
     },
     "item_6e09t7muyapqji6s": {
@@ -855,16 +461,8 @@
       "parentId": "wall_lyuq9em1b88jx85g",
       "visible": true,
       "metadata": {},
-      "position": [
-        4.5,
-        0.5,
-        0
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [4.5, 0.5, 0],
+      "rotation": [0, 0, 0],
       "side": "front",
       "asset": {
         "id": "window-double",
@@ -872,27 +470,11 @@
         "name": "Window-double",
         "thumbnail": "/items/window-double/thumbnail.webp",
         "src": "/items/window-double/model.glb",
-        "dimensions": [
-          1.5,
-          2,
-          0.5
-        ],
+        "dimensions": [1.5, 2, 0.5],
         "attachTo": "wall",
-        "offset": [
-          0,
-          -0.38,
-          0.02
-        ],
-        "rotation": [
-          0,
-          3.14,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "offset": [0, -0.38, 0.02],
+        "rotation": [0, 3.14, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_wcp57nwt4r0zl73b": {
@@ -903,16 +485,8 @@
       "parentId": "wall_lyuq9em1b88jx85g",
       "visible": true,
       "metadata": {},
-      "position": [
-        7.5,
-        0.5,
-        0
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [7.5, 0.5, 0],
+      "rotation": [0, 0, 0],
       "side": "front",
       "asset": {
         "id": "window-rectangle",
@@ -920,27 +494,11 @@
         "name": "Window-rectangle",
         "thumbnail": "/items/window-rectangle/thumbnail.webp",
         "src": "/items/window-rectangle/model.glb",
-        "dimensions": [
-          3,
-          2,
-          0.5
-        ],
+        "dimensions": [3, 2, 0.5],
         "attachTo": "wall",
-        "offset": [
-          -1.65,
-          -0.34,
-          0.1
-        ],
-        "rotation": [
-          0,
-          3.14,
-          0
-        ],
-        "scale": [
-          0.95,
-          1,
-          1
-        ]
+        "offset": [-1.65, -0.34, 0.1],
+        "rotation": [0, 3.14, 0],
+        "scale": [0.95, 1, 1]
       }
     },
     "item_qpmack787iazwo77": {
@@ -951,16 +509,8 @@
       "parentId": "wall_lyuq9em1b88jx85g",
       "visible": true,
       "metadata": {},
-      "position": [
-        10.5,
-        0.5,
-        0
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [10.5, 0.5, 0],
+      "rotation": [0, 0, 0],
       "side": "front",
       "asset": {
         "id": "window-double",
@@ -968,27 +518,11 @@
         "name": "Window-double",
         "thumbnail": "/items/window-double/thumbnail.webp",
         "src": "/items/window-double/model.glb",
-        "dimensions": [
-          1.5,
-          2,
-          0.5
-        ],
+        "dimensions": [1.5, 2, 0.5],
         "attachTo": "wall",
-        "offset": [
-          0,
-          -0.38,
-          0.02
-        ],
-        "rotation": [
-          0,
-          3.14,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "offset": [0, -0.38, 0.02],
+        "rotation": [0, 3.14, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_n78zaonsptayyn9k": {
@@ -999,16 +533,8 @@
       "parentId": "wall_lyuq9em1b88jx85g",
       "visible": true,
       "metadata": {},
-      "position": [
-        14,
-        0.5,
-        0
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [14, 0.5, 0],
+      "rotation": [0, 0, 0],
       "side": "front",
       "asset": {
         "id": "window-double",
@@ -1016,27 +542,11 @@
         "name": "Window-double",
         "thumbnail": "/items/window-double/thumbnail.webp",
         "src": "/items/window-double/model.glb",
-        "dimensions": [
-          1,
-          1,
-          0.5
-        ],
+        "dimensions": [1, 1, 0.5],
         "attachTo": "wall",
-        "offset": [
-          0,
-          -0.18,
-          0.02
-        ],
-        "rotation": [
-          0,
-          3.14,
-          0
-        ],
-        "scale": [
-          0.5,
-          0.5,
-          0.5
-        ]
+        "offset": [0, -0.18, 0.02],
+        "rotation": [0, 3.14, 0],
+        "scale": [0.5, 0.5, 0.5]
       }
     },
     "item_ee7tg7583z4d2w6m": {
@@ -1047,16 +557,8 @@
       "parentId": "wall_lyuq9em1b88jx85g",
       "visible": true,
       "metadata": {},
-      "position": [
-        15.5,
-        1,
-        0
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [15.5, 1, 0],
+      "rotation": [0, 0, 0],
       "side": "front",
       "asset": {
         "id": "window-double",
@@ -1064,27 +566,11 @@
         "name": "Window-double",
         "thumbnail": "/items/window-double/thumbnail.webp",
         "src": "/items/window-double/model.glb",
-        "dimensions": [
-          1,
-          1,
-          0.5
-        ],
+        "dimensions": [1, 1, 0.5],
         "attachTo": "wall",
-        "offset": [
-          0,
-          -0.18,
-          0.02
-        ],
-        "rotation": [
-          0,
-          3.14,
-          0
-        ],
-        "scale": [
-          0.5,
-          0.5,
-          0.5
-        ]
+        "offset": [0, -0.18, 0.02],
+        "rotation": [0, 3.14, 0],
+        "scale": [0.5, 0.5, 0.5]
       }
     },
     "item_1kave256antvprwp": {
@@ -1095,16 +581,8 @@
       "parentId": "wall_lyuq9em1b88jx85g",
       "visible": true,
       "metadata": {},
-      "position": [
-        17,
-        1,
-        0
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [17, 1, 0],
+      "rotation": [0, 0, 0],
       "side": "front",
       "asset": {
         "id": "window-double",
@@ -1112,27 +590,11 @@
         "name": "Window-double",
         "thumbnail": "/items/window-double/thumbnail.webp",
         "src": "/items/window-double/model.glb",
-        "dimensions": [
-          1,
-          1,
-          0.5
-        ],
+        "dimensions": [1, 1, 0.5],
         "attachTo": "wall",
-        "offset": [
-          0,
-          -0.18,
-          0.02
-        ],
-        "rotation": [
-          0,
-          3.14,
-          0
-        ],
-        "scale": [
-          0.5,
-          0.5,
-          0.5
-        ]
+        "offset": [0, -0.18, 0.02],
+        "rotation": [0, 3.14, 0],
+        "scale": [0.5, 0.5, 0.5]
       }
     },
     "item_4vch778zg55nfmgb": {
@@ -1143,42 +605,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        2.5,
-        0,
-        20.75
-      ],
-      "rotation": [
-        0,
-        -1.5707963267948966,
-        0
-      ],
+      "position": [2.5, 0, 20.75],
+      "rotation": [0, -1.5707963267948966, 0],
       "asset": {
         "id": "lounge-chair",
         "category": "furniture",
         "name": "lounge-chair",
         "thumbnail": "/items/lounge-chair/thumbnail.webp",
         "src": "/items/lounge-chair/model.glb",
-        "dimensions": [
-          1,
-          1.1,
-          1.5
-        ],
-        "offset": [
-          0,
-          0,
-          0.09
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "dimensions": [1, 1.1, 1.5],
+        "offset": [0, 0, 0.09],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_vqk00ajqdznqsygs": {
@@ -1189,42 +627,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        3,
-        0,
-        19.25
-      ],
-      "rotation": [
-        0,
-        -1.5707963267948966,
-        0
-      ],
+      "position": [3, 0, 19.25],
+      "rotation": [0, -1.5707963267948966, 0],
       "asset": {
         "id": "tv-stand",
         "category": "furniture",
         "name": "tv-stand",
         "thumbnail": "/items/tv-stand/thumbnail.webp",
         "src": "/items/tv-stand/model.glb",
-        "dimensions": [
-          2,
-          0.4,
-          0.5
-        ],
-        "offset": [
-          0,
-          0.21,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "dimensions": [2, 0.4, 0.5],
+        "offset": [0, 0.21, 0],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "wall_ejrf1znv4twbeszy": {
@@ -1240,14 +654,8 @@
         "item_7ykyzy2yre3761dq",
         "item_4dehdkm4vx6r4ghv"
       ],
-      "start": [
-        1,
-        13
-      ],
-      "end": [
-        1,
-        0.5
-      ]
+      "start": [1, 13],
+      "end": [1, 0.5]
     },
     "item_s9fs055u0ilri7pi": {
       "object": "node",
@@ -1257,16 +665,8 @@
       "parentId": "wall_ejrf1znv4twbeszy",
       "visible": true,
       "metadata": {},
-      "position": [
-        10.5,
-        0.5,
-        0
-      ],
-      "rotation": [
-        0,
-        3.141592653589793,
-        0
-      ],
+      "position": [10.5, 0.5, 0],
+      "rotation": [0, 3.141592653589793, 0],
       "side": "back",
       "asset": {
         "id": "window-double",
@@ -1274,27 +674,11 @@
         "name": "Window-double",
         "thumbnail": "/items/window-double/thumbnail.webp",
         "src": "/items/window-double/model.glb",
-        "dimensions": [
-          1.5,
-          1.5,
-          0.5
-        ],
+        "dimensions": [1.5, 1.5, 0.5],
         "attachTo": "wall",
-        "offset": [
-          0,
-          -0.18,
-          0.02
-        ],
-        "rotation": [
-          0,
-          3.14,
-          0
-        ],
-        "scale": [
-          0.75,
-          0.75,
-          0.75
-        ]
+        "offset": [0, -0.18, 0.02],
+        "rotation": [0, 3.14, 0],
+        "scale": [0.75, 0.75, 0.75]
       }
     },
     "item_4dehdkm4vx6r4ghv": {
@@ -1305,16 +689,8 @@
       "parentId": "wall_ejrf1znv4twbeszy",
       "visible": true,
       "metadata": {},
-      "position": [
-        8.5,
-        0.5,
-        0
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [8.5, 0.5, 0],
+      "rotation": [0, 0, 0],
       "side": "front",
       "asset": {
         "id": "window-double",
@@ -1322,27 +698,11 @@
         "name": "Window-double",
         "thumbnail": "/items/window-double/thumbnail.webp",
         "src": "/items/window-double/model.glb",
-        "dimensions": [
-          1.5,
-          1.5,
-          0.5
-        ],
+        "dimensions": [1.5, 1.5, 0.5],
         "attachTo": "wall",
-        "offset": [
-          0,
-          -0.18,
-          0.02
-        ],
-        "rotation": [
-          0,
-          3.14,
-          0
-        ],
-        "scale": [
-          0.75,
-          0.75,
-          0.75
-        ]
+        "offset": [0, -0.18, 0.02],
+        "rotation": [0, 3.14, 0],
+        "scale": [0.75, 0.75, 0.75]
       }
     },
     "item_0173tdywhm704hah": {
@@ -1353,16 +713,8 @@
       "parentId": "wall_ejrf1znv4twbeszy",
       "visible": true,
       "metadata": {},
-      "position": [
-        6.5,
-        0,
-        0
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [6.5, 0, 0],
+      "rotation": [0, 0, 0],
       "side": "front",
       "asset": {
         "id": "door",
@@ -1370,27 +722,11 @@
         "name": "door",
         "thumbnail": "/items/door/thumbnail.webp",
         "src": "/items/door/model.glb",
-        "dimensions": [
-          1.5,
-          2,
-          0.4
-        ],
+        "dimensions": [1.5, 2, 0.4],
         "attachTo": "wall",
-        "offset": [
-          -0.43,
-          0,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          0.8,
-          0.8,
-          0.8
-        ]
+        "offset": [-0.43, 0, 0],
+        "rotation": [0, 0, 0],
+        "scale": [0.8, 0.8, 0.8]
       }
     },
     "item_7ykyzy2yre3761dq": {
@@ -1401,16 +737,8 @@
       "parentId": "wall_ejrf1znv4twbeszy",
       "visible": true,
       "metadata": {},
-      "position": [
-        4,
-        1.5,
-        0
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [4, 1.5, 0],
+      "rotation": [0, 0, 0],
       "side": "front",
       "asset": {
         "id": "air-conditioning",
@@ -1418,27 +746,11 @@
         "name": "air-conditioning",
         "thumbnail": "/items/air-conditioning/thumbnail.webp",
         "src": "/items/air-conditioning/model.glb",
-        "dimensions": [
-          2,
-          1,
-          0.9
-        ],
+        "dimensions": [2, 1, 0.9],
         "attachTo": "wall-side",
-        "offset": [
-          0,
-          0.37,
-          0.21
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "offset": [0, 0.37, 0.21],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "wall_9l64ckn6p3yzmfxf": {
@@ -1453,14 +765,8 @@
         "item_ii6ymw4nrg64bw8h",
         "item_bt8uiq7mb9w3m0up"
       ],
-      "start": [
-        -4.5,
-        4
-      ],
-      "end": [
-        -4.5,
-        -2.5
-      ]
+      "start": [-4.5, 4],
+      "end": [-4.5, -2.5]
     },
     "item_7x3elrsxyvoubfbi": {
       "object": "node",
@@ -1470,16 +776,8 @@
       "parentId": "wall_9l64ckn6p3yzmfxf",
       "visible": true,
       "metadata": {},
-      "position": [
-        4.5,
-        0,
-        0
-      ],
-      "rotation": [
-        0,
-        3.141592653589793,
-        0
-      ],
+      "position": [4.5, 0, 0],
+      "rotation": [0, 3.141592653589793, 0],
       "side": "back",
       "asset": {
         "id": "window-simple",
@@ -1487,27 +785,11 @@
         "name": "Window-simple",
         "thumbnail": "/items/window-simple/thumbnail.webp",
         "src": "/items/window-simple/model.glb",
-        "dimensions": [
-          1.5,
-          2,
-          0.5
-        ],
+        "dimensions": [1.5, 2, 0.5],
         "attachTo": "wall",
-        "offset": [
-          1.06,
-          0,
-          0.05
-        ],
-        "rotation": [
-          0,
-          3.14,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "offset": [1.06, 0, 0.05],
+        "rotation": [0, 3.14, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_ii6ymw4nrg64bw8h": {
@@ -1518,16 +800,8 @@
       "parentId": "wall_9l64ckn6p3yzmfxf",
       "visible": true,
       "metadata": {},
-      "position": [
-        1,
-        0.5,
-        0
-      ],
-      "rotation": [
-        0,
-        3.141592653589793,
-        0
-      ],
+      "position": [1, 0.5, 0],
+      "rotation": [0, 3.141592653589793, 0],
       "side": "back",
       "asset": {
         "id": "window-square",
@@ -1535,27 +809,11 @@
         "name": "Window-square",
         "thumbnail": "/items/window-square/thumbnail.webp",
         "src": "/items/window-square/model.glb",
-        "dimensions": [
-          1,
-          1.5,
-          0.3
-        ],
+        "dimensions": [1, 1.5, 0.3],
         "attachTo": "wall",
-        "offset": [
-          0,
-          0.72,
-          0
-        ],
-        "rotation": [
-          0,
-          3.141592653589793,
-          0
-        ],
-        "scale": [
-          0.5,
-          0.5,
-          0.5
-        ]
+        "offset": [0, 0.72, 0],
+        "rotation": [0, 3.141592653589793, 0],
+        "scale": [0.5, 0.5, 0.5]
       }
     },
     "item_bt8uiq7mb9w3m0up": {
@@ -1566,16 +824,8 @@
       "parentId": "wall_9l64ckn6p3yzmfxf",
       "visible": true,
       "metadata": {},
-      "position": [
-        2.5,
-        0.5,
-        0
-      ],
-      "rotation": [
-        0,
-        3.141592653589793,
-        0
-      ],
+      "position": [2.5, 0.5, 0],
+      "rotation": [0, 3.141592653589793, 0],
       "side": "back",
       "asset": {
         "id": "window-square",
@@ -1583,27 +833,11 @@
         "name": "Window-square",
         "thumbnail": "/items/window-square/thumbnail.webp",
         "src": "/items/window-square/model.glb",
-        "dimensions": [
-          1,
-          1.5,
-          0.3
-        ],
+        "dimensions": [1, 1.5, 0.3],
         "attachTo": "wall",
-        "offset": [
-          0,
-          0.72,
-          0
-        ],
-        "rotation": [
-          0,
-          3.141592653589793,
-          0
-        ],
-        "scale": [
-          0.5,
-          0.5,
-          0.5
-        ]
+        "offset": [0, 0.72, 0],
+        "rotation": [0, 3.141592653589793, 0],
+        "scale": [0.5, 0.5, 0.5]
       }
     },
     "item_e3bxmnrhz9eclzgw": {
@@ -1614,42 +848,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        12,
-        0,
-        12.25
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [12, 0, 12.25],
+      "rotation": [0, 0, 0],
       "asset": {
         "id": "low-fence",
         "category": "outdoor",
         "name": "low-fence",
         "thumbnail": "/items/low-fence/thumbnail.webp",
         "src": "/items/low-fence/model.glb",
-        "dimensions": [
-          2,
-          0.8,
-          0.5
-        ],
-        "offset": [
-          0,
-          0.01,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "dimensions": [2, 0.8, 0.5],
+        "offset": [0, 0.01, 0],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_vf8hqhemi33y4n0w": {
@@ -1660,42 +870,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        10,
-        0,
-        12.25
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [10, 0, 12.25],
+      "rotation": [0, 0, 0],
       "asset": {
         "id": "low-fence",
         "category": "outdoor",
         "name": "low-fence",
         "thumbnail": "/items/low-fence/thumbnail.webp",
         "src": "/items/low-fence/model.glb",
-        "dimensions": [
-          2,
-          0.8,
-          0.5
-        ],
-        "offset": [
-          0,
-          0.01,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "dimensions": [2, 0.8, 0.5],
+        "offset": [0, 0.01, 0],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_k2zexryozzwgokox": {
@@ -1706,42 +892,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        8,
-        0,
-        12.25
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [8, 0, 12.25],
+      "rotation": [0, 0, 0],
       "asset": {
         "id": "low-fence",
         "category": "outdoor",
         "name": "low-fence",
         "thumbnail": "/items/low-fence/thumbnail.webp",
         "src": "/items/low-fence/model.glb",
-        "dimensions": [
-          2,
-          0.8,
-          0.5
-        ],
-        "offset": [
-          0,
-          0.01,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "dimensions": [2, 0.8, 0.5],
+        "offset": [0, 0.01, 0],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_6p3y4rva0zv24s1t": {
@@ -1752,42 +914,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        7.5,
-        0,
-        14.25
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [7.5, 0, 14.25],
+      "rotation": [0, 0, 0],
       "asset": {
         "id": "parking-spot",
         "category": "outdoor",
         "name": "parking-spot",
         "thumbnail": "/items/parking-spot/thumbnail.webp",
         "src": "/items/parking-spot/model.glb",
-        "dimensions": [
-          5,
-          1,
-          2.5
-        ],
-        "offset": [
-          0,
-          0,
-          0.01
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          0.9,
-          1,
-          0.78
-        ]
+        "dimensions": [5, 1, 2.5],
+        "offset": [0, 0, 0.01],
+        "rotation": [0, 0, 0],
+        "scale": [0.9, 1, 0.78]
       }
     },
     "item_r7idtbazaf6482kq": {
@@ -1798,42 +936,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        5.75,
-        0,
-        11.75
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [5.75, 0, 11.75],
+      "rotation": [0, 0, 0],
       "asset": {
         "id": "fir-tree",
         "category": "outdoor",
         "name": "fir-tree",
         "thumbnail": "/items/fir-tree/thumbnail.webp",
         "src": "/items/fir-tree/model.glb",
-        "dimensions": [
-          1.5,
-          3.2,
-          1.5
-        ],
-        "offset": [
-          -0.09,
-          0.05,
-          0.03
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "dimensions": [1.5, 3.2, 1.5],
+        "offset": [-0.09, 0.05, 0.03],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_0x8hjyork26n4g2m": {
@@ -1844,42 +958,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        12,
-        0,
-        16
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [12, 0, 16],
+      "rotation": [0, 0, 0],
       "asset": {
         "id": "tree",
         "category": "outdoor",
         "name": "tree",
         "thumbnail": "/items/tree/thumbnail.webp",
         "src": "/items/tree/model.glb",
-        "dimensions": [
-          4,
-          5,
-          4
-        ],
-        "offset": [
-          0.09,
-          0.17,
-          0.06
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          0.65,
-          0.65,
-          0.65
-        ]
+        "dimensions": [4, 5, 4],
+        "offset": [0.09, 0.17, 0.06],
+        "rotation": [0, 0, 0],
+        "scale": [0.65, 0.65, 0.65]
       }
     },
     "item_tmprvzxa85izusug": {
@@ -1890,42 +980,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        3.75,
-        0,
-        13.75
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [3.75, 0, 13.75],
+      "rotation": [0, 0, 0],
       "asset": {
         "id": "pillar",
         "category": "outdoor",
         "name": "pillar",
         "thumbnail": "/items/pillar/thumbnail.webp",
         "src": "/items/pillar/model.glb",
-        "dimensions": [
-          0.5,
-          1.3,
-          0.5
-        ],
-        "offset": [
-          0,
-          0,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "dimensions": [0.5, 1.3, 0.5],
+        "offset": [0, 0, 0],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_g6219gs7mrpg7bzd": {
@@ -1936,42 +1002,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        6.75,
-        0,
-        12.25
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [6.75, 0, 12.25],
+      "rotation": [0, 0, 0],
       "asset": {
         "id": "pillar",
         "category": "outdoor",
         "name": "pillar",
         "thumbnail": "/items/pillar/thumbnail.webp",
         "src": "/items/pillar/model.glb",
-        "dimensions": [
-          0.5,
-          1.3,
-          0.5
-        ],
-        "offset": [
-          0,
-          0,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "dimensions": [0.5, 1.3, 0.5],
+        "offset": [0, 0, 0],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_dts7f41ictd7hah4": {
@@ -1982,42 +1024,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        13,
-        0,
-        11.25
-      ],
-      "rotation": [
-        0,
-        1.5707963267948966,
-        0
-      ],
+      "position": [13, 0, 11.25],
+      "rotation": [0, 1.5707963267948966, 0],
       "asset": {
         "id": "low-fence",
         "category": "outdoor",
         "name": "low-fence",
         "thumbnail": "/items/low-fence/thumbnail.webp",
         "src": "/items/low-fence/model.glb",
-        "dimensions": [
-          2,
-          0.8,
-          0.5
-        ],
-        "offset": [
-          0,
-          0.01,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "dimensions": [2, 0.8, 0.5],
+        "offset": [0, 0.01, 0],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_in5trmidft4sglhx": {
@@ -2028,42 +1046,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        13,
-        0,
-        9.25
-      ],
-      "rotation": [
-        0,
-        1.5707963267948966,
-        0
-      ],
+      "position": [13, 0, 9.25],
+      "rotation": [0, 1.5707963267948966, 0],
       "asset": {
         "id": "low-fence",
         "category": "outdoor",
         "name": "low-fence",
         "thumbnail": "/items/low-fence/thumbnail.webp",
         "src": "/items/low-fence/model.glb",
-        "dimensions": [
-          2,
-          0.8,
-          0.5
-        ],
-        "offset": [
-          0,
-          0.01,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "dimensions": [2, 0.8, 0.5],
+        "offset": [0, 0.01, 0],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "zone_c7k2ssvmbv5d1xlm": {
@@ -2075,46 +1069,21 @@
       "visible": true,
       "metadata": {},
       "polygon": [
-        [
-          3,
-          15.5
-        ],
-        [
-          3,
-          0
-        ],
-        [
-          9,
-          0
-        ],
-        [
-          9,
-          6
-        ],
-        [
-          13,
-          6
-        ],
-        [
-          16,
-          6
-        ],
-        [
-          16,
-          15.5
-        ]
+        [3, 15.5],
+        [3, 0],
+        [9, 0],
+        [9, 6],
+        [13, 6],
+        [16, 6],
+        [16, 15.5]
       ],
       "color": "#22c55e",
       "camera": {
         "position": [
-          -6.654332076100337,
-          17.996846152830106,
-          22.501743052051737
+          -6.654332076100337, 17.996846152830106, 22.501743052051737
         ],
         "target": [
-          5.317880378107912,
-          -2.779128022959309e-17,
-          10.080522989431769
+          5.317880378107912, -2.779128022959309e-17, 10.080522989431769
         ],
         "mode": "perspective"
       }
@@ -2127,42 +1096,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        17,
-        0,
-        6.25
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [17, 0, 6.25],
+      "rotation": [0, 0, 0],
       "asset": {
         "id": "high-fence",
         "category": "outdoor",
         "name": "high-fence",
         "thumbnail": "/items/high-fence/thumbnail.webp",
         "src": "/items/high-fence/model.glb",
-        "dimensions": [
-          4,
-          4.1,
-          0.5
-        ],
-        "offset": [
-          0,
-          0.01,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "dimensions": [4, 4.1, 0.5],
+        "offset": [0, 0.01, 0],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_iyu7knyxqe82c3yg": {
@@ -2173,42 +1118,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        21,
-        0,
-        6.25
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [21, 0, 6.25],
+      "rotation": [0, 0, 0],
       "asset": {
         "id": "high-fence",
         "category": "outdoor",
         "name": "high-fence",
         "thumbnail": "/items/high-fence/thumbnail.webp",
         "src": "/items/high-fence/model.glb",
-        "dimensions": [
-          4,
-          4.1,
-          0.5
-        ],
-        "offset": [
-          0,
-          0.01,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "dimensions": [4, 4.1, 0.5],
+        "offset": [0, 0.01, 0],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_nwe34qk8vzs1vag7": {
@@ -2219,42 +1140,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        16.5,
-        0,
-        9
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [16.5, 0, 9],
+      "rotation": [0, 0, 0],
       "asset": {
         "id": "tree",
         "category": "outdoor",
         "name": "tree",
         "thumbnail": "/items/tree/thumbnail.webp",
         "src": "/items/tree/model.glb",
-        "dimensions": [
-          4,
-          5,
-          4
-        ],
-        "offset": [
-          0.09,
-          0.17,
-          0.06
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          0.65,
-          0.65,
-          0.65
-        ]
+        "dimensions": [4, 5, 4],
+        "offset": [0.09, 0.17, 0.06],
+        "rotation": [0, 0, 0],
+        "scale": [0.65, 0.65, 0.65]
       }
     },
     "item_oay55zmjjo76s1fs": {
@@ -2265,42 +1162,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        23,
-        0,
-        4.25
-      ],
-      "rotation": [
-        0,
-        1.5707963267948966,
-        0
-      ],
+      "position": [23, 0, 4.25],
+      "rotation": [0, 1.5707963267948966, 0],
       "asset": {
         "id": "high-fence",
         "category": "outdoor",
         "name": "High Fence",
         "thumbnail": "/items/high-fence/thumbnail.webp",
         "src": "/items/high-fence/model.glb",
-        "dimensions": [
-          4,
-          4.1,
-          0.5
-        ],
-        "offset": [
-          0,
-          0.01,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "dimensions": [4, 4.1, 0.5],
+        "offset": [0, 0.01, 0],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_g060bhthvcra992w": {
@@ -2311,42 +1184,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        23,
-        0,
-        -1.25
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [23, 0, -1.25],
+      "rotation": [0, 0, 0],
       "asset": {
         "id": "medium-fence",
         "category": "outdoor",
         "name": "Medium Fence",
         "thumbnail": "/items/medium-fence/thumbnail.webp",
         "src": "/items/medium-fence/model.glb",
-        "dimensions": [
-          2,
-          2,
-          0.5
-        ],
-        "offset": [
-          0,
-          0.01,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          0.49,
-          0.49,
-          0.49
-        ]
+        "dimensions": [2, 2, 0.5],
+        "offset": [0, 0.01, 0],
+        "rotation": [0, 0, 0],
+        "scale": [0.49, 0.49, 0.49]
       }
     },
     "item_38kt7s45alt2vrjg": {
@@ -2357,42 +1206,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        22,
-        0,
-        -2.25
-      ],
-      "rotation": [
-        0,
-        1.5707963267948966,
-        0
-      ],
+      "position": [22, 0, -2.25],
+      "rotation": [0, 1.5707963267948966, 0],
       "asset": {
         "id": "medium-fence",
         "category": "outdoor",
         "name": "Medium Fence",
         "thumbnail": "/items/medium-fence/thumbnail.webp",
         "src": "/items/medium-fence/model.glb",
-        "dimensions": [
-          2,
-          2,
-          0.5
-        ],
-        "offset": [
-          0,
-          0.01,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          0.49,
-          0.49,
-          0.49
-        ]
+        "dimensions": [2, 2, 0.5],
+        "offset": [0, 0.01, 0],
+        "rotation": [0, 0, 0],
+        "scale": [0.49, 0.49, 0.49]
       }
     },
     "item_n10cp9ke7n9hxl96": {
@@ -2403,42 +1228,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        23,
-        0,
-        -4.75
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [23, 0, -4.75],
+      "rotation": [0, 0, 0],
       "asset": {
         "id": "low-fence",
         "category": "outdoor",
         "name": "Low Fence",
         "thumbnail": "/items/low-fence/thumbnail.webp",
         "src": "/items/low-fence/model.glb",
-        "dimensions": [
-          2,
-          0.8,
-          0.5
-        ],
-        "offset": [
-          0,
-          0.01,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "dimensions": [2, 0.8, 0.5],
+        "offset": [0, 0.01, 0],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_nt5fxip4a03cmaoi": {
@@ -2449,42 +1250,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        22,
-        0,
-        -5.75
-      ],
-      "rotation": [
-        0,
-        1.5707963267948966,
-        0
-      ],
+      "position": [22, 0, -5.75],
+      "rotation": [0, 1.5707963267948966, 0],
       "asset": {
         "id": "low-fence",
         "category": "outdoor",
         "name": "Low Fence",
         "thumbnail": "/items/low-fence/thumbnail.webp",
         "src": "/items/low-fence/model.glb",
-        "dimensions": [
-          2,
-          0.8,
-          0.5
-        ],
-        "offset": [
-          0,
-          0.01,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "dimensions": [2, 0.8, 0.5],
+        "offset": [0, 0.01, 0],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_1quoil3ytsuuarni": {
@@ -2495,42 +1272,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        15,
-        0,
-        4.25
-      ],
-      "rotation": [
-        0,
-        1.5707963267948966,
-        0
-      ],
+      "position": [15, 0, 4.25],
+      "rotation": [0, 1.5707963267948966, 0],
       "asset": {
         "id": "high-fence",
         "category": "outdoor",
         "name": "High Fence",
         "thumbnail": "/items/high-fence/thumbnail.webp",
         "src": "/items/high-fence/model.glb",
-        "dimensions": [
-          4,
-          4.1,
-          0.5
-        ],
-        "offset": [
-          0,
-          0.01,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          1,
-          1,
-          1
-        ]
+        "dimensions": [4, 4.1, 0.5],
+        "offset": [0, 0.01, 0],
+        "rotation": [0, 0, 0],
+        "scale": [1, 1, 1]
       }
     },
     "item_e1w89kkg2pql1v45": {
@@ -2541,42 +1294,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        17,
-        0,
-        0.25
-      ],
-      "rotation": [
-        0,
-        1.5707963267948966,
-        0
-      ],
+      "position": [17, 0, 0.25],
+      "rotation": [0, 1.5707963267948966, 0],
       "asset": {
         "id": "medium-fence",
         "category": "outdoor",
         "name": "Medium Fence",
         "thumbnail": "/items/medium-fence/thumbnail.webp",
         "src": "/items/medium-fence/model.glb",
-        "dimensions": [
-          2,
-          2,
-          0.5
-        ],
-        "offset": [
-          0,
-          0.01,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          0.49,
-          0.49,
-          0.49
-        ]
+        "dimensions": [2, 2, 0.5],
+        "offset": [0, 0.01, 0],
+        "rotation": [0, 0, 0],
+        "scale": [0.49, 0.49, 0.49]
       }
     },
     "item_3akotmiffzdr8ule": {
@@ -2587,42 +1316,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        17,
-        0,
-        -1.75
-      ],
-      "rotation": [
-        0,
-        1.5707963267948966,
-        0
-      ],
+      "position": [17, 0, -1.75],
+      "rotation": [0, 1.5707963267948966, 0],
       "asset": {
         "id": "medium-fence",
         "category": "outdoor",
         "name": "Medium Fence",
         "thumbnail": "/items/medium-fence/thumbnail.webp",
         "src": "/items/medium-fence/model.glb",
-        "dimensions": [
-          2,
-          2,
-          0.5
-        ],
-        "offset": [
-          0,
-          0.01,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          0.49,
-          0.49,
-          0.49
-        ]
+        "dimensions": [2, 2, 0.5],
+        "offset": [0, 0.01, 0],
+        "rotation": [0, 0, 0],
+        "scale": [0.49, 0.49, 0.49]
       }
     },
     "item_1b3tinfswueb6gr8": {
@@ -2633,42 +1338,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        17,
-        0,
-        -4.75
-      ],
-      "rotation": [
-        0,
-        4.71238898038469,
-        0
-      ],
+      "position": [17, 0, -4.75],
+      "rotation": [0, 4.71238898038469, 0],
       "asset": {
         "id": "medium-fence",
         "category": "outdoor",
         "name": "Medium Fence",
         "thumbnail": "/items/medium-fence/thumbnail.webp",
         "src": "/items/medium-fence/model.glb",
-        "dimensions": [
-          2,
-          2,
-          0.5
-        ],
-        "offset": [
-          0,
-          0.01,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          0.49,
-          0.49,
-          0.49
-        ]
+        "dimensions": [2, 2, 0.5],
+        "offset": [0, 0.01, 0],
+        "rotation": [0, 0, 0],
+        "scale": [0.49, 0.49, 0.49]
       }
     },
     "item_y164oe3lxfx9qefg": {
@@ -2679,42 +1360,18 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        17,
-        0,
-        -6.75
-      ],
-      "rotation": [
-        0,
-        4.71238898038469,
-        0
-      ],
+      "position": [17, 0, -6.75],
+      "rotation": [0, 4.71238898038469, 0],
       "asset": {
         "id": "medium-fence",
         "category": "outdoor",
         "name": "Medium Fence",
         "thumbnail": "/items/medium-fence/thumbnail.webp",
         "src": "/items/medium-fence/model.glb",
-        "dimensions": [
-          2,
-          2,
-          0.5
-        ],
-        "offset": [
-          0,
-          0.01,
-          0
-        ],
-        "rotation": [
-          0,
-          0,
-          0
-        ],
-        "scale": [
-          0.49,
-          0.49,
-          0.49
-        ]
+        "dimensions": [2, 2, 0.5],
+        "offset": [0, 0.01, 0],
+        "rotation": [0, 0, 0],
+        "scale": [0.49, 0.49, 0.49]
       }
     },
     "roof_ui8zhim41alg6lq4": {
@@ -2725,11 +1382,7 @@
       "parentId": "level_pojp0mw3qssu110w",
       "visible": true,
       "metadata": {},
-      "position": [
-        1,
-        0,
-        -5.5
-      ],
+      "position": [1, 0, -5.5],
       "rotation": 0,
       "length": 0.5,
       "height": 1.5,
@@ -2745,21 +1398,11 @@
       "visible": true,
       "metadata": {},
       "url": "asset://1e66ba17-99d2-4c5c-ad2b-00dff438b6a7",
-      "position": [
-        0,
-        0,
-        0
-      ],
-      "rotation": [
-        0,
-        0,
-        0
-      ],
+      "position": [0, 0, 0],
+      "rotation": [0, 0, 0],
       "scale": 1,
       "opacity": 51
     }
   },
-  "rootNodeIds": [
-    "building_bv4ilcjivnxn8wkd"
-  ]
-}
\ No newline at end of file
+  "rootNodeIds": ["building_bv4ilcjivnxn8wkd"]
+}
diff --git a/apps/editor/tsconfig.json b/apps/editor/tsconfig.json
index 13904941..2d55f436 100644
--- a/apps/editor/tsconfig.json
+++ b/apps/editor/tsconfig.json
@@ -1,5 +1,5 @@
 {
-  "extends": "@repo/typescript-config/nextjs.json",
+  "extends": "@pascal/typescript-config/nextjs.json",
   "compilerOptions": {
     "plugins": [
       {
diff --git a/bun.lock b/bun.lock
index 0879283f..905e6126 100644
--- a/bun.lock
+++ b/bun.lock
@@ -1,6 +1,6 @@
 {
   "lockfileVersion": 1,
-  "configVersion": 0,
+  "configVersion": 1,
   "workspaces": {
     "": {
       "name": "editor",
@@ -8,55 +8,25 @@
         "portless": "^0.4.2",
       },
       "devDependencies": {
-        "@biomejs/biome": "^2.4.4",
-        "supabase": "2.76.15",
+        "@biomejs/biome": "^2.4.6",
+        "dotenv-cli": "^11.0.0",
         "turbo": "^2.8.15",
         "typescript": "5.9.3",
-        "ultracite": "^7.2.4",
+        "ultracite": "^7.2.5",
       },
     },
     "apps/editor": {
-      "name": "web",
+      "name": "editor",
       "version": "0.1.0",
       "dependencies": {
         "@number-flow/react": "^0.5.14",
-        "@pascal-app/auth": "*",
         "@pascal-app/core": "*",
-        "@pascal-app/db": "*",
+        "@pascal-app/editor": "*",
         "@pascal-app/viewer": "*",
-        "@radix-ui/react-alert-dialog": "^1.1.15",
-        "@radix-ui/react-context-menu": "^2.2.16",
-        "@radix-ui/react-dialog": "^1.1.15",
-        "@radix-ui/react-dropdown-menu": "^2.1.16",
-        "@radix-ui/react-popover": "^1.1.15",
-        "@radix-ui/react-select": "^2.2.6",
-        "@radix-ui/react-separator": "^1.1.8",
-        "@radix-ui/react-slider": "^1.3.6",
-        "@radix-ui/react-slot": "^1.2.4",
-        "@radix-ui/react-switch": "^1.2.6",
-        "@radix-ui/react-tabs": "^1.1.13",
-        "@radix-ui/react-tooltip": "^1.2.8",
-        "@react-google-maps/api": "^2.20.8",
         "@react-three/drei": "^10.7.7",
         "@react-three/fiber": "^9.5.0",
-        "@react-three/uikit-lucide": "^1.0.62",
-        "@repo/ui": "*",
-        "@supabase/supabase-js": "^2.98.0",
-        "@t3-oss/env-nextjs": "^0.13.10",
         "@tailwindcss/postcss": "^4.2.1",
-        "@types/three": "^0.183.1",
-        "@vercel/analytics": "^1.6.1",
-        "@vercel/speed-insights": "^1.3.1",
-        "@vercel/toolbar": "^0.2.2",
-        "@visual-json/react": "latest",
-        "better-auth": "^1.5.2",
-        "class-variance-authority": "^0.7.1",
         "clsx": "^2.1.1",
-        "cmdk": "^1.1.1",
-        "howler": "^2.2.4",
-        "lucide-react": "^0.562.0",
-        "motion": "^12.34.3",
-        "nanoid": "^5.1.6",
         "next": "16.1.6",
         "postcss": "^8.5.6",
         "react": "^19.2.4",
@@ -64,11 +34,9 @@
         "tailwind-merge": "^3.5.0",
         "tailwindcss": "^4.2.1",
         "three": "^0.183.1",
-        "zod": "^4.3.6",
-        "zustand": "^5.0.11",
       },
       "devDependencies": {
-        "@repo/typescript-config": "*",
+        "@pascal/typescript-config": "*",
         "@types/howler": "^2.2.12",
         "@types/node": "^22.19.12",
         "@types/react": "19.2.2",
@@ -79,19 +47,6 @@
         "typescript": "5.9.3",
       },
     },
-    "packages/auth": {
-      "name": "@pascal-app/auth",
-      "version": "0.0.0",
-      "dependencies": {
-        "@pascal-app/db": "*",
-        "better-auth": "^1.5.2",
-        "resend": "^4.0.1",
-      },
-      "devDependencies": {
-        "@repo/typescript-config": "*",
-        "typescript": "5.9.3",
-      },
-    },
     "packages/core": {
       "name": "@pascal-app/core",
       "version": "0.1.13",
@@ -107,7 +62,7 @@
         "zustand": "^5",
       },
       "devDependencies": {
-        "@repo/typescript-config": "*",
+        "@pascal/typescript-config": "*",
         "@types/react": "^19.2.2",
         "@types/three": "^0.183.0",
         "typescript": "5.9.3",
@@ -119,21 +74,57 @@
         "three": "^0.183",
       },
     },
-    "packages/db": {
-      "name": "@pascal-app/db",
-      "version": "0.0.0",
+    "packages/editor": {
+      "name": "@pascal-app/editor",
+      "version": "0.1.0",
       "dependencies": {
-        "@supabase/supabase-js": "^2.95.3",
-        "drizzle-orm": "^0.45.1",
-        "drizzle-zod": "^0.8.3",
-        "nanoid": "^5.0.9",
-        "postgres": "^3.4.5",
+        "@number-flow/react": "^0.5.14",
+        "@radix-ui/react-alert-dialog": "^1.1.15",
+        "@radix-ui/react-context-menu": "^2.2.16",
+        "@radix-ui/react-dialog": "^1.1.15",
+        "@radix-ui/react-dropdown-menu": "^2.1.16",
+        "@radix-ui/react-popover": "^1.1.15",
+        "@radix-ui/react-select": "^2.2.6",
+        "@radix-ui/react-separator": "^1.1.8",
+        "@radix-ui/react-slider": "^1.3.6",
+        "@radix-ui/react-slot": "^1.2.4",
+        "@radix-ui/react-switch": "^1.2.6",
+        "@radix-ui/react-tabs": "^1.1.13",
+        "@radix-ui/react-tooltip": "^1.2.8",
+        "@react-three/uikit-lucide": "^1.0.62",
+        "@visual-json/react": "latest",
+        "class-variance-authority": "^0.7.1",
+        "clsx": "^2.1.1",
+        "cmdk": "^1.1.1",
+        "howler": "^2.2.4",
+        "lucide-react": "^0.562.0",
+        "mitt": "^3.0.1",
+        "motion": "^12.34.3",
+        "nanoid": "^5.1.6",
+        "tailwind-merge": "^3.5.0",
+        "zod": "^4.3.6",
+        "zustand": "^5.0.11",
       },
       "devDependencies": {
-        "@repo/typescript-config": "*",
-        "drizzle-kit": "^0.31.9",
+        "@pascal-app/core": "*",
+        "@pascal-app/viewer": "*",
+        "@pascal/typescript-config": "*",
+        "@types/howler": "^2.2.12",
+        "@types/react": "19.2.2",
+        "@types/react-dom": "19.2.2",
+        "@types/three": "^0.183.1",
         "typescript": "5.9.3",
       },
+      "peerDependencies": {
+        "@pascal-app/core": "*",
+        "@pascal-app/viewer": "*",
+        "@react-three/drei": "^10",
+        "@react-three/fiber": "^9",
+        "next": ">=15",
+        "react": "^18 || ^19",
+        "react-dom": "^18 || ^19",
+        "three": "^0.183",
+      },
     },
     "packages/eslint-config": {
       "name": "@repo/eslint-config",
@@ -181,7 +172,7 @@
         "zustand": "^5",
       },
       "devDependencies": {
-        "@repo/typescript-config": "*",
+        "@pascal/typescript-config": "*",
         "@types/react": "^19.2.2",
         "@types/three": "^0.183.0",
         "typescript": "5.9.3",
@@ -194,6 +185,10 @@
         "three": "^0.183",
       },
     },
+    "tooling/typescript": {
+      "name": "@pascal/typescript-config",
+      "version": "0.0.0",
+    },
   },
   "packages": {
     "@alloc/quick-lru": ["@alloc/quick-lru@5.2.0", "", {}, "sha512-UrcABB+4bUrFABwbluTIBErXwvbsU/V7TZWfmbgJfbkwiBuziS9gxdODUyuiecfdGQ85jglMW6juS3+z5TsKLw=="],
@@ -234,24 +229,6 @@
 
     "@babel/types": ["@babel/types@7.29.0", "", { "dependencies": { "@babel/helper-string-parser": "^7.27.1", "@babel/helper-validator-identifier": "^7.28.5" } }, "sha512-LwdZHpScM4Qz8Xw2iKSzS+cfglZzJGvofQICy7W7v4caru4EaAmyUuO6BGrbyQ2mYV11W0U8j5mBhd14dd3B0A=="],
 
-    "@better-auth/core": ["@better-auth/core@1.5.2", "", { "dependencies": { "@standard-schema/spec": "^1.1.0", "zod": "^4.3.6" }, "peerDependencies": { "@better-auth/utils": "0.3.1", "@better-fetch/fetch": "1.1.21", "@cloudflare/workers-types": ">=4", "better-call": "1.3.2", "jose": "^6.1.0", "kysely": "^0.28.5", "nanostores": "^1.0.1" }, "optionalPeers": ["@cloudflare/workers-types"] }, "sha512-svaKRVN/p3+g++kljLEedHC+RgDlGsVr87tKiATr5xIE7xqLO1If906pMTNMfhF08N5r7pMbix/mRYdObuPKHA=="],
-
-    "@better-auth/drizzle-adapter": ["@better-auth/drizzle-adapter@1.5.2", "", { "peerDependencies": { "@better-auth/core": "1.5.2", "@better-auth/utils": "^0.3.0", "drizzle-orm": ">=0.41.0" } }, "sha512-29e7UCwqTriIuDdEr1xbSx4qGg6Ag3aTopzRavPyOCYJyzTwePw8iZ9zaJF1fsLmLeany7LW069NMDf6+3tz/w=="],
-
-    "@better-auth/kysely-adapter": ["@better-auth/kysely-adapter@1.5.2", "", { "peerDependencies": { "@better-auth/core": "1.5.2", "@better-auth/utils": "^0.3.0", "kysely": "^0.27.0 || ^0.28.0" } }, "sha512-PaP+KPJ6Cw0DxzuZLH6eR0oFhS5Iq/KjYvmZt76fCl5Q7Ys9Cct0kXVVlrD1bftiznTpV+UKMfwjcCWvtc1l4w=="],
-
-    "@better-auth/memory-adapter": ["@better-auth/memory-adapter@1.5.2", "", { "peerDependencies": { "@better-auth/core": "1.5.2", "@better-auth/utils": "^0.3.0" } }, "sha512-vCbmMpUAisISRVxzNFIxkvO3wm63fzwSxAOO9Xktl77VyEyh8zliBNcW8S6+9DOeolVRKhjWEg7UaBOtIhFX/Q=="],
-
-    "@better-auth/mongo-adapter": ["@better-auth/mongo-adapter@1.5.2", "", { "peerDependencies": { "@better-auth/core": "1.5.2", "@better-auth/utils": "^0.3.0", "mongodb": "^6.0.0 || ^7.0.0" } }, "sha512-fJd+Z7fgRFgK2W7oxbFYM9K10yEUs/hlALzihCdDgSyRg9XFLBMJkMcECRqBsop/cZUjwZxLBTQPsIpgx9ix1g=="],
-
-    "@better-auth/prisma-adapter": ["@better-auth/prisma-adapter@1.5.2", "", { "dependencies": { "@prisma/client": "^7.4.1" }, "peerDependencies": { "@better-auth/core": "1.5.2", "@better-auth/utils": "^0.3.0", "prisma": "^5.0.0 || ^6.0.0 || ^7.0.0" } }, "sha512-9GB4q91Q16wSSsi1vFP/RZNW0GNmdxTiDcE2MX1fC4Hlmo6UuT4WRv+94YPYs3/tPhsJ17k5Lt+rKTOK8S6Kbw=="],
-
-    "@better-auth/telemetry": ["@better-auth/telemetry@1.5.2", "", { "dependencies": { "@better-auth/utils": "0.3.1", "@better-fetch/fetch": "1.1.21" }, "peerDependencies": { "@better-auth/core": "1.5.2" } }, "sha512-Cukyj5yciFNGtx5SkQCop2wOjpHuq2ZHL3V7ydVFe51WUNCXd+v1Sbed2sIfT/8hOcSB+NefALXNv1yTSxKkAQ=="],
-
-    "@better-auth/utils": ["@better-auth/utils@0.3.1", "", {}, "sha512-+CGp4UmZSUrHHnpHhLPYu6cV+wSUSvVbZbNykxhUDocpVNTo9uFFxw/NqJlh1iC4wQ9HKKWGCKuZ5wUgS0v6Kg=="],
-
-    "@better-fetch/fetch": ["@better-fetch/fetch@1.1.21", "", {}, "sha512-/ImESw0sskqlVR94jB+5+Pxjf+xBwDZF/N5+y2/q4EqD7IARUTSpPfIo8uf39SYpCxyOCtbyYpUrZ3F/k0zT4A=="],
-
     "@biomejs/biome": ["@biomejs/biome@2.4.6", "", { "optionalDependencies": { "@biomejs/cli-darwin-arm64": "2.4.6", "@biomejs/cli-darwin-x64": "2.4.6", "@biomejs/cli-linux-arm64": "2.4.6", "@biomejs/cli-linux-arm64-musl": "2.4.6", "@biomejs/cli-linux-x64": "2.4.6", "@biomejs/cli-linux-x64-musl": "2.4.6", "@biomejs/cli-win32-arm64": "2.4.6", "@biomejs/cli-win32-x64": "2.4.6" }, "bin": { "biome": "bin/biome" } }, "sha512-QnHe81PMslpy3mnpL8DnO2M4S4ZnYPkjlGCLWBZT/3R9M6b5daArWMMtEfP52/n174RKnwRIf3oT8+wc9ihSfQ=="],
 
     "@biomejs/cli-darwin-arm64": ["@biomejs/cli-darwin-arm64@2.4.6", "", { "os": "darwin", "cpu": "arm64" }, "sha512-NW18GSyxr+8sJIqgoGwVp5Zqm4SALH4b4gftIA0n62PTuBs6G2tHlwNAOj0Vq0KKSs7Sf88VjjmHh0O36EnzrQ=="],
@@ -270,33 +247,13 @@
 
     "@biomejs/cli-win32-x64": ["@biomejs/cli-win32-x64@2.4.6", "", { "os": "win32", "cpu": "x64" }, "sha512-7++XhnsPlr1HDbor5amovPjOH6vsrFOCdp93iKXhFn6bcMUI6soodj3WWKfgEO6JosKU1W5n3uky3WW9RlRjTg=="],
 
-    "@chevrotain/cst-dts-gen": ["@chevrotain/cst-dts-gen@10.5.0", "", { "dependencies": { "@chevrotain/gast": "10.5.0", "@chevrotain/types": "10.5.0", "lodash": "4.17.21" } }, "sha512-lhmC/FyqQ2o7pGK4Om+hzuDrm9rhFYIJ/AXoQBeongmn870Xeb0L6oGEiuR8nohFNL5sMaQEJWCxr1oIVIVXrw=="],
-
-    "@chevrotain/gast": ["@chevrotain/gast@10.5.0", "", { "dependencies": { "@chevrotain/types": "10.5.0", "lodash": "4.17.21" } }, "sha512-pXdMJ9XeDAbgOWKuD1Fldz4ieCs6+nLNmyVhe2gZVqoO7v8HXuHYs5OV2EzUtbuai37TlOAQHrTDvxMnvMJz3A=="],
-
-    "@chevrotain/types": ["@chevrotain/types@10.5.0", "", {}, "sha512-f1MAia0x/pAVPWH/T73BJVyO2XU5tI4/iE7cnxb7tqdNTNhQI3Uq3XkqcoteTmD4t1aM0LbHCJOhgIDn07kl2A=="],
-
-    "@chevrotain/utils": ["@chevrotain/utils@10.5.0", "", {}, "sha512-hBzuU5+JjB2cqNZyszkDHZgOSrUUT8V3dhgRl8Q9Gp6dAj/H5+KILGjbhDpc3Iy9qmqlm/akuOI2ut9VUtzJxQ=="],
-
     "@clack/core": ["@clack/core@1.1.0", "", { "dependencies": { "sisteransi": "^1.0.5" } }, "sha512-SVcm4Dqm2ukn64/8Gub2wnlA5nS2iWJyCkdNHcvNHPIeBTGojpdJ+9cZKwLfmqy7irD4N5qLteSilJlE0WLAtA=="],
 
     "@clack/prompts": ["@clack/prompts@1.1.0", "", { "dependencies": { "@clack/core": "1.1.0", "sisteransi": "^1.0.5" } }, "sha512-pkqbPGtohJAvm4Dphs2M8xE29ggupihHdy1x84HNojZuMtFsHiUlRvqD24tM2+XmI+61LlfNceM3Wr7U5QES5g=="],
 
     "@dimforge/rapier3d-compat": ["@dimforge/rapier3d-compat@0.12.0", "", {}, "sha512-uekIGetywIgopfD97oDL5PfeezkFpNhwlzlaEYNOA0N6ghdsOvh/HYjSMek5Q2O1PYvRSDFcqFVJl4r4ZBwOow=="],
 
-    "@drizzle-team/brocli": ["@drizzle-team/brocli@0.10.2", "", {}, "sha512-z33Il7l5dKjUgGULTqBsQBQwckHh5AbIuxhdsIxDDiZAzBOrZO6q9ogcWC65kU382AfynTfgNumVcNIjuIua6w=="],
-
-    "@electric-sql/pglite": ["@electric-sql/pglite@0.3.15", "", {}, "sha512-Cj++n1Mekf9ETfdc16TlDi+cDDQF0W7EcbyRHYOAeZdsAe8M/FJg18itDTSwyHfar2WIezawM9o0EKaRGVKygQ=="],
-
-    "@electric-sql/pglite-socket": ["@electric-sql/pglite-socket@0.0.20", "", { "peerDependencies": { "@electric-sql/pglite": "0.3.15" }, "bin": { "pglite-server": "dist/scripts/server.js" } }, "sha512-J5nLGsicnD9wJHnno9r+DGxfcZWh+YJMCe0q/aCgtG6XOm9Z7fKeite8IZSNXgZeGltSigM9U/vAWZQWdgcSFg=="],
-
-    "@electric-sql/pglite-tools": ["@electric-sql/pglite-tools@0.2.20", "", { "peerDependencies": { "@electric-sql/pglite": "0.3.15" } }, "sha512-BK50ZnYa3IG7ztXhtgYf0Q7zijV32Iw1cYS8C+ThdQlwx12V5VZ9KRJ42y82Hyb4PkTxZQklVQA9JHyUlex33A=="],
-
-    "@emnapi/runtime": ["@emnapi/runtime@1.8.1", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg=="],
-
-    "@esbuild-kit/core-utils": ["@esbuild-kit/core-utils@3.3.2", "", { "dependencies": { "esbuild": "~0.18.20", "source-map-support": "^0.5.21" } }, "sha512-sPRAnw9CdSsRmEtnsl2WXWdyquogVpB3yZ3dgwJfe8zrOzTsV7cJvmwrKVa+0ma5BoiGJ+BoqkMvawbayKUsqQ=="],
-
-    "@esbuild-kit/esm-loader": ["@esbuild-kit/esm-loader@2.6.5", "", { "dependencies": { "@esbuild-kit/core-utils": "^3.3.2", "get-tsconfig": "^4.7.0" } }, "sha512-FxEMIkJKnodyA1OaCUoEvbYRkoZlLZ4d/eXFu9Fh8CbBBgP5EmZxrfTRyN0qpXZ4vOvqnE5YdRdcrmUUXuU+dA=="],
+    "@emnapi/runtime": ["@emnapi/runtime@1.9.0", "", { "dependencies": { "tslib": "^2.4.0" } }, "sha512-QN75eB0IH2ywSpRpNddCRfQIhmJYBCJ1x5Lb3IscKAL8bMnVAKnRg8dCoXbHzVLLH7P38N2Z3mtulB7W0J0FKw=="],
 
     "@esbuild/aix-ppc64": ["@esbuild/aix-ppc64@0.25.12", "", { "os": "aix", "cpu": "ppc64" }, "sha512-Hhmwd6CInZ3dwpuGTF8fJG6yoWmsToE+vYgD4nytZVxcu1ulHpUQRAB1UJ8+N1Am3Mz4+xOByoQoSZf4D+CpkA=="],
 
@@ -354,33 +311,27 @@
 
     "@eslint-community/regexpp": ["@eslint-community/regexpp@4.12.2", "", {}, "sha512-EriSTlt5OC9/7SXkRSCAhfSxxoSUgBm33OH+IkwbdpgoqsSsUg7y3uh+IICI/Qg4BBWr3U2i39RpmycbxMq4ew=="],
 
-    "@eslint/config-array": ["@eslint/config-array@0.21.1", "", { "dependencies": { "@eslint/object-schema": "^2.1.7", "debug": "^4.3.1", "minimatch": "^3.1.2" } }, "sha512-aw1gNayWpdI/jSYVgzN5pL0cfzU02GT3NBpeT/DXbx1/1x7ZKxFPd9bwrzygx/qiwIQiJ1sw/zD8qY/kRvlGHA=="],
+    "@eslint/config-array": ["@eslint/config-array@0.21.2", "", { "dependencies": { "@eslint/object-schema": "^2.1.7", "debug": "^4.3.1", "minimatch": "^3.1.5" } }, "sha512-nJl2KGTlrf9GjLimgIru+V/mzgSK0ABCDQRvxw5BjURL7WfH5uoWmizbH7QB6MmnMBd8cIC9uceWnezL1VZWWw=="],
 
     "@eslint/config-helpers": ["@eslint/config-helpers@0.4.2", "", { "dependencies": { "@eslint/core": "^0.17.0" } }, "sha512-gBrxN88gOIf3R7ja5K9slwNayVcZgK6SOUORm2uBzTeIEfeVaIhOpCtTox3P6R7o2jLFwLFTLnC7kU/RGcYEgw=="],
 
     "@eslint/core": ["@eslint/core@0.17.0", "", { "dependencies": { "@types/json-schema": "^7.0.15" } }, "sha512-yL/sLrpmtDaFEiUj1osRP4TI2MDz1AddJL+jZ7KSqvBuliN4xqYY54IfdN8qD8Toa6g1iloph1fxQNkjOxrrpQ=="],
 
-    "@eslint/eslintrc": ["@eslint/eslintrc@3.3.3", "", { "dependencies": { "ajv": "^6.12.4", "debug": "^4.3.2", "espree": "^10.0.1", "globals": "^14.0.0", "ignore": "^5.2.0", "import-fresh": "^3.2.1", "js-yaml": "^4.1.1", "minimatch": "^3.1.2", "strip-json-comments": "^3.1.1" } }, "sha512-Kr+LPIUVKz2qkx1HAMH8q1q6azbqBAsXJUxBl/ODDuVPX45Z9DfwB8tPjTi6nNZ8BuM3nbJxC5zCAg5elnBUTQ=="],
+    "@eslint/eslintrc": ["@eslint/eslintrc@3.3.5", "", { "dependencies": { "ajv": "^6.14.0", "debug": "^4.3.2", "espree": "^10.0.1", "globals": "^14.0.0", "ignore": "^5.2.0", "import-fresh": "^3.2.1", "js-yaml": "^4.1.1", "minimatch": "^3.1.5", "strip-json-comments": "^3.1.1" } }, "sha512-4IlJx0X0qftVsN5E+/vGujTRIFtwuLbNsVUe7TO6zYPDR1O6nFwvwhIKEKSrl6dZchmYBITazxKoUYOjdtjlRg=="],
 
-    "@eslint/js": ["@eslint/js@9.39.2", "", {}, "sha512-q1mjIoW1VX4IvSocvM/vbTiveKC4k9eLrajNEuSsmjymSDEbpGddtpfOoN7YGAqBK3NG+uqo8ia4PDTt8buCYA=="],
+    "@eslint/js": ["@eslint/js@9.39.4", "", {}, "sha512-nE7DEIchvtiFTwBw4Lfbu59PG+kCofhjsKaCWzxTpt4lfRjRMqG6uMBzKXuEcyXhOHoUp9riAm7/aWYGhXZ9cw=="],
 
     "@eslint/object-schema": ["@eslint/object-schema@2.1.7", "", {}, "sha512-VtAOaymWVfZcmZbp6E2mympDIHvyjXs/12LqWYjVw6qjrfF+VK+fyG33kChz3nnK+SU5/NeHOqrTEHS8sXO3OA=="],
 
     "@eslint/plugin-kit": ["@eslint/plugin-kit@0.4.1", "", { "dependencies": { "@eslint/core": "^0.17.0", "levn": "^0.4.1" } }, "sha512-43/qtrDUokr7LJqoF2c3+RInu/t4zfrpYdoSDfYyhg52rwLV6TnOvdG4fXm7IkSB3wErkcmJS9iEhjVtOSEjjA=="],
 
-    "@floating-ui/core": ["@floating-ui/core@1.7.3", "", { "dependencies": { "@floating-ui/utils": "^0.2.10" } }, "sha512-sGnvb5dmrJaKEZ+LDIpguvdX3bDlEllmv4/ClQ9awcmCZrlx5jQyyMWFM5kBI+EyNOCDDiKk8il0zeuX3Zlg/w=="],
+    "@floating-ui/core": ["@floating-ui/core@1.7.5", "", { "dependencies": { "@floating-ui/utils": "^0.2.11" } }, "sha512-1Ih4WTWyw0+lKyFMcBHGbb5U5FtuHJuujoyyr5zTaWS5EYMeT6Jb2AuDeftsCsEuchO+mM2ij5+q9crhydzLhQ=="],
 
-    "@floating-ui/dom": ["@floating-ui/dom@1.7.4", "", { "dependencies": { "@floating-ui/core": "^1.7.3", "@floating-ui/utils": "^0.2.10" } }, "sha512-OOchDgh4F2CchOX94cRVqhvy7b3AFb+/rQXyswmzmGakRfkMgoWVjfnLWkRirfLEfuD4ysVW16eXzwt3jHIzKA=="],
+    "@floating-ui/dom": ["@floating-ui/dom@1.7.6", "", { "dependencies": { "@floating-ui/core": "^1.7.5", "@floating-ui/utils": "^0.2.11" } }, "sha512-9gZSAI5XM36880PPMm//9dfiEngYoC6Am2izES1FF406YFsjvyBMmeJ2g4SAju3xWwtuynNRFL2s9hgxpLI5SQ=="],
 
-    "@floating-ui/react-dom": ["@floating-ui/react-dom@2.1.6", "", { "dependencies": { "@floating-ui/dom": "^1.7.4" }, "peerDependencies": { "react": ">=16.8.0", "react-dom": ">=16.8.0" } }, "sha512-4JX6rEatQEvlmgU80wZyq9RT96HZJa88q8hp0pBd+LrczeDI4o6uA2M+uvxngVHo4Ihr8uibXxH6+70zhAFrVw=="],
+    "@floating-ui/react-dom": ["@floating-ui/react-dom@2.1.8", "", { "dependencies": { "@floating-ui/dom": "^1.7.6" }, "peerDependencies": { "react": ">=16.8.0", "react-dom": ">=16.8.0" } }, "sha512-cC52bHwM/n/CxS87FH0yWdngEZrjdtLW/qVruo68qg+prK7ZQ4YGdut2GyDVpoGeAYe/h899rVeOVm6Oi40k2A=="],
 
-    "@floating-ui/utils": ["@floating-ui/utils@0.2.10", "", {}, "sha512-aGTxbpbg8/b5JfU1HXSrbH3wXZuLPJcNEcZQFMxLs3oSzgtVu6nFPkbbGGUvBcUjKV2YyB9Wxxabo+HEH9tcRQ=="],
-
-    "@googlemaps/js-api-loader": ["@googlemaps/js-api-loader@1.16.8", "", {}, "sha512-CROqqwfKotdO6EBjZO/gQGVTbeDps5V7Mt9+8+5Q+jTg5CRMi3Ii/L9PmV3USROrt2uWxtGzJHORmByxyo9pSQ=="],
-
-    "@googlemaps/markerclusterer": ["@googlemaps/markerclusterer@2.5.3", "", { "dependencies": { "fast-deep-equal": "^3.1.3", "supercluster": "^8.0.1" } }, "sha512-x7lX0R5yYOoiNectr10wLgCBasNcXFHiADIBdmn7jQllF2B5ENQw5XtZK+hIw4xnV0Df0xhN4LN98XqA5jaiOw=="],
-
-    "@hono/node-server": ["@hono/node-server@1.19.9", "", { "peerDependencies": { "hono": "^4" } }, "sha512-vHL6w3ecZsky+8P5MD+eFfaGTyCeOHUIFYMGpQGbrBTSmNNoxv0if69rEZ5giu36weC5saFuznL411gRX7bJDw=="],
+    "@floating-ui/utils": ["@floating-ui/utils@0.2.11", "", {}, "sha512-RiB/yIh78pcIxl6lLMG0CgBXAZ2Y0eVHqMPYugu+9U0AeT6YBeiJpf7lbdJNIugFP5SIjwNRgo4DhR1Qxi26Gg=="],
 
     "@humanfs/core": ["@humanfs/core@0.19.1", "", {}, "sha512-5DyQ4+1JEUzejeK1JGICcideyfUbGixgS9jNgex5nqkW+cY7WZhxBigmieN5Qnw9ZosSNVC9KQKyb+GUaGyKUA=="],
 
@@ -390,7 +341,7 @@
 
     "@humanwhocodes/retry": ["@humanwhocodes/retry@0.4.3", "", {}, "sha512-bV0Tgo9K4hfPCek+aMAn81RppFKv2ySDQeMoSZuvTASywNTnVJCArCZE2FWqpvIatKu7VMRLWlR1EazvVhDyhQ=="],
 
-    "@img/colour": ["@img/colour@1.0.0", "", {}, "sha512-A5P/LfWGFSl6nsckYtjw9da+19jB8hkJ6ACTGcDfEJ0aE+l2n2El7dsVM7UVHZQ9s2lmYMWlrS21YLy2IR1LUw=="],
+    "@img/colour": ["@img/colour@1.1.0", "", {}, "sha512-Td76q7j57o/tLVdgS746cYARfSyxk8iEfRxewL9h4OMzYhbW4TAcppl0mT4eyqXddh6L/jwoM75mo7ixa/pCeQ=="],
 
     "@img/sharp-darwin-arm64": ["@img/sharp-darwin-arm64@0.34.5", "", { "optionalDependencies": { "@img/sharp-libvips-darwin-arm64": "1.2.4" }, "os": "darwin", "cpu": "arm64" }, "sha512-imtQ3WMJXbMY4fxb/Ndp6HBTNVtWCUI0WdobyheGf5+ad6xX8VIDO8u2xE4qc/fr08CKG/7dDseFtn6M6g/r3w=="],
 
@@ -440,10 +391,6 @@
 
     "@img/sharp-win32-x64": ["@img/sharp-win32-x64@0.34.5", "", { "os": "win32", "cpu": "x64" }, "sha512-+29YMsqY2/9eFEiW93eqWnuLcWcufowXewwSNIT6UwZdUUCrM3oFjMWH/Z6/TMmb4hlFenmfAVbpWeup2jryCw=="],
 
-    "@isaacs/cliui": ["@isaacs/cliui@9.0.0", "", {}, "sha512-AokJm4tuBHillT+FpMtxQ60n8ObyXBatq7jD2/JA9dxbDDokKQm8KMht5ibGzLVU9IJDIKK4TPKgMHEYMn3lMg=="],
-
-    "@isaacs/fs-minipass": ["@isaacs/fs-minipass@4.0.1", "", { "dependencies": { "minipass": "^7.0.4" } }, "sha512-wgm9Ehl2jpeqP3zw/7mo3kRHFp5MEDhqAdwy1fTGkHAwnkGOVsgpvQhL8B5n1qlb01jV3n/bI0ZfZp5lWA1k4w=="],
-
     "@jridgewell/gen-mapping": ["@jridgewell/gen-mapping@0.3.13", "", { "dependencies": { "@jridgewell/sourcemap-codec": "^1.5.0", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-2kkt/7niJ6MgEPxF0bYdQ6etZaA+fQvDcLKckhy1yIQOzaoKjBBjSj63/aLVjYE3qhRt5dvM+uUyfCg6UKCBbA=="],
 
     "@jridgewell/remapping": ["@jridgewell/remapping@2.3.5", "", { "dependencies": { "@jridgewell/gen-mapping": "^0.3.5", "@jridgewell/trace-mapping": "^0.3.24" } }, "sha512-LI9u/+laYG4Ds1TDKSJW2YPrIlcVYOwi2fUC6xB43lueCjgxV4lffOCZCtYFiH6TNOX+tQKXx97T4IKHbhyHEQ=="],
@@ -458,15 +405,11 @@
 
     "@medv/finder": ["@medv/finder@4.0.2", "", {}, "sha512-RraNY9SCcx4KZV0Dh6BEW6XEW2swkqYca74pkFFRw6hHItSHiy+O/xMnpbofjYbzXj0tSpBGthUF1hHTsr3vIQ=="],
 
-    "@mongodb-js/saslprep": ["@mongodb-js/saslprep@1.4.6", "", { "dependencies": { "sparse-bitfield": "^3.0.3" } }, "sha512-y+x3H1xBZd38n10NZF/rEBlvDOOMQ6LKUTHqr8R9VkJ+mmQOYtJFxIlkkK8fZrtOiL6VixbOBWMbZGBdal3Z1g=="],
-
     "@monogrid/gainmap-js": ["@monogrid/gainmap-js@3.4.0", "", { "dependencies": { "promise-worker-transferable": "^1.0.4" }, "peerDependencies": { "three": ">= 0.159.0" } }, "sha512-2Z0FATFHaoYJ8b+Y4y4Hgfn3FRFwuU5zRrk+9dFWp4uGAdHGqVEdP7HP+gLA3X469KXHmfupJaUbKo1b/aDKIg=="],
 
-    "@mrleebo/prisma-ast": ["@mrleebo/prisma-ast@0.13.1", "", { "dependencies": { "chevrotain": "^10.5.0", "lilconfig": "^2.1.0" } }, "sha512-XyroGQXcHrZdvmrGJvsA9KNeOOgGMg1Vg9OlheUsBOSKznLMDl+YChxbkboRHvtFYJEMRYmlV3uoo/njCw05iw=="],
-
     "@next/env": ["@next/env@16.1.6", "", {}, "sha512-N1ySLuZjnAtN3kFnwhAwPvZah8RJxKasD7x1f8shFqhncnWZn4JMfg37diLNuoHsLAlrDfM3g4mawVdtAG8XLQ=="],
 
-    "@next/eslint-plugin-next": ["@next/eslint-plugin-next@15.5.9", "", { "dependencies": { "fast-glob": "3.3.1" } }, "sha512-kUzXx0iFiXw27cQAViE1yKWnz/nF8JzRmwgMRTMh8qMY90crNsdXJRh2e+R0vBpFR3kk1yvAR7wev7+fCCb79Q=="],
+    "@next/eslint-plugin-next": ["@next/eslint-plugin-next@15.5.12", "", { "dependencies": { "fast-glob": "3.3.1" } }, "sha512-+ZRSDFTv4aC96aMb5E41rMjysx8ApkryevnvEYZvPZO52KvkqP5rNExLUXJFr9P4s0f3oqNQR6vopCZsPWKDcQ=="],
 
     "@next/swc-darwin-arm64": ["@next/swc-darwin-arm64@16.1.6", "", { "os": "darwin", "cpu": "arm64" }, "sha512-wTzYulosJr/6nFnqGW7FrG3jfUUlEf8UjGA0/pyypJl42ExdVgC6xJgcXQ+V8QFn6niSG2Pb8+MIG1mZr2vczw=="],
 
@@ -484,10 +427,6 @@
 
     "@next/swc-win32-x64-msvc": ["@next/swc-win32-x64-msvc@16.1.6", "", { "os": "win32", "cpu": "x64" }, "sha512-NRfO39AIrzBnixKbjuo2YiYhB6o9d8v/ymU9m/Xk8cyVk+k7XylniXkHwjs4s70wedVffc6bQNbufk5v0xEm0A=="],
 
-    "@noble/ciphers": ["@noble/ciphers@2.1.1", "", {}, "sha512-bysYuiVfhxNJuldNXlFEitTVdNnYUc+XNJZd7Qm2a5j1vZHgY+fazadNFWFaMK/2vye0JVlxV3gHmC0WDfAOQw=="],
-
-    "@noble/hashes": ["@noble/hashes@2.0.1", "", {}, "sha512-XlOlEbQcE9fmuXxrVTXCTlG2nlRXa9Rj3rr5Ue/+tX+nmkgbX720YHh0VR3hBF9xDvwnb8D2shVGOwNx+ulArw=="],
-
     "@nodelib/fs.scandir": ["@nodelib/fs.scandir@2.1.5", "", { "dependencies": { "@nodelib/fs.stat": "2.0.5", "run-parallel": "^1.1.9" } }, "sha512-vq24Bq3ym5HEQm2NKCr3yXDwjc7vTsEThRDnkp2DK9p1uqLR+DHurm/NOTo0KG7HYHU7eppKZj3MyqYuMBf62g=="],
 
     "@nodelib/fs.stat": ["@nodelib/fs.stat@2.0.5", "", {}, "sha512-RkhPPp2zrqDAQA/2jNhnztcPAlv64XdhIp7a7454A5ovI7Bukxgt7MX7udwAu3zg1DcpPU0rz3VV1SeaqvY4+A=="],
@@ -496,51 +435,27 @@
 
     "@number-flow/react": ["@number-flow/react@0.5.14", "", { "dependencies": { "esm-env": "^1.1.4", "number-flow": "0.5.12" }, "peerDependencies": { "react": "^18 || ^19", "react-dom": "^18 || ^19" } }, "sha512-FGUqjh/P5/ukr0U0ySwb987M0SbRkrnZq70f0wQFncDbXa3SIib4L+FTr5ngvWwGAW8S6b391eTXcfhErZsw4w=="],
 
-    "@pascal-app/auth": ["@pascal-app/auth@workspace:packages/auth"],
-
     "@pascal-app/core": ["@pascal-app/core@workspace:packages/core"],
 
-    "@pascal-app/db": ["@pascal-app/db@workspace:packages/db"],
+    "@pascal-app/editor": ["@pascal-app/editor@workspace:packages/editor"],
 
     "@pascal-app/viewer": ["@pascal-app/viewer@workspace:packages/viewer"],
 
-    "@petamoriken/float16": ["@petamoriken/float16@3.9.3", "", {}, "sha512-8awtpHXCx/bNpFt4mt2xdkgtgVvKqty8VbjHI/WWWQuEw+KLzFot3f4+LkQY9YmOtq7A5GdOnqoIC8Pdygjk2g=="],
+    "@pascal/typescript-config": ["@pascal/typescript-config@workspace:tooling/typescript"],
 
-    "@pmndrs/msdfonts": ["@pmndrs/msdfonts@1.0.62", "", {}, "sha512-TGmAo0mFbdzPwwNCDzJoy6Khr3T/Z613ApwegYsRs6S+P+AeOSIS4+4aB5bL4G7hY6uNt5cyZVClESuEjYXt9g=="],
+    "@pmndrs/msdfonts": ["@pmndrs/msdfonts@1.0.64", "", {}, "sha512-fyDNvCIGUTUYxDOzQnLOAGEuDQbyjx1JUlEYrjHB8KLDWzVl0j2SoFiLN4AwahEh4pXiA7XdJBNneQKnfMa/Bw=="],
 
     "@pmndrs/pointer-events": ["@pmndrs/pointer-events@6.6.29", "", {}, "sha512-o4YD6VfJgDYjFgde/YyAw2X5KY454tdmOXrHGOvKTWJBHzkL90B5vH4rqmexwRVvaDfT3YLvVh/Dm5cBbgZXMg=="],
 
-    "@pmndrs/uikit": ["@pmndrs/uikit@1.0.62", "", { "dependencies": { "@pmndrs/msdfonts": "^1.0.62", "@pmndrs/uikit-pub-sub": "^1.0.62", "@preact/signals-core": "^1.5.1", "@zappar/msdf-generator": "^1.2.4", "yoga-layout": "^3.2.1" }, "peerDependencies": { "three": ">=0.162" } }, "sha512-TRV7Q1hKmGIFEzhJYF4xaXowdgqGUQd+XKcpEfyvwShOWEWqiDAYoI5OYjDQPhVVshI2frb5XVPr6acGf2laFQ=="],
+    "@pmndrs/uikit": ["@pmndrs/uikit@1.0.64", "", { "dependencies": { "@pmndrs/msdfonts": "^1.0.64", "@pmndrs/uikit-pub-sub": "^1.0.64", "@preact/signals-core": "^1.5.1", "@zappar/msdf-generator": "^1.2.4", "yoga-layout": "^3.2.1" }, "peerDependencies": { "three": ">=0.162" } }, "sha512-FQgF8sf46U6fmHnqOn32S04lnWiXVxQO6MatL7FgoLKJ74YIBgEHgwKHRwltgLrN/rcTu7LgJm7LgvXvMccEGA=="],
 
-    "@pmndrs/uikit-lucide": ["@pmndrs/uikit-lucide@1.0.62", "", { "dependencies": { "@pmndrs/uikit": "^1.0.62" } }, "sha512-aGgFJixWnYf+Gb3anQr04G3MaDYf82AQSZZFYO/Xzo1Y8QxaAjeiQdIgZtq7rrEWWxzJbVepHN9YgHyfLmBPMg=="],
+    "@pmndrs/uikit-lucide": ["@pmndrs/uikit-lucide@1.0.64", "", { "dependencies": { "@pmndrs/uikit": "^1.0.64" } }, "sha512-WU9CqboaBJHLvAk3Qt6V+7oMSk2lafY/ZwdcjuwSt3U+ZExHMnM24APeBdwi6w0e0sER2I/qiSVDs26JPOg7ew=="],
 
-    "@pmndrs/uikit-pub-sub": ["@pmndrs/uikit-pub-sub@1.0.62", "", { "dependencies": { "@preact/signals-core": "^1.8.0" } }, "sha512-E/8z5ZnqGfHgsgyUtMujJwRM11JSsZpxYnSxDDOZ+Q5FcK7aLSBCfT80Nm32EdytpN+xQ76mDI8ROvWYg3abxg=="],
+    "@pmndrs/uikit-pub-sub": ["@pmndrs/uikit-pub-sub@1.0.64", "", { "dependencies": { "@preact/signals-core": "^1.8.0" } }, "sha512-+hlc5aWC3wQlA/zihwh+OGSm3aY9O+L/TEuNLwXw6R8syHMv7obqeY6s/hcjzD92k6DRQZLhVzVy+yqqVKAbRA=="],
 
     "@preact/signals": ["@preact/signals@1.3.4", "", { "dependencies": { "@preact/signals-core": "^1.7.0" }, "peerDependencies": { "preact": "10.x" } }, "sha512-TPMkStdT0QpSc8FpB63aOwXoSiZyIrPsP9Uj347KopdS6olZdAYeeird/5FZv/M1Yc1ge5qstub2o8VDbvkT4g=="],
 
-    "@preact/signals-core": ["@preact/signals-core@1.12.1", "", {}, "sha512-BwbTXpj+9QutoZLQvbttRg5x3l5468qaV2kufh+51yha1c53ep5dY4kTuZR35+3pAZxpfQerGJiQqg34ZNZ6uA=="],
-
-    "@prisma/client": ["@prisma/client@7.4.2", "", { "dependencies": { "@prisma/client-runtime-utils": "7.4.2" }, "peerDependencies": { "prisma": "*", "typescript": ">=5.4.0" }, "optionalPeers": ["prisma", "typescript"] }, "sha512-ts2mu+cQHriAhSxngO3StcYubBGTWDtu/4juZhXCUKOwgh26l+s4KD3vT2kMUzFyrYnll9u/3qWrtzRv9CGWzA=="],
-
-    "@prisma/client-runtime-utils": ["@prisma/client-runtime-utils@7.4.2", "", {}, "sha512-cID+rzOEb38VyMsx5LwJMEY4NGIrWCNpKu/0ImbeooQ2Px7TI+kOt7cm0NelxUzF2V41UVVXAmYjANZQtCu1/Q=="],
-
-    "@prisma/config": ["@prisma/config@7.4.2", "", { "dependencies": { "c12": "3.1.0", "deepmerge-ts": "7.1.5", "effect": "3.18.4", "empathic": "2.0.0" } }, "sha512-CftBjWxav99lzY1Z4oDgomdb1gh9BJFAOmWF6P2v1xRfXqQb56DfBub+QKcERRdNoAzCb3HXy3Zii8Vb4AsXhg=="],
-
-    "@prisma/debug": ["@prisma/debug@7.4.2", "", {}, "sha512-aP7qzu+g/JnbF6U69LMwHoUkELiserKmWsE2shYuEpNUJ4GrtxBCvZwCyCBHFSH2kLTF2l1goBlBh4wuvRq62w=="],
-
-    "@prisma/dev": ["@prisma/dev@0.20.0", "", { "dependencies": { "@electric-sql/pglite": "0.3.15", "@electric-sql/pglite-socket": "0.0.20", "@electric-sql/pglite-tools": "0.2.20", "@hono/node-server": "1.19.9", "@mrleebo/prisma-ast": "0.13.1", "@prisma/get-platform": "7.2.0", "@prisma/query-plan-executor": "7.2.0", "foreground-child": "3.3.1", "get-port-please": "3.2.0", "hono": "4.11.4", "http-status-codes": "2.3.0", "pathe": "2.0.3", "proper-lockfile": "4.1.2", "remeda": "2.33.4", "std-env": "3.10.0", "valibot": "1.2.0", "zeptomatch": "2.1.0" } }, "sha512-ovlBYwWor0OzG+yH4J3Ot+AneD818BttLA+Ii7wjbcLHUrnC4tbUPVGyNd3c/+71KETPKZfjhkTSpdS15dmXNQ=="],
-
-    "@prisma/engines": ["@prisma/engines@7.4.2", "", { "dependencies": { "@prisma/debug": "7.4.2", "@prisma/engines-version": "7.5.0-10.94a226be1cf2967af2541cca5529f0f7ba866919", "@prisma/fetch-engine": "7.4.2", "@prisma/get-platform": "7.4.2" } }, "sha512-B+ZZhI4rXlzjVqRw/93AothEKOU5/x4oVyJFGo9RpHPnBwaPwk4Pi0Q4iGXipKxeXPs/dqljgNBjK0m8nocOJA=="],
-
-    "@prisma/engines-version": ["@prisma/engines-version@7.5.0-10.94a226be1cf2967af2541cca5529f0f7ba866919", "", {}, "sha512-5FIKY3KoYQlBuZC2yc16EXfVRQ8HY+fLqgxkYfWCtKhRb3ajCRzP/rPeoSx11+NueJDANdh4hjY36mdmrTcGSg=="],
-
-    "@prisma/fetch-engine": ["@prisma/fetch-engine@7.4.2", "", { "dependencies": { "@prisma/debug": "7.4.2", "@prisma/engines-version": "7.5.0-10.94a226be1cf2967af2541cca5529f0f7ba866919", "@prisma/get-platform": "7.4.2" } }, "sha512-f/c/MwYpdJO7taLETU8rahEstLeXfYgQGlz5fycG7Fbmva3iPdzGmjiSWHeSWIgNnlXnelUdCJqyZnFocurZuA=="],
-
-    "@prisma/get-platform": ["@prisma/get-platform@7.2.0", "", { "dependencies": { "@prisma/debug": "7.2.0" } }, "sha512-k1V0l0Td1732EHpAfi2eySTezyllok9dXb6UQanajkJQzPUGi3vO2z7jdkz67SypFTdmbnyGYxvEvYZdZsMAVA=="],
-
-    "@prisma/query-plan-executor": ["@prisma/query-plan-executor@7.2.0", "", {}, "sha512-EOZmNzcV8uJ0mae3DhTsiHgoNCuu1J9mULQpGCh62zN3PxPTd+qI9tJvk5jOst8WHKQNwJWR3b39t0XvfBB0WQ=="],
-
-    "@prisma/studio-core": ["@prisma/studio-core@0.13.1", "", { "peerDependencies": { "@types/react": "^18.0.0 || ^19.0.0", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" } }, "sha512-agdqaPEePRHcQ7CexEfkX1RvSH9uWDb6pXrZnhCRykhDFAV0/0P3d07WtfiY8hZWb7oRU4v+NkT4cGFHkQJIPg=="],
+    "@preact/signals-core": ["@preact/signals-core@1.14.0", "", {}, "sha512-AowtCcCU/33lFlh1zRFf/u+12rfrhtNakj7UpaGEsmMwUKpKWMVvcktOGcwBBNiB4lWrZWc01LhiyyzVklJyaQ=="],
 
     "@radix-ui/number": ["@radix-ui/number@1.1.1", "", {}, "sha512-MkKCwxlXTgz6CFoJx3pCwn07GKp36+aZyu/u2Ln2VrA5DcdyCZkASEDBTd8x5whTQQL5CiYf4prXKLcgQdv29g=="],
 
@@ -620,23 +535,15 @@
 
     "@radix-ui/rect": ["@radix-ui/rect@1.1.1", "", {}, "sha512-HPwpGIzkl28mWyZqG52jiqDJ12waP11Pa1lGoiyUkIEuMLBP0oeK/C89esbXrxsky5we7dfd8U58nm0SgAWpVw=="],
 
-    "@react-email/render": ["@react-email/render@1.1.2", "", { "dependencies": { "html-to-text": "^9.0.5", "prettier": "^3.5.3", "react-promise-suspense": "^0.3.4" }, "peerDependencies": { "react": "^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^18.0 || ^19.0 || ^19.0.0-rc" } }, "sha512-RnRehYN3v9gVlNMehHPHhyp2RQo7+pSkHDtXPvg3s0GbzM9SQMW4Qrf8GRNvtpLC4gsI+Wt0VatNRUFqjvevbw=="],
-
-    "@react-google-maps/api": ["@react-google-maps/api@2.20.8", "", { "dependencies": { "@googlemaps/js-api-loader": "1.16.8", "@googlemaps/markerclusterer": "2.5.3", "@react-google-maps/infobox": "2.20.0", "@react-google-maps/marker-clusterer": "2.20.0", "@types/google.maps": "3.58.1", "invariant": "2.2.4" }, "peerDependencies": { "react": "^16.8 || ^17 || ^18 || ^19", "react-dom": "^16.8 || ^17 || ^18 || ^19" } }, "sha512-wtLYFtCGXK3qbIz1H5to3JxbosPnKsvjDKhqGylXUb859EskhzR7OpuNt0LqdLarXUtZCJTKzPn3BNaekNIahg=="],
-
-    "@react-google-maps/infobox": ["@react-google-maps/infobox@2.20.0", "", {}, "sha512-03PJHjohhaVLkX6+NHhlr8CIlvUxWaXhryqDjyaZ8iIqqix/nV8GFdz9O3m5OsjtxtNho09F/15j14yV0nuyLQ=="],
-
-    "@react-google-maps/marker-clusterer": ["@react-google-maps/marker-clusterer@2.20.0", "", {}, "sha512-tieX9Va5w1yP88vMgfH1pHTacDQ9TgDTjox3tLlisKDXRQWdjw+QeVVghhf5XqqIxXHgPdcGwBvKY6UP+SIvLw=="],
-
-    "@react-grab/cli": ["@react-grab/cli@0.1.25", "", { "dependencies": { "@antfu/ni": "^0.23.0", "commander": "^14.0.0", "ignore": "^7.0.5", "jsonc-parser": "^3.3.1", "ora": "^8.2.0", "picocolors": "^1.1.1", "prompts": "^2.4.2", "smol-toml": "^1.6.0" }, "bin": { "react-grab": "dist/cli.js" } }, "sha512-woSEB4/au2fiB3oEDvMk761XCcSnYVXj/t7iqgmxaFU3hC5iOzr4nHVe8Beu06FnySWB+dZdgEvUZwYI1aJP0g=="],
+    "@react-grab/cli": ["@react-grab/cli@0.1.28", "", { "dependencies": { "@antfu/ni": "^0.23.0", "commander": "^14.0.0", "ignore": "^7.0.5", "jsonc-parser": "^3.3.1", "ora": "^8.2.0", "picocolors": "^1.1.1", "prompts": "^2.4.2", "smol-toml": "^1.6.0" }, "bin": { "react-grab": "dist/cli.js" } }, "sha512-IE4bTeH0mCq0FBRaYRUtdiIfvO7NCv14lHS4TiTY8YNG5tPYwHnLZZtniud0ElmLIWGP95Kk6E7A6J2uDmOY+Q=="],
 
     "@react-three/drei": ["@react-three/drei@10.7.7", "", { "dependencies": { "@babel/runtime": "^7.26.0", "@mediapipe/tasks-vision": "0.10.17", "@monogrid/gainmap-js": "^3.0.6", "@use-gesture/react": "^10.3.1", "camera-controls": "^3.1.0", "cross-env": "^7.0.3", "detect-gpu": "^5.0.56", "glsl-noise": "^0.0.0", "hls.js": "^1.5.17", "maath": "^0.10.8", "meshline": "^3.3.1", "stats-gl": "^2.2.8", "stats.js": "^0.17.0", "suspend-react": "^0.1.3", "three-mesh-bvh": "^0.8.3", "three-stdlib": "^2.35.6", "troika-three-text": "^0.52.4", "tunnel-rat": "^0.1.2", "use-sync-external-store": "^1.4.0", "utility-types": "^3.11.0", "zustand": "^5.0.1" }, "peerDependencies": { "@react-three/fiber": "^9.0.0", "react": "^19", "react-dom": "^19", "three": ">=0.159" }, "optionalPeers": ["react-dom"] }, "sha512-ff+J5iloR0k4tC++QtD/j9u3w5fzfgFAWDtAGQah9pF2B1YgOq/5JxqY0/aVoQG5r3xSZz0cv5tk2YuBob4xEQ=="],
 
     "@react-three/fiber": ["@react-three/fiber@9.5.0", "", { "dependencies": { "@babel/runtime": "^7.17.8", "@types/webxr": "*", "base64-js": "^1.5.1", "buffer": "^6.0.3", "its-fine": "^2.0.0", "react-use-measure": "^2.1.7", "scheduler": "^0.27.0", "suspend-react": "^0.1.3", "use-sync-external-store": "^1.4.0", "zustand": "^5.0.3" }, "peerDependencies": { "expo": ">=43.0", "expo-asset": ">=8.4", "expo-file-system": ">=11.0", "expo-gl": ">=11.0", "react": ">=19 <19.3", "react-dom": ">=19 <19.3", "react-native": ">=0.78", "three": ">=0.156" }, "optionalPeers": ["expo", "expo-asset", "expo-file-system", "expo-gl", "react-dom", "react-native"] }, "sha512-FiUzfYW4wB1+PpmsE47UM+mCads7j2+giRBltfwH7SNhah95rqJs3ltEs9V3pP8rYdS0QlNne+9Aj8dS/SiaIA=="],
 
-    "@react-three/uikit": ["@react-three/uikit@1.0.62", "", { "dependencies": { "@pmndrs/pointer-events": "^6.6.29", "@pmndrs/uikit": "^1.0.62", "@preact/signals-core": "^1.5.1", "suspend-react": "^0.1.3", "zustand": "^5.0.6" }, "peerDependencies": { "@react-three/fiber": ">=8", "react": ">=18" } }, "sha512-2kvZSsIp/S6aTkEl9RT1rDV+p2S4fmIoUZTvHIWwpiENorQfARC/FZEC4tFzIRKty8+7Pa8J7h8twvkF3vWZ4A=="],
+    "@react-three/uikit": ["@react-three/uikit@1.0.64", "", { "dependencies": { "@pmndrs/pointer-events": "^6.6.29", "@pmndrs/uikit": "^1.0.64", "@preact/signals-core": "^1.5.1", "suspend-react": "^0.1.3", "zustand": "^5.0.6" }, "peerDependencies": { "@react-three/fiber": ">=8", "react": ">=18" } }, "sha512-//wUWePJHHHWgDokWs2WUs8yUqOJ1Dy/g1OufGHw/BeTujtoNG0hmuISjdeDXZOQPfNjpMgrbemfmvryTeCfLg=="],
 
-    "@react-three/uikit-lucide": ["@react-three/uikit-lucide@1.0.62", "", { "dependencies": { "@pmndrs/uikit-lucide": "^1.0.62", "@react-three/uikit": "^1.0.62" } }, "sha512-/iC9yjUwEHNFRPvTIIXiMIvek39XA2QpFZjVsr3XOwF3jmZ3IFlEOtjxZz0OYpxVZQSMAIqolPE78Ndim7pSZg=="],
+    "@react-three/uikit-lucide": ["@react-three/uikit-lucide@1.0.64", "", { "dependencies": { "@pmndrs/uikit-lucide": "^1.0.64", "@react-three/uikit": "^1.0.64" } }, "sha512-7csHVPDa6OoKog3HrRo4E9OuC4n98Fj9iDsZnNbNUt0YjocoUCBygCStSqaFcZnppgy78eMk1qS6nfu78R0AZw=="],
 
     "@repo/eslint-config": ["@repo/eslint-config@workspace:packages/eslint-config"],
 
@@ -646,28 +553,8 @@
 
     "@rollup/pluginutils": ["@rollup/pluginutils@5.3.0", "", { "dependencies": { "@types/estree": "^1.0.0", "estree-walker": "^2.0.2", "picomatch": "^4.0.2" }, "peerDependencies": { "rollup": "^1.20.0||^2.0.0||^3.0.0||^4.0.0" }, "optionalPeers": ["rollup"] }, "sha512-5EdhGZtnu3V88ces7s53hhfK5KSASnJZv8Lulpc04cWO3REESroJXg73DFsOmgbU2BhwV0E20bu2IDZb3VKW4Q=="],
 
-    "@selderee/plugin-htmlparser2": ["@selderee/plugin-htmlparser2@0.11.0", "", { "dependencies": { "domhandler": "^5.0.3", "selderee": "^0.11.0" } }, "sha512-P33hHGdldxGabLFjPPpaTxVolMrzrcegejx+0GxjrIb9Zv48D8yAIA/QTDR2dFl7Uz7urX8aX6+5bCZslr+gWQ=="],
-
-    "@standard-schema/spec": ["@standard-schema/spec@1.1.0", "", {}, "sha512-l2aFy5jALhniG5HgqrD6jXLi/rUWrKvqN/qJx6yoJsgKhblVd+iqqU4RCXavm/jPityDo5TCvKMnpjKnOriy0w=="],
-
-    "@supabase/auth-js": ["@supabase/auth-js@2.98.0", "", { "dependencies": { "tslib": "2.8.1" } }, "sha512-GBH361T0peHU91AQNzOlIrjUZw9TZbB9YDRiyFgk/3Kvr3/Z1NWUZ2athWTfHhwNNi8IrW00foyFxQD9IO/Trg=="],
-
-    "@supabase/functions-js": ["@supabase/functions-js@2.98.0", "", { "dependencies": { "tslib": "2.8.1" } }, "sha512-N/xEyiNU5Org+d+PNCpv+TWniAXRzxIURxDYsS/m2I/sfAB/HcM9aM2Dmf5edj5oWb9GxID1OBaZ8NMmPXL+Lg=="],
-
-    "@supabase/postgrest-js": ["@supabase/postgrest-js@2.98.0", "", { "dependencies": { "tslib": "2.8.1" } }, "sha512-v6e9WeZuJijzUut8HyXu6gMqWFepIbaeaMIm1uKzei4yLg9bC9OtEW9O14LE/9ezqNbSAnSLO5GtOLFdm7Bpkg=="],
-
-    "@supabase/realtime-js": ["@supabase/realtime-js@2.98.0", "", { "dependencies": { "@types/phoenix": "^1.6.6", "@types/ws": "^8.18.1", "tslib": "2.8.1", "ws": "^8.18.2" } }, "sha512-rOWt28uGyFipWOSd+n0WVMr9kUXiWaa7J4hvyLCIHjRFqWm1z9CaaKAoYyfYMC1Exn3WT8WePCgiVhlAtWC2yw=="],
-
-    "@supabase/storage-js": ["@supabase/storage-js@2.98.0", "", { "dependencies": { "iceberg-js": "^0.8.1", "tslib": "2.8.1" } }, "sha512-tzr2mG+v7ILSAZSfZMSL9OPyIH4z1ikgQ8EcQTKfMRz4EwmlFt3UnJaGzSOxyvF5b+fc9So7qdSUWTqGgeLokQ=="],
-
-    "@supabase/supabase-js": ["@supabase/supabase-js@2.98.0", "", { "dependencies": { "@supabase/auth-js": "2.98.0", "@supabase/functions-js": "2.98.0", "@supabase/postgrest-js": "2.98.0", "@supabase/realtime-js": "2.98.0", "@supabase/storage-js": "2.98.0" } }, "sha512-Ohc97CtInLwZyiSASz7tT9/Abm/vqnIbO9REp+PivVUII8UZsuI3bngRQnYgJdFoOIwvaEII1fX1qy8x0CyNiw=="],
-
     "@swc/helpers": ["@swc/helpers@0.5.15", "", { "dependencies": { "tslib": "^2.8.0" } }, "sha512-JQ5TuMi45Owi4/BIMAJBoSQoOJu12oOk/gADqlcUL9JEdHB8vyjUSsxqeNXnmXHjYKMi2WcYtezGEEhqUI/E2g=="],
 
-    "@t3-oss/env-core": ["@t3-oss/env-core@0.13.10", "", { "peerDependencies": { "arktype": "^2.1.0", "typescript": ">=5.0.0", "valibot": "^1.0.0-beta.7 || ^1.0.0", "zod": "^3.24.0 || ^4.0.0" }, "optionalPeers": ["arktype", "typescript", "valibot", "zod"] }, "sha512-NNFfdlJ+HmPHkLi2HKy7nwuat9SIYOxei9K10lO2YlcSObDILY7mHZNSHsieIM3A0/5OOzw/P/b+yLvPdaG52g=="],
-
-    "@t3-oss/env-nextjs": ["@t3-oss/env-nextjs@0.13.10", "", { "dependencies": { "@t3-oss/env-core": "0.13.10" }, "peerDependencies": { "arktype": "^2.1.0", "typescript": ">=5.0.0", "valibot": "^1.0.0-beta.7 || ^1.0.0", "zod": "^3.24.0 || ^4.0.0" }, "optionalPeers": ["arktype", "typescript", "valibot", "zod"] }, "sha512-JfSA2WXOnvcc/uMdp31paMsfbYhhdvLLRxlwvrnlPE9bwM/n0Z+Qb9xRv48nPpvfMhOrkrTYw1I5Yc06WIKBJQ=="],
-
     "@tailwindcss/node": ["@tailwindcss/node@4.2.1", "", { "dependencies": { "@jridgewell/remapping": "^2.3.5", "enhanced-resolve": "^5.19.0", "jiti": "^2.6.1", "lightningcss": "1.31.1", "magic-string": "^0.30.21", "source-map-js": "^1.2.1", "tailwindcss": "4.2.1" } }, "sha512-jlx6sLk4EOwO6hHe1oCGm1Q4AN/s0rSrTTPBGPM0/RQ6Uylwq17FuU8IeJJKEjtc6K6O07zsvP+gDO6MMWo7pg=="],
 
     "@tailwindcss/oxide": ["@tailwindcss/oxide@4.2.1", "", { "optionalDependencies": { "@tailwindcss/oxide-android-arm64": "4.2.1", "@tailwindcss/oxide-darwin-arm64": "4.2.1", "@tailwindcss/oxide-darwin-x64": "4.2.1", "@tailwindcss/oxide-freebsd-x64": "4.2.1", "@tailwindcss/oxide-linux-arm-gnueabihf": "4.2.1", "@tailwindcss/oxide-linux-arm64-gnu": "4.2.1", "@tailwindcss/oxide-linux-arm64-musl": "4.2.1", "@tailwindcss/oxide-linux-x64-gnu": "4.2.1", "@tailwindcss/oxide-linux-x64-musl": "4.2.1", "@tailwindcss/oxide-wasm32-wasi": "4.2.1", "@tailwindcss/oxide-win32-arm64-msvc": "4.2.1", "@tailwindcss/oxide-win32-x64-msvc": "4.2.1" } }, "sha512-yv9jeEFWnjKCI6/T3Oq50yQEOqmpmpfzG1hcZsAOaXFQPfzWprWrlHSdGPEF3WQTi8zu8ohC9Mh9J470nT5pUw=="],
@@ -698,57 +585,21 @@
 
     "@tailwindcss/postcss": ["@tailwindcss/postcss@4.2.1", "", { "dependencies": { "@alloc/quick-lru": "^5.2.0", "@tailwindcss/node": "4.2.1", "@tailwindcss/oxide": "4.2.1", "postcss": "^8.5.6", "tailwindcss": "4.2.1" } }, "sha512-OEwGIBnXnj7zJeonOh6ZG9woofIjGrd2BORfvE5p9USYKDCZoQmfqLcfNiRWoJlRWLdNPn2IgVZuWAOM4iTYMw=="],
 
-    "@tinyhttp/accepts": ["@tinyhttp/accepts@1.3.0", "", { "dependencies": { "es-mime-types": "^0.0.16", "negotiator": "^0.6.2" } }, "sha512-YaJ4EMgVUI6JHzWO14lr6vn/BLJEoFN4Sqd20l0/oBcLLENkP8gnPtX1jB7OhIu0AE40VCweAqvSP+0/pgzB1g=="],
-
-    "@tinyhttp/app": ["@tinyhttp/app@1.3.0", "", { "dependencies": { "@tinyhttp/cookie": "1.3.0", "@tinyhttp/proxy-addr": "1.3.0", "@tinyhttp/req": "1.3.0", "@tinyhttp/res": "1.3.0", "@tinyhttp/router": "1.3.0", "regexparam": "^1.3.0" } }, "sha512-EPqdanEZ/vhpuxl4Nn/QIkS+5Wkbt8NgO/FqYj2kHttvwYkaoSFi7HUns17UQAQcak5JLbPEt67Qf4wvwy/fNQ=="],
-
-    "@tinyhttp/content-disposition": ["@tinyhttp/content-disposition@1.3.0", "", {}, "sha512-sSj7YDVz7NcHDn6/O/I3WjtC8ZWJKKIGULoV+pgrLvJvtXK5WroE1Fm8rHRQewh2d9NMajh/7NX6NuSlF8LUaQ=="],
-
-    "@tinyhttp/cookie": ["@tinyhttp/cookie@1.3.0", "", {}, "sha512-4ZVfP8WApV9ZRchv/1i0QiKdP0wxWTUNv4ZsMQrqK0p1KXA0/SvpYUTS6bp1E6Yo0dNxcKte4wJ4FCWFDcShhQ=="],
-
-    "@tinyhttp/cookie-signature": ["@tinyhttp/cookie-signature@1.3.0", "", {}, "sha512-xCQZyCT1S/Rn2Z3SX2gp4IDAwW9AUnjky6hKvqzmMaQqEbIk7e2GCOXW5yjndbfGNTJAxj0tuLNMF4G8aLkfMw=="],
-
-    "@tinyhttp/encode-url": ["@tinyhttp/encode-url@0.3.0", "", {}, "sha512-QM5j5t0GLucBuBePoOilcz1/zDpqX+LtUdtkPn7IvoHTNJYNxEfSUmIMPUPhyVY7mvbwvafPUCK8u1Byx0+NfQ=="],
-
-    "@tinyhttp/etag": ["@tinyhttp/etag@1.3.0", "", {}, "sha512-aWnDb4NuMf/UTm1H88rZgqu32E6t3iDHSHtAppiQCH4M7jRfTUEpiZjz//S+giDnOxAuYttLrXQ1+HGpgzyYUQ=="],
-
-    "@tinyhttp/forwarded": ["@tinyhttp/forwarded@1.3.0", "", {}, "sha512-U2FPtOH+DoFtd98edMRyqiquRaiuEl5I2PMUWdKaBSpiAIR96buyanQ7hScenz1MihK0AVid7wLAviaJU+Xlyg=="],
-
-    "@tinyhttp/proxy-addr": ["@tinyhttp/proxy-addr@1.3.0", "", { "dependencies": { "@tinyhttp/forwarded": "^1.3.0", "ipaddr.js": "^2.0.0" } }, "sha512-7Kv6YIC/PlhUwyqAGXhg4DoQDOzbYlcGPkNv/KZAMFj9fZ6IEZyneyaClnD21hMT8qa7g3Z/66hxLa/WxiPAYA=="],
-
-    "@tinyhttp/req": ["@tinyhttp/req@1.3.0", "", { "dependencies": { "@tinyhttp/accepts": "1.3.0", "@tinyhttp/type-is": "1.3.0", "@tinyhttp/url": "1.3.0", "es-fresh": "^0.0.8", "range-parser": "^1.2.1" } }, "sha512-zIbtJA7Hp2p4MqszP2jOBi2NWi8fTGd4lso+0CjwJa+WTE+lgXVAy6mN12rTAxjXweAyRvQpRIJ5W2r8OLuEXQ=="],
-
-    "@tinyhttp/res": ["@tinyhttp/res@1.3.0", "", { "dependencies": { "@tinyhttp/content-disposition": "1.3.0", "@tinyhttp/cookie": "1.3.0", "@tinyhttp/cookie-signature": "1.3.0", "@tinyhttp/encode-url": "0.3.0", "@tinyhttp/req": "1.3.0", "@tinyhttp/send": "1.3.0", "es-mime-types": "^0.0.16", "es-vary": "^0.0.8", "escape-html": "^1.0.3" } }, "sha512-ez6fCpGsYoU6HUBq0e+m4l6Cffu2FeucK+m5Z6a8sBGqLR7/teB1pFufCOPwrdwzdNrLNarGJpsNQpvQqDMWaA=="],
-
-    "@tinyhttp/router": ["@tinyhttp/router@1.3.0", "", {}, "sha512-I2HDtMq7WM4E1JfLyllJp+IAp3Hc0xLetfgi8d1TQkhms8/XC9ZhgOIlimc3//ncMZSIxofkj7TpDCdEd6M/eQ=="],
-
-    "@tinyhttp/send": ["@tinyhttp/send@1.3.0", "", { "dependencies": { "@tinyhttp/etag": "1.3.0", "es-content-type": "^0.0.10", "es-mime-types": "^0.0.16" } }, "sha512-3Tn8NaLhNdcIJQqc/3ZBFV0hX6jCaFNDX5/vWxoPubDrh8HOpn2foPXL7ZIRk8GDkaB/M3cSzKIlKpnTKmh0Nw=="],
-
-    "@tinyhttp/type-is": ["@tinyhttp/type-is@1.3.0", "", { "dependencies": { "es-content-type": "^0.0.10", "es-mime-types": "^0.0.16" } }, "sha512-3NClOYPNJst9vVLcb793epRI+ZuRwl6IjxSq9LkGN8TEBbtNgv2vTmXZRWcUs2zY9Ju+NQIYecWcsG0Kx23E+g=="],
-
-    "@tinyhttp/url": ["@tinyhttp/url@1.3.0", "", {}, "sha512-GgdKez5AaQRIm0kFNp7BZnxFQ2F7LZ7g3rOQ/v11oYZR3jhH7JPGM+7hZQjYqFXD/5TK/of7hepu418K2fghvg=="],
-
     "@tweenjs/tween.js": ["@tweenjs/tween.js@23.1.3", "", {}, "sha512-vJmvvwFxYuGnF2axRtPYocag6Clbb5YS7kLL+SO/TeVFzHqDIWrNKYtcsPMibjDx9O+bu+psAy9NKfWklassUA=="],
 
     "@types/draco3d": ["@types/draco3d@1.4.10", "", {}, "sha512-AX22jp8Y7wwaBgAixaSvkoG4M/+PlAcm3Qs4OW8yT9DM4xUpWKeFhLueTAyZF39pviAdcDdeJoACapiAceqNcw=="],
 
     "@types/estree": ["@types/estree@1.0.8", "", {}, "sha512-dWHzHa2WqEXI/O1E9OjrocMTKJl2mSrEolh1Iomrv6U+JuNwaHXsXx9bLu5gG7BUWFIN0skIQJQ/L1rIex4X6w=="],
 
-    "@types/google.maps": ["@types/google.maps@3.58.1", "", {}, "sha512-X9QTSvGJ0nCfMzYOnaVs/k6/4L+7F5uCS+4iUmkLEls6J9S/Phv+m/i3mDeyc49ZBgwab3EFO1HEoBY7k98EGQ=="],
-
     "@types/howler": ["@types/howler@2.2.12", "", {}, "sha512-hy769UICzOSdK0Kn1FBk4gN+lswcj1EKRkmiDtMkUGvFfYJzgaDXmVXkSShS2m89ERAatGIPnTUlp2HhfkVo5g=="],
 
     "@types/json-schema": ["@types/json-schema@7.0.15", "", {}, "sha512-5+fP8P8MFNC+AyZCDxrB2pkZFPGzqQWUzpSeuuVLvm8VMcorNYavBqoFcxK8bQz4Qsbn4oUEEem4wDLfcysGHA=="],
 
-    "@types/md5": ["@types/md5@2.3.6", "", {}, "sha512-WD69gNXtRBnpknfZcb4TRQ0XJQbUPZcai/Qdhmka3sxUR3Et8NrXoeAoknG/LghYHTf4ve795rInVYHBTQdNVA=="],
-
-    "@types/node": ["@types/node@22.19.12", "", { "dependencies": { "undici-types": "~6.21.0" } }, "sha512-0QEp0aPJYSyf6RrTjDB7HlKgNMTY+V2C7ESTaVt6G9gQ0rPLzTGz7OF2NXTLR5vcy7HJEtIUsyWLsfX0kTqJBA=="],
+    "@types/node": ["@types/node@22.19.15", "", { "dependencies": { "undici-types": "~6.21.0" } }, "sha512-F0R/h2+dsy5wJAUe3tAU6oqa2qbWY5TpNfL/RGmo1y38hiyO1w3x2jPtt76wmuaJI4DQnOBu21cNXQ2STIUUWg=="],
 
     "@types/offscreencanvas": ["@types/offscreencanvas@2019.7.3", "", {}, "sha512-ieXiYmgSRXUDeOntE1InxjWyvEelZGP63M+cGuquuRLuIKKT1osnkXjxev9B7d1nXSug5vpunx+gNlbVxMlC9A=="],
 
-    "@types/phoenix": ["@types/phoenix@1.6.7", "", {}, "sha512-oN9ive//QSBkf19rfDv45M7eZPi0eEXylht2OLEXicu5b4KoQ1OzXIw+xDSGWxSxe1JmepRR/ZH283vsu518/Q=="],
-
-    "@types/react": ["@types/react@19.2.8", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-3MbSL37jEchWZz2p2mjntRZtPt837ij10ApxKfgmXCTuHWagYg7iA5bqPw6C8BMPfwidlvfPI/fxOc42HLhcyg=="],
+    "@types/react": ["@types/react@19.2.14", "", { "dependencies": { "csstype": "^3.2.2" } }, "sha512-ilcTH/UniCkMdtexkoCN0bI7pMcJDvmQFPvuPvmEaYA/NSfFTAgdUSLAoVjaRJm7+6PvcM+q1zYOwS4wTYMF9w=="],
 
     "@types/react-dom": ["@types/react-dom@19.2.2", "", { "peerDependencies": { "@types/react": "^19.2.0" } }, "sha512-9KQPoO6mZCi7jcIStSnlOWn2nEF3mNmyr3rIAsGnAbQKYbRLyqmeSc39EVgtxXVia+LMT8j3knZLAZAh+xLmrw=="],
 
@@ -758,46 +609,32 @@
 
     "@types/three": ["@types/three@0.183.1", "", { "dependencies": { "@dimforge/rapier3d-compat": "~0.12.0", "@tweenjs/tween.js": "~23.1.3", "@types/stats.js": "*", "@types/webxr": ">=0.5.17", "@webgpu/types": "*", "fflate": "~0.8.2", "meshoptimizer": "~1.0.1" } }, "sha512-f2Pu5Hrepfgavttdye3PsH5RWyY/AvdZQwIVhrc4uNtvF7nOWJacQKcoVJn0S4f0yYbmAE6AR+ve7xDcuYtMGw=="],
 
-    "@types/webidl-conversions": ["@types/webidl-conversions@7.0.3", "", {}, "sha512-CiJJvcRtIgzadHCYXw7dqEnMNRjhGZlYK05Mj9OyktqV8uVT8fD2BFOB7S1uwBE3Kj2Z+4UyPmFw/Ixgw/LAlA=="],
-
     "@types/webxr": ["@types/webxr@0.5.24", "", {}, "sha512-h8fgEd/DpoS9CBrjEQXR+dIDraopAEfu4wYVNY2tEPwk60stPWhvZMf4Foo5FakuQ7HFZoa8WceaWFervK2Ovg=="],
 
-    "@types/whatwg-url": ["@types/whatwg-url@13.0.0", "", { "dependencies": { "@types/webidl-conversions": "*" } }, "sha512-N8WXpbE6Wgri7KUSvrmQcqrMllKZ9uxkYWMt+mCSGwNc0Hsw9VQTW7ApqI4XNrx6/SaM2QQJCzMPDEXE058s+Q=="],
+    "@typescript-eslint/eslint-plugin": ["@typescript-eslint/eslint-plugin@8.57.0", "", { "dependencies": { "@eslint-community/regexpp": "^4.12.2", "@typescript-eslint/scope-manager": "8.57.0", "@typescript-eslint/type-utils": "8.57.0", "@typescript-eslint/utils": "8.57.0", "@typescript-eslint/visitor-keys": "8.57.0", "ignore": "^7.0.5", "natural-compare": "^1.4.0", "ts-api-utils": "^2.4.0" }, "peerDependencies": { "@typescript-eslint/parser": "^8.57.0", "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-qeu4rTHR3/IaFORbD16gmjq9+rEs9fGKdX0kF6BKSfi+gCuG3RCKLlSBYzn/bGsY9Tj7KE/DAQStbp8AHJGHEQ=="],
 
-    "@types/ws": ["@types/ws@8.18.1", "", { "dependencies": { "@types/node": "*" } }, "sha512-ThVF6DCVhA8kUGy+aazFQ4kXQ7E1Ty7A3ypFOe0IcJV8O/M511G99AW24irKrW56Wt44yG9+ij8FaqoBGkuBXg=="],
+    "@typescript-eslint/parser": ["@typescript-eslint/parser@8.57.0", "", { "dependencies": { "@typescript-eslint/scope-manager": "8.57.0", "@typescript-eslint/types": "8.57.0", "@typescript-eslint/typescript-estree": "8.57.0", "@typescript-eslint/visitor-keys": "8.57.0", "debug": "^4.4.3" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-XZzOmihLIr8AD1b9hL9ccNMzEMWt/dE2u7NyTY9jJG6YNiNthaD5XtUHVF2uCXZ15ng+z2hT3MVuxnUYhq6k1g=="],
 
-    "@typescript-eslint/eslint-plugin": ["@typescript-eslint/eslint-plugin@8.53.0", "", { "dependencies": { "@eslint-community/regexpp": "^4.12.2", "@typescript-eslint/scope-manager": "8.53.0", "@typescript-eslint/type-utils": "8.53.0", "@typescript-eslint/utils": "8.53.0", "@typescript-eslint/visitor-keys": "8.53.0", "ignore": "^7.0.5", "natural-compare": "^1.4.0", "ts-api-utils": "^2.4.0" }, "peerDependencies": { "@typescript-eslint/parser": "^8.53.0", "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-eEXsVvLPu8Z4PkFibtuFJLJOTAV/nPdgtSjkGoPpddpFk3/ym2oy97jynY6ic2m6+nc5M8SE1e9v/mHKsulcJg=="],
+    "@typescript-eslint/project-service": ["@typescript-eslint/project-service@8.57.0", "", { "dependencies": { "@typescript-eslint/tsconfig-utils": "^8.57.0", "@typescript-eslint/types": "^8.57.0", "debug": "^4.4.3" }, "peerDependencies": { "typescript": ">=4.8.4 <6.0.0" } }, "sha512-pR+dK0BlxCLxtWfaKQWtYr7MhKmzqZxuii+ZjuFlZlIGRZm22HnXFqa2eY+90MUz8/i80YJmzFGDUsi8dMOV5w=="],
 
-    "@typescript-eslint/parser": ["@typescript-eslint/parser@8.53.0", "", { "dependencies": { "@typescript-eslint/scope-manager": "8.53.0", "@typescript-eslint/types": "8.53.0", "@typescript-eslint/typescript-estree": "8.53.0", "@typescript-eslint/visitor-keys": "8.53.0", "debug": "^4.4.3" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-npiaib8XzbjtzS2N4HlqPvlpxpmZ14FjSJrteZpPxGUaYPlvhzlzUZ4mZyABo0EFrOWnvyd0Xxroq//hKhtAWg=="],
+    "@typescript-eslint/scope-manager": ["@typescript-eslint/scope-manager@8.57.0", "", { "dependencies": { "@typescript-eslint/types": "8.57.0", "@typescript-eslint/visitor-keys": "8.57.0" } }, "sha512-nvExQqAHF01lUM66MskSaZulpPL5pgy5hI5RfrxviLgzZVffB5yYzw27uK/ft8QnKXI2X0LBrHJFr1TaZtAibw=="],
 
-    "@typescript-eslint/project-service": ["@typescript-eslint/project-service@8.53.0", "", { "dependencies": { "@typescript-eslint/tsconfig-utils": "^8.53.0", "@typescript-eslint/types": "^8.53.0", "debug": "^4.4.3" }, "peerDependencies": { "typescript": ">=4.8.4 <6.0.0" } }, "sha512-Bl6Gdr7NqkqIP5yP9z1JU///Nmes4Eose6L1HwpuVHwScgDPPuEWbUVhvlZmb8hy0vX9syLk5EGNL700WcBlbg=="],
+    "@typescript-eslint/tsconfig-utils": ["@typescript-eslint/tsconfig-utils@8.57.0", "", { "peerDependencies": { "typescript": ">=4.8.4 <6.0.0" } }, "sha512-LtXRihc5ytjJIQEH+xqjB0+YgsV4/tW35XKX3GTZHpWtcC8SPkT/d4tqdf1cKtesryHm2bgp6l555NYcT2NLvA=="],
 
-    "@typescript-eslint/scope-manager": ["@typescript-eslint/scope-manager@8.53.0", "", { "dependencies": { "@typescript-eslint/types": "8.53.0", "@typescript-eslint/visitor-keys": "8.53.0" } }, "sha512-kWNj3l01eOGSdVBnfAF2K1BTh06WS0Yet6JUgb9Cmkqaz3Jlu0fdVUjj9UI8gPidBWSMqDIglmEXifSgDT/D0g=="],
+    "@typescript-eslint/type-utils": ["@typescript-eslint/type-utils@8.57.0", "", { "dependencies": { "@typescript-eslint/types": "8.57.0", "@typescript-eslint/typescript-estree": "8.57.0", "@typescript-eslint/utils": "8.57.0", "debug": "^4.4.3", "ts-api-utils": "^2.4.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-yjgh7gmDcJ1+TcEg8x3uWQmn8ifvSupnPfjP21twPKrDP/pTHlEQgmKcitzF/rzPSmv7QjJ90vRpN4U+zoUjwQ=="],
 
-    "@typescript-eslint/tsconfig-utils": ["@typescript-eslint/tsconfig-utils@8.53.0", "", { "peerDependencies": { "typescript": ">=4.8.4 <6.0.0" } }, "sha512-K6Sc0R5GIG6dNoPdOooQ+KtvT5KCKAvTcY8h2rIuul19vxH5OTQk7ArKkd4yTzkw66WnNY0kPPzzcmWA+XRmiA=="],
+    "@typescript-eslint/types": ["@typescript-eslint/types@8.57.0", "", {}, "sha512-dTLI8PEXhjUC7B9Kre+u0XznO696BhXcTlOn0/6kf1fHaQW8+VjJAVHJ3eTI14ZapTxdkOmc80HblPQLaEeJdg=="],
 
-    "@typescript-eslint/type-utils": ["@typescript-eslint/type-utils@8.53.0", "", { "dependencies": { "@typescript-eslint/types": "8.53.0", "@typescript-eslint/typescript-estree": "8.53.0", "@typescript-eslint/utils": "8.53.0", "debug": "^4.4.3", "ts-api-utils": "^2.4.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-BBAUhlx7g4SmcLhn8cnbxoxtmS7hcq39xKCgiutL3oNx1TaIp+cny51s8ewnKMpVUKQUGb41RAUWZ9kxYdovuw=="],
+    "@typescript-eslint/typescript-estree": ["@typescript-eslint/typescript-estree@8.57.0", "", { "dependencies": { "@typescript-eslint/project-service": "8.57.0", "@typescript-eslint/tsconfig-utils": "8.57.0", "@typescript-eslint/types": "8.57.0", "@typescript-eslint/visitor-keys": "8.57.0", "debug": "^4.4.3", "minimatch": "^10.2.2", "semver": "^7.7.3", "tinyglobby": "^0.2.15", "ts-api-utils": "^2.4.0" }, "peerDependencies": { "typescript": ">=4.8.4 <6.0.0" } }, "sha512-m7faHcyVg0BT3VdYTlX8GdJEM7COexXxS6KqGopxdtkQRvBanK377QDHr4W/vIPAR+ah9+B/RclSW5ldVniO1Q=="],
 
-    "@typescript-eslint/types": ["@typescript-eslint/types@8.53.0", "", {}, "sha512-Bmh9KX31Vlxa13+PqPvt4RzKRN1XORYSLlAE+sO1i28NkisGbTtSLFVB3l7PWdHtR3E0mVMuC7JilWJ99m2HxQ=="],
+    "@typescript-eslint/utils": ["@typescript-eslint/utils@8.57.0", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.9.1", "@typescript-eslint/scope-manager": "8.57.0", "@typescript-eslint/types": "8.57.0", "@typescript-eslint/typescript-estree": "8.57.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-5iIHvpD3CZe06riAsbNxxreP+MuYgVUsV0n4bwLH//VJmgtt54sQeY2GszntJ4BjYCpMzrfVh2SBnUQTtys2lQ=="],
 
-    "@typescript-eslint/typescript-estree": ["@typescript-eslint/typescript-estree@8.53.0", "", { "dependencies": { "@typescript-eslint/project-service": "8.53.0", "@typescript-eslint/tsconfig-utils": "8.53.0", "@typescript-eslint/types": "8.53.0", "@typescript-eslint/visitor-keys": "8.53.0", "debug": "^4.4.3", "minimatch": "^9.0.5", "semver": "^7.7.3", "tinyglobby": "^0.2.15", "ts-api-utils": "^2.4.0" }, "peerDependencies": { "typescript": ">=4.8.4 <6.0.0" } }, "sha512-pw0c0Gdo7Z4xOG987u3nJ8akL9093yEEKv8QTJ+Bhkghj1xyj8cgPaavlr9rq8h7+s6plUJ4QJYw2gCZodqmGw=="],
-
-    "@typescript-eslint/utils": ["@typescript-eslint/utils@8.53.0", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.9.1", "@typescript-eslint/scope-manager": "8.53.0", "@typescript-eslint/types": "8.53.0", "@typescript-eslint/typescript-estree": "8.53.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-XDY4mXTez3Z1iRDI5mbRhH4DFSt46oaIFsLg+Zn97+sYrXACziXSQcSelMybnVZ5pa1P6xYkPr5cMJyunM1ZDA=="],
-
-    "@typescript-eslint/visitor-keys": ["@typescript-eslint/visitor-keys@8.53.0", "", { "dependencies": { "@typescript-eslint/types": "8.53.0", "eslint-visitor-keys": "^4.2.1" } }, "sha512-LZ2NqIHFhvFwxG0qZeLL9DvdNAHPGCY5dIRwBhyYeU+LfLhcStE1ImjsuTG/WaVh3XysGaeLW8Rqq7cGkPCFvw=="],
+    "@typescript-eslint/visitor-keys": ["@typescript-eslint/visitor-keys@8.57.0", "", { "dependencies": { "@typescript-eslint/types": "8.57.0", "eslint-visitor-keys": "^5.0.0" } }, "sha512-zm6xx8UT/Xy2oSr2ZXD0pZo7Jx2XsCoID2IUh9YSTFRu7z+WdwYTRk6LhUftm1crwqbuoF6I8zAFeCMw0YjwDg=="],
 
     "@use-gesture/core": ["@use-gesture/core@10.3.1", "", {}, "sha512-WcINiDt8WjqBdUXye25anHiNxPc0VOrlT8F6LLkU6cycrOGUDyY/yyFmsg3k8i5OLvv25llc0QC45GhR/C8llw=="],
 
     "@use-gesture/react": ["@use-gesture/react@10.3.1", "", { "dependencies": { "@use-gesture/core": "10.3.1" }, "peerDependencies": { "react": ">= 16.8.0" } }, "sha512-Yy19y6O2GJq8f7CHf7L0nxL8bf4PZCPaVOCgJrusOeFHY1LvHgYXnmnXg6N5iwAnbgbZCDjo60SiM6IPJi9C5g=="],
 
-    "@vercel/analytics": ["@vercel/analytics@1.6.1", "", { "peerDependencies": { "@remix-run/react": "^2", "@sveltejs/kit": "^1 || ^2", "next": ">= 13", "react": "^18 || ^19 || ^19.0.0-rc", "svelte": ">= 4", "vue": "^3", "vue-router": "^4" }, "optionalPeers": ["@remix-run/react", "@sveltejs/kit", "next", "react", "svelte", "vue", "vue-router"] }, "sha512-oH9He/bEM+6oKlv3chWuOOcp8Y6fo6/PSro8hEkgCW3pu9/OiCXiUpRUogDh3Fs3LH2sosDrx8CxeOLBEE+afg=="],
-
-    "@vercel/microfrontends": ["@vercel/microfrontends@2.0.1", "", { "dependencies": { "@next/env": "15.5.4", "@types/md5": "^2.3.5", "ajv": "^8.17.1", "commander": "^12.1.0", "cookie": "1.0.2", "fast-glob": "^3.3.2", "http-proxy": "^1.18.1", "jsonc-parser": "^3.3.1", "md5": "^2.3.0", "nanoid": "^3.3.9", "path-to-regexp": "6.2.1", "semver": "^7.7.2" }, "peerDependencies": { "@sveltejs/kit": ">=1", "@vercel/analytics": ">=1.5.0", "@vercel/speed-insights": ">=1.2.0", "next": ">=13", "react": ">=17.0.0", "react-dom": ">=17.0.0", "vite": ">=5" }, "optionalPeers": ["@sveltejs/kit", "@vercel/analytics", "@vercel/speed-insights", "next", "react", "react-dom", "vite"], "bin": { "microfrontends": "cli/index.cjs" } }, "sha512-lVo3h0qVibxFkl8/oO+F50B6CtdHZgNmjPZMqME4iCH+EmQ7MDoFDQqN2Pjwn3Pnj/5SvCZPzmI0HQJlpQmP/g=="],
-
-    "@vercel/speed-insights": ["@vercel/speed-insights@1.3.1", "", { "peerDependencies": { "@sveltejs/kit": "^1 || ^2", "next": ">= 13", "react": "^18 || ^19 || ^19.0.0-rc", "svelte": ">= 4", "vue": "^3", "vue-router": "^4" }, "optionalPeers": ["@sveltejs/kit", "next", "react", "svelte", "vue", "vue-router"] }, "sha512-PbEr7FrMkUrGYvlcLHGkXdCkxnylCWePx7lPxxq36DNdfo9mcUjLOmqOyPDHAOgnfqgGGdmE3XI9L/4+5fr+vQ=="],
-
-    "@vercel/toolbar": ["@vercel/toolbar@0.2.2", "", { "dependencies": { "@tinyhttp/app": "1.3.0", "@vercel/microfrontends": "2.0.1", "chokidar": "^3.5.3", "execa": "5.1.1", "fast-glob": "^3.3.2", "find-up": "5.0.0", "get-port": "5.1.1", "jsonc-parser": "^3.3.1", "strip-ansi": "6.0.1" }, "peerDependencies": { "next": ">=11.0.0", "nuxt": ">=3.0.0", "react": ">=17", "vite": ">=5" }, "optionalPeers": ["next", "nuxt", "react", "vite"] }, "sha512-ygI0VD1mBejSOp3pNeb3jqeO3bSzLn6CrjEnVtyjEZePx5ygWEyoQUAZWFH85njtfKt15Nbmp0cNjye+Xm6RbA=="],
-
     "@visual-json/core": ["@visual-json/core@0.3.1", "", {}, "sha512-rjRbcCbKBixuQpXqVPgzKl3Nfk0QLD1NJhuHittM0ASYETozxTsou4fL6g/IWz/BaYiAAjKnrkb8aasbzJGcvg=="],
 
     "@visual-json/react": ["@visual-json/react@0.3.1", "", { "dependencies": { "@visual-json/core": "0.3.1" }, "peerDependencies": { "react": "^18.0.0 || ^19.0.0" } }, "sha512-OoyKkhSs2MzS4embJZY3VPYUl8/gTn1BycWZskspHul/Sn4nfWjEUafWe6aWSeIKhuAw8HQwbw2krgTtuMM4Gg=="],
@@ -806,20 +643,16 @@
 
     "@zappar/msdf-generator": ["@zappar/msdf-generator@1.2.4", "", { "dependencies": { "comlink": "^4.4.2" } }, "sha512-6S/MCk0Ky0ipewZJw4xFEzH/2aYfWmPXEkTdBtNyDDfkbicrNwgJgtxZ4SnTDyNe9XHMqDA4sL9srRsgDLRMqA=="],
 
-    "acorn": ["acorn@8.15.0", "", { "bin": { "acorn": "bin/acorn" } }, "sha512-NZyJarBfL7nWwIq+FDL6Zp/yHEhePMNnnJ0y3qfieCrmNvYct8uvtiV41UvlSe6apAfk0fY1FbWx+NwfmpvtTg=="],
+    "acorn": ["acorn@8.16.0", "", { "bin": { "acorn": "bin/acorn" } }, "sha512-UVJyE9MttOsBQIDKw1skb9nAwQuR5wuGD3+82K6JgJlm/Y+KI92oNsMNGZCYdDsVtRHSak0pcV5Dno5+4jh9sw=="],
 
     "acorn-jsx": ["acorn-jsx@5.3.2", "", { "peerDependencies": { "acorn": "^6.0.0 || ^7.0.0 || ^8.0.0" } }, "sha512-rq9s+JNhf0IChjtDXxllJ7g41oZk5SlXtp0LHwyA5cejwn7vKmKp4pPri6YEePv2PU65sAsegbXtIinmDFDXgQ=="],
 
-    "agent-base": ["agent-base@7.1.4", "", {}, "sha512-MnA+YT8fwfJPgBx3m60MNqakm30XOkyIoH1y6huTQvC0PwZG7ki8NacLBcrPbNoo8vEZy7Jpuk7+jMO+CUovTQ=="],
+    "ajv": ["ajv@6.14.0", "", { "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", "json-schema-traverse": "^0.4.1", "uri-js": "^4.2.2" } }, "sha512-IWrosm/yrn43eiKqkfkHis7QioDleaXQHdDVPKg0FSwwd/DuvyX79TZnFOnYpB7dcsFAMmtFztZuXPDvSePkFw=="],
 
-    "ajv": ["ajv@6.12.6", "", { "dependencies": { "fast-deep-equal": "^3.1.1", "fast-json-stable-stringify": "^2.0.0", "json-schema-traverse": "^0.4.1", "uri-js": "^4.2.2" } }, "sha512-j3fVLgvTo527anyYyJOGTYJbG+vnnQYvE0m5mmkc1TK+nxAppkCLMIL0aZ4dblVCNoGShhm+kzE4ZUykBoMg4g=="],
-
-    "ansi-regex": ["ansi-regex@5.0.1", "", {}, "sha512-quJQXlTSUGL2LH9SUXo8VwsY4soanhgo6LNSm84E1LBcE8s3O0wpdiRzyR9z/ZZJMlMWv37qOOb9pdJlMUEKFQ=="],
+    "ansi-regex": ["ansi-regex@6.2.2", "", {}, "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg=="],
 
     "ansi-styles": ["ansi-styles@4.3.0", "", { "dependencies": { "color-convert": "^2.0.1" } }, "sha512-zbB9rCJAT1rbjiVDb2hqKFHNYLxgtk8NURxZ3IZwD3F6NtxbXZQCnnSi1Lkx+IDohdPlFp222wVALIheZJQSEg=="],
 
-    "anymatch": ["anymatch@3.1.3", "", { "dependencies": { "normalize-path": "^3.0.0", "picomatch": "^2.0.4" } }, "sha512-KMReFUr0B4t+D+OBkjR3KYqvocp2XaSzO55UcB6mgQMd3KbcE+mWTyvVV7D/zsdEbNnV6acZUutkiHQXvTr1Rw=="],
-
     "argparse": ["argparse@2.0.1", "", {}, "sha512-8+9WqebbFzpX9OR+Wa6O29asIogeRMzcGtAINdpMHHyAg10f05aSFVBbcEqGf/PXw1EjAZ+q2/bEBg3DvurK3Q=="],
 
     "aria-hidden": ["aria-hidden@1.2.6", "", { "dependencies": { "tslib": "^2.0.0" } }, "sha512-ik3ZgC9dY/lYVVM++OISsaYDeg1tb0VtP5uL3ouh1koGOaUMDPpbFIei4JkFimWUFPn90sbMNMXQAIVOlnYKJA=="],
@@ -842,25 +675,15 @@
 
     "available-typed-arrays": ["available-typed-arrays@1.0.7", "", { "dependencies": { "possible-typed-array-names": "^1.0.0" } }, "sha512-wvUjBtSGN7+7SjNpq/9M2Tg350UZD3q62IFZLbRAR1bSMlCo1ZaeW+BJ+D090e4hIIZLBcTDWe4Mh4jvUDajzQ=="],
 
-    "aws-ssl-profiles": ["aws-ssl-profiles@1.1.2", "", {}, "sha512-NZKeq9AfyQvEeNlN0zSYAaWrmBffJh3IELMZfRpJVWgrpEbtEpnjvzqBPf+mxoI287JohRDoa+/nsfqqiZmF6g=="],
-
     "balanced-match": ["balanced-match@1.0.2", "", {}, "sha512-3oSeUO0TMV67hN1AmbXsK4yaqU7tjiHlbxRDZOpH0KW9+CeX4bRAaX0Anxt0tx2MrpRpWwQaPwIlISEJhYU5Pw=="],
 
     "base64-js": ["base64-js@1.5.1", "", {}, "sha512-AKpaYlHn8t4SVbOHCy+b5+KKgvR4vrsD8vbvrbiQJps7fKDTkjkDry6ji0rUJjC0kzbNePLwzxq8iypo41qeWA=="],
 
-    "baseline-browser-mapping": ["baseline-browser-mapping@2.9.14", "", { "bin": { "baseline-browser-mapping": "dist/cli.js" } }, "sha512-B0xUquLkiGLgHhpPBqvl7GWegWBUNuujQ6kXd/r1U38ElPT6Ok8KZ8e+FpUGEc2ZoRQUzq/aUnaKFc/svWUGSg=="],
-
-    "better-auth": ["better-auth@1.5.2", "", { "dependencies": { "@better-auth/core": "1.5.2", "@better-auth/drizzle-adapter": "1.5.2", "@better-auth/kysely-adapter": "1.5.2", "@better-auth/memory-adapter": "1.5.2", "@better-auth/mongo-adapter": "1.5.2", "@better-auth/prisma-adapter": "1.5.2", "@better-auth/telemetry": "1.5.2", "@better-auth/utils": "0.3.1", "@better-fetch/fetch": "1.1.21", "@noble/ciphers": "^2.1.1", "@noble/hashes": "^2.0.1", "better-call": "1.3.2", "defu": "^6.1.4", "jose": "^6.1.3", "kysely": "^0.28.11", "nanostores": "^1.1.1", "zod": "^4.3.6" }, "peerDependencies": { "@lynx-js/react": "*", "@prisma/client": "^5.0.0 || ^6.0.0 || ^7.0.0", "@sveltejs/kit": "^2.0.0", "@tanstack/react-start": "^1.0.0", "@tanstack/solid-start": "^1.0.0", "better-sqlite3": "^12.0.0", "drizzle-kit": ">=0.31.4", "drizzle-orm": ">=0.41.0", "mongodb": "^6.0.0 || ^7.0.0", "mysql2": "^3.0.0", "next": "^14.0.0 || ^15.0.0 || ^16.0.0", "pg": "^8.0.0", "prisma": "^5.0.0 || ^6.0.0 || ^7.0.0", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0", "solid-js": "^1.0.0", "svelte": "^4.0.0 || ^5.0.0", "vitest": "^2.0.0 || ^3.0.0 || ^4.0.0", "vue": "^3.0.0" }, "optionalPeers": ["@lynx-js/react", "@prisma/client", "@sveltejs/kit", "@tanstack/react-start", "@tanstack/solid-start", "better-sqlite3", "drizzle-kit", "drizzle-orm", "mongodb", "mysql2", "next", "pg", "prisma", "react", "react-dom", "solid-js", "svelte", "vitest", "vue"] }, "sha512-xEnt/RBsu/cjcN+IEsgeBqka/6QRaGzPFl5hnnJfZU/JxRGnDsVUDHXvJQRfecj8qA/1nPJOQjZ6qQL1Z7aN+Q=="],
-
-    "better-call": ["better-call@1.3.2", "", { "dependencies": { "@better-auth/utils": "^0.3.1", "@better-fetch/fetch": "^1.1.21", "rou3": "^0.7.12", "set-cookie-parser": "^3.0.1" }, "peerDependencies": { "zod": "^4.0.0" }, "optionalPeers": ["zod"] }, "sha512-4cZIfrerDsNTn3cm+MhLbUePN0gdwkhSXEuG7r/zuQ8c/H7iU0/jSK5TD3FW7U0MgKHce/8jGpPYNO4Ve+4NBw=="],
+    "baseline-browser-mapping": ["baseline-browser-mapping@2.10.7", "", { "bin": { "baseline-browser-mapping": "dist/cli.cjs" } }, "sha512-1ghYO3HnxGec0TCGBXiDLVns4eCSx4zJpxnHrlqFQajmhfKMQBzUGDdkMK7fUW7PTHTeLf+j87aTuKuuwWzMGw=="],
 
     "bidi-js": ["bidi-js@1.0.3", "", { "dependencies": { "require-from-string": "^2.0.2" } }, "sha512-RKshQI1R3YQ+n9YJz2QQ147P66ELpa1FQEg20Dk8oW9t2KgLbpDLLp9aGZ7y8WHSshDknG0bknqGw5/tyCs5tw=="],
 
-    "bin-links": ["bin-links@6.0.0", "", { "dependencies": { "cmd-shim": "^8.0.0", "npm-normalize-package-bin": "^5.0.0", "proc-log": "^6.0.0", "read-cmd-shim": "^6.0.0", "write-file-atomic": "^7.0.0" } }, "sha512-X4CiKlcV2GjnCMwnKAfbVWpHa++65th9TuzAEYtZoATiOE2DQKhSp4CJlyLoTqdhBKlXjpXjCTYPNNFS33Fi6w=="],
-
-    "binary-extensions": ["binary-extensions@2.3.0", "", {}, "sha512-Ceh+7ox5qe7LJuLHoY0feh3pHuUDHAcRUeyL2VYghZwfpkNIy/+8Ocg0a3UuSoYzavmylwuLWQOf3hl0jjMMIw=="],
-
-    "bippy": ["bippy@0.5.30", "", { "dependencies": { "@types/react-reconciler": "^0.28.9" }, "peerDependencies": { "react": ">=17.0.1" } }, "sha512-8CFmJAHD3gmTLDOCDHuWhjm1nxHSFZdlGoWtak9r53Uxn36ynOjxBLyxXHh/7h/XiKLyPvfdXa0gXWcD9o9lLQ=="],
+    "bippy": ["bippy@0.5.32", "", { "dependencies": { "@types/react-reconciler": "^0.28.9" }, "peerDependencies": { "react": ">=17.0.1" } }, "sha512-yt1mC8eReTxjfg41YBZdN4PvsDwHFWxltoiQX0Q+Htlbf41aSniopb7ECZits01HwNAvXEh69RGk/ImlswDTEw=="],
 
     "brace-expansion": ["brace-expansion@1.1.12", "", { "dependencies": { "balanced-match": "^1.0.0", "concat-map": "0.0.1" } }, "sha512-9T9UjW3r0UW5c1Q7GTwllptXwhvYmEzFhzMfZ9H7FQWt+uZePjZPjBP/W1ZEyZ1twGWom5/56TF4lPcqjnDHcg=="],
 
@@ -868,14 +691,8 @@
 
     "browserslist": ["browserslist@4.28.1", "", { "dependencies": { "baseline-browser-mapping": "^2.9.0", "caniuse-lite": "^1.0.30001759", "electron-to-chromium": "^1.5.263", "node-releases": "^2.0.27", "update-browserslist-db": "^1.2.0" }, "bin": { "browserslist": "cli.js" } }, "sha512-ZC5Bd0LgJXgwGqUknZY/vkUQ04r8NXnJZ3yYi4vDmSiZmC/pdSN0NbNRPxZpbtO4uAfDUAFffO8IZoM3Gj8IkA=="],
 
-    "bson": ["bson@7.2.0", "", {}, "sha512-YCEo7KjMlbNlyHhz7zAZNDpIpQbd+wOEHJYezv0nMYTn4x31eIUM2yomNNubclAt63dObUzKHWsBLJ9QcZNSnQ=="],
-
     "buffer": ["buffer@6.0.3", "", { "dependencies": { "base64-js": "^1.3.1", "ieee754": "^1.2.1" } }, "sha512-FTiCpNxtwiZZHEZbcbTIcZjERVICn9yq/pDFkTl95/AxzD1naBctN7YO68riM/gLSDY7sdrMby8hofADYuuqOA=="],
 
-    "buffer-from": ["buffer-from@1.1.2", "", {}, "sha512-E+XQCRwSbaaiChtv6k6Dwgc+bx+Bs6vuKJHHl5kox/BaKbhiXzqQOwK4cO22yElGp2OCmjwVhT3HmxgyPGnJfQ=="],
-
-    "c12": ["c12@3.1.0", "", { "dependencies": { "chokidar": "^4.0.3", "confbox": "^0.2.2", "defu": "^6.1.4", "dotenv": "^16.6.1", "exsolve": "^1.0.7", "giget": "^2.0.0", "jiti": "^2.4.2", "ohash": "^2.0.11", "pathe": "^2.0.3", "perfect-debounce": "^1.0.0", "pkg-types": "^2.2.0", "rc9": "^2.1.2" }, "peerDependencies": { "magicast": "^0.3.5" }, "optionalPeers": ["magicast"] }, "sha512-uWoS8OU1MEIsOv8p/5a82c3H31LsWVR5qiyXVfBNOzfffjUWtPnhAb4BYI2uG2HfGmZmFjCtui5XNWaps+iFuw=="],
-
     "call-bind": ["call-bind@1.0.8", "", { "dependencies": { "call-bind-apply-helpers": "^1.0.0", "es-define-property": "^1.0.0", "get-intrinsic": "^1.2.4", "set-function-length": "^1.2.2" } }, "sha512-oKlSFMcMwpUg2ednkhQ454wfWiU/ul3CkJe/PEHcTKuiX6RpbehUiFMXu13HalGZxfUwCQzZG747YXBn1im9ww=="],
 
     "call-bind-apply-helpers": ["call-bind-apply-helpers@1.0.2", "", { "dependencies": { "es-errors": "^1.3.0", "function-bind": "^1.1.2" } }, "sha512-Sp1ablJ0ivDkSzjcaJdxEunN5/XvksFJ2sMBFfq6x0ryhQV/2b/KwFe21cMpmHtPOSij8K99/wSfoEuTObmuMQ=="],
@@ -886,19 +703,11 @@
 
     "camera-controls": ["camera-controls@3.1.2", "", { "peerDependencies": { "three": ">=0.126.1" } }, "sha512-xkxfpG2ECZ6Ww5/9+kf4mfg1VEYAoe9aDSY+IwF0UEs7qEzwy0aVRfs2grImIECs/PoBtWFrh7RXsQkwG922JA=="],
 
-    "caniuse-lite": ["caniuse-lite@1.0.30001764", "", {}, "sha512-9JGuzl2M+vPL+pz70gtMF9sHdMFbY9FJaQBi186cHKH3pSzDvzoUJUPV6fqiKIMyXbud9ZLg4F3Yza1vJ1+93g=="],
+    "caniuse-lite": ["caniuse-lite@1.0.30001778", "", {}, "sha512-PN7uxFL+ExFJO61aVmP1aIEG4i9whQd4eoSCebav62UwDyp5OHh06zN4jqKSMePVgxHifCw1QJxdRkA1Pisekg=="],
 
     "chalk": ["chalk@5.6.2", "", {}, "sha512-7NzBL0rN6fMUW+f7A6Io4h40qQlG+xGmtMxfbnH/K7TAtt8JQWVQK+6g0UXKMeVJoyV5EkkNsErQ8pVD3bLHbA=="],
 
-    "charenc": ["charenc@0.0.2", "", {}, "sha512-yrLQ/yVUFXkzg7EDQsPieE/53+0RlaWTs+wBrvW36cyilJ2SaDWfl4Yj7MtLTXleV9uEKefbAGUPv2/iWSooRA=="],
-
-    "chevrotain": ["chevrotain@10.5.0", "", { "dependencies": { "@chevrotain/cst-dts-gen": "10.5.0", "@chevrotain/gast": "10.5.0", "@chevrotain/types": "10.5.0", "@chevrotain/utils": "10.5.0", "lodash": "4.17.21", "regexp-to-ast": "0.5.0" } }, "sha512-Pkv5rBY3+CsHOYfV5g/Vs5JY9WTHHDEKOlohI2XeygaZhUeqhAlldZ8Hz9cRmxu709bvS08YzxHdTPHhffc13A=="],
-
-    "chokidar": ["chokidar@3.6.0", "", { "dependencies": { "anymatch": "~3.1.2", "braces": "~3.0.2", "glob-parent": "~5.1.2", "is-binary-path": "~2.1.0", "is-glob": "~4.0.1", "normalize-path": "~3.0.0", "readdirp": "~3.6.0" }, "optionalDependencies": { "fsevents": "~2.3.2" } }, "sha512-7VT13fmjotKpGipCW9JEQAusEPE+Ei8nl6/g4FBAmIm0GOOLMua9NDDo/DWp0ZAxCr3cPq5ZpBqmPAQgDda2Pw=="],
-
-    "chownr": ["chownr@3.0.0", "", {}, "sha512-+IxzY9BZOQd/XuYPRmrvEVjF/nqj5kgT4kEq7VofrDoM1MxoRjEWkrCC3EtLi59TVawxTAn+orJwFQcrqEN1+g=="],
-
-    "citty": ["citty@0.2.0", "", {}, "sha512-8csy5IBFI2ex2hTVpaHN2j+LNE199AgiI7y4dMintrr8i0lQiFn+0AWMZrWdHKIgMOer65f8IThysYhoReqjWA=="],
+    "citty": ["citty@0.2.1", "", {}, "sha512-kEV95lFBhQgtogAPlQfJJ0WGVSokvLr/UEoFPiKKOXF7pl98HfUVUD0ejsuTCld/9xH9vogSywZ5KqHzXrZpqg=="],
 
     "class-variance-authority": ["class-variance-authority@0.7.1", "", { "dependencies": { "clsx": "^2.1.1" } }, "sha512-Ka+9Trutv7G8M6WT6SeiRWz792K5qEqIGEGzXKhAE6xOWAY6pPH8U+9IY3oCMv6kqTmLsv7Xh/2w2RigkePMsg=="],
 
@@ -910,8 +719,6 @@
 
     "clsx": ["clsx@2.1.1", "", {}, "sha512-eYm0QWBtUrBWZWG0d386OGAw16Z995PiOVo2B7bjWSbHedGl5e0ZWaq65kOGgUSNesEIDkB9ISbTg/JK9dhCZA=="],
 
-    "cmd-shim": ["cmd-shim@8.0.0", "", {}, "sha512-Jk/BK6NCapZ58BKUxlSI+ouKRbjH1NLZCgJkYoab+vEHUY3f6OzpNBN9u7HFSv9J6TRDGs4PLOHezoKGaFRSCA=="],
-
     "cmdk": ["cmdk@1.1.1", "", { "dependencies": { "@radix-ui/react-compose-refs": "^1.1.1", "@radix-ui/react-dialog": "^1.1.6", "@radix-ui/react-id": "^1.1.0", "@radix-ui/react-primitive": "^2.0.2" }, "peerDependencies": { "react": "^18 || ^19 || ^19.0.0-rc", "react-dom": "^18 || ^19 || ^19.0.0-rc" } }, "sha512-Vsv7kFaXm+ptHDMZ7izaRsP70GgrW9NBNGswt9OZaVBLlE0SNpDq8eu/VGXyF9r7M0azK3Wy7OlYXsuyYLFzHg=="],
 
     "color-convert": ["color-convert@2.0.1", "", { "dependencies": { "color-name": "~1.1.4" } }, "sha512-RRECPsj7iu/xb5oKYcsFHSppFNnsj/52OVTRKb4zP5onXwVF3zVmmToNcOfGC+CRDpfK/U584fMg38ZHCaElKQ=="],
@@ -924,24 +731,14 @@
 
     "concat-map": ["concat-map@0.0.1", "", {}, "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="],
 
-    "confbox": ["confbox@0.2.4", "", {}, "sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ=="],
-
-    "consola": ["consola@3.4.2", "", {}, "sha512-5IKcdX0nnYavi6G7TtOhwkYzyjfJlatbjMjuLSfE2kYT5pMDOilZ4OvMhi637CcDICTmz3wARPoyhqyX1Y+XvA=="],
-
     "convert-source-map": ["convert-source-map@2.0.0", "", {}, "sha512-Kvp459HrV2FEJ1CAsi1Ku+MY3kasH19TFykTz2xWmMeq6bk2NU3XXvfJ+Q61m0xktWwt+1HSYf3JZsTms3aRJg=="],
 
-    "cookie": ["cookie@1.0.2", "", {}, "sha512-9Kr/j4O16ISv8zBBhJoi4bXOYNTkFLOqSL3UDB0njXxCXNezjeyVrJyGOWtgfs/q2km1gwBcfH8q1yEGoMYunA=="],
-
     "cross-env": ["cross-env@7.0.3", "", { "dependencies": { "cross-spawn": "^7.0.1" }, "bin": { "cross-env": "src/bin/cross-env.js", "cross-env-shell": "src/bin/cross-env-shell.js" } }, "sha512-+/HKd6EgcQCJGh2PSjZuUitQBQynKor4wrFbRg4DtAgS1aWO+gU52xpH7M9ScGgXSYmAVS9bIJ8EzuaGw0oNAw=="],
 
     "cross-spawn": ["cross-spawn@7.0.6", "", { "dependencies": { "path-key": "^3.1.0", "shebang-command": "^2.0.0", "which": "^2.0.1" } }, "sha512-uV2QOWP2nWzsy2aMp8aRibhi9dlzF5Hgh5SHaB9OiTGEyDTiJJyx0uy51QXdyWbtAHNua4XJzUKca3OzKUd3vA=="],
 
-    "crypt": ["crypt@0.0.2", "", {}, "sha512-mCxBlsHFYh9C+HVpiEacem8FEBnMXgU9gy4zmNC+SXAZNB/1idgp/aulFJ4FgCi7GPEVbfyng092GqL2k2rmow=="],
-
     "csstype": ["csstype@3.2.3", "", {}, "sha512-z1HGKcYy2xA8AGQfwrn0PAy+PB7X/GSj3UVJW9qKyn43xWa+gl5nXmU4qqLMRzWVLFC8KusUX8T/0kCiOYpAIQ=="],
 
-    "data-uri-to-buffer": ["data-uri-to-buffer@4.0.1", "", {}, "sha512-0R9ikRb668HB7QDxT1vkpuUBtqc53YyAwMwGeUFKRojY/NWKvdZ+9UYtRfGmhqNbRkTSVpMbmyhXipFFv2cb/A=="],
-
     "data-view-buffer": ["data-view-buffer@1.0.2", "", { "dependencies": { "call-bound": "^1.0.3", "es-errors": "^1.3.0", "is-data-view": "^1.0.2" } }, "sha512-EmKO5V3OLXh1rtK2wgXRansaK1/mtVdTUEiEI0W8RkvgT05kfxaH29PliLnpLP73yYO6142Q72QNa8Wx/A5CqQ=="],
 
     "data-view-byte-length": ["data-view-byte-length@1.0.2", "", { "dependencies": { "call-bound": "^1.0.3", "es-errors": "^1.3.0", "is-data-view": "^1.0.2" } }, "sha512-tuhGbE6CfTM9+5ANGf+oQb72Ky/0+s3xKUpHvShfiz2RxMFgFPjsXuRLBVMtvMs15awe45SRb83D6wH4ew6wlQ=="],
@@ -950,24 +747,16 @@
 
     "debug": ["debug@4.4.3", "", { "dependencies": { "ms": "^2.1.3" } }, "sha512-RGwwWnwQvkVfavKVt22FGLw+xYSdzARwm0ru6DhTVA3umU5hZc28V3kO4stgYryrTlLpuvgI9GiijltAjNbcqA=="],
 
-    "dedent": ["dedent@1.7.1", "", { "peerDependencies": { "babel-plugin-macros": "^3.1.0" }, "optionalPeers": ["babel-plugin-macros"] }, "sha512-9JmrhGZpOlEgOLdQgSm0zxFaYoQon408V1v49aqTWuXENVlnCuY9JBZcXZiCsZQWDjTm5Qf/nIvAy77mXDAjEg=="],
+    "dedent": ["dedent@1.7.2", "", { "peerDependencies": { "babel-plugin-macros": "^3.1.0" }, "optionalPeers": ["babel-plugin-macros"] }, "sha512-WzMx3mW98SN+zn3hgemf4OzdmyNhhhKz5Ay0pUfQiMQ3e1g+xmTJWp/pKdwKVXhdSkAEGIIzqeuWrL3mV/AXbA=="],
 
     "deep-is": ["deep-is@0.1.4", "", {}, "sha512-oIPzksmTg4/MriiaYGO+okXDT7ztn/w3Eptv/+gSIdMdKsJo0u4CfYNFJPy+4SKMuCqGw2wxnA+URMg3t8a/bQ=="],
 
     "deepmerge": ["deepmerge@4.3.1", "", {}, "sha512-3sUqbMEc77XqpdNO7FRyRog+eW3ph+GYCbj+rK+uYyRMuwsVy0rMiVtPn+QJlKFvWP/1PYpapqYn0Me2knFn+A=="],
 
-    "deepmerge-ts": ["deepmerge-ts@7.1.5", "", {}, "sha512-HOJkrhaYsweh+W+e74Yn7YStZOilkoPb6fycpwNLKzSPtruFs48nYis0zy5yJz1+ktUhHxoRDJ27RQAWLIJVJw=="],
-
     "define-data-property": ["define-data-property@1.1.4", "", { "dependencies": { "es-define-property": "^1.0.0", "es-errors": "^1.3.0", "gopd": "^1.0.1" } }, "sha512-rBMvIzlpA8v6E+SJZoo++HAYqsLrkg7MSfIinMPFhmkorw7X+dOXVJQs+QT69zGkzMyfDnIMN2Wid1+NbL3T+A=="],
 
     "define-properties": ["define-properties@1.2.1", "", { "dependencies": { "define-data-property": "^1.0.1", "has-property-descriptors": "^1.0.0", "object-keys": "^1.1.1" } }, "sha512-8QmQKqEASLd5nx0U1B1okLElbUuuttJ/AnYmRXbbbGDWh6uS208EjD4Xqq/I9wK7u0v6O08XhTWnt5XtEbR6Dg=="],
 
-    "defu": ["defu@6.1.4", "", {}, "sha512-mEQCMmwJu317oSz8CwdIOdwf3xMif1ttiM8LTufzc3g6kR+9Pe236twL8j3IYT1F7GfRgGcW6MWxzZjLIkuHIg=="],
-
-    "denque": ["denque@2.1.0", "", {}, "sha512-HVQE3AAb/pxF8fQAoiqpvg9i3evqug3hoiwakOyZAwJm+6vZehbkYXZ0l4JxS+I3QxM97v5aaRNhj8v5oBhekw=="],
-
-    "destr": ["destr@2.0.5", "", {}, "sha512-ugFTXCtDZunbzasqBxrK93Ik/DRYsO6S/fedkWEMKqt04xZ4csmnmwGDBAb07QWNaGMAmnTIemsYZCksjATwsA=="],
-
     "detect-gpu": ["detect-gpu@5.0.70", "", { "dependencies": { "webgl-constants": "^1.1.1" } }, "sha512-bqerEP1Ese6nt3rFkwPnGbsUF9a4q+gMmpTVVOEzoCyeCc+y7/RvJnQZJx1JwhgQI5Ntg0Kgat8Uu7XpBqnz1w=="],
 
     "detect-libc": ["detect-libc@2.1.2", "", {}, "sha512-Btj2BOOO83o3WyH59e8MgXsxEQVcarkUOpEYrubB0urwnN10yQ364rsiByU11nZlqWYZm05i/of7io4mzihBtQ=="],
@@ -976,53 +765,31 @@
 
     "doctrine": ["doctrine@2.1.0", "", { "dependencies": { "esutils": "^2.0.2" } }, "sha512-35mSku4ZXK0vfCuHEDAwt55dg2jNajHZ1odvF+8SSr82EsZY4QmXfuWso8oEd8zRhVObSN18aM0CjSdoBX7zIw=="],
 
-    "dom-serializer": ["dom-serializer@2.0.0", "", { "dependencies": { "domelementtype": "^2.3.0", "domhandler": "^5.0.2", "entities": "^4.2.0" } }, "sha512-wIkAryiqt/nV5EQKqQpo3SToSOV9J0DnbJqwK7Wv/Trc92zIAYZ4FlMu+JPFW1DfGFt81ZTCGgDEabffXeLyJg=="],
+    "dotenv": ["dotenv@17.3.1", "", {}, "sha512-IO8C/dzEb6O3F9/twg6ZLXz164a2fhTnEWb95H23Dm4OuN+92NmEAlTrupP9VW6Jm3sO26tQlqyvyi4CsnY9GA=="],
 
-    "domelementtype": ["domelementtype@2.3.0", "", {}, "sha512-OLETBj6w0OsagBwdXnPdN0cnMfF9opN69co+7ZrbfPGrdpPVNBUj02spi6B1N7wChLQiPn4CSH/zJvXw56gmHw=="],
+    "dotenv-cli": ["dotenv-cli@11.0.0", "", { "dependencies": { "cross-spawn": "^7.0.6", "dotenv": "^17.1.0", "dotenv-expand": "^12.0.0", "minimist": "^1.2.6" }, "bin": { "dotenv": "cli.js" } }, "sha512-r5pA8idbk7GFWuHEU7trSTflWcdBpQEK+Aw17UrSHjS6CReuhrrPcyC3zcQBPQvhArRHnBo/h6eLH1fkCvNlww=="],
 
-    "domhandler": ["domhandler@5.0.3", "", { "dependencies": { "domelementtype": "^2.3.0" } }, "sha512-cgwlv/1iFQiFnU96XXgROh8xTeetsnJiDsTc7TYCLFd9+/WNkIqPTxiM/8pSd8VIrhXGTf1Ny1q1hquVqDJB5w=="],
-
-    "domutils": ["domutils@3.2.2", "", { "dependencies": { "dom-serializer": "^2.0.0", "domelementtype": "^2.3.0", "domhandler": "^5.0.3" } }, "sha512-6kZKyUajlDuqlHKVX1w7gyslj9MPIXzIFiz/rGu35uC1wMi+kMhQwGhl4lt9unC9Vb9INnY9Z3/ZA3+FhASLaw=="],
-
-    "dotenv": ["dotenv@16.0.3", "", {}, "sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ=="],
+    "dotenv-expand": ["dotenv-expand@12.0.3", "", { "dependencies": { "dotenv": "^16.4.5" } }, "sha512-uc47g4b+4k/M/SeaW1y4OApx+mtLWl92l5LMPP0GNXctZqELk+YGgOPIIC5elYmUH4OuoK3JLhuRUYegeySiFA=="],
 
     "draco3d": ["draco3d@1.5.7", "", {}, "sha512-m6WCKt/erDXcw+70IJXnG7M3awwQPAsZvJGX5zY7beBqpELw6RDGkYVU0W43AFxye4pDZ5i2Lbyc/NNGqwjUVQ=="],
 
-    "drizzle-kit": ["drizzle-kit@0.31.9", "", { "dependencies": { "@drizzle-team/brocli": "^0.10.2", "@esbuild-kit/esm-loader": "^2.5.5", "esbuild": "^0.25.4", "esbuild-register": "^3.5.0" }, "bin": { "drizzle-kit": "bin.cjs" } }, "sha512-GViD3IgsXn7trFyBUUHyTFBpH/FsHTxYJ66qdbVggxef4UBPHRYxQaRzYLTuekYnk9i5FIEL9pbBIwMqX/Uwrg=="],
-
-    "drizzle-orm": ["drizzle-orm@0.45.1", "", { "peerDependencies": { "@aws-sdk/client-rds-data": ">=3", "@cloudflare/workers-types": ">=4", "@electric-sql/pglite": ">=0.2.0", "@libsql/client": ">=0.10.0", "@libsql/client-wasm": ">=0.10.0", "@neondatabase/serverless": ">=0.10.0", "@op-engineering/op-sqlite": ">=2", "@opentelemetry/api": "^1.4.1", "@planetscale/database": ">=1.13", "@prisma/client": "*", "@tidbcloud/serverless": "*", "@types/better-sqlite3": "*", "@types/pg": "*", "@types/sql.js": "*", "@upstash/redis": ">=1.34.7", "@vercel/postgres": ">=0.8.0", "@xata.io/client": "*", "better-sqlite3": ">=7", "bun-types": "*", "expo-sqlite": ">=14.0.0", "gel": ">=2", "knex": "*", "kysely": "*", "mysql2": ">=2", "pg": ">=8", "postgres": ">=3", "sql.js": ">=1", "sqlite3": ">=5" }, "optionalPeers": ["@aws-sdk/client-rds-data", "@cloudflare/workers-types", "@electric-sql/pglite", "@libsql/client", "@libsql/client-wasm", "@neondatabase/serverless", "@op-engineering/op-sqlite", "@opentelemetry/api", "@planetscale/database", "@prisma/client", "@tidbcloud/serverless", "@types/better-sqlite3", "@types/pg", "@types/sql.js", "@upstash/redis", "@vercel/postgres", "@xata.io/client", "better-sqlite3", "bun-types", "expo-sqlite", "gel", "knex", "kysely", "mysql2", "pg", "postgres", "sql.js", "sqlite3"] }, "sha512-Te0FOdKIistGNPMq2jscdqngBRfBpC8uMFVwqjf6gtTVJHIQ/dosgV/CLBU2N4ZJBsXL5savCba9b0YJskKdcA=="],
-
-    "drizzle-zod": ["drizzle-zod@0.8.3", "", { "peerDependencies": { "drizzle-orm": ">=0.36.0", "zod": "^3.25.0 || ^4.0.0" } }, "sha512-66yVOuvGhKJnTdiqj1/Xaaz9/qzOdRJADpDa68enqS6g3t0kpNkwNYjUuaeXgZfO/UWuIM9HIhSlJ6C5ZraMww=="],
-
     "dunder-proto": ["dunder-proto@1.0.1", "", { "dependencies": { "call-bind-apply-helpers": "^1.0.1", "es-errors": "^1.3.0", "gopd": "^1.2.0" } }, "sha512-KIN/nDJBQRcXw0MLVhZE9iQHmG68qAVIBg9CqmUYjmQIhgij9U5MFvrqkUL5FbtyyzZuOeOt0zdeRe4UY7ct+A=="],
 
-    "effect": ["effect@3.18.4", "", { "dependencies": { "@standard-schema/spec": "^1.0.0", "fast-check": "^3.23.1" } }, "sha512-b1LXQJLe9D11wfnOKAk3PKxuqYshQ0Heez+y5pnkd3jLj1yx9QhM72zZ9uUrOQyNvrs2GZZd/3maL0ZV18YuDA=="],
+    "editor": ["editor@workspace:apps/editor"],
 
-    "electron-to-chromium": ["electron-to-chromium@1.5.307", "", {}, "sha512-5z3uFKBWjiNR44nFcYdkcXjKMbg5KXNdciu7mhTPo9tB7NbqSNP2sSnGR+fqknZSCwKkBN+oxiiajWs4dT6ORg=="],
+    "electron-to-chromium": ["electron-to-chromium@1.5.313", "", {}, "sha512-QBMrTWEf00GXZmJyx2lbYD45jpI3TUFnNIzJ5BBc8piGUDwMPa1GV6HJWTZVvY/eiN3fSopl7NRbgGp9sZ9LTA=="],
 
     "emoji-regex": ["emoji-regex@10.6.0", "", {}, "sha512-toUI84YS5YmxW219erniWD0CIVOo46xGKColeNQRgOzDorgBi1v4D71/OFzgD9GO2UGKIv1C3Sp8DAn0+j5w7A=="],
 
-    "empathic": ["empathic@2.0.0", "", {}, "sha512-i6UzDscO/XfAcNYD75CfICkmfLedpyPDdozrLMmQc5ORaQcdMoc21OnlEylMIqI7U8eniKrPMxxtj8k0vhmJhA=="],
-
-    "enhanced-resolve": ["enhanced-resolve@5.19.0", "", { "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.3.0" } }, "sha512-phv3E1Xl4tQOShqSte26C7Fl84EwUdZsyOuSSk9qtAGyyQs2s3jJzComh+Abf4g187lUUAvH+H26omrqia2aGg=="],
-
-    "entities": ["entities@4.5.0", "", {}, "sha512-V0hjH4dGPh9Ao5p0MoRY6BVqtwCjhz6vI5LT8AJ55H+4g9/4vbHx1I54fS0XuclLhDHArPQCiMjDxjaL8fPxhw=="],
-
-    "env-paths": ["env-paths@3.0.0", "", {}, "sha512-dtJUTepzMW3Lm/NPxRf3wP4642UWhjL2sQxc+ym2YMj1m/H2zDNQOlezafzkHwn6sMstjHTwG6iQQsctDW/b1A=="],
+    "enhanced-resolve": ["enhanced-resolve@5.20.0", "", { "dependencies": { "graceful-fs": "^4.2.4", "tapable": "^2.3.0" } }, "sha512-/ce7+jQ1PQ6rVXwe+jKEg5hW5ciicHwIQUagZkp6IufBoY3YDgdTTY1azVs0qoRgVmvsNB+rbjLJxDAeHHtwsQ=="],
 
     "es-abstract": ["es-abstract@1.24.1", "", { "dependencies": { "array-buffer-byte-length": "^1.0.2", "arraybuffer.prototype.slice": "^1.0.4", "available-typed-arrays": "^1.0.7", "call-bind": "^1.0.8", "call-bound": "^1.0.4", "data-view-buffer": "^1.0.2", "data-view-byte-length": "^1.0.2", "data-view-byte-offset": "^1.0.1", "es-define-property": "^1.0.1", "es-errors": "^1.3.0", "es-object-atoms": "^1.1.1", "es-set-tostringtag": "^2.1.0", "es-to-primitive": "^1.3.0", "function.prototype.name": "^1.1.8", "get-intrinsic": "^1.3.0", "get-proto": "^1.0.1", "get-symbol-description": "^1.1.0", "globalthis": "^1.0.4", "gopd": "^1.2.0", "has-property-descriptors": "^1.0.2", "has-proto": "^1.2.0", "has-symbols": "^1.1.0", "hasown": "^2.0.2", "internal-slot": "^1.1.0", "is-array-buffer": "^3.0.5", "is-callable": "^1.2.7", "is-data-view": "^1.0.2", "is-negative-zero": "^2.0.3", "is-regex": "^1.2.1", "is-set": "^2.0.3", "is-shared-array-buffer": "^1.0.4", "is-string": "^1.1.1", "is-typed-array": "^1.1.15", "is-weakref": "^1.1.1", "math-intrinsics": "^1.1.0", "object-inspect": "^1.13.4", "object-keys": "^1.1.1", "object.assign": "^4.1.7", "own-keys": "^1.0.1", "regexp.prototype.flags": "^1.5.4", "safe-array-concat": "^1.1.3", "safe-push-apply": "^1.0.0", "safe-regex-test": "^1.1.0", "set-proto": "^1.0.0", "stop-iteration-iterator": "^1.1.0", "string.prototype.trim": "^1.2.10", "string.prototype.trimend": "^1.0.9", "string.prototype.trimstart": "^1.0.8", "typed-array-buffer": "^1.0.3", "typed-array-byte-length": "^1.0.3", "typed-array-byte-offset": "^1.0.4", "typed-array-length": "^1.0.7", "unbox-primitive": "^1.1.0", "which-typed-array": "^1.1.19" } }, "sha512-zHXBLhP+QehSSbsS9Pt23Gg964240DPd6QCf8WpkqEXxQ7fhdZzYsocOr5u7apWonsS5EjZDmTF+/slGMyasvw=="],
 
-    "es-content-type": ["es-content-type@0.0.10", "", {}, "sha512-yCgcv1M2IuFUoGZ3zE4OR2INGmZOwEuyaE5WX4MOKGpJcO8JXgVOIcXVicwnTqlxvx6qs9IJGl/Rr1+YtCkRgg=="],
-
     "es-define-property": ["es-define-property@1.0.1", "", {}, "sha512-e3nRfgfUZ4rNGL232gUgX06QNyyez04KdjFrF+LTRoOXmrOgFKDg4BCdsjW8EnT69eqdYGmRpJwiPVYNrCaW3g=="],
 
     "es-errors": ["es-errors@1.3.0", "", {}, "sha512-Zf5H2Kxt2xjTvbJvP2ZWLEICxA6j+hAmMzIlypy4xcBg1vKVnx89Wy0GbS+kf5cwCVFFzdCFh2XSCFNULS6csw=="],
 
-    "es-fresh": ["es-fresh@0.0.8", "", {}, "sha512-ZM+K/T/zHJVuOhaz19iymidACazB1fl2uihBtSfRie8YzN1YM+KldVmNaU+GSmVvTOPSO2utKOhxcOinr5tKjw=="],
-
-    "es-iterator-helpers": ["es-iterator-helpers@1.2.2", "", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.4", "define-properties": "^1.2.1", "es-abstract": "^1.24.1", "es-errors": "^1.3.0", "es-set-tostringtag": "^2.1.0", "function-bind": "^1.1.2", "get-intrinsic": "^1.3.0", "globalthis": "^1.0.4", "gopd": "^1.2.0", "has-property-descriptors": "^1.0.2", "has-proto": "^1.2.0", "has-symbols": "^1.1.0", "internal-slot": "^1.1.0", "iterator.prototype": "^1.1.5", "safe-array-concat": "^1.1.3" } }, "sha512-BrUQ0cPTB/IwXj23HtwHjS9n7O4h9FX94b4xc5zlTHxeLgTAdzYUDyy6KdExAl9lbN5rtfe44xpjpmj9grxs5w=="],
-
-    "es-mime-types": ["es-mime-types@0.0.16", "", { "dependencies": { "mime-db": "^1.44.0" } }, "sha512-84QoSLeA7cdTeHpALFNl3ZOstXfvLt426/kaOgmSxmNUOhi4GesKVkhJgIfnsqGNziYezVA8rvZUsXj7oWX2qQ=="],
+    "es-iterator-helpers": ["es-iterator-helpers@1.3.1", "", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.4", "define-properties": "^1.2.1", "es-abstract": "^1.24.1", "es-errors": "^1.3.0", "es-set-tostringtag": "^2.1.0", "function-bind": "^1.1.2", "get-intrinsic": "^1.3.0", "globalthis": "^1.0.4", "gopd": "^1.2.0", "has-property-descriptors": "^1.0.2", "has-proto": "^1.2.0", "has-symbols": "^1.1.0", "internal-slot": "^1.1.0", "iterator.prototype": "^1.1.5", "math-intrinsics": "^1.1.0", "safe-array-concat": "^1.1.3" } }, "sha512-zWwRvqWiuBPr0muUG/78cW3aHROFCNIQ3zpmYDpwdbnt2m+xlNyRWpHBpa2lJjSBit7BQ+RXA1iwbSmu5yJ/EQ=="],
 
     "es-object-atoms": ["es-object-atoms@1.1.1", "", { "dependencies": { "es-errors": "^1.3.0" } }, "sha512-FGgH2h8zKNim9ljj7dankFPcICIK9Cp5bm+c2gQSYePhpaG5+esrLODihIorn+Pe6FGJzWhXQotPv73jTaldXA=="],
 
@@ -1032,29 +799,23 @@
 
     "es-to-primitive": ["es-to-primitive@1.3.0", "", { "dependencies": { "is-callable": "^1.2.7", "is-date-object": "^1.0.5", "is-symbol": "^1.0.4" } }, "sha512-w+5mJ3GuFL+NjVtJlvydShqE1eN3h3PbI7/5LAsYJP/2qtuMXjfL2LpHSRqo4b4eSF5K/DH1JXKUAHSB2UW50g=="],
 
-    "es-vary": ["es-vary@0.0.8", "", {}, "sha512-fiERjQiCHrXUAToNRT/sh7MtXnfei9n7cF9oVQRUEp9L5BGXsTKSPaXq8L+4v0c/ezfvuTWd/f0JSl5IBRUvSg=="],
-
     "esbuild": ["esbuild@0.25.12", "", { "optionalDependencies": { "@esbuild/aix-ppc64": "0.25.12", "@esbuild/android-arm": "0.25.12", "@esbuild/android-arm64": "0.25.12", "@esbuild/android-x64": "0.25.12", "@esbuild/darwin-arm64": "0.25.12", "@esbuild/darwin-x64": "0.25.12", "@esbuild/freebsd-arm64": "0.25.12", "@esbuild/freebsd-x64": "0.25.12", "@esbuild/linux-arm": "0.25.12", "@esbuild/linux-arm64": "0.25.12", "@esbuild/linux-ia32": "0.25.12", "@esbuild/linux-loong64": "0.25.12", "@esbuild/linux-mips64el": "0.25.12", "@esbuild/linux-ppc64": "0.25.12", "@esbuild/linux-riscv64": "0.25.12", "@esbuild/linux-s390x": "0.25.12", "@esbuild/linux-x64": "0.25.12", "@esbuild/netbsd-arm64": "0.25.12", "@esbuild/netbsd-x64": "0.25.12", "@esbuild/openbsd-arm64": "0.25.12", "@esbuild/openbsd-x64": "0.25.12", "@esbuild/openharmony-arm64": "0.25.12", "@esbuild/sunos-x64": "0.25.12", "@esbuild/win32-arm64": "0.25.12", "@esbuild/win32-ia32": "0.25.12", "@esbuild/win32-x64": "0.25.12" }, "bin": { "esbuild": "bin/esbuild" } }, "sha512-bbPBYYrtZbkt6Os6FiTLCTFxvq4tt3JKall1vRwshA3fdVztsLAatFaZobhkBC8/BrPetoa0oksYoKXoG4ryJg=="],
 
-    "esbuild-register": ["esbuild-register@3.6.0", "", { "dependencies": { "debug": "^4.3.4" }, "peerDependencies": { "esbuild": ">=0.12 <1" } }, "sha512-H2/S7Pm8a9CL1uhp9OvjwrBh5Pvx0H8qVOxNu8Wed9Y7qv56MPtq+GGM8RJpq6glYJn9Wspr8uw7l55uyinNeg=="],
-
     "escalade": ["escalade@3.2.0", "", {}, "sha512-WUj2qlxaQtO4g6Pq5c29GTcWGDyd8itL8zTlipgECz3JesAiiOKotd8JU6otB3PACgG6xkJUyVhboMS+bje/jA=="],
 
-    "escape-html": ["escape-html@1.0.3", "", {}, "sha512-NiSupZ4OeuGwr68lGIeym/ksIZMJodUGOSCZ/FSnTxcrekbvqrgdUxlJOMpijaKZVjAJrWrGs/6Jy8OMuyj9ow=="],
-
     "escape-string-regexp": ["escape-string-regexp@4.0.0", "", {}, "sha512-TtpcNJ3XAzx3Gq8sWRzJaVajRs0uVxA2YAkdb1jm2YkPz4G6egUFAyA3n5vtEIZefPk5Wa4UXbKuS5fKkJWdgA=="],
 
-    "eslint": ["eslint@9.39.2", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.8.0", "@eslint-community/regexpp": "^4.12.1", "@eslint/config-array": "^0.21.1", "@eslint/config-helpers": "^0.4.2", "@eslint/core": "^0.17.0", "@eslint/eslintrc": "^3.3.1", "@eslint/js": "9.39.2", "@eslint/plugin-kit": "^0.4.1", "@humanfs/node": "^0.16.6", "@humanwhocodes/module-importer": "^1.0.1", "@humanwhocodes/retry": "^0.4.2", "@types/estree": "^1.0.6", "ajv": "^6.12.4", "chalk": "^4.0.0", "cross-spawn": "^7.0.6", "debug": "^4.3.2", "escape-string-regexp": "^4.0.0", "eslint-scope": "^8.4.0", "eslint-visitor-keys": "^4.2.1", "espree": "^10.4.0", "esquery": "^1.5.0", "esutils": "^2.0.2", "fast-deep-equal": "^3.1.3", "file-entry-cache": "^8.0.0", "find-up": "^5.0.0", "glob-parent": "^6.0.2", "ignore": "^5.2.0", "imurmurhash": "^0.1.4", "is-glob": "^4.0.0", "json-stable-stringify-without-jsonify": "^1.0.1", "lodash.merge": "^4.6.2", "minimatch": "^3.1.2", "natural-compare": "^1.4.0", "optionator": "^0.9.3" }, "peerDependencies": { "jiti": "*" }, "optionalPeers": ["jiti"], "bin": { "eslint": "bin/eslint.js" } }, "sha512-LEyamqS7W5HB3ujJyvi0HQK/dtVINZvd5mAAp9eT5S/ujByGjiZLCzPcHVzuXbpJDJF/cxwHlfceVUDZ2lnSTw=="],
+    "eslint": ["eslint@9.39.4", "", { "dependencies": { "@eslint-community/eslint-utils": "^4.8.0", "@eslint-community/regexpp": "^4.12.1", "@eslint/config-array": "^0.21.2", "@eslint/config-helpers": "^0.4.2", "@eslint/core": "^0.17.0", "@eslint/eslintrc": "^3.3.5", "@eslint/js": "9.39.4", "@eslint/plugin-kit": "^0.4.1", "@humanfs/node": "^0.16.6", "@humanwhocodes/module-importer": "^1.0.1", "@humanwhocodes/retry": "^0.4.2", "@types/estree": "^1.0.6", "ajv": "^6.14.0", "chalk": "^4.0.0", "cross-spawn": "^7.0.6", "debug": "^4.3.2", "escape-string-regexp": "^4.0.0", "eslint-scope": "^8.4.0", "eslint-visitor-keys": "^4.2.1", "espree": "^10.4.0", "esquery": "^1.5.0", "esutils": "^2.0.2", "fast-deep-equal": "^3.1.3", "file-entry-cache": "^8.0.0", "find-up": "^5.0.0", "glob-parent": "^6.0.2", "ignore": "^5.2.0", "imurmurhash": "^0.1.4", "is-glob": "^4.0.0", "json-stable-stringify-without-jsonify": "^1.0.1", "lodash.merge": "^4.6.2", "minimatch": "^3.1.5", "natural-compare": "^1.4.0", "optionator": "^0.9.3" }, "peerDependencies": { "jiti": "*" }, "optionalPeers": ["jiti"], "bin": { "eslint": "bin/eslint.js" } }, "sha512-XoMjdBOwe/esVgEvLmNsD3IRHkm7fbKIUGvrleloJXUZgDHig2IPWNniv+GwjyJXzuNqVjlr5+4yVUZjycJwfQ=="],
 
     "eslint-config-prettier": ["eslint-config-prettier@10.1.8", "", { "peerDependencies": { "eslint": ">=7.0.0" }, "bin": { "eslint-config-prettier": "bin/cli.js" } }, "sha512-82GZUjRS0p/jganf6q1rEO25VSoHH0hKPCTrgillPjdI/3bgBhAE1QzHrHTizjpRvy6pGAvKjDJtk2pF9NDq8w=="],
 
-    "eslint-plugin-only-warn": ["eslint-plugin-only-warn@1.1.0", "", {}, "sha512-2tktqUAT+Q3hCAU0iSf4xAN1k9zOpjK5WO8104mB0rT/dGhOa09582HN5HlbxNbPRZ0THV7nLGvzugcNOSjzfA=="],
+    "eslint-plugin-only-warn": ["eslint-plugin-only-warn@1.2.1", "", {}, "sha512-j37hwfaQDEOfkZ1Dpvu/HnWLavlzQxQxfbrU/9Jb4R9qzrE1eTYuRJyrxq7LzLRI8miG5FOV6veoUVhx7AI84w=="],
 
     "eslint-plugin-react": ["eslint-plugin-react@7.37.5", "", { "dependencies": { "array-includes": "^3.1.8", "array.prototype.findlast": "^1.2.5", "array.prototype.flatmap": "^1.3.3", "array.prototype.tosorted": "^1.1.4", "doctrine": "^2.1.0", "es-iterator-helpers": "^1.2.1", "estraverse": "^5.3.0", "hasown": "^2.0.2", "jsx-ast-utils": "^2.4.1 || ^3.0.0", "minimatch": "^3.1.2", "object.entries": "^1.1.9", "object.fromentries": "^2.0.8", "object.values": "^1.2.1", "prop-types": "^15.8.1", "resolve": "^2.0.0-next.5", "semver": "^6.3.1", "string.prototype.matchall": "^4.0.12", "string.prototype.repeat": "^1.0.0" }, "peerDependencies": { "eslint": "^3 || ^4 || ^5 || ^6 || ^7 || ^8 || ^9.7" } }, "sha512-Qteup0SqU15kdocexFNAJMvCJEfa2xUKNV4CC1xsVMrIIqEy3SQ/rqyxCWNzfrd3/ldy6HMlD2e0JDVpDg2qIA=="],
 
     "eslint-plugin-react-hooks": ["eslint-plugin-react-hooks@5.2.0", "", { "peerDependencies": { "eslint": "^3.0.0 || ^4.0.0 || ^5.0.0 || ^6.0.0 || ^7.0.0 || ^8.0.0-0 || ^9.0.0" } }, "sha512-+f15FfK64YQwZdJNELETdn5ibXEUQmW1DZL6KXhNnc2heoy/sg9VJJeT7n8TlMWouzWqSWavFkIhHyIbIAEapg=="],
 
-    "eslint-plugin-turbo": ["eslint-plugin-turbo@2.7.4", "", { "dependencies": { "dotenv": "16.0.3" }, "peerDependencies": { "eslint": ">6.6.0", "turbo": ">2.0.0" } }, "sha512-kye4pyGpZMJLgykeRDYTK2kpzHFw7kWlaio66Y4dL/9IMa7cIXirvvHVryV8D7ni3eOsHZYYQ9k0nADKNnecjQ=="],
+    "eslint-plugin-turbo": ["eslint-plugin-turbo@2.8.16", "", { "dependencies": { "dotenv": "16.0.3" }, "peerDependencies": { "eslint": ">6.6.0", "turbo": ">2.0.0" } }, "sha512-fhvTLe0PnyV72npfBi/IwwVMzkTnUw9MxS2S2Q0Oo1aed7woAtHwSL5DEdTTV6tXZSKbqRHaIbjV6rwx+1iRYA=="],
 
     "eslint-scope": ["eslint-scope@8.4.0", "", { "dependencies": { "esrecurse": "^4.3.0", "estraverse": "^5.2.0" } }, "sha512-sNXOfKCn74rt8RICKMvJS7XKV/Xk9kA7DyJr8mJik3S7Cwgy3qlkkmyS2uQB3jiJg6VNdZd/pDBJu0nvG2NlTg=="],
 
@@ -1074,14 +835,6 @@
 
     "esutils": ["esutils@2.0.3", "", {}, "sha512-kVscqXk4OCp68SZ0dkgEKVi6/8ij300KBWTJq32P/dYeWTSwK41WyTxalN1eRmA5Z9UU/LX9D7FWSmV9SAYx6g=="],
 
-    "eventemitter3": ["eventemitter3@4.0.7", "", {}, "sha512-8guHBZCwKnFhYdHr2ysuRWErTwhoN2X8XELRlrRwpmfeY2jjuUN4taQMsULKUVo1K4DvZl+0pgfyoysHxvmvEw=="],
-
-    "execa": ["execa@5.1.1", "", { "dependencies": { "cross-spawn": "^7.0.3", "get-stream": "^6.0.0", "human-signals": "^2.1.0", "is-stream": "^2.0.0", "merge-stream": "^2.0.0", "npm-run-path": "^4.0.1", "onetime": "^5.1.2", "signal-exit": "^3.0.3", "strip-final-newline": "^2.0.0" } }, "sha512-8uSpZZocAZRBAPIEINJj3Lo9HyGitllczc27Eh5YYojjMFMn8yHMDMaUHE2Jqfq05D/wucwI4JGURyXt1vchyg=="],
-
-    "exsolve": ["exsolve@1.0.8", "", {}, "sha512-LmDxfWXwcTArk8fUEnOfSZpHOJ6zOMUJKOtFLFqJLoKJetuQG874Uc7/Kki7zFLzYybmZhp1M7+98pfMqeX8yA=="],
-
-    "fast-check": ["fast-check@3.23.2", "", { "dependencies": { "pure-rand": "^6.1.0" } }, "sha512-h5+1OzzfCC3Ef7VbtKdcv7zsstUQwUDlYpUTvjeUsJAssPgLn7QzbboPtL5ro04Mq0rPOsMzl7q5hIbRs2wD1A=="],
-
     "fast-deep-equal": ["fast-deep-equal@3.1.3", "", {}, "sha512-f3qQ9oQy9j2AhBe/H9VC91wLmKBCCU/gDOnKNAYG5hswO7BLKj09Hc5HYNz9cGI++xlpDCIgDaitVs03ATR84Q=="],
 
     "fast-glob": ["fast-glob@3.3.1", "", { "dependencies": { "@nodelib/fs.stat": "^2.0.2", "@nodelib/fs.walk": "^1.2.3", "glob-parent": "^5.1.2", "merge2": "^1.3.0", "micromatch": "^4.0.4" } }, "sha512-kNFPyjhh5cKjrUltxs+wFx+ZkbRaxxmZ+X0ZU31SOsxCEtP9VPgtq2teZw1DebupL5GmDaNQ6yKMMVcM41iqDg=="],
@@ -1090,14 +843,10 @@
 
     "fast-levenshtein": ["fast-levenshtein@2.0.6", "", {}, "sha512-DCXu6Ifhqcks7TZKY3Hxp3y6qphY5SJZmrWMDrKcERSOXWQdMhU9Ig/PYrzyw/ul9jOIyh0N4M0tbC5hodg8dw=="],
 
-    "fast-uri": ["fast-uri@3.1.0", "", {}, "sha512-iPeeDKJSWf4IEOasVVrknXpaBV0IApz/gp7S2bb7Z4Lljbl2MGJRqInZiUrQwV16cpzw/D3S5j5Julj/gT52AA=="],
-
     "fastq": ["fastq@1.20.1", "", { "dependencies": { "reusify": "^1.0.4" } }, "sha512-GGToxJ/w1x32s/D2EKND7kTil4n8OVk/9mycTc4VDza13lOvpUZTGX3mFSCtV9ksdGBVzvsyAVLM6mHFThxXxw=="],
 
     "fdir": ["fdir@6.5.0", "", { "peerDependencies": { "picomatch": "^3 || ^4" }, "optionalPeers": ["picomatch"] }, "sha512-tIbYtZbucOs0BRGqPJkshJUYdL+SDH7dVM8gjy+ERp3WAUjLEFJE+02kanyHtwjWOnwrKYBiwAmM0p4kLJAnXg=="],
 
-    "fetch-blob": ["fetch-blob@3.2.0", "", { "dependencies": { "node-domexception": "^1.0.0", "web-streams-polyfill": "^3.0.3" } }, "sha512-7yAQpD2UMJzLi1Dqv7qFYnPbaPx7ZfFK6PiIxQ4PfkGPyNyl2Ugx+a/umUonmKqjhM4DnfbMvdX6otXq83soQQ=="],
-
     "fflate": ["fflate@0.8.2", "", {}, "sha512-cPJU47OaAoCbg0pBvzsgpTPhmhqI5eJjh/JIu8tPj5q+T7iLvW/JAYUqmE7KOB4R1ZyEhzBaIQpQpardBF5z8A=="],
 
     "file-entry-cache": ["file-entry-cache@8.0.0", "", { "dependencies": { "flat-cache": "^4.0.0" } }, "sha512-XXTUwCvisa5oacNGRP9SfNtYBNAMi+RPwBFmblZEF7N7swHYQS6/Zfk7SRwx4D5j3CH211YNRco1DEMNVfZCnQ=="],
@@ -1108,19 +857,11 @@
 
     "flat-cache": ["flat-cache@4.0.1", "", { "dependencies": { "flatted": "^3.2.9", "keyv": "^4.5.4" } }, "sha512-f7ccFPK3SXFHpx15UIGyRJ/FJQctuKZ0zVuN3frBo4HnK3cay9VEW0R6yPYFHC0AgqhukPzKjq22t5DmAyqGyw=="],
 
-    "flatted": ["flatted@3.3.3", "", {}, "sha512-GX+ysw4PBCz0PzosHDepZGANEuFCMLrnRTiEy9McGjmkCQYwRq4A/X786G/fjM/+OjsWSU1ZrY5qyARZmO/uwg=="],
-
-    "follow-redirects": ["follow-redirects@1.15.11", "", {}, "sha512-deG2P0JfjrTxl50XGCDyfI97ZGVCxIpfKYmfyrQ54n5FO/0gfIES8C/Psl6kWVDolizcaaxZJnTS0QSMxvnsBQ=="],
+    "flatted": ["flatted@3.4.1", "", {}, "sha512-IxfVbRFVlV8V/yRaGzk0UVIcsKKHMSfYw66T/u4nTwlWteQePsxe//LjudR1AMX4tZW3WFCh3Zqa/sjlqpbURQ=="],
 
     "for-each": ["for-each@0.3.5", "", { "dependencies": { "is-callable": "^1.2.7" } }, "sha512-dKx12eRCVIzqCxFGplyFKJMPvLEWgmNtUrpTiJIR5u97zEhRG8ySrtboPHZXx7daLxQVrl643cTzbab2tkQjxg=="],
 
-    "foreground-child": ["foreground-child@3.3.1", "", { "dependencies": { "cross-spawn": "^7.0.6", "signal-exit": "^4.0.1" } }, "sha512-gIXjKqtFuWEgzFRJA9WCQeSJLZDjgJUOMCMzxtvFq/37KojM1BFGufqsCy0r4qSQmYLsZYMeyRqzIWOMup03sw=="],
-
-    "formdata-polyfill": ["formdata-polyfill@4.0.10", "", { "dependencies": { "fetch-blob": "^3.1.2" } }, "sha512-buewHzMvYL29jdeQTVILecSaZKnt/RJWjoZCF5OW60Z67/GmSLBkOFM7qh1PI3zFNtJbaZL5eQu1vLfazOwj4g=="],
-
-    "framer-motion": ["framer-motion@12.34.3", "", { "dependencies": { "motion-dom": "^12.34.3", "motion-utils": "^12.29.2", "tslib": "^2.4.0" }, "peerDependencies": { "@emotion/is-prop-valid": "*", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/is-prop-valid", "react", "react-dom"] }, "sha512-v81ecyZKYO/DfpTwHivqkxSUBzvceOpoI+wLfgCgoUIKxlFKEXdg0oR9imxwXumT4SFy8vRk9xzJ5l3/Du/55Q=="],
-
-    "fsevents": ["fsevents@2.3.3", "", { "os": "darwin" }, "sha512-5xoDfX+fL7faATnagmWPpbFtwh/R77WmMMqqHGS65C3vvB0YHrgF+B1YmZ3441tMj5n63k0212XNoJwzlhffQw=="],
+    "framer-motion": ["framer-motion@12.36.0", "", { "dependencies": { "motion-dom": "^12.36.0", "motion-utils": "^12.36.0", "tslib": "^2.4.0" }, "peerDependencies": { "@emotion/is-prop-valid": "*", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/is-prop-valid", "react", "react-dom"] }, "sha512-4PqYHAT7gev0ke0wos+PyrcFxI0HScjm3asgU8nSYa8YzJFuwgIvdj3/s3ZaxLq0bUSboIn19A2WS/MHwLCvfw=="],
 
     "function-bind": ["function-bind@1.1.2", "", {}, "sha512-7XHNxH7qX9xG5mIwxkhumTox/MIRNcOgDrxWsMt2pAr23WHp6MrRlN7FBSFpCpr+oVO0F744iUgR82nJMfG2SA=="],
 
@@ -1128,10 +869,6 @@
 
     "functions-have-names": ["functions-have-names@1.2.3", "", {}, "sha512-xckBUXyTIqT97tq2x2AMb+g163b5JFysYk0x4qxNFwbfQkmNZoiRHb6sPzI9/QV33WeuvVYBUIiD4NzNIyqaRQ=="],
 
-    "gel": ["gel@2.2.0", "", { "dependencies": { "@petamoriken/float16": "^3.8.7", "debug": "^4.3.4", "env-paths": "^3.0.0", "semver": "^7.6.2", "shell-quote": "^1.8.1", "which": "^4.0.0" }, "bin": { "gel": "dist/cli.mjs" } }, "sha512-q0ma7z2swmoamHQusey8ayo8+ilVdzDt4WTxSPzq/yRqvucWRfymRVMvNgmSC0XK7eNjjEZEcplxpgaNojKdmQ=="],
-
-    "generate-function": ["generate-function@2.3.1", "", { "dependencies": { "is-property": "^1.0.2" } }, "sha512-eeB5GfMNeevm/GRYq20ShmsaGcmI81kIX2K9XQx5miC8KdHaC6Jm0qQ8ZNeGOi7wYB8OsdxKs+Y2oVuTFuVwKQ=="],
-
     "generator-function": ["generator-function@2.0.1", "", {}, "sha512-SFdFmIJi+ybC0vjlHN0ZGVGHc3lgE0DxPAT0djjVg+kjOnSqclqmj0KQ7ykTOLP6YxoqOvuAODGdcHJn+43q3g=="],
 
     "gensync": ["gensync@1.0.0-beta.2", "", {}, "sha512-3hN7NaskYvMDLQY55gnW3NQ+mesEAepTqlg+VEbj7zzqEMBVNhzcGYYeqFo/TlYz6eQiFcp1HcsCZO+nGgS8zg=="],
@@ -1142,20 +879,10 @@
 
     "get-nonce": ["get-nonce@1.0.1", "", {}, "sha512-FJhYRoDaiatfEkUK8HKlicmu/3SGFD51q3itKDGoSTysQJBnfOcxU5GxnhE1E6soB76MbT0MBtnKJuXyAx+96Q=="],
 
-    "get-port": ["get-port@5.1.1", "", {}, "sha512-g/Q1aTSDOxFpchXC4i8ZWvxA1lnPqx/JHqcpIw0/LX9T8x/GBbi6YnlN5nhaKIFkT8oFsscUKgDJYxfwfS6QsQ=="],
-
-    "get-port-please": ["get-port-please@3.2.0", "", {}, "sha512-I9QVvBw5U/hw3RmWpYKRumUeaDgxTPd401x364rLmWBJcOQ753eov1eTgzDqRG9bqFIfDc7gfzcQEWrUri3o1A=="],
-
     "get-proto": ["get-proto@1.0.1", "", { "dependencies": { "dunder-proto": "^1.0.1", "es-object-atoms": "^1.0.0" } }, "sha512-sTSfBjoXBp89JvIKIefqw7U2CCebsc74kiY6awiGogKtoSGbgjYE/G/+l9sF3MWFPNc9IcoOC4ODfKHfxFmp0g=="],
 
-    "get-stream": ["get-stream@6.0.1", "", {}, "sha512-ts6Wi+2j3jQjqi70w5AlN8DFnkSwC+MqmxEzdEALB2qXZYV3X/b1CTfgPLGJNMeAWxdPfU8FO1ms3NUfaHCPYg=="],
-
     "get-symbol-description": ["get-symbol-description@1.1.0", "", { "dependencies": { "call-bound": "^1.0.3", "es-errors": "^1.3.0", "get-intrinsic": "^1.2.6" } }, "sha512-w9UMqWwJxHNOvoNzSJ2oPF5wvYcvP7jUvYzhp67yEhTi17ZDBBC1z9pTdGuzjD+EFIqLSYRweZjqfiPzQ06Ebg=="],
 
-    "get-tsconfig": ["get-tsconfig@4.13.6", "", { "dependencies": { "resolve-pkg-maps": "^1.0.0" } }, "sha512-shZT/QMiSHc/YBLxxOkMtgSid5HFoauqCE3/exfsEcwg1WkeqjG+V40yBbBrsD+jW2HDXcs28xOfcbm2jI8Ddw=="],
-
-    "giget": ["giget@2.0.0", "", { "dependencies": { "citty": "^0.1.6", "consola": "^3.4.0", "defu": "^6.1.4", "node-fetch-native": "^1.6.6", "nypm": "^0.6.0", "pathe": "^2.0.3" }, "bin": { "giget": "dist/cli.mjs" } }, "sha512-L5bGsVkxJbJgdnwyuheIunkGatUF/zssUoxxjACCseZYAVbaqdh9Tsmmlkl8vYan09H7sbvKt4pS8GqKLBrEzA=="],
-
     "glob": ["glob@13.0.6", "", { "dependencies": { "minimatch": "^10.2.2", "minipass": "^7.1.3", "path-scurry": "^2.0.2" } }, "sha512-Wjlyrolmm8uDpm/ogGyXZXb1Z+Ca2B8NbJwqBVg0axK9GbBeoS7yGV6vjXnYdGm6X53iehEuxxbyiKp8QmN4Vw=="],
 
     "glob-parent": ["glob-parent@6.0.2", "", { "dependencies": { "is-glob": "^4.0.3" } }, "sha512-XxwI8EOhVQgWp6iDL+3b0r86f4d6AX6zSU55HfB4ydCEuXLXc5FcYeOu+nnGftS4TEju/11rt4KJPTMgbfmv4A=="],
@@ -1170,10 +897,6 @@
 
     "graceful-fs": ["graceful-fs@4.2.11", "", {}, "sha512-RbJ5/jmFcNNCcDV5o9eTnBLJ/HszWV0P73bc+Ff4nS/rJj+YaS6IGyiOL0VoBYX+l1Wrl3k63h/KrH+nhJ0XvQ=="],
 
-    "grammex": ["grammex@3.1.12", "", {}, "sha512-6ufJOsSA7LcQehIJNCO7HIBykfM7DXQual0Ny780/DEcJIpBlHRvcqEBWGPYd7hrXL2GJ3oJI1MIhaXjWmLQOQ=="],
-
-    "graphmatch": ["graphmatch@1.1.1", "", {}, "sha512-5ykVn/EXM1hF0XCaWh05VbYvEiOL2lY1kBxZtaYsyvjp7cmWOU1XsAdfQBwClraEofXDT197lFbXOEVMHpvQOg=="],
-
     "has-bigints": ["has-bigints@1.1.0", "", {}, "sha512-R3pbpkcIqv2Pm3dUwgjclDRVmWpTJW2DcMzcIhEXEx1oh/CEMObMm3KLmRJOdvhM7o4uQBnwr8pzRK2sJWIqfg=="],
 
     "has-flag": ["has-flag@4.0.0", "", {}, "sha512-EykJT/Q1KjTWctppgIAgfSO0tKVuZUjhgMr17kqTumMl6Afv3EISleU7qZUzoXDFTAHTDC4NOoG/ZxU3EvlMPQ=="],
@@ -1190,26 +913,8 @@
 
     "hls.js": ["hls.js@1.6.15", "", {}, "sha512-E3a5VwgXimGHwpRGV+WxRTKeSp2DW5DI5MWv34ulL3t5UNmyJWCQ1KmLEHbYzcfThfXG8amBL+fCYPneGHC4VA=="],
 
-    "hono": ["hono@4.11.4", "", {}, "sha512-U7tt8JsyrxSRKspfhtLET79pU8K+tInj5QZXs1jSugO1Vq5dFj3kmZsRldo29mTBfcjDRVRXrEZ6LS63Cog9ZA=="],
-
     "howler": ["howler@2.2.4", "", {}, "sha512-iARIBPgcQrwtEr+tALF+rapJ8qSc+Set2GJQl7xT1MQzWaVkFebdJhR3alVlSiUf5U7nAANKuj3aWpwerocD5w=="],
 
-    "html-to-text": ["html-to-text@9.0.5", "", { "dependencies": { "@selderee/plugin-htmlparser2": "^0.11.0", "deepmerge": "^4.3.1", "dom-serializer": "^2.0.0", "htmlparser2": "^8.0.2", "selderee": "^0.11.0" } }, "sha512-qY60FjREgVZL03vJU6IfMV4GDjGBIoOyvuFdpBDIX9yTlDw0TjxVBQp+P8NvpdIXNJvfWBTNul7fsAQJq2FNpg=="],
-
-    "htmlparser2": ["htmlparser2@8.0.2", "", { "dependencies": { "domelementtype": "^2.3.0", "domhandler": "^5.0.3", "domutils": "^3.0.1", "entities": "^4.4.0" } }, "sha512-GYdjWKDkbRLkZ5geuHs5NY1puJ+PXwP7+fHPRz06Eirsb9ugf6d8kkXav6ADhcODhFFPMIXyxkxSuMf3D6NCFA=="],
-
-    "http-proxy": ["http-proxy@1.18.1", "", { "dependencies": { "eventemitter3": "^4.0.0", "follow-redirects": "^1.0.0", "requires-port": "^1.0.0" } }, "sha512-7mz/721AbnJwIVbnaSv1Cz3Am0ZLT/UBwkC92VlxhXv/k/BBQfM2fXElQNC27BVGr0uwUpplYPQM9LnaBMR5NQ=="],
-
-    "http-status-codes": ["http-status-codes@2.3.0", "", {}, "sha512-RJ8XvFvpPM/Dmc5SV+dC4y5PCeOhT3x1Hq0NU3rjGeg5a/CqlhZ7uudknPwZFz4aeAXDcbAyaeP7GAo9lvngtA=="],
-
-    "https-proxy-agent": ["https-proxy-agent@7.0.6", "", { "dependencies": { "agent-base": "^7.1.2", "debug": "4" } }, "sha512-vK9P5/iUfdl95AI+JVyUuIcVtd4ofvtrOr3HNtM2yxC9bnMbEdp3x01OhQNnjb8IJYi38VlTE3mBXwcfvywuSw=="],
-
-    "human-signals": ["human-signals@2.1.0", "", {}, "sha512-B4FFZ6q/T2jhhksgkbEW3HBvWIfDW85snkQgawt07S7J5QXTk6BkNV+0yAeZrM5QpMAdYlocGoljn0sJ/WQkFw=="],
-
-    "iceberg-js": ["iceberg-js@0.8.1", "", {}, "sha512-1dhVQZXhcHje7798IVM+xoo/1ZdVfzOMIc8/rgVSijRK38EDqOJoGula9N/8ZI5RD8QTxNQtK/Gozpr+qUqRRA=="],
-
-    "iconv-lite": ["iconv-lite@0.7.2", "", { "dependencies": { "safer-buffer": ">= 2.1.2 < 3.0.0" } }, "sha512-im9DjEDQ55s9fL4EYzOAv0yMqmMBSZp6G0VvFyTMPKWxiSBHUj9NW/qqLmXUwXrrM7AvqSlTCfvqRb0cM8yYqw=="],
-
     "idb-keyval": ["idb-keyval@6.2.2", "", {}, "sha512-yjD9nARJ/jb1g+CvD0tlhUHOrJ9Sy0P8T9MF3YaLlHnSRpwPfpTX0XIvpmw3gAJUmEu3FiICLBDPXVwyEvrleg=="],
 
     "ieee754": ["ieee754@1.2.1", "", {}, "sha512-dcyqhDvX1C46lXZcVqCpK+FtMRQVdIMN6/Df5js2zouUsqG7I6sFxitIC+7KYK29KdXOLHdu9zL4sFnoVQnqaA=="],
@@ -1224,22 +929,14 @@
 
     "internal-slot": ["internal-slot@1.1.0", "", { "dependencies": { "es-errors": "^1.3.0", "hasown": "^2.0.2", "side-channel": "^1.1.0" } }, "sha512-4gd7VpWNQNB4UKKCFFVcp1AVv+FMOgs9NKzjHKusc8jTMhd5eL1NqQqOpE0KzMds804/yHlglp3uxgluOqAPLw=="],
 
-    "invariant": ["invariant@2.2.4", "", { "dependencies": { "loose-envify": "^1.0.0" } }, "sha512-phJfQVBuaJM5raOpJjSfkiD6BpbCE4Ns//LaXl6wGYtUBY83nWS6Rf9tXm2e8VaK60JEjYldbPif/A2B1C2gNA=="],
-
-    "ipaddr.js": ["ipaddr.js@2.3.0", "", {}, "sha512-Zv/pA+ciVFbCSBBjGfaKUya/CcGmUHzTydLMaTwrUUEM2DIEO3iZvueGxmacvmN50fGpGVKeTXpb2LcYQxeVdg=="],
-
     "is-array-buffer": ["is-array-buffer@3.0.5", "", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.3", "get-intrinsic": "^1.2.6" } }, "sha512-DDfANUiiG2wC1qawP66qlTugJeL5HyzMpfr8lLK+jMQirGzNod0B12cFB/9q838Ru27sBwfw78/rdoU7RERz6A=="],
 
     "is-async-function": ["is-async-function@2.1.1", "", { "dependencies": { "async-function": "^1.0.0", "call-bound": "^1.0.3", "get-proto": "^1.0.1", "has-tostringtag": "^1.0.2", "safe-regex-test": "^1.1.0" } }, "sha512-9dgM/cZBnNvjzaMYHVoxxfPj2QXt22Ev7SuuPrs+xav0ukGB0S6d4ydZdEiM48kLx5kDV+QBPrpVnFyefL8kkQ=="],
 
     "is-bigint": ["is-bigint@1.1.0", "", { "dependencies": { "has-bigints": "^1.0.2" } }, "sha512-n4ZT37wG78iz03xPRKJrHTdZbe3IicyucEtdRsV5yglwc3GyUfbAfpSeD0FJ41NbUNSt5wbhqfp1fS+BgnvDFQ=="],
 
-    "is-binary-path": ["is-binary-path@2.1.0", "", { "dependencies": { "binary-extensions": "^2.0.0" } }, "sha512-ZMERYes6pDydyuGidse7OsHxtbI7WVeUEozgR/g7rd0xUimYNlvZRE/K2MgZTjWy725IfelLeVcEM97mmtRGXw=="],
-
     "is-boolean-object": ["is-boolean-object@1.2.2", "", { "dependencies": { "call-bound": "^1.0.3", "has-tostringtag": "^1.0.2" } }, "sha512-wa56o2/ElJMYqjCjGkXri7it5FbebW5usLw/nPmCMs5DeZ7eziSYZhSmPRn0txqeW4LnAmQQU7FgqLpsEFKM4A=="],
 
-    "is-buffer": ["is-buffer@1.1.6", "", {}, "sha512-NcdALwpXkTm5Zvvbk7owOUSvVvBKDgKP5/ewfXEznmQFfs4ZRmanOeKBTjRVjka3QFoN6XJ+9F3USqfHqTaU5w=="],
-
     "is-callable": ["is-callable@1.2.7", "", {}, "sha512-1BC0BVFhS/p0qtw6enp8e+8OD0UrK0oFLztSjNzhcKA3WDuJxxAPXzPuPtKkjEY9UUoEWlX/8fgKeu2S8i9JTA=="],
 
     "is-core-module": ["is-core-module@2.16.1", "", { "dependencies": { "hasown": "^2.0.2" } }, "sha512-UfoeMA6fIJ8wTYFEUjelnaGI67v6+N7qXJEvQuIGa99l4xsCruSYOVSQ0uPANn4dAzm8lkYPaKLrrijLq7x23w=="],
@@ -1268,16 +965,12 @@
 
     "is-promise": ["is-promise@2.2.2", "", {}, "sha512-+lP4/6lKUBfQjZ2pdxThZvLUAafmZb8OAxFb8XXtiQmS35INgr85hdOGoEs124ez1FCnZJt6jau/T+alh58QFQ=="],
 
-    "is-property": ["is-property@1.0.2", "", {}, "sha512-Ks/IoX00TtClbGQr4TWXemAnktAQvYB7HzcCxDGqEZU6oCmb2INHuOoKxbtR+HFkmYWBKv/dOZtGRiAjDhj92g=="],
-
     "is-regex": ["is-regex@1.2.1", "", { "dependencies": { "call-bound": "^1.0.2", "gopd": "^1.2.0", "has-tostringtag": "^1.0.2", "hasown": "^2.0.2" } }, "sha512-MjYsKHO5O7mCsmRGxWcLWheFqN9DJ/2TmngvjKXihe6efViPqc274+Fx/4fYj/r03+ESvBdTXK0V6tA3rgez1g=="],
 
     "is-set": ["is-set@2.0.3", "", {}, "sha512-iPAjerrse27/ygGLxw+EBR9agv9Y6uLeYVJMu+QNCoouJ1/1ri0mGrcWpfCqFZuzzx3WjtwxG098X+n4OuRkPg=="],
 
     "is-shared-array-buffer": ["is-shared-array-buffer@1.0.4", "", { "dependencies": { "call-bound": "^1.0.3" } }, "sha512-ISWac8drv4ZGfwKl5slpHG9OwPNty4jOWPRIhBpxOoD+hqITiwuipOQ2bNthAzwA3B4fIjO4Nln74N0S9byq8A=="],
 
-    "is-stream": ["is-stream@2.0.1", "", {}, "sha512-hFoiJiTl63nn+kstHGBtewWSKnQLpyb155KHheA1l39uvtO9nWIop1p3udqPcUd/xbF1VLMO4n7OI6p7RbngDg=="],
-
     "is-string": ["is-string@1.1.1", "", { "dependencies": { "call-bound": "^1.0.3", "has-tostringtag": "^1.0.2" } }, "sha512-BtEeSsoaQjlSPBemMQIrY1MY0uM6vnS1g5fmufYOtnxLGUZM2178PKbhsk7Ffv58IX+ZtcvoGwccYsh0PglkAA=="],
 
     "is-symbol": ["is-symbol@1.1.1", "", { "dependencies": { "call-bound": "^1.0.2", "has-symbols": "^1.1.0", "safe-regex-test": "^1.1.0" } }, "sha512-9gGx6GTtCQM73BgmHQXfDmLtfjjTUDSyoxTCbp5WtoixAhfgsDirWIcVQ/IHpvI5Vgd5i/J5F7B9cN/WlVbC/w=="],
@@ -1294,18 +987,14 @@
 
     "isarray": ["isarray@2.0.5", "", {}, "sha512-xHjhDr3cNBK0BzdUJSPXZntQUx/mwMS5Rw4A7lPJ90XGAO6ISP/ePDNuo0vhqOZU+UD5JoodwCAAoZQd3FeAKw=="],
 
-    "isexe": ["isexe@3.1.5", "", {}, "sha512-6B3tLtFqtQS4ekarvLVMZ+X+VlvQekbe4taUkf/rhVO3d/h0M2rfARm/pXLcPEsjjMsFgrFgSrhQIxcSVrBz8w=="],
+    "isexe": ["isexe@2.0.0", "", {}, "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="],
 
     "iterator.prototype": ["iterator.prototype@1.1.5", "", { "dependencies": { "define-data-property": "^1.1.4", "es-object-atoms": "^1.0.0", "get-intrinsic": "^1.2.6", "get-proto": "^1.0.0", "has-symbols": "^1.1.0", "set-function-name": "^2.0.2" } }, "sha512-H0dkQoCa3b2VEeKQBOxFph+JAbcrQdE7KC0UkqwpLmv2EC4P41QXP+rqo9wYodACiG5/WM5s9oDApTU8utwj9g=="],
 
     "its-fine": ["its-fine@2.0.0", "", { "dependencies": { "@types/react-reconciler": "^0.28.9" }, "peerDependencies": { "react": "^19.0.0" } }, "sha512-KLViCmWx94zOvpLwSlsx6yOCeMhZYaxrJV87Po5k/FoZzcPSahvK5qJ7fYhS61sZi5ikmh2S3Hz55A2l3U69ng=="],
 
-    "jackspeak": ["jackspeak@4.2.3", "", { "dependencies": { "@isaacs/cliui": "^9.0.0" } }, "sha512-ykkVRwrYvFm1nb2AJfKKYPr0emF6IiXDYUaFx4Zn9ZuIH7MrzEZ3sD5RlqGXNRpHtvUHJyOnCEFxOlNDtGo7wg=="],
-
     "jiti": ["jiti@2.6.1", "", { "bin": { "jiti": "lib/jiti-cli.mjs" } }, "sha512-ekilCSN1jwRvIbgeg/57YFh8qQDNbwDb9xT/qu2DAHbFFZUicIl4ygVaAvzveMhMVr3LnpSKTNnwt8PoOfmKhQ=="],
 
-    "jose": ["jose@6.1.3", "", {}, "sha512-0TpaTfihd4QMNwrz/ob2Bp7X04yuxJkjRGi4aKmOqwhov54i6u79oCv7T+C7lo70MKH6BesI3vscD1yb/yzKXQ=="],
-
     "js-tokens": ["js-tokens@4.0.0", "", {}, "sha512-RdJUflcE3cUzKiMqQgsCu06FPu9UdIJO0beYbPhHN4k6apgJtifcoCtT9bcxOpYBtpD2kCM6Sbzg4CausW/PKQ=="],
 
     "js-yaml": ["js-yaml@4.1.1", "", { "dependencies": { "argparse": "^2.0.1" }, "bin": { "js-yaml": "bin/js-yaml.js" } }, "sha512-qQKT4zQxXl8lLwBtHMWwaTcGfFOZviOJet3Oy/xmGk2gZH677CJM9EvtfdSkgWcATZhj/55JZ0rmy3myCT5lsA=="],
@@ -1324,16 +1013,10 @@
 
     "jsx-ast-utils": ["jsx-ast-utils@3.3.5", "", { "dependencies": { "array-includes": "^3.1.6", "array.prototype.flat": "^1.3.1", "object.assign": "^4.1.4", "object.values": "^1.1.6" } }, "sha512-ZZow9HBI5O6EPgSJLUb8n2NKgmVWTwCvHGwFuJlMjvLFqlGG6pjirPhtdsseaLZjSibD8eegzmYpUZwoIlj2cQ=="],
 
-    "kdbush": ["kdbush@4.0.2", "", {}, "sha512-WbCVYJ27Sz8zi9Q7Q0xHC+05iwkm3Znipc2XTlrnJbsHMYktW4hPhXUE8Ys1engBrvffoSCqbil1JQAa7clRpA=="],
-
     "keyv": ["keyv@4.5.4", "", { "dependencies": { "json-buffer": "3.0.1" } }, "sha512-oxVHkHR/EJf2CNXnWxRLW6mg7JyCCUcG0DtEGmL2ctUo1PNTin1PUil+r/+4r5MpVgC/fn1kjsx7mjSujKqIpw=="],
 
     "kleur": ["kleur@3.0.3", "", {}, "sha512-eTIzlVOSUR+JxdDFepEYcBMtZ9Qqdef+rnzWdRZuMbOywu5tO2w2N7rqjoANZ5k9vywhL6Br1VRjUIgTQx4E8w=="],
 
-    "kysely": ["kysely@0.28.11", "", {}, "sha512-zpGIFg0HuoC893rIjYX1BETkVWdDnzTzF5e0kWXJFg5lE0k1/LfNWBejrcnOFu8Q2Rfq/hTDTU7XLUM8QOrpzg=="],
-
-    "leac": ["leac@0.6.0", "", {}, "sha512-y+SqErxb8h7nE/fiEX07jsbuhrpO9lL8eca7/Y1nuWV2moNlXhyd59iDGcRf6moVyDMbmTNzL40SUyrFU/yDpg=="],
-
     "levn": ["levn@0.4.1", "", { "dependencies": { "prelude-ls": "^1.2.1", "type-check": "~0.4.0" } }, "sha512-+bT2uH4E5LGE7h/n3evcS/sQlJXCpIp6ym8OWJ5eV6+67Dsql/LaaT7qJBAt2rzfoa/5QBGBhxDix1dMt2kQKQ=="],
 
     "lie": ["lie@3.3.0", "", { "dependencies": { "immediate": "~3.0.5" } }, "sha512-UaiMJzeWRlEujzAuw5LokY1L5ecNQYZKfmyZ9L7wDHb/p5etKaxXhohBcrw0EYby+G/NA52vRSN4N39dxHAIwQ=="],
@@ -1362,23 +1045,15 @@
 
     "lightningcss-win32-x64-msvc": ["lightningcss-win32-x64-msvc@1.31.1", "", { "os": "win32", "cpu": "x64" }, "sha512-I9aiFrbd7oYHwlnQDqr1Roz+fTz61oDDJX7n9tYF9FJymH1cIN1DtKw3iYt6b8WZgEjoNwVSncwF4wx/ZedMhw=="],
 
-    "lilconfig": ["lilconfig@2.1.0", "", {}, "sha512-utWOt/GHzuUxnLKxB6dk81RoOeoNeHgbrXiuGk4yyF5qlRz+iIVWu56E2fqGHFrXz0QNUhLB/8nKqvRH66JKGQ=="],
-
     "locate-path": ["locate-path@6.0.0", "", { "dependencies": { "p-locate": "^5.0.0" } }, "sha512-iPZK6eYjbxRu3uB4/WZ3EsEIMJFMqAoopl3R+zuq0UjcAm/MO6KCweDgPfP3elTztoKP3KtnVHxTn2NHBSDVUw=="],
 
-    "lodash": ["lodash@4.17.21", "", {}, "sha512-v2kDEe57lecTulaDIuNTPy3Ry4gLGJ6Z1O3vE1krgXZNrsQ+LFTGHVxVjcXPs17LhbZVGedAJv8XZ1tvj5FvSg=="],
-
     "lodash.merge": ["lodash.merge@4.6.2", "", {}, "sha512-0KpjqXRVvrYyCsX1swR/XTK0va6VQkQM6MNo7PqW77ByjAhoARA8EfrP1N4+KlKj8YS0ZUCtRT/YUuhyYDujIQ=="],
 
     "log-symbols": ["log-symbols@6.0.0", "", { "dependencies": { "chalk": "^5.3.0", "is-unicode-supported": "^1.3.0" } }, "sha512-i24m8rpwhmPIS4zscNzK6MSEhk0DUWa/8iYQWxhffV8jkI4Phvs3F+quL5xvS0gdQR0FyTCMMH33Y78dDTzzIw=="],
 
-    "long": ["long@5.3.2", "", {}, "sha512-mNAgZ1GmyNhD7AuqnTG3/VQ26o760+ZYBPKjPvugO8+nLbYfX6TVpJPseBvopbdY+qpZ/lKUnmEc1LeZYS3QAA=="],
-
     "loose-envify": ["loose-envify@1.4.0", "", { "dependencies": { "js-tokens": "^3.0.0 || ^4.0.0" }, "bin": { "loose-envify": "cli.js" } }, "sha512-lyuxPGr/Wfhrlem2CL/UcnUc1zcqKAImBDzukY7Y5F/yQiNdko6+fRLevlw1HgMySw7f611UIY408EtxRSoK3Q=="],
 
-    "lru-cache": ["lru-cache@11.2.4", "", {}, "sha512-B5Y16Jr9LB9dHVkh6ZevG+vAbOsNOYCX+sXvFWFu7B3Iz5mijW3zdbMyhsh8ANd2mSWBYdJgnqi+mL7/LrOPYg=="],
-
-    "lru.min": ["lru.min@1.1.4", "", {}, "sha512-DqC6n3QQ77zdFpCMASA1a3Jlb64Hv2N2DciFGkO/4L9+q/IpIAuRlKOvCXabtRW6cQf8usbmM6BE/TOPysCdIA=="],
+    "lru-cache": ["lru-cache@11.2.6", "", {}, "sha512-ESL2CrkS/2wTPfuend7Zhkzo2u0daGJ/A2VucJOgQ/C48S/zB8MMeMHSGKYpXhIjbPxfuezITkaBH1wqv00DDQ=="],
 
     "lucide-react": ["lucide-react@0.562.0", "", { "peerDependencies": { "react": "^16.5.1 || ^17.0.0 || ^18.0.0 || ^19.0.0" } }, "sha512-82hOAu7y0dbVuFfmO4bYF1XEwYk/mEbM5E+b1jgci/udUBEE/R7LF5Ip0CCEmXe8AybRM8L+04eP+LGZeDvkiw=="],
 
@@ -1388,12 +1063,6 @@
 
     "math-intrinsics": ["math-intrinsics@1.1.0", "", {}, "sha512-/IXtbwEk5HTPyEwyKX6hGkYXxM9nbj64B+ilVJnC/R6B0pH5G4V3b0pVbL7DBj4tkhBAppbQUlf6F6Xl9LHu1g=="],
 
-    "md5": ["md5@2.3.0", "", { "dependencies": { "charenc": "0.0.2", "crypt": "0.0.2", "is-buffer": "~1.1.6" } }, "sha512-T1GITYmFaKuO91vxyoQMFETst+O71VUPEU3ze5GNzDm0OWdP8v1ziTaAEPUr/3kLsY3Sftgz242A1SetQiDL7g=="],
-
-    "memory-pager": ["memory-pager@1.5.0", "", {}, "sha512-ZS4Bp4r/Zoeq6+NLJpP+0Zzm0pR8whtGPf1XExKLJBAczGMnSi3It14OiNCStjQjM6NU1okjQGSxgEZN8eBYKg=="],
-
-    "merge-stream": ["merge-stream@2.0.0", "", {}, "sha512-abv/qOcuPfk3URPfDzmZU1LKmuw8kT+0nIHvKrKgFrwifol/doWcdA4ZqsWQ8ENrFKkd67Mfpo/LovbIUsbt3w=="],
-
     "merge2": ["merge2@1.4.1", "", {}, "sha512-8q7VEgMJW4J8tcfVPy8g09NcQwZdbwFEqhe/WZkoIzjn/3TGDwtOCYtXGxA3O8tPzpczCCDgv+P2P5y00ZJOOg=="],
 
     "meshline": ["meshline@3.3.1", "", { "peerDependencies": { "three": ">=0.137" } }, "sha512-/TQj+JdZkeSUOl5Mk2J7eLcYTLiQm2IDzmlSvYm7ov15anEcDJ92GHqqazxTSreeNgfnYu24kiEvvv0WlbCdFQ=="],
@@ -1402,60 +1071,34 @@
 
     "micromatch": ["micromatch@4.0.8", "", { "dependencies": { "braces": "^3.0.3", "picomatch": "^2.3.1" } }, "sha512-PXwfBhYu0hBCPw8Dn0E+WDYb7af3dSLVWKi3HGv84IdF4TyFoC0ysxFd0Goxw7nSv4T/PzEJQxsYsEiFCKo2BA=="],
 
-    "mime-db": ["mime-db@1.54.0", "", {}, "sha512-aU5EJuIN2WDemCcAp2vFBfp/m4EAhWJnUNSSw0ixs7/kXbd6Pg64EmwJkNdFhB8aWt1sH2CTXrLxo/iAGV3oPQ=="],
-
-    "mimic-fn": ["mimic-fn@2.1.0", "", {}, "sha512-OqbOk5oEQeAZ8WXWydlu9HJjz9WVdEIvamMCcXmuqUYjTknH/sqsWvhQ3vgwKFRR1HpjvNBKQ37nbJgYzGqGcg=="],
-
     "mimic-function": ["mimic-function@5.0.1", "", {}, "sha512-VP79XUPxV2CigYP3jWwAUFSku2aKqBH7uTAapFWCBqutsbmDo96KY5o8uh6U+/YSIn5OxJnXp73beVkpqMIGhA=="],
 
-    "minimatch": ["minimatch@3.1.2", "", { "dependencies": { "brace-expansion": "^1.1.7" } }, "sha512-J7p63hRiAjw1NDEww1W7i37+ByIrOWO5XQQAzZ3VOcL0PNybwpfmV/N05zFAzwQ9USyEcX6t3UO+K5aqBQOIHw=="],
+    "minimatch": ["minimatch@3.1.5", "", { "dependencies": { "brace-expansion": "^1.1.7" } }, "sha512-VgjWUsnnT6n+NUk6eZq77zeFdpW2LWDzP6zFGrCbHXiYNul5Dzqk2HHQ5uFH2DNW5Xbp8+jVzaeNt94ssEEl4w=="],
 
-    "minipass": ["minipass@7.1.2", "", {}, "sha512-qOOzS1cBTWYF4BH8fVePDBOO9iptMnGUEZwNc/cMWnTV2nVLZ7VoNWEPHkYczZA0pdoA7dl6e7FL659nX9S2aw=="],
+    "minimist": ["minimist@1.2.8", "", {}, "sha512-2yyAR8qBkN3YuheJanUpWC5U3bb5osDywNB8RzDVlDwDHbocAJveqqj1u8+SVD7jkWT4yvsHCpWqqWqAxb0zCA=="],
 
-    "minizlib": ["minizlib@3.1.0", "", { "dependencies": { "minipass": "^7.1.2" } }, "sha512-KZxYo1BUkWD2TVFLr0MQoM8vUUigWD3LlD83a/75BqC+4qE0Hb1Vo5v1FgcfaNXvfXzr+5EhQ6ing/CaBijTlw=="],
+    "minipass": ["minipass@7.1.3", "", {}, "sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A=="],
 
     "mitt": ["mitt@3.0.1", "", {}, "sha512-vKivATfr97l2/QBCYAkXYDbrIWPM2IIKEl7YPhjCvKlG3kE2gm+uBo6nEXK3M5/Ffh/FLpKExzOQ3JJoJGFKBw=="],
 
-    "mongodb": ["mongodb@7.1.0", "", { "dependencies": { "@mongodb-js/saslprep": "^1.3.0", "bson": "^7.1.1", "mongodb-connection-string-url": "^7.0.0" }, "peerDependencies": { "@aws-sdk/credential-providers": "^3.806.0", "@mongodb-js/zstd": "^7.0.0", "gcp-metadata": "^7.0.1", "kerberos": "^7.0.0", "mongodb-client-encryption": ">=7.0.0 <7.1.0", "snappy": "^7.3.2", "socks": "^2.8.6" }, "optionalPeers": ["@aws-sdk/credential-providers", "@mongodb-js/zstd", "gcp-metadata", "kerberos", "mongodb-client-encryption", "snappy", "socks"] }, "sha512-kMfnKunbolQYwCIyrkxNJFB4Ypy91pYqua5NargS/f8ODNSJxT03ZU3n1JqL4mCzbSih8tvmMEMLpKTT7x5gCg=="],
+    "motion": ["motion@12.36.0", "", { "dependencies": { "framer-motion": "^12.36.0", "tslib": "^2.4.0" }, "peerDependencies": { "@emotion/is-prop-valid": "*", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/is-prop-valid", "react", "react-dom"] }, "sha512-5BMQuktYUX8aEByKWYx5tR4X3G08H2OMgp46wTxZ4o7CDDstyy4A0fe9RLNMjZiwvntCWGDvs16sC87/emz4Yw=="],
 
-    "mongodb-connection-string-url": ["mongodb-connection-string-url@7.0.1", "", { "dependencies": { "@types/whatwg-url": "^13.0.0", "whatwg-url": "^14.1.0" } }, "sha512-h0AZ9A7IDVwwHyMxmdMXKy+9oNlF0zFoahHiX3vQ8e3KFcSP3VmsmfvtRSuLPxmyv2vjIDxqty8smTgie/SNRQ=="],
+    "motion-dom": ["motion-dom@12.36.0", "", { "dependencies": { "motion-utils": "^12.36.0" } }, "sha512-Ep1pq8P88rGJ75om8lTCA13zqd7ywPGwCqwuWwin6BKc0hMLkVfcS6qKlRqEo2+t0DwoUcgGJfXwaiFn4AOcQA=="],
 
-    "motion": ["motion@12.34.3", "", { "dependencies": { "framer-motion": "^12.34.3", "tslib": "^2.4.0" }, "peerDependencies": { "@emotion/is-prop-valid": "*", "react": "^18.0.0 || ^19.0.0", "react-dom": "^18.0.0 || ^19.0.0" }, "optionalPeers": ["@emotion/is-prop-valid", "react", "react-dom"] }, "sha512-xZIkBGO7v/Uvm+EyaqYd+9IpXu0sZqLywVlGdCFrrMiaO9JI4Kx51mO9KlHSWwll+gZUVY5OJsWgYI5FywJ/tw=="],
-
-    "motion-dom": ["motion-dom@12.34.3", "", { "dependencies": { "motion-utils": "^12.29.2" } }, "sha512-sYgFe+pR9aIM7o4fhs2aXtOI+oqlUd33N9Yoxcgo1Fv7M20sRkHtCmzE/VRNIcq7uNJ+qio+Xubt1FXH3pQ+eQ=="],
-
-    "motion-utils": ["motion-utils@12.29.2", "", {}, "sha512-G3kc34H2cX2gI63RqU+cZq+zWRRPSsNIOjpdl9TN4AQwC4sgwYPl/Q/Obf/d53nOm569T0fYK+tcoSV50BWx8A=="],
+    "motion-utils": ["motion-utils@12.36.0", "", {}, "sha512-eHWisygbiwVvf6PZ1vhaHCLamvkSbPIeAYxWUuL3a2PD/TROgE7FvfHWTIH4vMl798QLfMw15nRqIaRDXTlYRg=="],
 
     "ms": ["ms@2.1.3", "", {}, "sha512-6FlzubTLZG3J2a/NVCAleEhjzq5oxgHyaCU9yYXvcLsvoVaHJq/s5xXI6/XXP6tz7R9xAOtHnSO/tXtF3WRTlA=="],
 
-    "mysql2": ["mysql2@3.15.3", "", { "dependencies": { "aws-ssl-profiles": "^1.1.1", "denque": "^2.1.0", "generate-function": "^2.3.1", "iconv-lite": "^0.7.0", "long": "^5.2.1", "lru.min": "^1.0.0", "named-placeholders": "^1.1.3", "seq-queue": "^0.0.5", "sqlstring": "^2.3.2" } }, "sha512-FBrGau0IXmuqg4haEZRBfHNWB5mUARw6hNwPDXXGg0XzVJ50mr/9hb267lvpVMnhZ1FON3qNd4Xfcez1rbFwSg=="],
-
-    "named-placeholders": ["named-placeholders@1.1.6", "", { "dependencies": { "lru.min": "^1.1.0" } }, "sha512-Tz09sEL2EEuv5fFowm419c1+a/jSMiBjI9gHxVLrVdbUkkNUUfjsVYs9pVZu5oCon/kmRh9TfLEObFtkVxmY0w=="],
-
     "nanoid": ["nanoid@5.1.6", "", { "bin": { "nanoid": "bin/nanoid.js" } }, "sha512-c7+7RQ+dMB5dPwwCp4ee1/iV/q2P6aK1mTZcfr1BTuVlyW9hJYiMPybJCcnBlQtuSmTIWNeazm/zqNoZSSElBg=="],
 
-    "nanostores": ["nanostores@1.1.1", "", {}, "sha512-EYJqS25r2iBeTtGQCHidXl1VfZ1jXM7Q04zXJOrMlxVVmD0ptxJaNux92n1mJ7c5lN3zTq12MhH/8x59nP+qmg=="],
-
     "natural-compare": ["natural-compare@1.4.0", "", {}, "sha512-OWND8ei3VtNC9h7V60qff3SVobHr996CTwgxubgyQYEpg290h9J0buyECNNJexkFm5sOajh5G116RYA1c8ZMSw=="],
 
-    "negotiator": ["negotiator@0.6.4", "", {}, "sha512-myRT3DiWPHqho5PrJaIRyaMv2kgYf0mUVgBNOYMuCH5Ki1yEiQaf/ZJuQ62nvpc44wL5WDbTX7yGJi1Neevw8w=="],
-
     "next": ["next@16.1.6", "", { "dependencies": { "@next/env": "16.1.6", "@swc/helpers": "0.5.15", "baseline-browser-mapping": "^2.8.3", "caniuse-lite": "^1.0.30001579", "postcss": "8.4.31", "styled-jsx": "5.1.6" }, "optionalDependencies": { "@next/swc-darwin-arm64": "16.1.6", "@next/swc-darwin-x64": "16.1.6", "@next/swc-linux-arm64-gnu": "16.1.6", "@next/swc-linux-arm64-musl": "16.1.6", "@next/swc-linux-x64-gnu": "16.1.6", "@next/swc-linux-x64-musl": "16.1.6", "@next/swc-win32-arm64-msvc": "16.1.6", "@next/swc-win32-x64-msvc": "16.1.6", "sharp": "^0.34.4" }, "peerDependencies": { "@opentelemetry/api": "^1.1.0", "@playwright/test": "^1.51.1", "babel-plugin-react-compiler": "*", "react": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "react-dom": "^18.2.0 || 19.0.0-rc-de68d2f4-20241204 || ^19.0.0", "sass": "^1.3.0" }, "optionalPeers": ["@opentelemetry/api", "@playwright/test", "babel-plugin-react-compiler", "sass"], "bin": { "next": "dist/bin/next" } }, "sha512-hkyRkcu5x/41KoqnROkfTm2pZVbKxvbZRuNvKXLRXxs3VfyO0WhY50TQS40EuKO9SW3rBj/sF3WbVwDACeMZyw=="],
 
-    "node-domexception": ["node-domexception@1.0.0", "", {}, "sha512-/jKZoMpw0F8GRwl4/eLROPA3cfcXtLApP0QzLmUT/HuPCZWyB7IY9ZrMeKw2O/nFIqPQB3PVM9aYm0F312AXDQ=="],
-
-    "node-fetch": ["node-fetch@3.3.2", "", { "dependencies": { "data-uri-to-buffer": "^4.0.0", "fetch-blob": "^3.1.4", "formdata-polyfill": "^4.0.10" } }, "sha512-dRB78srN/l6gqWulah9SrxeYnxeddIG30+GOqK/9OlLVyLg3HPnr6SqOWTWOXKRwC2eGYCkZ59NNuSgvSrpgOA=="],
-
-    "node-fetch-native": ["node-fetch-native@1.6.7", "", {}, "sha512-g9yhqoedzIUm0nTnTqAQvueMPVOuIY16bqgAJJC8XOOubYFNwz6IER9qs0Gq2Xd0+CecCKFjtdDTMA4u4xG06Q=="],
+    "node-exports-info": ["node-exports-info@1.6.0", "", { "dependencies": { "array.prototype.flatmap": "^1.3.3", "es-errors": "^1.3.0", "object.entries": "^1.1.9", "semver": "^6.3.1" } }, "sha512-pyFS63ptit/P5WqUkt+UUfe+4oevH+bFeIiPPdfb0pFeYEu/1ELnJu5l+5EcTKYL5M7zaAa7S8ddywgXypqKCw=="],
 
     "node-releases": ["node-releases@2.0.36", "", {}, "sha512-TdC8FSgHz8Mwtw9g5L4gR/Sh9XhSP/0DEkQxfEFXOpiul5IiHgHan2VhYYb6agDSfp4KuvltmGApc8HMgUrIkA=="],
 
-    "normalize-path": ["normalize-path@3.0.0", "", {}, "sha512-6eZs5Ls3WtCisHWp9S2GUy8dqkpGi4BVSz3GaqiE6ezub0512ESztXUwUB6C6IKbQkY2Pnb/mD4WYojCRwcwLA=="],
-
-    "npm-normalize-package-bin": ["npm-normalize-package-bin@5.0.0", "", {}, "sha512-CJi3OS4JLsNMmr2u07OJlhcrPxCeOeP/4xq67aWNai6TNWWbTrlNDgl8NcFKVlcBKp18GPj+EzbNIgrBfZhsag=="],
-
-    "npm-run-path": ["npm-run-path@4.0.1", "", { "dependencies": { "path-key": "^3.0.0" } }, "sha512-S48WzZW777zhNIrn7gxOlISNAqi9ZC/uQFnRdbeIHhZhCA6UqpkOT8T1G7BvfdgP4Er8gF4sUbaS0i7QvIfCWw=="],
-
     "number-flow": ["number-flow@0.5.12", "", { "dependencies": { "esm-env": "^1.1.4" } }, "sha512-CIs21h2JkfYG4rfgERaUNAk0Cz+Ef14fNJfSCbGGhgRgconQc9b7rcCQfi9SZ36kNjVXmsl2BrzDbjGtEgumAA=="],
 
     "nypm": ["nypm@0.6.5", "", { "dependencies": { "citty": "^0.2.0", "pathe": "^2.0.3", "tinyexec": "^1.0.2" }, "bin": { "nypm": "dist/cli.mjs" } }, "sha512-K6AJy1GMVyfyMXRVB88700BJqNUkByijGJM8kEHpLdcAt+vSQAVfkWWHYzuRXHSY6xA2sNc5RjTj0p9rE2izVQ=="],
@@ -1474,9 +1117,7 @@
 
     "object.values": ["object.values@1.2.1", "", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.3", "define-properties": "^1.2.1", "es-object-atoms": "^1.0.0" } }, "sha512-gXah6aZrcUxjWg2zR2MwouP2eHlCBzdV4pygudehaKXSGW4v2AsRQUK+lwwXhii6KFZcunEnmSUoYp5CXibxtA=="],
 
-    "ohash": ["ohash@2.0.11", "", {}, "sha512-RdR9FQrFwNBNXAr4GixM8YaRZRJ5PUWbKYbE5eOsrwAjJW0q2REGcf79oYPsLyskQCZG1PLN+S/K1V00joZAoQ=="],
-
-    "onetime": ["onetime@5.1.2", "", { "dependencies": { "mimic-fn": "^2.1.0" } }, "sha512-kbpaSSGJTWdAY5KPVeMOKXSrPtr8C8C7wodJbcsd51jRnmD+GZu8Y0VoU6Dm5Z4vWr0Ig/1NKuWRKf7j5aaYSg=="],
+    "onetime": ["onetime@7.0.0", "", { "dependencies": { "mimic-function": "^5.0.0" } }, "sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ=="],
 
     "optionator": ["optionator@0.9.4", "", { "dependencies": { "deep-is": "^0.1.3", "fast-levenshtein": "^2.0.6", "levn": "^0.4.1", "prelude-ls": "^1.2.1", "type-check": "^0.4.0", "word-wrap": "^1.2.5" } }, "sha512-6IpQ7mKUxRcZNLIObR0hz7lxsapSSIYNZJwXPGeF0mTVqGKFIXj1DQcMoT22S3ROcLyY/rz0PWaWZ9ayWmad9g=="],
 
@@ -1490,8 +1131,6 @@
 
     "parent-module": ["parent-module@1.0.1", "", { "dependencies": { "callsites": "^3.0.0" } }, "sha512-GQ2EWRpQV8/o+Aw8YqtfZZPfNRWZYkbidE9k5rpl/hC3vtHHBfGm2Ifi6qWV+coDGkrUKZAxE3Lot5kcsRlh+g=="],
 
-    "parseley": ["parseley@0.12.1", "", { "dependencies": { "leac": "^0.6.0", "peberminta": "^0.9.0" } }, "sha512-e6qHKe3a9HWr0oMRVDTRhKce+bRO8VGQR3NyVwcjwrbhMmFCX9KszEV35+rn4AdilFAq9VPxP/Fe1wC9Qjd2lw=="],
-
     "path-exists": ["path-exists@4.0.0", "", {}, "sha512-ak9Qy5Q7jYb2Wwcey5Fpvg2KoAc/ZIhLSLOSBmRmygPsGwkVVt0fZa0qrtMz+m6tJTAHfZQ8FnmB4MG4LWy7/w=="],
 
     "path-key": ["path-key@3.1.1", "", {}, "sha512-ojmeN0qd+y0jszEtoY48r0Peq5dwMEkIlCOu6Q5f41lfkswXuKtYrhgoTpLnyIcHm24Uhqx+5Tqm2InSwLhE6Q=="],
@@ -1500,94 +1139,44 @@
 
     "path-scurry": ["path-scurry@2.0.2", "", { "dependencies": { "lru-cache": "^11.0.0", "minipass": "^7.1.2" } }, "sha512-3O/iVVsJAPsOnpwWIeD+d6z/7PmqApyQePUtCndjatj/9I5LylHvt5qluFaBT3I5h3r1ejfR056c+FCv+NnNXg=="],
 
-    "path-to-regexp": ["path-to-regexp@6.2.1", "", {}, "sha512-JLyh7xT1kizaEvcaXOQwOc2/Yhw6KZOvPf1S8401UyLk86CU79LN3vl7ztXGm/pZ+YjoyAJ4rxmHwbkBXJX+yw=="],
-
     "pathe": ["pathe@2.0.3", "", {}, "sha512-WUjGcAqP1gQacoQe+OBJsFA7Ld4DyXuUIjZ5cc75cLHvJ7dtNsTugphxIADwspS+AraAUePCKrSVtPLFj/F88w=="],
 
-    "peberminta": ["peberminta@0.9.0", "", {}, "sha512-XIxfHpEuSJbITd1H3EeQwpcZbTLHc+VVr8ANI9t5sit565tsI4/xK3KWTUFE2e6QiangUkh3B0jihzmGnNrRsQ=="],
-
-    "perfect-debounce": ["perfect-debounce@1.0.0", "", {}, "sha512-xCy9V055GLEqoFaHoC1SoLIaLmWctgCUaBaWxDZ7/Zx4CTyX7cJQLJOok/orfjZAh9kEYpjJa4d0KcJmCbctZA=="],
-
-    "pg": ["pg@8.18.0", "", { "dependencies": { "pg-connection-string": "^2.11.0", "pg-pool": "^3.11.0", "pg-protocol": "^1.11.0", "pg-types": "2.2.0", "pgpass": "1.0.5" }, "optionalDependencies": { "pg-cloudflare": "^1.3.0" }, "peerDependencies": { "pg-native": ">=3.0.1" }, "optionalPeers": ["pg-native"] }, "sha512-xqrUDL1b9MbkydY/s+VZ6v+xiMUmOUk7SS9d/1kpyQxoJ6U9AO1oIJyUWVZojbfe5Cc/oluutcgFG4L9RDP1iQ=="],
-
-    "pg-cloudflare": ["pg-cloudflare@1.3.0", "", {}, "sha512-6lswVVSztmHiRtD6I8hw4qP/nDm1EJbKMRhf3HCYaqud7frGysPv7FYJ5noZQdhQtN2xJnimfMtvQq21pdbzyQ=="],
-
-    "pg-connection-string": ["pg-connection-string@2.11.0", "", {}, "sha512-kecgoJwhOpxYU21rZjULrmrBJ698U2RxXofKVzOn5UDj61BPj/qMb7diYUR1nLScCDbrztQFl1TaQZT0t1EtzQ=="],
-
-    "pg-int8": ["pg-int8@1.0.1", "", {}, "sha512-WCtabS6t3c8SkpDBUlb1kjOs7l66xsGdKpIPZsg4wR+B3+u9UAum2odSsF9tnvxg80h4ZxLWMy4pRjOsFIqQpw=="],
-
-    "pg-pool": ["pg-pool@3.11.0", "", { "peerDependencies": { "pg": ">=8.0" } }, "sha512-MJYfvHwtGp870aeusDh+hg9apvOe2zmpZJpyt+BMtzUWlVqbhFmMK6bOBXLBUPd7iRtIF9fZplDc7KrPN3PN7w=="],
-
-    "pg-protocol": ["pg-protocol@1.11.0", "", {}, "sha512-pfsxk2M9M3BuGgDOfuy37VNRRX3jmKgMjcvAcWqNDpZSf4cUmv8HSOl5ViRQFsfARFn0KuUQTgLxVMbNq5NW3g=="],
-
-    "pg-types": ["pg-types@2.2.0", "", { "dependencies": { "pg-int8": "1.0.1", "postgres-array": "~2.0.0", "postgres-bytea": "~1.0.0", "postgres-date": "~1.0.4", "postgres-interval": "^1.1.0" } }, "sha512-qTAAlrEsl8s4OiEQY69wDvcMIdQN6wdz5ojQiOy6YRMuynxenON0O5oCpJI6lshc6scgAY8qvJ2On/p+CXY0GA=="],
-
-    "pgpass": ["pgpass@1.0.5", "", { "dependencies": { "split2": "^4.1.0" } }, "sha512-FdW9r/jQZhSeohs1Z3sI1yxFQNFvMcnmfuj4WBMUTxOrAyLMaTcE1aAMBiTlbMNaXvBCQuVi0R7hd8udDSP7ug=="],
-
     "picocolors": ["picocolors@1.1.1", "", {}, "sha512-xceH2snhtb5M9liqDsmEw56le376mTZkEX/jEb/RxNFyegNul7eNslCXP9FDj/Lcu0X8KEyMceP2ntpaHrDEVA=="],
 
     "picomatch": ["picomatch@4.0.3", "", {}, "sha512-5gTmgEY/sqK6gFXLIsQNH19lWb4ebPDLA4SdLP7dsWkIXHWlG66oPuVvXSGFPppYZz8ZDZq0dYYrbHfBCVUb1Q=="],
 
-    "pkg-types": ["pkg-types@2.3.0", "", { "dependencies": { "confbox": "^0.2.2", "exsolve": "^1.0.7", "pathe": "^2.0.3" } }, "sha512-SIqCzDRg0s9npO5XQ3tNZioRY1uK06lA41ynBC1YmFTmnY6FjUjVt6s4LoADmwoig1qqD0oK8h1p/8mlMx8Oig=="],
-
     "polygon-clipping": ["polygon-clipping@0.15.7", "", { "dependencies": { "robust-predicates": "^3.0.2", "splaytree": "^3.1.0" } }, "sha512-nhfdr83ECBg6xtqOAJab1tbksbBAOMUltN60bU+llHVOL0e5Onm1WpAXXWXVB39L8AJFssoIhEVuy/S90MmotA=="],
 
     "portless": ["portless@0.4.2", "", { "dependencies": { "chalk": "^5.3.0" }, "os": [ "linux", "darwin", ], "bin": { "portless": "dist/cli.js" } }, "sha512-/G3jIeD1XokoO9KY/lUGTV9irKz3tgx8yqHkz+hvj/86QeR219GvYFB+QEfpvjRlvvLVJa5vE7BkRfBZBe/lQg=="],
 
     "possible-typed-array-names": ["possible-typed-array-names@1.1.0", "", {}, "sha512-/+5VFTchJDoVj3bhoqi6UeymcD00DAwb1nJwamzPvHEszJ4FpF6SNNbUbOS8yI56qHzdV8eK0qEfOSiodkTdxg=="],
 
-    "postcss": ["postcss@8.5.6", "", { "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-3Ybi1tAuwAP9s0r1UQ2J4n5Y0G05bJkpUIO0/bI9MhwmD70S5aTWbXGBwxHrelT+XM1k6dM0pk+SwNkpTRN7Pg=="],
-
-    "postgres": ["postgres@3.4.8", "", {}, "sha512-d+JFcLM17njZaOLkv6SCev7uoLaBtfK86vMUXhW1Z4glPWh4jozno9APvW/XKFJ3CCxVoC7OL38BqRydtu5nGg=="],
-
-    "postgres-array": ["postgres-array@2.0.0", "", {}, "sha512-VpZrUqU5A69eQyW2c5CA1jtLecCsN2U/bD6VilrFDWq5+5UIEVO7nazS3TEcHf1zuPYO/sqGvUvW62g86RXZuA=="],
-
-    "postgres-bytea": ["postgres-bytea@1.0.1", "", {}, "sha512-5+5HqXnsZPE65IJZSMkZtURARZelel2oXUEO8rH83VS/hxH5vv1uHquPg5wZs8yMAfdv971IU+kcPUczi7NVBQ=="],
-
-    "postgres-date": ["postgres-date@1.0.7", "", {}, "sha512-suDmjLVQg78nMK2UZ454hAG+OAW+HQPZ6n++TNDUX+L0+uUlLywnoxJKDou51Zm+zTCjrCl0Nq6J9C5hP9vK/Q=="],
-
-    "postgres-interval": ["postgres-interval@1.2.0", "", { "dependencies": { "xtend": "^4.0.0" } }, "sha512-9ZhXKM/rw350N1ovuWHbGxnGh/SNJ4cnxHiM0rxE4VN41wsg8P8zWn9hv/buK00RP4WvlOyr/RBDiptyxVbkZQ=="],
+    "postcss": ["postcss@8.5.8", "", { "dependencies": { "nanoid": "^3.3.11", "picocolors": "^1.1.1", "source-map-js": "^1.2.1" } }, "sha512-OW/rX8O/jXnm82Ey1k44pObPtdblfiuWnrd8X7GJ7emImCOstunGbXUpp7HdBrFQX6rJzn3sPT397Wp5aCwCHg=="],
 
     "potpack": ["potpack@1.0.2", "", {}, "sha512-choctRBIV9EMT9WGAZHn3V7t0Z2pMQyl0EZE6pFc/6ml3ssw7Dlf/oAOvFwjm1HVsqfQN8GfeFyJ+d8tRzqueQ=="],
 
-    "preact": ["preact@10.28.4", "", {}, "sha512-uKFfOHWuSNpRFVTnljsCluEFq57OKT+0QdOiQo8XWnQ/pSvg7OpX5eNOejELXJMWy+BwM2nobz0FkvzmnpCNsQ=="],
+    "preact": ["preact@10.29.0", "", {}, "sha512-wSAGyk2bYR1c7t3SZ3jHcM6xy0lcBcDel6lODcs9ME6Th++Dx2KU+6D3HD8wMMKGA8Wpw7OMd3/4RGzYRpzwRg=="],
 
     "prelude-ls": ["prelude-ls@1.2.1", "", {}, "sha512-vkcDPrRZo1QZLbn5RLGPpg/WmIQ65qoWWhcGKf/b5eplkkarX0m9z8ppCat4mlOqUsWpyNuYgO3VRyrYHSzX5g=="],
 
-    "prettier": ["prettier@3.8.1", "", { "bin": { "prettier": "bin/prettier.cjs" } }, "sha512-UOnG6LftzbdaHZcKoPFtOcCKztrQ57WkHDeRD9t/PTQtmT0NHSeWWepj6pS0z/N7+08BHFDQVUrfmfMRcZwbMg=="],
-
-    "prisma": ["prisma@7.4.2", "", { "dependencies": { "@prisma/config": "7.4.2", "@prisma/dev": "0.20.0", "@prisma/engines": "7.4.2", "@prisma/studio-core": "0.13.1", "mysql2": "3.15.3", "postgres": "3.4.7" }, "peerDependencies": { "better-sqlite3": ">=9.0.0", "typescript": ">=5.4.0" }, "optionalPeers": ["better-sqlite3", "typescript"], "bin": { "prisma": "build/index.js" } }, "sha512-2bP8Ruww3Q95Z2eH4Yqh4KAENRsj/SxbdknIVBfd6DmjPwmpsC4OVFMLOeHt6tM3Amh8ebjvstrUz3V/hOe1dA=="],
-
-    "proc-log": ["proc-log@6.1.0", "", {}, "sha512-iG+GYldRf2BQ0UDUAd6JQ/RwzaQy6mXmsk/IzlYyal4A4SNFw54MeH4/tLkF4I5WoWG9SQwuqWzS99jaFQHBuQ=="],
-
     "promise-worker-transferable": ["promise-worker-transferable@1.0.4", "", { "dependencies": { "is-promise": "^2.1.0", "lie": "^3.0.2" } }, "sha512-bN+0ehEnrXfxV2ZQvU2PetO0n4gqBD4ulq3MI1WOPLgr7/Mg9yRQkX5+0v1vagr74ZTsl7XtzlaYDo2EuCeYJw=="],
 
     "prompts": ["prompts@2.4.2", "", { "dependencies": { "kleur": "^3.0.3", "sisteransi": "^1.0.5" } }, "sha512-NxNv/kLguCA7p3jE8oL2aEBsrJWgAakBpgmgK6lpPWV+WuOmY6r2/zbAVnP+T8bQlA0nzHXSJSJW0Hq7ylaD2Q=="],
 
     "prop-types": ["prop-types@15.8.1", "", { "dependencies": { "loose-envify": "^1.4.0", "object-assign": "^4.1.1", "react-is": "^16.13.1" } }, "sha512-oj87CgZICdulUohogVAR7AjlC0327U4el4L6eAvOqCeudMDVU0NThNaV+b9Df4dXgSP1gXMTnPdhfe/2qDH5cg=="],
 
-    "proper-lockfile": ["proper-lockfile@4.1.2", "", { "dependencies": { "graceful-fs": "^4.2.4", "retry": "^0.12.0", "signal-exit": "^3.0.2" } }, "sha512-TjNPblN4BwAWMXU8s9AEz4JmQxnD1NNL7bNOY/AKUzyamc379FWASUhc/K1pL2noVb+XmZKLL68cjzLsiOAMaA=="],
-
     "punycode": ["punycode@2.3.1", "", {}, "sha512-vYt7UD1U9Wg6138shLtLOvdAu+8DsC/ilFtEVHcH+wydcSpNE20AfSOduf6MkRFahL5FY7X1oU7nKVZFtfq8Fg=="],
 
-    "pure-rand": ["pure-rand@6.1.0", "", {}, "sha512-bVWawvoZoBYpp6yIoQtQXHZjmz35RSVHnUOTefl8Vcjr8snTPY1wnpSPMWekcFwbxI6gtmT7rSYPFvz71ldiOA=="],
-
     "queue-microtask": ["queue-microtask@1.2.3", "", {}, "sha512-NuaNSa6flKT5JaSYQzJok04JzTL1CA6aGhv5rfLW3PgqA+M2ChpZQnAC8h8i4ZFkBS8X5RqkDBHA7r4hej3K9A=="],
 
-    "range-parser": ["range-parser@1.2.1", "", {}, "sha512-Hrgsx+orqoygnmhFbKaHE6c296J+HTAQXoxEF6gNupROmmGJRoyzfG3ccAveqCBrwr/2yxQ5BVd/GTl5agOwSg=="],
-
-    "rc9": ["rc9@2.1.2", "", { "dependencies": { "defu": "^6.1.4", "destr": "^2.0.3" } }, "sha512-btXCnMmRIBINM2LDZoEmOogIZU7Qe7zn4BpomSKZ/ykbLObuBdvG+mFq11DL6fjH1DRwHhrlgtYWG96bJiC7Cg=="],
-
     "react": ["react@19.2.4", "", {}, "sha512-9nfp2hYpCwOjAN+8TZFGhtWEwgvWHXqESH8qT89AT/lWklpLON22Lc8pEtnpsZz7VmawabSU0gCjnj8aC0euHQ=="],
 
     "react-dom": ["react-dom@19.2.4", "", { "dependencies": { "scheduler": "^0.27.0" }, "peerDependencies": { "react": "^19.2.4" } }, "sha512-AXJdLo8kgMbimY95O2aKQqsz2iWi9jMgKJhRBAxECE4IFxfcazB2LmzloIoibJI3C12IlY20+KFaLv+71bUJeQ=="],
 
-    "react-grab": ["react-grab@0.1.25", "", { "dependencies": { "@medv/finder": "^4.0.2", "@react-grab/cli": "0.1.25", "bippy": "^0.5.30", "solid-js": "^1.9.10" }, "peerDependencies": { "react": ">=17.0.0" }, "optionalPeers": ["react"], "bin": { "react-grab": "bin/cli.js" } }, "sha512-BANKjnxNFopwsDzoD53lEDYa54v3paF7ZZPuypoX6ujQl3FuYVd070IyvdWynVSDDDzlQ46udug8v1Z8vnj/EA=="],
+    "react-grab": ["react-grab@0.1.28", "", { "dependencies": { "@medv/finder": "^4.0.2", "@react-grab/cli": "0.1.28", "bippy": "^0.5.32", "solid-js": "^1.9.10" }, "peerDependencies": { "react": ">=17.0.0" }, "optionalPeers": ["react"], "bin": { "react-grab": "bin/cli.js" } }, "sha512-u3fvu7a7ejHhuWKzf/N6sFavV04vcqwtbcqyxwNPtvd3ts9KSVerpHp1ZH0/XVKTsh3MZz1u1jyIt0KYC9L/Rg=="],
 
     "react-is": ["react-is@16.13.1", "", {}, "sha512-24e6ynE2H+OKt4kqsOvNd8kBpV65zoxbA4BVsEOB3ARVWQki/DHzaUoC5KuON/BiccDaCCTZBuOcfZs70kR8bQ=="],
 
-    "react-promise-suspense": ["react-promise-suspense@0.3.4", "", { "dependencies": { "fast-deep-equal": "^2.0.1" } }, "sha512-I42jl7L3Ze6kZaq+7zXWSunBa3b1on5yfvUW6Eo/3fFOj6dZ5Bqmcd264nJbTK/gn1HjjILAjSwnZbV4RpSaNQ=="],
-
     "react-remove-scroll": ["react-remove-scroll@2.7.2", "", { "dependencies": { "react-remove-scroll-bar": "^2.3.7", "react-style-singleton": "^2.2.3", "tslib": "^2.1.0", "use-callback-ref": "^1.3.3", "use-sidecar": "^1.1.3" }, "peerDependencies": { "@types/react": "*", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-Iqb9NjCCTt6Hf+vOdNIZGdTiH1QSqr27H/Ek9sv/a97gfueI/5h1s3yRi1nngzMUaOOToin5dI1dXKdXiF+u0Q=="],
 
     "react-remove-scroll-bar": ["react-remove-scroll-bar@2.3.8", "", { "dependencies": { "react-style-singleton": "^2.2.2", "tslib": "^2.0.0" }, "peerDependencies": { "@types/react": "*", "react": "^16.8.0 || ^17.0.0 || ^18.0.0 || ^19.0.0" }, "optionalPeers": ["@types/react"] }, "sha512-9r+yi9+mgU33AKcj6IbT9oRCO78WriSj6t/cF8DWBZJ9aOGPOTEDvdUDz1FwKim7QXWwmHqtdHnRJfhAxEG46Q=="],
@@ -1598,42 +1187,22 @@
 
     "react-use-measure": ["react-use-measure@2.1.7", "", { "peerDependencies": { "react": ">=16.13", "react-dom": ">=16.13" }, "optionalPeers": ["react-dom"] }, "sha512-KrvcAo13I/60HpwGO5jpW7E9DfusKyLPLvuHlUyP5zqnmAPhNc6qTRjUQrdTADl0lpPpDVU2/Gg51UlOGHXbdg=="],
 
-    "read-cmd-shim": ["read-cmd-shim@6.0.0", "", {}, "sha512-1zM5HuOfagXCBWMN83fuFI/x+T/UhZ7k+KIzhrHXcQoeX5+7gmaDYjELQHmmzIodumBHeByBJT4QYS7ufAgs7A=="],
-
-    "readdirp": ["readdirp@3.6.0", "", { "dependencies": { "picomatch": "^2.2.1" } }, "sha512-hOS089on8RduqdbhvQ5Z37A0ESjsqz6qnRcffsMU3495FuTdqSm+7bhJ29JvIOsBDEEnan5DPu9t3To9VRlMzA=="],
-
     "reflect.getprototypeof": ["reflect.getprototypeof@1.0.10", "", { "dependencies": { "call-bind": "^1.0.8", "define-properties": "^1.2.1", "es-abstract": "^1.23.9", "es-errors": "^1.3.0", "es-object-atoms": "^1.0.0", "get-intrinsic": "^1.2.7", "get-proto": "^1.0.1", "which-builtin-type": "^1.2.1" } }, "sha512-00o4I+DVrefhv+nX0ulyi3biSHCPDe+yLv5o/p6d/UVlirijB8E16FtfwSAi4g3tcqrQ4lRAqQSoFEZJehYEcw=="],
 
-    "regexp-to-ast": ["regexp-to-ast@0.5.0", "", {}, "sha512-tlbJqcMHnPKI9zSrystikWKwHkBqu2a/Sgw01h3zFjvYrMxEDYHzzoMZnUrbIfpTFEsoRnnviOXNCzFiSc54Qw=="],
-
     "regexp.prototype.flags": ["regexp.prototype.flags@1.5.4", "", { "dependencies": { "call-bind": "^1.0.8", "define-properties": "^1.2.1", "es-errors": "^1.3.0", "get-proto": "^1.0.1", "gopd": "^1.2.0", "set-function-name": "^2.0.2" } }, "sha512-dYqgNSZbDwkaJ2ceRd9ojCGjBq+mOm9LmtXnAnEGyHhN/5R7iDW2TRw3h+o/jCFxus3P2LfWIIiwowAjANm7IA=="],
 
-    "regexparam": ["regexparam@1.3.0", "", {}, "sha512-6IQpFBv6e5vz1QAqI+V4k8P2e/3gRrqfCJ9FI+O1FLQTO+Uz6RXZEZOPmTJ6hlGj7gkERzY5BRCv09whKP96/g=="],
-
-    "remeda": ["remeda@2.33.4", "", {}, "sha512-ygHswjlc/opg2VrtiYvUOPLjxjtdKvjGz1/plDhkG66hjNjFr1xmfrs2ClNFo/E6TyUFiwYNh53bKV26oBoMGQ=="],
-
     "require-from-string": ["require-from-string@2.0.2", "", {}, "sha512-Xf0nWe6RseziFMu+Ap9biiUbmplq6S9/p+7w7YXP/JBHhrUDDUhwa+vANyubuqfZWTveU//DYVGsDG7RKL/vEw=="],
 
-    "requires-port": ["requires-port@1.0.0", "", {}, "sha512-KigOCHcocU3XODJxsu8i/j8T9tzT4adHiecwORRQ0ZZFcp7ahwXuRU1m+yuO90C5ZUyGeGfocHDI14M3L3yDAQ=="],
-
-    "resend": ["resend@4.8.0", "", { "dependencies": { "@react-email/render": "1.1.2" } }, "sha512-R8eBOFQDO6dzRTDmaMEdpqrkmgSjPpVXt4nGfWsZdYOet0kqra0xgbvTES6HmCriZEXbmGk3e0DiGIaLFTFSHA=="],
-
-    "resolve": ["resolve@2.0.0-next.5", "", { "dependencies": { "is-core-module": "^2.13.0", "path-parse": "^1.0.7", "supports-preserve-symlinks-flag": "^1.0.0" }, "bin": { "resolve": "bin/resolve" } }, "sha512-U7WjGVG9sH8tvjW5SmGbQuui75FiyjAX72HX15DwBBwF9dNiQZRQAg9nnPhYy+TUnE0+VcrttuvNI8oSxZcocA=="],
+    "resolve": ["resolve@2.0.0-next.6", "", { "dependencies": { "es-errors": "^1.3.0", "is-core-module": "^2.16.1", "node-exports-info": "^1.6.0", "object-keys": "^1.1.1", "path-parse": "^1.0.7", "supports-preserve-symlinks-flag": "^1.0.0" }, "bin": { "resolve": "bin/resolve" } }, "sha512-3JmVl5hMGtJ3kMmB3zi3DL25KfkCEyy3Tw7Gmw7z5w8M9WlwoPFnIvwChzu1+cF3iaK3sp18hhPz8ANeimdJfA=="],
 
     "resolve-from": ["resolve-from@4.0.0", "", {}, "sha512-pb/MYmXstAkysRFx8piNI1tGFNQIFA3vkE3Gq4EuA1dF6gHp/+vgZqsCGJapvy8N3Q+4o7FwvquPJcnZ7RYy4g=="],
 
-    "resolve-pkg-maps": ["resolve-pkg-maps@1.0.0", "", {}, "sha512-seS2Tj26TBVOC2NIc2rOe2y2ZO7efxITtLZcGSOnHHNOQ7CkiUBfw0Iw2ck6xkIhPwLhKNLS8BO+hEpngQlqzw=="],
-
     "restore-cursor": ["restore-cursor@5.1.0", "", { "dependencies": { "onetime": "^7.0.0", "signal-exit": "^4.1.0" } }, "sha512-oMA2dcrw6u0YfxJQXm342bFKX/E4sG9rbTzO9ptUcR/e8A33cHuvStiYOwH7fszkZlZ1z/ta9AAoPk2F4qIOHA=="],
 
-    "retry": ["retry@0.12.0", "", {}, "sha512-9LkiTwjUh6rT555DtE9rTX+BKByPfrMzEAtnlEtdEwr3Nkffwiihqe2bWADg+OQRjt9gl6ICdmB/ZFDCGAtSow=="],
-
     "reusify": ["reusify@1.1.0", "", {}, "sha512-g6QUff04oZpHs0eG5p83rFLhHeV00ug/Yf9nZM6fLeUrPguBTkTQOdpAWWspMh55TZfVQDPaN3NQJfbVRAxdIw=="],
 
     "robust-predicates": ["robust-predicates@3.0.2", "", {}, "sha512-IXgzBWvWQwE6PrDI05OvmXUIruQTcoMDzRsOd5CDvHCVLcLHMTSYvOK5Cm46kWqlV3yAbuSpBZdJ5oP5OUoStg=="],
 
-    "rou3": ["rou3@0.7.12", "", {}, "sha512-iFE4hLDuloSWcD7mjdCDhx2bKcIsYbtOTpfH5MHHLSKMOUyjqQXTeZVa289uuwEGEKFoE/BAPbhaU4B774nceg=="],
-
     "run-parallel": ["run-parallel@1.2.0", "", { "dependencies": { "queue-microtask": "^1.2.2" } }, "sha512-5l4VyZR86LZ/lDxZTR6jqL8AFE2S0IFLMP26AbjsLVADxHdhB/c0GUsH+y39UfCi3dzz8OlQuPmnaJOMoDHQBA=="],
 
     "safe-array-concat": ["safe-array-concat@1.1.3", "", { "dependencies": { "call-bind": "^1.0.8", "call-bound": "^1.0.2", "get-intrinsic": "^1.2.6", "has-symbols": "^1.1.0", "isarray": "^2.0.5" } }, "sha512-AURm5f0jYEOydBj7VQlVvDrjeFgthDdEF5H1dP+6mNpoXOMo1quQqJ4wvJDyRZ9+pO3kGWoOdmV08cSv2aJV6Q=="],
@@ -1642,21 +1211,13 @@
 
     "safe-regex-test": ["safe-regex-test@1.1.0", "", { "dependencies": { "call-bound": "^1.0.2", "es-errors": "^1.3.0", "is-regex": "^1.2.1" } }, "sha512-x/+Cz4YrimQxQccJf5mKEbIa1NzeCRNI5Ecl/ekmlYaampdNLPalVyIcCZNNH3MvmqBugV5TMYZXv0ljslUlaw=="],
 
-    "safer-buffer": ["safer-buffer@2.1.2", "", {}, "sha512-YZo3K82SD7Riyi0E1EQPojLz7kpepnSQI9IyPbHHg1XXXevb5dJI7tpyN2ADxGcQbHG7vcyRHk0cbwqcQriUtg=="],
-
     "scheduler": ["scheduler@0.27.0", "", {}, "sha512-eNv+WrVbKu1f3vbYJT/xtiF5syA5HPIMtf9IgY/nKg0sWqzAUEvqY/xm7OcZc/qafLx/iO9FgOmeSAp4v5ti/Q=="],
 
-    "selderee": ["selderee@0.11.0", "", { "dependencies": { "parseley": "^0.12.0" } }, "sha512-5TF+l7p4+OsnP8BCCvSyZiSPc4x4//p5uPwK8TCnVPJYRmU2aYKMpOXvw8zM5a5JvuuCGN1jmsMwuU2W02ukfA=="],
-
     "semver": ["semver@6.3.1", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-BR7VvDCVHO+q2xBEWskxS6DJE1qRnb7DxzUrogb71CWoSficBxYsiAGd+Kl0mmq/MprG9yArRkyrQxTO6XjMzA=="],
 
-    "seq-queue": ["seq-queue@0.0.5", "", {}, "sha512-hr3Wtp/GZIc/6DAGPDcV4/9WoZhjrkXsi5B/07QgX8tsdc6ilr7BFM6PM6rbdAX1kFSDYeZGLipIZZKyQP0O5Q=="],
+    "seroval": ["seroval@1.5.1", "", {}, "sha512-OwrZRZAfhHww0WEnKHDY8OM0U/Qs8OTfIDWhUD4BLpNJUfXK4cGmjiagGze086m+mhI+V2nD0gfbHEnJjb9STA=="],
 
-    "seroval": ["seroval@1.5.0", "", {}, "sha512-OE4cvmJ1uSPrKorFIH9/w/Qwuvi/IMcGbv5RKgcJ/zjA/IohDLU6SVaxFN9FwajbP7nsX0dQqMDes1whk3y+yw=="],
-
-    "seroval-plugins": ["seroval-plugins@1.5.0", "", { "peerDependencies": { "seroval": "^1.0" } }, "sha512-EAHqADIQondwRZIdeW2I636zgsODzoBDwb3PT/+7TLDWyw1Dy/Xv7iGUIEXXav7usHDE9HVhOU61irI3EnyyHA=="],
-
-    "set-cookie-parser": ["set-cookie-parser@3.0.1", "", {}, "sha512-n7Z7dXZhJbwuAHhNzkTti6Aw9QDDjZtm3JTpTGATIdNzdQz5GuFs22w90BcvF4INfnrL5xrX3oGsuqO5Dx3A1Q=="],
+    "seroval-plugins": ["seroval-plugins@1.5.1", "", { "peerDependencies": { "seroval": "^1.0" } }, "sha512-4FbuZ/TMl02sqv0RTFexu0SP6V+ywaIe5bAWCCEik0fk17BhALgwvUDVF7e3Uvf9pxmwCEJsRPmlkUE6HdzLAw=="],
 
     "set-function-length": ["set-function-length@1.2.2", "", { "dependencies": { "define-data-property": "^1.1.4", "es-errors": "^1.3.0", "function-bind": "^1.1.2", "get-intrinsic": "^1.2.4", "gopd": "^1.0.1", "has-property-descriptors": "^1.0.2" } }, "sha512-pgRc4hJ4/sNjWCSS9AmnS40x3bNMDTknHgL5UaMBTMyJnU90EgWh1Rz+MC9eFu4BuN/UwZjKQuY/1v3rM7HMfg=="],
 
@@ -1670,8 +1231,6 @@
 
     "shebang-regex": ["shebang-regex@3.0.0", "", {}, "sha512-7++dFhtcx3353uBaq8DDR4NuxBetBzC7ZQOhmTQInHEd6bSrXdiEyzCvG07Z44UYdLShWUyXt5M/yhz8ekcb1A=="],
 
-    "shell-quote": ["shell-quote@1.8.3", "", {}, "sha512-ObmnIF4hXNg1BqhnHmgbDETF8dLPCggZWBjkQfhZpbszZnYur5DUljTcCHii5LC3J5E0yeO/1LIMyH+UvHQgyw=="],
-
     "side-channel": ["side-channel@1.1.0", "", { "dependencies": { "es-errors": "^1.3.0", "object-inspect": "^1.13.3", "side-channel-list": "^1.0.0", "side-channel-map": "^1.0.1", "side-channel-weakmap": "^1.0.2" } }, "sha512-ZX99e6tRweoUXqR+VBrslhda51Nh5MTQwou5tnUDgbtyM0dBgmhEDtWGP/xbKn6hqfPRHujUNwz5fy/wbbhnpw=="],
 
     "side-channel-list": ["side-channel-list@1.0.0", "", { "dependencies": { "es-errors": "^1.3.0", "object-inspect": "^1.13.3" } }, "sha512-FCLHtRD/gnpCiCHEiJLOwdmFP+wzCmDEkc9y7NsYxeF4u7Btsn1ZuwgwJGxImImHicJArLP4R0yX4c2KCrMrTA=="],
@@ -1680,7 +1239,7 @@
 
     "side-channel-weakmap": ["side-channel-weakmap@1.0.2", "", { "dependencies": { "call-bound": "^1.0.2", "es-errors": "^1.3.0", "get-intrinsic": "^1.2.5", "object-inspect": "^1.13.3", "side-channel-map": "^1.0.1" } }, "sha512-WPS/HvHQTYnHisLo9McqBHOJk2FkHO/tlpvldyrnem4aeQp4hai3gythswg6p01oSoTl58rcpiFAjF2br2Ak2A=="],
 
-    "signal-exit": ["signal-exit@3.0.7", "", {}, "sha512-wnD2ZE+l+SPC/uoS0vXeE9L1+0wuaMqKlfz9AMUo38JsyLSBWSFcHR1Rri62LZc12vLr1gb3jl7iwQhgwpAbGQ=="],
+    "signal-exit": ["signal-exit@4.1.0", "", {}, "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw=="],
 
     "sisteransi": ["sisteransi@1.0.5", "", {}, "sha512-bLGGlR1QxBcynn2d5YmDX4MGjlZvy2MRBDRNHLJ8VI6l6+9FUiyTFNJ0IveOSP0bcXgVDPRcfGqA0pjaqUpfVg=="],
 
@@ -1688,26 +1247,14 @@
 
     "solid-js": ["solid-js@1.9.11", "", { "dependencies": { "csstype": "^3.1.0", "seroval": "~1.5.0", "seroval-plugins": "~1.5.0" } }, "sha512-WEJtcc5mkh/BnHA6Yrg4whlF8g6QwpmXXRg4P2ztPmcKeHHlH4+djYecBLhSpecZY2RRECXYUwIc/C2r3yzQ4Q=="],
 
-    "source-map": ["source-map@0.6.1", "", {}, "sha512-UjgapumWlbMhkBgzT7Ykc5YXUT46F0iKu8SGXq0bcwP5dz/h0Plj6enJqjz1Zbq2l5WaqYnrVbwWOWMyF3F47g=="],
-
     "source-map-js": ["source-map-js@1.2.1", "", {}, "sha512-UXWMKhLOwVKb728IUtQPXxfYU+usdybtUrK/8uGE8CQMvrhOpwvzDBwj0QhSL7MQc7vIsISBG8VQ8+IDQxpfQA=="],
 
-    "source-map-support": ["source-map-support@0.5.21", "", { "dependencies": { "buffer-from": "^1.0.0", "source-map": "^0.6.0" } }, "sha512-uBHU3L3czsIyYXKX88fdrGovxdSCoTGDRZ6SYXtSRxLZUzHg5P/66Ht6uoUlHu9EZod+inXhKo3qQgwXUT/y1w=="],
-
-    "sparse-bitfield": ["sparse-bitfield@3.0.3", "", { "dependencies": { "memory-pager": "^1.0.2" } }, "sha512-kvzhi7vqKTfkh0PZU+2D2PIllw2ymqJKujUcyPMd9Y75Nv4nPbGJZXNhxsgdQab2BmlDct1YnfQCguEvHr7VsQ=="],
-
     "splaytree": ["splaytree@3.2.3", "", {}, "sha512-7OXrNWzy6CK+r7Ch9OLPBDTKfB6XlWHjX4P0RU5B3IgFuWPeYN0XtRtlexGRjgbQxpfaUve6jTAwBGWuGntz/w=="],
 
-    "split2": ["split2@4.2.0", "", {}, "sha512-UcjcJOWknrNkF6PLX83qcHM6KHgVKNkV62Y8a5uYDVv9ydGQVwAHMKqHdJje1VTWpljG0WYpCDhrCdAOYH4TWg=="],
-
-    "sqlstring": ["sqlstring@2.3.3", "", {}, "sha512-qC9iz2FlN7DQl3+wjwn3802RTyjCx7sDvfQEXchwa6CWOx07/WVfh91gBmQ9fahw8snwGEWU3xGzOt4tFyHLxg=="],
-
     "stats-gl": ["stats-gl@2.4.2", "", { "dependencies": { "@types/three": "*", "three": "^0.170.0" } }, "sha512-g5O9B0hm9CvnM36+v7SFl39T7hmAlv541tU81ME8YeSb3i1CIP5/QdDeSB3A0la0bKNHpxpwxOVRo2wFTYEosQ=="],
 
     "stats.js": ["stats.js@0.17.0", "", {}, "sha512-hNKz8phvYLPEcRkeG1rsGmV5ChMjKDAWU7/OJJdDErPBNChQXxCo3WZurGpnWc6gZhAzEPFad1aVgyOANH1sMw=="],
 
-    "std-env": ["std-env@3.10.0", "", {}, "sha512-5GS12FdOZNliM5mAOxFRg7Ir0pWz8MdpYm6AY6VPkGpbA7ZzmbzNcBJQ0GPvvyWgcY7QAhCgf9Uy89I03faLkg=="],
-
     "stdin-discarder": ["stdin-discarder@0.2.2", "", {}, "sha512-UhDfHmA92YAlNnCfhmq0VeNL5bDbiZGg7sZ2IvPsXubGkiNa9EC+tUTsjBRsYUAz87btI6/1wf4XoVvQ3uRnmQ=="],
 
     "stop-iteration-iterator": ["stop-iteration-iterator@1.1.0", "", { "dependencies": { "es-errors": "^1.3.0", "internal-slot": "^1.1.0" } }, "sha512-eLoXW/DHyl62zxY4SCaIgnRhuMr6ri4juEYARS8E6sCEqzKpOiE521Ucofdx+KnDZl5xmvGYaaKCk5FEOxJCoQ=="],
@@ -1724,18 +1271,12 @@
 
     "string.prototype.trimstart": ["string.prototype.trimstart@1.0.8", "", { "dependencies": { "call-bind": "^1.0.7", "define-properties": "^1.2.1", "es-object-atoms": "^1.0.0" } }, "sha512-UXSH262CSZY1tfu3G3Secr6uGLCFVPMhIqHjlgCUtCCcgihYc/xKs9djMTMUOb2j1mVSeU8EU6NWc/iQKU6Gfg=="],
 
-    "strip-ansi": ["strip-ansi@6.0.1", "", { "dependencies": { "ansi-regex": "^5.0.1" } }, "sha512-Y38VPSHcqkFrCpFnQ9vuSXmquuv5oXOKpGeT6aGrr3o3Gc9AlVa6JBfUSOCnbxGGZF+/0ooI7KrPuUSztUdU5A=="],
-
-    "strip-final-newline": ["strip-final-newline@2.0.0", "", {}, "sha512-BrpvfNAE3dcvq7ll3xVumzjKjZQ5tI1sEUIKr3Uoks0XUl45St3FlatVqef9prk4jRDzhW6WZg+3bk93y6pLjA=="],
+    "strip-ansi": ["strip-ansi@7.2.0", "", { "dependencies": { "ansi-regex": "^6.2.2" } }, "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w=="],
 
     "strip-json-comments": ["strip-json-comments@3.1.1", "", {}, "sha512-6fPc+R4ihwqP6N/aIv2f1gMH8lOVtWQHoqC4yK6oSDVVocumAsfCqjkXnqiYMhmMwS/mEHLp7Vehlt3ql6lEig=="],
 
     "styled-jsx": ["styled-jsx@5.1.6", "", { "dependencies": { "client-only": "0.0.1" }, "peerDependencies": { "react": ">= 16.8.0 || 17.x.x || ^18.0.0-0 || ^19.0.0-0" } }, "sha512-qSVyDTeMotdvQYoHWLNGwRFJHC+i+ZvdBRYosOFgC+Wg1vx4frN2/RG/NA7SYqqvKNLf39P2LSRA2pu6n0XYZA=="],
 
-    "supabase": ["supabase@2.76.15", "", { "dependencies": { "bin-links": "^6.0.0", "https-proxy-agent": "^7.0.2", "node-fetch": "^3.3.2", "tar": "7.5.9" }, "bin": { "supabase": "bin/supabase" } }, "sha512-m69o1XPAzZaIWfQiEeT+KY/Ci3OSA663RyoH9xECbXSxhr7dsipLCpCqT1E4MCob0mMhHh/7A+Eltx4y1qSwiQ=="],
-
-    "supercluster": ["supercluster@8.0.1", "", { "dependencies": { "kdbush": "^4.0.2" } }, "sha512-IiOea5kJ9iqzD2t7QJq/cREyLHTtSmUT6gQsweojg9WH2sYJqZK9SswTu6jrscO6D1G5v5vYZ9ru/eq85lXeZQ=="],
-
     "supports-color": ["supports-color@7.2.0", "", { "dependencies": { "has-flag": "^4.0.0" } }, "sha512-qpCAvRl9stuOHveKsn7HncJRvv501qIacKzQlO/+Lwxc9+0q2wLyv4Dfvt80/DPn2pqOBsJdDiogXGR9+OvwRw=="],
 
     "supports-preserve-symlinks-flag": ["supports-preserve-symlinks-flag@1.0.0", "", {}, "sha512-ot0WnXS9fgdkgIcePe6RHNk1WA8+muPa6cSjeR3V8K27q9BB1rTE3R1p7Hv0z1ZyAc8s6Vvv8DIyWf681MAt0w=="],
@@ -1748,13 +1289,11 @@
 
     "tapable": ["tapable@2.3.0", "", {}, "sha512-g9ljZiwki/LfxmQADO3dEY1CbpmXT5Hm2fJ+QaGKwSXUylMybePR7/67YW7jOrrvjEgL1Fmz5kzyAjWVWLlucg=="],
 
-    "tar": ["tar@7.5.9", "", { "dependencies": { "@isaacs/fs-minipass": "^4.0.0", "chownr": "^3.0.0", "minipass": "^7.1.2", "minizlib": "^3.1.0", "yallist": "^5.0.0" } }, "sha512-BTLcK0xsDh2+PUe9F6c2TlRp4zOOBMTkoQHQIWSIzI0R7KG46uEwq4OPk2W7bZcprBMsuaeFsqwYr7pjh6CuHg=="],
-
-    "three": ["three@0.183.1", "", {}, "sha512-Psv6bbd3d/M/01MT2zZ+VmD0Vj2dbWTNhfe4CuSg7w5TuW96M3NOyCVuh9SZQ05CpGmD7NEcJhZw4GVjhCYxfQ=="],
+    "three": ["three@0.183.2", "", {}, "sha512-di3BsL2FEQ1PA7Hcvn4fyJOlxRRgFYBpMTcyOgkwJIaDOdJMebEFPA+t98EvjuljDx4hNulAGwF6KIjtwI5jgQ=="],
 
     "three-bvh-csg": ["three-bvh-csg@0.0.18", "", { "peerDependencies": { "three": ">=0.179.0", "three-mesh-bvh": ">=0.9.7" } }, "sha512-M3GCZMmGFgASGuDf+YMamM83nVlD/vdwzVHcYbFxgW+g1S7/nKPiuY00YVHOMbjmJPh8mLevGZL65ItHUuGt2w=="],
 
-    "three-mesh-bvh": ["three-mesh-bvh@0.9.8", "", { "peerDependencies": { "three": ">= 0.159.0" } }, "sha512-YphYvdXEZSXdz6iNdWJo1RB6qvSCRyiXPEVSvNU6xVWbLDOdSrfEIsJOpgFOnefdmVEvZ6M+sY0cjh9gl7MvdA=="],
+    "three-mesh-bvh": ["three-mesh-bvh@0.9.9", "", { "peerDependencies": { "three": ">= 0.159.0" } }, "sha512-FJKitcjvbALmeQRK+Sc+nLGorCpkrZBrbgJZFzhdyWboak37DZikn46hvQkNqSbJPm227ahYmS6k3N/GXaAyXw=="],
 
     "three-stdlib": ["three-stdlib@2.36.1", "", { "dependencies": { "@types/draco3d": "^1.4.0", "@types/offscreencanvas": "^2019.6.4", "@types/webxr": "^0.5.2", "draco3d": "^1.4.1", "fflate": "^0.6.9", "potpack": "^1.0.1" }, "peerDependencies": { "three": ">=0.128.0" } }, "sha512-XyGQrFmNQ5O/IoKm556ftwKsBg11TIb301MB5dWNicziQBEs2g3gtOYIf7pFiLa0zI2gUwhtCjv9fmjnxKZ1Cg=="],
 
@@ -1764,8 +1303,6 @@
 
     "to-regex-range": ["to-regex-range@5.0.1", "", { "dependencies": { "is-number": "^7.0.0" } }, "sha512-65P7iz6X5yEr1cwcgvQxbbIw7Uk3gOy5dIdtZ4rDveLqhrdJP+Li/Hx6tyK0NEb+2GCyneCMJiGqrADCSNk8sQ=="],
 
-    "tr46": ["tr46@5.1.1", "", { "dependencies": { "punycode": "^2.3.1" } }, "sha512-hdF5ZgjTqgAntKkklYw0R03MG2x/bSzTtkxmIRw/sTNV8YXsCJ1tfLAX23lhxhHJlEf3CRCOCGGWw3vI3GaSPw=="],
-
     "troika-three-text": ["troika-three-text@0.52.4", "", { "dependencies": { "bidi-js": "^1.0.2", "troika-three-utils": "^0.52.4", "troika-worker-utils": "^0.52.0", "webgl-sdf-generator": "1.1.1" }, "peerDependencies": { "three": ">=0.125.0" } }, "sha512-V50EwcYGruV5rUZ9F4aNsrytGdKcXKALjEtQXIOBfhVoZU9VAqZNIoGQ3TMiooVqFAbR1w15T+f+8gkzoFzawg=="],
 
     "troika-three-utils": ["troika-three-utils@0.52.4", "", { "peerDependencies": { "three": ">=0.125.0" } }, "sha512-NORAStSVa/BDiG52Mfudk4j1FG4jC4ILutB3foPnfGbOeIs9+G5vZLa0pnmnaftZUGm4UwSoqEpWdqvC7zms3A=="],
@@ -1778,19 +1315,19 @@
 
     "tunnel-rat": ["tunnel-rat@0.1.2", "", { "dependencies": { "zustand": "^4.3.2" } }, "sha512-lR5VHmkPhzdhrM092lI2nACsLO4QubF0/yoOhzX7c+wIpbN1GjHNzCc91QlpxBi+cnx8vVJ+Ur6vL5cEoQPFpQ=="],
 
-    "turbo": ["turbo@2.8.15", "", { "optionalDependencies": { "turbo-darwin-64": "2.8.15", "turbo-darwin-arm64": "2.8.15", "turbo-linux-64": "2.8.15", "turbo-linux-arm64": "2.8.15", "turbo-windows-64": "2.8.15", "turbo-windows-arm64": "2.8.15" }, "bin": { "turbo": "bin/turbo" } }, "sha512-ERZf7pKOR155NKs/PZt1+83NrSEJfUL7+p9/TGZg/8xzDVMntXEFQlX4CsNJQTyu4h3j+dZYiQWOOlv5pssuHQ=="],
+    "turbo": ["turbo@2.8.16", "", { "optionalDependencies": { "turbo-darwin-64": "2.8.16", "turbo-darwin-arm64": "2.8.16", "turbo-linux-64": "2.8.16", "turbo-linux-arm64": "2.8.16", "turbo-windows-64": "2.8.16", "turbo-windows-arm64": "2.8.16" }, "bin": { "turbo": "bin/turbo" } }, "sha512-u6e9e3cTTpE2adQ1DYm3A3r8y3LAONEx1jYvJx6eIgSY4bMLxIxs0riWzI0Z/IK903ikiUzRPZ2c1Ph5lVLkhA=="],
 
-    "turbo-darwin-64": ["turbo-darwin-64@2.8.15", "", { "os": "darwin", "cpu": "x64" }, "sha512-EElCh+Ltxex9lXYrouV3hHjKP3HFP31G91KMghpNHR/V99CkFudRcHcnWaorPbzAZizH1m8o2JkLL8rptgb8WQ=="],
+    "turbo-darwin-64": ["turbo-darwin-64@2.8.16", "", { "os": "darwin", "cpu": "x64" }, "sha512-KWa4hUMWrpADC6Q/wIHRkBLw6X6MV9nx6X7hSXbTrrMz0KdaKhmfudUZ3sS76bJFmgArBU25cSc0AUyyrswYxg=="],
 
-    "turbo-darwin-arm64": ["turbo-darwin-arm64@2.8.15", "", { "os": "darwin", "cpu": "arm64" }, "sha512-ORmvtqHiHwvNynSWvLIleyU8dKtwQ4ILk39VsEwfKSEzSHWYWYxZhBmD9GAGRPlNl7l7S1irrziBlDEGVpq+vQ=="],
+    "turbo-darwin-arm64": ["turbo-darwin-arm64@2.8.16", "", { "os": "darwin", "cpu": "arm64" }, "sha512-NBgaqBDLQSZlJR4D5XCkQq6noaO0RvIgwm5eYFJYL3bH5dNu8o0UBpq7C5DYnQI8+ybyoHFjT5/icN4LeUYLow=="],
 
-    "turbo-linux-64": ["turbo-linux-64@2.8.15", "", { "os": "linux", "cpu": "x64" }, "sha512-Bk1E61a+PCWUTfhqfXFlhEJMLp6nak0J0Qt14IZX1og1zyaiBLkM6M1GQFbPpiWfbUcdLwRaYQhO0ySB07AJ8w=="],
+    "turbo-linux-64": ["turbo-linux-64@2.8.16", "", { "os": "linux", "cpu": "x64" }, "sha512-VYPdcCRevI9kR/hr1H1xwXy7QQt/jNKiim1e1mjANBXD2E9VZWMkIL74J1Huad5MbU3/jw7voHOqDPLJPC2p6w=="],
 
-    "turbo-linux-arm64": ["turbo-linux-arm64@2.8.15", "", { "os": "linux", "cpu": "arm64" }, "sha512-3BX0Vk+XkP0uiZc8pkjQGNsAWjk5ojC53bQEMp6iuhSdWpEScEFmcT6p7DL7bcJmhP2mZ1HlAu0A48wrTGCtvg=="],
+    "turbo-linux-arm64": ["turbo-linux-arm64@2.8.16", "", { "os": "linux", "cpu": "arm64" }, "sha512-beq8tgUVI3uwkQkXJMiOr/hfxQRw54M3elpBwqgYFfemiK5LhCjjcwO0DkE8GZZfElBIlk+saMAQOZy3885wNQ=="],
 
-    "turbo-windows-64": ["turbo-windows-64@2.8.15", "", { "os": "win32", "cpu": "x64" }, "sha512-m14ogunMF+grHZ1jzxSCO6q0gEfF1tmr+0LU+j1QNd/M1X33tfKnQqmpkeUR/REsGjfUlkQlh6PAzqlT3cA3Pg=="],
+    "turbo-windows-64": ["turbo-windows-64@2.8.16", "", { "os": "win32", "cpu": "x64" }, "sha512-Ig7b46iUgiOIkea/D3Z7H+zNzvzSnIJcLYFpZLA0RxbUTrbLhv9qIPwv3pT9p/abmu0LXVKHxaOo+p26SuDhzw=="],
 
-    "turbo-windows-arm64": ["turbo-windows-arm64@2.8.15", "", { "os": "win32", "cpu": "arm64" }, "sha512-HWh6dnzhl7nu5gRwXeqP61xbyDBNmQ4UCeWNa+si4/6RAtHlKEcZTNs7jf4U+oqBnbtv4uxbKZZPf/kN0EK4+A=="],
+    "turbo-windows-arm64": ["turbo-windows-arm64@2.8.16", "", { "os": "win32", "cpu": "arm64" }, "sha512-fOWjbEA2PiE2HEnFQrwNZKYEdjewyPc2no9GmrXklZnTCuMsxeCN39aVlKpKpim03Zq/ykIuvApGwq8ZbfS2Yw=="],
 
     "tw-animate-css": ["tw-animate-css@1.4.0", "", {}, "sha512-7bziOlRqH0hJx80h/3mbicLW7o8qLsH5+RaLR2t+OHM3D0JlWGODQKQ4cxbK7WlvmUxpcj6Kgu6EKqjrGFe3QQ=="],
 
@@ -1806,9 +1343,9 @@
 
     "typescript": ["typescript@5.9.3", "", { "bin": { "tsc": "bin/tsc", "tsserver": "bin/tsserver" } }, "sha512-jl1vZzPDinLr9eUt3J/t7V6FgNEw9QjvBPdysz9KfQDD41fQrC2Y4vKQdiaUpFT4bXlb1RHhLpp8wtm6M5TgSw=="],
 
-    "typescript-eslint": ["typescript-eslint@8.53.0", "", { "dependencies": { "@typescript-eslint/eslint-plugin": "8.53.0", "@typescript-eslint/parser": "8.53.0", "@typescript-eslint/typescript-estree": "8.53.0", "@typescript-eslint/utils": "8.53.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-xHURCQNxZ1dsWn0sdOaOfCSQG0HKeqSj9OexIxrz6ypU6wHYOdX2I3D2b8s8wFSsSOYJb+6q283cLiLlkEsBYw=="],
+    "typescript-eslint": ["typescript-eslint@8.57.0", "", { "dependencies": { "@typescript-eslint/eslint-plugin": "8.57.0", "@typescript-eslint/parser": "8.57.0", "@typescript-eslint/typescript-estree": "8.57.0", "@typescript-eslint/utils": "8.57.0" }, "peerDependencies": { "eslint": "^8.57.0 || ^9.0.0 || ^10.0.0", "typescript": ">=4.8.4 <6.0.0" } }, "sha512-W8GcigEMEeB07xEZol8oJ26rigm3+bfPHxHvwbYUlu1fUDsGuQ7Hiskx5xGW/xM4USc9Ephe3jtv7ZYPQntHeA=="],
 
-    "ultracite": ["ultracite@7.2.5", "", { "dependencies": { "@clack/prompts": "^1.1.0", "commander": "^14.0.3", "deepmerge": "^4.3.1", "glob": "^13.0.6", "jsonc-parser": "^3.3.1", "nypm": "^0.6.5" }, "peerDependencies": { "oxlint": "^1.0.0" }, "optionalPeers": ["oxlint"], "bin": { "ultracite": "dist/index.js" } }, "sha512-Fw+V7P/gzTcVz6wmyYxaw8AGIOYDOilzwEiQq7pDGjrHwqdSzNrzevh1wxk0FTYfSHhk5a+wX02/Ayu8IK/x0A=="],
+    "ultracite": ["ultracite@7.3.0", "", { "dependencies": { "@clack/prompts": "^1.1.0", "commander": "^14.0.3", "deepmerge": "^4.3.1", "glob": "^13.0.6", "jsonc-parser": "^3.3.1", "nypm": "^0.6.5" }, "peerDependencies": { "oxlint": "^1.0.0" }, "optionalPeers": ["oxlint"], "bin": { "ultracite": "dist/index.js" } }, "sha512-lnzknmRmaLNPk2cYCpT+dI78Jyz+0Or1o8XOjHNxeIrBGrbQXZOTNwQjcFeYaQ1Ov5HK1NqPQirmzyMgA4lJSw=="],
 
     "unbox-primitive": ["unbox-primitive@1.1.0", "", { "dependencies": { "call-bound": "^1.0.3", "has-bigints": "^1.0.2", "has-symbols": "^1.1.0", "which-boxed-primitive": "^1.1.1" } }, "sha512-nWJ91DjeOkej/TA8pXQ3myruKpKEYgqvpw9lz4OPHj/NWFNluYrjbz9j01CJ8yKQd2g4jFoOkINCTW2I5LEEyw=="],
 
@@ -1828,23 +1365,13 @@
 
     "utility-types": ["utility-types@3.11.0", "", {}, "sha512-6Z7Ma2aVEWisaL6TvBCy7P8rm2LQoPv6dJ7ecIaIixHcwfbJ0x7mWdbcwlIM5IGQxPZSFYeqRCqlOOeKoJYMkw=="],
 
-    "valibot": ["valibot@1.2.0", "", { "peerDependencies": { "typescript": ">=5" }, "optionalPeers": ["typescript"] }, "sha512-mm1rxUsmOxzrwnX5arGS+U4T25RdvpPjPN4yR0u9pUBov9+zGVtO84tif1eY4r6zWxVxu3KzIyknJy3rxfRZZg=="],
-
-    "web": ["web@workspace:apps/editor"],
-
-    "web-streams-polyfill": ["web-streams-polyfill@3.3.3", "", {}, "sha512-d2JWLCivmZYTSIoge9MsgFCZrt571BikcWGYkjC1khllbTeDlGqZ2D8vD8E/lJa8WGWbb7Plm8/XJYV7IJHZZw=="],
-
     "webgl-constants": ["webgl-constants@1.1.1", "", {}, "sha512-LkBXKjU5r9vAW7Gcu3T5u+5cvSvh5WwINdr0C+9jpzVB41cjQAP5ePArDtk/WHYdVj0GefCgM73BA7FlIiNtdg=="],
 
     "webgl-sdf-generator": ["webgl-sdf-generator@1.1.1", "", {}, "sha512-9Z0JcMTFxeE+b2x1LJTdnaT8rT8aEp7MVxkNwoycNmJWwPdzoXzMh0BjJSh/AEFP+KPYZUli814h8bJZFIZ2jA=="],
 
-    "webidl-conversions": ["webidl-conversions@7.0.0", "", {}, "sha512-VwddBukDzu71offAQR975unBIGqfKZpM+8ZX6ySk8nYhVoo5CYaZyzt3YBvYtRtO+aoGlqxPg/B87NGVZ/fu6g=="],
-
     "webpack-virtual-modules": ["webpack-virtual-modules@0.6.2", "", {}, "sha512-66/V2i5hQanC51vBQKPH4aI8NMAcBW59FVBs+rC7eGHupMyfn34q7rZIE+ETlJ+XTevqfUhVVBgSUNSW2flEUQ=="],
 
-    "whatwg-url": ["whatwg-url@14.2.0", "", { "dependencies": { "tr46": "^5.1.0", "webidl-conversions": "^7.0.0" } }, "sha512-De72GdQZzNTUBBChsXueQUnPKDkg/5A5zp7pFDuQAj5UFoENpiACU0wlCvzpAGnTkj++ihpKwKyYewn/XNUbKw=="],
-
-    "which": ["which@4.0.0", "", { "dependencies": { "isexe": "^3.1.1" }, "bin": { "node-which": "bin/which.js" } }, "sha512-GlaYyEb07DPxYCKhKzplCWBJtvxZcZMrL+4UkrTSJHHPyZU4mYYTv3qaOe77H7EODLSSopAUFAc6W8U4yqvscg=="],
+    "which": ["which@2.0.2", "", { "dependencies": { "isexe": "^2.0.0" }, "bin": { "node-which": "./bin/node-which" } }, "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA=="],
 
     "which-boxed-primitive": ["which-boxed-primitive@1.1.1", "", { "dependencies": { "is-bigint": "^1.1.0", "is-boolean-object": "^1.2.1", "is-number-object": "^1.1.1", "is-string": "^1.1.1", "is-symbol": "^1.1.1" } }, "sha512-TbX3mj8n0odCBFVlY8AxkqcHASw3L60jIuF8jFP78az3C2YhmGvqbHBpAjTRH2/xqYunrJ9g1jSyjCjpoWzIAA=="],
 
@@ -1856,20 +1383,12 @@
 
     "word-wrap": ["word-wrap@1.2.5", "", {}, "sha512-BN22B5eaMMI9UMtjrGd5g5eCYPpCPDUy0FJXbYsaT5zYxjFOckS53SQDE3pWkVoWpHXVb3BrYcEN4Twa55B5cA=="],
 
-    "write-file-atomic": ["write-file-atomic@7.0.0", "", { "dependencies": { "imurmurhash": "^0.1.4", "signal-exit": "^4.0.1" } }, "sha512-YnlPC6JqnZl6aO4uRc+dx5PHguiR9S6WeoLtpxNT9wIG+BDya7ZNE1q7KOjVgaA73hKhKLpVPgJ5QA9THQ5BRg=="],
-
-    "ws": ["ws@8.19.0", "", { "peerDependencies": { "bufferutil": "^4.0.1", "utf-8-validate": ">=5.0.2" }, "optionalPeers": ["bufferutil", "utf-8-validate"] }, "sha512-blAT2mjOEIi0ZzruJfIhb3nps74PRWTCz1IjglWEEpQl5XS/UNama6u2/rjFkDDouqr4L67ry+1aGIALViWjDg=="],
-
-    "xtend": ["xtend@4.0.2", "", {}, "sha512-LKYU1iAXJXUgAXn9URjiu+MWhyUXHsvfp7mcuYm9dSUKK0/CjtrUwFAxD82/mCWbtLsGjFIad0wIsod4zrTAEQ=="],
-
-    "yallist": ["yallist@5.0.0", "", {}, "sha512-YgvUTfwqyc7UXVMrB+SImsVYSmTS8X/tSrtdNZMImM+n7+QTriRXyXim0mBrTXNeqzVF0KWGgHPeiyViFFrNDw=="],
+    "yallist": ["yallist@3.1.1", "", {}, "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="],
 
     "yocto-queue": ["yocto-queue@0.1.0", "", {}, "sha512-rVksvsnNCdJ/ohGc6xgPwyN8eheCxsiLM8mxuE/t/mOVqJewPuO1miLpTHQiRgTKCLexL4MeAFVagts7HmNZ2Q=="],
 
     "yoga-layout": ["yoga-layout@3.2.1", "", {}, "sha512-0LPOt3AxKqMdFBZA3HBAt/t/8vIKq7VaQYbuA8WxCgung+p9TVyKRYdpvCb80HcdTN2NkbIKbhNwKUfm3tQywQ=="],
 
-    "zeptomatch": ["zeptomatch@2.1.0", "", { "dependencies": { "grammex": "^3.1.11", "graphmatch": "^1.1.0" } }, "sha512-KiGErG2J0G82LSpniV0CtIzjlJ10E04j02VOudJsPyPwNZgGnRKQy7I1R7GMyg/QswnE4l7ohSGrQbQbjXPPDA=="],
-
     "zod": ["zod@4.3.6", "", {}, "sha512-rftlrkhHZOcjDwkGlnUtZZkvaPHCsDATp4pGpuOOMDaTdDDXF91wuVDJoWoPsKX/3YPQ5fHuF3STjcYyKr+Qhg=="],
 
     "zundo": ["zundo@2.3.0", "", { "peerDependencies": { "zustand": "^4.3.0 || ^5.0.0" } }, "sha512-4GXYxXA17SIKYhVbWHdSEU04P697IMyVGXrC2TnzoyohEAWytFNOKqOp5gTGvaW93F/PM5Y0evbGtOPF0PWQwQ=="],
@@ -1878,17 +1397,11 @@
 
     "@babel/helper-compilation-targets/lru-cache": ["lru-cache@5.1.1", "", { "dependencies": { "yallist": "^3.0.2" } }, "sha512-KpNARQA3Iwv+jTA0utUVVbrh+Jlrr1Fv0e56GGzAFOXN7dk/FviaDW8LHmK52DlcH4WP2n6gI8vN1aesBFgo9w=="],
 
-    "@esbuild-kit/core-utils/esbuild": ["esbuild@0.18.20", "", { "optionalDependencies": { "@esbuild/android-arm": "0.18.20", "@esbuild/android-arm64": "0.18.20", "@esbuild/android-x64": "0.18.20", "@esbuild/darwin-arm64": "0.18.20", "@esbuild/darwin-x64": "0.18.20", "@esbuild/freebsd-arm64": "0.18.20", "@esbuild/freebsd-x64": "0.18.20", "@esbuild/linux-arm": "0.18.20", "@esbuild/linux-arm64": "0.18.20", "@esbuild/linux-ia32": "0.18.20", "@esbuild/linux-loong64": "0.18.20", "@esbuild/linux-mips64el": "0.18.20", "@esbuild/linux-ppc64": "0.18.20", "@esbuild/linux-riscv64": "0.18.20", "@esbuild/linux-s390x": "0.18.20", "@esbuild/linux-x64": "0.18.20", "@esbuild/netbsd-x64": "0.18.20", "@esbuild/openbsd-x64": "0.18.20", "@esbuild/sunos-x64": "0.18.20", "@esbuild/win32-arm64": "0.18.20", "@esbuild/win32-ia32": "0.18.20", "@esbuild/win32-x64": "0.18.20" }, "bin": { "esbuild": "bin/esbuild" } }, "sha512-ceqxoedUrcayh7Y7ZX6NdbbDzGROiyVBgC4PriJThBKSVPWnnFHZAkfI1lJT8QFkOwH4qOS2SJkS4wvpGl8BpA=="],
-
     "@eslint-community/eslint-utils/eslint-visitor-keys": ["eslint-visitor-keys@3.4.3", "", {}, "sha512-wpc+LXeiyiisxPlEkUzU6svyS1frIO3Mgxj1fdy7Pm8Ygzguax2N3Fa/D/ag1WqbOprdI+uY6wMUl8/a2G+iag=="],
 
     "@eslint/eslintrc/globals": ["globals@14.0.0", "", {}, "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ=="],
 
-    "@prisma/engines/@prisma/get-platform": ["@prisma/get-platform@7.4.2", "", { "dependencies": { "@prisma/debug": "7.4.2" } }, "sha512-UTnChXRwiauzl/8wT4hhe7Xmixja9WE28oCnGpBtRejaHhvekx5kudr3R4Y9mLSA0kqGnAMeyTiKwDVMjaEVsw=="],
-
-    "@prisma/fetch-engine/@prisma/get-platform": ["@prisma/get-platform@7.4.2", "", { "dependencies": { "@prisma/debug": "7.4.2" } }, "sha512-UTnChXRwiauzl/8wT4hhe7Xmixja9WE28oCnGpBtRejaHhvekx5kudr3R4Y9mLSA0kqGnAMeyTiKwDVMjaEVsw=="],
-
-    "@prisma/get-platform/@prisma/debug": ["@prisma/debug@7.2.0", "", {}, "sha512-YSGTiSlBAVJPzX4ONZmMotL+ozJwQjRmZweQNIq/ER0tQJKJynNkRB3kyvt37eOfsbMCXk3gnLF6J9OJ4QWftw=="],
+    "@pascal-app/editor/@types/react": ["@types/react@19.2.2", "", { "dependencies": { "csstype": "^3.0.2" } }, "sha512-6mDvHUFSjyT2B2yeNx2nUgMxh9LtOWvkhIU3uePn2I2oyNymUAX1NIsdgviM4CH+JSrp2D2hsMvJOkxY+0wNRA=="],
 
     "@radix-ui/react-alert-dialog/@radix-ui/react-slot": ["@radix-ui/react-slot@1.2.3", "", { "dependencies": { "@radix-ui/react-compose-refs": "1.1.2" }, "peerDependencies": { "@types/react": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react"] }, "sha512-aeNmHnBxbi2St0au6VBVC7JXFlhLlOnvIIlePNniyUNAClzmtAUEY8/pBiK3iHjufOlwA+c20/8jngo7xcrg8A=="],
 
@@ -1912,19 +1425,15 @@
 
     "@react-three/drei/three-mesh-bvh": ["three-mesh-bvh@0.8.3", "", { "peerDependencies": { "three": ">= 0.159.0" } }, "sha512-4G5lBaF+g2auKX3P0yqx+MJC6oVt6sB5k+CchS6Ob0qvH0YIhuUk1eYr7ktsIpY+albCqE80/FVQGV190PmiAg=="],
 
-    "@react-three/drei/zustand": ["zustand@5.0.10", "", { "peerDependencies": { "@types/react": ">=18.0.0", "immer": ">=9.0.6", "react": ">=18.0.0", "use-sync-external-store": ">=1.2.0" }, "optionalPeers": ["@types/react", "immer", "react", "use-sync-external-store"] }, "sha512-U1AiltS1O9hSy3rul+Ub82ut2fqIAefiSuwECWt6jlMVUGejvf+5omLcRBSzqbRagSM3hQZbtzdeRc6QVScXTg=="],
-
-    "@react-three/fiber/zustand": ["zustand@5.0.10", "", { "peerDependencies": { "@types/react": ">=18.0.0", "immer": ">=9.0.6", "react": ">=18.0.0", "use-sync-external-store": ">=1.2.0" }, "optionalPeers": ["@types/react", "immer", "react", "use-sync-external-store"] }, "sha512-U1AiltS1O9hSy3rul+Ub82ut2fqIAefiSuwECWt6jlMVUGejvf+5omLcRBSzqbRagSM3hQZbtzdeRc6QVScXTg=="],
-
     "@repo/ui/@types/react": ["@types/react@19.2.2", "", { "dependencies": { "csstype": "^3.0.2" } }, "sha512-6mDvHUFSjyT2B2yeNx2nUgMxh9LtOWvkhIU3uePn2I2oyNymUAX1NIsdgviM4CH+JSrp2D2hsMvJOkxY+0wNRA=="],
 
     "@rollup/pluginutils/estree-walker": ["estree-walker@2.0.2", "", {}, "sha512-Rfkk/Mp/DL7JVje3u18FxFujQlTNR2q6QfMSMB7AvCBx91NGj/ba3kCfza0f6dVDbw7YlRf/nDrn7pQrCCyQ/w=="],
 
-    "@tailwindcss/oxide-wasm32-wasi/@emnapi/core": ["@emnapi/core@1.8.1", "", { "dependencies": { "@emnapi/wasi-threads": "1.1.0", "tslib": "^2.4.0" }, "bundled": true }, "sha512-AvT9QFpxK0Zd8J0jopedNm+w/2fIzvtPKPjqyw9jwvBaReTTqPBk9Hixaz7KbjimP+QNz605/XnjFcDAL2pqBg=="],
+    "@tailwindcss/oxide-wasm32-wasi/@emnapi/core": ["@emnapi/core@1.9.0", "", { "dependencies": { "@emnapi/wasi-threads": "1.2.0", "tslib": "^2.4.0" }, "bundled": true }, "sha512-0DQ98G9ZQZOxfUcQn1waV2yS8aWdZ6kJMbYCJB3oUBecjWYO1fqJ+a1DRfPF3O5JEkwqwP1A9QEN/9mYm2Yd0w=="],
 
-    "@tailwindcss/oxide-wasm32-wasi/@emnapi/runtime": ["@emnapi/runtime@1.8.1", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-mehfKSMWjjNol8659Z8KxEMrdSJDDot5SXMq00dM8BN4o+CLNXQ0xH2V7EchNHV4RmbZLmmPdEaXZc5H2FXmDg=="],
+    "@tailwindcss/oxide-wasm32-wasi/@emnapi/runtime": ["@emnapi/runtime@1.9.0", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-QN75eB0IH2ywSpRpNddCRfQIhmJYBCJ1x5Lb3IscKAL8bMnVAKnRg8dCoXbHzVLLH7P38N2Z3mtulB7W0J0FKw=="],
 
-    "@tailwindcss/oxide-wasm32-wasi/@emnapi/wasi-threads": ["@emnapi/wasi-threads@1.1.0", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-WI0DdZ8xFSbgMjR1sFsKABJ/C5OnRrjT06JXbZKexJGrDuPTzZdDYfFlsgcCXCyf+suG5QU2e/y1Wo2V/OapLQ=="],
+    "@tailwindcss/oxide-wasm32-wasi/@emnapi/wasi-threads": ["@emnapi/wasi-threads@1.2.0", "", { "dependencies": { "tslib": "^2.4.0" }, "bundled": true }, "sha512-N10dEJNSsUx41Z6pZsXU8FjPjpBEplgH24sfkmITrBED1/U2Esum9F3lfLrMjKHHjmi557zQn7kR9R+XWXu5Rg=="],
 
     "@tailwindcss/oxide-wasm32-wasi/@napi-rs/wasm-runtime": ["@napi-rs/wasm-runtime@1.1.1", "", { "dependencies": { "@emnapi/core": "^1.7.1", "@emnapi/runtime": "^1.7.1", "@tybys/wasm-util": "^0.10.1" }, "bundled": true }, "sha512-p64ah1M1ld8xjWv3qbvFwHiFVWrq1yFvV4f7w+mzaqiR4IlSgkqhcRdHwsGgomwzBH51sRY4NEowLxnaBjcW/A=="],
 
@@ -1932,162 +1441,54 @@
 
     "@tailwindcss/oxide-wasm32-wasi/tslib": ["tslib@2.8.1", "", { "bundled": true }, "sha512-oJFu94HQb+KVduSUQL7wnpmqnfmLsOA/nAh6b6EH0wCEoK0/mPeXU6c3wKDV83MkOuHPRHtSXKKU99IBazS/2w=="],
 
-    "@types/ws/@types/node": ["@types/node@22.19.7", "", { "dependencies": { "undici-types": "~6.21.0" } }, "sha512-MciR4AKGHWl7xwxkBa6xUGxQJ4VBOmPTF7sL+iGzuahOFaO0jHCsuEfS80pan1ef4gWId1oWOweIhrDEYLuaOw=="],
-
     "@typescript-eslint/eslint-plugin/ignore": ["ignore@7.0.5", "", {}, "sha512-Hs59xBNfUIunMFgWAbGX5cq6893IbWg4KnrjbYwX3tx0ztorVgTDA6B2sxf8ejHJ4wz8BqGUMYlnzNBer5NvGg=="],
 
-    "@typescript-eslint/typescript-estree/minimatch": ["minimatch@9.0.5", "", { "dependencies": { "brace-expansion": "^2.0.1" } }, "sha512-G6T0ZX48xgozx7587koeX9Ys2NYy6Gmv//P89sEte9V9whIapMNF4idKxnW2QtCcLiTWlb/wfCabAtAFWhhBow=="],
+    "@typescript-eslint/typescript-estree/minimatch": ["minimatch@10.2.4", "", { "dependencies": { "brace-expansion": "^5.0.2" } }, "sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg=="],
 
-    "@typescript-eslint/typescript-estree/semver": ["semver@7.7.3", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q=="],
+    "@typescript-eslint/typescript-estree/semver": ["semver@7.7.4", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA=="],
 
-    "@vercel/microfrontends/@next/env": ["@next/env@15.5.4", "", {}, "sha512-27SQhYp5QryzIT5uO8hq99C69eLQ7qkzkDPsk3N+GuS2XgOgoYEeOav7Pf8Tn4drECOVDsDg8oj+/DVy8qQL2A=="],
-
-    "@vercel/microfrontends/ajv": ["ajv@8.18.0", "", { "dependencies": { "fast-deep-equal": "^3.1.3", "fast-uri": "^3.0.1", "json-schema-traverse": "^1.0.0", "require-from-string": "^2.0.2" } }, "sha512-PlXPeEWMXMZ7sPYOHqmDyCJzcfNrUr3fGNKtezX14ykXOEIvyK81d+qydx89KY5O71FKMPaQ2vBfBFI5NHR63A=="],
-
-    "@vercel/microfrontends/commander": ["commander@12.1.0", "", {}, "sha512-Vw8qHK3bZM9y/P10u3Vib8o/DdkvA2OtPtZvD871QKjy74Wj1WSKFILMPRPSdUSx5RFK1arlJzEtA4PkFgnbuA=="],
-
-    "@vercel/microfrontends/fast-glob": ["fast-glob@3.3.3", "", { "dependencies": { "@nodelib/fs.stat": "^2.0.2", "@nodelib/fs.walk": "^1.2.3", "glob-parent": "^5.1.2", "merge2": "^1.3.0", "micromatch": "^4.0.8" } }, "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg=="],
-
-    "@vercel/microfrontends/nanoid": ["nanoid@3.3.11", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="],
-
-    "@vercel/microfrontends/semver": ["semver@7.7.3", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q=="],
-
-    "@vercel/toolbar/fast-glob": ["fast-glob@3.3.3", "", { "dependencies": { "@nodelib/fs.stat": "^2.0.2", "@nodelib/fs.walk": "^1.2.3", "glob-parent": "^5.1.2", "merge2": "^1.3.0", "micromatch": "^4.0.8" } }, "sha512-7MptL8U0cqcFdzIzwOTHoilX9x5BrNqye7Z/LuC7kCMRio1EMSyqRK3BEAUD7sXRq4iT4AzTVuZdhgQ2TCvYLg=="],
-
-    "anymatch/picomatch": ["picomatch@2.3.1", "", {}, "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="],
-
-    "c12/chokidar": ["chokidar@4.0.3", "", { "dependencies": { "readdirp": "^4.0.1" } }, "sha512-Qgzu8kfBvo+cA4962jnP1KkS6Dop5NS6g7R5LFYJr4b8Ub94PPQXUksCw9PvXoeXPRRddRNC5C1JQUR2SMGtnA=="],
-
-    "c12/dotenv": ["dotenv@16.6.1", "", {}, "sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow=="],
-
-    "chokidar/glob-parent": ["glob-parent@5.1.2", "", { "dependencies": { "is-glob": "^4.0.1" } }, "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="],
+    "@typescript-eslint/visitor-keys/eslint-visitor-keys": ["eslint-visitor-keys@5.0.1", "", {}, "sha512-tD40eHxA35h0PEIZNeIjkHoDR4YjjJp34biM0mDvplBe//mB+IHCqHDGV7pxF+7MklTvighcCPPZC7ynWyjdTA=="],
 
     "cmdk/@radix-ui/react-primitive": ["@radix-ui/react-primitive@2.1.4", "", { "dependencies": { "@radix-ui/react-slot": "1.2.4" }, "peerDependencies": { "@types/react": "*", "@types/react-dom": "*", "react": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc", "react-dom": "^16.8 || ^17.0 || ^18.0 || ^19.0 || ^19.0.0-rc" }, "optionalPeers": ["@types/react", "@types/react-dom"] }, "sha512-9hQc4+GNVtJAIEPEqlYqW5RiYdrr8ea5XQ0ZOnD6fgru+83kqT15mq2OCcbe8KnjRZl5vF3ks69AKz3kh1jrhg=="],
 
-    "cross-spawn/which": ["which@2.0.2", "", { "dependencies": { "isexe": "^2.0.0" }, "bin": { "node-which": "./bin/node-which" } }, "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA=="],
+    "dotenv-expand/dotenv": ["dotenv@16.6.1", "", {}, "sha512-uBq4egWHTcTt33a72vpSG0z3HnPuIl6NqYcTrKEg2azoEyl2hpW0zqlxysq2pK9HlDIHyHyakeYaYnSAwd8bow=="],
+
+    "editor/@types/react": ["@types/react@19.2.2", "", { "dependencies": { "csstype": "^3.0.2" } }, "sha512-6mDvHUFSjyT2B2yeNx2nUgMxh9LtOWvkhIU3uePn2I2oyNymUAX1NIsdgviM4CH+JSrp2D2hsMvJOkxY+0wNRA=="],
 
     "eslint/chalk": ["chalk@4.1.2", "", { "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" } }, "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA=="],
 
+    "eslint-plugin-turbo/dotenv": ["dotenv@16.0.3", "", {}, "sha512-7GO6HghkA5fYG9TYnNxi14/7K9f5occMlp3zXAuSxn7CKCxt9xbNWG7yF8hTCSUchlfWSe3uLmlPfigevRItzQ=="],
+
     "fast-glob/glob-parent": ["glob-parent@5.1.2", "", { "dependencies": { "is-glob": "^4.0.1" } }, "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="],
 
-    "foreground-child/signal-exit": ["signal-exit@4.1.0", "", {}, "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw=="],
-
-    "gel/semver": ["semver@7.7.3", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q=="],
-
-    "giget/citty": ["citty@0.1.6", "", { "dependencies": { "consola": "^3.2.3" } }, "sha512-tskPPKEs8D2KPafUypv2gxwJP8h/OaJmC82QQGGDQcHvXX43xF2VDACcJVmZ0EuSxkpO9Kc4MlrA3q0+FG58AQ=="],
-
     "glob/minimatch": ["minimatch@10.2.4", "", { "dependencies": { "brace-expansion": "^5.0.2" } }, "sha512-oRjTw/97aTBN0RHbYCdtF1MQfvusSIBQM0IZEgzl6426+8jSC0nF1a/GmnVLpfB9yyr6g6FTqWqiZVbxrtaCIg=="],
 
-    "glob/minipass": ["minipass@7.1.3", "", {}, "sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A=="],
-
     "log-symbols/is-unicode-supported": ["is-unicode-supported@1.3.0", "", {}, "sha512-43r2mRvz+8JRIKnWJ+3j8JtjRKZ6GmjzfaE/qiBJnikNnYv/6bagRJ1kUhNk8R5EX/GkobD+r+sfxCPJsiKBLQ=="],
 
     "micromatch/picomatch": ["picomatch@2.3.1", "", {}, "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="],
 
     "next/postcss": ["postcss@8.4.31", "", { "dependencies": { "nanoid": "^3.3.6", "picocolors": "^1.0.0", "source-map-js": "^1.0.2" } }, "sha512-PS08Iboia9mts/2ygV3eLpY5ghnUcfLV/EXTOW1E2qYxJKGGBUtNjN76FYHnMs36RmARn41bC0AZmn+rR0OVpQ=="],
 
-    "ora/strip-ansi": ["strip-ansi@7.2.0", "", { "dependencies": { "ansi-regex": "^6.2.2" } }, "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w=="],
-
-    "path-scurry/minipass": ["minipass@7.1.3", "", {}, "sha512-tEBHqDnIoM/1rXME1zgka9g6Q2lcoCkxHLuc7ODJ5BxbP5d4c2Z5cGgtXAku59200Cx7diuHTOYfSBD8n6mm8A=="],
-
     "postcss/nanoid": ["nanoid@3.3.11", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="],
 
-    "prisma/postgres": ["postgres@3.4.7", "", {}, "sha512-Jtc2612XINuBjIl/QTWsV5UvE8UHuNblcO3vVADSrKsrc6RqGX6lOW1cEo3CM2v0XG4Nat8nI+YM7/f26VxXLw=="],
-
-    "react-promise-suspense/fast-deep-equal": ["fast-deep-equal@2.0.1", "", {}, "sha512-bCK/2Z4zLidyB4ReuIsvALH6w31YfAQDmXMqMx6FyfHqvBxtjC0eRumeSu4Bs3XtXwpyIywtSTrVT99BxY1f9w=="],
-
     "react-scan/@types/node": ["@types/node@20.19.37", "", { "dependencies": { "undici-types": "~6.21.0" } }, "sha512-8kzdPJ3FsNsVIurqBs7oodNnCEVbni9yUEkaHbgptDACOPW04jimGagZ51E6+lXUwJjgnBw+hyko/lkFWCldqw=="],
 
-    "readdirp/picomatch": ["picomatch@2.3.1", "", {}, "sha512-JU3teHTNjmE2VCGFzuY8EXzCDVwEqB2a8fsIvwaStHhAWJEeVd1o1QD80CU6+ZdEXXSLbSsuLwJjkCBWqRQUVA=="],
-
-    "restore-cursor/onetime": ["onetime@7.0.0", "", { "dependencies": { "mimic-function": "^5.0.0" } }, "sha512-VXJjc87FScF88uafS3JllDgvAm+c/Slfz06lorj2uAY34rlUu0Nt+v8wreiImcrgAjjIHp1rXpTDlLOGw29WwQ=="],
-
-    "restore-cursor/signal-exit": ["signal-exit@4.1.0", "", {}, "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw=="],
-
-    "sharp/semver": ["semver@7.7.3", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-SdsKMrI9TdgjdweUSR9MweHA4EJ8YxHn8DFaDisvhVlUOe4BF1tLD7GAj0lIqWVl+dPb/rExr0Btby5loQm20Q=="],
-
-    "stats-gl/@types/three": ["@types/three@0.182.0", "", { "dependencies": { "@dimforge/rapier3d-compat": "~0.12.0", "@tweenjs/tween.js": "~23.1.3", "@types/stats.js": "*", "@types/webxr": ">=0.5.17", "@webgpu/types": "*", "fflate": "~0.8.2", "meshoptimizer": "~0.22.0" } }, "sha512-WByN9V3Sbwbe2OkWuSGyoqQO8Du6yhYaXtXLoA5FkKTUJorZ+yOHBZ35zUUPQXlAKABZmbYp5oAqpA4RBjtJ/Q=="],
+    "sharp/semver": ["semver@7.7.4", "", { "bin": { "semver": "bin/semver.js" } }, "sha512-vFKC2IEtQnVhpT78h1Yp8wzwrf8CM+MzKMHGJZfBtzhZNycRFnXsHk6E5TxIkkMsgNS7mdX3AGB7x2QM2di4lA=="],
 
     "stats-gl/three": ["three@0.170.0", "", {}, "sha512-FQK+LEpYc0fBD+J8g6oSEyyNzjp+Q7Ks1C568WWaoMRLW+TkNNWmenWeGgJjV105Gd+p/2ql1ZcjYvNiPZBhuQ=="],
 
-    "string-width/strip-ansi": ["strip-ansi@7.2.0", "", { "dependencies": { "ansi-regex": "^6.2.2" } }, "sha512-yDPMNjp4WyfYBkHnjIRLfca1i6KMyGCtsVgoKe/z1+6vukgaENdgGBZt+ZmKPc4gavvEZ5OgHfHdrazhgNyG7w=="],
-
     "three-stdlib/fflate": ["fflate@0.6.10", "", {}, "sha512-IQrh3lEPM93wVCEczc9SaAOvkmcoQn/G8Bo1e8ZPlY3X3bnAxWaBdvTdvM1hP62iZp0BXWDy4vTAy4fF0+Dlpg=="],
 
     "tunnel-rat/zustand": ["zustand@4.5.7", "", { "dependencies": { "use-sync-external-store": "^1.2.2" }, "peerDependencies": { "@types/react": ">=16.8", "immer": ">=9.0.6", "react": ">=16.8" }, "optionalPeers": ["@types/react", "immer", "react"] }, "sha512-CHOUy7mu3lbD6o6LJLfllpjkzhHXSBlX8B9+qPddUsIfeF5S/UZ5q0kmCsnRqT1UHFQZchNFDDzMbQsuesHWlw=="],
 
-    "web/@types/react": ["@types/react@19.2.2", "", { "dependencies": { "csstype": "^3.0.2" } }, "sha512-6mDvHUFSjyT2B2yeNx2nUgMxh9LtOWvkhIU3uePn2I2oyNymUAX1NIsdgviM4CH+JSrp2D2hsMvJOkxY+0wNRA=="],
+    "@typescript-eslint/typescript-estree/minimatch/brace-expansion": ["brace-expansion@5.0.4", "", { "dependencies": { "balanced-match": "^4.0.2" } }, "sha512-h+DEnpVvxmfVefa4jFbCf5HdH5YMDXRsmKflpf1pILZWRFlTbJpxeU55nJl4Smt5HQaGzg1o6RHFPJaOqnmBDg=="],
 
-    "write-file-atomic/signal-exit": ["signal-exit@4.1.0", "", {}, "sha512-bzyZ1e88w9O1iNJbKnOlvYTrWPDl46O1bG0D3XInv+9tkPrxrN8jUUTiFlDkkmKWgn1M6CfIA13SuGqOa9Korw=="],
-
-    "@babel/helper-compilation-targets/lru-cache/yallist": ["yallist@3.1.1", "", {}, "sha512-a4UGQaWPH59mOXUYnAG2ewncQS4i4F43Tv3JoAM+s2VDAmS9NsK8GpDMLrCHPksFT7h3K6TOoUNn2pb7RoXx4g=="],
-
-    "@esbuild-kit/core-utils/esbuild/@esbuild/android-arm": ["@esbuild/android-arm@0.18.20", "", { "os": "android", "cpu": "arm" }, "sha512-fyi7TDI/ijKKNZTUJAQqiG5T7YjJXgnzkURqmGj13C6dCqckZBLdl4h7bkhHt/t0WP+zO9/zwroDvANaOqO5Sw=="],
-
-    "@esbuild-kit/core-utils/esbuild/@esbuild/android-arm64": ["@esbuild/android-arm64@0.18.20", "", { "os": "android", "cpu": "arm64" }, "sha512-Nz4rJcchGDtENV0eMKUNa6L12zz2zBDXuhj/Vjh18zGqB44Bi7MBMSXjgunJgjRhCmKOjnPuZp4Mb6OKqtMHLQ=="],
-
-    "@esbuild-kit/core-utils/esbuild/@esbuild/android-x64": ["@esbuild/android-x64@0.18.20", "", { "os": "android", "cpu": "x64" }, "sha512-8GDdlePJA8D6zlZYJV/jnrRAi6rOiNaCC/JclcXpB+KIuvfBN4owLtgzY2bsxnx666XjJx2kDPUmnTtR8qKQUg=="],
-
-    "@esbuild-kit/core-utils/esbuild/@esbuild/darwin-arm64": ["@esbuild/darwin-arm64@0.18.20", "", { "os": "darwin", "cpu": "arm64" }, "sha512-bxRHW5kHU38zS2lPTPOyuyTm+S+eobPUnTNkdJEfAddYgEcll4xkT8DB9d2008DtTbl7uJag2HuE5NZAZgnNEA=="],
-
-    "@esbuild-kit/core-utils/esbuild/@esbuild/darwin-x64": ["@esbuild/darwin-x64@0.18.20", "", { "os": "darwin", "cpu": "x64" }, "sha512-pc5gxlMDxzm513qPGbCbDukOdsGtKhfxD1zJKXjCCcU7ju50O7MeAZ8c4krSJcOIJGFR+qx21yMMVYwiQvyTyQ=="],
-
-    "@esbuild-kit/core-utils/esbuild/@esbuild/freebsd-arm64": ["@esbuild/freebsd-arm64@0.18.20", "", { "os": "freebsd", "cpu": "arm64" }, "sha512-yqDQHy4QHevpMAaxhhIwYPMv1NECwOvIpGCZkECn8w2WFHXjEwrBn3CeNIYsibZ/iZEUemj++M26W3cNR5h+Tw=="],
-
-    "@esbuild-kit/core-utils/esbuild/@esbuild/freebsd-x64": ["@esbuild/freebsd-x64@0.18.20", "", { "os": "freebsd", "cpu": "x64" }, "sha512-tgWRPPuQsd3RmBZwarGVHZQvtzfEBOreNuxEMKFcd5DaDn2PbBxfwLcj4+aenoh7ctXcbXmOQIn8HI6mCSw5MQ=="],
-
-    "@esbuild-kit/core-utils/esbuild/@esbuild/linux-arm": ["@esbuild/linux-arm@0.18.20", "", { "os": "linux", "cpu": "arm" }, "sha512-/5bHkMWnq1EgKr1V+Ybz3s1hWXok7mDFUMQ4cG10AfW3wL02PSZi5kFpYKrptDsgb2WAJIvRcDm+qIvXf/apvg=="],
-
-    "@esbuild-kit/core-utils/esbuild/@esbuild/linux-arm64": ["@esbuild/linux-arm64@0.18.20", "", { "os": "linux", "cpu": "arm64" }, "sha512-2YbscF+UL7SQAVIpnWvYwM+3LskyDmPhe31pE7/aoTMFKKzIc9lLbyGUpmmb8a8AixOL61sQ/mFh3jEjHYFvdA=="],
-
-    "@esbuild-kit/core-utils/esbuild/@esbuild/linux-ia32": ["@esbuild/linux-ia32@0.18.20", "", { "os": "linux", "cpu": "ia32" }, "sha512-P4etWwq6IsReT0E1KHU40bOnzMHoH73aXp96Fs8TIT6z9Hu8G6+0SHSw9i2isWrD2nbx2qo5yUqACgdfVGx7TA=="],
-
-    "@esbuild-kit/core-utils/esbuild/@esbuild/linux-loong64": ["@esbuild/linux-loong64@0.18.20", "", { "os": "linux", "cpu": "none" }, "sha512-nXW8nqBTrOpDLPgPY9uV+/1DjxoQ7DoB2N8eocyq8I9XuqJ7BiAMDMf9n1xZM9TgW0J8zrquIb/A7s3BJv7rjg=="],
-
-    "@esbuild-kit/core-utils/esbuild/@esbuild/linux-mips64el": ["@esbuild/linux-mips64el@0.18.20", "", { "os": "linux", "cpu": "none" }, "sha512-d5NeaXZcHp8PzYy5VnXV3VSd2D328Zb+9dEq5HE6bw6+N86JVPExrA6O68OPwobntbNJ0pzCpUFZTo3w0GyetQ=="],
-
-    "@esbuild-kit/core-utils/esbuild/@esbuild/linux-ppc64": ["@esbuild/linux-ppc64@0.18.20", "", { "os": "linux", "cpu": "ppc64" }, "sha512-WHPyeScRNcmANnLQkq6AfyXRFr5D6N2sKgkFo2FqguP44Nw2eyDlbTdZwd9GYk98DZG9QItIiTlFLHJHjxP3FA=="],
-
-    "@esbuild-kit/core-utils/esbuild/@esbuild/linux-riscv64": ["@esbuild/linux-riscv64@0.18.20", "", { "os": "linux", "cpu": "none" }, "sha512-WSxo6h5ecI5XH34KC7w5veNnKkju3zBRLEQNY7mv5mtBmrP/MjNBCAlsM2u5hDBlS3NGcTQpoBvRzqBcRtpq1A=="],
-
-    "@esbuild-kit/core-utils/esbuild/@esbuild/linux-s390x": ["@esbuild/linux-s390x@0.18.20", "", { "os": "linux", "cpu": "s390x" }, "sha512-+8231GMs3mAEth6Ja1iK0a1sQ3ohfcpzpRLH8uuc5/KVDFneH6jtAJLFGafpzpMRO6DzJ6AvXKze9LfFMrIHVQ=="],
-
-    "@esbuild-kit/core-utils/esbuild/@esbuild/linux-x64": ["@esbuild/linux-x64@0.18.20", "", { "os": "linux", "cpu": "x64" }, "sha512-UYqiqemphJcNsFEskc73jQ7B9jgwjWrSayxawS6UVFZGWrAAtkzjxSqnoclCXxWtfwLdzU+vTpcNYhpn43uP1w=="],
-
-    "@esbuild-kit/core-utils/esbuild/@esbuild/netbsd-x64": ["@esbuild/netbsd-x64@0.18.20", "", { "os": "none", "cpu": "x64" }, "sha512-iO1c++VP6xUBUmltHZoMtCUdPlnPGdBom6IrO4gyKPFFVBKioIImVooR5I83nTew5UOYrk3gIJhbZh8X44y06A=="],
-
-    "@esbuild-kit/core-utils/esbuild/@esbuild/openbsd-x64": ["@esbuild/openbsd-x64@0.18.20", "", { "os": "openbsd", "cpu": "x64" }, "sha512-e5e4YSsuQfX4cxcygw/UCPIEP6wbIL+se3sxPdCiMbFLBWu0eiZOJ7WoD+ptCLrmjZBK1Wk7I6D/I3NglUGOxg=="],
-
-    "@esbuild-kit/core-utils/esbuild/@esbuild/sunos-x64": ["@esbuild/sunos-x64@0.18.20", "", { "os": "sunos", "cpu": "x64" }, "sha512-kDbFRFp0YpTQVVrqUd5FTYmWo45zGaXe0X8E1G/LKFC0v8x0vWrhOWSLITcCn63lmZIxfOMXtCfti/RxN/0wnQ=="],
-
-    "@esbuild-kit/core-utils/esbuild/@esbuild/win32-arm64": ["@esbuild/win32-arm64@0.18.20", "", { "os": "win32", "cpu": "arm64" }, "sha512-ddYFR6ItYgoaq4v4JmQQaAI5s7npztfV4Ag6NrhiaW0RrnOXqBkgwZLofVTlq1daVTQNhtI5oieTvkRPfZrePg=="],
-
-    "@esbuild-kit/core-utils/esbuild/@esbuild/win32-ia32": ["@esbuild/win32-ia32@0.18.20", "", { "os": "win32", "cpu": "ia32" }, "sha512-Wv7QBi3ID/rROT08SABTS7eV4hX26sVduqDOTe1MvGMjNd3EjOz4b7zeexIR62GTIEKrfJXKL9LFxTYgkyeu7g=="],
-
-    "@esbuild-kit/core-utils/esbuild/@esbuild/win32-x64": ["@esbuild/win32-x64@0.18.20", "", { "os": "win32", "cpu": "x64" }, "sha512-kTdfRcSiDfQca/y9QIkng02avJ+NCaQvrMejlsB3RRv5sE9rRoeBPISaZpKxHELzRxZyLvNts1P27W3wV+8geQ=="],
-
-    "@typescript-eslint/typescript-estree/minimatch/brace-expansion": ["brace-expansion@2.0.2", "", { "dependencies": { "balanced-match": "^1.0.0" } }, "sha512-Jt0vHyM+jmUBqojB7E1NIYadt0vI0Qxjxd2TErW94wDz+E2LAm5vKMXXwg6ZZBTHPuUlDgQHKXvjGBdfcF1ZDQ=="],
-
-    "@vercel/microfrontends/ajv/json-schema-traverse": ["json-schema-traverse@1.0.0", "", {}, "sha512-NM8/P9n3XjXhIZn1lLhkFaACTOURQXjWhV4BA/RnOv8xvgqtqpAX9IO4mRQxSx1Rlo4tqzeqb0sOlruaOy3dug=="],
-
-    "@vercel/microfrontends/fast-glob/glob-parent": ["glob-parent@5.1.2", "", { "dependencies": { "is-glob": "^4.0.1" } }, "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="],
-
-    "@vercel/toolbar/fast-glob/glob-parent": ["glob-parent@5.1.2", "", { "dependencies": { "is-glob": "^4.0.1" } }, "sha512-AOIgSQCepiJYwP3ARnGx+5VnTu2HBYdzbGP45eLw1vr3zB3vZLeyed1sC9hnbcOc9/SrMyM5RPQrkGz4aS9Zow=="],
-
-    "c12/chokidar/readdirp": ["readdirp@4.1.2", "", {}, "sha512-GDhwkLfywWL2s6vEjyhri+eXmfH6j1L7JE27WhqLeYzoh/A3DBaYGEj2H/HFZCn/kMfim73FXxEJTw06WtxQwg=="],
-
-    "cross-spawn/which/isexe": ["isexe@2.0.0", "", {}, "sha512-RHxMLp9lnKHGHRng9QFhRCMbYAcVpn69smSGcq3f36xjgVVWThj4qqLbTLlq7Ssj8B+fIQ1EuCEGI2lKsyQeIw=="],
-
-    "glob/minimatch/brace-expansion": ["brace-expansion@5.0.2", "", { "dependencies": { "balanced-match": "^4.0.2" } }, "sha512-Pdk8c9poy+YhOgVWw1JNN22/HcivgKWwpxKq04M/jTmHyCZn12WPJebZxdjSa5TmBqISrUSgNYU3eRORljfCCw=="],
+    "glob/minimatch/brace-expansion": ["brace-expansion@5.0.4", "", { "dependencies": { "balanced-match": "^4.0.2" } }, "sha512-h+DEnpVvxmfVefa4jFbCf5HdH5YMDXRsmKflpf1pILZWRFlTbJpxeU55nJl4Smt5HQaGzg1o6RHFPJaOqnmBDg=="],
 
     "next/postcss/nanoid": ["nanoid@3.3.11", "", { "bin": { "nanoid": "bin/nanoid.cjs" } }, "sha512-N8SpfPUnUp1bK+PMYW8qSWdl9U+wwNWI4QKxOYDy9JAro3WMX7p2OeVRF9v+347pnakNevPmiHhNmZ2HbFA76w=="],
 
-    "ora/strip-ansi/ansi-regex": ["ansi-regex@6.2.2", "", {}, "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg=="],
+    "@typescript-eslint/typescript-estree/minimatch/brace-expansion/balanced-match": ["balanced-match@4.0.4", "", {}, "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA=="],
 
-    "stats-gl/@types/three/meshoptimizer": ["meshoptimizer@0.22.0", "", {}, "sha512-IebiK79sqIy+E4EgOr+CAw+Ke8hAspXKzBd0JdgEmPHiAwmvEj2S4h1rfvo+o/BnfEYd/jAOg5IeeIjzlzSnDg=="],
-
-    "string-width/strip-ansi/ansi-regex": ["ansi-regex@6.2.2", "", {}, "sha512-Bq3SmSpyFHaWjPk8If9yc6svM8c56dB5BAtW4Qbw5jHTwwXXcTLoRMkpDJp6VL0XzlWaCHTXrkFURMYmD0sLqg=="],
-
-    "glob/minimatch/brace-expansion/balanced-match": ["balanced-match@4.0.2", "", { "dependencies": { "jackspeak": "^4.2.3" } }, "sha512-x0K50QvKQ97fdEz2kPehIerj+YTeptKF9hyYkKf6egnwmMWAkADiO0QCzSp0R5xN8FTZgYaBfSaue46Ej62nMg=="],
+    "glob/minimatch/brace-expansion/balanced-match": ["balanced-match@4.0.4", "", {}, "sha512-BLrgEcRTwX2o6gGxGOCNyMvGSp35YofuYzw9h1IMTRmKqttAZZVU67bdb9Pr2vUHA8+j3i2tJfjO6C6+4myGTA=="],
   }
 }
diff --git a/package.json b/package.json
index efe8d21a..8b094d0e 100644
--- a/package.json
+++ b/package.json
@@ -12,14 +12,6 @@
     "check:fix": "biome check --write",
     "check-types": "turbo run check-types",
     "kill": "lsof -ti:3002 | xargs kill -9 2>/dev/null || echo 'No processes found on port 3002'",
-    "db:generate": "bun run --cwd packages/db db:generate",
-    "db:migrate": "bun run --cwd packages/db db:migrate",
-    "db:push": "bun run --cwd packages/db db:push",
-    "db:studio": "bun run --cwd packages/db db:studio",
-    "db:start": "supabase start",
-    "db:stop": "supabase stop",
-    "db:reset": "supabase db reset",
-    "db:status": "supabase status",
     "release": "gh workflow run release.yml -f package=both -f bump=patch",
     "release:viewer": "gh workflow run release.yml -f package=viewer -f bump=patch",
     "release:core": "gh workflow run release.yml -f package=core -f bump=patch",
@@ -31,7 +23,7 @@
   },
   "devDependencies": {
     "@biomejs/biome": "^2.4.6",
-    "supabase": "2.76.15",
+    "dotenv-cli": "^11.0.0",
     "turbo": "^2.8.15",
     "typescript": "5.9.3",
     "ultracite": "^7.2.5"
@@ -42,6 +34,7 @@
   "packageManager": "bun@1.3.0",
   "workspaces": [
     "apps/*",
-    "packages/*"
+    "packages/*",
+    "tooling/*"
   ]
 }
diff --git a/packages/auth/README.md b/packages/auth/README.md
deleted file mode 100644
index bc7ffd7c..00000000
--- a/packages/auth/README.md
+++ /dev/null
@@ -1,142 +0,0 @@
-# @pascal-app/auth
-
-Authentication package for Pascal Editor using Better Auth.
-
-## Features
-
-- **Magic Link Authentication** - Passwordless email-based authentication
-- **Session Management** - Secure cookie-based sessions
-- **Supabase Integration** - Uses Supabase as the database adapter
-- **Type-safe** - Full TypeScript support with type inference
-
-## Setup
-
-### 1. Configure environment variables
-
-Add these to `apps/editor/.env.local`:
-
-```bash
-# Better Auth
-BETTER_AUTH_SECRET=<generate_with_openssl_rand_base64_32>
-BETTER_AUTH_URL=http://localhost:3000
-```
-
-Generate a secret for `BETTER_AUTH_SECRET`:
-
-```bash
-openssl rand -base64 32
-```
-
-### 2. Ensure database is running
-
-Make sure you have Supabase running with the auth tables created. See `@pascal-app/db` package for setup.
-
-## Usage
-
-### Server-side (API routes, server actions)
-
-```typescript
-import { auth } from '@pascal-app/auth/server'
-
-// Get session in server component or action
-const session = await auth.api.getSession({ headers: request.headers })
-
-if (!session) {
-  return { error: 'Unauthorized' }
-}
-
-// Access user data
-const userId = session.user.id
-const email = session.user.email
-```
-
-### Client-side (React components)
-
-```typescript
-'use client'
-
-import { authClient } from '@pascal-app/auth/client'
-
-function SignInButton() {
-  const { signIn } = authClient
-
-  const handleSignIn = async (email: string) => {
-    await signIn.magicLink({
-      email,
-      callbackURL: '/dashboard',
-    })
-  }
-
-  return <button onClick={() => handleSignIn('user@example.com')}>Sign In</button>
-}
-```
-
-### Using the auth hook
-
-```typescript
-'use client'
-
-import { authClient } from '@pascal-app/auth/client'
-
-function Profile() {
-  const { data: session, isPending } = authClient.useSession()
-
-  if (isPending) return <div>Loading...</div>
-  if (!session) return <div>Not signed in</div>
-
-  return <div>Signed in as {session.user.email}</div>
-}
-```
-
-## API Routes
-
-The auth package requires an API route handler in your Next.js app:
-
-```typescript
-// app/api/auth/[...all]/route.ts
-import { auth } from '@pascal-app/auth/server'
-import { toNextJsHandler } from 'better-auth/next-js'
-
-export const { GET, POST } = toNextJsHandler(auth)
-```
-
-This handles all Better Auth endpoints:
-- `/api/auth/sign-in/magic-link` - Send magic link
-- `/api/auth/sign-in/magic-link/verify` - Verify magic link
-- `/api/auth/sign-out` - Sign out
-- `/api/auth/session` - Get session
-- And more...
-
-## Email Configuration
-
-By default, magic links are logged to the console. To send actual emails, you'll need to configure an email provider in `packages/auth/src/server.ts`:
-
-```typescript
-magicLink({
-  sendMagicLink: async ({ email, url }) => {
-    // Use Resend, SendGrid, or your preferred email service
-    await sendEmail({
-      to: email,
-      subject: 'Sign in to Pascal Editor',
-      html: `Click here to sign in: <a href="${url}">${url}</a>`,
-    })
-  },
-})
-```
-
-## Database Schema
-
-The auth package requires these tables (created by `@pascal-app/db` migrations):
-
-- `users` - User accounts
-- `sessions` - Active sessions
-- `accounts` - OAuth provider accounts (for future use)
-- `verification_tokens` - Magic link tokens
-
-## Security
-
-- Session cookies are httpOnly and secure (in production)
-- Sessions expire after 7 days
-- Session cache is enabled for 5 minutes to reduce database queries
-- Magic link tokens expire after 15 minutes
-- All sensitive operations require valid session tokens
diff --git a/packages/auth/package.json b/packages/auth/package.json
deleted file mode 100644
index e57fc13e..00000000
--- a/packages/auth/package.json
+++ /dev/null
@@ -1,24 +0,0 @@
-{
-  "name": "@pascal-app/auth",
-  "version": "0.0.0",
-  "type": "module",
-  "exports": {
-    "./server": {
-      "types": "./src/server.ts",
-      "default": "./src/server.ts"
-    },
-    "./client": {
-      "types": "./src/client.ts",
-      "default": "./src/client.ts"
-    }
-  },
-  "dependencies": {
-    "@pascal-app/db": "*",
-    "better-auth": "^1.5.2",
-    "resend": "^4.0.1"
-  },
-  "devDependencies": {
-    "@repo/typescript-config": "*",
-    "typescript": "5.9.3"
-  }
-}
diff --git a/packages/auth/src/client.ts b/packages/auth/src/client.ts
deleted file mode 100644
index 48830c0f..00000000
--- a/packages/auth/src/client.ts
+++ /dev/null
@@ -1,61 +0,0 @@
-import { lastLoginMethodClient, magicLinkClient } from 'better-auth/client/plugins'
-import { createAuthClient } from 'better-auth/react'
-
-/**
- * Get the auth base URL
- * In development: use the editor URL (localhost:3000)
- * In production: use the same origin
- */
-function getAuthURL(): string {
-  if (typeof window !== 'undefined') {
-    return window.location.origin
-  }
-
-  // SSR fallback - detect environment from Vercel variables
-  const isDevelopment =
-    process.env.NODE_ENV === 'development' ||
-    process.env.NEXT_PUBLIC_VERCEL_ENV === 'development'
-  const isPreview = process.env.NEXT_PUBLIC_VERCEL_ENV === 'preview'
-  const isProduction =
-    process.env.NODE_ENV === 'production' || process.env.NEXT_PUBLIC_VERCEL_ENV === 'production'
-
-  if (isDevelopment) {
-    return process.env.NEXT_PUBLIC_APP_URL || `http://localhost:${process.env.PORT || 3000}`
-  }
-
-  if (isPreview && process.env.NEXT_PUBLIC_VERCEL_URL) {
-    return `https://${process.env.NEXT_PUBLIC_VERCEL_URL}`
-  }
-
-  if (isProduction) {
-    return (
-      process.env.NEXT_PUBLIC_APP_URL ||
-      (process.env.NEXT_PUBLIC_VERCEL_PROJECT_PRODUCTION_URL
-        ? `https://${process.env.NEXT_PUBLIC_VERCEL_PROJECT_PRODUCTION_URL}`
-        : 'https://editor.pascal.app')
-    )
-  }
-
-  return 'http://localhost:3000'
-}
-
-/**
- * Auth client instance
- * Configured for magic link authentication
- */
-export const authClient = createAuthClient({
-  baseURL: getAuthURL(),
-  plugins: [magicLinkClient(), lastLoginMethodClient()],
-})
-
-/**
- * Export types for use in components
- */
-export type AuthState = {
-  user: (typeof authClient)['$Infer']['Session']['user'] | null
-  session: (typeof authClient)['$Infer']['Session']['session'] | null
-  isLoading: boolean
-}
-
-export type User = NonNullable<AuthState['user']>
-export type Session = NonNullable<AuthState['session']>
diff --git a/packages/auth/src/server.ts b/packages/auth/src/server.ts
deleted file mode 100644
index ca432cef..00000000
--- a/packages/auth/src/server.ts
+++ /dev/null
@@ -1,99 +0,0 @@
-import type { Database } from '@pascal-app/db'
-import { schema } from '@pascal-app/db'
-import type { BetterAuthOptions } from 'better-auth'
-import { betterAuth } from 'better-auth'
-import { drizzleAdapter } from 'better-auth/adapters/drizzle'
-import { lastLoginMethod, magicLink } from 'better-auth/plugins'
-
-export interface SendMagicLinkParams {
-  email: string
-  url: string
-  token: string
-}
-
-export interface AuthConfig {
-  db: Database
-  appName: string
-  baseURL: string
-  secret: string
-  /** Google OAuth client ID */
-  googleClientId?: string
-  /** Google OAuth client secret */
-  googleClientSecret?: string
-  /** Callback to send magic link emails */
-  sendMagicLink?: (params: SendMagicLinkParams) => Promise<void>
-  /** Additional plugins to add (e.g., nextCookies for web) */
-  additionalPlugins?: BetterAuthOptions['plugins']
-}
-
-/**
- * Creates a Better Auth instance with full configuration including:
- * - Magic link authentication
- * - Custom session with activePropertyId
- * - Session cookie caching
- */
-export function createAuth(config: AuthConfig) {
-  return betterAuth({
-    appName: config.appName,
-    baseURL: config.baseURL,
-    secret: config.secret,
-    basePath: '/api/auth',
-    database: drizzleAdapter(config.db, {
-      provider: 'pg',
-      usePlural: true,
-      schema,
-    }),
-    advanced: {
-      database: {
-        generateId: false, // Use our prefixed nanoid IDs from schema
-      },
-    },
-    session: {
-      // Session caching to reduce database queries
-      cookieCache: {
-        enabled: true,
-        maxAge: 5 * 60, // Cache duration in seconds (5 minutes)
-      },
-      additionalFields: {
-        // Additional fields for the session table
-        activePropertyId: {
-          type: 'string',
-        },
-      },
-    },
-    // Account linking — always enabled so magic link + Google users can share accounts
-    account: {
-      accountLinking: {
-        enabled: true,
-        trustedProviders: ['google', 'email'],
-      },
-    },
-    // Google OAuth provider (only enabled when credentials are provided)
-    ...(config.googleClientId &&
-      config.googleClientSecret && {
-        socialProviders: {
-          google: {
-            clientId: config.googleClientId,
-            clientSecret: config.googleClientSecret,
-          },
-        },
-      }),
-    plugins: [
-      ...(config.additionalPlugins ?? []),
-      // Track which login method was last used (e.g., "google", "magic-link")
-      lastLoginMethod(),
-      // Magic link authentication
-      ...(config.sendMagicLink
-        ? [
-            magicLink({
-              sendMagicLink: config.sendMagicLink,
-              expiresIn: 300, // 5 minutes
-              disableSignUp: false, // Allow new users to sign up via magic link
-            }),
-          ]
-        : []),
-    ],
-  })
-}
-
-export type Auth = ReturnType<typeof createAuth>
diff --git a/packages/auth/tsconfig.json b/packages/auth/tsconfig.json
deleted file mode 100644
index c6daff18..00000000
--- a/packages/auth/tsconfig.json
+++ /dev/null
@@ -1,9 +0,0 @@
-{
-  "extends": "@repo/typescript-config/base.json",
-  "compilerOptions": {
-    "outDir": "dist",
-    "rootDir": "src"
-  },
-  "include": ["src"],
-  "exclude": ["node_modules", "dist"]
-}
diff --git a/packages/core/package.json b/packages/core/package.json
index b877f284..19641739 100644
--- a/packages/core/package.json
+++ b/packages/core/package.json
@@ -39,7 +39,7 @@
     "zustand": "^5"
   },
   "devDependencies": {
-    "@repo/typescript-config": "*",
+    "@pascal/typescript-config": "*",
     "@types/react": "^19.2.2",
     "typescript": "5.9.3",
     "@types/three": "^0.183.0"
diff --git a/packages/core/src/events/bus.ts b/packages/core/src/events/bus.ts
index 63c87dac..3309aaff 100644
--- a/packages/core/src/events/bus.ts
+++ b/packages/core/src/events/bus.ts
@@ -1,6 +1,18 @@
 import type { ThreeEvent } from '@react-three/fiber'
 import mitt from 'mitt'
-import type { BuildingNode, CeilingNode, DoorNode, ItemNode, LevelNode, RoofNode, SiteNode, SlabNode, WallNode, WindowNode, ZoneNode } from '../schema'
+import type {
+  BuildingNode,
+  CeilingNode,
+  DoorNode,
+  ItemNode,
+  LevelNode,
+  RoofNode,
+  SiteNode,
+  SlabNode,
+  WallNode,
+  WindowNode,
+  ZoneNode,
+} from '../schema'
 import type { AnyNode } from '../schema/types'
 
 // Base event interfaces
diff --git a/packages/core/src/hooks/scene-registry/scene-registry.ts b/packages/core/src/hooks/scene-registry/scene-registry.ts
index 3a43873e..fe6a3af4 100644
--- a/packages/core/src/hooks/scene-registry/scene-registry.ts
+++ b/packages/core/src/hooks/scene-registry/scene-registry.ts
@@ -1,5 +1,5 @@
-import { useLayoutEffect } from "react";
-import type * as THREE from "three";
+import { useLayoutEffect } from 'react'
+import type * as THREE from 'three'
 
 export const sceneRegistry = {
   // Master lookup: ID -> Object3D
@@ -22,7 +22,7 @@ export const sceneRegistry = {
     window: new Set<string>(),
     door: new Set<string>(),
   },
-};
+}
 
 export function useRegistry(
   id: string,
@@ -30,19 +30,19 @@ export function useRegistry(
   ref: React.RefObject<THREE.Object3D>,
 ) {
   useLayoutEffect(() => {
-    const obj = ref.current;
-    if (!obj) return;
+    const obj = ref.current
+    if (!obj) return
 
     // 1. Add to master map
-    sceneRegistry.nodes.set(id, obj);
+    sceneRegistry.nodes.set(id, obj)
 
     // 2. Add to type-specific set
-    sceneRegistry.byType[type].add(id);
+    sceneRegistry.byType[type].add(id)
 
     // 4. Cleanup when component unmounts
     return () => {
-      sceneRegistry.nodes.delete(id);
-      sceneRegistry.byType[type].delete(id);
-    };
-  }, [id, type, ref]);
+      sceneRegistry.nodes.delete(id)
+      sceneRegistry.byType[type].delete(id)
+    }
+  }, [id, type, ref])
 }
diff --git a/packages/core/src/hooks/spatial-grid/spatial-grid-manager.ts b/packages/core/src/hooks/spatial-grid/spatial-grid-manager.ts
index 945ced5c..a906d8ee 100644
--- a/packages/core/src/hooks/spatial-grid/spatial-grid-manager.ts
+++ b/packages/core/src/hooks/spatial-grid/spatial-grid-manager.ts
@@ -1,5 +1,5 @@
-import { getScaledDimensions } from '../../schema'
 import type { AnyNode, CeilingNode, ItemNode, SlabNode, WallNode } from '../../schema'
+import { getScaledDimensions } from '../../schema'
 import { SpatialGrid } from './spatial-grid'
 import { WallSpatialGrid } from './wall-spatial-grid'
 
@@ -14,10 +14,12 @@ export function pointInPolygon(px: number, pz: number, polygon: Array<[number, n
   let inside = false
   const n = polygon.length
   for (let i = 0, j = n - 1; i < n; j = i++) {
-    const xi = polygon[i]![0], zi = polygon[i]![1]
-    const xj = polygon[j]![0], zj = polygon[j]![1]
+    const xi = polygon[i]![0],
+      zi = polygon[i]![1]
+    const xj = polygon[j]![0],
+      zj = polygon[j]![1]
 
-    if ((zi > pz) !== (zj > pz) && px < ((xj - xi) * (pz - zi)) / (zj - zi) + xi) {
+    if (zi > pz !== zj > pz && px < ((xj - xi) * (pz - zi)) / (zj - zi) + xi) {
       inside = !inside
     }
   }
@@ -53,8 +55,14 @@ function getItemFootprint(
  * Test if two line segments (a1->a2) and (b1->b2) intersect.
  */
 function segmentsIntersect(
-  ax1: number, az1: number, ax2: number, az2: number,
-  bx1: number, bz1: number, bx2: number, bz2: number,
+  ax1: number,
+  az1: number,
+  ax2: number,
+  az2: number,
+  bx1: number,
+  bz1: number,
+  bx2: number,
+  bz2: number,
 ): boolean {
   const cross = (ox: number, oz: number, ax: number, az: number, bx: number, bz: number) =>
     (ax - ox) * (bz - oz) - (az - oz) * (bx - ox)
@@ -64,15 +72,16 @@ function segmentsIntersect(
   const d3 = cross(ax1, az1, ax2, az2, bx1, bz1)
   const d4 = cross(ax1, az1, ax2, az2, bx2, bz2)
 
-  if (((d1 > 0 && d2 < 0) || (d1 < 0 && d2 > 0)) &&
-      ((d3 > 0 && d4 < 0) || (d3 < 0 && d4 > 0))) {
+  if (((d1 > 0 && d2 < 0) || (d1 < 0 && d2 > 0)) && ((d3 > 0 && d4 < 0) || (d3 < 0 && d4 > 0))) {
     return true
   }
 
   // Collinear touching cases
   const onSeg = (px: number, pz: number, qx: number, qz: number, rx: number, rz: number) =>
-    Math.min(px, qx) <= rx && rx <= Math.max(px, qx) &&
-    Math.min(pz, qz) <= rz && rz <= Math.max(pz, qz)
+    Math.min(px, qx) <= rx &&
+    rx <= Math.max(px, qx) &&
+    Math.min(pz, qz) <= rz &&
+    rz <= Math.max(pz, qz)
 
   if (d1 === 0 && onSeg(bx1, bz1, bx2, bz2, ax1, az1)) return true
   if (d2 === 0 && onSeg(bx1, bz1, bx2, bz2, ax2, az2)) return true
@@ -86,16 +95,27 @@ function segmentsIntersect(
  * Test if a line segment intersects any edge of a polygon.
  */
 function segmentIntersectsPolygon(
-  sx1: number, sz1: number, sx2: number, sz2: number,
+  sx1: number,
+  sz1: number,
+  sx2: number,
+  sz2: number,
   polygon: Array<[number, number]>,
 ): boolean {
   const n = polygon.length
   for (let i = 0; i < n; i++) {
     const j = (i + 1) % n
-    if (segmentsIntersect(
-      sx1, sz1, sx2, sz2,
-      polygon[i]![0], polygon[i]![1], polygon[j]![0], polygon[j]![1],
-    )) {
+    if (
+      segmentsIntersect(
+        sx1,
+        sz1,
+        sx2,
+        sz2,
+        polygon[i]![0],
+        polygon[i]![1],
+        polygon[j]![0],
+        polygon[j]![1],
+      )
+    ) {
       return true
     }
   }
@@ -129,10 +149,16 @@ export function itemOverlapsPolygon(
   // Check if any item edge intersects any polygon edge
   for (let i = 0; i < 4; i++) {
     const j = (i + 1) % 4
-    if (segmentIntersectsPolygon(
-      corners[i]![0], corners[i]![1], corners[j]![0], corners[j]![1],
-      polygon,
-    )) return true
+    if (
+      segmentIntersectsPolygon(
+        corners[i]![0],
+        corners[i]![1],
+        corners[j]![0],
+        corners[j]![1],
+        polygon,
+      )
+    )
+      return true
   }
 
   return false
@@ -144,8 +170,14 @@ export function itemOverlapsPolygon(
  * This prevents walls that just touch one point from being detected.
  */
 function segmentsCollinearAndOverlap(
-  ax1: number, az1: number, ax2: number, az2: number,
-  bx1: number, bz1: number, bx2: number, bz2: number,
+  ax1: number,
+  az1: number,
+  ax2: number,
+  az2: number,
+  bx1: number,
+  bz1: number,
+  bx2: number,
+  bz2: number,
 ): boolean {
   const EPSILON = 1e-6
 
@@ -159,8 +191,10 @@ function segmentsCollinearAndOverlap(
 
   // Check if a point is on segment b
   const onSegment = (px: number, pz: number, qx: number, qz: number, rx: number, rz: number) =>
-    Math.min(px, qx) - EPSILON <= rx && rx <= Math.max(px, qx) + EPSILON &&
-    Math.min(pz, qz) - EPSILON <= rz && rz <= Math.max(pz, qz) + EPSILON
+    Math.min(px, qx) - EPSILON <= rx &&
+    rx <= Math.max(px, qx) + EPSILON &&
+    Math.min(pz, qz) - EPSILON <= rz &&
+    rz <= Math.max(pz, qz) + EPSILON
 
   // BOTH endpoints of wall (a) must be on edge (b) for substantial overlap
   const a1OnB = onSegment(bx1, bz1, bx2, bz2, ax1, az1)
@@ -314,7 +348,7 @@ export class SpatialGridManager {
             // position[1] is the bottom of the item
             this.getWallGrid(levelId).insert({
               itemId: item.id,
-              wallId: wallId,
+              wallId,
               tStart: t - halfW,
               tEnd: t + halfW,
               yStart: item.position[1],
@@ -328,7 +362,12 @@ export class SpatialGridManager {
         // Ceiling item - use parentId as the ceiling ID
         const ceilingId = item.parentId
         if (ceilingId && this.ceilings.has(ceilingId)) {
-          this.getCeilingGrid(ceilingId).insert(item.id, item.position, getScaledDimensions(item), item.rotation)
+          this.getCeilingGrid(ceilingId).insert(
+            item.id,
+            item.position,
+            getScaledDimensions(item),
+            item.rotation,
+          )
           this.itemCeilingMap.set(item.id, ceilingId)
         }
       } else if (!item.asset.attachTo) {
@@ -367,7 +406,7 @@ export class SpatialGridManager {
             // position[1] is the bottom of the item
             this.getWallGrid(levelId).insert({
               itemId: item.id,
-              wallId: wallId,
+              wallId,
               tStart: t - halfW,
               tEnd: t + halfW,
               yStart: item.position[1],
@@ -387,7 +426,12 @@ export class SpatialGridManager {
         // Insert into new ceiling grid
         const ceilingId = item.parentId
         if (ceilingId && this.ceilings.has(ceilingId)) {
-          this.getCeilingGrid(ceilingId).insert(item.id, item.position, getScaledDimensions(item), item.rotation)
+          this.getCeilingGrid(ceilingId).insert(
+            item.id,
+            item.position,
+            getScaledDimensions(item),
+            item.rotation,
+          )
           this.itemCeilingMap.set(item.id, ceilingId)
         }
       } else if (!item.asset.attachTo) {
@@ -530,9 +574,12 @@ export class SpatialGridManager {
     const slabMap = this.slabsByLevel.get(levelId)
     if (!slabMap) return 0
 
-    let maxElevation = -Infinity
+    let maxElevation = Number.NEGATIVE_INFINITY
     for (const slab of slabMap.values()) {
-      if (slab.polygon.length >= 3 && itemOverlapsPolygon(position, dimensions, rotation, slab.polygon, 0.01)) {
+      if (
+        slab.polygon.length >= 3 &&
+        itemOverlapsPolygon(position, dimensions, rotation, slab.polygon, 0.01)
+      ) {
         // Check if item is entirely within a hole (if so, ignore this slab)
         // We consider it entirely in a hole if the item center is in the hole
         let inHole = false
@@ -553,7 +600,7 @@ export class SpatialGridManager {
         }
       }
     }
-    return maxElevation === -Infinity ? 0 : maxElevation
+    return maxElevation === Number.NEGATIVE_INFINITY ? 0 : maxElevation
   }
 
   /**
@@ -561,15 +608,11 @@ export class SpatialGridManager {
    * Uses wallOverlapsPolygon which handles edge cases (points on boundary, collinear segments).
    * Returns the highest slab elevation found, or 0 if none.
    */
-  getSlabElevationForWall(
-    levelId: string,
-    start: [number, number],
-    end: [number, number],
-  ): number {
+  getSlabElevationForWall(levelId: string, start: [number, number], end: [number, number]): number {
     const slabMap = this.slabsByLevel.get(levelId)
     if (!slabMap) return 0
 
-    let maxElevation = -Infinity
+    let maxElevation = Number.NEGATIVE_INFINITY
     for (const slab of slabMap.values()) {
       if (slab.polygon.length < 3) continue
       if (!wallOverlapsPolygon(start, end, slab.polygon)) continue
@@ -609,7 +652,7 @@ export class SpatialGridManager {
         if (elevation > maxElevation) maxElevation = elevation
       }
     }
-    return maxElevation === -Infinity ? 0 : maxElevation
+    return maxElevation === Number.NEGATIVE_INFINITY ? 0 : maxElevation
   }
 
   /**
diff --git a/packages/core/src/hooks/spatial-grid/spatial-grid-sync.ts b/packages/core/src/hooks/spatial-grid/spatial-grid-sync.ts
index c6505eb3..8e4e8c7c 100644
--- a/packages/core/src/hooks/spatial-grid/spatial-grid-sync.ts
+++ b/packages/core/src/hooks/spatial-grid/spatial-grid-sync.ts
@@ -1,6 +1,17 @@
-import { getScaledDimensions, type AnyNode, type AnyNodeId, type ItemNode, type SlabNode, type WallNode } from '../../schema'
+import {
+  type AnyNode,
+  type AnyNodeId,
+  getScaledDimensions,
+  type ItemNode,
+  type SlabNode,
+  type WallNode,
+} from '../../schema'
 import useScene from '../../store/use-scene'
-import { itemOverlapsPolygon, spatialGridManager, wallOverlapsPolygon } from './spatial-grid-manager'
+import {
+  itemOverlapsPolygon,
+  spatialGridManager,
+  wallOverlapsPolygon,
+} from './spatial-grid-manager'
 
 export function resolveLevelId(node: AnyNode, nodes: Record<string, AnyNode>): string {
   // If the node itself is a level
@@ -13,10 +24,10 @@ export function resolveLevelId(node: AnyNode, nodes: Record<string, AnyNode>): s
   while (current) {
     if (current.type === 'level') return current.id
     // Find parent (you might need to add parentId to your schema or derive it)
-    if (!current.parentId) {
-      current = undefined
-    } else {
+    if (current.parentId) {
       current = nodes[current.parentId]
+    } else {
+      current = undefined
     }
   }
 
@@ -71,9 +82,11 @@ export function initSpatialGridSync() {
 
       if (node.type === 'item' && prev.type === 'item') {
         if (
-          !arraysEqual(node.position, prev.position) ||
-          !arraysEqual(node.rotation, prev.rotation) ||
-          !arraysEqual(node.scale, prev.scale) ||
+          !(
+            arraysEqual(node.position, prev.position) &&
+            arraysEqual(node.rotation, prev.rotation) &&
+            arraysEqual(node.scale, prev.scale)
+          ) ||
           node.parentId !== prev.parentId ||
           node.side !== prev.side
         ) {
@@ -85,7 +98,11 @@ export function initSpatialGridSync() {
           }
         }
       } else if (node.type === 'slab' && prev.type === 'slab') {
-        if (node.polygon !== prev.polygon || node.elevation !== prev.elevation || node.holes !== prev.holes) {
+        if (
+          node.polygon !== prev.polygon ||
+          node.elevation !== prev.elevation ||
+          node.holes !== prev.holes
+        ) {
           const levelId = resolveLevelId(node, state.nodes)
           spatialGridManager.handleNodeUpdated(node, levelId)
 
@@ -119,7 +136,15 @@ function markNodesOverlappingSlab(
       // Only floor items are affected by slabs
       if (item.asset.attachTo) continue
       if (resolveLevelId(node, nodes) !== slabLevelId) continue
-      if (itemOverlapsPolygon(item.position, getScaledDimensions(item), item.rotation, slab.polygon, 0.01)) {
+      if (
+        itemOverlapsPolygon(
+          item.position,
+          getScaledDimensions(item),
+          item.rotation,
+          slab.polygon,
+          0.01,
+        )
+      ) {
         markDirty(node.id)
       }
     } else if (node.type === 'wall') {
diff --git a/packages/core/src/hooks/spatial-grid/use-spatial-query.ts b/packages/core/src/hooks/spatial-grid/use-spatial-query.ts
index 2d8a82cc..014ae232 100644
--- a/packages/core/src/hooks/spatial-grid/use-spatial-query.ts
+++ b/packages/core/src/hooks/spatial-grid/use-spatial-query.ts
@@ -49,7 +49,13 @@ export function useSpatialQuery() {
       rotation: [number, number, number],
       ignoreIds?: string[],
     ) => {
-      return spatialGridManager.canPlaceOnCeiling(ceilingId, position, dimensions, rotation, ignoreIds)
+      return spatialGridManager.canPlaceOnCeiling(
+        ceilingId,
+        position,
+        dimensions,
+        rotation,
+        ignoreIds,
+      )
     },
     [],
   )
diff --git a/packages/core/src/hooks/spatial-grid/wall-spatial-grid.ts b/packages/core/src/hooks/spatial-grid/wall-spatial-grid.ts
index 6bcb6e9d..8d9c178c 100644
--- a/packages/core/src/hooks/spatial-grid/wall-spatial-grid.ts
+++ b/packages/core/src/hooks/spatial-grid/wall-spatial-grid.ts
@@ -140,7 +140,7 @@ export class WallSpatialGrid {
 
     // Both are 'wall-side' - only conflict if they're on the same side
     // If either side is undefined, be conservative and assume conflict
-    if (!newSide || !existing.side) {
+    if (!(newSide && existing.side)) {
       return true
     }
     return newSide === existing.side
diff --git a/packages/core/src/index.ts b/packages/core/src/index.ts
index 80bb3b25..86a14946 100644
--- a/packages/core/src/index.ts
+++ b/packages/core/src/index.ts
@@ -41,7 +41,11 @@ export {
 } from './lib/space-detection'
 // Schema
 export * from './schema'
-export { useInteractive, type ControlValue, type ItemInteractiveState } from './store/use-interactive'
+export {
+  type ControlValue,
+  type ItemInteractiveState,
+  useInteractive,
+} from './store/use-interactive'
 export { default as useScene } from './store/use-scene'
 // Systems
 export { CeilingSystem } from './systems/ceiling/ceiling-system'
diff --git a/packages/core/src/lib/space-detection.ts b/packages/core/src/lib/space-detection.ts
index 3f631124..c4eecbdf 100644
--- a/packages/core/src/lib/space-detection.ts
+++ b/packages/core/src/lib/space-detection.ts
@@ -199,7 +199,7 @@ type WallSideUpdate = {
 export function detectSpacesForLevel(
   levelId: string,
   walls: WallNode[],
-  gridResolution: number = 0.5, // Match spatial grid cell size
+  gridResolution = 0.5, // Match spatial grid cell size
 ): {
   wallUpdates: WallSideUpdate[]
   spaces: Space[]
diff --git a/packages/core/src/schema/index.ts b/packages/core/src/schema/index.ts
index 4e4cc39b..4c9f568f 100644
--- a/packages/core/src/schema/index.ts
+++ b/packages/core/src/schema/index.ts
@@ -1,25 +1,35 @@
 // Base
 export { BaseNode, generateId, Material, nodeType, objectId } from './base'
-// Collections
-export { generateCollectionId, type Collection, type CollectionId } from './collections'
 // Camera
 export { CameraSchema } from './camera'
-export type { AnimationEffect, Asset, AssetInput, Control, Effect, Interactive, LightEffect, SliderControl, TemperatureControl, ToggleControl } from './nodes/item'
+// Collections
+export { type Collection, type CollectionId, generateCollectionId } from './collections'
+export { BuildingNode } from './nodes/building'
+export { CeilingNode } from './nodes/ceiling'
+export { DoorNode, DoorSegment } from './nodes/door'
+export { GuideNode } from './nodes/guide'
+export type {
+  AnimationEffect,
+  Asset,
+  AssetInput,
+  Control,
+  Effect,
+  Interactive,
+  LightEffect,
+  SliderControl,
+  TemperatureControl,
+  ToggleControl,
+} from './nodes/item'
 export { getScaledDimensions, ItemNode } from './nodes/item'
 export { LevelNode } from './nodes/level'
+export { RoofNode } from './nodes/roof'
+export { ScanNode } from './nodes/scan'
 // Nodes
 export { SiteNode } from './nodes/site'
 export { SlabNode } from './nodes/slab'
 export { WallNode } from './nodes/wall'
-export { BuildingNode } from './nodes/building'
-export { CeilingNode } from './nodes/ceiling'
-
-export { ZoneNode } from './nodes/zone'
-export { RoofNode } from './nodes/roof'
-export { ScanNode } from './nodes/scan'
-export { GuideNode } from './nodes/guide'
-export type { AnyNodeId, AnyNodeType } from './types'
-export { DoorNode, DoorSegment } from './nodes/door'
 export { WindowNode } from './nodes/window'
+export { ZoneNode } from './nodes/zone'
+export type { AnyNodeId, AnyNodeType } from './types'
 // Union types
 export { AnyNode } from './types'
diff --git a/packages/core/src/schema/nodes/door.ts b/packages/core/src/schema/nodes/door.ts
index cd8bfac6..e8a8fea3 100644
--- a/packages/core/src/schema/nodes/door.ts
+++ b/packages/core/src/schema/nodes/door.ts
@@ -11,7 +11,7 @@ export const DoorSegment = z.object({
   dividerThickness: z.number().default(0.03),
 
   // panel-specific
-  panelDepth: z.number().default(0.01),  // + raised, - recessed
+  panelDepth: z.number().default(0.01), // + raised, - recessed
   panelInset: z.number().default(0.04),
 })
 
@@ -42,8 +42,22 @@ export const DoorNode = BaseNode.extend({
 
   // Leaf segments — stacked top to bottom, each with its own column split
   segments: z.array(DoorSegment).default([
-    { type: 'panel', heightRatio: 0.4, columnRatios: [1], dividerThickness: 0.03, panelDepth: 0.01, panelInset: 0.04 },
-    { type: 'panel', heightRatio: 0.6, columnRatios: [1], dividerThickness: 0.03, panelDepth: 0.01, panelInset: 0.04 },
+    {
+      type: 'panel',
+      heightRatio: 0.4,
+      columnRatios: [1],
+      dividerThickness: 0.03,
+      panelDepth: 0.01,
+      panelInset: 0.04,
+    },
+    {
+      type: 'panel',
+      heightRatio: 0.6,
+      columnRatios: [1],
+      dividerThickness: 0.03,
+      panelDepth: 0.01,
+      panelInset: 0.04,
+    },
   ]),
 
   // Handle
@@ -58,7 +72,6 @@ export const DoorNode = BaseNode.extend({
   doorCloser: z.boolean().default(false),
   panicBar: z.boolean().default(false),
   panicBarHeight: z.number().default(1.0),
-
 }).describe(dedent`Door node - a parametric door placed on a wall
   - position: center of the door in wall-local coordinate system (Y = height/2, always at floor)
   - segments: rows stacked top to bottom, each defining its own columnRatios
diff --git a/packages/core/src/schema/nodes/item.ts b/packages/core/src/schema/nodes/item.ts
index 374e1709..36a90e66 100644
--- a/packages/core/src/schema/nodes/item.ts
+++ b/packages/core/src/schema/nodes/item.ts
@@ -56,10 +56,7 @@ const lightEffectSchema = z.object({
   offset: z.tuple([z.number(), z.number(), z.number()]).default([0, 0, 0]),
 })
 
-const effectSchema = z.discriminatedUnion('kind', [
-  animationEffectSchema,
-  lightEffectSchema,
-])
+const effectSchema = z.discriminatedUnion('kind', [animationEffectSchema, lightEffectSchema])
 
 // --- Interactive descriptor ---
 
diff --git a/packages/core/src/schema/nodes/level.ts b/packages/core/src/schema/nodes/level.ts
index cd043f31..11523fbe 100644
--- a/packages/core/src/schema/nodes/level.ts
+++ b/packages/core/src/schema/nodes/level.ts
@@ -12,7 +12,19 @@ import { ZoneNode } from './zone'
 export const LevelNode = BaseNode.extend({
   id: objectId('level'),
   type: nodeType('level'),
-  children: z.array(z.union([WallNode.shape.id, ZoneNode.shape.id, SlabNode.shape.id, CeilingNode.shape.id, RoofNode.shape.id, ScanNode.shape.id, GuideNode.shape.id])).default([]),
+  children: z
+    .array(
+      z.union([
+        WallNode.shape.id,
+        ZoneNode.shape.id,
+        SlabNode.shape.id,
+        CeilingNode.shape.id,
+        RoofNode.shape.id,
+        ScanNode.shape.id,
+        GuideNode.shape.id,
+      ]),
+    )
+    .default([]),
   // Specific props
   level: z.number().default(0),
 }).describe(
diff --git a/packages/core/src/schema/types.ts b/packages/core/src/schema/types.ts
index 7d012f1f..901e49a6 100644
--- a/packages/core/src/schema/types.ts
+++ b/packages/core/src/schema/types.ts
@@ -1,6 +1,7 @@
 import z from 'zod'
 import { BuildingNode } from './nodes/building'
 import { CeilingNode } from './nodes/ceiling'
+import { DoorNode } from './nodes/door'
 import { GuideNode } from './nodes/guide'
 import { ItemNode } from './nodes/item'
 import { LevelNode } from './nodes/level'
@@ -8,7 +9,6 @@ import { RoofNode } from './nodes/roof'
 import { ScanNode } from './nodes/scan'
 import { SiteNode } from './nodes/site'
 import { SlabNode } from './nodes/slab'
-import { DoorNode } from './nodes/door'
 import { WallNode } from './nodes/wall'
 import { WindowNode } from './nodes/window'
 import { ZoneNode } from './nodes/zone'
diff --git a/packages/core/src/store/actions/node-actions.ts b/packages/core/src/store/actions/node-actions.ts
index 288fc339..7959607e 100644
--- a/packages/core/src/store/actions/node-actions.ts
+++ b/packages/core/src/store/actions/node-actions.ts
@@ -164,7 +164,6 @@ export const deleteNodesAction = (
     return { nodes: nextNodes, rootNodeIds: nextRootIds, collections: nextCollections }
   })
 
-  
   // Trigger a full scene re-validation after deleting node (as deleting a slab can cause widespread changes to level elevations)
   const currentNodes = get().nodes
   Object.values(currentNodes).forEach((node) => {
diff --git a/packages/core/src/store/use-scene.ts b/packages/core/src/store/use-scene.ts
index 2f3c8f48..10c5e35c 100644
--- a/packages/core/src/store/use-scene.ts
+++ b/packages/core/src/store/use-scene.ts
@@ -172,7 +172,8 @@ const useScene: UseSceneStore = create<SceneState>()(
             for (const nodeId of nodeIds) {
               const node = nextNodes[nodeId]
               if (!node) continue
-              const existing = ('collectionIds' in node ? (node.collectionIds as CollectionId[]) : undefined) ?? []
+              const existing =
+                ('collectionIds' in node ? (node.collectionIds as CollectionId[]) : undefined) ?? []
               nextNodes[nodeId] = { ...node, collectionIds: [...existing, id] } as AnyNode
             }
             return { collections: nextCollections, nodes: nextNodes }
@@ -189,7 +190,7 @@ const useScene: UseSceneStore = create<SceneState>()(
             const nextNodes = { ...state.nodes }
             for (const nodeId of col?.nodeIds ?? []) {
               const node = nextNodes[nodeId]
-              if (!node || !('collectionIds' in node)) continue
+              if (!(node && 'collectionIds' in node)) continue
               nextNodes[nodeId] = {
                 ...node,
                 collectionIds: (node.collectionIds as CollectionId[]).filter((cid) => cid !== id),
@@ -217,7 +218,8 @@ const useScene: UseSceneStore = create<SceneState>()(
             }
             const node = state.nodes[nodeId]
             if (!node) return { collections: nextCollections }
-            const existing = ('collectionIds' in node ? (node.collectionIds as CollectionId[]) : undefined) ?? []
+            const existing =
+              ('collectionIds' in node ? (node.collectionIds as CollectionId[]) : undefined) ?? []
             const nextNodes = {
               ...state.nodes,
               [nodeId]: { ...node, collectionIds: [...existing, id] } as AnyNode,
@@ -235,7 +237,7 @@ const useScene: UseSceneStore = create<SceneState>()(
               [id]: { ...col, nodeIds: col.nodeIds.filter((n) => n !== nodeId) },
             }
             const node = state.nodes[nodeId]
-            if (!node || !('collectionIds' in node)) return { collections: nextCollections }
+            if (!(node && 'collectionIds' in node)) return { collections: nextCollections }
             const nextNodes = {
               ...state.nodes,
               [nodeId]: {
@@ -279,7 +281,10 @@ const useScene: UseSceneStore = create<SceneState>()(
         if (persisted.nodes) {
           for (const [id, node] of Object.entries(persisted.nodes)) {
             if (node.type === 'item' && !('scale' in node)) {
-              persisted.nodes[id as AnyNodeId] = { ...(node as object), scale: [1, 1, 1] } as AnyNode
+              persisted.nodes[id as AnyNodeId] = {
+                ...(node as object),
+                scale: [1, 1, 1],
+              } as AnyNode
             }
           }
         }
@@ -308,8 +313,8 @@ const useScene: UseSceneStore = create<SceneState>()(
 
             // Collect existing root nodes (should be BuildingNode or ItemNode)
             const existingRoots = (state.rootNodeIds || [])
-              .map(id => state.nodes[id])
-              .filter(node => node?.type === 'building' || node?.type === 'item')
+              .map((id) => state.nodes[id])
+              .filter((node) => node?.type === 'building' || node?.type === 'item')
 
             // Create a new SiteNode with existing roots as children
             const site = SiteNode.parse({
diff --git a/packages/core/src/systems/door/door-system.tsx b/packages/core/src/systems/door/door-system.tsx
index ef6cb4d7..7304e3c2 100644
--- a/packages/core/src/systems/door/door-system.tsx
+++ b/packages/core/src/systems/door/door-system.tsx
@@ -58,8 +58,12 @@ export const DoorSystem = () => {
 function addBox(
   parent: THREE.Object3D,
   material: THREE.Material,
-  w: number, h: number, d: number,
-  x: number, y: number, z: number,
+  w: number,
+  h: number,
+  d: number,
+  x: number,
+  y: number,
+  z: number,
 ) {
   const m = new THREE.Mesh(new THREE.BoxGeometry(w, h, d), material)
   m.position.set(x, y, z)
@@ -84,29 +88,77 @@ function updateDoorMesh(node: DoorNode, mesh: THREE.Mesh) {
   }
 
   const {
-    width, height, frameThickness, frameDepth, threshold, thresholdHeight,
-    segments, handle, handleHeight, handleSide,
-    doorCloser, panicBar, panicBarHeight, contentPadding, hingesSide,
+    width,
+    height,
+    frameThickness,
+    frameDepth,
+    threshold,
+    thresholdHeight,
+    segments,
+    handle,
+    handleHeight,
+    handleSide,
+    doorCloser,
+    panicBar,
+    panicBarHeight,
+    contentPadding,
+    hingesSide,
   } = node
 
   // Leaf occupies the full opening (no bottom frame bar — door opens to floor)
   const leafW = width - 2 * frameThickness
-  const leafH = height - frameThickness  // only top frame
+  const leafH = height - frameThickness // only top frame
   const leafDepth = 0.04
   // Leaf center is shifted down from door center by half the top frame
   const leafCenterY = -frameThickness / 2
 
   // ── Frame members ──
   // Left post — full height
-  addBox(mesh, baseMaterial, frameThickness, height, frameDepth, -width / 2 + frameThickness / 2, 0, 0)
+  addBox(
+    mesh,
+    baseMaterial,
+    frameThickness,
+    height,
+    frameDepth,
+    -width / 2 + frameThickness / 2,
+    0,
+    0,
+  )
   // Right post — full height
-  addBox(mesh, baseMaterial, frameThickness, height, frameDepth, width / 2 - frameThickness / 2, 0, 0)
+  addBox(
+    mesh,
+    baseMaterial,
+    frameThickness,
+    height,
+    frameDepth,
+    width / 2 - frameThickness / 2,
+    0,
+    0,
+  )
   // Head (top bar) — full width
-  addBox(mesh, baseMaterial, width, frameThickness, frameDepth, 0, height / 2 - frameThickness / 2, 0)
+  addBox(
+    mesh,
+    baseMaterial,
+    width,
+    frameThickness,
+    frameDepth,
+    0,
+    height / 2 - frameThickness / 2,
+    0,
+  )
 
   // ── Threshold (inside the frame) ──
   if (threshold) {
-    addBox(mesh, baseMaterial, leafW, thresholdHeight, frameDepth, 0, -height / 2 + thresholdHeight / 2, 0)
+    addBox(
+      mesh,
+      baseMaterial,
+      leafW,
+      thresholdHeight,
+      frameDepth,
+      0,
+      -height / 2 + thresholdHeight / 2,
+      0,
+    )
   }
 
   // ── Leaf — contentPadding border strips (no full backing; glass areas are open) ──
@@ -142,7 +194,7 @@ function updateDoorMesh(node: DoorNode, mesh: THREE.Mesh) {
     const numCols = seg.columnRatios.length
     const colSum = seg.columnRatios.reduce((a, b) => a + b, 0)
     const usableW = contentW - (numCols - 1) * seg.dividerThickness
-    const colWidths = seg.columnRatios.map(r => (r / colSum) * usableW)
+    const colWidths = seg.columnRatios.map((r) => (r / colSum) * usableW)
 
     // Column x-centers (relative to mesh center)
     const colXCenters: number[] = []
@@ -157,7 +209,16 @@ function updateDoorMesh(node: DoorNode, mesh: THREE.Mesh) {
     cx = -contentW / 2
     for (let c = 0; c < numCols - 1; c++) {
       cx += colWidths[c]!
-      addBox(mesh, baseMaterial, seg.dividerThickness, segH, leafDepth + 0.001, cx + seg.dividerThickness / 2, segCenterY, 0)
+      addBox(
+        mesh,
+        baseMaterial,
+        seg.dividerThickness,
+        segH,
+        leafDepth + 0.001,
+        cx + seg.dividerThickness / 2,
+        segCenterY,
+        0,
+      )
       cx += seg.dividerThickness
     }
 
@@ -198,9 +259,7 @@ function updateDoorMesh(node: DoorNode, mesh: THREE.Mesh) {
     const faceZ = leafDepth / 2
 
     // X position: handleSide refers to which side the grip is on
-    const handleX = handleSide === 'right'
-      ? leafW / 2 - 0.045
-      : -leafW / 2 + 0.045
+    const handleX = handleSide === 'right' ? leafW / 2 - 0.045 : -leafW / 2 + 0.045
 
     // Backplate
     addBox(mesh, baseMaterial, 0.028, 0.14, 0.01, handleX, handleY, faceZ + 0.005)
@@ -214,7 +273,16 @@ function updateDoorMesh(node: DoorNode, mesh: THREE.Mesh) {
     // Body
     addBox(mesh, baseMaterial, 0.28, 0.055, 0.055, 0, closerY, leafDepth / 2 + 0.03)
     // Arm (simplified as thin bar to frame side)
-    addBox(mesh, baseMaterial, 0.14, 0.015, 0.015, leafW / 4, closerY + 0.025, leafDepth / 2 + 0.015)
+    addBox(
+      mesh,
+      baseMaterial,
+      0.14,
+      0.015,
+      0.015,
+      leafW / 4,
+      closerY + 0.025,
+      leafDepth / 2 + 0.015,
+    )
   }
 
   // ── Panic bar ──
@@ -225,9 +293,7 @@ function updateDoorMesh(node: DoorNode, mesh: THREE.Mesh) {
 
   // ── Hinges (3 knuckle-style hinges on the hinge side) ──
   {
-    const hingeX = hingesSide === 'right'
-      ? leafW / 2 - 0.012
-      : -leafW / 2 + 0.012
+    const hingeX = hingesSide === 'right' ? leafW / 2 - 0.012 : -leafW / 2 + 0.012
     const hingeZ = 0 // centered in leaf depth
     const hingeH = 0.1
     const hingeW = 0.024
diff --git a/packages/core/src/systems/slab/slab-system.tsx b/packages/core/src/systems/slab/slab-system.tsx
index 29aae139..4dfe7489 100644
--- a/packages/core/src/systems/slab/slab-system.tsx
+++ b/packages/core/src/systems/slab/slab-system.tsx
@@ -74,8 +74,8 @@ function outsetPolygon(polygon: Array<[number, number]>, amount: number): Array<
       offEdges.push([polygon[i]![0], polygon[i]![1], dx, dz])
       continue
     }
-    const nx = (s * dz / len) * amount
-    const nz = (s * -dx / len) * amount
+    const nx = ((s * dz) / len) * amount
+    const nz = ((s * -dx) / len) * amount
     offEdges.push([polygon[i]![0] + nx, polygon[i]![1] + nz, dx, dz])
   }
 
diff --git a/packages/core/src/systems/wall/wall-system.tsx b/packages/core/src/systems/wall/wall-system.tsx
index cf8074b4..dea62947 100644
--- a/packages/core/src/systems/wall/wall-system.tsx
+++ b/packages/core/src/systems/wall/wall-system.tsx
@@ -321,10 +321,10 @@ function collectCutoutBrushes(
 
     // Calculate bounds in wall-local space
     const v3 = new THREE.Vector3()
-    let minX = Infinity,
-      maxX = -Infinity
-    let minY = Infinity,
-      maxY = -Infinity
+    let minX = Number.POSITIVE_INFINITY,
+      maxX = Number.NEGATIVE_INFINITY
+    let minY = Number.POSITIVE_INFINITY,
+      maxY = Number.NEGATIVE_INFINITY
 
     for (let i = 0; i < positions.count; i++) {
       v3.fromBufferAttribute(positions, i)
diff --git a/packages/core/src/systems/window/window-system.tsx b/packages/core/src/systems/window/window-system.tsx
index c533dd2b..38e1aa8e 100644
--- a/packages/core/src/systems/window/window-system.tsx
+++ b/packages/core/src/systems/window/window-system.tsx
@@ -58,8 +58,12 @@ export const WindowSystem = () => {
 function addBox(
   parent: THREE.Object3D,
   material: THREE.Material,
-  w: number, h: number, d: number,
-  x: number, y: number, z: number,
+  w: number,
+  h: number,
+  d: number,
+  x: number,
+  y: number,
+  z: number,
 ) {
   const m = new THREE.Mesh(new THREE.BoxGeometry(w, h, d), material)
   m.position.set(x, y, z)
@@ -84,9 +88,17 @@ function updateWindowMesh(node: WindowNode, mesh: THREE.Mesh) {
   }
 
   const {
-    width, height, frameDepth, frameThickness,
-    columnRatios, rowRatios, columnDividerThickness, rowDividerThickness,
-    sill, sillDepth, sillThickness,
+    width,
+    height,
+    frameDepth,
+    frameThickness,
+    columnRatios,
+    rowRatios,
+    columnDividerThickness,
+    rowDividerThickness,
+    sill,
+    sillDepth,
+    sillThickness,
   } = node
 
   const innerW = width - 2 * frameThickness
@@ -94,11 +106,47 @@ function updateWindowMesh(node: WindowNode, mesh: THREE.Mesh) {
 
   // ── Frame members ──
   // Top / bottom — full width
-  addBox(mesh, frameMaterial, width, frameThickness, frameDepth, 0,  height / 2 - frameThickness / 2, 0)
-  addBox(mesh, frameMaterial, width, frameThickness, frameDepth, 0, -height / 2 + frameThickness / 2, 0)
+  addBox(
+    mesh,
+    frameMaterial,
+    width,
+    frameThickness,
+    frameDepth,
+    0,
+    height / 2 - frameThickness / 2,
+    0,
+  )
+  addBox(
+    mesh,
+    frameMaterial,
+    width,
+    frameThickness,
+    frameDepth,
+    0,
+    -height / 2 + frameThickness / 2,
+    0,
+  )
   // Left / right — inner height to avoid corner overlap
-  addBox(mesh, frameMaterial, frameThickness, innerH, frameDepth, -width / 2 + frameThickness / 2, 0, 0)
-  addBox(mesh, frameMaterial, frameThickness, innerH, frameDepth,  width / 2 - frameThickness / 2, 0, 0)
+  addBox(
+    mesh,
+    frameMaterial,
+    frameThickness,
+    innerH,
+    frameDepth,
+    -width / 2 + frameThickness / 2,
+    0,
+    0,
+  )
+  addBox(
+    mesh,
+    frameMaterial,
+    frameThickness,
+    innerH,
+    frameDepth,
+    width / 2 - frameThickness / 2,
+    0,
+    0,
+  )
 
   // ── Pane grid ──
   const numCols = columnRatios.length
@@ -109,8 +157,8 @@ function updateWindowMesh(node: WindowNode, mesh: THREE.Mesh) {
 
   const colSum = columnRatios.reduce((a, b) => a + b, 0)
   const rowSum = rowRatios.reduce((a, b) => a + b, 0)
-  const colWidths  = columnRatios.map(r => (r / colSum) * usableW)
-  const rowHeights = rowRatios.map(r => (r / rowSum) * usableH)
+  const colWidths = columnRatios.map((r) => (r / colSum) * usableW)
+  const rowHeights = rowRatios.map((r) => (r / rowSum) * usableH)
 
   // Compute column x-centers starting from left edge of inner area
   const colXCenters: number[] = []
@@ -134,7 +182,16 @@ function updateWindowMesh(node: WindowNode, mesh: THREE.Mesh) {
   cx = -innerW / 2
   for (let c = 0; c < numCols - 1; c++) {
     cx += colWidths[c]!
-    addBox(mesh, frameMaterial, columnDividerThickness, innerH, frameDepth, cx + columnDividerThickness / 2, 0, 0)
+    addBox(
+      mesh,
+      frameMaterial,
+      columnDividerThickness,
+      innerH,
+      frameDepth,
+      cx + columnDividerThickness / 2,
+      0,
+      0,
+    )
     cx += columnDividerThickness
   }
 
@@ -144,7 +201,16 @@ function updateWindowMesh(node: WindowNode, mesh: THREE.Mesh) {
     cy -= rowHeights[r]!
     const divY = cy - rowDividerThickness / 2
     for (let c = 0; c < numCols; c++) {
-      addBox(mesh, frameMaterial, colWidths[c]!, rowDividerThickness, frameDepth, colXCenters[c]!, divY, 0)
+      addBox(
+        mesh,
+        frameMaterial,
+        colWidths[c]!,
+        rowDividerThickness,
+        frameDepth,
+        colXCenters[c]!,
+        divY,
+        0,
+      )
     }
     cy -= rowDividerThickness
   }
@@ -153,7 +219,16 @@ function updateWindowMesh(node: WindowNode, mesh: THREE.Mesh) {
   const glassDepth = Math.max(0.004, frameDepth * 0.08)
   for (let c = 0; c < numCols; c++) {
     for (let r = 0; r < numRows; r++) {
-      addBox(mesh, glassMaterial, colWidths[c]!, rowHeights[r]!, glassDepth, colXCenters[c]!, rowYCenters[r]!, 0)
+      addBox(
+        mesh,
+        glassMaterial,
+        colWidths[c]!,
+        rowHeights[r]!,
+        glassDepth,
+        colXCenters[c]!,
+        rowYCenters[r]!,
+        0,
+      )
     }
   }
 
@@ -162,7 +237,16 @@ function updateWindowMesh(node: WindowNode, mesh: THREE.Mesh) {
     const sillW = width + sillDepth * 0.4 // slightly wider than frame
     // Protrudes from the front face of the frame (+Z)
     const sillZ = frameDepth / 2 + sillDepth / 2
-    addBox(mesh, frameMaterial, sillW, sillThickness, sillDepth, 0, -height / 2 - sillThickness / 2, sillZ)
+    addBox(
+      mesh,
+      frameMaterial,
+      sillW,
+      sillThickness,
+      sillDepth,
+      0,
+      -height / 2 - sillThickness / 2,
+      sillZ,
+    )
   }
 
   // ── Cutout (for wall CSG) — always full window dimensions, 1m deep ──
diff --git a/packages/core/src/utils/types.ts b/packages/core/src/utils/types.ts
index abe67dbd..6cfda9a5 100644
--- a/packages/core/src/utils/types.ts
+++ b/packages/core/src/utils/types.ts
@@ -4,4 +4,4 @@
  */
 export const isObject = (val: unknown): val is Record<string, any> => {
   return val !== null && typeof val === 'object' && !Array.isArray(val)
-}
\ No newline at end of file
+}
diff --git a/packages/core/tsconfig.json b/packages/core/tsconfig.json
index 71ee96a0..68f55834 100644
--- a/packages/core/tsconfig.json
+++ b/packages/core/tsconfig.json
@@ -1,8 +1,9 @@
 {
-  "extends": "@repo/typescript-config/react-library.json",
+  "extends": "@pascal/typescript-config/react-library.json",
   "compilerOptions": {
     "outDir": "dist",
     "rootDir": "src",
+    "noEmit": false,
     "composite": true,
     "incremental": true
   },
diff --git a/packages/db/README.md b/packages/db/README.md
deleted file mode 100644
index 34bad2f9..00000000
--- a/packages/db/README.md
+++ /dev/null
@@ -1,127 +0,0 @@
-# @pascal-app/db
-
-Database package for Pascal Editor with Supabase.
-
-## Setup
-
-### 1. Install Dependencies
-
-From the monorepo root:
-
-```bash
-bun install
-```
-
-This installs Supabase CLI as a dev dependency.
-
-### 2. Start Supabase locally
-
-From the monorepo root:
-
-```bash
-bun db:start
-```
-
-This will start a local Supabase instance with PostgreSQL, PostgREST, and Studio.
-
-### 3. Check Supabase status
-
-```bash
-bun db:status
-```
-
-You'll see output like:
-
-```
-API URL: http://127.0.0.1:54321
-DB URL: postgresql://postgres:postgres@127.0.0.1:54322/postgres
-Studio URL: http://127.0.0.1:54323
-Anon key: eyJh...
-Service role key: eyJh...
-```
-
-### 4. Configure environment variables
-
-Add these to `apps/editor/.env.local`:
-
-```bash
-# Supabase
-NEXT_PUBLIC_SUPABASE_URL=http://127.0.0.1:54321
-NEXT_PUBLIC_SUPABASE_ANON_KEY=<your_anon_key>
-SUPABASE_SERVICE_ROLE_KEY=<your_service_role_key>
-
-# Better Auth
-BETTER_AUTH_SECRET=<generate_with_openssl_rand_base64_32>
-BETTER_AUTH_URL=http://localhost:3000
-```
-
-Generate a secret for `BETTER_AUTH_SECRET`:
-
-```bash
-openssl rand -base64 32
-```
-
-## Migrations
-
-Migrations are located in `supabase/migrations/`.
-
-### Apply migrations
-
-```bash
-bun db:reset  # Resets and applies all migrations
-```
-
-### Create a new migration
-
-```bash
-cd packages/db
-bunx supabase migration new <migration_name>
-```
-
-## Database Schema
-
-### Auth Tables (Better Auth)
-
-- `users` - User accounts
-- `sessions` - Active sessions
-- `accounts` - OAuth provider accounts
-- `verification_tokens` - Magic link tokens
-
-### Application Tables
-
-- `properties` - User properties
-- `properties_addresses` - Property addresses with Google Maps data
-- `properties_models` - Scene graph models (versions)
-
-## Usage
-
-### Client-side (with RLS)
-
-```typescript
-import { supabase } from '@pascal-app/db/client'
-
-// RLS policies automatically filter by authenticated user
-const { data } = await supabase.from('properties').select('*')
-```
-
-### Server-side (service role)
-
-```typescript
-import { supabaseAdmin } from '@pascal-app/db/server'
-
-// Bypasses RLS - you must manually filter by user_id
-const { data } = await supabaseAdmin
-  .from('properties')
-  .select('*')
-  .eq('owner_id', userId)
-```
-
-## Supabase Studio
-
-Access the local Supabase Studio at: http://127.0.0.1:54323
-
-Use this to:
-- Browse tables and data
-- Run SQL queries
-- View logs
-- Manage RLS policies
diff --git a/packages/db/drizzle.config.ts b/packages/db/drizzle.config.ts
deleted file mode 100644
index d21b6156..00000000
--- a/packages/db/drizzle.config.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { defineConfig } from 'drizzle-kit'
-
-// Keep this in sync with `supabase/config.toml` -> `[db].port`.
-const LOCAL_SUPABASE_DB_URL = 'postgresql://postgres:postgres@127.0.0.1:55322/postgres'
-
-export default defineConfig({
-  schema: './src/schema/index.ts',
-  out: '../../supabase/migrations',
-  dialect: 'postgresql',
-  dbCredentials: {
-    url: process.env.POSTGRES_URL ?? LOCAL_SUPABASE_DB_URL,
-  },
-  schemaFilter: ['public'],
-  introspect: {
-    casing: 'camel',
-  },
-  migrations: {
-    prefix: 'timestamp',
-  },
-  verbose: true,
-  strict: true,
-})
diff --git a/packages/db/package.json b/packages/db/package.json
deleted file mode 100644
index 612ab320..00000000
--- a/packages/db/package.json
+++ /dev/null
@@ -1,33 +0,0 @@
-{
-  "name": "@pascal-app/db",
-  "version": "0.0.0",
-  "type": "module",
-  "scripts": {
-    "db:generate": "drizzle-kit generate --config drizzle.config.ts",
-    "db:migrate": "bunx supabase --workdir ../.. db push --local",
-    "db:push": "drizzle-kit push --config drizzle.config.ts",
-    "db:studio": "drizzle-kit studio --config drizzle.config.ts"
-  },
-  "exports": {
-    ".": {
-      "types": "./src/index.ts",
-      "default": "./src/index.ts"
-    },
-    "./types": {
-      "types": "./src/types.ts",
-      "default": "./src/types.ts"
-    }
-  },
-  "dependencies": {
-    "@supabase/supabase-js": "^2.95.3",
-    "drizzle-orm": "^0.45.1",
-    "drizzle-zod": "^0.8.3",
-    "nanoid": "^5.0.9",
-    "postgres": "^3.4.5"
-  },
-  "devDependencies": {
-    "@repo/typescript-config": "*",
-    "drizzle-kit": "^0.31.9",
-    "typescript": "5.9.3"
-  }
-}
diff --git a/packages/db/src/drizzle.ts b/packages/db/src/drizzle.ts
deleted file mode 100644
index 3370cb70..00000000
--- a/packages/db/src/drizzle.ts
+++ /dev/null
@@ -1,11 +0,0 @@
-import { drizzle } from 'drizzle-orm/postgres-js'
-import postgres from 'postgres'
-import * as schema from './schema'
-
-const connectionString = process.env.POSTGRES_URL ?? ''
-
-const client = postgres(connectionString, { prepare: false })
-
-export const db = drizzle({ client, schema })
-
-export type Database = typeof db
diff --git a/packages/db/src/helpers.ts b/packages/db/src/helpers.ts
deleted file mode 100644
index 58967300..00000000
--- a/packages/db/src/helpers.ts
+++ /dev/null
@@ -1,56 +0,0 @@
-import { type AnyColumn, type SQL, sql } from 'drizzle-orm'
-import { text, timestamp } from 'drizzle-orm/pg-core'
-import { customAlphabet } from 'nanoid'
-
-const alphabet = '0123456789ABCDEFGHIJKLMNOPQRSTUVWXYZabcdefghijklmnopqrstuvwxyz'
-const nanoid = customAlphabet(alphabet, 16)
-
-/**
- * Generate a unique ID with optional prefix
- * @example createId('user') => 'user_Abc123...'
- */
-export const createId = (prefix?: string) => {
-  const id = nanoid()
-  return prefix ? `${prefix}_${id}` : id
-}
-
-/**
- * Primary key column with auto-generated prefixed ID
- * @example id('user') => text('id').notNull().primaryKey().$defaultFn(() => createId('user'))
- */
-export const id = (prefix?: string) =>
-  text('id')
-    .notNull()
-    .primaryKey()
-    .$defaultFn(() => createId(prefix))
-    .$type<string>()
-
-export const createdAt = timestamp('created_at', { withTimezone: true }).notNull().defaultNow()
-
-export const updatedAt = timestamp('updated_at', { withTimezone: true })
-  .notNull()
-  .defaultNow()
-  .$onUpdate(() => new Date())
-
-export const deletedAt = timestamp('deleted_at', { withTimezone: true })
-
-/**
- * Standard timestamp columns for created_at and updated_at
- */
-export const timestamps = {
-  createdAt,
-  updatedAt,
-}
-
-// Alias for backwards compatibility with existing code
-export const timestampsColumns = timestamps
-
-export const timestampsColumnsSoftDelete = {
-  ...timestampsColumns,
-  deletedAt,
-}
-
-/**
- * SQL helper for case-insensitive comparison
- */
-export const lower = (column: AnyColumn): SQL => sql`lower(${column})`
diff --git a/packages/db/src/index.ts b/packages/db/src/index.ts
deleted file mode 100644
index b73e65c2..00000000
--- a/packages/db/src/index.ts
+++ /dev/null
@@ -1,24 +0,0 @@
-/**
- * Database package
- * Exports Drizzle ORM and types
- * Note: Supabase clients are kept in the app's lib directory to avoid build-time initialization
- */
-
-export type { Database as SupabaseDatabase } from './types'
-
-// Drizzle exports
-export { type Database, db } from './drizzle'
-export * from './schema'
-
-
-import * as dbSchema from './schema'
-export const schema = dbSchema
-export {
-  createId,
-  deletedAt,
-  id,
-  lower,
-  timestamps,
-  timestampsColumns,
-  timestampsColumnsSoftDelete,
-} from './helpers'
diff --git a/packages/db/src/schema/auth/accounts.ts b/packages/db/src/schema/auth/accounts.ts
deleted file mode 100644
index c3650555..00000000
--- a/packages/db/src/schema/auth/accounts.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { pgTable } from 'drizzle-orm/pg-core'
-import { createInsertSchema, createSelectSchema } from 'drizzle-zod'
-import { id, timestamps } from '../../helpers'
-import { users } from './users'
-
-export const accounts = pgTable('auth_accounts', (t) => ({
-  id: id('account'),
-  userId: t
-    .text('user_id')
-    .notNull()
-    .references(() => users.id, { onDelete: 'cascade' }),
-  providerId: t.text('provider_id').notNull(),
-  accountId: t.text('account_id').notNull(),
-  password: t.text('password'),
-  accessToken: t.text('access_token'),
-  refreshToken: t.text('refresh_token'),
-  idToken: t.text('id_token'),
-  accessTokenExpiresAt: t.timestamp('access_token_expires_at', {
-    withTimezone: true,
-  }),
-  refreshTokenExpiresAt: t.timestamp('refresh_token_expires_at', {
-    withTimezone: true,
-  }),
-  scope: t.text('scope'),
-  ...timestamps,
-})).enableRLS()
-
-export type Account = typeof accounts.$inferSelect
-export type NewAccount = typeof accounts.$inferInsert
-export const insertAccountSchema = createInsertSchema(accounts)
-export const selectAccountSchema = createSelectSchema(accounts)
diff --git a/packages/db/src/schema/auth/jwks.ts b/packages/db/src/schema/auth/jwks.ts
deleted file mode 100644
index 9f5cb2a0..00000000
--- a/packages/db/src/schema/auth/jwks.ts
+++ /dev/null
@@ -1,15 +0,0 @@
-import { pgTable } from 'drizzle-orm/pg-core'
-import { createInsertSchema, createSelectSchema } from 'drizzle-zod'
-import { createdAt, id } from '../../helpers'
-
-export const jwks = pgTable('auth_jwks', (t) => ({
-  id: id('jwks'),
-  publicKey: t.text('public_key').notNull(),
-  privateKey: t.text('private_key').notNull(),
-  createdAt,
-})).enableRLS()
-
-export type Jwks = typeof jwks.$inferSelect
-export type NewJwks = typeof jwks.$inferInsert
-export const insertJwksSchema = createInsertSchema(jwks)
-export const selectJwksSchema = createSelectSchema(jwks)
diff --git a/packages/db/src/schema/auth/sessions.ts b/packages/db/src/schema/auth/sessions.ts
deleted file mode 100644
index 23d03b27..00000000
--- a/packages/db/src/schema/auth/sessions.ts
+++ /dev/null
@@ -1,28 +0,0 @@
-import { pgTable } from 'drizzle-orm/pg-core'
-import { createInsertSchema, createSelectSchema } from 'drizzle-zod'
-import { id, timestamps } from '../../helpers'
-import { users } from './users'
-
-export const sessions = pgTable('auth_sessions', (t) => ({
-  id: id('session'),
-  userId: t
-    .text('user_id')
-    .notNull()
-    .references(() => users.id, { onDelete: 'cascade' }),
-  expiresAt: t.timestamp('expires_at', { withTimezone: true }),
-  token: t.text('token').notNull(),
-  ipAddress: t.text('ip_address'),
-  userAgent: t.text('user_agent'),
-  // Custom: active project for the session context
-  activeProjectId: t.text('active_project_id'),
-  // Admin plugin support: tracks who is impersonating this session
-  impersonatedBy: t
-    .text('impersonated_by')
-    .references(() => users.id, { onDelete: 'set null' }),
-  ...timestamps,
-})).enableRLS()
-
-export type Session = typeof sessions.$inferSelect
-export type NewSession = typeof sessions.$inferInsert
-export const insertSessionSchema = createInsertSchema(sessions)
-export const selectSessionSchema = createSelectSchema(sessions)
diff --git a/packages/db/src/schema/auth/users.ts b/packages/db/src/schema/auth/users.ts
deleted file mode 100644
index d31c79c4..00000000
--- a/packages/db/src/schema/auth/users.ts
+++ /dev/null
@@ -1,41 +0,0 @@
-import { pgEnum, pgTable, uniqueIndex } from 'drizzle-orm/pg-core'
-import { createInsertSchema, createSelectSchema } from 'drizzle-zod'
-import { id, lower, timestampsColumns } from '../../helpers'
-
-export const USER_ROLES = ['user', 'admin'] as const
-export const userRoles = pgEnum('auth_user_roles', USER_ROLES)
-
-export const users = pgTable(
-  'auth_users',
-  (t) => ({
-    id: id('user'),
-    email: t.text('email').notNull(),
-    emailVerified: t.boolean('email_verified').notNull().default(false),
-    name: t.text('name').notNull(),
-    image: t.text('image'),
-    /** Public username for the community hub */
-    username: t.text('username'),
-    /** GitHub profile URL */
-    githubUrl: t.text('github_url'),
-    /** X/Twitter profile URL */
-    xUrl: t.text('x_url'),
-    /** YouTube channel URL */
-    youtubeUrl: t.text('youtube_url'),
-    /** Whether the user wants to receive email notifications about new features and updates */
-    emailNotifications: t.boolean('email_notifications').notNull().default(true),
-    role: userRoles('role').notNull().default('user'),
-    banned: t.boolean('banned').notNull().default(false),
-    banReason: t.text('ban_reason'),
-    banExpires: t.timestamp('ban_expires', { withTimezone: true }),
-    ...timestampsColumns,
-  }),
-  (t) => [
-    uniqueIndex('email_unique_index').on(lower(t.email)),
-    uniqueIndex('username_unique_index').on(lower(t.username)),
-  ],
-).enableRLS()
-
-export type User = typeof users.$inferSelect
-export type NewUser = typeof users.$inferInsert
-export const insertUserSchema = createInsertSchema(users)
-export const selectUserSchema = createSelectSchema(users)
diff --git a/packages/db/src/schema/auth/verifications.ts b/packages/db/src/schema/auth/verifications.ts
deleted file mode 100644
index a360f355..00000000
--- a/packages/db/src/schema/auth/verifications.ts
+++ /dev/null
@@ -1,22 +0,0 @@
-import { index, pgTable } from 'drizzle-orm/pg-core'
-import { createInsertSchema, createSelectSchema } from 'drizzle-zod'
-import { id, timestamps } from '../../helpers'
-
-export const verifications = pgTable(
-  'auth_verifications',
-  (t) => ({
-    id: id('verification'),
-    value: t.text('value').notNull(),
-    identifier: t.text('identifier').notNull(),
-    expiresAt: t.timestamp('expires_at', {
-      withTimezone: true,
-    }),
-    ...timestamps,
-  }),
-  (t) => [index('verification_identifier_index').on(t.identifier)],
-).enableRLS()
-
-export type Verification = typeof verifications.$inferSelect
-export type NewVerification = typeof verifications.$inferInsert
-export const insertVerificationSchema = createInsertSchema(verifications)
-export const selectVerificationSchema = createSelectSchema(verifications)
diff --git a/packages/db/src/schema/feedback/feedback.ts b/packages/db/src/schema/feedback/feedback.ts
deleted file mode 100644
index 5dea8607..00000000
--- a/packages/db/src/schema/feedback/feedback.ts
+++ /dev/null
@@ -1,18 +0,0 @@
-import { pgTable } from 'drizzle-orm/pg-core'
-import { createInsertSchema, createSelectSchema } from 'drizzle-zod'
-import { id, createdAt } from '../../helpers'
-
-export const feedback = pgTable('feedback', (t) => ({
-  id: id('feedback'),
-  userId: t.text('user_id'),
-  projectId: t.text('project_id'),
-  message: t.text('message').notNull(),
-  images: t.jsonb('images').$type<string[]>(),
-  sceneGraph: t.jsonb('scene_graph'),
-  createdAt,
-})).enableRLS()
-
-export type Feedback = typeof feedback.$inferSelect
-export type NewFeedback = typeof feedback.$inferInsert
-export const insertFeedbackSchema = createInsertSchema(feedback)
-export const selectFeedbackSchema = createSelectSchema(feedback)
diff --git a/packages/db/src/schema/index.ts b/packages/db/src/schema/index.ts
deleted file mode 100644
index b64110cc..00000000
--- a/packages/db/src/schema/index.ts
+++ /dev/null
@@ -1,19 +0,0 @@
-// Auth tables
-export * from './auth/accounts'
-export * from './auth/jwks'
-export * from './auth/sessions'
-export * from './auth/users'
-export * from './auth/verifications'
-
-// Feedback table
-export * from './feedback/feedback'
-
-// Project tables
-export * from './projects/addresses'
-export * from './projects/assets'
-export * from './projects/likes'
-export * from './projects/models'
-export * from './projects/projects'
-
-// Presets table
-export * from './presets/presets'
diff --git a/packages/db/src/schema/presets/presets.ts b/packages/db/src/schema/presets/presets.ts
deleted file mode 100644
index 57c4ec62..00000000
--- a/packages/db/src/schema/presets/presets.ts
+++ /dev/null
@@ -1,30 +0,0 @@
-import { pgTable, index, text, boolean, jsonb } from 'drizzle-orm/pg-core'
-import { createInsertSchema, createSelectSchema } from 'drizzle-zod'
-import { id, timestampsColumns } from '../../helpers'
-import { users } from '../auth/users'
-
-export const presets = pgTable(
-  'presets',
-  (t) => ({
-    id: id('preset'),
-    type: t.text('type').notNull(), // 'door' | 'window'
-    name: t.text('name').notNull(),
-    data: t.jsonb('data').notNull(),
-    thumbnailUrl: t.text('thumbnail_url'),
-    userId: t
-      .text('user_id')
-      .references(() => users.id, { onDelete: 'cascade' }),
-    isCommunity: t.boolean('is_community').notNull().default(false),
-    ...timestampsColumns,
-  }),
-  (t) => [
-    index('presets_type_idx').on(t.type),
-    index('presets_user_id_idx').on(t.userId),
-    index('presets_is_community_idx').on(t.isCommunity),
-  ],
-).enableRLS()
-
-export type Preset = typeof presets.$inferSelect
-export type NewPreset = typeof presets.$inferInsert
-export const insertPresetSchema = createInsertSchema(presets)
-export const selectPresetSchema = createSelectSchema(presets)
diff --git a/packages/db/src/schema/projects/addresses.ts b/packages/db/src/schema/projects/addresses.ts
deleted file mode 100644
index bee8e057..00000000
--- a/packages/db/src/schema/projects/addresses.ts
+++ /dev/null
@@ -1,53 +0,0 @@
-import { pgTable, unique } from 'drizzle-orm/pg-core'
-import { z } from 'zod'
-import { id, timestampsColumns } from '../../helpers'
-
-export const addresses = pgTable(
-  'projects_addresses',
-  (t) => ({
-    id: id('address'),
-    streetNumber: t.text('street_number'),
-    route: t.text('route'),
-    routeShort: t.text('route_short'),
-    neighborhood: t.text('neighborhood'),
-    city: t.text('city'),
-    county: t.text('county'),
-    state: t.text('state'),
-    stateLong: t.text('state_long'),
-    postalCode: t.text('postal_code'),
-    postalCodeSuffix: t.text('postal_code_suffix'),
-    country: t.text('country'),
-    countryLong: t.text('country_long'),
-    latitude: t.numeric('latitude'),
-    longitude: t.numeric('longitude'),
-    rawJson: t.jsonb('raw_json'),
-    ...timestampsColumns,
-  }),
-  (t) => [
-    // Unique constraint on core address components to prevent duplicates
-    unique('address_components_unique').on(t.streetNumber, t.route, t.city, t.state, t.postalCode),
-  ],
-).enableRLS()
-
-// Create address schema manually to avoid issues with generated columns
-export const addressSchema = z.object({
-  streetNumber: z.string().optional(),
-  route: z.string().optional(),
-  routeShort: z.string().optional(),
-  neighborhood: z.string().optional(),
-  city: z.string().optional(),
-  county: z.string().optional(),
-  state: z.string().optional(),
-  stateLong: z.string().optional(),
-  postalCode: z.string().optional(),
-  postalCodeSuffix: z.string().optional(),
-  country: z.string().default('US'),
-  countryLong: z.string().optional(),
-  latitude: z.string().optional(),
-  longitude: z.string().optional(),
-  rawJson: z.record(z.string(), z.unknown()).optional(),
-})
-
-export type AddressSchema = z.infer<typeof addressSchema>
-export type Address = typeof addresses.$inferSelect
-export type NewAddress = typeof addresses.$inferInsert
diff --git a/packages/db/src/schema/projects/assets.ts b/packages/db/src/schema/projects/assets.ts
deleted file mode 100644
index ef2d7444..00000000
--- a/packages/db/src/schema/projects/assets.ts
+++ /dev/null
@@ -1,25 +0,0 @@
-import { relations } from 'drizzle-orm'
-import { pgTable } from 'drizzle-orm/pg-core'
-import { id, timestampsColumns } from '../../helpers'
-import { projects } from './projects'
-
-export const projectAssets = pgTable('project_assets', (t) => ({
-  id: id('asset'),
-  projectId: t.text('project_id').notNull().references(() => projects.id, { onDelete: 'cascade' }),
-  storageKey: t.text('storage_key').notNull(),
-  url: t.text('url').notNull(),
-  type: t.text('type').notNull(), // 'scan' | 'guide'
-  originalName: t.text('original_name'),
-  mimeType: t.text('mime_type'),
-  ...timestampsColumns,
-})).enableRLS()
-
-export const projectAssetsRelations = relations(projectAssets, ({ one }) => ({
-  project: one(projects, {
-    fields: [projectAssets.projectId],
-    references: [projects.id],
-  }),
-}))
-
-export type ProjectAsset = typeof projectAssets.$inferSelect
-export type NewProjectAsset = typeof projectAssets.$inferInsert
diff --git a/packages/db/src/schema/projects/likes.ts b/packages/db/src/schema/projects/likes.ts
deleted file mode 100644
index 56a8e1c4..00000000
--- a/packages/db/src/schema/projects/likes.ts
+++ /dev/null
@@ -1,36 +0,0 @@
-import { relations } from 'drizzle-orm'
-import { pgTable, unique } from 'drizzle-orm/pg-core'
-import { createInsertSchema, createSelectSchema } from 'drizzle-zod'
-import { id, createdAt } from '../../helpers'
-import { projects } from './projects'
-import { users } from '../auth/users'
-
-export const projectsLikes = pgTable(
-  'projects_likes',
-  (t) => ({
-    id: id('like'),
-    projectId: t
-      .text('project_id')
-      .notNull()
-      .references(() => projects.id, { onDelete: 'cascade' }),
-    userId: t
-      .text('user_id')
-      .notNull(),
-    createdAt,
-  }),
-  (t) => [
-    unique('projects_likes_project_user_unique').on(t.projectId, t.userId),
-  ],
-).enableRLS()
-
-export const projectsLikesRelations = relations(projectsLikes, ({ one }) => ({
-  project: one(projects, {
-    fields: [projectsLikes.projectId],
-    references: [projects.id],
-  }),
-}))
-
-export type ProjectLike = typeof projectsLikes.$inferSelect
-export type NewProjectLike = typeof projectsLikes.$inferInsert
-export const insertProjectLikeSchema = createInsertSchema(projectsLikes)
-export const selectProjectLikeSchema = createSelectSchema(projectsLikes)
diff --git a/packages/db/src/schema/projects/models.ts b/packages/db/src/schema/projects/models.ts
deleted file mode 100644
index 0fb4775e..00000000
--- a/packages/db/src/schema/projects/models.ts
+++ /dev/null
@@ -1,31 +0,0 @@
-import { relations } from 'drizzle-orm'
-import { pgTable } from 'drizzle-orm/pg-core'
-import { createInsertSchema, createSelectSchema } from 'drizzle-zod'
-import { id, timestampsColumnsSoftDelete } from '../../helpers'
-import { projects } from './projects'
-
-export const models = pgTable('projects_models', (t) => ({
-  id: id('model'),
-  name: t.text('name'),
-  version: t.integer('version').default(1),
-  description: t.text('description'),
-  draft: t.boolean('draft').default(true),
-  projectId: t
-    .text('project_id')
-    .references(() => projects.id, { onDelete: 'set null' }),
-  sceneGraph: t.jsonb('scene_graph'),
-  metadata: t.jsonb('metadata'),
-  ...timestampsColumnsSoftDelete,
-})).enableRLS()
-
-export const modelsRelations = relations(models, ({ one }) => ({
-  project: one(projects, {
-    fields: [models.projectId],
-    references: [projects.id],
-  }),
-}))
-
-export type Model = typeof models.$inferSelect
-export type NewModel = typeof models.$inferInsert
-export const insertModelSchema = createInsertSchema(models)
-export const selectModelSchema = createSelectSchema(models)
diff --git a/packages/db/src/schema/projects/projects.ts b/packages/db/src/schema/projects/projects.ts
deleted file mode 100644
index 969b50cc..00000000
--- a/packages/db/src/schema/projects/projects.ts
+++ /dev/null
@@ -1,55 +0,0 @@
-import { relations } from 'drizzle-orm'
-import { index, pgTable } from 'drizzle-orm/pg-core'
-import { createInsertSchema, createSelectSchema } from 'drizzle-zod'
-import { id, timestampsColumns } from '../../helpers'
-import { users } from '../auth/users'
-import { addresses } from './addresses'
-
-export const projects = pgTable(
-  'projects',
-  (t) => ({
-    id: id('project'),
-    name: t.text('name'),
-    addressId: t
-      .text('address_id')
-      .references(() => addresses.id, { onDelete: 'set null' }),
-    ownerId: t
-      .text('owner_id')
-      .references(() => users.id, { onDelete: 'set null' }),
-    detailsJson: t.jsonb('details_json'),
-    metadata: t.jsonb('metadata'),
-    publishedModelVersion: t.integer('published_model_version'),
-    // Community features
-    isPrivate: t.boolean('is_private').notNull().default(true),
-    isEmpty: t.boolean('is_empty').notNull().default(true),
-    showScansPublic: t.boolean('show_scans_public').notNull().default(true),
-    showGuidesPublic: t.boolean('show_guides_public').notNull().default(true),
-    views: t.integer('views').notNull().default(0),
-    likes: t.integer('likes').notNull().default(0),
-    thumbnailUrl: t.text('thumbnail_url'),
-    ...timestampsColumns,
-  }),
-  (t) => [
-    index('project_address_idx').on(t.addressId),
-    index('project_owner_idx').on(t.ownerId),
-    index('project_is_private_idx').on(t.isPrivate),
-    index('project_views_idx').on(t.views),
-    index('project_likes_idx').on(t.likes),
-  ],
-).enableRLS()
-
-export const projectsRelations = relations(projects, ({ one }) => ({
-  address: one(addresses, {
-    fields: [projects.addressId],
-    references: [addresses.id],
-  }),
-  owner: one(users, {
-    fields: [projects.ownerId],
-    references: [users.id],
-  }),
-}))
-
-export type Project = typeof projects.$inferSelect
-export type NewProject = typeof projects.$inferInsert
-export const insertProjectSchema = createInsertSchema(projects)
-export const selectProjectSchema = createSelectSchema(projects)
diff --git a/packages/db/src/types.ts b/packages/db/src/types.ts
deleted file mode 100644
index 09f67e3a..00000000
--- a/packages/db/src/types.ts
+++ /dev/null
@@ -1,160 +0,0 @@
-/**
- * Database types for Supabase
- * Generated from database schema
- */
-
-export type Json = string | number | boolean | null | { [key: string]: Json | undefined } | Json[]
-
-export interface Database {
-  public: {
-    Tables: {
-      projects: {
-        Row: {
-          id: string
-          name: string
-          owner_id: string
-          created_at: string
-          updated_at: string
-        }
-        Insert: {
-          id?: string
-          name: string
-          owner_id: string
-          created_at?: string
-          updated_at?: string
-        }
-        Update: {
-          id?: string
-          name?: string
-          owner_id?: string
-          created_at?: string
-          updated_at?: string
-        }
-      }
-      projects_addresses: {
-        Row: {
-          id: string
-          project_id: string
-          formatted_address: string
-          street_number: string | null
-          route: string | null
-          locality: string | null
-          administrative_area_level_1: string | null
-          administrative_area_level_2: string | null
-          country: string | null
-          postal_code: string | null
-          latitude: number | null
-          longitude: number | null
-          place_id: string | null
-          created_at: string
-          updated_at: string
-        }
-        Insert: {
-          id?: string
-          project_id: string
-          formatted_address: string
-          street_number?: string | null
-          route?: string | null
-          locality?: string | null
-          administrative_area_level_1?: string | null
-          administrative_area_level_2?: string | null
-          country?: string | null
-          postal_code?: string | null
-          latitude?: number | null
-          longitude?: number | null
-          place_id?: string | null
-          created_at?: string
-          updated_at?: string
-        }
-        Update: {
-          id?: string
-          project_id?: string
-          formatted_address?: string
-          street_number?: string | null
-          route?: string | null
-          locality?: string | null
-          administrative_area_level_1?: string | null
-          administrative_area_level_2?: string | null
-          country?: string | null
-          postal_code?: string | null
-          latitude?: number | null
-          longitude?: number | null
-          place_id?: string | null
-          created_at?: string
-          updated_at?: string
-        }
-      }
-      projects_models: {
-        Row: {
-          id: string
-          project_id: string
-          name: string
-          version: number
-          draft: boolean
-          scene_graph: Json | null
-          created_at: string
-          updated_at: string
-        }
-        Insert: {
-          id?: string
-          project_id: string
-          name: string
-          version?: number
-          draft?: boolean
-          scene_graph?: Json | null
-          created_at?: string
-          updated_at?: string
-        }
-        Update: {
-          id?: string
-          project_id?: string
-          name?: string
-          version?: number
-          draft?: boolean
-          scene_graph?: Json | null
-          created_at?: string
-          updated_at?: string
-        }
-      }
-      presets: {
-        Row: {
-          id: string
-          type: string
-          name: string
-          data: Json
-          thumbnail_url: string | null
-          user_id: string | null
-          is_community: boolean
-          created_at: string
-          updated_at: string
-        }
-        Insert: {
-          id?: string
-          type: string
-          name: string
-          data: Json
-          thumbnail_url?: string | null
-          user_id?: string | null
-          is_community?: boolean
-          created_at?: string
-          updated_at?: string
-        }
-        Update: {
-          id?: string
-          type?: string
-          name?: string
-          data?: Json
-          thumbnail_url?: string | null
-          user_id?: string | null
-          is_community?: boolean
-          created_at?: string
-          updated_at?: string
-        }
-        Relationships: []
-      }
-    }
-    Views: {}
-    Functions: {}
-    Enums: {}
-  }
-}
diff --git a/packages/db/tsconfig.json b/packages/db/tsconfig.json
deleted file mode 100644
index acff721f..00000000
--- a/packages/db/tsconfig.json
+++ /dev/null
@@ -1,11 +0,0 @@
-{
-  "extends": "@repo/typescript-config/base.json",
-  "compilerOptions": {
-    "outDir": "dist",
-    "rootDir": "src",
-    "module": "ESNext",
-    "moduleResolution": "bundler"
-  },
-  "include": ["src"],
-  "exclude": ["node_modules", "dist"]
-}
diff --git a/packages/editor/package.json b/packages/editor/package.json
new file mode 100644
index 00000000..f253727f
--- /dev/null
+++ b/packages/editor/package.json
@@ -0,0 +1,60 @@
+{
+  "name": "@pascal-app/editor",
+  "version": "0.1.0",
+  "description": "Pascal building editor component",
+  "type": "module",
+  "exports": {
+    ".": "./src/index.tsx"
+  },
+  "scripts": {
+    "check-types": "tsc --noEmit"
+  },
+  "peerDependencies": {
+    "@pascal-app/core": "*",
+    "@pascal-app/viewer": "*",
+    "@react-three/drei": "^10",
+    "@react-three/fiber": "^9",
+    "next": ">=15",
+    "react": "^18 || ^19",
+    "react-dom": "^18 || ^19",
+    "three": "^0.183"
+  },
+  "dependencies": {
+    "@number-flow/react": "^0.5.14",
+    "@radix-ui/react-alert-dialog": "^1.1.15",
+    "@radix-ui/react-context-menu": "^2.2.16",
+    "@radix-ui/react-dialog": "^1.1.15",
+    "@radix-ui/react-dropdown-menu": "^2.1.16",
+    "@radix-ui/react-popover": "^1.1.15",
+    "@radix-ui/react-select": "^2.2.6",
+    "@radix-ui/react-separator": "^1.1.8",
+    "@radix-ui/react-slider": "^1.3.6",
+    "@radix-ui/react-slot": "^1.2.4",
+    "@radix-ui/react-switch": "^1.2.6",
+    "@radix-ui/react-tabs": "^1.1.13",
+    "@radix-ui/react-tooltip": "^1.2.8",
+    "@react-three/uikit-lucide": "^1.0.62",
+    "@visual-json/react": "latest",
+    "class-variance-authority": "^0.7.1",
+    "clsx": "^2.1.1",
+    "cmdk": "^1.1.1",
+    "howler": "^2.2.4",
+    "lucide-react": "^0.562.0",
+    "mitt": "^3.0.1",
+    "motion": "^12.34.3",
+    "nanoid": "^5.1.6",
+    "tailwind-merge": "^3.5.0",
+    "zod": "^4.3.6",
+    "zustand": "^5.0.11"
+  },
+  "devDependencies": {
+    "@pascal-app/core": "*",
+    "@pascal-app/viewer": "*",
+    "@pascal/typescript-config": "*",
+    "@types/howler": "^2.2.12",
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.2",
+    "@types/three": "^0.183.1",
+    "typescript": "5.9.3"
+  }
+}
diff --git a/apps/editor/components/editor/custom-camera-controls.tsx b/packages/editor/src/components/editor/custom-camera-controls.tsx
similarity index 95%
rename from apps/editor/components/editor/custom-camera-controls.tsx
rename to packages/editor/src/components/editor/custom-camera-controls.tsx
index ac16b411..2483c9b9 100644
--- a/apps/editor/components/editor/custom-camera-controls.tsx
+++ b/packages/editor/src/components/editor/custom-camera-controls.tsx
@@ -6,8 +6,8 @@ import { CameraControls, CameraControlsImpl } from '@react-three/drei'
 import { useThree } from '@react-three/fiber'
 import { useCallback, useEffect, useMemo, useRef } from 'react'
 import { Box3, Vector3 } from 'three'
-import { EDITOR_LAYER } from '@/lib/constants'
-import useEditor from '@/store/use-editor'
+import { EDITOR_LAYER } from '../../lib/constants'
+import useEditor from '../../store/use-editor'
 
 const currentTarget = new Vector3()
 const tempBox = new Box3()
@@ -61,9 +61,7 @@ export const CustomCameraControls = () => {
         : CameraControlsImpl.ACTION.DOLLY
 
     return {
-      left: isPreviewMode
-        ? CameraControlsImpl.ACTION.SCREEN_PAN
-        : CameraControlsImpl.ACTION.NONE,
+      left: isPreviewMode ? CameraControlsImpl.ACTION.SCREEN_PAN : CameraControlsImpl.ACTION.NONE,
       middle: CameraControlsImpl.ACTION.SCREEN_PAN,
       right: CameraControlsImpl.ACTION.ROTATE,
       wheel: wheelAction,
@@ -159,7 +157,7 @@ export const CustomCameraControls = () => {
     : null
 
   useEffect(() => {
-    if (!isPreviewMode || !controls.current) return
+    if (!(isPreviewMode && controls.current)) return
 
     const nodes = useScene.getState().nodes
     let node = previewTargetNodeId ? nodes[previewTargetNodeId] : null
@@ -176,8 +174,12 @@ export const CustomCameraControls = () => {
       requestAnimationFrame(() => {
         if (!controls.current) return
         controls.current.setLookAt(
-          position[0], position[1], position[2],
-          target[0], target[1], target[2],
+          position[0],
+          position[1],
+          position[2],
+          target[0],
+          target[1],
+          target[2],
           true,
         )
       })
@@ -231,7 +233,7 @@ export const CustomCameraControls = () => {
       if (!controls.current) return
 
       const node = useScene.getState().nodes[nodeId]
-      if (!node || !node.camera) return
+      if (!(node && node.camera)) return
       const { position, target } = node.camera
 
       controls.current.setLookAt(
@@ -311,11 +313,11 @@ export const CustomCameraControls = () => {
       maxPolarAngle={Math.PI / 2 - 0.1}
       minDistance={10}
       minPolarAngle={0}
-      ref={controls}
       mouseButtons={mouseButtons}
-      onTransitionStart={onTransitionStart}
       onRest={onRest}
       onSleep={onRest}
+      onTransitionStart={onTransitionStart}
+      ref={controls}
       restThreshold={0.01}
     />
   )
diff --git a/apps/editor/components/editor/export-manager.tsx b/packages/editor/src/components/editor/export-manager.tsx
similarity index 98%
rename from apps/editor/components/editor/export-manager.tsx
rename to packages/editor/src/components/editor/export-manager.tsx
index 5eeaccea..bbf97330 100644
--- a/apps/editor/components/editor/export-manager.tsx
+++ b/packages/editor/src/components/editor/export-manager.tsx
@@ -38,7 +38,7 @@ export function ExportManager() {
             console.error('Export error:', error)
             reject(error)
           },
-          { binary: true }
+          { binary: true },
         )
       })
     }
diff --git a/apps/editor/components/editor/floating-action-menu.tsx b/packages/editor/src/components/editor/floating-action-menu.tsx
similarity index 81%
rename from apps/editor/components/editor/floating-action-menu.tsx
rename to packages/editor/src/components/editor/floating-action-menu.tsx
index d5667f56..edb3def3 100644
--- a/apps/editor/components/editor/floating-action-menu.tsx
+++ b/packages/editor/src/components/editor/floating-action-menu.tsx
@@ -15,8 +15,8 @@ import { useFrame } from '@react-three/fiber'
 import { Copy, Move, Trash2 } from 'lucide-react'
 import { useCallback, useRef } from 'react'
 import * as THREE from 'three'
-import { sfxEmitter } from '@/lib/sfx-bus'
-import useEditor from '@/store/use-editor'
+import { sfxEmitter } from '../../lib/sfx-bus'
+import useEditor from '../../store/use-editor'
 
 const ALLOWED_TYPES = ['item', 'door', 'window']
 
@@ -35,7 +35,7 @@ export function FloatingActionMenu() {
   const isValidType = node ? ALLOWED_TYPES.includes(node.type) : false
 
   useFrame(() => {
-    if (!selectedId || !isValidType || !groupRef.current) return
+    if (!(selectedId && isValidType && groupRef.current)) return
 
     const obj = sceneRegistry.nodes.get(selectedId)
     if (obj) {
@@ -65,7 +65,7 @@ export function FloatingActionMenu() {
   const handleDuplicate = useCallback(
     (e: React.MouseEvent) => {
       e.stopPropagation()
-      if (!node || !node.parentId) return
+      if (!(node && node.parentId)) return
       sfxEmitter.emit('sfx:item-pick')
       useScene.temporal.getState().pause()
 
@@ -103,7 +103,7 @@ export function FloatingActionMenu() {
   const handleDelete = useCallback(
     (e: React.MouseEvent) => {
       e.stopPropagation()
-      if (!selectedId || !node) return
+      if (!(selectedId && node)) return
       sfxEmitter.emit('sfx:item-delete')
       deleteNode(selectedId as AnyNodeId)
       if (node.parentId) useScene.getState().dirtyNodes.add(node.parentId as AnyNodeId)
@@ -112,43 +112,43 @@ export function FloatingActionMenu() {
     [selectedId, node, deleteNode, setSelection],
   )
 
-  if (!selectedId || !node || !isValidType) return null
+  if (!(selectedId && node && isValidType)) return null
 
   return (
     <group ref={groupRef}>
       <Html
         center
-        zIndexRange={[100, 0]}
         style={{
           pointerEvents: 'auto',
           touchAction: 'none',
         }}
+        zIndexRange={[100, 0]}
       >
         <div
-          className="flex items-center gap-1 p-1 rounded-lg border border-border bg-background/95 shadow-xl backdrop-blur-md"
+          className="flex items-center gap-1 rounded-lg border border-border bg-background/95 p-1 shadow-xl backdrop-blur-md"
           onPointerDown={(e) => e.stopPropagation()}
           onPointerUp={(e) => e.stopPropagation()}
         >
           <button
+            className="tooltip-trigger rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground"
             onClick={handleMove}
-            className="p-1.5 rounded-md hover:bg-accent text-muted-foreground hover:text-foreground transition-colors tooltip-trigger"
             title="Move"
           >
-            <Move className="w-4 h-4" />
+            <Move className="h-4 w-4" />
           </button>
           <button
+            className="tooltip-trigger rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-accent hover:text-foreground"
             onClick={handleDuplicate}
-            className="p-1.5 rounded-md hover:bg-accent text-muted-foreground hover:text-foreground transition-colors tooltip-trigger"
             title="Duplicate"
           >
-            <Copy className="w-4 h-4" />
+            <Copy className="h-4 w-4" />
           </button>
           <button
+            className="tooltip-trigger rounded-md p-1.5 text-muted-foreground transition-colors hover:bg-destructive/10 hover:text-destructive"
             onClick={handleDelete}
-            className="p-1.5 rounded-md hover:bg-destructive/10 text-muted-foreground hover:text-destructive transition-colors tooltip-trigger"
             title="Delete"
           >
-            <Trash2 className="w-4 h-4" />
+            <Trash2 className="h-4 w-4" />
           </button>
         </div>
       </Html>
diff --git a/apps/editor/components/editor/grid.tsx b/packages/editor/src/components/editor/grid.tsx
similarity index 90%
rename from apps/editor/components/editor/grid.tsx
rename to packages/editor/src/components/editor/grid.tsx
index bcddba2d..f39ccf7e 100644
--- a/apps/editor/components/editor/grid.tsx
+++ b/packages/editor/src/components/editor/grid.tsx
@@ -7,8 +7,8 @@ import { useEffect, useMemo, useRef, useState } from 'react'
 import { MathUtils, type Mesh, Vector2 } from 'three'
 import { color, float, fract, fwidth, mix, positionLocal, uniform } from 'three/tsl'
 import { MeshBasicNodeMaterial } from 'three/webgpu'
-import { useGridEvents } from '@/hooks/use-grid-events'
-import { EDITOR_LAYER } from '@/lib/constants'
+import { useGridEvents } from '../../hooks/use-grid-events'
+import { EDITOR_LAYER } from '../../lib/constants'
 
 export const Grid = ({
   cellSize = 0.5,
@@ -32,11 +32,11 @@ export const Grid = ({
   revealRadius?: number
 }) => {
   const theme = useViewer((state) => state.theme)
-  
+
   // Use slightly lighter colors for dark mode grid to make it apparent
   const effectiveCellColor = theme === 'dark' ? '#555566' : cellColor
   const effectiveSectionColor = theme === 'dark' ? '#666677' : sectionColor
-  
+
   const cursorPositionRef = useRef(new Vector2(0, 0))
 
   const material = useMemo(() => {
@@ -90,7 +90,7 @@ export const Grid = ({
 
     // Baseline alpha: small amount of opacity everywhere the grid exists
     const baseAlpha = float(0.4) // Subtle global visibility
-    
+
     // Combined alpha with cursor fade and baseline minimum
     const alpha = g1.add(g2).mul(fade).mul(cursorFade.max(baseAlpha))
     const finalAlpha = mix(alpha.mul(0.75), alpha, g2)
@@ -102,15 +102,15 @@ export const Grid = ({
       depthWrite: false,
     })
   }, [
-    cellSize, 
-    cellThickness, 
-    effectiveCellColor, 
-    sectionSize, 
-    sectionThickness, 
-    effectiveSectionColor, 
-    fadeDistance, 
-    fadeStrength, 
-    revealRadius
+    cellSize,
+    cellThickness,
+    effectiveCellColor,
+    sectionSize,
+    sectionThickness,
+    effectiveSectionColor,
+    fadeDistance,
+    fadeStrength,
+    revealRadius,
   ])
 
   const gridRef = useRef<Mesh>(null!)
@@ -148,7 +148,13 @@ export const Grid = ({
   const showGrid = useViewer((state) => state.showGrid)
 
   return (
-    <mesh rotation-x={-Math.PI / 2} material={material} ref={gridRef} visible={showGrid} layers={EDITOR_LAYER}>
+    <mesh
+      layers={EDITOR_LAYER}
+      material={material}
+      ref={gridRef}
+      rotation-x={-Math.PI / 2}
+      visible={showGrid}
+    >
       <planeGeometry args={[fadeDistance * 2, fadeDistance * 2]} />
     </mesh>
   )
diff --git a/packages/editor/src/components/editor/index.tsx b/packages/editor/src/components/editor/index.tsx
new file mode 100644
index 00000000..f660cfb7
--- /dev/null
+++ b/packages/editor/src/components/editor/index.tsx
@@ -0,0 +1,247 @@
+'use client'
+
+import { initSpaceDetectionSync, initSpatialGridSync, useScene } from '@pascal-app/core'
+import { InteractiveSystem, useViewer, Viewer } from '@pascal-app/viewer'
+import { type ReactNode, useEffect, useState } from 'react'
+import { ViewerOverlay } from '../../components/viewer-overlay'
+import { ViewerZoneSystem } from '../../components/viewer-zone-system'
+import { type PresetsAdapter, PresetsProvider } from '../../contexts/presets-context'
+import { type SaveStatus, useAutoSave } from '../../hooks/use-auto-save'
+import { useKeyboard } from '../../hooks/use-keyboard'
+import {
+  applySceneGraphToEditor,
+  loadSceneFromLocalStorage,
+  type SceneGraph,
+} from '../../lib/scene'
+import { initSFXBus } from '../../lib/sfx-bus'
+import useEditor from '../../store/use-editor'
+import { CeilingSystem } from '../systems/ceiling/ceiling-system'
+import { ZoneLabelEditorSystem } from '../systems/zone/zone-label-editor-system'
+import { ZoneSystem } from '../systems/zone/zone-system'
+import { ToolManager } from '../tools/tool-manager'
+import { ActionMenu } from '../ui/action-menu'
+import { HelperManager } from '../ui/helpers/helper-manager'
+import { PanelManager } from '../ui/panels/panel-manager'
+import { ErrorBoundary } from '../ui/primitives/error-boundary'
+import { SidebarProvider } from '../ui/primitives/sidebar'
+import { SceneLoader } from '../ui/scene-loader'
+import { AppSidebar } from '../ui/sidebar/app-sidebar'
+import type { SettingsPanelProps } from '../ui/sidebar/panels/settings-panel'
+import type { SitePanelProps } from '../ui/sidebar/panels/site-panel'
+import { CustomCameraControls } from './custom-camera-controls'
+import { ExportManager } from './export-manager'
+import { FloatingActionMenu } from './floating-action-menu'
+import { Grid } from './grid'
+import { PresetThumbnailGenerator } from './preset-thumbnail-generator'
+import { SelectionManager } from './selection-manager'
+import { SiteEdgeLabels } from './site-edge-labels'
+import { ThumbnailGenerator } from './thumbnail-generator'
+
+// Load default scene initially (will be replaced when onLoad runs)
+useScene.getState().loadScene()
+initSpatialGridSync()
+initSpaceDetectionSync(useScene, useEditor)
+
+// Auto-select the first building and level for the default scene
+const sceneNodes = useScene.getState().nodes as Record<string, any>
+const sceneRootIds = useScene.getState().rootNodeIds
+const siteNode = sceneRootIds[0] ? sceneNodes[sceneRootIds[0]] : null
+const resolve = (child: any) => (typeof child === 'string' ? sceneNodes[child] : child)
+const firstBuilding = siteNode?.children?.map(resolve).find((n: any) => n?.type === 'building')
+const firstLevel = firstBuilding?.children?.map(resolve).find((n: any) => n?.type === 'level')
+
+if (firstBuilding && firstLevel) {
+  useViewer.getState().setSelection({
+    buildingId: firstBuilding.id,
+    levelId: firstLevel.id,
+    selectedIds: [],
+    zoneId: null,
+  })
+  useEditor.getState().setPhase('structure')
+  useEditor.getState().setStructureLayer('elements')
+
+  if (!firstLevel.children || firstLevel.children.length === 0) {
+    useEditor.getState().setMode('build')
+    useEditor.getState().setTool('wall')
+  }
+}
+
+initSFXBus()
+
+export interface EditorProps {
+  // UI slots
+  appMenuButton?: ReactNode
+  sidebarTop?: ReactNode
+
+  // Persistence — defaults to localStorage when omitted
+  onLoad?: () => Promise<SceneGraph | null>
+  onSave?: (scene: SceneGraph) => Promise<void>
+  onDirty?: () => void
+  onSaveStatusChange?: (status: SaveStatus) => void
+
+  // Version preview
+  previewScene?: SceneGraph
+  isVersionPreviewMode?: boolean
+
+  // Loading indicator (e.g. project fetching in community mode)
+  isLoading?: boolean
+
+  // Thumbnail
+  onThumbnailCapture?: (blob: Blob) => void
+
+  // Panel config (passed through to sidebar panels)
+  settingsPanelProps?: SettingsPanelProps
+  sitePanelProps?: SitePanelProps
+
+  // Presets storage backend (defaults to localStorage)
+  presetsAdapter?: PresetsAdapter
+}
+
+function EditorSceneCrashFallback() {
+  return (
+    <div className="fixed inset-0 z-[80] flex items-center justify-center bg-background/95 p-4 text-foreground">
+      <div className="w-full max-w-md rounded-2xl border border-border/60 bg-background p-6 shadow-xl">
+        <h2 className="font-semibold text-lg">The editor scene failed to render</h2>
+        <p className="mt-2 text-muted-foreground text-sm">
+          You can retry the scene or return home without reloading the whole app shell.
+        </p>
+        <div className="mt-4 flex items-center gap-2">
+          <button
+            className="rounded-md border border-border bg-accent px-3 py-2 font-medium text-sm hover:bg-accent/80"
+            onClick={() => window.location.reload()}
+            type="button"
+          >
+            Reload editor
+          </button>
+          <a
+            className="rounded-md border border-border bg-background px-3 py-2 font-medium text-sm hover:bg-accent/40"
+            href="/"
+          >
+            Back to home
+          </a>
+        </div>
+      </div>
+    </div>
+  )
+}
+
+export default function Editor({
+  appMenuButton,
+  sidebarTop,
+  onLoad,
+  onSave,
+  onDirty,
+  onSaveStatusChange,
+  previewScene,
+  isVersionPreviewMode = false,
+  isLoading = false,
+  onThumbnailCapture,
+  settingsPanelProps,
+  sitePanelProps,
+  presetsAdapter,
+}: EditorProps) {
+  useKeyboard()
+
+  const { isLoadingSceneRef } = useAutoSave({
+    onSave,
+    onDirty,
+    onSaveStatusChange,
+    isVersionPreviewMode,
+  })
+
+  const [isSceneLoading, setIsSceneLoading] = useState(false)
+  const isPreviewMode = useEditor((s) => s.isPreviewMode)
+
+  // Load scene on mount (or when onLoad identity changes, e.g. project switch)
+  useEffect(() => {
+    let cancelled = false
+
+    async function load() {
+      isLoadingSceneRef.current = true
+      setIsSceneLoading(true)
+
+      try {
+        const sceneGraph = onLoad ? await onLoad() : loadSceneFromLocalStorage()
+        if (!cancelled) {
+          applySceneGraphToEditor(sceneGraph)
+        }
+      } catch {
+        if (!cancelled) applySceneGraphToEditor(null)
+      } finally {
+        if (!cancelled) {
+          setIsSceneLoading(false)
+          requestAnimationFrame(() => {
+            isLoadingSceneRef.current = false
+          })
+        }
+      }
+    }
+
+    load()
+
+    return () => {
+      cancelled = true
+    }
+  }, [onLoad, isLoadingSceneRef])
+
+  // Apply preview scene when version preview mode changes
+  useEffect(() => {
+    if (isVersionPreviewMode && previewScene) {
+      applySceneGraphToEditor(previewScene)
+    }
+  }, [isVersionPreviewMode, previewScene])
+
+  useEffect(() => {
+    document.body.classList.add('dark')
+    return () => {
+      document.body.classList.remove('dark')
+    }
+  }, [])
+
+  const showLoader = isLoading || isSceneLoading
+
+  return (
+    <PresetsProvider adapter={presetsAdapter}>
+      <div className="dark h-full w-full text-foreground">
+        {showLoader && <SceneLoader />}
+
+        {isPreviewMode ? (
+          <ViewerOverlay onBack={() => useEditor.getState().setPreviewMode(false)} />
+        ) : (
+          <>
+            <ActionMenu />
+            <PanelManager />
+            <HelperManager />
+
+            <SidebarProvider className="fixed z-20">
+              <AppSidebar
+                appMenuButton={appMenuButton}
+                settingsPanelProps={settingsPanelProps}
+                sidebarTop={sidebarTop}
+                sitePanelProps={sitePanelProps}
+              />
+            </SidebarProvider>
+          </>
+        )}
+
+        <ErrorBoundary fallback={<EditorSceneCrashFallback />}>
+          <Viewer selectionManager={isPreviewMode ? 'default' : 'custom'}>
+            {!isPreviewMode && <SelectionManager />}
+            {!isPreviewMode && <FloatingActionMenu />}
+            <ExportManager />
+            {isPreviewMode ? <ViewerZoneSystem /> : <ZoneSystem />}
+            <CeilingSystem />
+            {!isPreviewMode && <Grid cellColor="#aaa" fadeDistance={500} sectionColor="#ccc" />}
+            {!isPreviewMode && <ToolManager />}
+            <CustomCameraControls />
+            <ThumbnailGenerator onThumbnailCapture={onThumbnailCapture} />
+            <PresetThumbnailGenerator />
+            {!isPreviewMode && <SiteEdgeLabels />}
+            {isPreviewMode && <InteractiveSystem />}
+          </Viewer>
+          {!isPreviewMode && <ZoneLabelEditorSystem />}
+        </ErrorBoundary>
+      </div>
+    </PresetsProvider>
+  )
+}
diff --git a/apps/editor/components/editor/preset-thumbnail-generator.tsx b/packages/editor/src/components/editor/preset-thumbnail-generator.tsx
similarity index 86%
rename from apps/editor/components/editor/preset-thumbnail-generator.tsx
rename to packages/editor/src/components/editor/preset-thumbnail-generator.tsx
index 49ee33c5..d0a72259 100644
--- a/apps/editor/components/editor/preset-thumbnail-generator.tsx
+++ b/packages/editor/src/components/editor/preset-thumbnail-generator.tsx
@@ -4,6 +4,7 @@ import { emitter, sceneRegistry } from '@pascal-app/core'
 import { useThree } from '@react-three/fiber'
 import { useCallback, useEffect } from 'react'
 import * as THREE from 'three'
+import { usePresetsAdapter } from '../../contexts/presets-context'
 
 const THUMBNAIL_SIZE = 1080
 const CAMERA_FOV = 45
@@ -11,6 +12,7 @@ const CAMERA_FOV = 45
 export const PresetThumbnailGenerator = () => {
   const gl = useThree((state) => state.gl)
   const scene = useThree((state) => state.scene)
+  const adapter = usePresetsAdapter()
 
   const generate = useCallback(
     async ({ presetId, nodeId }: { presetId: string; nodeId: string }) => {
@@ -29,7 +31,10 @@ export const PresetThumbnailGenerator = () => {
 
       const clones: THREE.Object3D[] = []
       target.traverse((obj) => {
-        if (!(obj instanceof THREE.Mesh || obj instanceof THREE.Line || obj instanceof THREE.Points)) return
+        if (
+          !(obj instanceof THREE.Mesh || obj instanceof THREE.Line || obj instanceof THREE.Points)
+        )
+          return
         const c = obj.clone(false) // shallow clone: copies geometry, material, visible — no children
         relMatrix.multiplyMatrices(targetInverse, obj.matrixWorld)
         relMatrix.decompose(c.position, c.quaternion, c.scale)
@@ -70,7 +75,10 @@ export const PresetThumbnailGenerator = () => {
       const snapshot = new Map<THREE.Object3D, boolean>()
       scene.traverse((obj) => {
         if (cloneSet.has(obj)) return
-        if (!(obj instanceof THREE.Mesh || obj instanceof THREE.Line || obj instanceof THREE.Points)) return
+        if (
+          !(obj instanceof THREE.Mesh || obj instanceof THREE.Line || obj instanceof THREE.Points)
+        )
+          return
         snapshot.set(obj, obj.visible)
         obj.visible = false
       })
@@ -98,20 +106,14 @@ export const PresetThumbnailGenerator = () => {
           console.error('❌ PresetThumbnail: failed to create blob')
           return
         }
-        const res = await fetch(`/api/presets/${presetId}/thumbnail`, {
-          method: 'POST',
-          body: blob,
-          headers: { 'Content-Type': 'image/png' },
-        })
-        if (res.ok) {
-          const json = await res.json()
-          emitter.emit('preset:thumbnail-updated', { presetId, thumbnailUrl: json.thumbnail_url })
-        } else {
-          console.error('❌ PresetThumbnail: upload failed', await res.text())
+        if (!adapter.uploadPresetThumbnail) return
+        const thumbnailUrl = await adapter.uploadPresetThumbnail(presetId, blob)
+        if (thumbnailUrl) {
+          emitter.emit('preset:thumbnail-updated', { presetId, thumbnailUrl })
         }
       }, 'image/png')
     },
-    [gl, scene],
+    [gl, scene, adapter],
   )
 
   useEffect(() => {
diff --git a/packages/editor/src/components/editor/selection-manager.tsx b/packages/editor/src/components/editor/selection-manager.tsx
new file mode 100644
index 00000000..9ac2b43e
--- /dev/null
+++ b/packages/editor/src/components/editor/selection-manager.tsx
@@ -0,0 +1,489 @@
+import {
+  type AnyNode,
+  type BuildingNode,
+  emitter,
+  type ItemNode,
+  type NodeEvent,
+  resolveLevelId,
+  sceneRegistry,
+  useScene,
+} from '@pascal-app/core'
+
+import { useViewer } from '@pascal-app/viewer'
+import { useEffect, useRef } from 'react'
+import useEditor from './../../store/use-editor'
+
+const isNodeInCurrentLevel = (node: AnyNode): boolean => {
+  const currentLevelId = useViewer.getState().selection.levelId
+  if (!currentLevelId) return true // No level selected, allow all
+  const nodeLevelId = resolveLevelId(node, useScene.getState().nodes)
+  return nodeLevelId === currentLevelId
+}
+
+type SelectableNodeType =
+  | 'wall'
+  | 'item'
+  | 'building'
+  | 'zone'
+  | 'slab'
+  | 'ceiling'
+  | 'roof'
+  | 'window'
+  | 'door'
+
+type ModifierKeys = {
+  meta: boolean
+  ctrl: boolean
+}
+
+interface SelectionStrategy {
+  types: SelectableNodeType[]
+  handleSelect: (node: AnyNode, nativeEvent?: any, modifierKeys?: ModifierKeys) => void
+  handleDeselect: () => void
+  isValid: (node: AnyNode) => boolean
+}
+
+export const resolveBuildingId = (
+  levelId: string,
+  nodes: Record<string, AnyNode>,
+): string | null => {
+  const level = nodes[levelId]
+  if (!level) return null
+  if (level.parentId && nodes[level.parentId]?.type === 'building') {
+    return level.parentId
+  }
+  return null
+}
+
+const computeNextIds = (
+  node: AnyNode,
+  selectedIds: string[],
+  event?: any,
+  modifierKeys?: ModifierKeys,
+): string[] => {
+  const isMeta = event?.metaKey || event?.nativeEvent?.metaKey || modifierKeys?.meta
+  const isCtrl = event?.ctrlKey || event?.nativeEvent?.ctrlKey || modifierKeys?.ctrl
+
+  console.log('computeNextIds:', {
+    nodeId: node.id,
+    selectedIds,
+    isMeta,
+    isCtrl,
+    eventMeta: event?.metaKey,
+    nativeMeta: event?.nativeEvent?.metaKey,
+    modMeta: modifierKeys?.meta,
+  })
+
+  if (isMeta || isCtrl) {
+    if (selectedIds.includes(node.id)) {
+      return selectedIds.filter((id) => id !== node.id)
+    }
+    return [...selectedIds, node.id]
+  }
+
+  // Not holding modifiers: select only this node
+  return [node.id]
+}
+
+const SELECTION_STRATEGIES: Record<string, SelectionStrategy> = {
+  site: {
+    types: ['building'],
+    handleSelect: (node) => {
+      useViewer.getState().setSelection({ buildingId: (node as BuildingNode).id })
+    },
+    handleDeselect: () => {
+      useViewer.getState().setSelection({ buildingId: null })
+    },
+    isValid: (node) => node.type === 'building',
+  },
+
+  structure: {
+    types: ['wall', 'item', 'zone', 'slab', 'ceiling', 'roof', 'window', 'door'],
+    handleSelect: (node, nativeEvent, modifierKeys) => {
+      const { selection, setSelection } = useViewer.getState()
+      const nodes = useScene.getState().nodes
+      const nodeLevelId = resolveLevelId(node, nodes)
+      const buildingId = resolveBuildingId(nodeLevelId, nodes)
+
+      const updates: any = {}
+      if (nodeLevelId !== 'default' && nodeLevelId !== selection.levelId) {
+        updates.levelId = nodeLevelId
+      }
+      if (buildingId && buildingId !== selection.buildingId) {
+        updates.buildingId = buildingId
+      }
+
+      if (node.type === 'zone') {
+        updates.zoneId = node.id
+        // Don't reset selectedIds in structure phase for zone, but if we changed level, it might reset them via hierarchy guard.
+        // Wait, the hierarchy guard resets zoneId if levelId changes. That's fine since we provide zoneId.
+        setSelection(updates)
+      } else {
+        updates.selectedIds = computeNextIds(node, selection.selectedIds, nativeEvent, modifierKeys)
+        setSelection(updates)
+      }
+    },
+    handleDeselect: () => {
+      const structureLayer = useEditor.getState().structureLayer
+      if (structureLayer === 'zones') {
+        useViewer.getState().setSelection({ zoneId: null })
+      } else {
+        useViewer.getState().setSelection({ selectedIds: [] })
+      }
+    },
+    isValid: (node) => {
+      if (!isNodeInCurrentLevel(node)) return false
+      const structureLayer = useEditor.getState().structureLayer
+      if (structureLayer === 'zones') {
+        if (node.type === 'zone') return true
+        return false
+      }
+      if (
+        node.type === 'wall' ||
+        node.type === 'slab' ||
+        node.type === 'ceiling' ||
+        node.type === 'roof'
+      )
+        return true
+      if (node.type === 'item') {
+        return (
+          (node as ItemNode).asset.category === 'door' ||
+          (node as ItemNode).asset.category === 'window'
+        )
+      }
+      if (node.type === 'window' || node.type === 'door') return true
+
+      return false
+    },
+  },
+
+  furnish: {
+    types: ['item'],
+    handleSelect: (node, nativeEvent, modifierKeys) => {
+      const { selection, setSelection } = useViewer.getState()
+      const nodes = useScene.getState().nodes
+      const nodeLevelId = resolveLevelId(node, nodes)
+      const buildingId = resolveBuildingId(nodeLevelId, nodes)
+
+      const updates: any = {}
+      if (nodeLevelId !== 'default' && nodeLevelId !== selection.levelId) {
+        updates.levelId = nodeLevelId
+      }
+      if (buildingId && buildingId !== selection.buildingId) {
+        updates.buildingId = buildingId
+      }
+
+      updates.selectedIds = computeNextIds(node, selection.selectedIds, nativeEvent, modifierKeys)
+      setSelection(updates)
+    },
+    handleDeselect: () => {
+      useViewer.getState().setSelection({ selectedIds: [] })
+    },
+    isValid: (node) => {
+      if (!isNodeInCurrentLevel(node)) return false
+      if (node.type !== 'item') return false
+      const item = node as ItemNode
+      return item.asset.category !== 'door' && item.asset.category !== 'window'
+    },
+  },
+}
+
+export const SelectionManager = () => {
+  const phase = useEditor((s) => s.phase)
+  const mode = useEditor((s) => s.mode)
+  const modifierKeysRef = useRef<ModifierKeys>({
+    meta: false,
+    ctrl: false,
+  })
+  const clickHandledRef = useRef(false)
+
+  const movingNode = useEditor((s) => s.movingNode)
+
+  useEffect(() => {
+    const onKeyDown = (event: KeyboardEvent) => {
+      if (event.key === 'Meta') modifierKeysRef.current.meta = true
+      if (event.key === 'Control') modifierKeysRef.current.ctrl = true
+    }
+
+    const onKeyUp = (event: KeyboardEvent) => {
+      if (event.key === 'Meta') modifierKeysRef.current.meta = false
+      if (event.key === 'Control') modifierKeysRef.current.ctrl = false
+    }
+
+    const clearModifiers = () => {
+      modifierKeysRef.current.meta = false
+      modifierKeysRef.current.ctrl = false
+    }
+
+    window.addEventListener('keydown', onKeyDown)
+    window.addEventListener('keyup', onKeyUp)
+    window.addEventListener('blur', clearModifiers)
+
+    return () => {
+      window.removeEventListener('keydown', onKeyDown)
+      window.removeEventListener('keyup', onKeyUp)
+      window.removeEventListener('blur', clearModifiers)
+    }
+  }, [])
+
+  useEffect(() => {
+    if (mode !== 'select') return
+    if (movingNode) return
+
+    const onClick = (event: NodeEvent) => {
+      const node = event.node
+      let currentPhase = useEditor.getState().phase
+      let targetPhase = currentPhase
+
+      // Auto-switch between structure and furnish phases when clicking elements on the same level
+      if (currentPhase === 'structure' || currentPhase === 'furnish') {
+        if (isNodeInCurrentLevel(node)) {
+          if (
+            node.type === 'wall' ||
+            node.type === 'slab' ||
+            node.type === 'ceiling' ||
+            node.type === 'roof' ||
+            node.type === 'window' ||
+            node.type === 'door'
+          ) {
+            targetPhase = 'structure'
+          } else if (node.type === 'item') {
+            const item = node as ItemNode
+            if (item.asset.category === 'door' || item.asset.category === 'window') {
+              targetPhase = 'structure'
+            } else {
+              targetPhase = 'furnish'
+            }
+          }
+
+          if (targetPhase !== currentPhase) {
+            useEditor.getState().setPhase(targetPhase)
+            if (targetPhase === 'structure' && useEditor.getState().structureLayer === 'zones') {
+              useEditor.getState().setStructureLayer('elements')
+            }
+            currentPhase = targetPhase
+          }
+        }
+      }
+
+      const activeStrategy = SELECTION_STRATEGIES[currentPhase]
+      if (activeStrategy?.isValid(node)) {
+        event.stopPropagation()
+        clickHandledRef.current = true
+
+        console.log(
+          '[SelectionManager] Valid click on:',
+          node.type,
+          node.id,
+          'Shift:',
+          event.nativeEvent.shiftKey,
+        )
+        activeStrategy.handleSelect(node, event.nativeEvent, modifierKeysRef.current)
+
+        // Reset the handled flag after a short delay to allow grid:click to be ignored
+        setTimeout(() => {
+          clickHandledRef.current = false
+        }, 50)
+      }
+    }
+
+    const allTypes = [
+      'wall',
+      'item',
+      'building',
+      'zone',
+      'slab',
+      'ceiling',
+      'roof',
+      'window',
+      'door',
+    ]
+    allTypes.forEach((type) => {
+      emitter.on(`${type}:click` as any, onClick as any)
+    })
+
+    const onGridClick = () => {
+      if (clickHandledRef.current) return
+      console.log('onGridClick triggered! Deselecting.')
+      const activeStrategy = SELECTION_STRATEGIES[useEditor.getState().phase]
+      if (activeStrategy) activeStrategy.handleDeselect()
+    }
+    emitter.on('grid:click', onGridClick)
+
+    return () => {
+      allTypes.forEach((type) => {
+        emitter.off(`${type}:click` as any, onClick as any)
+      })
+      emitter.off('grid:click', onGridClick)
+    }
+  }, [mode, movingNode])
+
+  // Global double-click handler for auto-switching phases and cross-phase hover
+  useEffect(() => {
+    if (mode !== 'select') return
+    if (movingNode) return
+
+    const onEnter = (event: NodeEvent) => {
+      const node = event.node
+      const currentPhase = useEditor.getState().phase
+
+      // Ignore site/building if we are already inside a building
+      if (node.type === 'building' || node.type === 'site') {
+        if (currentPhase === 'structure' || currentPhase === 'furnish') {
+          return
+        }
+      }
+
+      // Ignore zones unless specifically in zones layer
+      if (node.type === 'zone') {
+        if (currentPhase !== 'structure' || useEditor.getState().structureLayer !== 'zones') {
+          return
+        }
+      }
+
+      // Check level constraint for interior nodes
+      if (currentPhase === 'structure' || currentPhase === 'furnish') {
+        if (!isNodeInCurrentLevel(node)) return
+      }
+
+      event.stopPropagation()
+      useViewer.setState({ hoveredId: node.id })
+    }
+
+    const onLeave = (event: NodeEvent) => {
+      if (useViewer.getState().hoveredId === event.node.id) {
+        useViewer.setState({ hoveredId: null })
+      }
+    }
+
+    const onDoubleClick = (event: NodeEvent) => {
+      const node = event.node
+      const currentPhase = useEditor.getState().phase
+
+      let targetPhase: 'site' | 'structure' | 'furnish' | null = null
+
+      if (node.type === 'building' || node.type === 'site') {
+        if (currentPhase === 'structure' || currentPhase === 'furnish') {
+          return // Ignore building/site double clicks if we are already inside a building
+        }
+        if (node.type === 'building') {
+          targetPhase = 'structure'
+        }
+      } else if (
+        node.type === 'wall' ||
+        node.type === 'slab' ||
+        node.type === 'ceiling' ||
+        node.type === 'roof' ||
+        node.type === 'window' ||
+        node.type === 'door'
+      ) {
+        targetPhase = 'structure'
+      } else if (node.type === 'item') {
+        const item = node as ItemNode
+        if (item.asset.category === 'door' || item.asset.category === 'window') {
+          targetPhase = 'structure'
+        } else {
+          targetPhase = 'furnish'
+        }
+      }
+
+      if (node.type === 'zone') {
+        return
+      }
+
+      if (targetPhase && targetPhase !== useEditor.getState().phase) {
+        event.stopPropagation()
+
+        useEditor.getState().setPhase(targetPhase)
+
+        if (targetPhase === 'structure' && useEditor.getState().structureLayer === 'zones') {
+          useEditor.getState().setStructureLayer('elements')
+        }
+
+        const strategy = SELECTION_STRATEGIES[targetPhase]
+        if (strategy) {
+          strategy.handleSelect(node, event.nativeEvent, modifierKeysRef.current)
+        }
+      }
+    }
+
+    const allTypes = [
+      'wall',
+      'item',
+      'building',
+      'slab',
+      'ceiling',
+      'roof',
+      'window',
+      'door',
+      'zone',
+      'site',
+    ]
+    allTypes.forEach((type) => {
+      emitter.on(`${type}:enter` as any, onEnter as any)
+      emitter.on(`${type}:leave` as any, onLeave as any)
+      emitter.on(`${type}:double-click` as any, onDoubleClick as any)
+    })
+
+    return () => {
+      allTypes.forEach((type) => {
+        emitter.off(`${type}:enter` as any, onEnter as any)
+        emitter.off(`${type}:leave` as any, onLeave as any)
+        emitter.off(`${type}:double-click` as any, onDoubleClick as any)
+      })
+    }
+  }, [mode, movingNode])
+
+  return <EditorOutlinerSync />
+}
+
+const EditorOutlinerSync = () => {
+  const phase = useEditor((s) => s.phase)
+  const selection = useViewer((s) => s.selection)
+  const hoveredId = useViewer((s) => s.hoveredId)
+  const outliner = useViewer((s) => s.outliner)
+
+  useEffect(() => {
+    let idsToHighlight: string[] = []
+
+    // 1. Determine what should be highlighted based on Phase
+    switch (phase) {
+      case 'site':
+        // Only highlight the building if one is selected
+        if (selection.buildingId) idsToHighlight = [selection.buildingId]
+        break
+
+      case 'structure':
+        // Highlight selected items (walls/slabs)
+        // We IGNORE buildingId even if it's set in the store
+        idsToHighlight = selection.selectedIds
+        break
+
+      case 'furnish':
+        // Highlight selected furniture/items
+        idsToHighlight = selection.selectedIds
+        break
+
+      default:
+        // Pure Viewer mode: Highlight based on the "deepest" selection
+        if (selection.selectedIds.length > 0) idsToHighlight = selection.selectedIds
+        else if (selection.levelId) idsToHighlight = [selection.levelId]
+        else if (selection.buildingId) idsToHighlight = [selection.buildingId]
+    }
+
+    // 2. Sync with the imperative outliner arrays (mutate in place to keep references)
+    outliner.selectedObjects.length = 0
+    for (const id of idsToHighlight) {
+      const obj = sceneRegistry.nodes.get(id)
+      if (obj) outliner.selectedObjects.push(obj)
+    }
+
+    outliner.hoveredObjects.length = 0
+    if (hoveredId) {
+      const obj = sceneRegistry.nodes.get(hoveredId)
+      if (obj) outliner.hoveredObjects.push(obj)
+    }
+  }, [phase, selection, hoveredId, outliner])
+
+  return null
+}
diff --git a/apps/editor/components/editor/site-edge-labels.tsx b/packages/editor/src/components/editor/site-edge-labels.tsx
similarity index 100%
rename from apps/editor/components/editor/site-edge-labels.tsx
rename to packages/editor/src/components/editor/site-edge-labels.tsx
index 1af576ba..70e362d9 100644
--- a/apps/editor/components/editor/site-edge-labels.tsx
+++ b/packages/editor/src/components/editor/site-edge-labels.tsx
@@ -1,7 +1,7 @@
 'use client'
 
-import { sceneRegistry, useScene } from '@pascal-app/core'
 import type { SiteNode } from '@pascal-app/core'
+import { sceneRegistry, useScene } from '@pascal-app/core'
 import { Html } from '@react-three/drei'
 import { createPortal, useFrame } from '@react-three/fiber'
 import { useMemo, useRef, useState } from 'react'
@@ -50,10 +50,10 @@ export function SiteEdgeLabels() {
         <Html
           center
           key={`edge-${i}`}
+          occlude
           position={[edge.midX, 0.5, edge.midZ]}
           style={{ pointerEvents: 'none', userSelect: 'none' }}
           zIndexRange={[10, 0]}
-          occlude
         >
           <div className="whitespace-nowrap rounded bg-black/75 px-1.5 py-0.5 font-mono text-white text-xs backdrop-blur-sm">
             {edge.dist.toFixed(2)}m
diff --git a/apps/editor/components/editor/thumbnail-generator.tsx b/packages/editor/src/components/editor/thumbnail-generator.tsx
similarity index 64%
rename from apps/editor/components/editor/thumbnail-generator.tsx
rename to packages/editor/src/components/editor/thumbnail-generator.tsx
index 345a9647..0f8061ae 100644
--- a/apps/editor/components/editor/thumbnail-generator.tsx
+++ b/packages/editor/src/components/editor/thumbnail-generator.tsx
@@ -5,38 +5,42 @@ import { snapLevelsToTruePositions } from '@pascal-app/viewer'
 import { useThree } from '@react-three/fiber'
 import { useCallback, useEffect, useRef } from 'react'
 import * as THREE from 'three'
-import { uploadProjectThumbnail } from '@/features/community/lib/projects/actions'
-import { useProjectStore } from '@/features/community/lib/projects/store'
-import { EDITOR_LAYER } from '@/lib/constants'
+import { EDITOR_LAYER } from '../../lib/constants'
 
 const THUMBNAIL_WIDTH = 1920
 const THUMBNAIL_HEIGHT = 1080
 const AUTO_SAVE_DELAY = 10_000
 
 interface ThumbnailGeneratorProps {
-  projectId?: string
+  onThumbnailCapture?: (blob: Blob) => void
 }
 
-export const ThumbnailGenerator = ({ projectId: propProjectId }: ThumbnailGeneratorProps) => {
+export const ThumbnailGenerator = ({ onThumbnailCapture }: ThumbnailGeneratorProps) => {
   const gl = useThree((state) => state.gl)
   const scene = useThree((state) => state.scene)
   const isGenerating = useRef(false)
   const debounceTimerRef = useRef<ReturnType<typeof setTimeout> | null>(null)
   const pendingAutoRef = useRef(false)
+  const onThumbnailCaptureRef = useRef(onThumbnailCapture)
 
-  const generate = useCallback(async (projectId: string) => {
-    if (isGenerating.current) {
-      console.log('⏸️ Thumbnail generation already in progress')
-      return
-    }
+  useEffect(() => {
+    onThumbnailCaptureRef.current = onThumbnailCapture
+  }, [onThumbnailCapture])
+
+  const generate = useCallback(async () => {
+    if (isGenerating.current) return
+    if (!onThumbnailCaptureRef.current) return
 
     isGenerating.current = true
-    console.log('📸 Generating thumbnail for project:', projectId)
 
     try {
-      const thumbnailCamera = new THREE.PerspectiveCamera(60, THUMBNAIL_WIDTH / THUMBNAIL_HEIGHT, 0.1, 1000)
+      const thumbnailCamera = new THREE.PerspectiveCamera(
+        60,
+        THUMBNAIL_WIDTH / THUMBNAIL_HEIGHT,
+        0.1,
+        1000,
+      )
 
-      // Check if the site node has a saved camera, otherwise use default isometric position
       const nodes = useScene.getState().nodes
       const siteNode = Object.values(nodes).find((n) => n.type === 'site')
 
@@ -48,18 +52,14 @@ export const ThumbnailGenerator = ({ projectId: propProjectId }: ThumbnailGenera
         thumbnailCamera.position.set(8, 8, 8)
         thumbnailCamera.lookAt(0, 0, 0)
       }
-      thumbnailCamera.layers.disable(EDITOR_LAYER) // Render only default layer to exclude helper visuals
+      thumbnailCamera.layers.disable(EDITOR_LAYER)
 
-      // Match camera aspect to current canvas so the render looks correct
       const { width, height } = gl.domElement
       thumbnailCamera.aspect = width / height
       thumbnailCamera.updateProjectionMatrix()
 
-      // Snap levels to true stacked positions so the thumbnail always shows a clean view,
-      // regardless of the current levelMode (exploded, solo, etc.)
       const restoreLevels = snapLevelsToTruePositions()
 
-      // Hide guides and scans — they are reference overlays, not part of the architectural model
       const visibilitySnapshot = new Map<string, boolean>()
       for (const type of ['scan', 'guide'] as const) {
         sceneRegistry.byType[type].forEach((id) => {
@@ -79,10 +79,12 @@ export const ThumbnailGenerator = ({ projectId: propProjectId }: ThumbnailGenera
         if (obj) obj.visible = wasVisible
       })
 
-      // Center-crop the canvas to the thumbnail aspect ratio, then scale — avoids deformation
       const srcAspect = width / height
       const dstAspect = THUMBNAIL_WIDTH / THUMBNAIL_HEIGHT
-      let sx = 0, sy = 0, sWidth = width, sHeight = height
+      let sx = 0,
+        sy = 0,
+        sWidth = width,
+        sHeight = height
       if (srcAspect > dstAspect) {
         sWidth = Math.round(height * dstAspect)
         sx = Math.round((width - sWidth) / 2)
@@ -97,20 +99,12 @@ export const ThumbnailGenerator = ({ projectId: propProjectId }: ThumbnailGenera
       const ctx = offscreen.getContext('2d')!
       ctx.drawImage(gl.domElement, sx, sy, sWidth, sHeight, 0, 0, THUMBNAIL_WIDTH, THUMBNAIL_HEIGHT)
 
-      offscreen.toBlob(async (blob) => {
+      offscreen.toBlob((blob) => {
         if (blob) {
-          console.log('☁️ Uploading thumbnail to storage...')
-          const result = await uploadProjectThumbnail(projectId, blob)
-
-          if (result.success) {
-            useProjectStore.getState().updateActiveThumbnail(result.data.thumbnail_url)
-          } else {
-            console.error('❌ Failed to upload thumbnail:', result.error)
-          }
+          onThumbnailCaptureRef.current?.(blob)
         } else {
           console.error('❌ Failed to create blob from canvas')
         }
-
         isGenerating.current = false
       }, 'image/png')
     } catch (error) {
@@ -121,30 +115,24 @@ export const ThumbnailGenerator = ({ projectId: propProjectId }: ThumbnailGenera
 
   // Manual trigger via emitter
   useEffect(() => {
-    const handleGenerateThumbnail = async (event: { projectId: string }) => {
-      const projectId = propProjectId || event.projectId
-      if (!projectId) {
-        console.error('❌ No project ID provided')
-        return
-      }
-      await generate(projectId)
+    const handleGenerateThumbnail = async () => {
+      await generate()
     }
 
     emitter.on('camera-controls:generate-thumbnail', handleGenerateThumbnail)
     return () => emitter.off('camera-controls:generate-thumbnail', handleGenerateThumbnail)
-  }, [generate, propProjectId])
+  }, [generate])
 
   // Auto-trigger: debounced on scene changes, deferred if tab is hidden
   useEffect(() => {
-    if (!propProjectId) return
+    if (!onThumbnailCapture) return
 
-    const triggerNow = () => generate(propProjectId)
+    const triggerNow = () => generate()
 
     const scheduleOrDefer = () => {
       if (document.visibilityState === 'visible') {
         triggerNow()
       } else {
-        // Tab is hidden — remember to fire when the user comes back
         pendingAutoRef.current = true
       }
     }
@@ -161,7 +149,6 @@ export const ThumbnailGenerator = ({ projectId: propProjectId }: ThumbnailGenera
       }
     }
 
-    // Subscribe to node changes — any structural edit resets the timer
     const unsubscribe = useScene.subscribe((state, prevState) => {
       if (state.nodes !== prevState.nodes) onSceneChange()
     })
@@ -173,7 +160,7 @@ export const ThumbnailGenerator = ({ projectId: propProjectId }: ThumbnailGenera
       unsubscribe()
       document.removeEventListener('visibilitychange', onVisibilityChange)
     }
-  }, [propProjectId, generate])
+  }, [onThumbnailCapture, generate])
 
   return null
 }
diff --git a/apps/editor/components/feedback-dialog.tsx b/packages/editor/src/components/feedback-dialog.tsx
similarity index 69%
rename from apps/editor/components/feedback-dialog.tsx
rename to packages/editor/src/components/feedback-dialog.tsx
index 2a63dea0..c38471c8 100644
--- a/apps/editor/components/feedback-dialog.tsx
+++ b/packages/editor/src/components/feedback-dialog.tsx
@@ -2,26 +2,34 @@
 
 import { useScene } from '@pascal-app/core'
 import { ImageIcon, MessageSquare, X } from 'lucide-react'
-import { useParams } from 'next/navigation'
 import { useCallback, useRef, useState } from 'react'
-import { Button } from '@/components/ui/primitives/button'
+import { Button } from './ui/primitives/button'
 import {
   Dialog,
   DialogContent,
   DialogDescription,
   DialogHeader,
   DialogTitle,
-} from '@/components/ui/primitives/dialog'
-import { createImageUploadUrls, submitFeedback } from '@/features/community/lib/feedback/actions'
+} from './ui/primitives/dialog'
 
 const MAX_IMAGES = 5
 const MAX_IMAGE_SIZE = 5 * 1024 * 1024
 
 type ImagePreview = { file: File; url: string }
 
-export function FeedbackDialog({ projectId: projectIdProp }: { projectId?: string }) {
-  const params = useParams()
-  const projectId = projectIdProp ?? (params?.projectId as string | undefined)
+export function FeedbackDialog({
+  projectId: projectIdProp,
+  onSubmit,
+}: {
+  projectId?: string
+  onSubmit?: (data: {
+    message: string
+    projectId?: string
+    sceneGraph: unknown
+    images: File[]
+  }) => Promise<{ success: boolean; error?: string }>
+}) {
+  const projectId = projectIdProp
 
   const [open, setOpen] = useState(false)
   const [message, setMessage] = useState('')
@@ -113,69 +121,20 @@ export function FeedbackDialog({ projectId: projectIdProp }: { projectId?: strin
     setIsSubmitting(true)
 
     try {
-      // Capture scene graph snapshot
-      let sceneGraph: unknown = null
-      try {
-        const { nodes, rootNodeIds } = useScene.getState()
-        sceneGraph = { nodes, rootNodeIds }
-      } catch {
-        // Scene store may not be available (e.g. on non-editor pages)
-      }
-
-      // Upload images directly to Supabase Storage via signed URLs
-      let imagePaths: string[] = []
-
-      if (images.length > 0) {
-        const urlResult = await createImageUploadUrls(
-          images.map((img) => ({ name: img.file.name, type: img.file.type })),
-        )
-
-        if (!urlResult.success) {
-          setError(urlResult.error)
-          return
-        }
-
-        // Upload each file directly to Supabase (bypasses Vercel size limit)
-        const uploadResults = await Promise.allSettled(
-          urlResult.uploads.map(async ({ path, signedUrl }, i) => {
-            const file = images[i]?.file
-            if (!file) return null
-
-            const res = await fetch(signedUrl, {
-              method: 'PUT',
-              headers: { 'Content-Type': file.type },
-              body: file,
-            })
-
-            if (!res.ok) {
-              console.error(`Upload failed for ${file.name}: ${res.status}`)
-              return null
-            }
-
-            return path
-          }),
-        )
-
-        imagePaths = uploadResults
-          .filter(
-            (r): r is PromiseFulfilledResult<string> =>
-              r.status === 'fulfilled' && r.value !== null,
-          )
-          .map((r) => r.value)
-      }
-
-      const result = await submitFeedback({
+      if (!onSubmit) return
+      const { nodes, rootNodeIds } = useScene.getState()
+      const sceneGraph = { nodes, rootNodeIds }
+      const result = await onSubmit({
         message,
         projectId,
         sceneGraph,
-        imagePaths,
+        images: images.map((img) => img.file),
       })
-
       if (result.success) {
         setSent(true)
         setTimeout(() => setOpen(false), 1500)
       } else {
-        setError(result.error)
+        setError(result.error ?? 'Something went wrong')
       }
     } finally {
       setIsSubmitting(false)
@@ -185,14 +144,14 @@ export function FeedbackDialog({ projectId: projectIdProp }: { projectId?: strin
   return (
     <>
       <button
+        className="flex items-center gap-2 rounded-lg border border-border bg-background/95 px-3 py-2 font-medium text-sm shadow-lg backdrop-blur-md transition-colors hover:bg-accent/90"
         onClick={handleOpen}
-        className="flex items-center gap-2 rounded-lg border border-border bg-background/95 px-3 py-2 text-sm font-medium shadow-lg backdrop-blur-md hover:bg-accent/90 transition-colors"
       >
         <MessageSquare className="h-4 w-4" />
         Feedback
       </button>
 
-      <Dialog open={open} onOpenChange={handleClose}>
+      <Dialog onOpenChange={handleClose} open={open}>
         <DialogContent
           className="sm:max-w-[460px]"
           onDragEnter={onDragEnter}
@@ -202,10 +161,10 @@ export function FeedbackDialog({ projectId: projectIdProp }: { projectId?: strin
         >
           {/* Drag overlay — only visible when dragging files over the dialog */}
           {isDragging && (
-            <div className="absolute inset-0 z-50 flex items-center justify-center rounded-lg border-2 border-dashed border-primary/50 bg-primary/5 backdrop-blur-sm transition-all">
+            <div className="absolute inset-0 z-50 flex items-center justify-center rounded-lg border-2 border-primary/50 border-dashed bg-primary/5 backdrop-blur-sm transition-all">
               <div className="flex flex-col items-center gap-2 text-primary/70">
                 <ImageIcon className="h-8 w-8" />
-                <p className="text-sm font-medium">Drop images here</p>
+                <p className="font-medium text-sm">Drop images here</p>
               </div>
             </div>
           )}
@@ -216,24 +175,24 @@ export function FeedbackDialog({ projectId: projectIdProp }: { projectId?: strin
           </DialogHeader>
 
           {sent ? (
-            <p className="py-4 text-center text-sm text-muted-foreground">
+            <p className="py-4 text-center text-muted-foreground text-sm">
               Thanks for your feedback!
             </p>
           ) : (
             <form className="space-y-4" onSubmit={handleSubmit}>
               <div>
-                <label htmlFor="feedback-message" className="text-sm font-medium">
+                <label className="font-medium text-sm" htmlFor="feedback-message">
                   Your feedback
                 </label>
                 <textarea
+                  autoFocus
+                  className="mt-1 w-full resize-none rounded-md border border-border bg-background px-3 py-2 text-sm focus:outline-none focus:ring-2 focus:ring-primary"
+                  disabled={isSubmitting}
                   id="feedback-message"
-                  value={message}
                   onChange={(e) => setMessage(e.target.value)}
                   placeholder="Share your thoughts, suggestions, feature requests, or report issues..."
                   rows={5}
-                  className="mt-1 w-full rounded-md border border-border bg-background px-3 py-2 text-sm resize-none focus:outline-none focus:ring-2 focus:ring-primary"
-                  disabled={isSubmitting}
-                  autoFocus
+                  value={message}
                 />
               </div>
 
@@ -242,14 +201,14 @@ export function FeedbackDialog({ projectId: projectIdProp }: { projectId?: strin
                 <div className="flex flex-wrap gap-2">
                   {images.map((img, i) => (
                     <div
-                      key={img.url}
                       className="group relative h-14 w-14 overflow-hidden rounded-md border border-border"
+                      key={img.url}
                     >
-                      <img src={img.url} alt="" className="h-full w-full object-cover" />
+                      <img alt="" className="h-full w-full object-cover" src={img.url} />
                       <button
-                        type="button"
-                        onClick={() => removeImage(i)}
                         className="absolute inset-0 flex items-center justify-center bg-black/50 opacity-0 transition-opacity group-hover:opacity-100"
+                        onClick={() => removeImage(i)}
+                        type="button"
                       >
                         <X className="h-4 w-4 text-white" />
                       </button>
@@ -258,41 +217,41 @@ export function FeedbackDialog({ projectId: projectIdProp }: { projectId?: strin
                 </div>
               )}
 
-              {error && <p className="text-sm text-destructive">{error}</p>}
+              {error && <p className="text-destructive text-sm">{error}</p>}
 
               <div className="flex items-center justify-between">
                 {/* Subtle attach button */}
                 <button
-                  type="button"
-                  onClick={() => fileInputRef.current?.click()}
+                  className="flex items-center gap-1.5 text-muted-foreground text-xs transition-colors hover:text-foreground disabled:opacity-40"
                   disabled={isSubmitting || images.length >= MAX_IMAGES}
-                  className="flex items-center gap-1.5 text-xs text-muted-foreground hover:text-foreground transition-colors disabled:opacity-40"
+                  onClick={() => fileInputRef.current?.click()}
+                  type="button"
                 >
                   <ImageIcon className="h-3.5 w-3.5" />
                   {images.length > 0 ? `${images.length}/${MAX_IMAGES}` : 'Attach'}
                 </button>
                 <input
-                  ref={fileInputRef}
-                  type="file"
                   accept="image/*"
-                  multiple
                   className="hidden"
+                  multiple
                   onChange={(e) => {
                     if (e.target.files) addFiles(e.target.files)
                     e.target.value = ''
                   }}
+                  ref={fileInputRef}
+                  type="file"
                 />
 
                 <div className="flex gap-2">
                   <Button
+                    disabled={isSubmitting}
+                    onClick={handleClose}
                     type="button"
                     variant="outline"
-                    onClick={handleClose}
-                    disabled={isSubmitting}
                   >
                     Cancel
                   </Button>
-                  <Button type="submit" disabled={isSubmitting || !message.trim()}>
+                  <Button disabled={isSubmitting || !message.trim() || !onSubmit} type="submit">
                     {isSubmitting ? 'Sending...' : 'Send Feedback'}
                   </Button>
                 </div>
diff --git a/apps/editor/components/pascal-radio.tsx b/packages/editor/src/components/pascal-radio.tsx
similarity index 86%
rename from apps/editor/components/pascal-radio.tsx
rename to packages/editor/src/components/pascal-radio.tsx
index 05968bb3..14359774 100644
--- a/apps/editor/components/pascal-radio.tsx
+++ b/packages/editor/src/components/pascal-radio.tsx
@@ -1,12 +1,12 @@
 'use client'
 
-import { AnimatePresence, motion } from 'framer-motion'
 import { Howl } from 'howler'
 import { Disc3, Settings2, SkipBack, SkipForward, Volume2, VolumeX } from 'lucide-react'
+import { AnimatePresence, motion } from 'motion/react'
 import { useCallback, useEffect, useRef, useState } from 'react'
-import { Slider } from '@/components/ui/slider'
-import { cn } from '@/lib/utils'
-import useAudio from '@/store/use-audio'
+import { Slider } from '../components/ui/slider'
+import { cn } from '../lib/utils'
+import useAudio from '../store/use-audio'
 
 const PLAYLIST = [
   {
@@ -163,32 +163,30 @@ export function PascalRadio() {
 
   return (
     <motion.div
-      ref={containerRef}
+      className={cn(
+        'flex flex-col overflow-hidden rounded-lg border border-border bg-background/95 shadow-lg backdrop-blur-md',
+        !isOpen && 'cursor-pointer transition-colors hover:bg-accent/90',
+      )}
       layout
       onClick={() => {
         if (!isOpen) setIsOpen(true)
       }}
+      ref={containerRef}
       transition={{ type: 'spring', bounce: 0.2, duration: 0.6 }}
-      className={cn(
-        'flex flex-col rounded-lg border border-border bg-background/95 shadow-lg backdrop-blur-md overflow-hidden',
-        !isOpen && 'cursor-pointer hover:bg-accent/90 transition-colors',
-      )}
     >
-      <div className="flex items-center justify-between gap-2 px-3 py-2 text-sm font-medium">
+      <div className="flex items-center justify-between gap-2 px-3 py-2 font-medium text-sm">
         <div className="flex items-center gap-2">
           <Disc3 className={cn('h-4 w-4 shrink-0', isRadioPlaying && 'animate-spin')} />
-          <span className="hidden sm:inline whitespace-nowrap">Radio Pascal</span>
+          <span className="hidden whitespace-nowrap sm:inline">Radio Pascal</span>
         </div>
         <div className="flex items-center gap-2">
           <div
+            aria-label={isRadioPlaying ? 'Pause' : 'Play'}
+            className="cursor-pointer rounded-sm bg-accent/30 p-1 transition-all hover:bg-accent hover:text-accent-foreground hover:shadow-sm"
             onClick={(e) => {
               e.stopPropagation()
               handlePlayPause()
             }}
-            className="rounded-sm p-1 transition-all cursor-pointer bg-accent/30 hover:bg-accent hover:text-accent-foreground hover:shadow-sm"
-            role="button"
-            tabIndex={0}
-            aria-label={isRadioPlaying ? 'Pause' : 'Play'}
             onKeyDown={(e) => {
               if (e.key === 'Enter' || e.key === ' ') {
                 e.preventDefault()
@@ -196,6 +194,8 @@ export function PascalRadio() {
                 handlePlayPause()
               }
             }}
+            role="button"
+            tabIndex={0}
           >
             {isRadioPlaying ? (
               <Volume2 className="h-3.5 w-3.5" />
@@ -204,15 +204,15 @@ export function PascalRadio() {
             )}
           </div>
           <button
+            aria-label="Radio Settings"
+            className={cn(
+              'cursor-pointer rounded-sm p-1 transition-all hover:bg-accent hover:text-accent-foreground',
+              isOpen && 'bg-accent text-accent-foreground',
+            )}
             onClick={(e) => {
               e.stopPropagation()
               setIsOpen(!isOpen)
             }}
-            className={cn(
-              'rounded-sm p-1 transition-all cursor-pointer hover:bg-accent hover:text-accent-foreground',
-              isOpen && 'bg-accent text-accent-foreground',
-            )}
-            aria-label="Radio Settings"
           >
             <Settings2 className="h-3.5 w-3.5" />
           </button>
@@ -222,34 +222,34 @@ export function PascalRadio() {
       <AnimatePresence>
         {isOpen && (
           <motion.div
-            initial={{ opacity: 0, height: 0 }}
             animate={{ opacity: 1, height: 'auto' }}
             exit={{ opacity: 0, height: 0 }}
+            initial={{ opacity: 0, height: 0 }}
             transition={{ type: 'spring', bounce: 0.2, duration: 0.6 }}
           >
-            <div className="px-3 pb-3 space-y-3 w-[16rem]">
-              <div className="h-px w-full bg-border/50 mb-3" />
+            <div className="w-[16rem] space-y-3 px-3 pb-3">
+              <div className="mb-3 h-px w-full bg-border/50" />
               {/* Current song info with prev/next */}
               <div>
-                <p className="text-xs text-muted-foreground mb-2">Now Playing</p>
+                <p className="mb-2 text-muted-foreground text-xs">Now Playing</p>
                 <div className="flex items-center justify-between gap-2">
                   <button
-                    onClick={handlePrevious}
-                    className="rounded-full p-1.5 transition-colors hover:bg-accent shrink-0"
                     aria-label="Previous"
+                    className="shrink-0 rounded-full p-1.5 transition-colors hover:bg-accent"
+                    onClick={handlePrevious}
                   >
                     <SkipBack className="h-4 w-4" />
                   </button>
                   <p
-                    className="text-sm font-medium text-center flex-1 truncate"
+                    className="flex-1 truncate text-center font-medium text-sm"
                     title={currentTrack.title}
                   >
                     {currentTrack.title}
                   </p>
                   <button
-                    onClick={handleNext}
-                    className="rounded-full p-1.5 transition-colors hover:bg-accent shrink-0"
                     aria-label="Next"
+                    className="shrink-0 rounded-full p-1.5 transition-colors hover:bg-accent"
+                    onClick={handleNext}
                   >
                     <SkipForward className="h-4 w-4" />
                   </button>
@@ -258,16 +258,16 @@ export function PascalRadio() {
 
               {/* Volume control */}
               <div className="flex items-center gap-2">
-                <Volume2 className="h-3.5 w-3.5 text-muted-foreground shrink-0" />
+                <Volume2 className="h-3.5 w-3.5 shrink-0 text-muted-foreground" />
                 <Slider
-                  value={[radioVolume]}
-                  onValueChange={handleVolumeChange}
-                  max={100}
-                  step={1}
-                  className="flex-1"
                   aria-label="Radio Volume"
+                  className="flex-1"
+                  max={100}
+                  onValueChange={handleVolumeChange}
+                  step={1}
+                  value={[radioVolume]}
                 />
-                <span className="w-8 text-right text-xs text-muted-foreground shrink-0">
+                <span className="w-8 shrink-0 text-right text-muted-foreground text-xs">
                   {radioVolume}%
                 </span>
               </div>
diff --git a/packages/editor/src/components/preview-button.tsx b/packages/editor/src/components/preview-button.tsx
new file mode 100644
index 00000000..0be919aa
--- /dev/null
+++ b/packages/editor/src/components/preview-button.tsx
@@ -0,0 +1,16 @@
+'use client'
+
+import { Eye } from 'lucide-react'
+import useEditor from '../store/use-editor'
+
+export function PreviewButton() {
+  return (
+    <button
+      className="flex cursor-pointer items-center gap-2 rounded-lg border border-border bg-background/95 px-3 py-2 font-medium text-sm shadow-lg backdrop-blur-md transition-colors hover:bg-accent/90"
+      onClick={() => useEditor.getState().setPreviewMode(true)}
+    >
+      <Eye className="h-4 w-4 shrink-0" />
+      <span className="hidden whitespace-nowrap sm:inline">Preview</span>
+    </button>
+  )
+}
diff --git a/apps/editor/components/systems/ceiling/ceiling-system.tsx b/packages/editor/src/components/systems/ceiling/ceiling-system.tsx
similarity index 91%
rename from apps/editor/components/systems/ceiling/ceiling-system.tsx
rename to packages/editor/src/components/systems/ceiling/ceiling-system.tsx
index fca2cc76..f90d8da3 100644
--- a/apps/editor/components/systems/ceiling/ceiling-system.tsx
+++ b/packages/editor/src/components/systems/ceiling/ceiling-system.tsx
@@ -1,7 +1,7 @@
 import { type AnyNodeId, sceneRegistry, useScene } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
 import { useEffect } from 'react'
-import useEditor from '@/store/use-editor'
+import useEditor from '../../../store/use-editor'
 
 export const CeilingSystem = () => {
   const tool = useEditor((state) => state.tool)
@@ -12,10 +12,10 @@ export const CeilingSystem = () => {
 
   useEffect(() => {
     const nodes = useScene.getState().nodes
-    
+
     const levelsToShowCeilings = new Set<string>()
 
-    const isCeilingToolActive = 
+    const isCeilingToolActive =
       tool === 'ceiling' ||
       selectedItem?.attachTo === 'ceiling' ||
       (movingNode?.type === 'item' && movingNode?.asset?.attachTo === 'ceiling')
@@ -45,7 +45,7 @@ export const CeilingSystem = () => {
         levelsToShowCeilings.add(levelId)
       }
     }
-    
+
     const ceilings = sceneRegistry.byType.ceiling
     ceilings.forEach((ceiling) => {
       const mesh = sceneRegistry.nodes.get(ceiling)
@@ -54,7 +54,7 @@ export const CeilingSystem = () => {
         if (ceilingGrid) {
           let belongsToVisibleLevel = false
           let currentId: string | null = ceiling
-          
+
           while (currentId && nodes[currentId as AnyNodeId]) {
             const node = nodes[currentId as AnyNodeId]
             if (node && levelsToShowCeilings.has(node.id)) {
@@ -64,8 +64,8 @@ export const CeilingSystem = () => {
             currentId = node?.parentId as string | null
           }
 
-          const shouldShowGrid = belongsToVisibleLevel || 
-            (levelsToShowCeilings.size === 0 && isCeilingToolActive)
+          const shouldShowGrid =
+            belongsToVisibleLevel || (levelsToShowCeilings.size === 0 && isCeilingToolActive)
 
           ceilingGrid.visible = shouldShowGrid
           ceilingGrid.scale.setScalar(shouldShowGrid ? 1 : 0.0) // Scale down to zero to prevent event interference when grid is hidden
diff --git a/apps/editor/components/systems/zone/zone-label-editor-system.tsx b/packages/editor/src/components/systems/zone/zone-label-editor-system.tsx
similarity index 92%
rename from apps/editor/components/systems/zone/zone-label-editor-system.tsx
rename to packages/editor/src/components/systems/zone/zone-label-editor-system.tsx
index ccca379a..f293185a 100644
--- a/apps/editor/components/systems/zone/zone-label-editor-system.tsx
+++ b/packages/editor/src/components/systems/zone/zone-label-editor-system.tsx
@@ -6,7 +6,7 @@ import { Check, Pencil } from 'lucide-react'
 import { useCallback, useEffect, useRef, useState } from 'react'
 import { createPortal } from 'react-dom'
 import { useShallow } from 'zustand/react/shallow'
-import useEditor from '@/store/use-editor'
+import useEditor from '../../../store/use-editor'
 
 // ─── Per-zone label editor ────────────────────────────────────────────────────
 
@@ -21,7 +21,9 @@ function ZoneLabelEditor({ zoneId }: { zoneId: ZoneNode['id'] }) {
 
   // Keep a ref so the click handler never has a stale zone name
   const zoneNameRef = useRef(zone?.name ?? '')
-  useEffect(() => { zoneNameRef.current = zone?.name ?? '' }, [zone?.name])
+  useEffect(() => {
+    zoneNameRef.current = zone?.name ?? ''
+  }, [zone?.name])
 
   // Setup: find the label element, enable pointer events, and hide the
   // zone-renderer's own text node (children[0]) — we replace it via portal.
@@ -87,22 +89,26 @@ function ZoneLabelEditor({ zoneId }: { zoneId: ZoneNode['id'] }) {
   return createPortal(
     editing ? (
       <div
-        style={sharedStyle}
         onMouseDown={(e) => e.stopPropagation()}
         onPointerDown={(e) => e.stopPropagation()}
+        style={sharedStyle}
       >
         <input
-          ref={inputRef}
-          type="text"
-          value={value}
+          onBlur={save}
           onChange={(e) => setValue(e.target.value)}
+          onClick={(e) => e.stopPropagation()}
           onKeyDown={(e) => {
             e.stopPropagation()
-            if (e.key === 'Enter') { e.preventDefault(); save() }
-            if (e.key === 'Escape') { e.preventDefault(); cancel() }
+            if (e.key === 'Enter') {
+              e.preventDefault()
+              save()
+            }
+            if (e.key === 'Escape') {
+              e.preventDefault()
+              cancel()
+            }
           }}
-          onBlur={save}
-          onClick={(e) => e.stopPropagation()}
+          ref={inputRef}
           style={{
             width: `${Math.max((value || zone?.name || '').length + 1, 4)}ch`,
             border: 'none',
@@ -118,10 +124,14 @@ function ZoneLabelEditor({ zoneId }: { zoneId: ZoneNode['id'] }) {
             fontFamily: 'inherit',
             textAlign: 'center',
           }}
+          type="text"
+          value={value}
         />
         <button
-          type="button"
-          onClick={(e) => { e.stopPropagation(); save() }}
+          onClick={(e) => {
+            e.stopPropagation()
+            save()
+          }}
           onMouseDown={(e) => e.stopPropagation()}
           style={{
             background: 'none',
@@ -132,14 +142,13 @@ function ZoneLabelEditor({ zoneId }: { zoneId: ZoneNode['id'] }) {
             display: 'inline-flex',
             alignItems: 'center',
           }}
+          type="button"
         >
           <Check size={12} />
         </button>
       </div>
     ) : (
       <button
-        type="button"
-        style={{ ...sharedStyle, background: 'none', border: 'none', cursor: 'text', padding: 0 }}
         onClick={(e) => {
           e.stopPropagation()
           setSelection({ zoneId })
@@ -147,6 +156,8 @@ function ZoneLabelEditor({ zoneId }: { zoneId: ZoneNode['id'] }) {
           setEditing(true)
         }}
         onMouseDown={(e) => e.stopPropagation()}
+        style={{ ...sharedStyle, background: 'none', border: 'none', cursor: 'text', padding: 0 }}
+        type="button"
       >
         <span>{zone?.name}</span>
         <span style={{ display: 'inline-flex', alignItems: 'center', opacity: 0.55 }}>
diff --git a/apps/editor/components/systems/zone/zone-system.tsx b/packages/editor/src/components/systems/zone/zone-system.tsx
similarity index 96%
rename from apps/editor/components/systems/zone/zone-system.tsx
rename to packages/editor/src/components/systems/zone/zone-system.tsx
index 63f1399e..87d1461d 100644
--- a/apps/editor/components/systems/zone/zone-system.tsx
+++ b/packages/editor/src/components/systems/zone/zone-system.tsx
@@ -1,7 +1,7 @@
 import { sceneRegistry, useScene, type ZoneNode } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
 import { useFrame } from '@react-three/fiber'
-import useEditor from '@/store/use-editor'
+import useEditor from '../../../store/use-editor'
 
 export const ZoneSystem = () => {
   useFrame(() => {
diff --git a/apps/editor/components/tools/ceiling/ceiling-boundary-editor.tsx b/packages/editor/src/components/tools/ceiling/ceiling-boundary-editor.tsx
similarity index 90%
rename from apps/editor/components/tools/ceiling/ceiling-boundary-editor.tsx
rename to packages/editor/src/components/tools/ceiling/ceiling-boundary-editor.tsx
index 6f8865b7..6622f799 100644
--- a/apps/editor/components/tools/ceiling/ceiling-boundary-editor.tsx
+++ b/packages/editor/src/components/tools/ceiling/ceiling-boundary-editor.tsx
@@ -1,4 +1,4 @@
-import { resolveLevelId, type CeilingNode, useScene } from '@pascal-app/core'
+import { type CeilingNode, resolveLevelId, useScene } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
 import { useCallback } from 'react'
 import { PolygonEditor } from '../shared/polygon-editor'
@@ -27,15 +27,15 @@ export const CeilingBoundaryEditor: React.FC<CeilingBoundaryEditorProps> = ({ ce
     [ceilingId, updateNode, setSelection],
   )
 
-  if (!ceiling || !ceiling.polygon || ceiling.polygon.length < 3) return null
+  if (!(ceiling && ceiling.polygon) || ceiling.polygon.length < 3) return null
 
   return (
     <PolygonEditor
-      polygon={ceiling.polygon}
       color="#d4d4d4"
-      onPolygonChange={handlePolygonChange}
-      minVertices={3}
       levelId={resolveLevelId(ceiling, useScene.getState().nodes)}
+      minVertices={3}
+      onPolygonChange={handlePolygonChange}
+      polygon={ceiling.polygon}
       surfaceHeight={ceiling.height ?? 2.5}
     />
   )
diff --git a/apps/editor/components/tools/ceiling/ceiling-hole-editor.tsx b/packages/editor/src/components/tools/ceiling/ceiling-hole-editor.tsx
similarity index 90%
rename from apps/editor/components/tools/ceiling/ceiling-hole-editor.tsx
rename to packages/editor/src/components/tools/ceiling/ceiling-hole-editor.tsx
index 17c65086..b665cdf0 100644
--- a/apps/editor/components/tools/ceiling/ceiling-hole-editor.tsx
+++ b/packages/editor/src/components/tools/ceiling/ceiling-hole-editor.tsx
@@ -1,4 +1,4 @@
-import { resolveLevelId, type CeilingNode, useScene } from '@pascal-app/core'
+import { type CeilingNode, resolveLevelId, useScene } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
 import { useCallback } from 'react'
 import { PolygonEditor } from '../shared/polygon-editor'
@@ -32,15 +32,15 @@ export const CeilingHoleEditor: React.FC<CeilingHoleEditorProps> = ({ ceilingId,
     [ceilingId, holeIndex, holes, updateNode, setSelection],
   )
 
-  if (!ceiling || !hole || hole.length < 3) return null
+  if (!(ceiling && hole) || hole.length < 3) return null
 
   return (
     <PolygonEditor
-      polygon={hole}
-      color="#ef4444" // red for holes
-      onPolygonChange={handlePolygonChange}
+      color="#ef4444"
+      levelId={resolveLevelId(ceiling, useScene.getState().nodes)} // red for holes
       minVertices={3}
-      levelId={resolveLevelId(ceiling, useScene.getState().nodes)}
+      onPolygonChange={handlePolygonChange}
+      polygon={hole}
       surfaceHeight={ceiling.height ?? 2.5}
     />
   )
diff --git a/apps/editor/components/tools/ceiling/ceiling-tool.tsx b/packages/editor/src/components/tools/ceiling/ceiling-tool.tsx
similarity index 84%
rename from apps/editor/components/tools/ceiling/ceiling-tool.tsx
rename to packages/editor/src/components/tools/ceiling/ceiling-tool.tsx
index cbfaa4d0..1d296f28 100644
--- a/apps/editor/components/tools/ceiling/ceiling-tool.tsx
+++ b/packages/editor/src/components/tools/ceiling/ceiling-tool.tsx
@@ -1,10 +1,10 @@
 import { CeilingNode, emitter, type GridEvent, type LevelNode, useScene } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
 import { useEffect, useMemo, useRef, useState } from 'react'
-import { BufferGeometry, DoubleSide, type Line, type Group, Shape, Vector3 } from 'three'
+import { BufferGeometry, DoubleSide, type Group, type Line, Shape, Vector3 } from 'three'
 import { mix, positionLocal } from 'three/tsl'
-import { EDITOR_LAYER } from '@/lib/constants'
-import { sfxEmitter } from '@/lib/sfx-bus'
+import { EDITOR_LAYER } from '../../../lib/constants'
+import { sfxEmitter } from '../../../lib/sfx-bus'
 import { CursorSphere } from '../shared/cursor-sphere'
 
 const CEILING_HEIGHT = 2.52
@@ -37,19 +37,22 @@ const calculateSnapPoint = (
     // Snap to 45° diagonal
     const diagonalLength = Math.min(absDx, absDy)
     return [x1 + Math.sign(dx) * diagonalLength, y1 + Math.sign(dy) * diagonalLength]
-  } else if (minDist === horizontalDist) {
+  }
+  if (minDist === horizontalDist) {
     // Snap to horizontal
     return [x, y1]
-  } else {
-    // Snap to vertical
-    return [x1, y]
   }
+  // Snap to vertical
+  return [x1, y]
 }
 
 /**
  * Creates a ceiling with the given polygon points and returns its ID
  */
-const commitCeilingDrawing = (levelId: LevelNode['id'], points: Array<[number, number]>): string => {
+const commitCeilingDrawing = (
+  levelId: LevelNode['id'],
+  points: Array<[number, number]>,
+): string => {
   const { createNode, nodes } = useScene.getState()
 
   // Count existing ceilings for naming
@@ -86,7 +89,11 @@ export const CeilingTool: React.FC = () => {
 
   // Static geometry: local y goes 0 (grid) → H (ceiling), mesh is positioned at gridY
   const verticalGeo = useMemo(
-    () => new BufferGeometry().setFromPoints([new Vector3(0, 0, 0), new Vector3(0, CEILING_HEIGHT - GRID_OFFSET, 0)]),
+    () =>
+      new BufferGeometry().setFromPoints([
+        new Vector3(0, 0, 0),
+        new Vector3(0, CEILING_HEIGHT - GRID_OFFSET, 0),
+      ]),
     [],
   )
 
@@ -101,7 +108,7 @@ export const CeilingTool: React.FC = () => {
     if (!currentLevelId) return
 
     const onGridMove = (event: GridEvent) => {
-      if (!cursorRef.current || !gridCursorRef.current) return
+      if (!(cursorRef.current && gridCursorRef.current)) return
 
       const gridX = Math.round(event.position[0] * 2) / 2
       const gridZ = Math.round(event.position[2] * 2) / 2
@@ -205,7 +212,7 @@ export const CeilingTool: React.FC = () => {
 
   // Update line geometries when points change
   useEffect(() => {
-    if (!mainLineRef.current || !closingLineRef.current) return
+    if (!(mainLineRef.current && closingLineRef.current)) return
 
     if (points.length === 0) {
       mainLineRef.current.visible = false
@@ -254,7 +261,9 @@ export const CeilingTool: React.FC = () => {
         new Vector3(firstPoint[0], gridY, firstPoint[1]),
       ]
       groundClosingLineRef.current.geometry.dispose()
-      groundClosingLineRef.current.geometry = new BufferGeometry().setFromPoints(groundClosingPoints)
+      groundClosingLineRef.current.geometry = new BufferGeometry().setFromPoints(
+        groundClosingPoints,
+      )
       groundClosingLineRef.current.visible = true
     } else {
       closingLineRef.current.visible = false
@@ -296,15 +305,33 @@ export const CeilingTool: React.FC = () => {
       <CursorSphere ref={cursorRef} />
 
       {/* Grid-level cursor indicator */}
-      <mesh ref={gridCursorRef} rotation={[-Math.PI / 2, 0, 0]} renderOrder={2} layers={EDITOR_LAYER}>
+      <mesh
+        layers={EDITOR_LAYER}
+        ref={gridCursorRef}
+        renderOrder={2}
+        rotation={[-Math.PI / 2, 0, 0]}
+      >
         <ringGeometry args={[0.15, 0.2, 32]} />
-        <meshBasicMaterial color="#818cf8" side={DoubleSide} depthTest={false} depthWrite={true} opacity={0.5} transparent />
+        <meshBasicMaterial
+          color="#818cf8"
+          depthTest={false}
+          depthWrite={true}
+          opacity={0.5}
+          side={DoubleSide}
+          transparent
+        />
       </mesh>
 
       {/* Vertical connector: local y=0 at grid, y=H at ceiling; position.y set to gridY on move */}
       {/* @ts-ignore */}
-      <line ref={verticalLineRef} geometry={verticalGeo} renderOrder={1} layers={EDITOR_LAYER}>
-        <lineBasicNodeMaterial color="#818cf8" opacityNode={gradientOpacityNode} depthTest={false} depthWrite={false} transparent />
+      <line geometry={verticalGeo} layers={EDITOR_LAYER} ref={verticalLineRef} renderOrder={1}>
+        <lineBasicNodeMaterial
+          color="#818cf8"
+          depthTest={false}
+          depthWrite={false}
+          opacityNode={gradientOpacityNode}
+          transparent
+        />
       </line>
 
       {/* Preview fill (Top) */}
@@ -347,20 +374,32 @@ export const CeilingTool: React.FC = () => {
 
       {/* Main line */}
       {/* @ts-ignore */}
-      <line ref={mainLineRef} frustumCulled={false} renderOrder={1} visible={false} layers={EDITOR_LAYER}>
+      <line
+        frustumCulled={false}
+        layers={EDITOR_LAYER}
+        ref={mainLineRef}
+        renderOrder={1}
+        visible={false}
+      >
         <bufferGeometry />
-        <lineBasicNodeMaterial color="#818cf8" linewidth={3} depthTest={false} depthWrite={false} />
+        <lineBasicNodeMaterial color="#818cf8" depthTest={false} depthWrite={false} linewidth={3} />
       </line>
 
       {/* Closing line */}
       {/* @ts-ignore */}
-      <line ref={closingLineRef} frustumCulled={false} renderOrder={1} visible={false} layers={EDITOR_LAYER}>
+      <line
+        frustumCulled={false}
+        layers={EDITOR_LAYER}
+        ref={closingLineRef}
+        renderOrder={1}
+        visible={false}
+      >
         <bufferGeometry />
         <lineBasicNodeMaterial
           color="#818cf8"
-          linewidth={2}
           depthTest={false}
           depthWrite={false}
+          linewidth={2}
           opacity={0.5}
           transparent
         />
@@ -368,20 +407,39 @@ export const CeilingTool: React.FC = () => {
 
       {/* Ground main line */}
       {/* @ts-ignore */}
-      <line ref={groundMainLineRef} frustumCulled={false} renderOrder={1} visible={false} layers={EDITOR_LAYER}>
+      <line
+        frustumCulled={false}
+        layers={EDITOR_LAYER}
+        ref={groundMainLineRef}
+        renderOrder={1}
+        visible={false}
+      >
         <bufferGeometry />
-        <lineBasicNodeMaterial color="#818cf8" linewidth={3} depthTest={false} depthWrite={false} opacity={0.3} transparent />
+        <lineBasicNodeMaterial
+          color="#818cf8"
+          depthTest={false}
+          depthWrite={false}
+          linewidth={3}
+          opacity={0.3}
+          transparent
+        />
       </line>
 
       {/* Ground closing line */}
       {/* @ts-ignore */}
-      <line ref={groundClosingLineRef} frustumCulled={false} renderOrder={1} visible={false} layers={EDITOR_LAYER}>
+      <line
+        frustumCulled={false}
+        layers={EDITOR_LAYER}
+        ref={groundClosingLineRef}
+        renderOrder={1}
+        visible={false}
+      >
         <bufferGeometry />
         <lineBasicNodeMaterial
           color="#818cf8"
-          linewidth={2}
           depthTest={false}
           depthWrite={false}
+          linewidth={2}
           opacity={0.15}
           transparent
         />
@@ -390,9 +448,9 @@ export const CeilingTool: React.FC = () => {
       {/* Point markers */}
       {points.map(([x, z], index) => (
         <CursorSphere
+          color="#818cf8"
           key={index}
           position={[x, levelY + CEILING_HEIGHT + 0.01, z]}
-          color="#818cf8"
           showTooltip={false}
         />
       ))}
diff --git a/apps/editor/components/tools/door/door-math.ts b/packages/editor/src/components/tools/door/door-math.ts
similarity index 93%
rename from apps/editor/components/tools/door/door-math.ts
rename to packages/editor/src/components/tools/door/door-math.ts
index 17cf812c..2fa5d03c 100644
--- a/apps/editor/components/tools/door/door-math.ts
+++ b/packages/editor/src/components/tools/door/door-math.ts
@@ -1,4 +1,12 @@
-import { type AnyNodeId, type DoorNode, getScaledDimensions, type ItemNode, useScene, type WallNode, type WindowNode } from '@pascal-app/core'
+import {
+  type AnyNodeId,
+  type DoorNode,
+  getScaledDimensions,
+  type ItemNode,
+  useScene,
+  type WallNode,
+  type WindowNode,
+} from '@pascal-app/core'
 
 /**
  * Converts wall-local (X along wall, Y = height above wall base) to world XYZ.
@@ -36,7 +44,7 @@ export function clampToWall(
   const wallLength = Math.sqrt(dx * dx + dz * dz)
 
   const clampedX = Math.max(width / 2, Math.min(wallLength - width / 2, localX))
-  const clampedY = height / 2  // Doors always sit at floor level
+  const clampedY = height / 2 // Doors always sit at floor level
   return { clampedX, clampedY }
 }
 
diff --git a/apps/editor/components/tools/door/door-tool.tsx b/packages/editor/src/components/tools/door/door-tool.tsx
similarity index 89%
rename from apps/editor/components/tools/door/door-tool.tsx
rename to packages/editor/src/components/tools/door/door-tool.tsx
index c257edce..67e45831 100644
--- a/apps/editor/components/tools/door/door-tool.tsx
+++ b/packages/editor/src/components/tools/door/door-tool.tsx
@@ -11,6 +11,8 @@ import { useViewer } from '@pascal-app/viewer'
 import { useEffect, useRef } from 'react'
 import { BoxGeometry, EdgesGeometry, type Group, type LineSegments } from 'three'
 import { LineBasicNodeMaterial } from 'three/webgpu'
+import { EDITOR_LAYER } from '../../../lib/constants'
+import { sfxEmitter } from '../../../lib/sfx-bus'
 import {
   calculateCursorRotation,
   calculateItemRotation,
@@ -19,11 +21,9 @@ import {
   snapToHalf,
 } from '../item/placement-math'
 import { clampToWall, hasWallChildOverlap, wallLocalToWorld } from './door-math'
-import { EDITOR_LAYER } from '@/lib/constants'
-import { sfxEmitter } from '../../../lib/sfx-bus'
 
 const edgeMaterial = new LineBasicNodeMaterial({
-  color: 0xef4444,
+  color: 0xef_44_44,
   linewidth: 3,
   depthTest: false,
   depthWrite: false,
@@ -79,7 +79,7 @@ export const DoorTool: React.FC = () => {
       group.visible = true
       group.position.set(...worldPosition)
       group.rotation.y = cursorRotationY
-      edgeMaterial.color.setHex(valid ? 0x22c55e : 0xef4444)
+      edgeMaterial.color.setHex(valid ? 0x22_c5_5e : 0xef_44_44)
     }
 
     const onWallEnter = (event: WallEvent) => {
@@ -115,7 +115,13 @@ export const DoorTool: React.FC = () => {
       const valid = !hasWallChildOverlap(event.node.id, clampedX, clampedY, width, height, node.id)
 
       updateCursor(
-        wallLocalToWorld(event.node, clampedX, clampedY, getLevelYOffset(), getSlabElevation(event)),
+        wallLocalToWorld(
+          event.node,
+          clampedX,
+          clampedY,
+          getLevelYOffset(),
+          getSlabElevation(event),
+        ),
         cursorRotation,
         valid,
       )
@@ -147,12 +153,22 @@ export const DoorTool: React.FC = () => {
       }
 
       const valid = !hasWallChildOverlap(
-        event.node.id, clampedX, clampedY, width, height,
+        event.node.id,
+        clampedX,
+        clampedY,
+        width,
+        height,
         draftRef.current?.id,
       )
 
       updateCursor(
-        wallLocalToWorld(event.node, clampedX, clampedY, getLevelYOffset(), getSlabElevation(event)),
+        wallLocalToWorld(
+          event.node,
+          clampedX,
+          clampedY,
+          getLevelYOffset(),
+          getSlabElevation(event),
+        ),
         cursorRotation,
         valid,
       )
@@ -169,12 +185,17 @@ export const DoorTool: React.FC = () => {
 
       const localX = snapToHalf(event.localPosition[0])
       const { clampedX, clampedY } = clampToWall(
-        event.node, localX,
-        draftRef.current.width, draftRef.current.height,
+        event.node,
+        localX,
+        draftRef.current.width,
+        draftRef.current.height,
       )
       const valid = !hasWallChildOverlap(
-        event.node.id, clampedX, clampedY,
-        draftRef.current.width, draftRef.current.height,
+        event.node.id,
+        clampedX,
+        clampedY,
+        draftRef.current.width,
+        draftRef.current.height,
         draftRef.current.id,
       )
       if (!valid) return
@@ -261,7 +282,12 @@ export const DoorTool: React.FC = () => {
 
   return (
     <group ref={cursorGroupRef} visible={false}>
-      <lineSegments ref={edgesRef} geometry={edgesGeo} material={edgeMaterial} layers={EDITOR_LAYER} />
+      <lineSegments
+        geometry={edgesGeo}
+        layers={EDITOR_LAYER}
+        material={edgeMaterial}
+        ref={edgesRef}
+      />
     </group>
   )
 }
diff --git a/apps/editor/components/tools/door/move-door-tool.tsx b/packages/editor/src/components/tools/door/move-door-tool.tsx
similarity index 86%
rename from apps/editor/components/tools/door/move-door-tool.tsx
rename to packages/editor/src/components/tools/door/move-door-tool.tsx
index f06626fc..31de62ad 100644
--- a/apps/editor/components/tools/door/move-door-tool.tsx
+++ b/packages/editor/src/components/tools/door/move-door-tool.tsx
@@ -11,9 +11,9 @@ import { useViewer } from '@pascal-app/viewer'
 import { useEffect, useMemo, useRef } from 'react'
 import { BoxGeometry, EdgesGeometry, type Group } from 'three'
 import { LineBasicNodeMaterial } from 'three/webgpu'
-import { EDITOR_LAYER } from '@/lib/constants'
-import { sfxEmitter } from '@/lib/sfx-bus'
-import useEditor from '@/store/use-editor'
+import { EDITOR_LAYER } from '../../../lib/constants'
+import { sfxEmitter } from '../../../lib/sfx-bus'
+import useEditor from '../../../store/use-editor'
 import {
   calculateCursorRotation,
   calculateItemRotation,
@@ -24,7 +24,7 @@ import {
 import { clampToWall, hasWallChildOverlap, wallLocalToWorld } from './door-math'
 
 const edgeMaterial = new LineBasicNodeMaterial({
-  color: 0xef4444,
+  color: 0xef_44_44,
   linewidth: 3,
   depthTest: false,
   depthWrite: false,
@@ -40,9 +40,10 @@ export const MoveDoorTool: React.FC<{ node: DoorNode }> = ({ node: movingDoorNod
   useEffect(() => {
     useScene.temporal.getState().pause()
 
-    const meta = (typeof movingDoorNode.metadata === 'object' && movingDoorNode.metadata !== null)
-      ? movingDoorNode.metadata as Record<string, unknown>
-      : {}
+    const meta =
+      typeof movingDoorNode.metadata === 'object' && movingDoorNode.metadata !== null
+        ? (movingDoorNode.metadata as Record<string, unknown>)
+        : {}
     const isNew = !!meta.isNew
 
     const original = {
@@ -92,7 +93,7 @@ export const MoveDoorTool: React.FC<{ node: DoorNode }> = ({ node: movingDoorNod
       group.visible = true
       group.position.set(...worldPosition)
       group.rotation.y = cursorRotationY
-      edgeMaterial.color.setHex(valid ? 0x22c55e : 0xef4444)
+      edgeMaterial.color.setHex(valid ? 0x22_c5_5e : 0xef_44_44)
     }
 
     const onWallEnter = (event: WallEvent) => {
@@ -105,8 +106,10 @@ export const MoveDoorTool: React.FC<{ node: DoorNode }> = ({ node: movingDoorNod
 
       const localX = snapToHalf(event.localPosition[0])
       const { clampedX, clampedY } = clampToWall(
-        event.node, localX,
-        movingDoorNode.width, movingDoorNode.height,
+        event.node,
+        localX,
+        movingDoorNode.width,
+        movingDoorNode.height,
       )
 
       const prevWallId = currentWallId
@@ -124,13 +127,22 @@ export const MoveDoorTool: React.FC<{ node: DoorNode }> = ({ node: movingDoorNod
       markWallDirty(event.node.id)
 
       const valid = !hasWallChildOverlap(
-        event.node.id, clampedX, clampedY,
-        movingDoorNode.width, movingDoorNode.height,
+        event.node.id,
+        clampedX,
+        clampedY,
+        movingDoorNode.width,
+        movingDoorNode.height,
         movingDoorNode.id,
       )
 
       updateCursor(
-        wallLocalToWorld(event.node, clampedX, clampedY, getLevelYOffset(), getSlabElevation(event)),
+        wallLocalToWorld(
+          event.node,
+          clampedX,
+          clampedY,
+          getLevelYOffset(),
+          getSlabElevation(event),
+        ),
         cursorRotation,
         valid,
       )
@@ -147,8 +159,10 @@ export const MoveDoorTool: React.FC<{ node: DoorNode }> = ({ node: movingDoorNod
 
       const localX = snapToHalf(event.localPosition[0])
       const { clampedX, clampedY } = clampToWall(
-        event.node, localX,
-        movingDoorNode.width, movingDoorNode.height,
+        event.node,
+        localX,
+        movingDoorNode.width,
+        movingDoorNode.height,
       )
 
       useScene.getState().updateNode(movingDoorNode.id, {
@@ -166,13 +180,22 @@ export const MoveDoorTool: React.FC<{ node: DoorNode }> = ({ node: movingDoorNod
       markWallDirty(event.node.id)
 
       const valid = !hasWallChildOverlap(
-        event.node.id, clampedX, clampedY,
-        movingDoorNode.width, movingDoorNode.height,
+        event.node.id,
+        clampedX,
+        clampedY,
+        movingDoorNode.width,
+        movingDoorNode.height,
         movingDoorNode.id,
       )
 
       updateCursor(
-        wallLocalToWorld(event.node, clampedX, clampedY, getLevelYOffset(), getSlabElevation(event)),
+        wallLocalToWorld(
+          event.node,
+          clampedX,
+          clampedY,
+          getLevelYOffset(),
+          getSlabElevation(event),
+        ),
         cursorRotation,
         valid,
       )
@@ -188,13 +211,18 @@ export const MoveDoorTool: React.FC<{ node: DoorNode }> = ({ node: movingDoorNod
 
       const localX = snapToHalf(event.localPosition[0])
       const { clampedX, clampedY } = clampToWall(
-        event.node, localX,
-        movingDoorNode.width, movingDoorNode.height,
+        event.node,
+        localX,
+        movingDoorNode.width,
+        movingDoorNode.height,
       )
 
       const valid = !hasWallChildOverlap(
-        event.node.id, clampedX, clampedY,
-        movingDoorNode.width, movingDoorNode.height,
+        event.node.id,
+        clampedX,
+        clampedY,
+        movingDoorNode.width,
+        movingDoorNode.height,
         movingDoorNode.id,
       )
       if (!valid) return
@@ -297,7 +325,9 @@ export const MoveDoorTool: React.FC<{ node: DoorNode }> = ({ node: movingDoorNod
     emitter.on('tool:cancel', onCancel)
 
     return () => {
-      const current = useScene.getState().nodes[movingDoorNode.id as AnyNodeId] as DoorNode | undefined
+      const current = useScene.getState().nodes[movingDoorNode.id as AnyNodeId] as
+        | DoorNode
+        | undefined
       const currentMeta = current?.metadata as Record<string, unknown> | undefined
       if (currentMeta?.isTransient) {
         if (isNew) {
@@ -337,7 +367,7 @@ export const MoveDoorTool: React.FC<{ node: DoorNode }> = ({ node: movingDoorNod
 
   return (
     <group ref={cursorGroupRef} visible={false}>
-      <lineSegments geometry={edgesGeo} material={edgeMaterial} layers={EDITOR_LAYER} />
+      <lineSegments geometry={edgesGeo} layers={EDITOR_LAYER} material={edgeMaterial} />
     </group>
   )
 }
diff --git a/apps/editor/components/tools/item/item-tool.tsx b/packages/editor/src/components/tools/item/item-tool.tsx
similarity index 86%
rename from apps/editor/components/tools/item/item-tool.tsx
rename to packages/editor/src/components/tools/item/item-tool.tsx
index 777730fc..7efd4596 100644
--- a/apps/editor/components/tools/item/item-tool.tsx
+++ b/packages/editor/src/components/tools/item/item-tool.tsx
@@ -1,5 +1,5 @@
-import { sfxEmitter } from '@/lib/sfx-bus'
-import useEditor from '@/store/use-editor'
+import { sfxEmitter } from '../../../lib/sfx-bus'
+import useEditor from '../../../store/use-editor'
 import { useDraftNode } from './use-draft-node'
 import { usePlacementCoordinator } from './use-placement-coordinator'
 
diff --git a/apps/editor/components/tools/item/move-tool.tsx b/packages/editor/src/components/tools/item/move-tool.tsx
similarity index 86%
rename from apps/editor/components/tools/item/move-tool.tsx
rename to packages/editor/src/components/tools/item/move-tool.tsx
index 3c9cdf55..f1dda762 100644
--- a/apps/editor/components/tools/item/move-tool.tsx
+++ b/packages/editor/src/components/tools/item/move-tool.tsx
@@ -1,7 +1,7 @@
 import type { DoorNode, ItemNode, WindowNode } from '@pascal-app/core'
 import { Vector3 } from 'three'
-import { sfxEmitter } from '@/lib/sfx-bus'
-import useEditor from '@/store/use-editor'
+import { sfxEmitter } from '../../../lib/sfx-bus'
+import useEditor from '../../../store/use-editor'
 import { MoveDoorTool } from '../door/move-door-tool'
 import { MoveWindowTool } from '../window/move-window-tool'
 import type { PlacementState } from './placement-types'
@@ -25,16 +25,19 @@ function getInitialState(node: {
 function MoveItemContent({ movingNode }: { movingNode: ItemNode }) {
   const draftNode = useDraftNode()
 
-  const meta = (typeof movingNode.metadata === 'object' && movingNode.metadata !== null)
-    ? movingNode.metadata as Record<string, unknown>
-    : {}
+  const meta =
+    typeof movingNode.metadata === 'object' && movingNode.metadata !== null
+      ? (movingNode.metadata as Record<string, unknown>)
+      : {}
   const isNew = !!meta.isNew
 
   const cursor = usePlacementCoordinator({
     asset: movingNode.asset,
     draftNode,
     // Duplicates start fresh in floor mode; wall/ceiling draft is created lazily by ensureDraft
-    initialState: isNew ? { surface: 'floor', wallId: null, ceilingId: null, surfaceItemId: null } : getInitialState(movingNode),
+    initialState: isNew
+      ? { surface: 'floor', wallId: null, ceilingId: null, surfaceItemId: null }
+      : getInitialState(movingNode),
     // Preserve the original item's scale so Y-position calculations use the correct height
     defaultScale: isNew ? movingNode.scale : undefined,
     initDraft: (gridPosition) => {
diff --git a/apps/editor/components/tools/item/placement-math.ts b/packages/editor/src/components/tools/item/placement-math.ts
similarity index 98%
rename from apps/editor/components/tools/item/placement-math.ts
rename to packages/editor/src/components/tools/item/placement-math.ts
index ee118a08..2895de32 100644
--- a/apps/editor/components/tools/item/placement-math.ts
+++ b/packages/editor/src/components/tools/item/placement-math.ts
@@ -35,9 +35,8 @@ export function calculateCursorRotation(
   // In local wall space, front face has normal.z < 0, back face has normal.z > 0
   if (normal[2] < 0) {
     return -wallAngle
-  } else {
-    return Math.PI - wallAngle
   }
+  return Math.PI - wallAngle
 }
 
 /**
diff --git a/apps/editor/components/tools/item/placement-strategies.ts b/packages/editor/src/components/tools/item/placement-strategies.ts
similarity index 92%
rename from apps/editor/components/tools/item/placement-strategies.ts
rename to packages/editor/src/components/tools/item/placement-strategies.ts
index 69daf861..1395cb6d 100644
--- a/apps/editor/components/tools/item/placement-strategies.ts
+++ b/packages/editor/src/components/tools/item/placement-strategies.ts
@@ -11,14 +11,6 @@ import type {
 } from '@pascal-app/core'
 import { getScaledDimensions, sceneRegistry, useScene } from '@pascal-app/core'
 import { Vector3 } from 'three'
-import type {
-  CommitResult,
-  LevelResolver,
-  PlacementContext,
-  PlacementResult,
-  SpatialValidators,
-  TransitionResult,
-} from './placement-types'
 import {
   calculateCursorRotation,
   calculateItemRotation,
@@ -28,6 +20,14 @@ import {
   snapToHalf,
   stripTransient,
 } from './placement-math'
+import type {
+  CommitResult,
+  LevelResolver,
+  PlacementContext,
+  PlacementResult,
+  SpatialValidators,
+  TransitionResult,
+} from './placement-types'
 
 const DEFAULT_DIMENSIONS: [number, number, number] = [1, 1, 1]
 
@@ -43,7 +43,9 @@ export const floorStrategy = {
   move(ctx: PlacementContext, event: GridEvent): PlacementResult | null {
     if (ctx.state.surface !== 'floor') return null
 
-    const dims = ctx.draftItem ? getScaledDimensions(ctx.draftItem) : (ctx.asset.dimensions ?? DEFAULT_DIMENSIONS)
+    const dims = ctx.draftItem
+      ? getScaledDimensions(ctx.draftItem)
+      : (ctx.asset.dimensions ?? DEFAULT_DIMENSIONS)
     const [dimX, , dimZ] = dims
     const x = snapToGrid(event.position[0], dimX)
     const z = snapToGrid(event.position[2], dimZ)
@@ -62,9 +64,13 @@ export const floorStrategy = {
    * Handle grid:click — commit placement on floor.
    * Returns null if on wall/ceiling or validation fails.
    */
-  click(ctx: PlacementContext, _event: GridEvent, validators: SpatialValidators): CommitResult | null {
+  click(
+    ctx: PlacementContext,
+    _event: GridEvent,
+    validators: SpatialValidators,
+  ): CommitResult | null {
     if (ctx.state.surface !== 'floor') return null
-    if (!ctx.levelId || !ctx.draftItem) return null
+    if (!(ctx.levelId && ctx.draftItem)) return null
 
     const pos: [number, number, number] = [ctx.gridPosition.x, 0, ctx.gridPosition.z]
     const valid = validators.canPlaceOnFloor(
@@ -128,7 +134,9 @@ export const wallStrategy = {
       event.node.id,
       x,
       y,
-      ctx.draftItem ? getScaledDimensions(ctx.draftItem) : (ctx.asset.dimensions ?? DEFAULT_DIMENSIONS),
+      ctx.draftItem
+        ? getScaledDimensions(ctx.draftItem)
+        : (ctx.asset.dimensions ?? DEFAULT_DIMENSIONS),
       attachTo,
       side,
       [],
@@ -160,9 +168,13 @@ export const wallStrategy = {
    * Returns null if not on a wall or face is invalid.
    * Auto-adjusts Y position to fit within wall bounds.
    */
-  move(ctx: PlacementContext, event: WallEvent, validators: SpatialValidators): PlacementResult | null {
+  move(
+    ctx: PlacementContext,
+    event: WallEvent,
+    validators: SpatialValidators,
+  ): PlacementResult | null {
     if (ctx.state.surface !== 'wall') return null
-    if (!ctx.draftItem || !ctx.levelId) return null
+    if (!(ctx.draftItem && ctx.levelId)) return null
     if (!isValidWallSideFace(event.normal)) return null
 
     const side = getSideFromNormal(event.normal)
@@ -209,10 +221,14 @@ export const wallStrategy = {
    * Handle wall:click — commit placement on wall.
    * Returns null if not on wall, face invalid, or validation fails.
    */
-  click(ctx: PlacementContext, event: WallEvent, validators: SpatialValidators): CommitResult | null {
+  click(
+    ctx: PlacementContext,
+    event: WallEvent,
+    validators: SpatialValidators,
+  ): CommitResult | null {
     if (ctx.state.surface !== 'wall') return null
     if (!isValidWallSideFace(event.normal)) return null
-    if (!ctx.levelId || !ctx.draftItem) return null
+    if (!(ctx.levelId && ctx.draftItem)) return null
 
     const valid = validators.canPlaceOnWall(
       ctx.levelId,
@@ -281,7 +297,9 @@ export const ceilingStrategy = {
     const ceilingLevelId = resolveLevelId(event.node, nodes)
     if (ctx.levelId !== ceilingLevelId) return null
 
-    const dims = ctx.draftItem ? getScaledDimensions(ctx.draftItem) : (ctx.asset.dimensions ?? DEFAULT_DIMENSIONS)
+    const dims = ctx.draftItem
+      ? getScaledDimensions(ctx.draftItem)
+      : (ctx.asset.dimensions ?? DEFAULT_DIMENSIONS)
     const [dimX, , dimZ] = dims
     const itemHeight = dims[1]
 
@@ -328,7 +346,11 @@ export const ceilingStrategy = {
   /**
    * Handle ceiling:click — commit placement on ceiling.
    */
-  click(ctx: PlacementContext, event: CeilingEvent, validators: SpatialValidators): CommitResult | null {
+  click(
+    ctx: PlacementContext,
+    event: CeilingEvent,
+    validators: SpatialValidators,
+  ): CommitResult | null {
     if (ctx.state.surface !== 'ceiling') return null
     if (!ctx.draftItem) return null
 
@@ -399,7 +421,9 @@ export const itemSurfaceStrategy = {
     if (!surfaceItem.asset.surface) return null
 
     // Size check: our footprint must fit on surface item's footprint
-    const ourDims = ctx.draftItem ? getScaledDimensions(ctx.draftItem) : (ctx.asset.dimensions ?? DEFAULT_DIMENSIONS)
+    const ourDims = ctx.draftItem
+      ? getScaledDimensions(ctx.draftItem)
+      : (ctx.asset.dimensions ?? DEFAULT_DIMENSIONS)
     const surfDims = getScaledDimensions(surfaceItem)
     if (ourDims[0] > surfDims[0] || ourDims[2] > surfDims[2]) return null
 
@@ -430,7 +454,7 @@ export const itemSurfaceStrategy = {
    */
   move(ctx: PlacementContext, event: ItemEvent): PlacementResult | null {
     if (ctx.state.surface !== 'item-surface') return null
-    if (!ctx.state.surfaceItemId || !ctx.draftItem) return null
+    if (!(ctx.state.surfaceItemId && ctx.draftItem)) return null
 
     const nodes = useScene.getState().nodes
     const surfaceItem = nodes[ctx.state.surfaceItemId as AnyNodeId] as ItemNode | undefined
@@ -464,7 +488,7 @@ export const itemSurfaceStrategy = {
    */
   click(ctx: PlacementContext, _event: ItemEvent): CommitResult | null {
     if (ctx.state.surface !== 'item-surface') return null
-    if (!ctx.draftItem || !ctx.state.surfaceItemId) return null
+    if (!(ctx.draftItem && ctx.state.surfaceItemId)) return null
 
     return {
       nodeUpdate: {
@@ -487,7 +511,7 @@ export const itemSurfaceStrategy = {
  * Switches on the active surface type and calls the appropriate spatial validator.
  */
 export function checkCanPlace(ctx: PlacementContext, validators: SpatialValidators): boolean {
-  if (!ctx.levelId || !ctx.draftItem) return false
+  if (!(ctx.levelId && ctx.draftItem)) return false
 
   // Item surface: valid if we entered (size check was in enter)
   if (ctx.state.surface === 'item-surface') {
diff --git a/apps/editor/components/tools/item/placement-types.ts b/packages/editor/src/components/tools/item/placement-types.ts
similarity index 96%
rename from apps/editor/components/tools/item/placement-types.ts
rename to packages/editor/src/components/tools/item/placement-types.ts
index 827a6baf..04bfe3a8 100644
--- a/apps/editor/components/tools/item/placement-types.ts
+++ b/packages/editor/src/components/tools/item/placement-types.ts
@@ -1,4 +1,11 @@
-import type { AnyNode, AssetInput, CeilingNode, ItemNode, LevelNode, WallNode } from '@pascal-app/core'
+import type {
+  AnyNode,
+  AssetInput,
+  CeilingNode,
+  ItemNode,
+  LevelNode,
+  WallNode,
+} from '@pascal-app/core'
 import type { Vector3 } from 'three'
 
 // ============================================================================
diff --git a/apps/editor/components/tools/item/use-draft-node.ts b/packages/editor/src/components/tools/item/use-draft-node.ts
similarity index 81%
rename from apps/editor/components/tools/item/use-draft-node.ts
rename to packages/editor/src/components/tools/item/use-draft-node.ts
index 4d52a944..a6d724c9 100644
--- a/apps/editor/components/tools/item/use-draft-node.ts
+++ b/packages/editor/src/components/tools/item/use-draft-node.ts
@@ -1,4 +1,10 @@
-import { type AnyNodeId, type AssetInput, ItemNode, sceneRegistry, useScene } from '@pascal-app/core'
+import {
+  type AnyNodeId,
+  type AssetInput,
+  ItemNode,
+  sceneRegistry,
+  useScene,
+} from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
 import { useCallback, useMemo, useRef } from 'react'
 import type { Vector3 } from 'three'
@@ -18,7 +24,12 @@ export interface DraftNodeHandle {
   /** Whether the current draft was adopted (move mode) vs created (create mode) */
   readonly isAdopted: boolean
   /** Create a new draft item at the given position. Returns the created node or null. */
-  create: (gridPosition: Vector3, asset: AssetInput, rotation?: [number, number, number], scale?: [number, number, number]) => ItemNode | null
+  create: (
+    gridPosition: Vector3,
+    asset: AssetInput,
+    rotation?: [number, number, number],
+    scale?: [number, number, number],
+  ) => ItemNode | null
   /** Take ownership of an existing scene node as the draft (for move mode). */
   adopt: (node: ItemNode) => void
   /** Commit the current draft. Create mode: delete+recreate. Move mode: update in place. */
@@ -40,32 +51,41 @@ export function useDraftNode(): DraftNodeHandle {
   const adoptedRef = useRef(false)
   const originalStateRef = useRef<OriginalState | null>(null)
 
-  const create = useCallback((gridPosition: Vector3, asset: AssetInput, rotation?: [number, number, number], scale?: [number, number, number]): ItemNode | null => {
-    const currentLevelId = useViewer.getState().selection.levelId
-    if (!currentLevelId) return null
+  const create = useCallback(
+    (
+      gridPosition: Vector3,
+      asset: AssetInput,
+      rotation?: [number, number, number],
+      scale?: [number, number, number],
+    ): ItemNode | null => {
+      const currentLevelId = useViewer.getState().selection.levelId
+      if (!currentLevelId) return null
 
-    const node = ItemNode.parse({
-      position: [gridPosition.x, gridPosition.y, gridPosition.z],
-      rotation: rotation ?? [0, 0, 0],
-      scale: scale ?? [1, 1, 1],
-      name: asset.name,
-      asset,
-      parentId: currentLevelId,
-      metadata: { isTransient: true },
-    })
+      const node = ItemNode.parse({
+        position: [gridPosition.x, gridPosition.y, gridPosition.z],
+        rotation: rotation ?? [0, 0, 0],
+        scale: scale ?? [1, 1, 1],
+        name: asset.name,
+        asset,
+        parentId: currentLevelId,
+        metadata: { isTransient: true },
+      })
 
-    useScene.getState().createNode(node, currentLevelId)
-    draftRef.current = node
-    adoptedRef.current = false
-    originalStateRef.current = null
-    return node
-  }, [])
+      useScene.getState().createNode(node, currentLevelId)
+      draftRef.current = node
+      adoptedRef.current = false
+      originalStateRef.current = null
+      return node
+    },
+    [],
+  )
 
   const adopt = useCallback((node: ItemNode): void => {
     // Save original state so destroy() can restore it
-    const meta = (typeof node.metadata === 'object' && node.metadata !== null && !Array.isArray(node.metadata))
-      ? node.metadata as Record<string, unknown>
-      : {}
+    const meta =
+      typeof node.metadata === 'object' && node.metadata !== null && !Array.isArray(node.metadata)
+        ? (node.metadata as Record<string, unknown>)
+        : {}
 
     originalStateRef.current = {
       position: [...node.position] as [number, number, number],
@@ -91,7 +111,8 @@ export function useDraftNode(): DraftNodeHandle {
     if (adoptedRef.current) {
       // Move mode: update in place (single undoable action)
       const { parentId: newParentId, ...updateProps } = finalUpdate
-      const parentId = newParentId ?? originalStateRef.current?.parentId ?? useViewer.getState().selection.levelId
+      const parentId =
+        newParentId ?? originalStateRef.current?.parentId ?? useViewer.getState().selection.levelId
       const original = originalStateRef.current!
 
       // Restore original state while paused — so the undo baseline is clean
diff --git a/apps/editor/components/tools/item/use-placement-coordinator.tsx b/packages/editor/src/components/tools/item/use-placement-coordinator.tsx
similarity index 92%
rename from apps/editor/components/tools/item/use-placement-coordinator.tsx
rename to packages/editor/src/components/tools/item/use-placement-coordinator.tsx
index 1ffefe5f..d889ea89 100644
--- a/apps/editor/components/tools/item/use-placement-coordinator.tsx
+++ b/packages/editor/src/components/tools/item/use-placement-coordinator.tsx
@@ -3,8 +3,8 @@ import {
   type AnyNodeId,
   type CeilingEvent,
   emitter,
-  getScaledDimensions,
   type GridEvent,
+  getScaledDimensions,
   type ItemEvent,
   resolveLevelId,
   sceneRegistry,
@@ -30,9 +30,15 @@ import {
 } from 'three'
 import { distance, smoothstep, uv, vec2 } from 'three/tsl'
 import { LineBasicNodeMaterial, MeshBasicNodeMaterial } from 'three/webgpu'
-import { EDITOR_LAYER } from '@/lib/constants'
-import { sfxEmitter } from '@/lib/sfx-bus'
-import { ceilingStrategy, checkCanPlace, floorStrategy, itemSurfaceStrategy, wallStrategy } from './placement-strategies'
+import { EDITOR_LAYER } from '../../../lib/constants'
+import { sfxEmitter } from '../../../lib/sfx-bus'
+import {
+  ceilingStrategy,
+  checkCanPlace,
+  floorStrategy,
+  itemSurfaceStrategy,
+  wallStrategy,
+} from './placement-strategies'
 import type { PlacementState, TransitionResult } from './placement-types'
 import type { DraftNodeHandle } from './use-draft-node'
 
@@ -41,14 +47,14 @@ const DEFAULT_DIMENSIONS: [number, number, number] = [1, 1, 1]
 // Shared materials for placement cursor - we just change colors, not swap materials
 // Note: EdgesGeometry doesn't work with dashed lines, so using solid lines
 const edgeMaterial = new LineBasicNodeMaterial({
-  color: 0xef4444, // red-500 (invalid)
+  color: 0xef_44_44, // red-500 (invalid)
   linewidth: 3,
   depthTest: false,
   depthWrite: false,
 })
 
 const basePlaneMaterial = new MeshBasicNodeMaterial({
-  color: 0xef4444, // red-500 (invalid)
+  color: 0xef_44_44, // red-500 (invalid)
   transparent: true,
   depthTest: false,
   depthWrite: false,
@@ -111,13 +117,18 @@ export function usePlacementCoordinator(config: PlacementCoordinatorConfig): Rea
       state: { ...placementState.current },
     })
 
-    const getActiveValidators = () => shiftFreeRef.current
-      ? { canPlaceOnFloor: () => ({ valid: true }), canPlaceOnWall: () => ({ valid: true }), canPlaceOnCeiling: () => ({ valid: true }) }
-      : validators
+    const getActiveValidators = () =>
+      shiftFreeRef.current
+        ? {
+            canPlaceOnFloor: () => ({ valid: true }),
+            canPlaceOnWall: () => ({ valid: true }),
+            canPlaceOnCeiling: () => ({ valid: true }),
+          }
+        : validators
 
     const revalidate = (): boolean => {
       const placeable = shiftFreeRef.current || checkCanPlace(getContext(), validators)
-      const color = placeable ? 0x22c55e : 0xef4444 // green-500 : red-500
+      const color = placeable ? 0x22_c5_5e : 0xef_44_44 // green-500 : red-500
       edgeMaterial.color.setHex(color)
       basePlaneMaterial.color.setHex(color)
       return placeable
@@ -143,7 +154,12 @@ export function usePlacementCoordinator(config: PlacementCoordinatorConfig): Rea
       cursorGroupRef.current.position.set(...result.cursorPosition)
       cursorGroupRef.current.rotation.y = result.cursorRotationY
 
-      draftNode.create(gridPosition.current, asset, [0, result.cursorRotationY, 0], configRef.current.defaultScale)
+      draftNode.create(
+        gridPosition.current,
+        asset,
+        [0, result.cursorRotationY, 0],
+        configRef.current.defaultScale,
+      )
 
       const draft = draftNode.current
       if (draft) {
@@ -224,7 +240,13 @@ export function usePlacementCoordinator(config: PlacementCoordinatorConfig): Rea
 
     const onWallEnter = (event: WallEvent) => {
       const nodes = useScene.getState().nodes
-      const result = wallStrategy.enter(getContext(), event, resolveLevelId, nodes, getActiveValidators())
+      const result = wallStrategy.enter(
+        getContext(),
+        event,
+        resolveLevelId,
+        nodes,
+        getActiveValidators(),
+      )
       if (!result) return
 
       event.stopPropagation()
@@ -246,7 +268,13 @@ export function usePlacementCoordinator(config: PlacementCoordinatorConfig): Rea
 
       if (ctx.state.surface !== 'wall') {
         const nodes = useScene.getState().nodes
-        const enterResult = wallStrategy.enter(ctx, event, resolveLevelId, nodes, getActiveValidators())
+        const enterResult = wallStrategy.enter(
+          ctx,
+          event,
+          resolveLevelId,
+          nodes,
+          getActiveValidators(),
+        )
         if (!enterResult) return
 
         event.stopPropagation()
@@ -262,7 +290,13 @@ export function usePlacementCoordinator(config: PlacementCoordinatorConfig): Rea
 
       if (!draftNode.current) {
         const nodes = useScene.getState().nodes
-        const setup = wallStrategy.enter(getContext(), event, resolveLevelId, nodes, getActiveValidators())
+        const setup = wallStrategy.enter(
+          getContext(),
+          event,
+          resolveLevelId,
+          nodes,
+          getActiveValidators(),
+        )
         if (!setup) return
 
         event.stopPropagation()
@@ -334,7 +368,13 @@ export function usePlacementCoordinator(config: PlacementCoordinatorConfig): Rea
 
       if (configRef.current.onCommitted()) {
         const nodes = useScene.getState().nodes
-        const enterResult = wallStrategy.enter(getContext(), event, resolveLevelId, nodes, validators)
+        const enterResult = wallStrategy.enter(
+          getContext(),
+          event,
+          resolveLevelId,
+          nodes,
+          validators,
+        )
         if (enterResult) {
           applyTransition(enterResult)
         } else {
@@ -703,7 +743,7 @@ export function usePlacementCoordinator(config: PlacementCoordinatorConfig): Rea
   const viewerLevelId = useViewer((s) => s.selection.levelId)
   useEffect(() => {
     const draft = draftNode.current
-    if (!draft || !viewerLevelId || asset.attachTo) return
+    if (!(draft && viewerLevelId) || asset.attachTo) return
     if (draft.parentId === viewerLevelId) return
     draft.parentId = viewerLevelId
     useScene.getState().updateNode(draft.id as AnyNodeId, { parentId: viewerLevelId })
@@ -749,7 +789,9 @@ export function usePlacementCoordinator(config: PlacementCoordinatorConfig): Rea
   })
 
   const initialDraft = draftNode.current
-  const dims = initialDraft ? getScaledDimensions(initialDraft) : (config.asset.dimensions ?? DEFAULT_DIMENSIONS)
+  const dims = initialDraft
+    ? getScaledDimensions(initialDraft)
+    : (config.asset.dimensions ?? DEFAULT_DIMENSIONS)
   const initialBoxGeometry = new BoxGeometry(dims[0], dims[1], dims[2])
   initialBoxGeometry.translate(0, dims[1] / 2, 0)
 
@@ -760,10 +802,15 @@ export function usePlacementCoordinator(config: PlacementCoordinatorConfig): Rea
 
   return (
     <group ref={cursorGroupRef}>
-      <lineSegments ref={edgesRef} material={edgeMaterial} layers={EDITOR_LAYER}>
+      <lineSegments layers={EDITOR_LAYER} material={edgeMaterial} ref={edgesRef}>
         <edgesGeometry args={[initialBoxGeometry]} />
       </lineSegments>
-      <mesh ref={basePlaneRef} geometry={basePlaneGeometry} material={basePlaneMaterial} layers={EDITOR_LAYER} />
+      <mesh
+        geometry={basePlaneGeometry}
+        layers={EDITOR_LAYER}
+        material={basePlaneMaterial}
+        ref={basePlaneRef}
+      />
     </group>
   )
 }
diff --git a/apps/editor/components/tools/roof/roof-tool.tsx b/packages/editor/src/components/tools/roof/roof-tool.tsx
similarity index 91%
rename from apps/editor/components/tools/roof/roof-tool.tsx
rename to packages/editor/src/components/tools/roof/roof-tool.tsx
index 6927fd5d..ee6c5022 100644
--- a/apps/editor/components/tools/roof/roof-tool.tsx
+++ b/packages/editor/src/components/tools/roof/roof-tool.tsx
@@ -8,10 +8,10 @@ import {
 } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
 import { useEffect, useMemo, useRef, useState } from 'react'
-import { BufferGeometry, DoubleSide, type Line, type Group, Vector3 } from 'three'
-import { EDITOR_LAYER } from '@/lib/constants'
-import { sfxEmitter } from '@/lib/sfx-bus'
-import useEditor from '@/store/use-editor'
+import { BufferGeometry, DoubleSide, type Group, type Line, Vector3 } from 'three'
+import { EDITOR_LAYER } from '../../../lib/constants'
+import { sfxEmitter } from '../../../lib/sfx-bus'
+import useEditor from '../../../store/use-editor'
 import { CursorSphere } from '../shared/cursor-sphere'
 
 // Default roof dimensions
@@ -90,7 +90,7 @@ export const RoofTool: React.FC = () => {
       corner2: [number, number, number],
     ) => {
       const gridY = corner1[1] + GRID_OFFSET
-      
+
       const groundPoints = [
         new Vector3(corner1[0], gridY, corner1[2]),
         new Vector3(corner2[0], gridY, corner1[2]),
@@ -98,7 +98,7 @@ export const RoofTool: React.FC = () => {
         new Vector3(corner1[0], gridY, corner2[2]),
         new Vector3(corner1[0], gridY, corner1[2]), // Close the loop
       ]
-      
+
       outlineRef.current.geometry.dispose()
       outlineRef.current.geometry = new BufferGeometry().setFromPoints(groundPoints)
       outlineRef.current.visible = true
@@ -116,7 +116,7 @@ export const RoofTool: React.FC = () => {
 
       // Update cursors
       const gridY = y + GRID_OFFSET
-      
+
       cursorRef.current.position.set(gridX, gridY, gridZ)
 
       // Play snap sound when grid position changes (only when placing)
@@ -149,14 +149,7 @@ export const RoofTool: React.FC = () => {
       const gridZ = Math.round(event.position[2] * 2) / 2
       const y = event.position[1]
 
-      if (!corner1Ref.current) {
-        // First click - set corner 1
-        corner1Ref.current = [gridX, y, gridZ]
-        setPreview((prev) => ({
-          ...prev,
-          corner1: corner1Ref.current,
-        }))
-      } else {
+      if (corner1Ref.current) {
         // Second click - create the roof
         const roofId = commitRoofPlacement(currentLevelId, corner1Ref.current, [gridX, y, gridZ])
 
@@ -166,6 +159,13 @@ export const RoofTool: React.FC = () => {
         // Reset state
         corner1Ref.current = null
         outlineRef.current.visible = false
+      } else {
+        // First click - set corner 1
+        corner1Ref.current = [gridX, y, gridZ]
+        setPreview((prev) => ({
+          ...prev,
+          corner1: corner1Ref.current,
+        }))
       }
     }
 
@@ -211,16 +211,29 @@ export const RoofTool: React.FC = () => {
 
       {/* Outline showing rectangle being drawn (Ground) */}
       {/* @ts-ignore */}
-      <line ref={outlineRef} frustumCulled={false} renderOrder={1} visible={false} layers={EDITOR_LAYER}>
+      <line
+        frustumCulled={false}
+        layers={EDITOR_LAYER}
+        ref={outlineRef}
+        renderOrder={1}
+        visible={false}
+      >
         <bufferGeometry />
-        <lineBasicNodeMaterial color="#818cf8" linewidth={2} depthTest={false} depthWrite={false} opacity={0.3} transparent />
+        <lineBasicNodeMaterial
+          color="#818cf8"
+          depthTest={false}
+          depthWrite={false}
+          linewidth={2}
+          opacity={0.3}
+          transparent
+        />
       </line>
 
       {/* First corner marker */}
       {corner1 && (
-        <CursorSphere 
-          position={[corner1[0], levelY + GRID_OFFSET, corner1[2]]} 
-          color="#818cf8" 
+        <CursorSphere
+          color="#818cf8"
+          position={[corner1[0], levelY + GRID_OFFSET, corner1[2]]}
           showTooltip={false}
         />
       )}
@@ -235,11 +248,11 @@ export const RoofTool: React.FC = () => {
           <planeGeometry args={[previewDimensions.length, previewDimensions.width]} />
           <meshBasicMaterial
             color="#818cf8"
-            opacity={0.1}
-            transparent
-            side={DoubleSide}
             depthTest={false}
             depthWrite={false}
+            opacity={0.1}
+            side={DoubleSide}
+            transparent
           />
         </mesh>
       )}
diff --git a/apps/editor/components/tools/shared/cursor-sphere.tsx b/packages/editor/src/components/tools/shared/cursor-sphere.tsx
similarity index 66%
rename from apps/editor/components/tools/shared/cursor-sphere.tsx
rename to packages/editor/src/components/tools/shared/cursor-sphere.tsx
index b0f81324..7bd6fba1 100644
--- a/apps/editor/components/tools/shared/cursor-sphere.tsx
+++ b/packages/editor/src/components/tools/shared/cursor-sphere.tsx
@@ -1,11 +1,11 @@
+import { Html } from '@react-three/drei'
 import type { ThreeElements } from '@react-three/fiber'
 import { forwardRef } from 'react'
 import type { Group } from 'three'
-import { Html } from '@react-three/drei'
-import { EDITOR_LAYER } from '@/lib/constants'
-import useEditor from '@/store/use-editor'
-import { tools } from '@/components/ui/action-menu/structure-tools'
-import { furnishTools } from '@/components/ui/action-menu/furnish-tools'
+import { furnishTools } from '../../../components/ui/action-menu/furnish-tools'
+import { tools } from '../../../components/ui/action-menu/structure-tools'
+import { EDITOR_LAYER } from '../../../lib/constants'
+import useEditor from '../../../store/use-editor'
 
 interface CursorSphereProps extends Omit<ThreeElements['group'], 'ref'> {
   color?: string
@@ -37,31 +37,49 @@ export const CursorSphere = forwardRef<Group, CursorSphereProps>(function Cursor
       {/* Flat marker on the ground */}
       <group rotation={[-Math.PI / 2, 0, 0]}>
         {/* Center dot */}
-        <mesh renderOrder={2} layers={EDITOR_LAYER}>
+        <mesh layers={EDITOR_LAYER} renderOrder={2}>
           <circleGeometry args={[0.06, 32]} />
-          <meshBasicMaterial color={color} depthTest={false} depthWrite={false} transparent opacity={0.9} />
+          <meshBasicMaterial
+            color={color}
+            depthTest={false}
+            depthWrite={false}
+            opacity={0.9}
+            transparent
+          />
         </mesh>
-        
+
         {/* Outer ring / glow */}
-        <mesh renderOrder={2} layers={EDITOR_LAYER}>
+        <mesh layers={EDITOR_LAYER} renderOrder={2}>
           <circleGeometry args={[0.2, 32]} />
-          <meshBasicMaterial color={color} depthTest={false} depthWrite={false} transparent opacity={0.25} />
+          <meshBasicMaterial
+            color={color}
+            depthTest={false}
+            depthWrite={false}
+            opacity={0.25}
+            transparent
+          />
         </mesh>
       </group>
 
       {/* Vertical line */}
       {height > 0 && (
-        <mesh position={[0, height / 2, 0]} renderOrder={2} layers={EDITOR_LAYER}>
+        <mesh layers={EDITOR_LAYER} position={[0, height / 2, 0]} renderOrder={2}>
           <cylinderGeometry args={[0.01, 0.01, height, 8]} />
-          <meshBasicMaterial color={color} depthTest={false} depthWrite={false} transparent opacity={0.7} />
+          <meshBasicMaterial
+            color={color}
+            depthTest={false}
+            depthWrite={false}
+            opacity={0.7}
+            transparent
+          />
         </mesh>
       )}
 
       {/* Tool Icon Tooltip at the top of the line */}
       {showTooltip && activeToolConfig && (
         <Html
-          position={[0, height > 0 ? height + 0.2 : 0.6, 0]}
           center
+          position={[0, height > 0 ? height + 0.2 : 0.6, 0]}
           style={{
             pointerEvents: 'none',
             background: '#18181b', // zinc-900
@@ -77,15 +95,15 @@ export const CursorSphere = forwardRef<Group, CursorSphereProps>(function Cursor
           }}
         >
           {/* eslint-disable-next-line @next/next/no-img-element */}
-          <img 
-            src={activeToolConfig.iconSrc} 
-            alt={activeToolConfig.label} 
-            style={{ 
-              width: '100%', 
-              height: '100%', 
+          <img
+            alt={activeToolConfig.label}
+            src={activeToolConfig.iconSrc}
+            style={{
+              width: '100%',
+              height: '100%',
               objectFit: 'contain',
-              filter: 'drop-shadow(0px 2px 4px rgba(0,0,0,0.5))'
-            }} 
+              filter: 'drop-shadow(0px 2px 4px rgba(0,0,0,0.5))',
+            }}
           />
         </Html>
       )}
diff --git a/apps/editor/components/tools/shared/polygon-editor.tsx b/packages/editor/src/components/tools/shared/polygon-editor.tsx
similarity index 99%
rename from apps/editor/components/tools/shared/polygon-editor.tsx
rename to packages/editor/src/components/tools/shared/polygon-editor.tsx
index 971b20e5..592c5895 100644
--- a/apps/editor/components/tools/shared/polygon-editor.tsx
+++ b/packages/editor/src/components/tools/shared/polygon-editor.tsx
@@ -2,8 +2,8 @@ import { emitter, type GridEvent, sceneRegistry } from '@pascal-app/core'
 import { createPortal } from '@react-three/fiber'
 import { useCallback, useEffect, useMemo, useRef, useState } from 'react'
 import { BufferGeometry, Float32BufferAttribute, type Line } from 'three'
-import { EDITOR_LAYER } from '@/lib/constants'
-import { sfxEmitter } from '@/lib/sfx-bus'
+import { EDITOR_LAYER } from '../../../lib/constants'
+import { sfxEmitter } from '../../../lib/sfx-bus'
 
 const Y_OFFSET = 0.02
 
@@ -237,20 +237,20 @@ export const PolygonEditor: React.FC<PolygonEditorProps> = ({
       {/* Border line */}
       <line
         // @ts-expect-error R3F <line> element conflicts with SVG <line> type
-        ref={lineRef}
         frustumCulled={false}
-        renderOrder={10}
-        raycast={() => {}}
         layers={EDITOR_LAYER}
+        raycast={() => {}}
+        ref={lineRef}
+        renderOrder={10}
       >
         <bufferGeometry />
         <lineBasicNodeMaterial
           color={color}
-          linewidth={2}
           depthTest={false}
           depthWrite={false}
-          transparent
+          linewidth={2}
           opacity={0.8}
+          transparent
         />
       </line>
 
@@ -263,28 +263,9 @@ export const PolygonEditor: React.FC<PolygonEditorProps> = ({
 
         return (
           <mesh
-            layers={EDITOR_LAYER}
-            key={`vertex-${index}`}
-            position={[x!, editY + height / 2, z!]}
             castShadow
-            onPointerEnter={(e) => {
-              e.stopPropagation()
-              setHoveredVertex(index)
-            }}
-            onPointerLeave={(e) => {
-              e.stopPropagation()
-              setHoveredVertex(null)
-            }}
-            onPointerDown={(e) => {
-              if (e.button !== 0) return
-              e.stopPropagation()
-              setDragState({
-                isDragging: true,
-                vertexIndex: index,
-                initialPosition: [x!, z!],
-                pointerId: e.pointerId,
-              })
-            }}
+            key={`vertex-${index}`}
+            layers={EDITOR_LAYER}
             onClick={(e) => {
               if (e.button !== 0) return
               e.stopPropagation()
@@ -296,6 +277,25 @@ export const PolygonEditor: React.FC<PolygonEditorProps> = ({
                 handleDeleteVertex(index)
               }
             }}
+            onPointerDown={(e) => {
+              if (e.button !== 0) return
+              e.stopPropagation()
+              setDragState({
+                isDragging: true,
+                vertexIndex: index,
+                initialPosition: [x!, z!],
+                pointerId: e.pointerId,
+              })
+            }}
+            onPointerEnter={(e) => {
+              e.stopPropagation()
+              setHoveredVertex(index)
+            }}
+            onPointerLeave={(e) => {
+              e.stopPropagation()
+              setHoveredVertex(null)
+            }}
+            position={[x!, editY + height / 2, z!]}
           >
             <cylinderGeometry args={[radius, radius, height, 16]} />
             <meshStandardMaterial
@@ -314,16 +314,11 @@ export const PolygonEditor: React.FC<PolygonEditorProps> = ({
 
           return (
             <mesh
-              layers={EDITOR_LAYER}
               key={`midpoint-${index}`}
-              position={[x!, editY + height / 2, z!]}
-              onPointerEnter={(e) => {
+              layers={EDITOR_LAYER}
+              onClick={(e) => {
+                if (e.button !== 0) return
                 e.stopPropagation()
-                setHoveredMidpoint(index)
-              }}
-              onPointerLeave={(e) => {
-                e.stopPropagation()
-                setHoveredMidpoint(null)
               }}
               onPointerDown={(e) => {
                 if (e.button !== 0) return
@@ -339,16 +334,21 @@ export const PolygonEditor: React.FC<PolygonEditorProps> = ({
                   setHoveredMidpoint(null)
                 }
               }}
-              onClick={(e) => {
-                if (e.button !== 0) return
+              onPointerEnter={(e) => {
                 e.stopPropagation()
+                setHoveredMidpoint(index)
               }}
+              onPointerLeave={(e) => {
+                e.stopPropagation()
+                setHoveredMidpoint(null)
+              }}
+              position={[x!, editY + height / 2, z!]}
             >
               <cylinderGeometry args={[radius, radius, height, 16]} />
               <meshStandardMaterial
                 color={isHovered ? '#4ade80' : '#22c55e'}
-                transparent
                 opacity={isHovered ? 1 : 0.7}
+                transparent
               />
             </mesh>
           )
diff --git a/apps/editor/components/tools/site/site-boundary-editor.tsx b/packages/editor/src/components/tools/site/site-boundary-editor.tsx
similarity index 93%
rename from apps/editor/components/tools/site/site-boundary-editor.tsx
rename to packages/editor/src/components/tools/site/site-boundary-editor.tsx
index 4783bd4d..9e3c551d 100644
--- a/apps/editor/components/tools/site/site-boundary-editor.tsx
+++ b/packages/editor/src/components/tools/site/site-boundary-editor.tsx
@@ -29,14 +29,14 @@ export const SiteBoundaryEditor: React.FC = () => {
     [site, updateNode],
   )
 
-  if (!site || !site.polygon?.points || site.polygon.points.length < 3) return null
+  if (!(site && site.polygon?.points) || site.polygon.points.length < 3) return null
 
   return (
     <PolygonEditor
-      polygon={site.polygon.points}
       color="#10b981"
-      onPolygonChange={handlePolygonChange}
       minVertices={3}
+      onPolygonChange={handlePolygonChange}
+      polygon={site.polygon.points}
     />
   )
 }
diff --git a/apps/editor/components/tools/slab/slab-boundary-editor.tsx b/packages/editor/src/components/tools/slab/slab-boundary-editor.tsx
similarity index 95%
rename from apps/editor/components/tools/slab/slab-boundary-editor.tsx
rename to packages/editor/src/components/tools/slab/slab-boundary-editor.tsx
index 2fdd7f02..0c2c1cfa 100644
--- a/apps/editor/components/tools/slab/slab-boundary-editor.tsx
+++ b/packages/editor/src/components/tools/slab/slab-boundary-editor.tsx
@@ -27,15 +27,15 @@ export const SlabBoundaryEditor: React.FC<SlabBoundaryEditorProps> = ({ slabId }
     [slabId, updateNode, setSelection],
   )
 
-  if (!slab || !slab.polygon || slab.polygon.length < 3) return null
+  if (!(slab && slab.polygon) || slab.polygon.length < 3) return null
 
   return (
     <PolygonEditor
-      polygon={slab.polygon}
       color="#a3a3a3"
-      onPolygonChange={handlePolygonChange}
-      minVertices={3}
       levelId={resolveLevelId(slab, useScene.getState().nodes)}
+      minVertices={3}
+      onPolygonChange={handlePolygonChange}
+      polygon={slab.polygon}
       surfaceHeight={slab.elevation ?? 0.05}
     />
   )
diff --git a/apps/editor/components/tools/slab/slab-hole-editor.tsx b/packages/editor/src/components/tools/slab/slab-hole-editor.tsx
similarity index 90%
rename from apps/editor/components/tools/slab/slab-hole-editor.tsx
rename to packages/editor/src/components/tools/slab/slab-hole-editor.tsx
index 73bbb51a..5bb83e9a 100644
--- a/apps/editor/components/tools/slab/slab-hole-editor.tsx
+++ b/packages/editor/src/components/tools/slab/slab-hole-editor.tsx
@@ -32,15 +32,15 @@ export const SlabHoleEditor: React.FC<SlabHoleEditorProps> = ({ slabId, holeInde
     [slabId, holeIndex, holes, updateNode, setSelection],
   )
 
-  if (!slab || !hole || hole.length < 3) return null
+  if (!(slab && hole) || hole.length < 3) return null
 
   return (
     <PolygonEditor
-      polygon={hole}
-      color="#ef4444" // red for holes
-      onPolygonChange={handlePolygonChange}
+      color="#ef4444"
+      levelId={resolveLevelId(slab, useScene.getState().nodes)} // red for holes
       minVertices={3}
-      levelId={resolveLevelId(slab, useScene.getState().nodes)}
+      onPolygonChange={handlePolygonChange}
+      polygon={hole}
       surfaceHeight={slab.elevation ?? 0.05}
     />
   )
diff --git a/apps/editor/components/tools/slab/slab-tool.tsx b/packages/editor/src/components/tools/slab/slab-tool.tsx
similarity index 84%
rename from apps/editor/components/tools/slab/slab-tool.tsx
rename to packages/editor/src/components/tools/slab/slab-tool.tsx
index eb77d359..2226b836 100644
--- a/apps/editor/components/tools/slab/slab-tool.tsx
+++ b/packages/editor/src/components/tools/slab/slab-tool.tsx
@@ -1,9 +1,9 @@
 import { emitter, type GridEvent, type LevelNode, SlabNode, useScene } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
 import { useEffect, useMemo, useRef, useState } from 'react'
-import { BufferGeometry, DoubleSide, type Line, type Group, Shape, Vector3 } from 'three'
-import { EDITOR_LAYER } from '@/lib/constants'
-import { sfxEmitter } from '@/lib/sfx-bus'
+import { BufferGeometry, DoubleSide, type Group, type Line, Shape, Vector3 } from 'three'
+import { EDITOR_LAYER } from '../../../lib/constants'
+import { sfxEmitter } from '../../../lib/sfx-bus'
 import { CursorSphere } from '../shared/cursor-sphere'
 
 const Y_OFFSET = 0.02
@@ -35,13 +35,13 @@ const calculateSnapPoint = (
     // Snap to 45° diagonal
     const diagonalLength = Math.min(absDx, absDy)
     return [x1 + Math.sign(dx) * diagonalLength, y1 + Math.sign(dy) * diagonalLength]
-  } else if (minDist === horizontalDist) {
+  }
+  if (minDist === horizontalDist) {
     // Snap to horizontal
     return [x, y1]
-  } else {
-    // Snap to vertical
-    return [x1, y]
   }
+  // Snap to vertical
+  return [x1, y]
 }
 
 /**
@@ -94,12 +94,19 @@ export const SlabTool: React.FC = () => {
 
       // Calculate snapped display position (bypass snap when Shift is held)
       const lastPoint = points[points.length - 1]
-      const displayPoint = (shiftPressed.current || !lastPoint) ? gridPosition : calculateSnapPoint(lastPoint, gridPosition)
+      const displayPoint =
+        shiftPressed.current || !lastPoint
+          ? gridPosition
+          : calculateSnapPoint(lastPoint, gridPosition)
       setSnappedCursorPosition(displayPoint)
 
       // Play snap sound when the snapped position actually changes (only when drawing)
-      if (points.length > 0 && previousSnappedPointRef.current &&
-          (displayPoint[0] !== previousSnappedPointRef.current[0] || displayPoint[1] !== previousSnappedPointRef.current[1])) {
+      if (
+        points.length > 0 &&
+        previousSnappedPointRef.current &&
+        (displayPoint[0] !== previousSnappedPointRef.current[0] ||
+          displayPoint[1] !== previousSnappedPointRef.current[1])
+      ) {
         sfxEmitter.emit('sfx:grid-snap')
       }
 
@@ -146,8 +153,12 @@ export const SlabTool: React.FC = () => {
       setPoints([])
     }
 
-    const onKeyDown = (e: KeyboardEvent) => { if (e.key === 'Shift') shiftPressed.current = true }
-    const onKeyUp = (e: KeyboardEvent) => { if (e.key === 'Shift') shiftPressed.current = false }
+    const onKeyDown = (e: KeyboardEvent) => {
+      if (e.key === 'Shift') shiftPressed.current = true
+    }
+    const onKeyUp = (e: KeyboardEvent) => {
+      if (e.key === 'Shift') shiftPressed.current = false
+    }
     document.addEventListener('keydown', onKeyDown)
     document.addEventListener('keyup', onKeyUp)
 
@@ -168,7 +179,7 @@ export const SlabTool: React.FC = () => {
 
   // Update line geometries when points change
   useEffect(() => {
-    if (!mainLineRef.current || !closingLineRef.current) return
+    if (!(mainLineRef.current && closingLineRef.current)) return
 
     if (points.length === 0) {
       mainLineRef.current.visible = false
@@ -261,20 +272,32 @@ export const SlabTool: React.FC = () => {
 
       {/* Main line */}
       {/* @ts-ignore */}
-      <line ref={mainLineRef} frustumCulled={false} renderOrder={1} visible={false} layers={EDITOR_LAYER}>
+      <line
+        frustumCulled={false}
+        layers={EDITOR_LAYER}
+        ref={mainLineRef}
+        renderOrder={1}
+        visible={false}
+      >
         <bufferGeometry />
-        <lineBasicNodeMaterial color="#818cf8" linewidth={3} depthTest={false} depthWrite={false} />
+        <lineBasicNodeMaterial color="#818cf8" depthTest={false} depthWrite={false} linewidth={3} />
       </line>
 
       {/* Closing line */}
       {/* @ts-ignore */}
-      <line ref={closingLineRef} frustumCulled={false} renderOrder={1} visible={false} layers={EDITOR_LAYER}>
+      <line
+        frustumCulled={false}
+        layers={EDITOR_LAYER}
+        ref={closingLineRef}
+        renderOrder={1}
+        visible={false}
+      >
         <bufferGeometry />
         <lineBasicNodeMaterial
           color="#818cf8"
-          linewidth={2}
           depthTest={false}
           depthWrite={false}
+          linewidth={2}
           opacity={0.5}
           transparent
         />
@@ -282,7 +305,13 @@ export const SlabTool: React.FC = () => {
 
       {/* Point markers */}
       {points.map(([x, z], index) => (
-        <CursorSphere key={index} position={[x, levelY + Y_OFFSET + 0.01, z]} color="#818cf8" showTooltip={false} height={0} />
+        <CursorSphere
+          color="#818cf8"
+          height={0}
+          key={index}
+          position={[x, levelY + Y_OFFSET + 0.01, z]}
+          showTooltip={false}
+        />
       ))}
     </group>
   )
diff --git a/apps/editor/components/tools/tool-manager.tsx b/packages/editor/src/components/tools/tool-manager.tsx
similarity index 90%
rename from apps/editor/components/tools/tool-manager.tsx
rename to packages/editor/src/components/tools/tool-manager.tsx
index d5649386..0d2fde96 100644
--- a/apps/editor/components/tools/tool-manager.tsx
+++ b/packages/editor/src/components/tools/tool-manager.tsx
@@ -1,6 +1,6 @@
 import { type AnyNodeId, type CeilingNode, type SlabNode, useScene } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
-import useEditor, { type Phase, type Tool } from '@/store/use-editor'
+import useEditor, { type Phase, type Tool } from '../../store/use-editor'
 import { CeilingBoundaryEditor } from './ceiling/ceiling-boundary-editor'
 import { CeilingHoleEditor } from './ceiling/ceiling-hole-editor'
 import { CeilingTool } from './ceiling/ceiling-tool'
@@ -61,7 +61,9 @@ export const ToolManager: React.FC = () => {
 
   // Show slab boundary editor when in structure/select mode with a slab selected (but not editing a hole)
   const showSlabBoundaryEditor =
-    phase === 'structure' && mode === 'select' && selectedSlabId !== undefined &&
+    phase === 'structure' &&
+    mode === 'select' &&
+    selectedSlabId !== undefined &&
     (!editingHole || editingHole.nodeId !== selectedSlabId)
 
   // Show slab hole editor when editing a hole on the selected slab
@@ -70,12 +72,16 @@ export const ToolManager: React.FC = () => {
 
   // Show ceiling boundary editor when in structure/select mode with a ceiling selected (but not editing a hole)
   const showCeilingBoundaryEditor =
-    phase === 'structure' && mode === 'select' && selectedCeilingId !== undefined &&
+    phase === 'structure' &&
+    mode === 'select' &&
+    selectedCeilingId !== undefined &&
     (!editingHole || editingHole.nodeId !== selectedCeilingId)
 
   // Show ceiling hole editor when editing a hole on the selected ceiling
   const showCeilingHoleEditor =
-    selectedCeilingId !== undefined && editingHole !== null && editingHole.nodeId === selectedCeilingId
+    selectedCeilingId !== undefined &&
+    editingHole !== null &&
+    editingHole.nodeId === selectedCeilingId
 
   // Show zone boundary editor when in structure/select mode with a zone selected
   // Hide when editing a slab or ceiling to avoid overlapping handles
@@ -97,7 +103,7 @@ export const ToolManager: React.FC = () => {
       {showZoneBoundaryEditor && selectedZoneId && <ZoneBoundaryEditor zoneId={selectedZoneId} />}
       {showSlabBoundaryEditor && selectedSlabId && <SlabBoundaryEditor slabId={selectedSlabId} />}
       {showSlabHoleEditor && selectedSlabId && editingHole && (
-        <SlabHoleEditor slabId={selectedSlabId} holeIndex={editingHole.holeIndex} />
+        <SlabHoleEditor holeIndex={editingHole.holeIndex} slabId={selectedSlabId} />
       )}
       {showCeilingBoundaryEditor && selectedCeilingId && (
         <CeilingBoundaryEditor ceilingId={selectedCeilingId} />
diff --git a/apps/editor/components/tools/wall/wall-tool.tsx b/packages/editor/src/components/tools/wall/wall-tool.tsx
similarity index 92%
rename from apps/editor/components/tools/wall/wall-tool.tsx
rename to packages/editor/src/components/tools/wall/wall-tool.tsx
index 6178e501..eb0d45bf 100644
--- a/apps/editor/components/tools/wall/wall-tool.tsx
+++ b/packages/editor/src/components/tools/wall/wall-tool.tsx
@@ -1,9 +1,9 @@
 import { emitter, type GridEvent, useScene, WallNode } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
 import { useEffect, useRef } from 'react'
-import { DoubleSide, type Mesh, type Group, Shape, ShapeGeometry, Vector3 } from 'three'
-import { EDITOR_LAYER } from '@/lib/constants'
-import { sfxEmitter } from '@/lib/sfx-bus'
+import { DoubleSide, type Group, type Mesh, Shape, ShapeGeometry, Vector3 } from 'three'
+import { EDITOR_LAYER } from '../../../lib/constants'
+import { sfxEmitter } from '../../../lib/sfx-bus'
 import { CursorSphere } from '../shared/cursor-sphere'
 
 const WALL_HEIGHT = 2.5
@@ -110,7 +110,7 @@ export const WallTool: React.FC = () => {
     let previousWallEnd: [number, number] | null = null
 
     const onGridMove = (event: GridEvent) => {
-      if (!cursorRef.current || !wallPreviewRef.current) return
+      if (!(cursorRef.current && wallPreviewRef.current)) return
 
       gridPosition = [Math.round(event.position[0] * 2) / 2, Math.round(event.position[2] * 2) / 2]
       const cursorPosition = new Vector3(gridPosition[0], event.position[1], gridPosition[1])
@@ -127,8 +127,10 @@ export const WallTool: React.FC = () => {
 
         // Play snap sound only when the actual wall end position changes
         const currentWallEnd: [number, number] = [endingPoint.current.x, endingPoint.current.z]
-        if (previousWallEnd &&
-            (currentWallEnd[0] !== previousWallEnd[0] || currentWallEnd[1] !== previousWallEnd[1])) {
+        if (
+          previousWallEnd &&
+          (currentWallEnd[0] !== previousWallEnd[0] || currentWallEnd[1] !== previousWallEnd[1])
+        ) {
           sfxEmitter.emit('sfx:grid-snap')
         }
         previousWallEnd = currentWallEnd
@@ -196,18 +198,18 @@ export const WallTool: React.FC = () => {
   return (
     <group>
       {/* Cursor indicator */}
-      <CursorSphere ref={cursorRef}  />
+      <CursorSphere ref={cursorRef} />
 
       {/* Wall preview */}
-      <mesh ref={wallPreviewRef} visible={false} renderOrder={1} layers={EDITOR_LAYER}>
+      <mesh layers={EDITOR_LAYER} ref={wallPreviewRef} renderOrder={1} visible={false}>
         <shapeGeometry />
         <meshBasicMaterial
           color="#818cf8"
-          transparent
-          opacity={0.5}
-          side={DoubleSide}
           depthTest={false}
           depthWrite={false}
+          opacity={0.5}
+          side={DoubleSide}
+          transparent
         />
       </mesh>
     </group>
diff --git a/apps/editor/components/tools/window/move-window-tool.tsx b/packages/editor/src/components/tools/window/move-window-tool.tsx
similarity index 87%
rename from apps/editor/components/tools/window/move-window-tool.tsx
rename to packages/editor/src/components/tools/window/move-window-tool.tsx
index e05aac48..5cc64b2c 100644
--- a/apps/editor/components/tools/window/move-window-tool.tsx
+++ b/packages/editor/src/components/tools/window/move-window-tool.tsx
@@ -11,9 +11,9 @@ import { useViewer } from '@pascal-app/viewer'
 import { useEffect, useMemo, useRef } from 'react'
 import { BoxGeometry, EdgesGeometry, type Group } from 'three'
 import { LineBasicNodeMaterial } from 'three/webgpu'
-import { EDITOR_LAYER } from '@/lib/constants'
-import { sfxEmitter } from '@/lib/sfx-bus'
-import useEditor from '@/store/use-editor'
+import { EDITOR_LAYER } from '../../../lib/constants'
+import { sfxEmitter } from '../../../lib/sfx-bus'
+import useEditor from '../../../store/use-editor'
 import {
   calculateCursorRotation,
   calculateItemRotation,
@@ -24,7 +24,7 @@ import {
 import { clampToWall, hasWallChildOverlap, wallLocalToWorld } from './window-math'
 
 const edgeMaterial = new LineBasicNodeMaterial({
-  color: 0xef4444,
+  color: 0xef_44_44,
   linewidth: 3,
   depthTest: false,
   depthWrite: false,
@@ -52,9 +52,10 @@ export const MoveWindowTool: React.FC<{ node: WindowNode }> = ({ node: movingWin
   useEffect(() => {
     useScene.temporal.getState().pause()
 
-    const meta = (typeof movingWindowNode.metadata === 'object' && movingWindowNode.metadata !== null)
-      ? movingWindowNode.metadata as Record<string, unknown>
-      : {}
+    const meta =
+      typeof movingWindowNode.metadata === 'object' && movingWindowNode.metadata !== null
+        ? (movingWindowNode.metadata as Record<string, unknown>)
+        : {}
     const isNew = !!meta.isNew
 
     // Save original state (only used in move mode)
@@ -106,7 +107,7 @@ export const MoveWindowTool: React.FC<{ node: WindowNode }> = ({ node: movingWin
       group.visible = true
       group.position.set(...worldPosition)
       group.rotation.y = cursorRotationY
-      edgeMaterial.color.setHex(valid ? 0x22c55e : 0xef4444)
+      edgeMaterial.color.setHex(valid ? 0x22_c5_5e : 0xef_44_44)
     }
 
     const onWallEnter = (event: WallEvent) => {
@@ -121,8 +122,11 @@ export const MoveWindowTool: React.FC<{ node: WindowNode }> = ({ node: movingWin
       const localX = snapToHalf(event.localPosition[0])
       const localY = snapToHalf(event.localPosition[1])
       const { clampedX, clampedY } = clampToWall(
-        event.node, localX, localY,
-        movingWindowNode.width, movingWindowNode.height,
+        event.node,
+        localX,
+        localY,
+        movingWindowNode.width,
+        movingWindowNode.height,
       )
 
       const prevWallId = currentWallId
@@ -140,13 +144,22 @@ export const MoveWindowTool: React.FC<{ node: WindowNode }> = ({ node: movingWin
       markWallDirty(event.node.id)
 
       const valid = !hasWallChildOverlap(
-        event.node.id, clampedX, clampedY,
-        movingWindowNode.width, movingWindowNode.height,
+        event.node.id,
+        clampedX,
+        clampedY,
+        movingWindowNode.width,
+        movingWindowNode.height,
         movingWindowNode.id,
       )
 
       updateCursor(
-        wallLocalToWorld(event.node, clampedX, clampedY, getLevelYOffset(), getSlabElevation(event)),
+        wallLocalToWorld(
+          event.node,
+          clampedX,
+          clampedY,
+          getLevelYOffset(),
+          getSlabElevation(event),
+        ),
         cursorRotation,
         valid,
       )
@@ -165,8 +178,11 @@ export const MoveWindowTool: React.FC<{ node: WindowNode }> = ({ node: movingWin
       const localX = snapToHalf(event.localPosition[0])
       const localY = snapToHalf(event.localPosition[1])
       const { clampedX, clampedY } = clampToWall(
-        event.node, localX, localY,
-        movingWindowNode.width, movingWindowNode.height,
+        event.node,
+        localX,
+        localY,
+        movingWindowNode.width,
+        movingWindowNode.height,
       )
 
       useScene.getState().updateNode(movingWindowNode.id, {
@@ -184,13 +200,22 @@ export const MoveWindowTool: React.FC<{ node: WindowNode }> = ({ node: movingWin
       markWallDirty(event.node.id)
 
       const valid = !hasWallChildOverlap(
-        event.node.id, clampedX, clampedY,
-        movingWindowNode.width, movingWindowNode.height,
+        event.node.id,
+        clampedX,
+        clampedY,
+        movingWindowNode.width,
+        movingWindowNode.height,
         movingWindowNode.id,
       )
 
       updateCursor(
-        wallLocalToWorld(event.node, clampedX, clampedY, getLevelYOffset(), getSlabElevation(event)),
+        wallLocalToWorld(
+          event.node,
+          clampedX,
+          clampedY,
+          getLevelYOffset(),
+          getSlabElevation(event),
+        ),
         cursorRotation,
         valid,
       )
@@ -208,13 +233,19 @@ export const MoveWindowTool: React.FC<{ node: WindowNode }> = ({ node: movingWin
       const localX = snapToHalf(event.localPosition[0])
       const localY = snapToHalf(event.localPosition[1])
       const { clampedX, clampedY } = clampToWall(
-        event.node, localX, localY,
-        movingWindowNode.width, movingWindowNode.height,
+        event.node,
+        localX,
+        localY,
+        movingWindowNode.width,
+        movingWindowNode.height,
       )
 
       const valid = !hasWallChildOverlap(
-        event.node.id, clampedX, clampedY,
-        movingWindowNode.width, movingWindowNode.height,
+        event.node.id,
+        clampedX,
+        clampedY,
+        movingWindowNode.width,
+        movingWindowNode.height,
         movingWindowNode.id,
       )
       if (!valid) return
@@ -331,7 +362,9 @@ export const MoveWindowTool: React.FC<{ node: WindowNode }> = ({ node: movingWin
 
     return () => {
       // Safety cleanup: if still transient on unmount (e.g. phase switch mid-move)
-      const current = useScene.getState().nodes[movingWindowNode.id as AnyNodeId] as WindowNode | undefined
+      const current = useScene.getState().nodes[movingWindowNode.id as AnyNodeId] as
+        | WindowNode
+        | undefined
       const currentMeta = current?.metadata as Record<string, unknown> | undefined
       if (currentMeta?.isTransient) {
         if (isNew) {
@@ -371,7 +404,7 @@ export const MoveWindowTool: React.FC<{ node: WindowNode }> = ({ node: movingWin
 
   return (
     <group ref={cursorGroupRef} visible={false}>
-      <lineSegments geometry={edgesGeo} material={edgeMaterial} layers={EDITOR_LAYER} />
+      <lineSegments geometry={edgesGeo} layers={EDITOR_LAYER} material={edgeMaterial} />
     </group>
   )
 }
diff --git a/apps/editor/components/tools/window/window-math.ts b/packages/editor/src/components/tools/window/window-math.ts
similarity index 90%
rename from apps/editor/components/tools/window/window-math.ts
rename to packages/editor/src/components/tools/window/window-math.ts
index 9a3ffedc..842634a2 100644
--- a/apps/editor/components/tools/window/window-math.ts
+++ b/packages/editor/src/components/tools/window/window-math.ts
@@ -1,4 +1,12 @@
-import { type AnyNodeId, type DoorNode, getScaledDimensions, type ItemNode, useScene, type WallNode, type WindowNode } from '@pascal-app/core'
+import {
+  type AnyNodeId,
+  type DoorNode,
+  getScaledDimensions,
+  type ItemNode,
+  useScene,
+  type WallNode,
+  type WindowNode,
+} from '@pascal-app/core'
 
 /**
  * Converts wall-local (X along wall, Y = height above wall base) to world XYZ.
@@ -82,19 +90,19 @@ export function hasWallChildOverlap(
       const [w, h] = getScaledDimensions(item)
       childLeft = item.position[0] - w / 2
       childRight = item.position[0] + w / 2
-      childBottom = item.position[1]       // items store bottom Y
+      childBottom = item.position[1] // items store bottom Y
       childTop = item.position[1] + h
     } else if (child.type === 'window') {
       const win = child as WindowNode
       childLeft = win.position[0] - win.width / 2
       childRight = win.position[0] + win.width / 2
-      childBottom = win.position[1] - win.height / 2  // windows store center Y
+      childBottom = win.position[1] - win.height / 2 // windows store center Y
       childTop = win.position[1] + win.height / 2
     } else if (child.type === 'door') {
       const door = child as DoorNode
       childLeft = door.position[0] - door.width / 2
       childRight = door.position[0] + door.width / 2
-      childBottom = door.position[1] - door.height / 2  // doors store center Y
+      childBottom = door.position[1] - door.height / 2 // doors store center Y
       childTop = door.position[1] + door.height / 2
     } else {
       continue
diff --git a/apps/editor/components/tools/window/window-tool.tsx b/packages/editor/src/components/tools/window/window-tool.tsx
similarity index 89%
rename from apps/editor/components/tools/window/window-tool.tsx
rename to packages/editor/src/components/tools/window/window-tool.tsx
index da7a45c4..072bf118 100644
--- a/apps/editor/components/tools/window/window-tool.tsx
+++ b/packages/editor/src/components/tools/window/window-tool.tsx
@@ -11,6 +11,8 @@ import { useViewer } from '@pascal-app/viewer'
 import { useEffect, useRef } from 'react'
 import { BoxGeometry, EdgesGeometry, type Group, type LineSegments } from 'three'
 import { LineBasicNodeMaterial } from 'three/webgpu'
+import { EDITOR_LAYER } from '../../../lib/constants'
+import { sfxEmitter } from '../../../lib/sfx-bus'
 import {
   calculateCursorRotation,
   calculateItemRotation,
@@ -19,12 +21,10 @@ import {
   snapToHalf,
 } from '../item/placement-math'
 import { clampToWall, hasWallChildOverlap, wallLocalToWorld } from './window-math'
-import { EDITOR_LAYER } from '@/lib/constants'
-import { sfxEmitter } from '../../../lib/sfx-bus'
 
 // Shared edge material — reuse across renders, just toggle color
 const edgeMaterial = new LineBasicNodeMaterial({
-  color: 0xef4444, // red-500 default (invalid)
+  color: 0xef_44_44, // red-500 default (invalid)
   linewidth: 3,
   depthTest: false,
   depthWrite: false,
@@ -81,7 +81,7 @@ export const WindowTool: React.FC = () => {
       group.visible = true
       group.position.set(...worldPosition)
       group.rotation.y = cursorRotationY
-      edgeMaterial.color.setHex(valid ? 0x22c55e : 0xef4444)
+      edgeMaterial.color.setHex(valid ? 0x22_c5_5e : 0xef_44_44)
     }
 
     const onWallEnter = (event: WallEvent) => {
@@ -120,7 +120,13 @@ export const WindowTool: React.FC = () => {
       const valid = !hasWallChildOverlap(event.node.id, clampedX, clampedY, width, height, node.id)
 
       updateCursor(
-        wallLocalToWorld(event.node, clampedX, clampedY, getLevelYOffset(), getSlabElevation(event)),
+        wallLocalToWorld(
+          event.node,
+          clampedX,
+          clampedY,
+          getLevelYOffset(),
+          getSlabElevation(event),
+        ),
         cursorRotation,
         valid,
       )
@@ -155,12 +161,22 @@ export const WindowTool: React.FC = () => {
       }
 
       const valid = !hasWallChildOverlap(
-        event.node.id, clampedX, clampedY, width, height,
+        event.node.id,
+        clampedX,
+        clampedY,
+        width,
+        height,
         draftRef.current?.id,
       )
 
       updateCursor(
-        wallLocalToWorld(event.node, clampedX, clampedY, getLevelYOffset(), getSlabElevation(event)),
+        wallLocalToWorld(
+          event.node,
+          clampedX,
+          clampedY,
+          getLevelYOffset(),
+          getSlabElevation(event),
+        ),
         cursorRotation,
         valid,
       )
@@ -179,12 +195,18 @@ export const WindowTool: React.FC = () => {
       const localX = snapToHalf(event.localPosition[0])
       const localY = snapToHalf(event.localPosition[1])
       const { clampedX, clampedY } = clampToWall(
-        event.node, localX, localY,
-        draftRef.current.width, draftRef.current.height,
+        event.node,
+        localX,
+        localY,
+        draftRef.current.width,
+        draftRef.current.height,
       )
       const valid = !hasWallChildOverlap(
-        event.node.id, clampedX, clampedY,
-        draftRef.current.width, draftRef.current.height,
+        event.node.id,
+        clampedX,
+        clampedY,
+        draftRef.current.width,
+        draftRef.current.height,
         draftRef.current.id,
       )
       if (!valid) return
@@ -270,7 +292,12 @@ export const WindowTool: React.FC = () => {
 
   return (
     <group ref={cursorGroupRef} visible={false}>
-      <lineSegments ref={edgesRef} geometry={edgesGeo} material={edgeMaterial} layers={EDITOR_LAYER} />
+      <lineSegments
+        geometry={edgesGeo}
+        layers={EDITOR_LAYER}
+        material={edgeMaterial}
+        ref={edgesRef}
+      />
     </group>
   )
 }
diff --git a/apps/editor/components/tools/zone/zone-boundary-editor.tsx b/packages/editor/src/components/tools/zone/zone-boundary-editor.tsx
similarity index 94%
rename from apps/editor/components/tools/zone/zone-boundary-editor.tsx
rename to packages/editor/src/components/tools/zone/zone-boundary-editor.tsx
index 9dc26d9a..8b2bcbd0 100644
--- a/apps/editor/components/tools/zone/zone-boundary-editor.tsx
+++ b/packages/editor/src/components/tools/zone/zone-boundary-editor.tsx
@@ -23,17 +23,17 @@ export const ZoneBoundaryEditor: React.FC<ZoneBoundaryEditorProps> = ({ zoneId }
     [zoneId, updateNode],
   )
 
-  if (!zone || !zone.polygon || zone.polygon.length < 3) return null
+  if (!(zone && zone.polygon) || zone.polygon.length < 3) return null
 
   const zoneColor = zone.color || '#3b82f6'
 
   return (
     <PolygonEditor
-      polygon={zone.polygon}
       color={zoneColor}
-      onPolygonChange={handlePolygonChange}
-      minVertices={3}
       levelId={resolveLevelId(zone, useScene.getState().nodes)}
+      minVertices={3}
+      onPolygonChange={handlePolygonChange}
+      polygon={zone.polygon}
     />
   )
 }
diff --git a/packages/editor/src/components/tools/zone/zone-tool.tsx b/packages/editor/src/components/tools/zone/zone-tool.tsx
new file mode 100644
index 00000000..1ae50734
--- /dev/null
+++ b/packages/editor/src/components/tools/zone/zone-tool.tsx
@@ -0,0 +1,363 @@
+import { emitter, type GridEvent, type LevelNode, useScene, ZoneNode } from '@pascal-app/core'
+import { useViewer } from '@pascal-app/viewer'
+import { useEffect, useMemo, useRef, useState } from 'react'
+import { BufferGeometry, DoubleSide, type Group, type Line, Shape, Vector3 } from 'three'
+import { PALETTE_COLORS } from './../../../components/ui/primitives/color-dot'
+import { EDITOR_LAYER } from './../../../lib/constants'
+import useEditor from './../../../store/use-editor'
+import { CursorSphere } from '../shared/cursor-sphere'
+
+const Y_OFFSET = 0.02
+
+/**
+ * Snaps a point to the nearest axis-aligned or 45-degree diagonal from the last point
+ */
+const calculateSnapPoint = (
+  lastPoint: [number, number],
+  currentPoint: [number, number],
+): [number, number] => {
+  const [x1, y1] = lastPoint
+  const [x, y] = currentPoint
+
+  const dx = x - x1
+  const dy = y - y1
+  const absDx = Math.abs(dx)
+  const absDy = Math.abs(dy)
+
+  // Calculate distances to horizontal, vertical, and diagonal lines
+  const horizontalDist = absDy
+  const verticalDist = absDx
+  const diagonalDist = Math.abs(absDx - absDy)
+
+  // Find the minimum distance to determine which axis to snap to
+  const minDist = Math.min(horizontalDist, verticalDist, diagonalDist)
+
+  if (minDist === diagonalDist) {
+    // Snap to 45° diagonal
+    const diagonalLength = Math.min(absDx, absDy)
+    return [x1 + Math.sign(dx) * diagonalLength, y1 + Math.sign(dy) * diagonalLength]
+  }
+  if (minDist === horizontalDist) {
+    // Snap to horizontal
+    return [x, y1]
+  }
+  // Snap to vertical
+  return [x1, y]
+}
+
+/**
+ * Creates a zone with the given polygon points
+ */
+const commitZoneDrawing = (levelId: LevelNode['id'], points: Array<[number, number]>) => {
+  const { createNode, nodes } = useScene.getState()
+
+  // Count existing zones for naming and color cycling
+  const zoneCount = Object.values(nodes).filter((n) => n.type === 'zone').length
+  const name = `Zone ${zoneCount + 1}`
+
+  // Cycle through colors
+  const color = PALETTE_COLORS[zoneCount % PALETTE_COLORS.length]
+
+  const zone = ZoneNode.parse({
+    name,
+    polygon: points,
+    color,
+  })
+
+  createNode(zone, levelId)
+
+  // Select the newly created zone
+  useViewer.getState().setSelection({ zoneId: zone.id })
+}
+
+type PreviewState = {
+  points: Array<[number, number]>
+  cursorPoint: [number, number] | null
+  levelY: number
+}
+
+// Helper to validate point values (no NaN or Infinity)
+const isValidPoint = (pt: [number, number] | null | undefined): pt is [number, number] => {
+  if (!pt) return false
+  return Number.isFinite(pt[0]) && Number.isFinite(pt[1])
+}
+
+export const ZoneTool: React.FC = () => {
+  const cursorRef = useRef<Group>(null)
+  const mainLineRef = useRef<Line>(null!)
+  const closingLineRef = useRef<Line>(null!)
+  const pointsRef = useRef<Array<[number, number]>>([])
+  const levelYRef = useRef(0) // Track current level Y position
+  const currentLevelId = useViewer((state) => state.selection.levelId)
+  const setTool = useEditor((state) => state.setTool)
+
+  // Preview state for reactive rendering (for shape and point markers)
+  const [preview, setPreview] = useState<PreviewState>({
+    points: [],
+    cursorPoint: null,
+    levelY: 0,
+  })
+
+  useEffect(() => {
+    if (!currentLevelId) return
+
+    let cursorPosition: [number, number] = [0, 0]
+
+    // Initialize line geometries
+    mainLineRef.current.geometry = new BufferGeometry()
+    closingLineRef.current.geometry = new BufferGeometry()
+
+    const updateLines = () => {
+      const points = pointsRef.current
+      const y = levelYRef.current + Y_OFFSET
+
+      if (points.length === 0) {
+        mainLineRef.current.visible = false
+        closingLineRef.current.visible = false
+        return
+      }
+
+      // Build main line points
+      const linePoints: Vector3[] = points.map(([x, z]) => new Vector3(x, y, z))
+
+      // Add cursor point
+      const lastPoint = points[points.length - 1]
+      if (lastPoint) {
+        const snapped = calculateSnapPoint(lastPoint, cursorPosition)
+        if (isValidPoint(snapped)) {
+          linePoints.push(new Vector3(snapped[0], y, snapped[1]))
+        }
+      }
+
+      // Update main line geometry
+      if (linePoints.length >= 2) {
+        mainLineRef.current.geometry.dispose()
+        mainLineRef.current.geometry = new BufferGeometry().setFromPoints(linePoints)
+        mainLineRef.current.visible = true
+      } else {
+        mainLineRef.current.visible = false
+      }
+
+      // Update closing line (from cursor back to first point)
+      const firstPoint = points[0]
+      if (points.length >= 2 && lastPoint && isValidPoint(firstPoint)) {
+        const snapped = calculateSnapPoint(lastPoint, cursorPosition)
+        if (isValidPoint(snapped)) {
+          const closingPoints = [
+            new Vector3(snapped[0], y, snapped[1]),
+            new Vector3(firstPoint[0], y, firstPoint[1]),
+          ]
+          closingLineRef.current.geometry.dispose()
+          closingLineRef.current.geometry = new BufferGeometry().setFromPoints(closingPoints)
+          closingLineRef.current.visible = true
+        }
+      } else {
+        closingLineRef.current.visible = false
+      }
+    }
+
+    const updatePreview = () => {
+      const points = pointsRef.current
+      const lastPoint = points[points.length - 1]
+
+      let cursorPt: [number, number] | null = null
+      if (lastPoint) {
+        cursorPt = calculateSnapPoint(lastPoint, cursorPosition)
+      } else if (points.length === 0) {
+        cursorPt = cursorPosition
+      }
+
+      setPreview({ points: [...points], cursorPoint: cursorPt, levelY: levelYRef.current })
+      updateLines()
+    }
+
+    const onGridMove = (event: GridEvent) => {
+      if (!cursorRef.current) return
+
+      // Snap to 0.5 grid
+      const gridX = Math.round(event.position[0] * 2) / 2
+      const gridZ = Math.round(event.position[2] * 2) / 2
+      cursorPosition = [gridX, gridZ]
+      levelYRef.current = event.position[1]
+
+      // If we have points, snap to axis from last point
+      const lastPoint = pointsRef.current[pointsRef.current.length - 1]
+      if (lastPoint) {
+        const snapped = calculateSnapPoint(lastPoint, cursorPosition)
+        cursorRef.current.position.set(snapped[0], event.position[1], snapped[1])
+      } else {
+        cursorRef.current.position.set(gridX, event.position[1], gridZ)
+      }
+
+      updatePreview()
+    }
+
+    const onGridClick = (event: GridEvent) => {
+      if (!currentLevelId) return
+
+      const gridX = Math.round(event.position[0] * 2) / 2
+      const gridZ = Math.round(event.position[2] * 2) / 2
+      let clickPoint: [number, number] = [gridX, gridZ]
+
+      // Snap to axis from last point
+      const lastPoint = pointsRef.current[pointsRef.current.length - 1]
+      if (lastPoint) {
+        clickPoint = calculateSnapPoint(lastPoint, clickPoint)
+      }
+
+      // Check if clicking on the first point to close the shape
+      const firstPoint = pointsRef.current[0]
+      if (
+        pointsRef.current.length >= 3 &&
+        firstPoint &&
+        Math.abs(clickPoint[0] - firstPoint[0]) < 0.25 &&
+        Math.abs(clickPoint[1] - firstPoint[1]) < 0.25
+      ) {
+        // Create the zone
+        commitZoneDrawing(currentLevelId, pointsRef.current)
+
+        // Reset state
+        pointsRef.current = []
+        setPreview({ points: [], cursorPoint: null, levelY: levelYRef.current })
+        mainLineRef.current.visible = false
+        closingLineRef.current.visible = false
+      } else {
+        // Add point to polygon
+        pointsRef.current = [...pointsRef.current, clickPoint]
+        updatePreview()
+      }
+    }
+
+    const onGridDoubleClick = (_event: GridEvent) => {
+      if (!currentLevelId) return
+
+      // Need at least 3 points to form a polygon
+      if (pointsRef.current.length >= 3) {
+        commitZoneDrawing(currentLevelId, pointsRef.current)
+
+        // Reset state
+        pointsRef.current = []
+        setPreview({ points: [], cursorPoint: null, levelY: levelYRef.current })
+        mainLineRef.current.visible = false
+        closingLineRef.current.visible = false
+      }
+    }
+
+    // Subscribe to events
+    emitter.on('grid:move', onGridMove)
+    emitter.on('grid:click', onGridClick)
+    emitter.on('grid:double-click', onGridDoubleClick)
+
+    return () => {
+      emitter.off('grid:move', onGridMove)
+      emitter.off('grid:click', onGridClick)
+      emitter.off('grid:double-click', onGridDoubleClick)
+
+      // Reset state on unmount
+      pointsRef.current = []
+    }
+  }, [currentLevelId, setTool])
+
+  const { points, cursorPoint, levelY } = preview
+
+  // Create preview shape when we have 3+ points
+  const previewShape = useMemo(() => {
+    if (points.length < 3) return null
+
+    const allPoints = [...points]
+    if (isValidPoint(cursorPoint)) {
+      allPoints.push(cursorPoint)
+    }
+
+    // THREE.Shape is in X-Y plane. After rotation of -PI/2 around X:
+    // - Shape X -> World X
+    // - Shape Y -> World -Z (so we negate Z to get correct orientation)
+    const firstPt = allPoints[0]
+    if (!isValidPoint(firstPt)) return null
+
+    const shape = new Shape()
+    shape.moveTo(firstPt[0], -firstPt[1])
+
+    for (let i = 1; i < allPoints.length; i++) {
+      const pt = allPoints[i]
+      if (isValidPoint(pt)) {
+        shape.lineTo(pt[0], -pt[1])
+      }
+    }
+    shape.closePath()
+
+    return shape
+  }, [points, cursorPoint])
+
+  return (
+    <group>
+      {/* Cursor */}
+      <CursorSphere ref={cursorRef} />
+
+      {/* Preview fill */}
+      {previewShape && (
+        <mesh
+          frustumCulled={false}
+          layers={EDITOR_LAYER}
+          position={[0, levelY + Y_OFFSET, 0]}
+          rotation={[-Math.PI / 2, 0, 0]}
+        >
+          <shapeGeometry args={[previewShape]} />
+          <meshBasicMaterial
+            color="#818cf8"
+            depthTest={false}
+            opacity={0.15}
+            side={DoubleSide}
+            transparent
+          />
+        </mesh>
+      )}
+
+      {/* Main line - uses native line element with TSL-compatible material */}
+      {/* @ts-ignore */}
+      <line
+        frustumCulled={false}
+        layers={EDITOR_LAYER}
+        ref={mainLineRef}
+        renderOrder={1}
+        visible={false}
+      >
+        <bufferGeometry />
+        <lineBasicNodeMaterial color="#818cf8" depthTest={false} depthWrite={false} linewidth={3} />
+      </line>
+
+      {/* Closing line - uses native line element with TSL-compatible material */}
+      {/* @ts-ignore */}
+      <line
+        frustumCulled={false}
+        layers={EDITOR_LAYER}
+        ref={closingLineRef}
+        renderOrder={1}
+        visible={false}
+      >
+        <bufferGeometry />
+        <lineBasicNodeMaterial
+          color="#818cf8"
+          depthTest={false}
+          depthWrite={false}
+          linewidth={2}
+          opacity={0.5}
+          transparent
+        />
+      </line>
+
+      {/* Point markers */}
+      {points.map(([x, z], index) =>
+        isValidPoint([x, z]) ? (
+          <CursorSphere
+            color="#818cf8"
+            height={0}
+            key={index}
+            position={[x, levelY + Y_OFFSET + 0.01, z]}
+            showTooltip={false}
+          />
+        ) : null,
+      )}
+    </group>
+  )
+}
diff --git a/apps/editor/components/ui/action-menu/action-button.tsx b/packages/editor/src/components/ui/action-menu/action-button.tsx
similarity index 55%
rename from apps/editor/components/ui/action-menu/action-button.tsx
rename to packages/editor/src/components/ui/action-menu/action-button.tsx
index 5ee00acb..cb48c309 100644
--- a/apps/editor/components/ui/action-menu/action-button.tsx
+++ b/packages/editor/src/components/ui/action-menu/action-button.tsx
@@ -1,47 +1,44 @@
-import * as React from "react";
-import { Button } from "@/components/ui/primitives/button";
+import * as React from 'react'
+import { Button } from './../../../components/ui/primitives/button'
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/primitives/tooltip";
-import { cn } from "@/lib/utils";
+} from './../../../components/ui/primitives/tooltip'
+import { cn } from './../../../lib/utils'
 
 interface ActionButtonProps extends React.ComponentProps<typeof Button> {
-  label: string;
-  shortcut?: string;
-  isActive?: boolean;
-  tooltipContent?: React.ReactNode;
-  tooltipSide?: "top" | "right" | "bottom" | "left";
+  label: string
+  shortcut?: string
+  isActive?: boolean
+  tooltipContent?: React.ReactNode
+  tooltipSide?: 'top' | 'right' | 'bottom' | 'left'
 }
 
 export const ActionButton = React.forwardRef<HTMLButtonElement, ActionButtonProps>(
   (
     { className, children, label, shortcut, isActive, tooltipContent, tooltipSide, ...props },
-    ref
+    ref,
   ) => {
     return (
       <Tooltip>
         <TooltipTrigger asChild>
           <Button
+            className={cn('relative h-11 w-11 transition-all', className)}
             ref={ref}
-            className={cn(
-              "relative h-11 w-11 transition-all",
-              className
-            )}
             {...props}
           >
             <div
               className={cn(
-                "flex h-full w-full items-center justify-center transition-transform",
-                shortcut && "-translate-x-0.5 -translate-y-0.5"
+                'flex h-full w-full items-center justify-center transition-transform',
+                shortcut && '-translate-x-0.5 -translate-y-0.5',
               )}
             >
               {children}
             </div>
             {shortcut && (
-              <div className="absolute bottom-1 right-1 rounded border border-border/40 bg-background/40 px-1 py-[2px] backdrop-blur-md">
-                <span className="block font-mono text-[9px] font-medium leading-none text-muted-foreground/70">
+              <div className="absolute right-1 bottom-1 rounded border border-border/40 bg-background/40 px-1 py-[2px] backdrop-blur-md">
+                <span className="block font-medium font-mono text-[9px] text-muted-foreground/70 leading-none">
                   {shortcut}
                 </span>
               </div>
@@ -56,7 +53,7 @@ export const ActionButton = React.forwardRef<HTMLButtonElement, ActionButtonProp
           )}
         </TooltipContent>
       </Tooltip>
-    );
-  }
-);
-ActionButton.displayName = "ActionButton";
+    )
+  },
+)
+ActionButton.displayName = 'ActionButton'
diff --git a/apps/editor/components/ui/action-menu/camera-actions.tsx b/packages/editor/src/components/ui/action-menu/camera-actions.tsx
similarity index 90%
rename from apps/editor/components/ui/action-menu/camera-actions.tsx
rename to packages/editor/src/components/ui/action-menu/camera-actions.tsx
index c25c3259..f65363cc 100644
--- a/apps/editor/components/ui/action-menu/camera-actions.tsx
+++ b/packages/editor/src/components/ui/action-menu/camera-actions.tsx
@@ -2,7 +2,7 @@
 
 import { emitter } from '@pascal-app/core'
 import Image from 'next/image'
-import { ActionButton } from "./action-button";
+import { ActionButton } from './action-button'
 
 export function CameraActions() {
   const goToTopView = () => {
@@ -21,15 +21,15 @@ export function CameraActions() {
     <div className="flex items-center gap-1">
       {/* Orbit CCW */}
       <ActionButton
-        label="Orbit Left"
         className="group hover:bg-white/5"
+        label="Orbit Left"
         onClick={orbitCCW}
         size="icon"
         variant="ghost"
       >
         <Image
           alt="Orbit Left"
-          className="h-[28px] w-[28px] object-contain opacity-70 transition-opacity group-hover:opacity-100 -scale-x-100"
+          className="h-[28px] w-[28px] -scale-x-100 object-contain opacity-70 transition-opacity group-hover:opacity-100"
           height={28}
           src="/icons/rotate.png"
           width={28}
@@ -38,8 +38,8 @@ export function CameraActions() {
 
       {/* Orbit CW */}
       <ActionButton
-        label="Orbit Right"
         className="group hover:bg-white/5"
+        label="Orbit Right"
         onClick={orbitCW}
         size="icon"
         variant="ghost"
@@ -55,8 +55,8 @@ export function CameraActions() {
 
       {/* Top View */}
       <ActionButton
-        label="Top View"
         className="group hover:bg-white/5"
+        label="Top View"
         onClick={goToTopView}
         size="icon"
         variant="ghost"
diff --git a/packages/editor/src/components/ui/action-menu/control-modes.tsx b/packages/editor/src/components/ui/action-menu/control-modes.tsx
new file mode 100644
index 00000000..29686fb9
--- /dev/null
+++ b/packages/editor/src/components/ui/action-menu/control-modes.tsx
@@ -0,0 +1,133 @@
+'use client'
+
+import { type LucideIcon, Pencil, Trash2 } from 'lucide-react'
+import Image from 'next/image'
+import { cn } from './../../../lib/utils'
+import useEditor, { type Mode, type Phase } from './../../../store/use-editor'
+import { ActionButton } from './action-button'
+
+type ModeConfig = {
+  id: Mode
+  icon?: LucideIcon
+  imageSrc?: string
+  label: string
+  shortcut: string
+  color: string
+  activeColor: string
+}
+
+// All available control modes
+const allModes: ModeConfig[] = [
+  {
+    id: 'select',
+    imageSrc: '/icons/select.png',
+    label: 'Select',
+    shortcut: 'V',
+    color: 'hover:bg-blue-500/20 hover:text-blue-400',
+    activeColor: 'bg-blue-500/20 text-blue-400',
+  },
+  {
+    id: 'edit',
+    icon: Pencil,
+    label: 'Edit',
+    shortcut: 'E',
+    color: 'hover:bg-orange-500/20 hover:text-orange-400',
+    activeColor: 'bg-orange-500/20 text-orange-400',
+  },
+  {
+    id: 'build',
+    imageSrc: '/icons/build.png',
+    label: 'Build',
+    shortcut: 'B',
+    color: 'hover:bg-green-500/20 hover:text-green-400',
+    activeColor: 'bg-green-500/20 text-green-400',
+  },
+  {
+    id: 'delete',
+    icon: Trash2,
+    label: 'Delete',
+    shortcut: 'D',
+    color: 'hover:bg-red-500/20 hover:text-red-400',
+    activeColor: 'bg-red-500/20 text-red-400',
+  },
+  // {
+  //   id: 'painting',
+  //   icon: Paintbrush,
+  //   label: 'Painting',
+  //   shortcut: 'P',
+  //   color: 'hover:bg-cyan-500/20 hover:text-cyan-400',
+  //   activeColor: 'bg-cyan-500/20 text-cyan-400',
+  // },
+  // {
+  //   id: 'guide',
+  //   icon: Image,
+  //   label: 'Guide',
+  //   shortcut: 'G',
+  //   color: 'hover:bg-purple-500/20 hover:text-purple-400',
+  //   activeColor: 'bg-purple-500/20 text-purple-400',
+  // },
+]
+
+// Define which modes are available in each editor mode
+const modesByPhase: Record<Phase, Mode[]> = {
+  site: ['select', 'edit'],
+  structure: ['select', 'delete', 'build'],
+  furnish: ['select', 'delete', 'build'],
+}
+
+export function ControlModes() {
+  const mode = useEditor((state) => state.mode)
+  const phase = useEditor((state) => state.phase)
+  const setMode = useEditor((state) => state.setMode)
+
+  const availableModeIds = modesByPhase[phase]
+  const availableModes = allModes.filter((m) => availableModeIds.includes(m.id))
+
+  const handleModeClick = (mode: Mode) => {
+    setMode(mode)
+  }
+
+  return (
+    <div className="flex items-center gap-1">
+      {availableModes.map((m) => {
+        const Icon = m.icon
+        const isActive = mode === m.id
+        const isImageMode = Boolean(m.imageSrc)
+
+        return (
+          <ActionButton
+            className={cn(
+              'text-muted-foreground',
+              !(isImageMode || isActive) && m.color,
+              !isImageMode && isActive && m.activeColor,
+              isImageMode && isActive && 'bg-white/10 hover:bg-white/10',
+              isImageMode && !isActive && 'hover:bg-white/5',
+            )}
+            key={m.id}
+            label={m.label}
+            onClick={() => handleModeClick(m.id)}
+            shortcut={m.shortcut}
+            size="icon"
+            variant="ghost"
+          >
+            {m.imageSrc ? (
+              <Image
+                alt={m.label}
+                className={cn(
+                  'h-[28px] w-[28px] object-contain transition-[opacity,filter] duration-200',
+                  !isActive && 'opacity-60 grayscale',
+                  isActive && 'opacity-100 grayscale-0',
+                )}
+                height={28}
+                src={m.imageSrc}
+                width={28}
+              />
+            ) : (
+              Icon && <Icon className="h-5 w-5" />
+            )}
+          </ActionButton>
+        )
+      })}
+    </div>
+  )
+}
diff --git a/packages/editor/src/components/ui/action-menu/furnish-tools.tsx b/packages/editor/src/components/ui/action-menu/furnish-tools.tsx
new file mode 100644
index 00000000..d24f3c87
--- /dev/null
+++ b/packages/editor/src/components/ui/action-menu/furnish-tools.tsx
@@ -0,0 +1,102 @@
+'use client'
+
+import NextImage from 'next/image'
+import { cn } from './../../../lib/utils'
+import useEditor, { type CatalogCategory } from './../../../store/use-editor'
+import { ActionButton } from './action-button'
+
+export type FurnishToolConfig = {
+  id: 'item'
+  iconSrc: string
+  label: string
+  catalogCategory: CatalogCategory
+}
+
+// Furnish mode tools: furniture, appliances, decoration (painting is now a control mode)
+export const furnishTools: FurnishToolConfig[] = [
+  {
+    id: 'item',
+    iconSrc: '/icons/couch.png',
+    label: 'Furniture',
+    catalogCategory: 'furniture',
+  },
+  {
+    id: 'item',
+    iconSrc: '/icons/appliance.png',
+    label: 'Appliance',
+    catalogCategory: 'appliance',
+  },
+  {
+    id: 'item',
+    iconSrc: '/icons/kitchen.png',
+    label: 'Kitchen',
+    catalogCategory: 'kitchen',
+  },
+  {
+    id: 'item',
+    iconSrc: '/icons/bathroom.png',
+    label: 'Bathroom',
+    catalogCategory: 'bathroom',
+  },
+  {
+    id: 'item',
+    iconSrc: '/icons/tree.png',
+    label: 'Outdoor',
+    catalogCategory: 'outdoor',
+  },
+]
+
+export function FurnishTools() {
+  const mode = useEditor((state) => state.mode)
+  const activeTool = useEditor((state) => state.tool)
+  const setActiveTool = useEditor((state) => state.setTool)
+  const setMode = useEditor((state) => state.setMode)
+  const catalogCategory = useEditor((state) => state.catalogCategory)
+  const setCatalogCategory = useEditor((state) => state.setCatalogCategory)
+
+  const hasActiveTool = furnishTools.some(
+    (tool) => mode === 'build' && activeTool === 'item' && catalogCategory === tool.catalogCategory,
+  )
+
+  return (
+    <div className="flex items-center gap-1.5 px-1">
+      {furnishTools.map((tool, index) => {
+        // For item tools with catalog category, check both tool and category match
+        const isActive =
+          mode === 'build' && activeTool === 'item' && catalogCategory === tool.catalogCategory
+
+        return (
+          <ActionButton
+            className={cn(
+              'rounded-lg duration-300',
+              isActive
+                ? 'z-10 scale-110 bg-black/40 hover:bg-black/40'
+                : 'scale-95 bg-transparent opacity-60 grayscale hover:bg-black/20 hover:opacity-100 hover:grayscale-0',
+            )}
+            key={`${tool.id}-${tool.catalogCategory ?? index}`}
+            label={tool.label}
+            onClick={() => {
+              if (!isActive) {
+                setCatalogCategory(tool.catalogCategory)
+                setActiveTool('item')
+                if (mode !== 'build') {
+                  setMode('build')
+                }
+              }
+            }}
+            size="icon"
+            variant="ghost"
+          >
+            <NextImage
+              alt={tool.label}
+              className="size-full object-contain"
+              height={28}
+              src={tool.iconSrc}
+              width={28}
+            />
+          </ActionButton>
+        )
+      })}
+    </div>
+  )
+}
diff --git a/apps/editor/components/ui/action-menu/index.tsx b/packages/editor/src/components/ui/action-menu/index.tsx
similarity index 67%
rename from apps/editor/components/ui/action-menu/index.tsx
rename to packages/editor/src/components/ui/action-menu/index.tsx
index c5a14aff..1ef5e794 100644
--- a/apps/editor/components/ui/action-menu/index.tsx
+++ b/packages/editor/src/components/ui/action-menu/index.tsx
@@ -1,54 +1,43 @@
-"use client";
+'use client'
 
-import { TooltipProvider } from "@/components/ui/primitives/tooltip";
-import { cn } from "@/lib/utils";
-
-import { CameraActions } from "./camera-actions";
-import { ControlModes } from "./control-modes";
-import { StructureTools } from "./structure-tools";
-import useEditor from "@/store/use-editor";
-import { useReducedMotion } from "@/hooks/use-reduced-motion";
-import { AnimatePresence, motion } from "motion/react";
-import { ItemCatalog } from "../item-catalog/item-catalog";
-import { FurnishTools } from "./furnish-tools";
-import { ViewToggles } from "./view-toggles";
+import { AnimatePresence, motion } from 'motion/react'
+import { TooltipProvider } from './../../../components/ui/primitives/tooltip'
+import { useReducedMotion } from './../../../hooks/use-reduced-motion'
+import { cn } from './../../../lib/utils'
+import useEditor from './../../../store/use-editor'
+import { ItemCatalog } from '../item-catalog/item-catalog'
+import { CameraActions } from './camera-actions'
+import { ControlModes } from './control-modes'
+import { FurnishTools } from './furnish-tools'
+import { StructureTools } from './structure-tools'
+import { ViewToggles } from './view-toggles'
 
 export function ActionMenu({ className }: { className?: string }) {
-  const phase = useEditor((state) => state.phase);
-  const mode = useEditor((state) => state.mode);
-  const tool = useEditor((state) => state.tool);
-  const catalogCategory = useEditor((state) => state.catalogCategory);
-  const reducedMotion = useReducedMotion();
+  const phase = useEditor((state) => state.phase)
+  const mode = useEditor((state) => state.mode)
+  const tool = useEditor((state) => state.tool)
+  const catalogCategory = useEditor((state) => state.catalogCategory)
+  const reducedMotion = useReducedMotion()
   const transition = reducedMotion
     ? { duration: 0 }
-    : { type: "spring" as const, bounce: 0.2, duration: 0.4 };
+    : { type: 'spring' as const, bounce: 0.2, duration: 0.4 }
 
   return (
     <TooltipProvider>
       <motion.div
-        layout
-        transition={transition}
         className={cn(
-          "-translate-x-1/2 fixed bottom-6 left-1/2 z-50",
-          "rounded-2xl border border-border bg-background/90 shadow-2xl backdrop-blur-md",
-          "transition-colors duration-200 ease-out",
+          'fixed bottom-6 left-1/2 z-50 -translate-x-1/2',
+          'rounded-2xl border border-border bg-background/90 shadow-2xl backdrop-blur-md',
+          'transition-colors duration-200 ease-out',
           className,
         )}
+        layout
+        transition={transition}
       >
         {/* Item Catalog Row - Only show when in build mode with item tool */}
         <AnimatePresence>
-          {mode === "build" && tool === "item" && catalogCategory && (
+          {mode === 'build' && tool === 'item' && catalogCategory && (
             <motion.div
-              className={cn(
-                "overflow-hidden border-border border-b px-2 py-2",
-              )}
-              initial={{
-                opacity: 0,
-                maxHeight: 0,
-                paddingTop: 0,
-                paddingBottom: 0,
-                borderBottomWidth: 0,
-              }}
               animate={{
                 opacity: 1,
                 maxHeight: 160,
@@ -56,6 +45,7 @@ export function ActionMenu({ className }: { className?: string }) {
                 paddingBottom: 8,
                 borderBottomWidth: 1,
               }}
+              className={cn('overflow-hidden border-border border-b px-2 py-2')}
               exit={{
                 opacity: 0,
                 maxHeight: 0,
@@ -63,27 +53,23 @@ export function ActionMenu({ className }: { className?: string }) {
                 paddingBottom: 0,
                 borderBottomWidth: 0,
               }}
+              initial={{
+                opacity: 0,
+                maxHeight: 0,
+                paddingTop: 0,
+                paddingBottom: 0,
+                borderBottomWidth: 0,
+              }}
               transition={transition}
             >
-              <ItemCatalog key={catalogCategory} category={catalogCategory} />
+              <ItemCatalog category={catalogCategory} key={catalogCategory} />
             </motion.div>
           )}
         </AnimatePresence>
 
         <AnimatePresence>
-          {phase === "furnish" && mode === "build" && (
+          {phase === 'furnish' && mode === 'build' && (
             <motion.div
-              className={cn(
-                "overflow-hidden border-border",
-                "max-h-20 border-b px-2 py-2 opacity-100",
-              )}
-              initial={{
-                opacity: 0,
-                maxHeight: 0,
-                paddingTop: 0,
-                paddingBottom: 0,
-                borderBottomWidth: 0,
-              }}
               animate={{
                 opacity: 1,
                 maxHeight: 80,
@@ -91,6 +77,10 @@ export function ActionMenu({ className }: { className?: string }) {
                 paddingBottom: 8,
                 borderBottomWidth: 1,
               }}
+              className={cn(
+                'overflow-hidden border-border',
+                'max-h-20 border-b px-2 py-2 opacity-100',
+              )}
               exit={{
                 opacity: 0,
                 maxHeight: 0,
@@ -98,6 +88,13 @@ export function ActionMenu({ className }: { className?: string }) {
                 paddingBottom: 0,
                 borderBottomWidth: 0,
               }}
+              initial={{
+                opacity: 0,
+                maxHeight: 0,
+                paddingTop: 0,
+                paddingBottom: 0,
+                borderBottomWidth: 0,
+              }}
               transition={transition}
             >
               <div className="mx-auto w-max">
@@ -109,18 +106,8 @@ export function ActionMenu({ className }: { className?: string }) {
 
         {/* Structure Tools Row - Animated */}
         <AnimatePresence>
-          {phase === "structure" && mode === "build" && (
+          {phase === 'structure' && mode === 'build' && (
             <motion.div
-              className={cn(
-                "overflow-hidden border-border max-h-20 border-b px-2 py-2",
-              )}
-              initial={{
-                opacity: 0,
-                maxHeight: 0,
-                paddingTop: 0,
-                paddingBottom: 0,
-                borderBottomWidth: 0,
-              }}
               animate={{
                 opacity: 1,
                 maxHeight: 80,
@@ -128,6 +115,7 @@ export function ActionMenu({ className }: { className?: string }) {
                 paddingBottom: 8,
                 borderBottomWidth: 1,
               }}
+              className={cn('max-h-20 overflow-hidden border-border border-b px-2 py-2')}
               exit={{
                 opacity: 0,
                 maxHeight: 0,
@@ -135,6 +123,13 @@ export function ActionMenu({ className }: { className?: string }) {
                 paddingBottom: 0,
                 borderBottomWidth: 0,
               }}
+              initial={{
+                opacity: 0,
+                maxHeight: 0,
+                paddingTop: 0,
+                paddingBottom: 0,
+                borderBottomWidth: 0,
+              }}
               transition={transition}
             >
               <div className="w-max">
@@ -153,5 +148,5 @@ export function ActionMenu({ className }: { className?: string }) {
         </div>
       </motion.div>
     </TooltipProvider>
-  );
+  )
 }
diff --git a/apps/editor/components/ui/action-menu/structure-tools.tsx b/packages/editor/src/components/ui/action-menu/structure-tools.tsx
similarity index 72%
rename from apps/editor/components/ui/action-menu/structure-tools.tsx
rename to packages/editor/src/components/ui/action-menu/structure-tools.tsx
index df5d03a7..80270e5d 100644
--- a/apps/editor/components/ui/action-menu/structure-tools.tsx
+++ b/packages/editor/src/components/ui/action-menu/structure-tools.tsx
@@ -1,14 +1,22 @@
 'use client'
 
 import NextImage from 'next/image'
-import { ActionButton } from "./action-button";
+import { useContextualTools } from '../../../hooks/use-contextual-tools'
 
-import { cn } from '@/lib/utils'
-import useEditor, { CatalogCategory, StructureTool, Tool } from '@/store/use-editor'
-import { useContextualTools } from '@/hooks/use-contextual-tools'
+import { cn } from '../../../lib/utils'
+import useEditor, {
+  type CatalogCategory,
+  type StructureTool,
+  Tool,
+} from '../../../store/use-editor'
+import { ActionButton } from './action-button'
 
 export type ToolConfig = {
-   id: StructureTool; iconSrc: string; label: string; catalogCategory?: CatalogCategory }
+  id: StructureTool
+  iconSrc: string
+  label: string
+  catalogCategory?: CatalogCategory
+}
 
 export const tools: ToolConfig[] = [
   { id: 'wall', iconSrc: '/icons/wall.png', label: 'Wall' },
@@ -26,19 +34,20 @@ export function StructureTools() {
   const activeTool = useEditor((state) => state.tool)
   const catalogCategory = useEditor((state) => state.catalogCategory)
   const structureLayer = useEditor((state) => state.structureLayer)
-  const setTool   = useEditor((state) => state.setTool)
+  const setTool = useEditor((state) => state.setTool)
   const setCatalogCategory = useEditor((state) => state.setCatalogCategory)
-  
+
   const contextualTools = useContextualTools()
 
   // Filter tools based on structureLayer
-  const visibleTools = structureLayer === 'zones'
-    ? tools.filter((t) => t.id === 'zone')
-    : tools.filter((t) => t.id !== 'zone')
+  const visibleTools =
+    structureLayer === 'zones'
+      ? tools.filter((t) => t.id === 'zone')
+      : tools.filter((t) => t.id !== 'zone')
 
-  const hasActiveTool = visibleTools.some((t) => 
-    activeTool === t.id && 
-    (t.catalogCategory ? catalogCategory === t.catalogCategory : true)
+  const hasActiveTool = visibleTools.some(
+    (t) =>
+      activeTool === t.id && (t.catalogCategory ? catalogCategory === t.catalogCategory : true),
   )
 
   return (
@@ -48,22 +57,24 @@ export function StructureTools() {
         const isActive =
           activeTool === tool.id &&
           (tool.catalogCategory ? catalogCategory === tool.catalogCategory : true)
-          
+
         const isContextual = contextualTools.includes(tool.id)
 
         return (
           <ActionButton
-            key={`${tool.id}-${tool.catalogCategory ?? index}`}
-            label={tool.label}
             className={cn(
               'rounded-lg duration-300',
-              isActive ? 'bg-black/40 hover:bg-black/40 scale-110 z-10' : 'bg-transparent opacity-60 grayscale hover:opacity-100 hover:grayscale-0 hover:bg-black/20 scale-95',
+              isActive
+                ? 'z-10 scale-110 bg-black/40 hover:bg-black/40'
+                : 'scale-95 bg-transparent opacity-60 grayscale hover:bg-black/20 hover:opacity-100 hover:grayscale-0',
             )}
+            key={`${tool.id}-${tool.catalogCategory ?? index}`}
+            label={tool.label}
             onClick={() => {
               if (!isActive) {
                 setTool(tool.id)
                 setCatalogCategory(tool.catalogCategory ?? null)
-                
+
                 // Automatically switch to build mode if we select a tool
                 if (useEditor.getState().mode !== 'build') {
                   useEditor.getState().setMode('build')
diff --git a/apps/editor/components/ui/action-menu/view-toggles.tsx b/packages/editor/src/components/ui/action-menu/view-toggles.tsx
similarity index 91%
rename from apps/editor/components/ui/action-menu/view-toggles.tsx
rename to packages/editor/src/components/ui/action-menu/view-toggles.tsx
index 52bd85dc..7327d526 100644
--- a/apps/editor/components/ui/action-menu/view-toggles.tsx
+++ b/packages/editor/src/components/ui/action-menu/view-toggles.tsx
@@ -2,8 +2,8 @@
 
 import { useViewer } from '@pascal-app/viewer'
 import { Box, Camera, Diamond, Image, Layers, Layers2 } from 'lucide-react'
-import { ActionButton } from "./action-button";
-import { cn } from '@/lib/utils'
+import { cn } from '../../../lib/utils'
+import { ActionButton } from './action-button'
 
 const levelModeLabels: Record<'stacked' | 'exploded' | 'solo', string> = {
   stacked: 'Stacked',
@@ -77,12 +77,12 @@ export function ViewToggles() {
     <div className="flex items-center gap-1">
       {/* Camera Mode */}
       <ActionButton
-        label={`Camera: ${cameraMode === 'perspective' ? 'Perspective' : 'Orthographic'}`}
         className={cn(
           cameraMode === 'orthographic'
             ? 'bg-violet-500/20 text-violet-400'
             : 'hover:text-violet-400',
         )}
+        label={`Camera: ${cameraMode === 'perspective' ? 'Perspective' : 'Orthographic'}`}
         onClick={toggleCameraMode}
         size="icon"
         variant="ghost"
@@ -92,12 +92,10 @@ export function ViewToggles() {
 
       {/* Level Mode */}
       <ActionButton
-        label={`Levels: ${levelMode === 'manual' ? 'Manual' : levelModeLabels[levelMode as keyof typeof levelModeLabels]}`}
         className={cn(
-          levelMode !== 'stacked'
-            ? 'bg-amber-500/20 text-amber-400'
-            : 'hover:text-amber-400',
+          levelMode !== 'stacked' ? 'bg-amber-500/20 text-amber-400' : 'hover:text-amber-400',
         )}
+        label={`Levels: ${levelMode === 'manual' ? 'Manual' : levelModeLabels[levelMode as keyof typeof levelModeLabels]}`}
         onClick={cycleLevelMode}
         size="icon"
         variant="ghost"
@@ -109,13 +107,13 @@ export function ViewToggles() {
 
       {/* Wall Mode */}
       <ActionButton
-        label={`Walls: ${wallModeConfig[wallMode].label}`}
         className={cn(
           'p-0',
           wallMode !== 'cutaway'
             ? 'bg-white/10'
-            : 'opacity-60 grayscale hover:opacity-100 hover:grayscale-0 hover:bg-white/5',
+            : 'opacity-60 grayscale hover:bg-white/5 hover:opacity-100 hover:grayscale-0',
         )}
+        label={`Walls: ${wallModeConfig[wallMode].label}`}
         onClick={cycleWallMode}
         size="icon"
         variant="ghost"
@@ -128,13 +126,13 @@ export function ViewToggles() {
 
       {/* Show Scans */}
       <ActionButton
-        label={`Scans: ${showScans ? 'Visible' : 'Hidden'}`}
         className={cn(
           'p-0',
           showScans
             ? 'bg-white/10'
-            : 'opacity-60 grayscale hover:opacity-100 hover:grayscale-0 hover:bg-white/5',
+            : 'opacity-60 grayscale hover:bg-white/5 hover:opacity-100 hover:grayscale-0',
         )}
+        label={`Scans: ${showScans ? 'Visible' : 'Hidden'}`}
         onClick={() => setShowScans(!showScans)}
         size="icon"
         variant="ghost"
@@ -144,13 +142,13 @@ export function ViewToggles() {
 
       {/* Show Guides */}
       <ActionButton
-        label={`Guides: ${showGuides ? 'Visible' : 'Hidden'}`}
         className={cn(
           'p-0',
           showGuides
             ? 'bg-white/10'
-            : 'opacity-60 grayscale hover:opacity-100 hover:grayscale-0 hover:bg-white/5',
+            : 'opacity-60 grayscale hover:bg-white/5 hover:opacity-100 hover:grayscale-0',
         )}
+        label={`Guides: ${showGuides ? 'Visible' : 'Hidden'}`}
         onClick={() => setShowGuides(!showGuides)}
         size="icon"
         variant="ghost"
diff --git a/apps/editor/components/ui/command-palette/index.tsx b/packages/editor/src/components/ui/command-palette/index.tsx
similarity index 56%
rename from apps/editor/components/ui/command-palette/index.tsx
rename to packages/editor/src/components/ui/command-palette/index.tsx
index 2c27bf45..a5b15651 100644
--- a/apps/editor/components/ui/command-palette/index.tsx
+++ b/packages/editor/src/components/ui/command-palette/index.tsx
@@ -1,11 +1,13 @@
-"use client";
+'use client'
 
-import { useEffect, useState } from "react";
-import { Command } from "cmdk";
-import { create } from "zustand";
+import type { AnyNodeId } from '@pascal-app/core'
+import { emitter, LevelNode, useScene } from '@pascal-app/core'
+import { useViewer } from '@pascal-app/viewer'
+import { Command } from 'cmdk'
 import {
   AppWindow,
   ArrowRight,
+  Box,
   Building2,
   Camera,
   ChevronRight,
@@ -14,6 +16,7 @@ import {
   Eye,
   EyeOff,
   FileJson,
+  Grid3X3,
   Hexagon,
   Layers,
   Map,
@@ -32,46 +35,43 @@ import {
   Trash2,
   Undo2,
   Video,
-  Box,
-  Grid3X3,
-} from "lucide-react";
-import { Dialog, DialogContent } from "@/components/ui/primitives/dialog";
-import useEditor from "@/store/use-editor";
-import type { StructureTool } from "@/store/use-editor";
-import { useViewer } from "@pascal-app/viewer";
-import { emitter, LevelNode, useScene } from "@pascal-app/core";
-import type { AnyNodeId } from "@pascal-app/core";
-import { useShallow } from "zustand/shallow";
+} from 'lucide-react'
+import { useEffect, useState } from 'react'
+import { create } from 'zustand'
+import { useShallow } from 'zustand/shallow'
+import { Dialog, DialogContent } from './../../../components/ui/primitives/dialog'
+import type { StructureTool } from './../../../store/use-editor'
+import useEditor from './../../../store/use-editor'
 
 // ---------------------------------------------------------------------------
 // Open-state store — imported by icon-rail to trigger the palette
 // ---------------------------------------------------------------------------
 interface CommandPaletteStore {
-  open: boolean;
-  setOpen: (open: boolean) => void;
+  open: boolean
+  setOpen: (open: boolean) => void
 }
 
 export const useCommandPalette = create<CommandPaletteStore>((set) => ({
   open: false,
   setOpen: (open) => set({ open }),
-}));
+}))
 
 // ---------------------------------------------------------------------------
 // Helpers
 // ---------------------------------------------------------------------------
 function Shortcut({ keys }: { keys: string[] }) {
   return (
-    <span className="ml-auto flex items-center gap-0.5 shrink-0">
+    <span className="ml-auto flex shrink-0 items-center gap-0.5">
       {keys.map((k) => (
         <kbd
+          className="flex min-w-4.5 items-center justify-center rounded border border-border/60 bg-muted/60 px-1 py-0.5 text-[10px] text-muted-foreground leading-none"
           key={k}
-          className="flex items-center justify-center rounded border border-border/60 bg-muted/60 px-1 py-0.5 text-[10px] leading-none text-muted-foreground min-w-4.5"
         >
           {k}
         </kbd>
       ))}
     </span>
-  );
+  )
 }
 
 function Item({
@@ -84,22 +84,22 @@ function Item({
   badge,
   navigate = false,
 }: {
-  icon: React.ReactNode;
-  label: string;
-  onSelect: () => void;
-  shortcut?: string[];
-  disabled?: boolean;
-  keywords?: string[];
-  badge?: string;
-  navigate?: boolean;
+  icon: React.ReactNode
+  label: string
+  onSelect: () => void
+  shortcut?: string[]
+  disabled?: boolean
+  keywords?: string[]
+  badge?: string
+  navigate?: boolean
 }) {
   return (
     <Command.Item
-      value={label}
+      className="flex cursor-pointer items-center gap-2.5 rounded-md px-2.5 py-2 text-foreground text-sm transition-colors data-[disabled=true]:cursor-not-allowed data-[selected=true]:bg-accent data-[disabled=true]:opacity-40"
+      disabled={disabled}
       keywords={keywords}
       onSelect={onSelect}
-      disabled={disabled}
-      className="flex cursor-pointer items-center gap-2.5 rounded-md px-2.5 py-2 text-sm text-foreground transition-colors data-[selected=true]:bg-accent data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-40"
+      value={label}
     >
       <span className="flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground">
         {icon}
@@ -113,7 +113,7 @@ function Item({
       {shortcut && <Shortcut keys={shortcut} />}
       {(badge || navigate) && <ChevronRight className="h-3 w-3 shrink-0 text-muted-foreground" />}
     </Command.Item>
-  );
+  )
 }
 
 function OptionItem({
@@ -123,322 +123,322 @@ function OptionItem({
   icon,
   disabled = false,
 }: {
-  label: string;
-  isActive?: boolean;
-  onSelect: () => void;
-  icon?: React.ReactNode;
-  disabled?: boolean;
+  label: string
+  isActive?: boolean
+  onSelect: () => void
+  icon?: React.ReactNode
+  disabled?: boolean
 }) {
   return (
     <Command.Item
-      value={label}
-      onSelect={onSelect}
+      className="flex cursor-pointer items-center gap-2.5 rounded-md px-2.5 py-2 text-foreground text-sm transition-colors data-[disabled=true]:cursor-not-allowed data-[selected=true]:bg-accent data-[disabled=true]:opacity-40"
       disabled={disabled}
-      className="flex cursor-pointer items-center gap-2.5 rounded-md px-2.5 py-2 text-sm text-foreground transition-colors data-[selected=true]:bg-accent data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-40"
+      onSelect={onSelect}
+      value={label}
     >
       <span className="flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground">
-        {isActive
-          ? <div className="h-1.5 w-1.5 rounded-full bg-primary" />
-          : icon
-        }
+        {isActive ? <div className="h-1.5 w-1.5 rounded-full bg-primary" /> : icon}
       </span>
       <span className="flex-1 truncate">{label}</span>
     </Command.Item>
-  );
+  )
 }
 
 // ---------------------------------------------------------------------------
 // Sub-page label map
 // ---------------------------------------------------------------------------
 const PAGE_LABEL: Record<string, string> = {
-  "wall-mode": "Wall Mode",
-  "level-mode": "Level Mode",
-  "rename-level": "Rename Level",
-  "goto-level": "Go to Level",
-  "camera-view": "Camera Snapshot",
-  "camera-scope": "", // dynamic — overridden in breadcrumb
-};
+  'wall-mode': 'Wall Mode',
+  'level-mode': 'Level Mode',
+  'rename-level': 'Rename Level',
+  'goto-level': 'Go to Level',
+  'camera-view': 'Camera Snapshot',
+  'camera-scope': '', // dynamic — overridden in breadcrumb
+}
 
 // ---------------------------------------------------------------------------
 // Main component
 // ---------------------------------------------------------------------------
 export function CommandPalette() {
-  const { open, setOpen } = useCommandPalette();
-  const [meta, setMeta] = useState("⌘");
-  const [isFullscreen, setIsFullscreen] = useState(false);
-  const [pages, setPages] = useState<string[]>([]);
-  const [inputValue, setInputValue] = useState("");
-  const [cameraScope, setCameraScope] = useState<{ nodeId: string; label: string } | null>(null);
+  const { open, setOpen } = useCommandPalette()
+  const [meta, setMeta] = useState('⌘')
+  const [isFullscreen, setIsFullscreen] = useState(false)
+  const [pages, setPages] = useState<string[]>([])
+  const [inputValue, setInputValue] = useState('')
+  const [cameraScope, setCameraScope] = useState<{ nodeId: string; label: string } | null>(null)
 
-  const page = pages[pages.length - 1];
+  const page = pages[pages.length - 1]
 
   const { setPhase, setMode, setTool, setStructureLayer, isPreviewMode, setPreviewMode } =
-    useEditor();
+    useEditor()
 
-  const cameraMode = useViewer((s) => s.cameraMode);
-  const setCameraMode = useViewer((s) => s.setCameraMode);
-  const levelMode = useViewer((s) => s.levelMode);
-  const setLevelMode = useViewer((s) => s.setLevelMode);
-  const wallMode = useViewer((s) => s.wallMode);
-  const setWallMode = useViewer((s) => s.setWallMode);
-  const theme = useViewer((s) => s.theme);
-  const setTheme = useViewer((s) => s.setTheme);
-  const selection = useViewer((s) => s.selection);
-  const exportScene = useViewer((s) => s.exportScene);
+  const cameraMode = useViewer((s) => s.cameraMode)
+  const setCameraMode = useViewer((s) => s.setCameraMode)
+  const levelMode = useViewer((s) => s.levelMode)
+  const setLevelMode = useViewer((s) => s.setLevelMode)
+  const wallMode = useViewer((s) => s.wallMode)
+  const setWallMode = useViewer((s) => s.setWallMode)
+  const theme = useViewer((s) => s.theme)
+  const setTheme = useViewer((s) => s.setTheme)
+  const selection = useViewer((s) => s.selection)
+  const exportScene = useViewer((s) => s.exportScene)
 
-  const activeLevelId = selection.levelId;
-  const activeLevelNode = useScene((s) => activeLevelId ? s.nodes[activeLevelId] : null);
+  const activeLevelId = selection.levelId
+  const activeLevelNode = useScene((s) => (activeLevelId ? s.nodes[activeLevelId] : null))
   const isLevelZero =
-    activeLevelNode?.type === "level" && (activeLevelNode as LevelNode).level === 0;
+    activeLevelNode?.type === 'level' && (activeLevelNode as LevelNode).level === 0
 
   // Reactive snapshot status for the selected camera scope
-  const cameraScopeNode = useScene((s) => cameraScope ? s.nodes[cameraScope.nodeId as AnyNodeId] : null);
-  const hasScopeSnapshot = !!(cameraScopeNode as any)?.camera;
+  const cameraScopeNode = useScene((s) =>
+    cameraScope ? s.nodes[cameraScope.nodeId as AnyNodeId] : null,
+  )
+  const hasScopeSnapshot = !!(cameraScopeNode as any)?.camera
 
   const allLevels = useScene(
     useShallow((s) =>
-      (Object.values(s.nodes).filter((n) => n.type === "level") as LevelNode[]).sort(
-        (a, b) => a.level - b.level
-      )
-    )
-  );
+      (Object.values(s.nodes).filter((n) => n.type === 'level') as LevelNode[]).sort(
+        (a, b) => a.level - b.level,
+      ),
+    ),
+  )
 
-  const hasSelection = selection.selectedIds.length > 0;
+  const hasSelection = selection.selectedIds.length > 0
 
   // Platform detection
   useEffect(() => {
-    setMeta(/Mac|iPhone|iPad|iPod/.test(navigator.platform) ? "⌘" : "Ctrl");
-  }, []);
+    setMeta(/Mac|iPhone|iPad|iPod/.test(navigator.platform) ? '⌘' : 'Ctrl')
+  }, [])
 
   // Fullscreen tracking
   useEffect(() => {
-    const handler = () => setIsFullscreen(!!document.fullscreenElement);
-    document.addEventListener("fullscreenchange", handler);
-    return () => document.removeEventListener("fullscreenchange", handler);
-  }, []);
+    const handler = () => setIsFullscreen(!!document.fullscreenElement)
+    document.addEventListener('fullscreenchange', handler)
+    return () => document.removeEventListener('fullscreenchange', handler)
+  }, [])
 
   // Cmd/Ctrl+K global shortcut
   useEffect(() => {
     const handler = (e: KeyboardEvent) => {
-      if ((e.metaKey || e.ctrlKey) && e.key === "k") {
-        e.preventDefault();
-        setOpen(true);
+      if ((e.metaKey || e.ctrlKey) && e.key === 'k') {
+        e.preventDefault()
+        setOpen(true)
       }
-    };
-    window.addEventListener("keydown", handler);
-    return () => window.removeEventListener("keydown", handler);
-  }, [setOpen]);
+    }
+    window.addEventListener('keydown', handler)
+    return () => window.removeEventListener('keydown', handler)
+  }, [setOpen])
 
   // Reset sub-pages when palette closes
   useEffect(() => {
     if (!open) {
-      setPages([]);
-      setInputValue("");
-      setCameraScope(null);
+      setPages([])
+      setInputValue('')
+      setCameraScope(null)
     }
-  }, [open]);
+  }, [open])
 
   // ---------------------------------------------------------------------------
   // Navigation helpers
   // ---------------------------------------------------------------------------
   const goBack = () => {
-    const leavingPage = pages[pages.length - 1];
-    if (leavingPage === "camera-scope") setCameraScope(null);
-    setPages((p) => p.slice(0, -1));
-    setInputValue("");
-  };
+    const leavingPage = pages[pages.length - 1]
+    if (leavingPage === 'camera-scope') setCameraScope(null)
+    setPages((p) => p.slice(0, -1))
+    setInputValue('')
+  }
 
   const navigateTo = (p: string) => {
     // Pre-fill the rename input with the current level name
-    if (p === "rename-level" && activeLevelId) {
-      const level = useScene.getState().nodes[activeLevelId] as LevelNode;
-      setInputValue(level?.name ?? "");
+    if (p === 'rename-level' && activeLevelId) {
+      const level = useScene.getState().nodes[activeLevelId] as LevelNode
+      setInputValue(level?.name ?? '')
     } else {
-      setInputValue("");
+      setInputValue('')
     }
-    setPages((prev) => [...prev, p]);
-  };
+    setPages((prev) => [...prev, p])
+  }
 
   const navigateToCameraScope = (nodeId: string, label: string) => {
-    setCameraScope({ nodeId, label });
-    setInputValue("");
-    setPages((prev) => [...prev, "camera-scope"]);
-  };
+    setCameraScope({ nodeId, label })
+    setInputValue('')
+    setPages((prev) => [...prev, 'camera-scope'])
+  }
 
   // ---------------------------------------------------------------------------
   // Action helpers
   // ---------------------------------------------------------------------------
   const run = (fn: () => void) => {
-    fn();
-    setOpen(false);
-  };
+    fn()
+    setOpen(false)
+  }
 
   const activateTool = (tool: StructureTool) => {
     run(() => {
-      setPhase("structure");
-      setMode("build");
-      if (tool === "zone") setStructureLayer("zones");
-      setTool(tool);
-    });
-  };
+      setPhase('structure')
+      setMode('build')
+      if (tool === 'zone') setStructureLayer('zones')
+      setTool(tool)
+    })
+  }
 
-  const wallModeLabel: Record<"cutaway" | "up" | "down", string> = { cutaway: "Cutaway", up: "Up", down: "Down" };
-  const levelModeLabel: Record<"manual" | "stacked" | "exploded" | "solo", string> = {
-    manual: "Manual",
-    stacked: "Stacked",
-    exploded: "Exploded",
-    solo: "Solo",
-  };
+  const wallModeLabel: Record<'cutaway' | 'up' | 'down', string> = {
+    cutaway: 'Cutaway',
+    up: 'Up',
+    down: 'Down',
+  }
+  const levelModeLabel: Record<'manual' | 'stacked' | 'exploded' | 'solo', string> = {
+    manual: 'Manual',
+    stacked: 'Stacked',
+    exploded: 'Exploded',
+    solo: 'Solo',
+  }
 
   const deleteSelection = () => {
-    if (!hasSelection) return;
+    if (!hasSelection) return
     run(() => {
-      useScene.getState().deleteNodes(selection.selectedIds as any[]);
-    });
-  };
+      useScene.getState().deleteNodes(selection.selectedIds as any[])
+    })
+  }
 
   // Level management
   const addLevel = () =>
     run(() => {
-      const { nodes } = useScene.getState();
-      const building = Object.values(nodes).find((n) => n.type === "building");
-      if (!building) return;
+      const { nodes } = useScene.getState()
+      const building = Object.values(nodes).find((n) => n.type === 'building')
+      if (!building) return
       const newLevel = LevelNode.parse({
         level: building.children.length,
         children: [],
         parentId: building.id,
-      });
-      useScene.getState().createNode(newLevel, building.id);
-      useViewer.getState().setSelection({ levelId: newLevel.id });
-    });
+      })
+      useScene.getState().createNode(newLevel, building.id)
+      useViewer.getState().setSelection({ levelId: newLevel.id })
+    })
 
   const deleteActiveLevel = () => {
-    if (!activeLevelId || isLevelZero) return;
+    if (!activeLevelId || isLevelZero) return
     run(() => {
-      useScene.getState().deleteNode(activeLevelId as AnyNodeId);
-      const { nodes } = useScene.getState();
+      useScene.getState().deleteNode(activeLevelId as AnyNodeId)
+      const { nodes } = useScene.getState()
       const level0 = Object.values(nodes).find(
-        (n) => n.type === "level" && (n as LevelNode).level === 0
-      );
-      if (level0) useViewer.getState().setSelection({ levelId: level0.id as `level_${string}` });
-    });
-  };
+        (n) => n.type === 'level' && (n as LevelNode).level === 0,
+      )
+      if (level0) useViewer.getState().setSelection({ levelId: level0.id as `level_${string}` })
+    })
+  }
 
   const confirmRename = () => {
-    if (!activeLevelId || !inputValue.trim()) return;
+    if (!(activeLevelId && inputValue.trim())) return
     run(() => {
-      useScene.getState().updateNode(activeLevelId as AnyNodeId, { name: inputValue.trim() } as any);
-    });
-  };
+      useScene.getState().updateNode(activeLevelId as AnyNodeId, { name: inputValue.trim() } as any)
+    })
+  }
 
   // Camera snapshot (scoped to the currently selected camera scope)
   const takeSnapshot = () => {
-    if (!cameraScope) return;
-    run(() => emitter.emit("camera-controls:capture", { nodeId: cameraScope.nodeId as AnyNodeId }));
-  };
+    if (!cameraScope) return
+    run(() => emitter.emit('camera-controls:capture', { nodeId: cameraScope.nodeId as AnyNodeId }))
+  }
 
   const viewSnapshot = () => {
-    if (!cameraScope || !hasScopeSnapshot) return;
-    run(() => emitter.emit("camera-controls:view", { nodeId: cameraScope.nodeId as AnyNodeId }));
-  };
+    if (!(cameraScope && hasScopeSnapshot)) return
+    run(() => emitter.emit('camera-controls:view', { nodeId: cameraScope.nodeId as AnyNodeId }))
+  }
 
   const clearSnapshot = () => {
-    if (!cameraScope || !hasScopeSnapshot) return;
+    if (!(cameraScope && hasScopeSnapshot)) return
     run(() => {
-      useScene.getState().updateNode(cameraScope.nodeId as AnyNodeId, { camera: undefined } as any);
-    });
-  };
+      useScene.getState().updateNode(cameraScope.nodeId as AnyNodeId, { camera: undefined } as any)
+    })
+  }
 
   // Export helpers
   const exportJson = () =>
     run(() => {
-      const { nodes, rootNodeIds } = useScene.getState();
+      const { nodes, rootNodeIds } = useScene.getState()
       const blob = new Blob([JSON.stringify({ nodes, rootNodeIds }, null, 2)], {
-        type: "application/json",
-      });
-      const url = URL.createObjectURL(blob);
-      const a = Object.assign(document.createElement("a"), {
+        type: 'application/json',
+      })
+      const url = URL.createObjectURL(blob)
+      const a = Object.assign(document.createElement('a'), {
         href: url,
-        download: `scene_${new Date().toISOString().split("T")[0]}.json`,
-      });
-      a.click();
-      URL.revokeObjectURL(url);
-    });
+        download: `scene_${new Date().toISOString().split('T')[0]}.json`,
+      })
+      a.click()
+      URL.revokeObjectURL(url)
+    })
 
   const copyShareLink = () =>
     run(() => {
-      navigator.clipboard.writeText(window.location.href);
-    });
+      navigator.clipboard.writeText(window.location.href)
+    })
 
   const takeScreenshot = () =>
     run(() => {
-      const canvas = document.querySelector("canvas");
-      if (!canvas) return;
-      const a = Object.assign(document.createElement("a"), {
-        href: canvas.toDataURL("image/png"),
-        download: `screenshot_${new Date().toISOString().split("T")[0]}.png`,
-      });
-      a.click();
-    });
+      const canvas = document.querySelector('canvas')
+      if (!canvas) return
+      const a = Object.assign(document.createElement('a'), {
+        href: canvas.toDataURL('image/png'),
+        download: `screenshot_${new Date().toISOString().split('T')[0]}.png`,
+      })
+      a.click()
+    })
 
   const toggleFullscreen = () =>
     run(() => {
       if (document.fullscreenElement) {
-        document.exitFullscreen();
+        document.exitFullscreen()
       } else {
-        document.documentElement.requestFullscreen();
+        document.documentElement.requestFullscreen()
       }
-    });
+    })
 
   // ---------------------------------------------------------------------------
   // Render
   // ---------------------------------------------------------------------------
   return (
-    <Dialog open={open} onOpenChange={setOpen}>
-      <DialogContent
-        showCloseButton={false}
-        className="p-0 gap-0 max-w-lg overflow-hidden"
-      >
+    <Dialog onOpenChange={setOpen} open={open}>
+      <DialogContent className="max-w-lg gap-0 overflow-hidden p-0" showCloseButton={false}>
         <Command
-          shouldFilter={page !== "rename-level"}
-          className="**:[[cmdk-group-heading]]:px-2.5 **:[[cmdk-group-heading]]:pb-1 **:[[cmdk-group-heading]]:pt-3 **:[[cmdk-group-heading]]:text-[10px] **:[[cmdk-group-heading]]:font-semibold **:[[cmdk-group-heading]]:uppercase **:[[cmdk-group-heading]]:tracking-wider **:[[cmdk-group-heading]]:text-muted-foreground"
+          className="**:[[cmdk-group-heading]]:px-2.5 **:[[cmdk-group-heading]]:pt-3 **:[[cmdk-group-heading]]:pb-1 **:[[cmdk-group-heading]]:font-semibold **:[[cmdk-group-heading]]:text-[10px] **:[[cmdk-group-heading]]:text-muted-foreground **:[[cmdk-group-heading]]:uppercase **:[[cmdk-group-heading]]:tracking-wider"
           onKeyDown={(e) => {
-            if (e.key === "Backspace" && !inputValue && pages.length > 0) {
-              e.preventDefault();
-              goBack();
+            if (e.key === 'Backspace' && !inputValue && pages.length > 0) {
+              e.preventDefault()
+              goBack()
             }
           }}
+          shouldFilter={page !== 'rename-level'}
         >
           {/* Search bar */}
-          <div className="flex items-center border-b border-border/50 px-3">
+          <div className="flex items-center border-border/50 border-b px-3">
             <Search className="mr-2 h-4 w-4 shrink-0 text-muted-foreground" />
             {page && (
               <button
-                type="button"
+                className="mr-2 shrink-0 rounded bg-muted px-1.5 py-0.5 text-[11px] text-muted-foreground transition-colors hover:bg-muted/70"
                 onClick={goBack}
-                className="mr-2 shrink-0 rounded bg-muted px-1.5 py-0.5 text-[11px] text-muted-foreground hover:bg-muted/70 transition-colors"
+                type="button"
               >
-                {page === "camera-scope"
-                  ? (cameraScope?.label ?? "Snapshot")
+                {page === 'camera-scope'
+                  ? (cameraScope?.label ?? 'Snapshot')
                   : (PAGE_LABEL[page] ?? page)}
               </button>
             )}
             <Command.Input
-              value={inputValue}
-              onValueChange={setInputValue}
               className="flex h-12 w-full bg-transparent text-sm outline-none placeholder:text-muted-foreground"
+              onValueChange={setInputValue}
               placeholder={
-                page === "rename-level"
-                  ? "Type a new name…"
+                page === 'rename-level'
+                  ? 'Type a new name…'
                   : page
-                  ? "Filter options…"
-                  : "Search actions…"
+                    ? 'Filter options…'
+                    : 'Search actions…'
               }
+              value={inputValue}
             />
           </div>
 
           <Command.List className="max-h-100 overflow-y-auto p-1.5">
-            <Command.Empty className="py-8 text-center text-sm text-muted-foreground">
+            <Command.Empty className="py-8 text-center text-muted-foreground text-sm">
               No commands found.
             </Command.Empty>
 
@@ -447,106 +447,145 @@ export function CommandPalette() {
               <>
                 {/* Scene / Tools */}
                 <Command.Group heading="Scene">
-                  <Item icon={<Square className="h-4 w-4" />} label="Wall Tool" onSelect={() => activateTool("wall")} keywords={["draw", "build", "structure"]} />
-                  <Item icon={<Layers className="h-4 w-4" />} label="Slab Tool" onSelect={() => activateTool("slab")} keywords={["floor", "build"]} />
-                  <Item icon={<Grid3X3 className="h-4 w-4" />} label="Ceiling Tool" onSelect={() => activateTool("ceiling")} keywords={["top", "build"]} />
-                  <Item icon={<DoorOpen className="h-4 w-4" />} label="Door Tool" onSelect={() => activateTool("door")} keywords={["opening", "entrance"]} />
-                  <Item icon={<AppWindow className="h-4 w-4" />} label="Window Tool" onSelect={() => activateTool("window")} keywords={["opening", "glass"]} />
-                  <Item icon={<Package className="h-4 w-4" />} label="Item Tool" onSelect={() => activateTool("item")} keywords={["furniture", "object", "asset", "furnish"]} />
-                  <Item icon={<Hexagon className="h-4 w-4" />} label="Zone Tool" onSelect={() => activateTool("zone")} keywords={["area", "room", "space"]} />
                   <Item
+                    icon={<Square className="h-4 w-4" />}
+                    keywords={['draw', 'build', 'structure']}
+                    label="Wall Tool"
+                    onSelect={() => activateTool('wall')}
+                  />
+                  <Item
+                    icon={<Layers className="h-4 w-4" />}
+                    keywords={['floor', 'build']}
+                    label="Slab Tool"
+                    onSelect={() => activateTool('slab')}
+                  />
+                  <Item
+                    icon={<Grid3X3 className="h-4 w-4" />}
+                    keywords={['top', 'build']}
+                    label="Ceiling Tool"
+                    onSelect={() => activateTool('ceiling')}
+                  />
+                  <Item
+                    icon={<DoorOpen className="h-4 w-4" />}
+                    keywords={['opening', 'entrance']}
+                    label="Door Tool"
+                    onSelect={() => activateTool('door')}
+                  />
+                  <Item
+                    icon={<AppWindow className="h-4 w-4" />}
+                    keywords={['opening', 'glass']}
+                    label="Window Tool"
+                    onSelect={() => activateTool('window')}
+                  />
+                  <Item
+                    icon={<Package className="h-4 w-4" />}
+                    keywords={['furniture', 'object', 'asset', 'furnish']}
+                    label="Item Tool"
+                    onSelect={() => activateTool('item')}
+                  />
+                  <Item
+                    icon={<Hexagon className="h-4 w-4" />}
+                    keywords={['area', 'room', 'space']}
+                    label="Zone Tool"
+                    onSelect={() => activateTool('zone')}
+                  />
+                  <Item
+                    disabled={!hasSelection}
                     icon={<Trash2 className="h-4 w-4" />}
+                    keywords={['remove', 'erase']}
                     label="Delete Selection"
                     onSelect={deleteSelection}
-                    disabled={!hasSelection}
-                    shortcut={["⌫"]}
-                    keywords={["remove", "erase"]}
+                    shortcut={['⌫']}
                   />
                 </Command.Group>
 
                 {/* Levels */}
                 <Command.Group heading="Levels">
                   <Item
+                    disabled={allLevels.length === 0}
                     icon={<ArrowRight className="h-4 w-4" />}
+                    keywords={['level', 'floor', 'go', 'navigate', 'switch', 'select']}
                     label="Go to Level"
                     navigate
-                    onSelect={() => navigateTo("goto-level")}
-                    disabled={allLevels.length === 0}
-                    keywords={["level", "floor", "go", "navigate", "switch", "select"]}
+                    onSelect={() => navigateTo('goto-level')}
                   />
                   <Item
                     icon={<Plus className="h-4 w-4" />}
+                    keywords={['level', 'floor', 'add', 'create', 'new']}
                     label="Add Level"
                     onSelect={addLevel}
-                    keywords={["level", "floor", "add", "create", "new"]}
                   />
                   <Item
+                    disabled={!activeLevelId}
                     icon={<PencilLine className="h-4 w-4" />}
+                    keywords={['level', 'floor', 'rename', 'name']}
                     label="Rename Level"
                     navigate
-                    onSelect={() => navigateTo("rename-level")}
-                    disabled={!activeLevelId}
-                    keywords={["level", "floor", "rename", "name"]}
+                    onSelect={() => navigateTo('rename-level')}
                   />
                   <Item
+                    disabled={!activeLevelId || isLevelZero}
                     icon={<Trash2 className="h-4 w-4" />}
+                    keywords={['level', 'floor', 'delete', 'remove']}
                     label="Delete Level"
                     onSelect={deleteActiveLevel}
-                    disabled={!activeLevelId || isLevelZero}
-                    keywords={["level", "floor", "delete", "remove"]}
                   />
                 </Command.Group>
 
                 {/* Viewer Controls */}
                 <Command.Group heading="Viewer Controls">
                   <Item
-                    icon={<Layers className="h-4 w-4" />}
-                    label="Wall Mode"
                     badge={wallModeLabel[wallMode]}
-                    onSelect={() => navigateTo("wall-mode")}
-                    keywords={["wall", "cutaway", "up", "down", "view"]}
+                    icon={<Layers className="h-4 w-4" />}
+                    keywords={['wall', 'cutaway', 'up', 'down', 'view']}
+                    label="Wall Mode"
+                    onSelect={() => navigateTo('wall-mode')}
                   />
                   <Item
-                    icon={<SquareStack className="h-4 w-4" />}
-                    label="Level Mode"
                     badge={levelModeLabel[levelMode]}
-                    onSelect={() => navigateTo("level-mode")}
-                    keywords={["level", "floor", "exploded", "stacked", "solo"]}
+                    icon={<SquareStack className="h-4 w-4" />}
+                    keywords={['level', 'floor', 'exploded', 'stacked', 'solo']}
+                    label="Level Mode"
+                    onSelect={() => navigateTo('level-mode')}
                   />
                   <Item
                     icon={<Video className="h-4 w-4" />}
-                    label={`Camera: Switch to ${cameraMode === "perspective" ? "Orthographic" : "Perspective"}`}
+                    keywords={['camera', 'ortho', 'perspective', '2d', '3d', 'view']}
+                    label={`Camera: Switch to ${cameraMode === 'perspective' ? 'Orthographic' : 'Perspective'}`}
                     onSelect={() =>
                       run(() =>
                         setCameraMode(
-                          cameraMode === "perspective" ? "orthographic" : "perspective"
-                        )
+                          cameraMode === 'perspective' ? 'orthographic' : 'perspective',
+                        ),
                       )
                     }
-                    keywords={["camera", "ortho", "perspective", "2d", "3d", "view"]}
                   />
                   <Item
-                    icon={theme === "dark" ? <Sun className="h-4 w-4" /> : <Moon className="h-4 w-4" />}
-                    label={theme === "dark" ? "Switch to Light Theme" : "Switch to Dark Theme"}
-                    onSelect={() => run(() => setTheme(theme === "dark" ? "light" : "dark"))}
-                    keywords={["theme", "dark", "light", "appearance", "color"]}
+                    icon={
+                      theme === 'dark' ? <Sun className="h-4 w-4" /> : <Moon className="h-4 w-4" />
+                    }
+                    keywords={['theme', 'dark', 'light', 'appearance', 'color']}
+                    label={theme === 'dark' ? 'Switch to Light Theme' : 'Switch to Dark Theme'}
+                    onSelect={() => run(() => setTheme(theme === 'dark' ? 'light' : 'dark'))}
                   />
                   <Item
                     icon={<Camera className="h-4 w-4" />}
+                    keywords={['camera', 'snapshot', 'capture', 'save', 'view', 'bookmark']}
                     label="Camera Snapshot"
                     navigate
-                    onSelect={() => navigateTo("camera-view")}
-                    keywords={["camera", "snapshot", "capture", "save", "view", "bookmark"]}
+                    onSelect={() => navigateTo('camera-view')}
                   />
                 </Command.Group>
 
                 {/* View / Mode */}
                 <Command.Group heading="View">
                   <Item
-                    icon={isPreviewMode ? <EyeOff className="h-4 w-4" /> : <Eye className="h-4 w-4" />}
-                    label={isPreviewMode ? "Exit Preview" : "Enter Preview"}
+                    icon={
+                      isPreviewMode ? <EyeOff className="h-4 w-4" /> : <Eye className="h-4 w-4" />
+                    }
+                    keywords={['preview', 'view', 'read-only', 'present']}
+                    label={isPreviewMode ? 'Exit Preview' : 'Enter Preview'}
                     onSelect={() => run(() => setPreviewMode(!isPreviewMode))}
-                    keywords={["preview", "view", "read-only", "present"]}
                   />
                   <Item
                     icon={
@@ -556,9 +595,9 @@ export function CommandPalette() {
                         <Maximize2 className="h-4 w-4" />
                       )
                     }
-                    label={isFullscreen ? "Exit Fullscreen" : "Enter Fullscreen"}
+                    keywords={['fullscreen', 'maximize', 'expand', 'window']}
+                    label={isFullscreen ? 'Exit Fullscreen' : 'Enter Fullscreen'}
                     onSelect={toggleFullscreen}
-                    keywords={["fullscreen", "maximize", "expand", "window"]}
                   />
                 </Command.Group>
 
@@ -566,17 +605,17 @@ export function CommandPalette() {
                 <Command.Group heading="History">
                   <Item
                     icon={<Undo2 className="h-4 w-4" />}
+                    keywords={['undo', 'revert', 'back']}
                     label="Undo"
                     onSelect={() => run(() => useScene.temporal.getState().undo())}
-                    shortcut={[meta, "Z"]}
-                    keywords={["undo", "revert", "back"]}
+                    shortcut={[meta, 'Z']}
                   />
                   <Item
                     icon={<Redo2 className="h-4 w-4" />}
+                    keywords={['redo', 'forward', 'repeat']}
                     label="Redo"
                     onSelect={() => run(() => useScene.temporal.getState().redo())}
-                    shortcut={[meta, "⇧", "Z"]}
-                    keywords={["redo", "forward", "repeat"]}
+                    shortcut={[meta, '⇧', 'Z']}
                   />
                 </Command.Group>
 
@@ -584,42 +623,42 @@ export function CommandPalette() {
                 <Command.Group heading="Export & Share">
                   <Item
                     icon={<FileJson className="h-4 w-4" />}
+                    keywords={['export', 'download', 'json', 'save', 'data']}
                     label="Export Scene (JSON)"
                     onSelect={exportJson}
-                    keywords={["export", "download", "json", "save", "data"]}
                   />
                   {exportScene && (
                     <Item
                       icon={<Box className="h-4 w-4" />}
+                      keywords={['export', 'glb', 'gltf', '3d', 'model', 'download']}
                       label="Export 3D Model (GLB)"
                       onSelect={() => run(() => exportScene())}
-                      keywords={["export", "glb", "gltf", "3d", "model", "download"]}
                     />
                   )}
                   <Item
                     icon={<Copy className="h-4 w-4" />}
+                    keywords={['share', 'copy', 'url', 'link']}
                     label="Copy Share Link"
                     onSelect={copyShareLink}
-                    keywords={["share", "copy", "url", "link"]}
                   />
                   <Item
                     icon={<Camera className="h-4 w-4" />}
+                    keywords={['screenshot', 'capture', 'image', 'photo', 'png']}
                     label="Take Screenshot"
                     onSelect={takeScreenshot}
-                    keywords={["screenshot", "capture", "image", "photo", "png"]}
                   />
                 </Command.Group>
               </>
             )}
 
             {/* ── Wall Mode sub-page ────────────────────────────────────── */}
-            {page === "wall-mode" && (
+            {page === 'wall-mode' && (
               <Command.Group heading="Wall Mode">
-                {(["cutaway", "up", "down"] as const).map((mode) => (
+                {(['cutaway', 'up', 'down'] as const).map((mode) => (
                   <OptionItem
+                    isActive={wallMode === mode}
                     key={mode}
                     label={wallModeLabel[mode]}
-                    isActive={wallMode === mode}
                     onSelect={() => run(() => setWallMode(mode))}
                   />
                 ))}
@@ -627,13 +666,13 @@ export function CommandPalette() {
             )}
 
             {/* ── Level Mode sub-page ───────────────────────────────────── */}
-            {page === "level-mode" && (
+            {page === 'level-mode' && (
               <Command.Group heading="Level Mode">
-                {(["stacked", "exploded", "solo"] as const).map((mode) => (
+                {(['stacked', 'exploded', 'solo'] as const).map((mode) => (
                   <OptionItem
+                    isActive={levelMode === mode}
                     key={mode}
                     label={levelModeLabel[mode]}
-                    isActive={levelMode === mode}
                     onSelect={() => run(() => setLevelMode(mode))}
                   />
                 ))}
@@ -641,13 +680,13 @@ export function CommandPalette() {
             )}
 
             {/* ── Go to Level sub-page ──────────────────────────────────── */}
-            {page === "goto-level" && (
+            {page === 'goto-level' && (
               <Command.Group heading="Go to Level">
                 {allLevels.map((level) => (
                   <OptionItem
+                    isActive={level.id === activeLevelId}
                     key={level.id}
                     label={level.name ?? `Level ${level.level}`}
-                    isActive={level.id === activeLevelId}
                     onSelect={() =>
                       run(() => useViewer.getState().setSelection({ levelId: level.id }))
                     }
@@ -657,20 +696,22 @@ export function CommandPalette() {
             )}
 
             {/* ── Rename Level sub-page ─────────────────────────────────── */}
-            {page === "rename-level" && (
+            {page === 'rename-level' && (
               <Command.Group heading="Rename Level">
                 <Command.Item
-                  value="confirm-rename"
-                  onSelect={confirmRename}
+                  className="flex cursor-pointer items-center gap-2.5 rounded-md px-2.5 py-2 text-foreground text-sm transition-colors data-[disabled=true]:cursor-not-allowed data-[selected=true]:bg-accent data-[disabled=true]:opacity-40"
                   disabled={!inputValue.trim()}
-                  className="flex cursor-pointer items-center gap-2.5 rounded-md px-2.5 py-2 text-sm text-foreground transition-colors data-[selected=true]:bg-accent data-[disabled=true]:cursor-not-allowed data-[disabled=true]:opacity-40"
+                  onSelect={confirmRename}
+                  value="confirm-rename"
                 >
                   <span className="flex h-4 w-4 shrink-0 items-center justify-center text-muted-foreground">
                     <PencilLine className="h-4 w-4" />
                   </span>
                   <span className="flex-1 truncate">
                     {inputValue.trim() ? (
-                      <>Rename to <span className="font-medium">"{inputValue.trim()}"</span></>
+                      <>
+                        Rename to <span className="font-medium">"{inputValue.trim()}"</span>
+                      </>
                     ) : (
                       <span className="text-muted-foreground">Type a new name above…</span>
                     )}
@@ -680,66 +721,66 @@ export function CommandPalette() {
             )}
 
             {/* ── Camera Snapshot: scope picker ─────────────────────────── */}
-            {page === "camera-view" && (
+            {page === 'camera-view' && (
               <Command.Group heading="Camera Snapshot — Select Scope">
                 <OptionItem
-                  label="Site"
                   icon={<Map className="h-4 w-4" />}
+                  label="Site"
                   onSelect={() => {
-                    const { rootNodeIds } = useScene.getState();
-                    const siteId = rootNodeIds[0];
-                    if (siteId) navigateToCameraScope(siteId, "Site");
+                    const { rootNodeIds } = useScene.getState()
+                    const siteId = rootNodeIds[0]
+                    if (siteId) navigateToCameraScope(siteId, 'Site')
                   }}
                 />
                 <OptionItem
-                  label="Building"
                   icon={<Building2 className="h-4 w-4" />}
+                  label="Building"
                   onSelect={() => {
                     const building = Object.values(useScene.getState().nodes).find(
-                      (n) => n.type === "building"
-                    );
-                    if (building) navigateToCameraScope(building.id, "Building");
+                      (n) => n.type === 'building',
+                    )
+                    if (building) navigateToCameraScope(building.id, 'Building')
                   }}
                 />
                 <OptionItem
-                  label="Level"
-                  icon={<Layers className="h-4 w-4" />}
                   disabled={!activeLevelId}
+                  icon={<Layers className="h-4 w-4" />}
+                  label="Level"
                   onSelect={() => {
-                    if (activeLevelId) navigateToCameraScope(activeLevelId, "Level");
+                    if (activeLevelId) navigateToCameraScope(activeLevelId, 'Level')
                   }}
                 />
                 <OptionItem
-                  label="Selection"
-                  icon={<MousePointer2 className="h-4 w-4" />}
                   disabled={!hasSelection}
+                  icon={<MousePointer2 className="h-4 w-4" />}
+                  label="Selection"
                   onSelect={() => {
-                    const firstId = selection.selectedIds[0];
-                    if (firstId) navigateToCameraScope(firstId, "Selection");
+                    const firstId = selection.selectedIds[0]
+                    if (firstId) navigateToCameraScope(firstId, 'Selection')
                   }}
                 />
               </Command.Group>
             )}
 
             {/* ── Camera Snapshot: actions for selected scope ───────────── */}
-            {page === "camera-scope" && cameraScope && (
+            {page === 'camera-scope' && cameraScope && (
               <Command.Group heading={`${cameraScope.label} Snapshot`}>
                 <OptionItem
-                  label={hasScopeSnapshot ? "Update Snapshot" : "Take Snapshot"}
                   icon={<Camera className="h-4 w-4" />}
+                  label={hasScopeSnapshot ? 'Update Snapshot' : 'Take Snapshot'}
                   onSelect={takeSnapshot}
                 />
                 {hasScopeSnapshot && (
                   <OptionItem
-                    label="View Snapshot"
                     icon={<Eye className="h-4 w-4" />}
+                    label="View Snapshot"
                     onSelect={viewSnapshot}
                   />
                 )}
                 {hasScopeSnapshot && (
                   <OptionItem
-                    label="Clear Snapshot"
                     icon={<Trash2 className="h-4 w-4" />}
+                    label="Clear Snapshot"
                     onSelect={clearSnapshot}
                   />
                 )}
@@ -748,25 +789,25 @@ export function CommandPalette() {
           </Command.List>
 
           {/* Footer hint */}
-          <div className="flex items-center justify-between border-t border-border/50 px-3 py-2">
+          <div className="flex items-center justify-between border-border/50 border-t px-3 py-2">
             <span className="text-[11px] text-muted-foreground">
-              <Shortcut keys={["↑", "↓"]} /> navigate
+              <Shortcut keys={['↑', '↓']} /> navigate
             </span>
             <span className="text-[11px] text-muted-foreground">
-              <Shortcut keys={["↵"]} /> select
+              <Shortcut keys={['↵']} /> select
             </span>
             {page ? (
               <span className="text-[11px] text-muted-foreground">
-                <Shortcut keys={["⌫"]} /> back
+                <Shortcut keys={['⌫']} /> back
               </span>
             ) : (
               <span className="text-[11px] text-muted-foreground">
-                <Shortcut keys={["Esc"]} /> close
+                <Shortcut keys={['Esc']} /> close
               </span>
             )}
           </div>
         </Command>
       </DialogContent>
     </Dialog>
-  );
+  )
 }
diff --git a/packages/editor/src/components/ui/controls/action-button.tsx b/packages/editor/src/components/ui/controls/action-button.tsx
new file mode 100644
index 00000000..65381cfb
--- /dev/null
+++ b/packages/editor/src/components/ui/controls/action-button.tsx
@@ -0,0 +1,33 @@
+'use client'
+
+import { cn } from '../../../lib/utils'
+
+interface ActionButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
+  icon?: React.ReactNode
+  label: string
+}
+
+export function ActionButton({ icon, label, className, ...props }: ActionButtonProps) {
+  return (
+    <button
+      {...props}
+      className={cn(
+        'flex h-9 flex-1 items-center justify-center gap-1.5 rounded-lg border border-border/50 bg-[#2C2C2E] px-3 font-medium text-foreground text-xs transition-colors hover:bg-[#3e3e3e] active:bg-[#3e3e3e]',
+        className,
+      )}
+    >
+      {icon}
+      <span>{label}</span>
+    </button>
+  )
+}
+
+export function ActionGroup({
+  children,
+  className,
+}: {
+  children: React.ReactNode
+  className?: string
+}) {
+  return <div className={cn('flex gap-1.5', className)}>{children}</div>
+}
diff --git a/apps/editor/components/ui/controls/metric-control.tsx b/packages/editor/src/components/ui/controls/metric-control.tsx
similarity index 88%
rename from apps/editor/components/ui/controls/metric-control.tsx
rename to packages/editor/src/components/ui/controls/metric-control.tsx
index d0374beb..647d3c20 100644
--- a/apps/editor/components/ui/controls/metric-control.tsx
+++ b/packages/editor/src/components/ui/controls/metric-control.tsx
@@ -2,7 +2,7 @@
 
 import { useScene } from '@pascal-app/core'
 import { useCallback, useEffect, useRef, useState } from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../lib/utils'
 
 interface MetricControlProps {
   label: React.ReactNode
@@ -20,8 +20,8 @@ export function MetricControl({
   label,
   value,
   onChange,
-  min = -Infinity,
-  max = Infinity,
+  min = Number.NEGATIVE_INFINITY,
+  max = Number.POSITIVE_INFINITY,
   precision = 2,
   step = 1,
   className,
@@ -57,9 +57,9 @@ export function MetricControl({
 
     const handleWheel = (e: WheelEvent) => {
       if (isEditing) return
-      
+
       e.preventDefault()
-      
+
       const direction = e.deltaY < 0 ? 1 : -1
       let scrollStep = step
       if (e.shiftKey) scrollStep = step * 10
@@ -67,12 +67,12 @@ export function MetricControl({
 
       const newValue = clamp(valueRef.current + direction * scrollStep)
       const finalValue = Number.parseFloat(newValue.toFixed(precision))
-      
+
       if (finalValue !== valueRef.current) {
         onChange(finalValue)
       }
     }
-    
+
     container.addEventListener('wheel', handleWheel, { passive: false })
     return () => container.removeEventListener('wheel', handleWheel)
   }, [isEditing, step, clamp, onChange, precision])
@@ -84,16 +84,16 @@ export function MetricControl({
       let direction = 0
       if (e.key === 'ArrowUp') direction = 1
       else if (e.key === 'ArrowDown') direction = -1
-      
+
       if (direction !== 0) {
         e.preventDefault()
         let scrollStep = step
         if (e.shiftKey) scrollStep = step * 10
         else if (e.altKey) scrollStep = step * 0.1
-        
+
         const newValue = clamp(valueRef.current + direction * scrollStep)
         const finalValue = Number.parseFloat(newValue.toFixed(precision))
-        
+
         if (finalValue !== valueRef.current) {
           onChange(finalValue)
         }
@@ -108,17 +108,17 @@ export function MetricControl({
     (e: React.PointerEvent) => {
       if (isEditing) return
       e.preventDefault()
-      
+
       setIsDragging(true)
       startXRef.current = e.clientX
       startValueRef.current = value
       useScene.temporal.getState().pause()
-      
+
       let finalValue = value
 
       const handlePointerMove = (moveEvent: PointerEvent) => {
         const deltaX = moveEvent.clientX - startXRef.current
-        
+
         let dragStep = step
         if (moveEvent.shiftKey) dragStep = step * 10
         else if (moveEvent.altKey) dragStep = step * 0.1
@@ -137,7 +137,7 @@ export function MetricControl({
         setIsDragging(false)
         document.removeEventListener('pointermove', handlePointerMove)
         document.removeEventListener('pointerup', handlePointerUp)
-        
+
         if (finalValue !== startValueRef.current) {
           onChange(startValueRef.current)
           useScene.temporal.getState().resume()
@@ -150,7 +150,7 @@ export function MetricControl({
       document.addEventListener('pointermove', handlePointerMove)
       document.addEventListener('pointerup', handlePointerUp)
     },
-    [isEditing, value, onChange, clamp, precision, step]
+    [isEditing, value, onChange, clamp, precision, step],
   )
 
   const handleValueClick = useCallback(() => {
@@ -164,10 +164,10 @@ export function MetricControl({
 
   const submitValue = useCallback(() => {
     const numValue = Number.parseFloat(inputValue)
-    if (!Number.isNaN(numValue)) {
-      onChange(clamp(Number.parseFloat(numValue.toFixed(precision))))
-    } else {
+    if (Number.isNaN(numValue)) {
       setInputValue(value.toFixed(precision))
+    } else {
+      onChange(clamp(Number.parseFloat(numValue.toFixed(precision))))
     }
     setIsEditing(false)
   }, [inputValue, onChange, clamp, precision, value])
@@ -199,28 +199,34 @@ export function MetricControl({
   )
 
   return (
-    <div 
-      ref={containerRef}
+    <div
+      className={cn(
+        'group flex h-10 w-full items-center justify-between rounded-lg border border-border/50 px-3 text-sm transition-colors',
+        isDragging ? 'bg-[#3e3e3e]' : 'bg-[#2C2C2E] hover:bg-[#3e3e3e]',
+        className,
+      )}
       onMouseEnter={() => setIsHovered(true)}
       onMouseLeave={() => setIsHovered(false)}
-      className={cn("group flex h-10 w-full items-center justify-between rounded-lg border border-border/50 px-3 text-sm transition-colors", isDragging ? "bg-[#3e3e3e]" : "bg-[#2C2C2E] hover:bg-[#3e3e3e]", className)}
+      ref={containerRef}
     >
-      <div 
+      <div
         className={cn(
-          "text-muted-foreground select-none truncate transition-colors",
-          isDragging ? "cursor-ew-resize text-foreground" : "hover:text-foreground hover:cursor-ew-resize"
+          'select-none truncate text-muted-foreground transition-colors',
+          isDragging
+            ? 'cursor-ew-resize text-foreground'
+            : 'hover:cursor-ew-resize hover:text-foreground',
         )}
         onPointerDown={handlePointerDown}
       >
         {label}
       </div>
-      
+
       <div className="flex shrink-0 justify-end">
         {isEditing ? (
           <div className="flex items-center">
             <input
               autoFocus
-              className="w-full bg-transparent p-0 text-right text-foreground font-mono outline-none selection:bg-primary/30"
+              className="w-full bg-transparent p-0 text-right font-mono text-foreground outline-none selection:bg-primary/30"
               onBlur={handleInputBlur}
               onChange={handleInputChange}
               onKeyDown={handleInputKeyDown}
@@ -231,7 +237,7 @@ export function MetricControl({
           </div>
         ) : (
           <div
-            className="flex w-full cursor-text items-center justify-end text-foreground hover:text-primary transition-colors"
+            className="flex w-full cursor-text items-center justify-end text-foreground transition-colors hover:text-primary"
             onClick={handleValueClick}
           >
             <span className="font-mono tabular-nums tracking-tight">
diff --git a/packages/editor/src/components/ui/controls/panel-section.tsx b/packages/editor/src/components/ui/controls/panel-section.tsx
new file mode 100644
index 00000000..2bec68b5
--- /dev/null
+++ b/packages/editor/src/components/ui/controls/panel-section.tsx
@@ -0,0 +1,65 @@
+'use client'
+
+import { ChevronDown } from 'lucide-react'
+import { AnimatePresence, motion } from 'motion/react'
+import { useState } from 'react'
+import { cn } from '../../../lib/utils'
+
+interface PanelSectionProps {
+  title: string
+  children: React.ReactNode
+  defaultExpanded?: boolean
+  className?: string
+}
+
+export function PanelSection({
+  title,
+  children,
+  defaultExpanded = true,
+  className,
+}: PanelSectionProps) {
+  const [isExpanded, setIsExpanded] = useState(defaultExpanded)
+
+  return (
+    <motion.div
+      className={cn('flex shrink-0 flex-col overflow-hidden border-border/50 border-b', className)}
+      layout
+      transition={{ type: 'spring', bounce: 0, duration: 0.4 }}
+    >
+      <motion.button
+        className={cn(
+          'group/section flex h-10 shrink-0 items-center justify-between px-3 transition-all duration-200',
+          isExpanded
+            ? 'bg-accent/50 text-foreground'
+            : 'text-muted-foreground hover:bg-accent/30 hover:text-foreground',
+        )}
+        layout="position"
+        onClick={() => setIsExpanded(!isExpanded)}
+        type="button"
+      >
+        <span className="truncate font-medium text-sm">{title}</span>
+        <ChevronDown
+          className={cn(
+            'h-4 w-4 transition-transform duration-200',
+            isExpanded ? 'rotate-180' : 'rotate-0',
+            isExpanded ? 'text-foreground' : 'opacity-0 group-hover/section:opacity-100',
+          )}
+        />
+      </motion.button>
+
+      <AnimatePresence initial={false}>
+        {isExpanded && (
+          <motion.div
+            animate={{ height: 'auto', opacity: 1 }}
+            className="overflow-hidden"
+            exit={{ height: 0, opacity: 0 }}
+            initial={{ height: 0, opacity: 0 }}
+            transition={{ type: 'spring', bounce: 0, duration: 0.4 }}
+          >
+            <div className="flex flex-col gap-1.5 p-3 pt-2">{children}</div>
+          </motion.div>
+        )}
+      </AnimatePresence>
+    </motion.div>
+  )
+}
diff --git a/apps/editor/components/ui/controls/segmented-control.tsx b/packages/editor/src/components/ui/controls/segmented-control.tsx
similarity index 61%
rename from apps/editor/components/ui/controls/segmented-control.tsx
rename to packages/editor/src/components/ui/controls/segmented-control.tsx
index 729b5380..1bfa9f74 100644
--- a/apps/editor/components/ui/controls/segmented-control.tsx
+++ b/packages/editor/src/components/ui/controls/segmented-control.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../../lib/utils'
 
 interface SegmentedControlProps<T extends string> {
   value: T
@@ -16,20 +16,25 @@ export function SegmentedControl<T extends string>({
   className,
 }: SegmentedControlProps<T>) {
   return (
-    <div className={cn("flex h-9 w-full items-center rounded-lg border border-border/50 bg-[#2C2C2E] p-[3px]", className)}>
+    <div
+      className={cn(
+        'flex h-9 w-full items-center rounded-lg border border-border/50 bg-[#2C2C2E] p-[3px]',
+        className,
+      )}
+    >
       {options.map((option) => {
         const isSelected = value === option.value
         return (
           <button
-            key={option.value}
-            type="button"
-            onClick={() => onChange(option.value)}
             className={cn(
-              "relative flex h-full flex-1 items-center justify-center rounded-md text-xs font-medium transition-all duration-200",
+              'relative flex h-full flex-1 items-center justify-center rounded-md font-medium text-xs transition-all duration-200',
               isSelected
-                ? "bg-[#3e3e3e] text-foreground shadow-sm ring-1 ring-border/50"
-                : "text-muted-foreground hover:bg-white/5 hover:text-foreground"
+                ? 'bg-[#3e3e3e] text-foreground shadow-sm ring-1 ring-border/50'
+                : 'text-muted-foreground hover:bg-white/5 hover:text-foreground',
             )}
+            key={option.value}
+            onClick={() => onChange(option.value)}
+            type="button"
           >
             <span className="relative z-10 flex items-center gap-1.5">{option.label}</span>
           </button>
diff --git a/apps/editor/components/ui/controls/slider-control.tsx b/packages/editor/src/components/ui/controls/slider-control.tsx
similarity index 81%
rename from apps/editor/components/ui/controls/slider-control.tsx
rename to packages/editor/src/components/ui/controls/slider-control.tsx
index 430d6e47..4a278949 100644
--- a/apps/editor/components/ui/controls/slider-control.tsx
+++ b/packages/editor/src/components/ui/controls/slider-control.tsx
@@ -2,7 +2,7 @@
 
 import { useScene } from '@pascal-app/core'
 import { useCallback, useEffect, useRef, useState } from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../lib/utils'
 
 interface SliderControlProps {
   label: React.ReactNode
@@ -31,12 +31,12 @@ export function SliderControl({
   const [isDragging, setIsDragging] = useState(false)
   const [isHovered, setIsHovered] = useState(false)
   const [inputValue, setInputValue] = useState(value.toFixed(precision))
-  
+
   // Track the original value and bounds when dragging starts
   const [dragStartValue, setDragStartValue] = useState<number | null>(null)
   const [dragMin, setDragMin] = useState<number | null>(null)
   const [dragMax, setDragMax] = useState<number | null>(null)
-  
+
   const trackRef = useRef<HTMLDivElement>(null)
   const containerRef = useRef<HTMLDivElement>(null)
 
@@ -62,9 +62,9 @@ export function SliderControl({
 
     const handleWheel = (e: WheelEvent) => {
       if (isEditing) return
-      
+
       e.preventDefault()
-      
+
       const direction = e.deltaY < 0 ? 1 : -1
       let scrollStep = step
       if (e.shiftKey) scrollStep = step * 10
@@ -72,12 +72,12 @@ export function SliderControl({
 
       const newValue = clamp(valueRef.current + direction * scrollStep)
       const finalValue = Number.parseFloat(newValue.toFixed(precision))
-      
+
       if (finalValue !== valueRef.current) {
         onChange(finalValue)
       }
     }
-    
+
     container.addEventListener('wheel', handleWheel, { passive: false })
     return () => container.removeEventListener('wheel', handleWheel)
   }, [isEditing, step, clamp, onChange, precision])
@@ -89,16 +89,16 @@ export function SliderControl({
       let direction = 0
       if (e.key === 'ArrowUp') direction = 1
       else if (e.key === 'ArrowDown') direction = -1
-      
+
       if (direction !== 0) {
         e.preventDefault()
         let scrollStep = step
         if (e.shiftKey) scrollStep = step * 10
         else if (e.altKey) scrollStep = step * 0.1
-        
+
         const newValue = clamp(valueRef.current + direction * scrollStep)
         const finalValue = Number.parseFloat(newValue.toFixed(precision))
-        
+
         if (finalValue !== valueRef.current) {
           onChange(finalValue)
         }
@@ -113,7 +113,7 @@ export function SliderControl({
     (e: React.PointerEvent) => {
       if (isEditing) return
       e.preventDefault()
-      
+
       const track = trackRef.current
       if (!track) return
 
@@ -122,7 +122,7 @@ export function SliderControl({
       setDragMin(min)
       setDragMax(max)
       useScene.temporal.getState().pause()
-      
+
       const rect = track.getBoundingClientRect()
       const updateValueFromEvent = (clientX: number) => {
         const percent = Math.max(0, Math.min(1, (clientX - rect.left) / rect.width))
@@ -145,7 +145,7 @@ export function SliderControl({
         if ((e.target as HTMLElement).closest('button')) {
           return
         }
-        
+
         setIsDragging(false)
         const startVal = dragStartValue
         const finalVal = valueRef.current
@@ -159,9 +159,9 @@ export function SliderControl({
         if (startVal !== null && startVal !== finalVal) {
           // Revert to start value while paused so the undo baseline is clean
           onChange(startVal)
-          
+
           useScene.temporal.getState().resume()
-          
+
           // Apply final value while recording
           onChange(finalVal)
         } else {
@@ -172,7 +172,7 @@ export function SliderControl({
       document.addEventListener('pointermove', handlePointerMove)
       document.addEventListener('pointerup', handlePointerUp)
     },
-    [isEditing, min, max, step, precision, clamp, onChange]
+    [isEditing, min, max, step, precision, clamp, onChange],
   )
 
   const handleValueClick = useCallback(() => {
@@ -186,10 +186,10 @@ export function SliderControl({
 
   const submitValue = useCallback(() => {
     const numValue = Number.parseFloat(inputValue)
-    if (!Number.isNaN(numValue)) {
-      onChange(clamp(Number.parseFloat(numValue.toFixed(precision))))
-    } else {
+    if (Number.isNaN(numValue)) {
       setInputValue(value.toFixed(precision))
+    } else {
+      onChange(clamp(Number.parseFloat(numValue.toFixed(precision))))
     }
     setIsEditing(false)
   }, [inputValue, onChange, clamp, precision, value])
@@ -223,20 +223,33 @@ export function SliderControl({
   const currentMin = isDragging && dragMin !== null ? dragMin : min
   const currentMax = isDragging && dragMax !== null ? dragMax : max
 
-  const percent = Math.max(0, Math.min(100, ((value - currentMin) / (currentMax - currentMin)) * 100))
-  const startPercent = dragStartValue !== null ? Math.max(0, Math.min(100, ((dragStartValue - currentMin) / (currentMax - currentMin)) * 100)) : null
+  const percent = Math.max(
+    0,
+    Math.min(100, ((value - currentMin) / (currentMax - currentMin)) * 100),
+  )
+  const startPercent =
+    dragStartValue !== null
+      ? Math.max(
+          0,
+          Math.min(100, ((dragStartValue - currentMin) / (currentMax - currentMin)) * 100),
+        )
+      : null
 
   return (
-    <div 
-      ref={containerRef}
+    <div
+      className={cn(
+        'group relative flex h-12 w-full items-center rounded-lg border border-border/50 px-3 text-sm transition-colors',
+        isDragging ? 'bg-[#3e3e3e]' : 'bg-[#2C2C2E] hover:bg-[#3e3e3e]',
+        className,
+      )}
       onMouseEnter={() => setIsHovered(true)}
       onMouseLeave={() => setIsHovered(false)}
-      className={cn("group flex h-12 w-full items-center rounded-lg border border-border/50 px-3 text-sm transition-colors relative", isDragging ? "bg-[#3e3e3e]" : "bg-[#2C2C2E] hover:bg-[#3e3e3e]", className)}
+      ref={containerRef}
     >
       {/* Reset button that appears when dragged away from start */}
       {isDragging && dragStartValue !== null && dragStartValue !== value && (
         <button
-          className="absolute -top-10 right-0 rounded-md bg-[#2C2C2E] px-2 py-1 text-[10px] font-medium text-muted-foreground shadow-sm ring-1 ring-border/50 hover:bg-[#3e3e3e] hover:text-foreground z-50 pointer-events-auto cursor-pointer"
+          className="pointer-events-auto absolute -top-10 right-0 z-50 cursor-pointer rounded-md bg-[#2C2C2E] px-2 py-1 font-medium text-[10px] text-muted-foreground shadow-sm ring-1 ring-border/50 hover:bg-[#3e3e3e] hover:text-foreground"
           onPointerDown={(e) => {
             e.stopPropagation()
             onChange(dragStartValue)
@@ -251,38 +264,38 @@ export function SliderControl({
         </button>
       )}
 
-      <div className="w-[80px] shrink-0 text-muted-foreground select-none truncate">
-        {label}
-      </div>
-      
-      <div 
-        ref={trackRef}
+      <div className="w-[80px] shrink-0 select-none truncate text-muted-foreground">{label}</div>
+
+      <div
         className={cn(
-          "relative flex h-full flex-1 items-center justify-center touch-none mx-2",
-          isDragging ? "cursor-grabbing" : "cursor-grab"
+          'relative mx-2 flex h-full flex-1 touch-none items-center justify-center',
+          isDragging ? 'cursor-grabbing' : 'cursor-grab',
         )}
         onPointerDown={handlePointerDown}
+        ref={trackRef}
       >
         {/* Track dots background */}
-        <div className="absolute inset-x-0 flex items-center justify-between opacity-30 px-1 pointer-events-none">
+        <div className="pointer-events-none absolute inset-x-0 flex items-center justify-between px-1 opacity-30">
           {[...Array(9)].map((_, i) => (
-            <div key={i} className="h-[3px] w-[3px] rounded-full bg-current" />
+            <div className="h-[3px] w-[3px] rounded-full bg-current" key={i} />
           ))}
         </div>
-        
+
         {/* Original Thumb Ghost */}
         {isDragging && startPercent !== null && (
-          <div 
-            className="absolute top-1/2 h-6 w-[3px] -translate-x-1/2 -translate-y-1/2 rounded-full shadow-sm bg-foreground/20 pointer-events-none"
+          <div
+            className="pointer-events-none absolute top-1/2 h-6 w-[3px] -translate-x-1/2 -translate-y-1/2 rounded-full bg-foreground/20 shadow-sm"
             style={{ left: `${startPercent}%` }}
           />
         )}
-        
+
         {/* Active Thumb */}
-        <div 
+        <div
           className={cn(
-            "absolute top-1/2 h-6 w-[3px] -translate-x-1/2 -translate-y-1/2 rounded-full shadow-sm transition pointer-events-none",
-            isDragging ? "bg-foreground scale-y-110" : "bg-foreground/60 group-hover:bg-foreground/80"
+            'pointer-events-none absolute top-1/2 h-6 w-[3px] -translate-x-1/2 -translate-y-1/2 rounded-full shadow-sm transition',
+            isDragging
+              ? 'scale-y-110 bg-foreground'
+              : 'bg-foreground/60 group-hover:bg-foreground/80',
           )}
           style={{ left: `${percent}%` }}
         />
@@ -293,7 +306,7 @@ export function SliderControl({
           <div className="flex items-center">
             <input
               autoFocus
-              className="w-full bg-transparent p-0 text-right text-foreground font-mono outline-none selection:bg-primary/30"
+              className="w-full bg-transparent p-0 text-right font-mono text-foreground outline-none selection:bg-primary/30"
               onBlur={handleInputBlur}
               onChange={handleInputChange}
               onKeyDown={handleInputKeyDown}
@@ -304,7 +317,7 @@ export function SliderControl({
           </div>
         ) : (
           <div
-            className="flex w-full cursor-text items-center justify-end text-foreground/60 hover:text-foreground transition-colors"
+            className="flex w-full cursor-text items-center justify-end text-foreground/60 transition-colors hover:text-foreground"
             onClick={handleValueClick}
           >
             <span className="font-mono tabular-nums tracking-tight">
diff --git a/packages/editor/src/components/ui/controls/toggle-control.tsx b/packages/editor/src/components/ui/controls/toggle-control.tsx
new file mode 100644
index 00000000..ec1a656b
--- /dev/null
+++ b/packages/editor/src/components/ui/controls/toggle-control.tsx
@@ -0,0 +1,38 @@
+'use client'
+
+import { Check } from 'lucide-react'
+import { cn } from '../../../lib/utils'
+
+interface ToggleControlProps {
+  label: string
+  checked: boolean
+  onChange: (checked: boolean) => void
+  className?: string
+}
+
+export function ToggleControl({ label, checked, onChange, className }: ToggleControlProps) {
+  return (
+    <div
+      className={cn(
+        'group flex h-10 w-full cursor-pointer items-center justify-between rounded-lg border border-border/50 bg-[#2C2C2E] px-3 text-sm transition-colors hover:bg-[#3e3e3e]',
+        className,
+      )}
+      onClick={() => onChange(!checked)}
+    >
+      <div className="select-none text-muted-foreground transition-colors group-hover:text-foreground">
+        {label}
+      </div>
+
+      <div
+        className={cn(
+          'flex h-5 w-5 items-center justify-center rounded-[4px] border transition-all duration-200',
+          checked
+            ? 'border-primary bg-primary text-primary-foreground'
+            : 'border-border bg-black/20 text-transparent group-hover:border-muted-foreground',
+        )}
+      >
+        <Check className="h-3.5 w-3.5" strokeWidth={3} />
+      </div>
+    </div>
+  )
+}
diff --git a/apps/editor/components/ui/helpers/ceiling-helper.tsx b/packages/editor/src/components/ui/helpers/ceiling-helper.tsx
similarity index 57%
rename from apps/editor/components/ui/helpers/ceiling-helper.tsx
rename to packages/editor/src/components/ui/helpers/ceiling-helper.tsx
index e961dd03..7117cc22 100644
--- a/apps/editor/components/ui/helpers/ceiling-helper.tsx
+++ b/packages/editor/src/components/ui/helpers/ceiling-helper.tsx
@@ -1,12 +1,12 @@
 export function CeilingHelper() {
   return (
-    <div className="pointer-events-none fixed right-4 top-1/2 -translate-y-1/2 z-40 flex flex-col gap-2 rounded-lg border border-border bg-background/95 px-4 py-3 shadow-lg backdrop-blur-md">
+    <div className="pointer-events-none fixed top-1/2 right-4 z-40 flex -translate-y-1/2 flex-col gap-2 rounded-lg border border-border bg-background/95 px-4 py-3 shadow-lg backdrop-blur-md">
       <div className="flex items-center gap-2 text-sm">
-        <kbd className="rounded bg-muted px-2 py-1 text-xs font-medium">Shift</kbd>
+        <kbd className="rounded bg-muted px-2 py-1 font-medium text-xs">Shift</kbd>
         <span className="text-muted-foreground">Allow non-45° angles</span>
       </div>
       <div className="flex items-center gap-2 text-sm">
-        <kbd className="rounded bg-muted px-2 py-1 text-xs font-medium">Esc</kbd>
+        <kbd className="rounded bg-muted px-2 py-1 font-medium text-xs">Esc</kbd>
         <span className="text-muted-foreground">Cancel</span>
       </div>
     </div>
diff --git a/apps/editor/components/ui/helpers/helper-manager.tsx b/packages/editor/src/components/ui/helpers/helper-manager.tsx
similarity index 93%
rename from apps/editor/components/ui/helpers/helper-manager.tsx
rename to packages/editor/src/components/ui/helpers/helper-manager.tsx
index 591689f4..b2b6cd3c 100644
--- a/apps/editor/components/ui/helpers/helper-manager.tsx
+++ b/packages/editor/src/components/ui/helpers/helper-manager.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import useEditor from '@/store/use-editor'
+import useEditor from '../../../store/use-editor'
 import { CeilingHelper } from './ceiling-helper'
 import { ItemHelper } from './item-helper'
 import { RoofHelper } from './roof-helper'
diff --git a/apps/editor/components/ui/helpers/item-helper.tsx b/packages/editor/src/components/ui/helpers/item-helper.tsx
similarity index 63%
rename from apps/editor/components/ui/helpers/item-helper.tsx
rename to packages/editor/src/components/ui/helpers/item-helper.tsx
index 9688979c..e1e97a98 100644
--- a/apps/editor/components/ui/helpers/item-helper.tsx
+++ b/packages/editor/src/components/ui/helpers/item-helper.tsx
@@ -4,22 +4,22 @@ interface ItemHelperProps {
 
 export function ItemHelper({ showEsc }: ItemHelperProps) {
   return (
-    <div className="pointer-events-none fixed right-4 top-1/2 -translate-y-1/2 z-40 flex flex-col gap-2 rounded-lg border border-border bg-background/95 px-4 py-3 shadow-lg backdrop-blur-md">
+    <div className="pointer-events-none fixed top-1/2 right-4 z-40 flex -translate-y-1/2 flex-col gap-2 rounded-lg border border-border bg-background/95 px-4 py-3 shadow-lg backdrop-blur-md">
       <div className="flex items-center gap-2 text-sm">
-        <kbd className="rounded bg-muted px-2 py-1 text-xs font-medium">R</kbd>
+        <kbd className="rounded bg-muted px-2 py-1 font-medium text-xs">R</kbd>
         <span className="text-muted-foreground">Rotate counterclockwise</span>
       </div>
       <div className="flex items-center gap-2 text-sm">
-        <kbd className="rounded bg-muted px-2 py-1 text-xs font-medium">T</kbd>
+        <kbd className="rounded bg-muted px-2 py-1 font-medium text-xs">T</kbd>
         <span className="text-muted-foreground">Rotate clockwise</span>
       </div>
       <div className="flex items-center gap-2 text-sm">
-        <kbd className="rounded bg-muted px-2 py-1 text-xs font-medium">Shift</kbd>
+        <kbd className="rounded bg-muted px-2 py-1 font-medium text-xs">Shift</kbd>
         <span className="text-muted-foreground">Free place</span>
       </div>
       {showEsc && (
         <div className="flex items-center gap-2 text-sm">
-          <kbd className="rounded bg-muted px-2 py-1 text-xs font-medium">Esc</kbd>
+          <kbd className="rounded bg-muted px-2 py-1 font-medium text-xs">Esc</kbd>
           <span className="text-muted-foreground">Cancel</span>
         </div>
       )}
diff --git a/apps/editor/components/ui/helpers/roof-helper.tsx b/packages/editor/src/components/ui/helpers/roof-helper.tsx
similarity index 54%
rename from apps/editor/components/ui/helpers/roof-helper.tsx
rename to packages/editor/src/components/ui/helpers/roof-helper.tsx
index 8571a3da..a51cec72 100644
--- a/apps/editor/components/ui/helpers/roof-helper.tsx
+++ b/packages/editor/src/components/ui/helpers/roof-helper.tsx
@@ -1,8 +1,8 @@
 export function RoofHelper() {
   return (
-    <div className="pointer-events-none fixed right-4 top-1/2 -translate-y-1/2 z-40 flex flex-col gap-2 rounded-lg border border-border bg-background/95 px-4 py-3 shadow-lg backdrop-blur-md">
+    <div className="pointer-events-none fixed top-1/2 right-4 z-40 flex -translate-y-1/2 flex-col gap-2 rounded-lg border border-border bg-background/95 px-4 py-3 shadow-lg backdrop-blur-md">
       <div className="flex items-center gap-2 text-sm">
-        <kbd className="rounded bg-muted px-2 py-1 text-xs font-medium">Esc</kbd>
+        <kbd className="rounded bg-muted px-2 py-1 font-medium text-xs">Esc</kbd>
         <span className="text-muted-foreground">Cancel</span>
       </div>
     </div>
diff --git a/apps/editor/components/ui/helpers/slab-helper.tsx b/packages/editor/src/components/ui/helpers/slab-helper.tsx
similarity index 57%
rename from apps/editor/components/ui/helpers/slab-helper.tsx
rename to packages/editor/src/components/ui/helpers/slab-helper.tsx
index f501b732..bf9b6aad 100644
--- a/apps/editor/components/ui/helpers/slab-helper.tsx
+++ b/packages/editor/src/components/ui/helpers/slab-helper.tsx
@@ -1,12 +1,12 @@
 export function SlabHelper() {
   return (
-    <div className="pointer-events-none fixed right-4 top-1/2 -translate-y-1/2 z-40 flex flex-col gap-2 rounded-lg border border-border bg-background/95 px-4 py-3 shadow-lg backdrop-blur-md">
+    <div className="pointer-events-none fixed top-1/2 right-4 z-40 flex -translate-y-1/2 flex-col gap-2 rounded-lg border border-border bg-background/95 px-4 py-3 shadow-lg backdrop-blur-md">
       <div className="flex items-center gap-2 text-sm">
-        <kbd className="rounded bg-muted px-2 py-1 text-xs font-medium">Shift</kbd>
+        <kbd className="rounded bg-muted px-2 py-1 font-medium text-xs">Shift</kbd>
         <span className="text-muted-foreground">Allow non-45° angles</span>
       </div>
       <div className="flex items-center gap-2 text-sm">
-        <kbd className="rounded bg-muted px-2 py-1 text-xs font-medium">Esc</kbd>
+        <kbd className="rounded bg-muted px-2 py-1 font-medium text-xs">Esc</kbd>
         <span className="text-muted-foreground">Cancel</span>
       </div>
     </div>
diff --git a/apps/editor/components/ui/helpers/wall-helper.tsx b/packages/editor/src/components/ui/helpers/wall-helper.tsx
similarity index 57%
rename from apps/editor/components/ui/helpers/wall-helper.tsx
rename to packages/editor/src/components/ui/helpers/wall-helper.tsx
index dd0339d4..f15b3ac1 100644
--- a/apps/editor/components/ui/helpers/wall-helper.tsx
+++ b/packages/editor/src/components/ui/helpers/wall-helper.tsx
@@ -1,12 +1,12 @@
 export function WallHelper() {
   return (
-    <div className="pointer-events-none fixed right-4 top-1/2 -translate-y-1/2 z-40 flex flex-col gap-2 rounded-lg border border-border bg-background/95 px-4 py-3 shadow-lg backdrop-blur-md">
+    <div className="pointer-events-none fixed top-1/2 right-4 z-40 flex -translate-y-1/2 flex-col gap-2 rounded-lg border border-border bg-background/95 px-4 py-3 shadow-lg backdrop-blur-md">
       <div className="flex items-center gap-2 text-sm">
-        <kbd className="rounded bg-muted px-2 py-1 text-xs font-medium">Shift</kbd>
+        <kbd className="rounded bg-muted px-2 py-1 font-medium text-xs">Shift</kbd>
         <span className="text-muted-foreground">Allow non-45° angles</span>
       </div>
       <div className="flex items-center gap-2 text-sm">
-        <kbd className="rounded bg-muted px-2 py-1 text-xs font-medium">Esc</kbd>
+        <kbd className="rounded bg-muted px-2 py-1 font-medium text-xs">Esc</kbd>
         <span className="text-muted-foreground">Cancel</span>
       </div>
     </div>
diff --git a/packages/editor/src/components/ui/item-catalog/catalog-items.tsx b/packages/editor/src/components/ui/item-catalog/catalog-items.tsx
new file mode 100644
index 00000000..1f0b7906
--- /dev/null
+++ b/packages/editor/src/components/ui/item-catalog/catalog-items.tsx
@@ -0,0 +1,1580 @@
+import { type AssetInput, ItemNode } from '@pascal-app/core'
+export const CATALOG_ITEMS: AssetInput[] = [
+  {
+    id: 'tesla',
+    category: 'outdoor',
+    tags: ['floor', 'garage'],
+    name: 'Tesla',
+    thumbnail: '/items/tesla/thumbnail.webp',
+    src: '/items/tesla/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [2, 1.7, 5],
+  },
+  {
+    id: 'ev-wall-charger',
+    category: 'appliance',
+    tags: ['wall', 'garage'],
+    name: 'Ev-wall-charger',
+    thumbnail: '/items/ev-wall-charger/thumbnail.webp',
+    src: '/items/ev-wall-charger/model.glb',
+    scale: [1, 1, 1],
+    offset: [-0.07, 0.4, 0.15],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.8, 0.5],
+    attachTo: 'wall',
+  },
+  {
+    id: 'pillar',
+    category: 'outdoor',
+    tags: ['structure', 'fencing'],
+    name: 'Pillar',
+    thumbnail: '/items/pillar/thumbnail.webp',
+    src: '/items/pillar/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 1.3, 0.5],
+  },
+
+  {
+    id: 'high-fence',
+    category: 'outdoor',
+    tags: ['fencing'],
+    name: 'High Fence',
+    thumbnail: '/items/high-fence/thumbnail.webp',
+    src: '/items/high-fence/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0.01, 0],
+    rotation: [0, 0, 0],
+    dimensions: [4, 4.1, 0.5],
+  },
+
+  {
+    id: 'medium-fence',
+    category: 'outdoor',
+    tags: ['fencing'],
+    name: 'Medium Fence',
+    thumbnail: '/items/medium-fence/thumbnail.webp',
+    src: '/items/medium-fence/model.glb',
+    scale: [0.49, 0.49, 0.49],
+    offset: [0, 0.01, 0],
+    rotation: [0, 0, 0],
+    dimensions: [2, 2, 0.5],
+  },
+
+  {
+    id: 'low-fence',
+    category: 'outdoor',
+    tags: ['fencing'],
+    name: 'Low Fence',
+    thumbnail: '/items/low-fence/thumbnail.webp',
+    src: '/items/low-fence/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0.01, 0],
+    rotation: [0, 0, 0],
+    dimensions: [2, 0.8, 0.5],
+  },
+
+  {
+    id: 'bush',
+    category: 'outdoor',
+    tags: ['vegetation'],
+    name: 'Bush',
+    thumbnail: '/items/bush/thumbnail.webp',
+    src: '/items/bush/model.glb',
+    scale: [0.96, 0.96, 0.96],
+    offset: [-0.14, 0.01, -0.13],
+    rotation: [0, 0, 0],
+    dimensions: [3, 1.1, 1],
+  },
+
+  {
+    id: 'fir-tree',
+    category: 'outdoor',
+    tags: ['vegetation'],
+    name: 'Fir',
+    thumbnail: '/items/fir-tree/thumbnail.webp',
+    src: '/items/fir-tree/model.glb',
+    scale: [1, 1, 1],
+    offset: [-0.01, 0.05, -0.07],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 3, 0.5],
+  },
+
+  {
+    id: 'tree',
+    category: 'outdoor',
+    tags: ['vegetation'],
+    name: 'Tree',
+    thumbnail: '/items/tree/thumbnail.webp',
+    src: '/items/tree/model.glb',
+    scale: [0.65, 0.65, 0.65],
+    offset: [-0.02, 0.17, -0.04],
+    rotation: [0, 0, 0],
+    dimensions: [1, 5, 1],
+  },
+
+  {
+    id: 'palm',
+    category: 'outdoor',
+    tags: ['vegetation'],
+    name: 'Palm',
+    thumbnail: '/items/palm/thumbnail.webp',
+    src: '/items/palm/model.glb',
+    scale: [0.37, 0.37, 0.37],
+    offset: [0, 0, 0.02],
+    rotation: [0, 0, 0],
+    dimensions: [1, 4.5, 1],
+  },
+
+  {
+    id: 'patio-umbrella',
+    category: 'outdoor',
+    tags: ['leisure', 'floor'],
+    name: 'Patio Umbrella',
+    thumbnail: '/items/patio-umbrella/thumbnail.webp',
+    src: '/items/patio-umbrella/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 3.7, 0.5],
+  },
+
+  {
+    id: 'sunbed',
+    category: 'outdoor',
+    tags: ['leisure', 'seating', 'floor'],
+    name: 'Sunbed',
+    thumbnail: '/items/sunbed/thumbnail.webp',
+    src: '/items/sunbed/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0.04, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1, 1.2, 1.5],
+  },
+
+  {
+    id: 'window-double',
+    category: 'window',
+    tags: ['wall'],
+    name: 'Double Window',
+    thumbnail: '/items/window-double/thumbnail.webp',
+    src: '/items/window-double/model.glb',
+    scale: [0.81, 0.81, 0.81],
+    offset: [0, -0.32, 0],
+    rotation: [0, 3.14, 0],
+    dimensions: [1.5, 1.5, 0.5],
+    attachTo: 'wall',
+  },
+
+  {
+    id: 'window-simple',
+    category: 'window',
+    tags: ['wall'],
+    name: 'Simple Window',
+    thumbnail: '/items/window-simple/thumbnail.webp',
+    src: '/items/window-simple/model.glb',
+    scale: [1, 1, 1],
+    offset: [1.06, -0.21, 0.05],
+    rotation: [0, 3.14, 0],
+    dimensions: [1.5, 2, 0.5],
+    attachTo: 'wall',
+  },
+
+  {
+    id: 'window-rectangle',
+    category: 'window',
+    tags: ['wall'],
+    name: 'Rectangle Window',
+    thumbnail: '/items/window-rectangle/thumbnail.webp',
+    src: '/items/window-rectangle/model.glb',
+    scale: [0.81, 0.81, 0.81],
+    offset: [-1.41, -0.28, 0.08],
+    rotation: [0, 3.14, 0],
+    dimensions: [2.5, 1.5, 0.5],
+    attachTo: 'wall',
+  },
+
+  {
+    id: 'door-bar',
+    category: 'door',
+    tags: ['wall'],
+    name: 'Door with bar',
+    thumbnail: '/items/door-bar/thumbnail.webp',
+    src: '/items/door-bar/model.glb',
+    scale: [1, 1, 1],
+    offset: [-0.48, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1.5, 2.5, 0.5],
+    attachTo: 'wall',
+  },
+
+  {
+    id: 'glass-door',
+    category: 'door',
+    tags: ['wall'],
+    name: 'Glass Door',
+    thumbnail: '/items/glass-door/thumbnail.webp',
+    src: '/items/glass-door/model.glb',
+    scale: [0.9, 0.9, 0.9],
+    offset: [-0.52, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1.5, 2.5, 0.4],
+    attachTo: 'wall',
+  },
+
+  {
+    id: 'door',
+    category: 'door',
+    tags: ['wall'],
+    name: 'Door',
+    thumbnail: '/items/door/thumbnail.webp',
+    src: '/items/door/model.glb',
+    scale: [0.79, 0.79, 0.79],
+    offset: [-0.43, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1.5, 2, 0.4],
+    attachTo: 'wall',
+  },
+
+  {
+    id: 'parking-spot',
+    category: 'outdoor',
+    tags: ['leisure', 'floor'],
+    name: 'Parking Spot',
+    thumbnail: '/items/parking-spot/thumbnail.webp',
+    src: '/items/parking-spot/model.glb',
+    scale: [0.9, 1, 0.78],
+    offset: [0, 0, 0.01],
+    rotation: [0, 0, 0],
+    dimensions: [5, 1, 2.5],
+  },
+
+  {
+    id: 'outdoor-playhouse',
+    category: 'outdoor',
+    tags: ['leisure', 'kids', 'floor'],
+    name: 'Outdoor Playhouse',
+    thumbnail: '/items/outdoor-playhouse/thumbnail.webp',
+    src: '/items/outdoor-playhouse/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.5, 1],
+  },
+
+  {
+    id: 'skate',
+    category: 'outdoor',
+    tags: ['leisure', 'kids', 'floor'],
+    name: 'Skate',
+    thumbnail: '/items/skate/thumbnail.webp',
+    src: '/items/skate/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1, 0.2, 0.5],
+  },
+
+  {
+    id: 'scooter',
+    category: 'outdoor',
+    tags: ['leisure', 'kids', 'floor'],
+    name: 'Scooter',
+    thumbnail: '/items/scooter/thumbnail.webp',
+    src: '/items/scooter/model.glb',
+    scale: [1, 1, 1],
+    offset: [0.11, 0, 0.17],
+    rotation: [0, 0, 0],
+    dimensions: [1, 0.9, 0.5],
+  },
+
+  {
+    id: 'basket-hoop',
+    category: 'outdoor',
+    tags: ['leisure', 'sports', 'floor'],
+    name: 'Basket Hoop',
+    thumbnail: '/items/basket-hoop/thumbnail.webp',
+    src: '/items/basket-hoop/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1, 1.8, 1],
+  },
+
+  {
+    id: 'ball',
+    category: 'outdoor',
+    tags: ['leisure', 'sports', 'floor'],
+    name: 'Ball',
+    thumbnail: '/items/ball/thumbnail.webp',
+    src: '/items/ball/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0.12, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.3, 0.5],
+  },
+
+  {
+    id: 'wine-bottle',
+    category: 'kitchen',
+    tags: ['countertop', 'decor'],
+    name: 'Wine Bottle',
+    thumbnail: '/items/wine-bottle/thumbnail.webp',
+    src: '/items/wine-bottle/model.glb',
+    scale: [1, 1, 1],
+    offset: [-0.05, 0, 0.01],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.4, 0.5],
+  },
+
+  {
+    id: 'fruits',
+    category: 'kitchen',
+    tags: ['countertop', 'decor'],
+    name: 'Fruits',
+    thumbnail: '/items/fruits/thumbnail.webp',
+    src: '/items/fruits/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.3, 0.5],
+  },
+
+  {
+    id: 'cutting-board',
+    category: 'kitchen',
+    tags: ['countertop'],
+    name: 'Cutting Board',
+    thumbnail: '/items/cutting-board/thumbnail.webp',
+    src: '/items/cutting-board/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.1, 0.5],
+  },
+
+  {
+    id: 'frying-pan',
+    category: 'kitchen',
+    tags: ['countertop'],
+    name: 'Frying Pan',
+    thumbnail: '/items/frying-pan/thumbnail.webp',
+    src: '/items/frying-pan/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.1, 1],
+  },
+
+  {
+    id: 'kitchen-utensils',
+    category: 'kitchen',
+    tags: ['countertop'],
+    name: 'Kitchen Utensils',
+    thumbnail: '/items/kitchen-utensils/thumbnail.webp',
+    src: '/items/kitchen-utensils/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.5, 0.5],
+  },
+
+  {
+    id: 'microwave',
+    category: 'kitchen',
+    tags: ['countertop', 'electronics'],
+    name: 'Microwave',
+    thumbnail: '/items/microwave/thumbnail.webp',
+    src: '/items/microwave/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, -0.03],
+    rotation: [0, 0, 0],
+    dimensions: [1, 0.3, 0.5],
+  },
+
+  {
+    id: 'stove',
+    category: 'kitchen',
+    tags: ['floor', 'large'],
+    name: 'Stove',
+    thumbnail: '/items/stove/thumbnail.webp',
+    src: '/items/stove/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, -0.05],
+    rotation: [0, 0, 0],
+    dimensions: [1, 1, 1],
+  },
+
+  {
+    id: 'fridge',
+    category: 'kitchen',
+    tags: ['floor', 'large'],
+    name: 'Fridge',
+    thumbnail: '/items/fridge/thumbnail.webp',
+    src: '/items/fridge/model.glb',
+    scale: [1, 1, 1],
+    offset: [0.01, 0, -0.05],
+    rotation: [0, 0, 0],
+    dimensions: [1, 2, 1],
+  },
+
+  {
+    id: 'hood',
+    category: 'kitchen',
+    tags: ['wall'],
+    name: 'Hood',
+    thumbnail: '/items/hood/thumbnail.webp',
+    src: '/items/hood/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0.52, 0.01],
+    rotation: [0, 0, 0],
+    dimensions: [1.5, 1, 1.1],
+    attachTo: 'wall-side',
+  },
+
+  {
+    id: 'kitchen-shelf',
+    category: 'kitchen',
+    tags: ['wall', 'storage'],
+    name: 'Kitchen Shelf',
+    thumbnail: '/items/kitchen-shelf/thumbnail.webp',
+    src: '/items/kitchen-shelf/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0.52, 0.01],
+    rotation: [0, 0, 0],
+    dimensions: [2.5, 1, 1.1],
+    attachTo: 'wall-side',
+  },
+
+  {
+    id: 'kitchen-counter',
+    category: 'kitchen',
+    tags: ['floor', 'large', 'storage'],
+    name: 'Kitchen Counter',
+    thumbnail: '/items/kitchen-counter/thumbnail.webp',
+    src: '/items/kitchen-counter/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [2, 0.8, 1],
+    surface: {
+      height: 0.75,
+    },
+  },
+
+  {
+    id: 'kitchen-cabinet',
+    category: 'kitchen',
+    tags: ['floor', 'large', 'storage'],
+    name: 'Kitchen Cabinet',
+    thumbnail: '/items/kitchen-cabinet/thumbnail.webp',
+    src: '/items/kitchen-cabinet/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [2, 1.1, 1],
+    surface: {
+      height: 1.1,
+    },
+  },
+
+  {
+    id: 'kitchen',
+    category: 'kitchen',
+    tags: ['floor', 'large'],
+    name: 'Kitchen',
+    thumbnail: '/items/kitchen/thumbnail.webp',
+    src: '/items/kitchen/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [2.5, 1.1, 1],
+  },
+
+  {
+    id: 'toilet-paper',
+    category: 'bathroom',
+    tags: ['wall', 'decor'],
+    name: 'Toilet Paper',
+    thumbnail: '/items/toilet-paper/thumbnail.webp',
+    src: '/items/toilet-paper/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0.19, 0.12],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.5, 0.5],
+    attachTo: 'wall-side',
+  },
+
+  {
+    id: 'shower-rug',
+    category: 'bathroom',
+    tags: ['floor', 'decor'],
+    name: 'Shower Rug',
+    thumbnail: '/items/shower-rug/thumbnail.webp',
+    src: '/items/shower-rug/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1, 0.1, 0.5],
+  },
+
+  {
+    id: 'laundry-bag',
+    category: 'bathroom',
+    tags: ['floor'],
+    name: 'Laundry Bag',
+    thumbnail: '/items/laundry-bag/thumbnail.webp',
+    src: '/items/laundry-bag/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.8, 0.5],
+  },
+
+  {
+    id: 'drying-rack',
+    category: 'bathroom',
+    tags: ['floor'],
+    name: 'Drying Rack',
+    thumbnail: '/items/drying-rack/thumbnail.webp',
+    src: '/items/drying-rack/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [2, 1.1, 1],
+  },
+
+  {
+    id: 'washing-machine',
+    category: 'bathroom',
+    tags: ['floor', 'large', 'electronics'],
+    name: 'Washing Machine',
+    thumbnail: '/items/washing-machine/thumbnail.webp',
+    src: '/items/washing-machine/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1, 1, 1],
+  },
+
+  {
+    id: 'toilet',
+    category: 'bathroom',
+    tags: ['floor', 'large'],
+    name: 'Toilet',
+    thumbnail: '/items/toilet/thumbnail.webp',
+    src: '/items/toilet/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, -0.23],
+    rotation: [0, 0, 0],
+    dimensions: [1, 0.9, 1],
+  },
+
+  {
+    id: 'shower-square',
+    category: 'bathroom',
+    tags: ['floor', 'large'],
+    name: 'Squared Shower',
+    thumbnail: '/items/shower-square/thumbnail.webp',
+    src: '/items/shower-square/model.glb',
+    scale: [1, 1, 1],
+    offset: [0.41, 0, -0.42],
+    rotation: [0, 0, 0],
+    dimensions: [1, 2, 1],
+  },
+
+  {
+    id: 'shower-angle',
+    category: 'bathroom',
+    tags: ['floor', 'large'],
+    name: 'Angle Shower',
+    thumbnail: '/items/shower-angle/thumbnail.webp',
+    src: '/items/shower-angle/model.glb',
+    scale: [1, 1, 1],
+    offset: [0.41, 0, -0.42],
+    rotation: [0, 0, 0],
+    dimensions: [1, 2, 1],
+  },
+
+  {
+    id: 'bathtub',
+    category: 'bathroom',
+    tags: ['floor', 'large'],
+    name: 'Bathtub',
+    thumbnail: '/items/bathtub/thumbnail.webp',
+    src: '/items/bathtub/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0.01],
+    rotation: [0, 0, 0],
+    dimensions: [2.5, 0.8, 1.5],
+  },
+
+  {
+    id: 'bathroom-sink',
+    category: 'bathroom',
+    tags: ['floor', 'large'],
+    name: 'Bathroom Sink',
+    thumbnail: '/items/bathroom-sink/thumbnail.webp',
+    src: '/items/bathroom-sink/model.glb',
+    scale: [1, 1, 1],
+    offset: [0.11, 0, 0.02],
+    rotation: [0, 0, 0],
+    dimensions: [2, 1, 1.5],
+  },
+
+  {
+    id: 'ceiling-fan',
+    category: 'appliance',
+    tags: ['ceiling', 'climate'],
+    name: 'Ceiling fan',
+    thumbnail: '/items/ceiling-fan/thumbnail.webp',
+    src: '/items/ceiling-fan/model.glb',
+    scale: [1, 1, 1],
+    offset: [-0.12, 0.49, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1, 0.5, 1.5],
+    attachTo: 'ceiling',
+    interactive: {
+      effects: [
+        {
+          kind: 'animation',
+          clips: {
+            on: 'On',
+          },
+        },
+      ],
+      controls: [
+        {
+          kind: 'toggle',
+        },
+      ],
+    },
+  },
+
+  {
+    id: 'electric-panel',
+    category: 'appliance',
+    tags: ['wall', 'electrical'],
+    name: 'Electric Panel',
+    thumbnail: '/items/electric-panel/thumbnail.webp',
+    src: '/items/electric-panel/model.glb',
+    scale: [0.61, 0.74, 0.7],
+    offset: [0, 0, 0.06],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 1, 0.3],
+    attachTo: 'wall-side',
+  },
+
+  {
+    id: 'sprinkler',
+    category: 'appliance',
+    tags: ['ceiling', 'safety'],
+    name: 'Sprinkler',
+    thumbnail: '/items/sprinkler/thumbnail.webp',
+    src: '/items/sprinkler/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0.45, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.5, 0.5],
+    attachTo: 'ceiling',
+  },
+
+  {
+    id: 'smoke-detector',
+    category: 'appliance',
+    tags: ['ceiling', 'safety'],
+    name: 'Smoke Detector',
+    thumbnail: '/items/smoke-detector/thumbnail.webp',
+    src: '/items/smoke-detector/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0.49, 0],
+    rotation: [Math.PI, 0, 0],
+    dimensions: [0.5, 0.5, 0.5],
+    attachTo: 'ceiling',
+  },
+
+  {
+    id: 'fire-detector',
+    category: 'appliance',
+    tags: ['wall', 'safety'],
+    name: 'Fire Detector',
+    thumbnail: '/items/fire-detector/thumbnail.webp',
+    src: '/items/fire-detector/model.glb',
+    scale: [0.9, 1.4, 0.7],
+    offset: [0.02, 0.05, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.5, 0.3],
+    attachTo: 'wall',
+  },
+
+  {
+    id: 'exit-sign',
+    category: 'appliance',
+    tags: ['wall', 'safety'],
+    name: 'Exit Sign',
+    thumbnail: '/items/exit-sign/thumbnail.webp',
+    src: '/items/exit-sign/model.glb',
+    scale: [0.6, 0.5, 0.7],
+    offset: [0, 0.04, 0.05],
+    rotation: [0, 0, 0],
+    dimensions: [1, 0.5, 0.3],
+    attachTo: 'wall-side',
+  },
+
+  {
+    id: 'hydrant',
+    category: 'appliance',
+    tags: ['floor', 'safety'],
+    name: 'Hydrant',
+    thumbnail: '/items/hydrant/thumbnail.webp',
+    src: '/items/hydrant/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1, 0.9, 1],
+  },
+
+  {
+    id: 'alarm-keypad',
+    category: 'appliance',
+    tags: ['wall', 'safety', 'electrical'],
+    name: 'Alarm Keypad',
+    thumbnail: '/items/alarm-keypad/thumbnail.webp',
+    src: '/items/alarm-keypad/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.1, 0.5],
+  },
+
+  {
+    id: 'thermostat',
+    category: 'appliance',
+    tags: ['wall', 'climate', 'electrical'],
+    name: 'Thermostat',
+    thumbnail: '/items/thermostat/thumbnail.webp',
+    src: '/items/thermostat/model.glb',
+    scale: [2.08, 2.1, 2.59],
+    offset: [0, 0, 0.01],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.5, 0.1],
+    attachTo: 'wall-side',
+  },
+
+  {
+    id: 'air-conditioning',
+    category: 'appliance',
+    tags: ['wall', 'climate'],
+    name: 'Air Conditioning',
+    thumbnail: '/items/air-conditioning/thumbnail.webp',
+    src: '/items/air-conditioning/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0.37, 0.21],
+    rotation: [0, 0, 0],
+    dimensions: [2, 1, 0.9],
+    attachTo: 'wall-side',
+  },
+
+  {
+    id: 'ac-block',
+    category: 'appliance',
+    tags: ['floor', 'climate'],
+    name: 'AC block',
+    thumbnail: '/items/ac-block/thumbnail.webp',
+    src: '/items/ac-block/model.glb',
+    scale: [0.79, 0.79, 0.79],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1.1, 1, 1.1],
+  },
+
+  {
+    id: 'toaster',
+    category: 'appliance',
+    tags: ['countertop', 'electronics'],
+    name: 'Toaster',
+    thumbnail: '/items/toaster/thumbnail.webp',
+    src: '/items/toaster/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.3, 0.5],
+  },
+
+  {
+    id: 'sewing-machine',
+    category: 'appliance',
+    tags: ['countertop', 'electronics'],
+    name: 'Sewing Machine',
+    thumbnail: '/items/sewing-machine/thumbnail.webp',
+    src: '/items/sewing-machine/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1, 0.7, 0.5],
+  },
+
+  {
+    id: 'kettle',
+    category: 'appliance',
+    tags: ['countertop', 'electronics'],
+    name: 'Kettle',
+    thumbnail: '/items/kettle/thumbnail.webp',
+    src: '/items/kettle/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.3, 0.5],
+  },
+
+  {
+    id: 'iron',
+    category: 'appliance',
+    tags: ['countertop', 'electronics'],
+    name: 'Iron',
+    thumbnail: '/items/iron/thumbnail.webp',
+    src: '/items/iron/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.3, 0.5],
+  },
+
+  {
+    id: 'coffee-machine',
+    category: 'appliance',
+    tags: ['countertop', 'electronics'],
+    name: 'Coffee Machine',
+    thumbnail: '/items/coffee-machine/thumbnail.webp',
+    src: '/items/coffee-machine/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, -0.03],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.3, 0.5],
+  },
+
+  {
+    id: 'television',
+    category: 'appliance',
+    tags: ['floor', 'electronics'],
+    name: 'Television',
+    thumbnail: '/items/television/thumbnail.webp',
+    src: '/items/television/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [2, 1.1, 0.5],
+  },
+
+  {
+    id: 'computer',
+    category: 'appliance',
+    tags: ['countertop', 'electronics'],
+    name: 'Computer',
+    thumbnail: '/items/computer/thumbnail.webp',
+    src: '/items/computer/model.glb',
+    scale: [1, 1, 1],
+    offset: [0.01, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1, 0.5, 0.5],
+  },
+
+  {
+    id: 'stereo-speaker',
+    category: 'appliance',
+    tags: ['floor', 'electronics'],
+    name: 'Stereo Speaker',
+    thumbnail: '/items/stereo-speaker/thumbnail.webp',
+    src: '/items/stereo-speaker/model.glb',
+    scale: [1, 1, 1],
+    offset: [0.02, 0, -0.01],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 1.1, 0.5],
+  },
+
+  {
+    id: 'threadmill',
+    category: 'furniture',
+    tags: ['floor', 'fitness'],
+    name: 'Threadmill',
+    thumbnail: '/items/threadmill/thumbnail.webp',
+    src: '/items/threadmill/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [2.5, 1.5, 1],
+  },
+
+  {
+    id: 'barbell-stand',
+    category: 'furniture',
+    tags: ['floor', 'fitness'],
+    name: 'Barbell Stand',
+    thumbnail: '/items/barbell-stand/thumbnail.webp',
+    src: '/items/barbell-stand/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1.5, 1.3, 2],
+  },
+
+  {
+    id: 'barbell',
+    category: 'furniture',
+    tags: ['floor', 'fitness'],
+    name: 'Barbell',
+    thumbnail: '/items/barbell/thumbnail.webp',
+    src: '/items/barbell/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.4, 2],
+  },
+
+  {
+    id: 'toy',
+    category: 'furniture',
+    tags: ['floor', 'kids', 'decor'],
+    name: 'Toy',
+    thumbnail: '/items/toy/thumbnail.webp',
+    src: '/items/toy/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.5, 0.5],
+  },
+
+  {
+    id: 'car-toy',
+    category: 'furniture',
+    tags: ['floor', 'kids', 'decor'],
+    name: 'Car Toy',
+    thumbnail: '/items/car-toy/thumbnail.webp',
+    src: '/items/car-toy/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.4, 1],
+  },
+
+  {
+    id: 'easel',
+    category: 'furniture',
+    tags: ['floor', 'decor'],
+    name: 'Easel',
+    thumbnail: '/items/easel/thumbnail.webp',
+    src: '/items/easel/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1.5, 2.3, 1],
+  },
+
+  {
+    id: 'pool-table',
+    category: 'furniture',
+    tags: ['floor', 'leisure'],
+    name: 'Pool table',
+    thumbnail: '/items/pool-table/thumbnail.webp',
+    src: '/items/pool-table/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [2.5, 1, 4],
+  },
+
+  {
+    id: 'guitar',
+    category: 'furniture',
+    tags: ['floor', 'decor'],
+    name: 'Guitar',
+    thumbnail: '/items/guitar/thumbnail.webp',
+    src: '/items/guitar/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0.32, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 1.2, 0.5],
+  },
+
+  {
+    id: 'piano',
+    category: 'furniture',
+    tags: ['floor', 'decor'],
+    name: 'Piano',
+    thumbnail: '/items/piano/thumbnail.webp',
+    src: '/items/piano/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [2, 1.5, 1],
+  },
+
+  {
+    id: 'round-carpet',
+    category: 'furniture',
+    tags: ['floor', 'decor'],
+    name: 'Round Carpet',
+    thumbnail: '/items/round-carpet/thumbnail.webp',
+    src: '/items/round-carpet/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [2.5, 0.1, 2.5],
+  },
+
+  {
+    id: 'rectangular-carpet',
+    category: 'furniture',
+    tags: ['floor', 'decor'],
+    name: 'Rectangular Carpet',
+    thumbnail: '/items/rectangular-carpet/thumbnail.webp',
+    src: '/items/rectangular-carpet/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [3, 0.1, 2],
+  },
+
+  {
+    id: 'cactus',
+    category: 'furniture',
+    tags: ['floor', 'decor', 'vegetation'],
+    name: 'Cactus',
+    thumbnail: '/items/cactus/thumbnail.webp',
+    src: '/items/cactus/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.4, 0.5],
+  },
+
+  {
+    id: 'small-indoor-plant',
+    category: 'furniture',
+    tags: ['countertop', 'decor', 'vegetation'],
+    name: 'Small Plant',
+    thumbnail: '/items/small-indoor-plant/thumbnail.webp',
+    src: '/items/small-indoor-plant/model.glb',
+    scale: [1, 1, 1],
+    offset: [-0.01, 0, 0.01],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.7, 0.5],
+  },
+
+  {
+    id: 'indoor-plant',
+    category: 'furniture',
+    tags: ['floor', 'decor', 'vegetation'],
+    name: 'Indoor Plant',
+    thumbnail: '/items/indoor-plant/thumbnail.webp',
+    src: '/items/indoor-plant/model.glb',
+    scale: [1, 1, 1],
+    offset: [-0.05, 0, 0.07],
+    rotation: [0, 0, 0],
+    dimensions: [1, 1.7, 1],
+  },
+
+  {
+    id: 'ironing-board',
+    category: 'furniture',
+    tags: ['floor'],
+    name: 'Ironing Board',
+    thumbnail: '/items/ironing-board/thumbnail.webp',
+    src: '/items/ironing-board/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1.5, 1, 1],
+  },
+
+  {
+    id: 'coat-rack',
+    category: 'furniture',
+    tags: ['floor', 'storage'],
+    name: 'Coat Rack',
+    thumbnail: '/items/coat-rack/thumbnail.webp',
+    src: '/items/coat-rack/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 1.8, 0.5],
+  },
+
+  {
+    id: 'trash-bin',
+    category: 'furniture',
+    tags: ['floor'],
+    name: 'Trash Bin',
+    thumbnail: '/items/trash-bin/thumbnail.webp',
+    src: '/items/trash-bin/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.6, 0.5],
+  },
+
+  {
+    id: 'round-mirror',
+    category: 'furniture',
+    tags: ['wall', 'decor'],
+    name: 'Rounded Mirror',
+    thumbnail: '/items/round-mirror/thumbnail.webp',
+    src: '/items/round-mirror/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0.32, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1, 1, 0.1],
+    attachTo: 'wall-side',
+  },
+
+  {
+    id: 'picture',
+    category: 'furniture',
+    tags: ['wall', 'decor'],
+    name: 'Picture',
+    thumbnail: '/items/picture/thumbnail.webp',
+    src: '/items/picture/model.glb',
+    scale: [1, 1, 1],
+    offset: [0.02, 0.45, 0.01],
+    rotation: [0, 0, 0],
+    dimensions: [2, 1, 0.2],
+    attachTo: 'wall-side',
+  },
+
+  {
+    id: 'books',
+    category: 'furniture',
+    tags: ['countertop', 'decor'],
+    name: 'Books',
+    thumbnail: '/items/books/thumbnail.webp',
+    src: '/items/books/model.glb',
+    scale: [1, 1, 1],
+    offset: [-0.08, 0, 0.02],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.3, 0.5],
+  },
+
+  {
+    id: 'column',
+    category: 'furniture',
+    tags: ['floor', 'structure'],
+    name: 'Column',
+    thumbnail: '/items/column/thumbnail.webp',
+    src: '/items/column/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 1.26, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 2.6, 0.5],
+  },
+
+  {
+    id: 'stairs',
+    category: 'furniture',
+    tags: ['floor', 'structure'],
+    name: 'Stairs',
+    thumbnail: '/items/stairs/thumbnail.webp',
+    src: '/items/stairs/model.glb',
+    scale: [0.61, 0.61, 0.61],
+    offset: [0, 0.03, 1.8],
+    rotation: [0, 0, 0],
+    dimensions: [1.5, 2.5, 3.5],
+  },
+
+  // {
+  //   id: "suspended-fireplace",
+  //   category: "furniture",
+  //   tags: ["ceiling", "decor"],
+  //   name: "Suspended Fireplace",
+  //   thumbnail: "/items/suspended-fireplace/thumbnail.webp",
+  //   src: "/items/suspended-fireplace/model.glb",
+  //   scale: [1, 1, 1],
+  //   offset: [0, 0.45, 0],
+  //   rotation: [0, 0, 0],
+  //   dimensions: [0.5, 0.5, 0.5],
+  //   attachTo: "ceiling",
+  // },
+
+  {
+    id: 'tv-stand',
+    category: 'furniture',
+    tags: ['floor', 'storage'],
+    name: 'TV Stand',
+    thumbnail: '/items/tv-stand/thumbnail.webp',
+    src: '/items/tv-stand/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0.21, 0],
+    rotation: [0, 0, 0],
+    dimensions: [2, 0.4, 0.5],
+    surface: {
+      height: 0.36,
+    },
+  },
+
+  {
+    id: 'shelf',
+    category: 'furniture',
+    tags: ['wall', 'storage'],
+    name: 'Shelf',
+    thumbnail: '/items/shelf/thumbnail.webp',
+    src: '/items/shelf/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0.1, 0.01],
+    rotation: [0, 0, 0],
+    dimensions: [1, 0.5, 0.7],
+    attachTo: 'wall-side',
+    surface: {
+      height: 0.12,
+    },
+  },
+
+  {
+    id: 'bookshelf',
+    category: 'furniture',
+    tags: ['floor', 'storage'],
+    name: 'Bookshelf',
+    thumbnail: '/items/bookshelf/thumbnail.webp',
+    src: '/items/bookshelf/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1, 2, 0.5],
+  },
+
+  {
+    id: 'ceiling-lamp',
+    category: 'furniture',
+    tags: ['ceiling', 'lighting'],
+    name: 'Ceiling Lamp',
+    thumbnail: '/items/ceiling-lamp/thumbnail.webp',
+    src: '/items/ceiling-lamp/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0.98, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1, 1, 1],
+    attachTo: 'ceiling',
+    interactive: {
+      controls: [
+        {
+          kind: 'toggle',
+        },
+        {
+          kind: 'slider',
+          label: 'Intensity',
+          min: 0,
+          max: 100,
+          unit: '%',
+          displayMode: 'dial',
+          default: 100,
+        },
+      ],
+      effects: [
+        {
+          kind: 'light',
+          intensityRange: [0, 2],
+          color: '#ffffff',
+          offset: [0, -0.5, 0],
+        },
+      ],
+    },
+  },
+  {
+    id: 'recessed-light',
+    category: 'furniture',
+    tags: ['ceiling', 'lighting'],
+    name: 'Recessed Light',
+    thumbnail: '/items/recessed-light/thumbnail.webp',
+    src: '/items/recessed-light/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0.094, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.1, 0.5],
+    attachTo: 'ceiling',
+    interactive: {
+      controls: [
+        {
+          kind: 'toggle',
+        },
+        {
+          kind: 'slider',
+          label: 'Intensity',
+          min: 0,
+          max: 100,
+          unit: '%',
+          displayMode: 'dial',
+          default: 100,
+        },
+      ],
+      effects: [
+        {
+          kind: 'light',
+          intensityRange: [0, 2],
+          color: '#ffffff',
+          offset: [0, -0.1, 0],
+        },
+      ],
+    },
+  },
+
+  {
+    id: 'floor-lamp',
+    category: 'furniture',
+    tags: ['floor', 'lighting'],
+    name: 'Floor Lamp',
+    thumbnail: '/items/floor-lamp/thumbnail.webp',
+    src: '/items/floor-lamp/model.glb',
+    scale: [1, 1, 1],
+    offset: [0.04, 0, 0.02],
+    rotation: [0, 0, 0],
+    dimensions: [1, 1.9, 1],
+    interactive: {
+      controls: [
+        {
+          kind: 'toggle',
+        },
+        {
+          kind: 'slider',
+          label: 'Intensity',
+          min: 0,
+          max: 100,
+          unit: '%',
+          displayMode: 'dial',
+          default: 100,
+        },
+      ],
+      effects: [
+        {
+          kind: 'light',
+          intensityRange: [0, 2],
+          color: '#ffffff',
+          offset: [0, 1.4, 0],
+        },
+      ],
+    },
+  },
+
+  {
+    id: 'table-lamp',
+    category: 'furniture',
+    tags: ['countertop', 'lighting'],
+    name: 'Table Lamp',
+    thumbnail: '/items/table-lamp/thumbnail.webp',
+    src: '/items/table-lamp/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.8, 1],
+  },
+
+  {
+    id: 'closet',
+    category: 'furniture',
+    tags: ['floor', 'storage', 'bedroom'],
+    name: 'Closet',
+    thumbnail: '/items/closet/thumbnail.webp',
+    src: '/items/closet/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, -0.01],
+    rotation: [0, 0, 0],
+    dimensions: [2, 2.5, 1],
+  },
+
+  {
+    id: 'dresser',
+    category: 'furniture',
+    tags: ['floor', 'storage', 'bedroom'],
+    name: 'Dresser',
+    thumbnail: '/items/dresser/thumbnail.webp',
+    src: '/items/dresser/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1.5, 0.8, 1],
+    surface: {
+      height: 0.8,
+    },
+  },
+
+  {
+    id: 'bunkbed',
+    category: 'furniture',
+    tags: ['floor', 'bedroom'],
+    name: 'Bunkbed',
+    thumbnail: '/items/bunkbed/thumbnail.webp',
+    src: '/items/bunkbed/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, -0.09],
+    rotation: [0, 0, 0],
+    dimensions: [2, 1.6, 1.5],
+  },
+
+  {
+    id: 'double-bed',
+    category: 'furniture',
+    tags: ['floor', 'bedroom'],
+    name: 'Double Bed',
+    thumbnail: '/items/double-bed/thumbnail.webp',
+    src: '/items/double-bed/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, -0.03],
+    rotation: [0, 0, 0],
+    dimensions: [2, 0.8, 2.5],
+  },
+
+  {
+    id: 'single-bed',
+    category: 'furniture',
+    tags: ['floor', 'bedroom'],
+    name: 'Single Bed',
+    thumbnail: '/items/single-bed/thumbnail.webp',
+    src: '/items/single-bed/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1.5, 0.7, 2.5],
+  },
+
+  {
+    id: 'sofa',
+    category: 'furniture',
+    tags: ['floor', 'seating'],
+    name: 'Sofa',
+    thumbnail: '/items/sofa/thumbnail.webp',
+    src: '/items/sofa/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0.04],
+    rotation: [0, 0, 0],
+    dimensions: [2.5, 0.8, 1.5],
+  },
+
+  {
+    id: 'lounge-chair',
+    category: 'furniture',
+    tags: ['floor', 'seating'],
+    name: 'Lounge Chair',
+    thumbnail: '/items/lounge-chair/thumbnail.webp',
+    src: '/items/lounge-chair/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0.09],
+    rotation: [0, 0, 0],
+    dimensions: [1, 1.1, 1.5],
+  },
+
+  {
+    id: 'stool',
+    category: 'furniture',
+    tags: ['floor', 'seating'],
+    name: 'Stool',
+    thumbnail: '/items/stool/thumbnail.webp',
+    src: '/items/stool/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1, 1.2, 1],
+  },
+
+  {
+    id: 'dining-chair',
+    category: 'furniture',
+    tags: ['floor', 'seating'],
+    name: 'Dining Chair',
+    thumbnail: '/items/dining-chair/thumbnail.webp',
+    src: '/items/dining-chair/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 1, 0.5],
+  },
+
+  {
+    id: 'office-chair',
+    category: 'furniture',
+    tags: ['floor', 'seating'],
+    name: 'Office Chair',
+    thumbnail: '/items/office-chair/thumbnail.webp',
+    src: '/items/office-chair/model.glb',
+    scale: [1, 1, 1],
+    offset: [0.01, 0, 0.03],
+    rotation: [0, 0, 0],
+    dimensions: [1, 1.2, 1],
+  },
+
+  {
+    id: 'livingroom-chair',
+    category: 'furniture',
+    tags: ['floor', 'seating'],
+    name: 'Livingroom Chair',
+    thumbnail: '/items/livingroom-chair/thumbnail.webp',
+    src: '/items/livingroom-chair/model.glb',
+    scale: [1, 1, 1],
+    offset: [0.01, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [1.5, 0.8, 1.5],
+  },
+
+  {
+    id: 'bedside-table',
+    category: 'furniture',
+    tags: ['floor', 'bedroom'],
+    name: 'Bedside Table',
+    thumbnail: '/items/bedside-table/thumbnail.webp',
+    src: '/items/bedside-table/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, -0.01],
+    rotation: [0, 0, 0],
+    dimensions: [0.5, 0.5, 0.5],
+    surface: {
+      height: 0.5,
+    },
+  },
+
+  {
+    id: 'coffee-table',
+    category: 'furniture',
+    tags: ['floor', 'table'],
+    name: 'Coffee Table',
+    thumbnail: '/items/coffee-table/thumbnail.webp',
+    src: '/items/coffee-table/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [2, 0.4, 1.5],
+    surface: {
+      height: 0.3,
+    },
+  },
+
+  {
+    id: 'office-table',
+    category: 'furniture',
+    tags: ['floor', 'table'],
+    name: 'Office Table',
+    thumbnail: '/items/office-table/thumbnail.webp',
+    src: '/items/office-table/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, 0],
+    rotation: [0, 0, 0],
+    dimensions: [2, 0.8, 1],
+    surface: {
+      height: 0.75,
+    },
+  },
+
+  {
+    id: 'dining-table',
+    category: 'furniture',
+    tags: ['floor', 'table'],
+    name: 'Dining Table',
+    thumbnail: '/items/dining-table/thumbnail.webp',
+    src: '/items/dining-table/model.glb',
+    scale: [1, 1, 1],
+    offset: [0, 0, -0.01],
+    rotation: [0, 0, 0],
+    dimensions: [2.5, 0.8, 1],
+    surface: {
+      height: 0.8,
+    },
+  },
+]
diff --git a/apps/editor/components/ui/item-catalog/item-catalog.tsx b/packages/editor/src/components/ui/item-catalog/item-catalog.tsx
similarity index 52%
rename from apps/editor/components/ui/item-catalog/item-catalog.tsx
rename to packages/editor/src/components/ui/item-catalog/item-catalog.tsx
index ebf3a22f..d75a984e 100644
--- a/apps/editor/components/ui/item-catalog/item-catalog.tsx
+++ b/packages/editor/src/components/ui/item-catalog/item-catalog.tsx
@@ -1,83 +1,77 @@
-"use client";
+'use client'
 
-import { AssetInput } from "@pascal-app/core";
-import { resolveCdnUrl } from "@pascal-app/viewer";
-import Image from "next/image";
-import { useEffect, useState } from "react";
+import type { AssetInput } from '@pascal-app/core'
+import { resolveCdnUrl } from '@pascal-app/viewer'
+import Image from 'next/image'
+import { useEffect, useState } from 'react'
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/primitives/tooltip";
-import { cn } from "@/lib/utils";
-import useEditor, { CatalogCategory } from "@/store/use-editor";
-import { CATALOG_ITEMS } from "./catalog-items";
+} from './../../../components/ui/primitives/tooltip'
+import { cn } from './../../../lib/utils'
+import useEditor, { type CatalogCategory } from './../../../store/use-editor'
+import { CATALOG_ITEMS } from './catalog-items'
 
-const PLACEMENT_TAGS = new Set(["floor", "wall", "ceiling", "countertop"]);
+const PLACEMENT_TAGS = new Set(['floor', 'wall', 'ceiling', 'countertop'])
 
 export function ItemCatalog({ category }: { category: CatalogCategory }) {
-  const selectedItem = useEditor((state) => state.selectedItem);
-  const setSelectedItem = useEditor((state) => state.setSelectedItem);
-  const [activePlacementTag, setActivePlacementTag] = useState<string | null>(null);
-  const [activeFunctionalTag, setActiveFunctionalTag] = useState<string | null>(null);
+  const selectedItem = useEditor((state) => state.selectedItem)
+  const setSelectedItem = useEditor((state) => state.setSelectedItem)
+  const [activePlacementTag, setActivePlacementTag] = useState<string | null>(null)
+  const [activeFunctionalTag, setActiveFunctionalTag] = useState<string | null>(null)
 
-  const categoryItems = CATALOG_ITEMS.filter(
-    (item) => item.category === category,
-  );
+  const categoryItems = CATALOG_ITEMS.filter((item) => item.category === category)
 
   // Collect tags available in this category
-  const allTags = Array.from(
-    new Set(categoryItems.flatMap((item) => item.tags ?? [])),
-  );
-  const placementTags = allTags.filter((t) => PLACEMENT_TAGS.has(t));
-  const functionalTags = allTags.filter((t) => !PLACEMENT_TAGS.has(t));
-  const hasFilters = allTags.length > 1;
+  const allTags = Array.from(new Set(categoryItems.flatMap((item) => item.tags ?? [])))
+  const placementTags = allTags.filter((t) => PLACEMENT_TAGS.has(t))
+  const functionalTags = allTags.filter((t) => !PLACEMENT_TAGS.has(t))
+  const hasFilters = allTags.length > 1
 
   // Count items for a placement tag given the current functional filter
   const placementCount = (tag: string | null) =>
     categoryItems.filter((item) => {
-      const tags = item.tags ?? [];
-      if (tag !== null && !tags.includes(tag)) return false;
-      if (activeFunctionalTag && !tags.includes(activeFunctionalTag)) return false;
-      return true;
-    }).length;
+      const tags = item.tags ?? []
+      if (tag !== null && !tags.includes(tag)) return false
+      if (activeFunctionalTag && !tags.includes(activeFunctionalTag)) return false
+      return true
+    }).length
 
   // Count items for a functional tag given the current placement filter
   const functionalCount = (tag: string) =>
     categoryItems.filter((item) => {
-      const tags = item.tags ?? [];
-      if (!tags.includes(tag)) return false;
-      if (activePlacementTag && !tags.includes(activePlacementTag)) return false;
-      return true;
-    }).length;
+      const tags = item.tags ?? []
+      if (!tags.includes(tag)) return false
+      if (activePlacementTag && !tags.includes(activePlacementTag)) return false
+      return true
+    }).length
 
   const filteredItems = categoryItems.filter((item) => {
-    const tags = item.tags ?? [];
-    if (activePlacementTag && !tags.includes(activePlacementTag)) return false;
-    if (activeFunctionalTag && !tags.includes(activeFunctionalTag)) return false;
-    return true;
-  });
+    const tags = item.tags ?? []
+    if (activePlacementTag && !tags.includes(activePlacementTag)) return false
+    if (activeFunctionalTag && !tags.includes(activeFunctionalTag)) return false
+    return true
+  })
 
   // Auto-select first item if current selection is not in the filtered list
   useEffect(() => {
-    const isCurrentItemInCategory = filteredItems.some(
-      (item) => item.src === selectedItem?.src,
-    );
+    const isCurrentItemInCategory = filteredItems.some((item) => item.src === selectedItem?.src)
     if (!isCurrentItemInCategory && filteredItems.length > 0) {
-      setSelectedItem(filteredItems[0] as AssetInput);
+      setSelectedItem(filteredItems[0] as AssetInput)
     }
-  }, [filteredItems, selectedItem?.src, setSelectedItem]);
+  }, [filteredItems, selectedItem?.src, setSelectedItem])
 
   // Get attachment icon based on attachTo type
-  const getAttachmentIcon = (attachTo: AssetInput["attachTo"]) => {
-    if (attachTo === "wall" || attachTo === "wall-side") {
-      return "/icons/wall.png";
+  const getAttachmentIcon = (attachTo: AssetInput['attachTo']) => {
+    if (attachTo === 'wall' || attachTo === 'wall-side') {
+      return '/icons/wall.png'
     }
-    if (attachTo === "ceiling") {
-      return "/icons/ceiling.png";
+    if (attachTo === 'ceiling') {
+      return '/icons/ceiling.png'
     }
-    return null;
-  };
+    return null
+  }
 
   return (
     <div className="flex flex-col gap-2">
@@ -88,42 +82,47 @@ export function ItemCatalog({ category }: { category: CatalogCategory }) {
           {placementTags.length > 0 && (
             <div className="flex flex-wrap gap-1">
               <button
-                type="button"
-                onClick={() => setActivePlacementTag(null)}
                 className={cn(
-                  "cursor-pointer rounded-md px-2 py-0.5 text-xs font-medium transition-colors",
+                  'cursor-pointer rounded-md px-2 py-0.5 font-medium text-xs transition-colors',
                   activePlacementTag === null
-                    ? "bg-blue-500 text-white"
-                    : "bg-blue-950/50 text-blue-300 hover:bg-blue-900/60 hover:text-blue-200",
+                    ? 'bg-blue-500 text-white'
+                    : 'bg-blue-950/50 text-blue-300 hover:bg-blue-900/60 hover:text-blue-200',
                 )}
+                onClick={() => setActivePlacementTag(null)}
+                type="button"
               >
                 All
               </button>
               {placementTags.map((tag) => {
-                const count = placementCount(tag);
-                const isActive = activePlacementTag === tag;
-                const isEmpty = count === 0 && !isActive;
+                const count = placementCount(tag)
+                const isActive = activePlacementTag === tag
+                const isEmpty = count === 0 && !isActive
                 return (
                   <button
-                    key={tag}
-                    type="button"
-                    disabled={isEmpty}
-                    onClick={() => setActivePlacementTag(isActive ? null : tag)}
                     className={cn(
-                      "inline-flex cursor-pointer items-center gap-1 rounded-md pl-2 pr-1.5 py-0.5 text-xs font-medium transition-colors capitalize",
+                      'inline-flex cursor-pointer items-center gap-1 rounded-md py-0.5 pr-1.5 pl-2 font-medium text-xs capitalize transition-colors',
                       isActive
-                        ? "bg-blue-500 text-white"
+                        ? 'bg-blue-500 text-white'
                         : isEmpty
-                          ? "cursor-not-allowed bg-zinc-800 text-zinc-500"
-                          : "bg-blue-950/50 text-blue-300 hover:bg-blue-900/60 hover:text-blue-200",
+                          ? 'cursor-not-allowed bg-zinc-800 text-zinc-500'
+                          : 'bg-blue-950/50 text-blue-300 hover:bg-blue-900/60 hover:text-blue-200',
                     )}
+                    disabled={isEmpty}
+                    key={tag}
+                    onClick={() => setActivePlacementTag(isActive ? null : tag)}
+                    type="button"
                   >
                     {tag}
-                    <span className={cn("text-[10px]", isActive ? "text-blue-200" : isEmpty ? "text-zinc-600" : "text-blue-500/70")}>
+                    <span
+                      className={cn(
+                        'text-[10px]',
+                        isActive ? 'text-blue-200' : isEmpty ? 'text-zinc-600' : 'text-blue-500/70',
+                      )}
+                    >
                       {count}
                     </span>
                   </button>
-                );
+                )
               })}
             </div>
           )}
@@ -132,30 +131,39 @@ export function ItemCatalog({ category }: { category: CatalogCategory }) {
           {functionalTags.length > 0 && (
             <div className="flex flex-wrap gap-1">
               {functionalTags.map((tag) => {
-                const count = functionalCount(tag);
-                const isActive = activeFunctionalTag === tag;
-                const isEmpty = count === 0 && !isActive;
+                const count = functionalCount(tag)
+                const isActive = activeFunctionalTag === tag
+                const isEmpty = count === 0 && !isActive
                 return (
                   <button
-                    key={tag}
-                    type="button"
-                    disabled={isEmpty}
-                    onClick={() => setActiveFunctionalTag(isActive ? null : tag)}
                     className={cn(
-                      "inline-flex cursor-pointer items-center gap-1 rounded-md pl-2 pr-1.5 py-0.5 text-xs font-medium transition-colors capitalize",
+                      'inline-flex cursor-pointer items-center gap-1 rounded-md py-0.5 pr-1.5 pl-2 font-medium text-xs capitalize transition-colors',
                       isActive
-                        ? "bg-violet-500 text-white"
+                        ? 'bg-violet-500 text-white'
                         : isEmpty
-                          ? "cursor-not-allowed bg-zinc-800 text-zinc-500"
-                          : "bg-muted text-muted-foreground hover:bg-muted/80 hover:text-foreground",
+                          ? 'cursor-not-allowed bg-zinc-800 text-zinc-500'
+                          : 'bg-muted text-muted-foreground hover:bg-muted/80 hover:text-foreground',
                     )}
+                    disabled={isEmpty}
+                    key={tag}
+                    onClick={() => setActiveFunctionalTag(isActive ? null : tag)}
+                    type="button"
                   >
                     {tag}
-                    <span className={cn("text-[10px]", isActive ? "text-violet-200" : isEmpty ? "text-zinc-600" : "text-zinc-500/70")}>
+                    <span
+                      className={cn(
+                        'text-[10px]',
+                        isActive
+                          ? 'text-violet-200'
+                          : isEmpty
+                            ? 'text-zinc-600'
+                            : 'text-zinc-500/70',
+                      )}
+                    >
                       {count}
                     </span>
                   </button>
-                );
+                )
               })}
             </div>
           )}
@@ -165,15 +173,15 @@ export function ItemCatalog({ category }: { category: CatalogCategory }) {
       {/* Items */}
       <div className="-mx-2 -my-2 flex max-w-xl gap-2 overflow-x-auto p-2">
         {filteredItems.map((item, index) => {
-          const isSelected = selectedItem?.src === item?.src;
-          const attachmentIcon = getAttachmentIcon(item?.attachTo);
+          const isSelected = selectedItem?.src === item?.src
+          const attachmentIcon = getAttachmentIcon(item?.attachTo)
           return (
             <Tooltip key={index}>
               <TooltipTrigger asChild>
                 <button
                   className={cn(
-                    "relative aspect-square min-w-14 min-h-14 h-14 w-14 shrink-0 flex-col gap-px rounded-lg transition-all duration-200 ease-out hover:scale-105 hover:cursor-pointer",
-                    isSelected && "ring-2 ring-primary-foreground",
+                    'relative aspect-square h-14 min-h-14 w-14 min-w-14 shrink-0 flex-col gap-px rounded-lg transition-all duration-200 ease-out hover:scale-105 hover:cursor-pointer',
+                    isSelected && 'ring-2 ring-primary-foreground',
                   )}
                   onClick={() => setSelectedItem(item)}
                   type="button"
@@ -182,16 +190,12 @@ export function ItemCatalog({ category }: { category: CatalogCategory }) {
                     alt={item.name}
                     className="rounded-lg object-cover"
                     fill
-                    src={resolveCdnUrl(item.thumbnail) || ""}
+                    src={resolveCdnUrl(item.thumbnail) || ''}
                   />
                   {attachmentIcon && (
                     <div className="absolute right-0.5 bottom-0.5 flex h-4 w-4 items-center justify-center rounded bg-black/60">
                       <Image
-                        alt={
-                          item.attachTo === "ceiling"
-                            ? "Ceiling attachment"
-                            : "Wall attachment"
-                        }
+                        alt={item.attachTo === 'ceiling' ? 'Ceiling attachment' : 'Wall attachment'}
                         className="h-4 w-4"
                         height={16}
                         src={attachmentIcon}
@@ -205,9 +209,9 @@ export function ItemCatalog({ category }: { category: CatalogCategory }) {
                 {item.name}
               </TooltipContent>
             </Tooltip>
-          );
+          )
         })}
       </div>
     </div>
-  );
+  )
 }
diff --git a/apps/editor/components/ui/panels/ceiling-panel.tsx b/packages/editor/src/components/ui/panels/ceiling-panel.tsx
similarity index 88%
rename from apps/editor/components/ui/panels/ceiling-panel.tsx
rename to packages/editor/src/components/ui/panels/ceiling-panel.tsx
index 5a2d9a4c..178e4945 100644
--- a/apps/editor/components/ui/panels/ceiling-panel.tsx
+++ b/packages/editor/src/components/ui/panels/ceiling-panel.tsx
@@ -4,12 +4,11 @@ import { type AnyNode, type CeilingNode, useScene } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
 import { Edit, Plus, Trash2 } from 'lucide-react'
 import { useCallback, useEffect } from 'react'
-import useEditor from '@/store/use-editor'
-
-import { PanelWrapper } from './panel-wrapper'
+import useEditor from '../../../store/use-editor'
+import { ActionButton } from '../controls/action-button'
 import { PanelSection } from '../controls/panel-section'
 import { SliderControl } from '../controls/slider-control'
-import { ActionButton } from '../controls/action-button'
+import { PanelWrapper } from './panel-wrapper'
 
 export function CeilingPanel() {
   const selectedIds = useViewer((s) => s.selection.selectedIds)
@@ -50,7 +49,7 @@ export function CeilingPanel() {
   }, [setEditingHole])
 
   const handleAddHole = useCallback(() => {
-    if (!node || !selectedId) return
+    if (!(node && selectedId)) return
 
     const polygon = node.polygon
     let cx = 0
@@ -113,23 +112,23 @@ export function CeilingPanel() {
 
   return (
     <PanelWrapper
-      title={node.name || "Ceiling"}
       icon="/icons/ceiling.png"
       onClose={handleClose}
+      title={node.name || 'Ceiling'}
       width={320}
     >
       <PanelSection title="Height">
         <SliderControl
           label="Height"
-          value={Math.round(node.height * 1000) / 1000}
-          onChange={(v) => handleUpdate({ height: v })}
-          min={0}
           max={6}
+          min={0}
+          onChange={(v) => handleUpdate({ height: v })}
           precision={3}
           step={0.01}
           unit="m"
+          value={Math.round(node.height * 1000) / 1000}
         />
-        
+
         <div className="mt-2 grid grid-cols-3 gap-1.5 px-1 pb-1">
           <ActionButton label="Low (2.4m)" onClick={() => handleUpdate({ height: 2.4 })} />
           <ActionButton label="Standard (2.5m)" onClick={() => handleUpdate({ height: 2.5 })} />
@@ -138,7 +137,7 @@ export function CeilingPanel() {
       </PanelSection>
 
       <PanelSection title="Info">
-        <div className="flex items-center justify-between px-2 py-1 text-sm text-muted-foreground">
+        <div className="flex items-center justify-between px-2 py-1 text-muted-foreground text-sm">
           <span>Area</span>
           <span className="font-mono text-white">{area.toFixed(2)} m²</span>
         </div>
@@ -149,18 +148,21 @@ export function CeilingPanel() {
           <div className="flex flex-col gap-1 pb-2">
             {node.holes.map((hole, index) => {
               const holeArea = calculateArea(hole)
-              const isEditing = editingHole?.nodeId === selectedId && editingHole?.holeIndex === index
+              const isEditing =
+                editingHole?.nodeId === selectedId && editingHole?.holeIndex === index
               return (
                 <div
-                  key={index}
                   className={`flex items-center justify-between rounded-lg border p-2 transition-colors ${
                     isEditing
                       ? 'border-primary/50 bg-primary/10'
                       : 'border-transparent hover:bg-accent/30'
                   }`}
+                  key={index}
                 >
-                  <div className="flex-1 min-w-0">
-                    <p className={`text-xs font-medium ${isEditing ? 'text-primary' : 'text-white'}`}>
+                  <div className="min-w-0 flex-1">
+                    <p
+                      className={`font-medium text-xs ${isEditing ? 'text-primary' : 'text-white'}`}
+                    >
                       Hole {index + 1} {isEditing && '(Editing)'}
                     </p>
                     <p className="text-[10px] text-muted-foreground">
@@ -169,24 +171,24 @@ export function CeilingPanel() {
                   </div>
                   <div className="flex items-center gap-1">
                     {isEditing ? (
-                      <ActionButton 
-                        label="Done" 
-                        onClick={() => setEditingHole(null)} 
+                      <ActionButton
                         className="h-7 bg-primary text-primary-foreground hover:bg-primary/90"
+                        label="Done"
+                        onClick={() => setEditingHole(null)}
                       />
                     ) : (
                       <>
                         <button
-                          type="button"
                           className="flex h-7 w-7 items-center justify-center rounded-md bg-[#2C2C2E] text-muted-foreground hover:bg-[#3e3e3e] hover:text-foreground"
                           onClick={() => handleEditHole(index)}
+                          type="button"
                         >
                           <Edit className="h-3.5 w-3.5" />
                         </button>
                         <button
-                          type="button"
                           className="flex h-7 w-7 items-center justify-center rounded-md bg-red-500/10 text-red-400 hover:bg-red-500/20 hover:text-red-300"
                           onClick={() => handleDeleteHole(index)}
+                          type="button"
                         >
                           <Trash2 className="h-3.5 w-3.5" />
                         </button>
@@ -198,18 +200,16 @@ export function CeilingPanel() {
             })}
           </div>
         ) : (
-          <div className="px-2 py-3 text-center text-xs text-muted-foreground">
-            No holes
-          </div>
+          <div className="px-2 py-3 text-center text-muted-foreground text-xs">No holes</div>
         )}
-        
+
         <div className="px-1 pt-1 pb-1">
-          <ActionButton 
-            icon={<Plus className="h-3.5 w-3.5" />} 
-            label="Add Hole" 
-            onClick={handleAddHole} 
+          <ActionButton
             className="w-full"
             disabled={editingHole?.nodeId === selectedId}
+            icon={<Plus className="h-3.5 w-3.5" />}
+            label="Add Hole"
+            onClick={handleAddHole}
           />
         </div>
       </PanelSection>
diff --git a/apps/editor/components/ui/panels/collections/collections-popover.tsx b/packages/editor/src/components/ui/panels/collections/collections-popover.tsx
similarity index 62%
rename from apps/editor/components/ui/panels/collections/collections-popover.tsx
rename to packages/editor/src/components/ui/panels/collections/collections-popover.tsx
index 6fe2b7ba..04b66dec 100644
--- a/apps/editor/components/ui/panels/collections/collections-popover.tsx
+++ b/packages/editor/src/components/ui/panels/collections/collections-popover.tsx
@@ -2,12 +2,31 @@
 
 import type { AnyNodeId, Collection, CollectionId } from '@pascal-app/core'
 import { useScene } from '@pascal-app/core'
-import { Check, ChevronDown, ChevronRight, Layers, MoreHorizontal, Pencil, Plus, Trash2, X } from 'lucide-react'
+import {
+  Check,
+  ChevronDown,
+  ChevronRight,
+  Layers,
+  MoreHorizontal,
+  Pencil,
+  Plus,
+  Trash2,
+  X,
+} from 'lucide-react'
 import { useState } from 'react'
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/primitives/dropdown-menu'
-import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/primitives/popover'
-import { ColorDot } from '@/components/ui/primitives/color-dot'
-import { cn } from '@/lib/utils'
+import { ColorDot } from '../../../../components/ui/primitives/color-dot'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from '../../../../components/ui/primitives/dropdown-menu'
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from '../../../../components/ui/primitives/popover'
+import { cn } from '../../../../lib/utils'
 
 interface CollectionsPopoverProps {
   nodeId: AnyNodeId
@@ -69,24 +88,29 @@ export function CollectionsPopover({ nodeId, collectionIds, children }: Collecti
   }
 
   return (
-    <Popover open={open} onOpenChange={setOpen}>
+    <Popover onOpenChange={setOpen} open={open}>
       <PopoverTrigger asChild>{children}</PopoverTrigger>
       <PopoverContent
-        side="left"
         align="start"
+        className="w-72 overflow-hidden rounded-xl border-border/50 bg-sidebar/95 p-0 shadow-2xl backdrop-blur-xl"
+        side="left"
         sideOffset={8}
-        className="w-72 p-0 border-border/50 bg-sidebar/95 backdrop-blur-xl shadow-2xl rounded-xl overflow-hidden"
       >
         {/* Header */}
-        <div className="flex items-center justify-between px-3 py-2.5 border-b border-border/50">
+        <div className="flex items-center justify-between border-border/50 border-b px-3 py-2.5">
           <div className="flex items-center gap-1.5">
             <Layers className="h-3.5 w-3.5 text-muted-foreground" />
-            <span className="text-xs font-semibold text-foreground tracking-tight">Collections</span>
+            <span className="font-semibold text-foreground text-xs tracking-tight">
+              Collections
+            </span>
           </div>
           <button
+            className="flex items-center gap-1 rounded-md px-2 py-1 font-medium text-[11px] text-muted-foreground transition-colors hover:bg-white/10 hover:text-foreground"
+            onClick={() => {
+              setShowCreateInput((v) => !v)
+              setCreateName('')
+            }}
             type="button"
-            onClick={() => { setShowCreateInput((v) => !v); setCreateName('') }}
-            className="flex items-center gap-1 rounded-md px-2 py-1 text-[11px] font-medium text-muted-foreground hover:text-foreground hover:bg-white/10 transition-colors"
           >
             <Plus className="h-3 w-3" />
             New
@@ -95,30 +119,36 @@ export function CollectionsPopover({ nodeId, collectionIds, children }: Collecti
 
         {/* Create input */}
         {showCreateInput && (
-          <div className="flex items-center gap-1.5 px-3 py-2 border-b border-border/50 bg-white/5">
+          <div className="flex items-center gap-1.5 border-border/50 border-b bg-white/5 px-3 py-2">
             <input
               autoFocus
-              value={createName}
+              className="min-w-0 flex-1 rounded-md border border-border/50 bg-background/50 px-2 py-1 text-foreground text-xs outline-none placeholder:text-muted-foreground/60 focus:border-ring focus:ring-1 focus:ring-ring/30"
               onChange={(e) => setCreateName(e.target.value)}
               onKeyDown={(e) => {
                 if (e.key === 'Enter') handleCreate()
-                if (e.key === 'Escape') { setShowCreateInput(false); setCreateName('') }
+                if (e.key === 'Escape') {
+                  setShowCreateInput(false)
+                  setCreateName('')
+                }
               }}
               placeholder="Collection name…"
-              className="flex-1 min-w-0 rounded-md border border-border/50 bg-background/50 px-2 py-1 text-xs text-foreground placeholder:text-muted-foreground/60 outline-none focus:border-ring focus:ring-1 focus:ring-ring/30"
+              value={createName}
             />
             <button
-              type="button"
+              className="flex h-6 w-6 items-center justify-center rounded-md bg-primary/20 text-primary transition-colors hover:bg-primary/30 disabled:opacity-40"
               disabled={!createName.trim()}
               onClick={handleCreate}
-              className="flex h-6 w-6 items-center justify-center rounded-md bg-primary/20 hover:bg-primary/30 text-primary disabled:opacity-40 transition-colors"
+              type="button"
             >
               <Check className="h-3.5 w-3.5" />
             </button>
             <button
+              className="flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-white/10"
+              onClick={() => {
+                setShowCreateInput(false)
+                setCreateName('')
+              }}
               type="button"
-              onClick={() => { setShowCreateInput(false); setCreateName('') }}
-              className="flex h-6 w-6 items-center justify-center rounded-md hover:bg-white/10 text-muted-foreground transition-colors"
             >
               <X className="h-3.5 w-3.5" />
             </button>
@@ -126,11 +156,11 @@ export function CollectionsPopover({ nodeId, collectionIds, children }: Collecti
         )}
 
         {/* Collections list */}
-        <div className="max-h-72 overflow-y-auto no-scrollbar">
+        <div className="no-scrollbar max-h-72 overflow-y-auto">
           {allCollections.length === 0 ? (
-            <div className="flex flex-col items-center justify-center gap-2 py-8 text-center px-4">
+            <div className="flex flex-col items-center justify-center gap-2 px-4 py-8 text-center">
               <Layers className="h-6 w-6 text-muted-foreground/40" />
-              <p className="text-xs text-muted-foreground">
+              <p className="text-muted-foreground text-xs">
                 No collections yet. Create one to group items together.
               </p>
             </div>
@@ -144,20 +174,28 @@ export function CollectionsPopover({ nodeId, collectionIds, children }: Collecti
 
                 if (isDeleting) {
                   return (
-                    <li key={collection.id} className="flex items-center justify-between gap-2 px-3 py-2.5 bg-red-500/10">
-                      <span className="text-xs text-foreground/80 truncate">Delete "{collection.name}"?</span>
-                      <div className="flex items-center gap-1 shrink-0">
+                    <li
+                      className="flex items-center justify-between gap-2 bg-red-500/10 px-3 py-2.5"
+                      key={collection.id}
+                    >
+                      <span className="truncate text-foreground/80 text-xs">
+                        Delete "{collection.name}"?
+                      </span>
+                      <div className="flex shrink-0 items-center gap-1">
                         <button
+                          className="rounded-md bg-red-500/20 px-2 py-0.5 font-medium text-[11px] text-red-400 transition-colors hover:bg-red-500/30"
+                          onClick={() => {
+                            deleteCollection(collection.id)
+                            setDeletingId(null)
+                          }}
                           type="button"
-                          onClick={() => { deleteCollection(collection.id); setDeletingId(null) }}
-                          className="rounded-md px-2 py-0.5 text-[11px] font-medium bg-red-500/20 text-red-400 hover:bg-red-500/30 transition-colors"
                         >
                           Delete
                         </button>
                         <button
-                          type="button"
+                          className="rounded-md px-2 py-0.5 font-medium text-[11px] text-muted-foreground transition-colors hover:bg-white/10"
                           onClick={() => setDeletingId(null)}
-                          className="rounded-md px-2 py-0.5 text-[11px] font-medium hover:bg-white/10 text-muted-foreground transition-colors"
+                          type="button"
                         >
                           Cancel
                         </button>
@@ -168,29 +206,29 @@ export function CollectionsPopover({ nodeId, collectionIds, children }: Collecti
 
                 if (isRenaming) {
                   return (
-                    <li key={collection.id} className="flex items-center gap-1.5 px-3 py-2">
+                    <li className="flex items-center gap-1.5 px-3 py-2" key={collection.id}>
                       <ColorDot color={renameColor || '#6366f1'} onChange={setRenameColor} />
                       <input
                         autoFocus
-                        value={renameValue}
+                        className="min-w-0 flex-1 rounded-md border border-border/50 bg-background/50 px-2 py-1 text-foreground text-xs outline-none focus:border-ring focus:ring-1 focus:ring-ring/30"
                         onChange={(e) => setRenameValue(e.target.value)}
                         onKeyDown={(e) => {
                           if (e.key === 'Enter') handleRenameConfirm(collection.id)
                           if (e.key === 'Escape') setRenamingId(null)
                         }}
-                        className="flex-1 min-w-0 rounded-md border border-border/50 bg-background/50 px-2 py-1 text-xs text-foreground outline-none focus:border-ring focus:ring-1 focus:ring-ring/30"
+                        value={renameValue}
                       />
                       <button
-                        type="button"
+                        className="flex h-6 w-6 items-center justify-center rounded-md bg-primary/20 text-primary transition-colors hover:bg-primary/30"
                         onClick={() => handleRenameConfirm(collection.id)}
-                        className="flex h-6 w-6 items-center justify-center rounded-md bg-primary/20 hover:bg-primary/30 text-primary transition-colors"
+                        type="button"
                       >
                         <Check className="h-3.5 w-3.5" />
                       </button>
                       <button
-                        type="button"
+                        className="flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-white/10"
                         onClick={() => setRenamingId(null)}
-                        className="flex h-6 w-6 items-center justify-center rounded-md hover:bg-white/10 text-muted-foreground transition-colors"
+                        type="button"
                       >
                         <X className="h-3.5 w-3.5" />
                       </button>
@@ -200,7 +238,7 @@ export function CollectionsPopover({ nodeId, collectionIds, children }: Collecti
 
                 return (
                   <li key={collection.id}>
-                    <div className="group flex items-center gap-2 px-3 py-2 hover:bg-white/5 transition-colors">
+                    <div className="group flex items-center gap-2 px-3 py-2 transition-colors hover:bg-white/5">
                       {/* Color dot — click to pick color */}
                       <ColorDot
                         color={collection.color ?? '#6366f1'}
@@ -209,11 +247,16 @@ export function CollectionsPopover({ nodeId, collectionIds, children }: Collecti
 
                       {/* Name + count — clicking toggles membership */}
                       <button
-                        type="button"
+                        className="flex min-w-0 flex-1 items-center gap-1.5 text-left"
                         onClick={() => toggleMembership(collection.id)}
-                        className="flex-1 min-w-0 flex items-center gap-1.5 text-left"
+                        type="button"
                       >
-                        <span className={cn('truncate text-xs font-medium', isIn ? 'text-foreground' : 'text-muted-foreground')}>
+                        <span
+                          className={cn(
+                            'truncate font-medium text-xs',
+                            isIn ? 'text-foreground' : 'text-muted-foreground',
+                          )}
+                        >
                           {collection.name}
                         </span>
                         <span className="shrink-0 text-[10px] text-muted-foreground/60">
@@ -224,7 +267,7 @@ export function CollectionsPopover({ nodeId, collectionIds, children }: Collecti
                       {/* Membership check */}
                       <div
                         className={cn(
-                          'flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors pointer-events-none',
+                          'pointer-events-none flex h-4 w-4 shrink-0 items-center justify-center rounded border transition-colors',
                           isIn ? 'border-primary bg-primary/20 text-primary' : 'border-border/50',
                         )}
                       >
@@ -234,13 +277,15 @@ export function CollectionsPopover({ nodeId, collectionIds, children }: Collecti
                       {/* Expand toggle (only if has members) */}
                       {collection.nodeIds.length > 0 && (
                         <button
-                          type="button"
+                          className="flex h-5 w-5 shrink-0 items-center justify-center rounded text-muted-foreground transition-colors hover:text-foreground"
                           onClick={() => toggleExpand(collection.id)}
-                          className="flex h-5 w-5 shrink-0 items-center justify-center rounded text-muted-foreground hover:text-foreground transition-colors"
+                          type="button"
                         >
-                          {isExpanded
-                            ? <ChevronDown className="h-3 w-3" />
-                            : <ChevronRight className="h-3 w-3" />}
+                          {isExpanded ? (
+                            <ChevronDown className="h-3 w-3" />
+                          ) : (
+                            <ChevronRight className="h-3 w-3" />
+                          )}
                         </button>
                       )}
 
@@ -248,18 +293,27 @@ export function CollectionsPopover({ nodeId, collectionIds, children }: Collecti
                       <DropdownMenu>
                         <DropdownMenuTrigger asChild>
                           <button
+                            className="flex h-5 w-5 shrink-0 items-center justify-center rounded text-muted-foreground opacity-0 transition-colors hover:bg-white/10 hover:text-foreground group-hover:opacity-100"
                             type="button"
-                            className="flex h-5 w-5 shrink-0 items-center justify-center rounded text-muted-foreground hover:text-foreground hover:bg-white/10 transition-colors opacity-0 group-hover:opacity-100"
                           >
                             <MoreHorizontal className="h-3.5 w-3.5" />
                           </button>
                         </DropdownMenuTrigger>
-                        <DropdownMenuContent side="left" align="start" className="min-w-40">
-                          <DropdownMenuItem onClick={() => { setRenamingId(collection.id); setRenameValue(collection.name); setRenameColor(collection.color ?? '') }}>
+                        <DropdownMenuContent align="start" className="min-w-40" side="left">
+                          <DropdownMenuItem
+                            onClick={() => {
+                              setRenamingId(collection.id)
+                              setRenameValue(collection.name)
+                              setRenameColor(collection.color ?? '')
+                            }}
+                          >
                             <Pencil className="h-3.5 w-3.5" />
                             Rename
                           </DropdownMenuItem>
-                          <DropdownMenuItem variant="destructive" onClick={() => setDeletingId(collection.id)}>
+                          <DropdownMenuItem
+                            onClick={() => setDeletingId(collection.id)}
+                            variant="destructive"
+                          >
                             <Trash2 className="h-3.5 w-3.5" />
                             Delete
                           </DropdownMenuItem>
@@ -269,13 +323,20 @@ export function CollectionsPopover({ nodeId, collectionIds, children }: Collecti
 
                     {/* Expanded member list */}
                     {isExpanded && (
-                      <ul className="pb-1 pl-6 pr-3 flex flex-col gap-0.5">
+                      <ul className="flex flex-col gap-0.5 pr-3 pb-1 pl-6">
                         {collection.nodeIds.map((nid) => {
                           const n = nodes[nid]
                           return (
-                            <li key={nid} className="flex items-center gap-1.5 py-0.5">
-                              <span className="h-1 w-1 rounded-full bg-muted-foreground/40 shrink-0" />
-                              <span className={cn('truncate text-[11px]', nid === nodeId ? 'text-foreground font-medium' : 'text-muted-foreground')}>
+                            <li className="flex items-center gap-1.5 py-0.5" key={nid}>
+                              <span className="h-1 w-1 shrink-0 rounded-full bg-muted-foreground/40" />
+                              <span
+                                className={cn(
+                                  'truncate text-[11px]',
+                                  nid === nodeId
+                                    ? 'font-medium text-foreground'
+                                    : 'text-muted-foreground',
+                                )}
+                              >
                                 {n?.name ?? nid}
                               </span>
                             </li>
diff --git a/apps/editor/components/ui/panels/door-panel.tsx b/packages/editor/src/components/ui/panels/door-panel.tsx
similarity index 80%
rename from apps/editor/components/ui/panels/door-panel.tsx
rename to packages/editor/src/components/ui/panels/door-panel.tsx
index 45ef66ce..d092e233 100644
--- a/apps/editor/components/ui/panels/door-panel.tsx
+++ b/packages/editor/src/components/ui/panels/door-panel.tsx
@@ -4,16 +4,16 @@ import { type AnyNode, type AnyNodeId, DoorNode, emitter, useScene } from '@pasc
 import { useViewer } from '@pascal-app/viewer'
 import { BookMarked, Copy, FlipHorizontal2, Move, Trash2 } from 'lucide-react'
 import { useCallback } from 'react'
-import { sfxEmitter } from '@/lib/sfx-bus'
-import useEditor from '@/store/use-editor'
-
-import { PanelWrapper } from './panel-wrapper'
-import { PanelSection } from '../controls/panel-section'
-import { SliderControl } from '../controls/slider-control'
-import { MetricControl } from '../controls/metric-control'
-import { ToggleControl } from '../controls/toggle-control'
-import { SegmentedControl } from '../controls/segmented-control'
+import { usePresetsAdapter } from '../../../contexts/presets-context'
+import { sfxEmitter } from '../../../lib/sfx-bus'
+import useEditor from '../../../store/use-editor'
 import { ActionButton, ActionGroup } from '../controls/action-button'
+import { MetricControl } from '../controls/metric-control'
+import { PanelSection } from '../controls/panel-section'
+import { SegmentedControl } from '../controls/segmented-control'
+import { SliderControl } from '../controls/slider-control'
+import { ToggleControl } from '../controls/toggle-control'
+import { PanelWrapper } from './panel-wrapper'
 import { PresetsPopover } from './presets/presets-popover'
 
 export function DoorPanel() {
@@ -24,10 +24,10 @@ export function DoorPanel() {
   const deleteNode = useScene((s) => s.deleteNode)
   const setMovingNode = useEditor((s) => s.setMovingNode)
 
+  const adapter = usePresetsAdapter()
+
   const selectedId = selectedIds[0]
-  const node = selectedId
-    ? (nodes[selectedId as AnyNode['id']] as DoorNode | undefined)
-    : undefined
+  const node = selectedId ? (nodes[selectedId as AnyNode['id']] as DoorNode | undefined) : undefined
 
   const handleUpdate = useCallback(
     (updates: Partial<DoorNode>) => {
@@ -58,7 +58,7 @@ export function DoorPanel() {
   }, [node, setMovingNode, setSelection])
 
   const handleDelete = useCallback(() => {
-    if (!selectedId || !node) return
+    if (!(selectedId && node)) return
     sfxEmitter.emit('sfx:item-delete')
     deleteNode(selectedId as AnyNode['id'])
     if (node.parentId) useScene.getState().dirtyNodes.add(node.parentId as AnyNodeId)
@@ -66,7 +66,7 @@ export function DoorPanel() {
   }, [selectedId, node, deleteNode, setSelection])
 
   const handleDuplicate = useCallback(() => {
-    if (!node || !node.parentId) return
+    if (!(node && node.parentId)) return
     sfxEmitter.emit('sfx:item-pick')
     useScene.temporal.getState().pause()
     const cloned = structuredClone(node) as any
@@ -81,7 +81,7 @@ export function DoorPanel() {
   const setSegmentHeightRatio = (segIdx: number, newVal: number) => {
     const numSegs = node!.segments.length
     const totalH = node!.segments.reduce((sum, s) => sum + s.heightRatio, 0)
-    const normH = node!.segments.map(s => s.heightRatio / totalH)
+    const normH = node!.segments.map((s) => s.heightRatio / totalH)
     const clamped = Math.max(0.05, Math.min(0.95, newVal))
     const neighborIdx = segIdx < numSegs - 1 ? segIdx + 1 : segIdx - 1
     const delta = clamped - normH[segIdx]!
@@ -99,7 +99,7 @@ export function DoorPanel() {
     const seg = node!.segments[segIdx]!
     const normRatios = (() => {
       const sum = seg.columnRatios.reduce((a, b) => a + b, 0)
-      return seg.columnRatios.map(r => r / sum)
+      return seg.columnRatios.map((r) => r / sum)
     })()
     const numCols = normRatios.length
     const clamped = Math.max(0.05, Math.min(0.95, newVal))
@@ -139,52 +139,60 @@ export function DoorPanel() {
     }
   }, [node])
 
-  const handleSavePreset = useCallback(async (name: string) => {
-    const data = getDoorPresetData()
-    if (!data || !selectedId) return
-    const res = await fetch('/api/presets', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ type: 'door', name, data }),
-    })
-    if (res.ok) {
-      const json = await res.json()
-      const presetId = json.preset?.id
+  const handleSavePreset = useCallback(
+    async (name: string) => {
+      const data = getDoorPresetData()
+      if (!(data && selectedId)) return
+      const presetId = await adapter.savePreset('door', name, data)
       if (presetId) emitter.emit('preset:generate-thumbnail', { presetId, nodeId: selectedId })
-    }
-  }, [getDoorPresetData, selectedId])
+    },
+    [getDoorPresetData, selectedId, adapter],
+  )
 
-  const handleOverwritePreset = useCallback(async (id: string) => {
-    const data = getDoorPresetData()
-    if (!data || !selectedId) return
-    const res = await fetch(`/api/presets/${id}`, {
-      method: 'PUT',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ data }),
-    })
-    if (res.ok) emitter.emit('preset:generate-thumbnail', { presetId: id, nodeId: selectedId })
-  }, [getDoorPresetData, selectedId])
+  const handleOverwritePreset = useCallback(
+    async (id: string) => {
+      const data = getDoorPresetData()
+      if (!(data && selectedId)) return
+      await adapter.overwritePreset('door', id, data)
+      emitter.emit('preset:generate-thumbnail', { presetId: id, nodeId: selectedId })
+    },
+    [getDoorPresetData, selectedId, adapter],
+  )
 
-  const handleApplyPreset = useCallback((data: Record<string, unknown>) => {
-    handleUpdate(data as Partial<DoorNode>)
-  }, [handleUpdate])
+  const handleApplyPreset = useCallback(
+    (data: Record<string, unknown>) => {
+      handleUpdate(data as Partial<DoorNode>)
+    },
+    [handleUpdate],
+  )
 
   if (!node || node.type !== 'door' || selectedIds.length !== 1) return null
 
   const hSum = node.segments.reduce((s, seg) => s + seg.heightRatio, 0)
-  const normHeights = node.segments.map(seg => seg.heightRatio / hSum)
+  const normHeights = node.segments.map((seg) => seg.heightRatio / hSum)
 
   return (
     <PanelWrapper
-      title={node.name || "Door"}
       icon="/icons/door.png"
       onClose={handleClose}
+      title={node.name || 'Door'}
       width={320}
     >
       {/* Presets strip */}
-      <div className="px-3 pt-2.5 pb-1.5 border-b border-border/30">
-        <PresetsPopover type="door" onApply={handleApplyPreset} onSave={handleSavePreset} onOverwrite={handleOverwritePreset}>
-          <button className="flex w-full items-center gap-2 rounded-lg border border-border/50 bg-[#2C2C2E] px-3 py-2 text-xs font-medium text-muted-foreground hover:text-foreground hover:bg-[#3e3e3e] transition-colors">
+      <div className="border-border/30 border-b px-3 pt-2.5 pb-1.5">
+        <PresetsPopover
+          isAuthenticated={adapter.isAuthenticated}
+          onApply={handleApplyPreset}
+          onDelete={(id) => adapter.deletePreset(id)}
+          onFetchPresets={(tab) => adapter.fetchPresets('door', tab)}
+          onOverwrite={handleOverwritePreset}
+          onRename={(id, name) => adapter.renamePreset(id, name)}
+          onSave={handleSavePreset}
+          onToggleCommunity={adapter.togglePresetCommunity}
+          tabs={adapter.tabs}
+          type="door"
+        >
+          <button className="flex w-full items-center gap-2 rounded-lg border border-border/50 bg-[#2C2C2E] px-3 py-2 font-medium text-muted-foreground text-xs transition-colors hover:bg-[#3e3e3e] hover:text-foreground">
             <BookMarked className="h-3.5 w-3.5 shrink-0" />
             <span>Presets</span>
           </button>
@@ -193,21 +201,25 @@ export function DoorPanel() {
 
       <PanelSection title="Position">
         <SliderControl
-          label={<>X<sub className="text-[11px] ml-[1px] opacity-70">wall</sub></>}
-          value={Math.round(node.position[0] * 100) / 100}
-          onChange={(v) => handleUpdate({ position: [v, node.position[1], node.position[2]] })}
-          min={-10}
+          label={
+            <>
+              X<sub className="ml-[1px] text-[11px] opacity-70">wall</sub>
+            </>
+          }
           max={10}
+          min={-10}
+          onChange={(v) => handleUpdate({ position: [v, node.position[1], node.position[2]] })}
           precision={2}
           step={0.1}
           unit="m"
+          value={Math.round(node.position[0] * 100) / 100}
         />
-        <div className="pt-2 pb-1 px-1">
-          <ActionButton 
-            icon={<FlipHorizontal2 className="h-4 w-4" />} 
-            label="Flip Side" 
-            onClick={handleFlip} 
+        <div className="px-1 pt-2 pb-1">
+          <ActionButton
             className="w-full"
+            icon={<FlipHorizontal2 className="h-4 w-4" />}
+            label="Flip Side"
+            onClick={handleFlip}
           />
         </div>
       </PanelSection>
@@ -215,94 +227,100 @@ export function DoorPanel() {
       <PanelSection title="Dimensions">
         <SliderControl
           label="Width"
-          value={Math.round(node.width * 100) / 100}
-          onChange={(v) => handleUpdate({ width: v })}
-          min={0.5}
           max={3}
+          min={0.5}
+          onChange={(v) => handleUpdate({ width: v })}
           precision={2}
           step={0.05}
           unit="m"
+          value={Math.round(node.width * 100) / 100}
         />
         <SliderControl
           label="Height"
-          value={Math.round(node.height * 100) / 100}
-          onChange={(v) => handleUpdate({ height: v, position: [node.position[0], v / 2, node.position[2]] })}
-          min={1.0}
           max={4}
+          min={1.0}
+          onChange={(v) =>
+            handleUpdate({ height: v, position: [node.position[0], v / 2, node.position[2]] })
+          }
           precision={2}
           step={0.05}
           unit="m"
+          value={Math.round(node.height * 100) / 100}
         />
       </PanelSection>
 
       <PanelSection title="Frame">
         <SliderControl
           label="Thickness"
-          value={Math.round(node.frameThickness * 1000) / 1000}
-          onChange={(v) => handleUpdate({ frameThickness: v })}
-          min={0.01}
           max={0.2}
+          min={0.01}
+          onChange={(v) => handleUpdate({ frameThickness: v })}
           precision={3}
           step={0.01}
           unit="m"
+          value={Math.round(node.frameThickness * 1000) / 1000}
         />
         <SliderControl
           label="Depth"
-          value={Math.round(node.frameDepth * 1000) / 1000}
-          onChange={(v) => handleUpdate({ frameDepth: v })}
-          min={0.01}
           max={0.3}
+          min={0.01}
+          onChange={(v) => handleUpdate({ frameDepth: v })}
           precision={3}
           step={0.01}
           unit="m"
+          value={Math.round(node.frameDepth * 1000) / 1000}
         />
       </PanelSection>
 
       <PanelSection title="Content Padding">
         <SliderControl
           label="Horizontal"
-          value={Math.round(node.contentPadding[0] * 1000) / 1000}
-          onChange={(v) => handleUpdate({ contentPadding: [v, node.contentPadding[1]] })}
-          min={0}
           max={0.2}
+          min={0}
+          onChange={(v) => handleUpdate({ contentPadding: [v, node.contentPadding[1]] })}
           precision={3}
           step={0.005}
           unit="m"
+          value={Math.round(node.contentPadding[0] * 1000) / 1000}
         />
         <SliderControl
           label="Vertical"
-          value={Math.round(node.contentPadding[1] * 1000) / 1000}
-          onChange={(v) => handleUpdate({ contentPadding: [node.contentPadding[0], v] })}
-          min={0}
           max={0.2}
+          min={0}
+          onChange={(v) => handleUpdate({ contentPadding: [node.contentPadding[0], v] })}
           precision={3}
           step={0.005}
           unit="m"
+          value={Math.round(node.contentPadding[1] * 1000) / 1000}
         />
       </PanelSection>
 
       <PanelSection title="Swing">
         <div className="flex flex-col gap-2 px-1 pb-1">
           <div className="space-y-1">
-            <span className="text-[10px] font-medium uppercase tracking-wider text-muted-foreground/80">Hinges Side</span>
+            <span className="font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider">
+              Hinges Side
+            </span>
             <SegmentedControl
-              value={node.hingesSide}
               onChange={(v) => handleUpdate({ hingesSide: v })}
               options={[
                 { label: 'Left', value: 'left' },
                 { label: 'Right', value: 'right' },
               ]}
+              value={node.hingesSide}
             />
           </div>
           <div className="space-y-1">
-            <span className="text-[10px] font-medium uppercase tracking-wider text-muted-foreground/80">Direction</span>
+            <span className="font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider">
+              Direction
+            </span>
             <SegmentedControl
-              value={node.swingDirection}
               onChange={(v) => handleUpdate({ swingDirection: v })}
               options={[
                 { label: 'Inward', value: 'inward' },
                 { label: 'Outward', value: 'outward' },
               ]}
+              value={node.swingDirection}
             />
           </div>
         </div>
@@ -310,21 +328,21 @@ export function DoorPanel() {
 
       <PanelSection title="Threshold">
         <ToggleControl
-          label="Enable Threshold"
           checked={node.threshold}
+          label="Enable Threshold"
           onChange={(checked) => handleUpdate({ threshold: checked })}
         />
         {node.threshold && (
           <div className="mt-1 flex flex-col gap-1">
             <SliderControl
               label="Height"
-              value={Math.round(node.thresholdHeight * 1000) / 1000}
-              onChange={(v) => handleUpdate({ thresholdHeight: v })}
-              min={0.005}
               max={0.1}
+              min={0.005}
+              onChange={(v) => handleUpdate({ thresholdHeight: v })}
               precision={3}
               step={0.005}
               unit="m"
+              value={Math.round(node.thresholdHeight * 1000) / 1000}
             />
           </div>
         )}
@@ -332,31 +350,33 @@ export function DoorPanel() {
 
       <PanelSection title="Handle">
         <ToggleControl
-          label="Enable Handle"
           checked={node.handle}
+          label="Enable Handle"
           onChange={(checked) => handleUpdate({ handle: checked })}
         />
         {node.handle && (
           <div className="mt-1 flex flex-col gap-1">
             <SliderControl
               label="Height"
-              value={Math.round(node.handleHeight * 100) / 100}
-              onChange={(v) => handleUpdate({ handleHeight: v })}
-              min={0.5}
               max={node.height - 0.1}
+              min={0.5}
+              onChange={(v) => handleUpdate({ handleHeight: v })}
               precision={2}
               step={0.05}
               unit="m"
+              value={Math.round(node.handleHeight * 100) / 100}
             />
             <div className="space-y-1">
-              <span className="text-[10px] font-medium uppercase tracking-wider text-muted-foreground/80">Handle Side</span>
+              <span className="font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider">
+                Handle Side
+              </span>
               <SegmentedControl
-                value={node.handleSide}
                 onChange={(v) => handleUpdate({ handleSide: v })}
                 options={[
                   { label: 'Left', value: 'left' },
                   { label: 'Right', value: 'right' },
                 ]}
+                value={node.handleSide}
               />
             </div>
           </div>
@@ -365,26 +385,26 @@ export function DoorPanel() {
 
       <PanelSection title="Hardware">
         <ToggleControl
-          label="Door Closer"
           checked={node.doorCloser}
+          label="Door Closer"
           onChange={(checked) => handleUpdate({ doorCloser: checked })}
         />
         <ToggleControl
-          label="Panic Bar"
           checked={node.panicBar}
+          label="Panic Bar"
           onChange={(checked) => handleUpdate({ panicBar: checked })}
         />
         {node.panicBar && (
           <div className="mt-1 flex flex-col gap-1">
             <SliderControl
               label="Bar Height"
-              value={Math.round(node.panicBarHeight * 100) / 100}
-              onChange={(v) => handleUpdate({ panicBarHeight: v })}
-              min={0.5}
               max={node.height - 0.1}
+              min={0.5}
+              onChange={(v) => handleUpdate({ panicBarHeight: v })}
               precision={2}
               step={0.05}
               unit="m"
+              value={Math.round(node.panicBarHeight * 100) / 100}
             />
           </div>
         )}
@@ -394,17 +414,16 @@ export function DoorPanel() {
         {node.segments.map((seg, i) => {
           const numCols = seg.columnRatios.length
           const colSum = seg.columnRatios.reduce((a, b) => a + b, 0)
-          const normCols = seg.columnRatios.map(r => r / colSum)
+          const normCols = seg.columnRatios.map((r) => r / colSum)
           return (
-            <div key={i} className="mb-2 flex flex-col gap-1">
+            <div className="mb-2 flex flex-col gap-1" key={i}>
               <div className="flex items-center justify-between pb-1">
-                <span className="text-xs font-medium text-white/80">Segment {i + 1}</span>
+                <span className="font-medium text-white/80 text-xs">Segment {i + 1}</span>
               </div>
-              
+
               <SegmentedControl
-                value={seg.type}
                 onChange={(t) => {
-                  const updated = node.segments.map((s, idx) => idx === i ? { ...s, type: t } : s)
+                  const updated = node.segments.map((s, idx) => (idx === i ? { ...s, type: t } : s))
                   handleUpdate({ segments: updated })
                 }}
                 options={[
@@ -412,22 +431,24 @@ export function DoorPanel() {
                   { label: 'Glass', value: 'glass' },
                   { label: 'Empty', value: 'empty' },
                 ]}
+                value={seg.type}
               />
 
               <SliderControl
                 label="Height"
-                value={Math.round(normHeights[i]! * 100 * 10) / 10}
-                onChange={(v) => setSegmentHeightRatio(i, v / 100)}
-                min={5}
                 max={95}
+                min={5}
+                onChange={(v) => setSegmentHeightRatio(i, v / 100)}
                 precision={1}
                 step={1}
                 unit="%"
+                value={Math.round(normHeights[i]! * 100 * 10) / 10}
               />
 
               <SliderControl
                 label="Columns"
-                value={numCols}
+                max={8}
+                min={1}
                 onChange={(v) => {
                   const n = Math.max(1, Math.min(8, Math.round(v)))
                   const updated = node.segments.map((s, idx) =>
@@ -435,76 +456,75 @@ export function DoorPanel() {
                   )
                   handleUpdate({ segments: updated })
                 }}
-                min={1}
-                max={8}
                 precision={0}
                 step={1}
+                value={numCols}
               />
 
               {numCols > 1 && (
-                <div className="mt-1 border-t border-border/50 pt-1">
+                <div className="mt-1 border-border/50 border-t pt-1">
                   {normCols.map((ratio, ci) => (
                     <SliderControl
                       key={`c-${ci}`}
                       label={`C${ci + 1}`}
-                      value={Math.round(ratio * 100 * 10) / 10}
-                      onChange={(v) => setSegmentColumnRatio(i, ci, v / 100)}
-                      min={5}
                       max={95}
+                      min={5}
+                      onChange={(v) => setSegmentColumnRatio(i, ci, v / 100)}
                       precision={1}
                       step={1}
                       unit="%"
+                      value={Math.round(ratio * 100 * 10) / 10}
                     />
                   ))}
                   <SliderControl
                     label="Divider"
-                    value={Math.round(seg.dividerThickness * 1000) / 1000}
+                    max={0.1}
+                    min={0.005}
                     onChange={(v) => {
                       const updated = node.segments.map((s, idx) =>
                         idx === i ? { ...s, dividerThickness: v } : s,
                       )
                       handleUpdate({ segments: updated })
                     }}
-                    min={0.005}
-                    max={0.1}
                     precision={3}
                     step={0.005}
                     unit="m"
+                    value={Math.round(seg.dividerThickness * 1000) / 1000}
                   />
                 </div>
               )}
 
               {seg.type === 'panel' && (
-                <div className="mt-1 border-t border-border/50 pt-1">
+                <div className="mt-1 border-border/50 border-t pt-1">
                   <SliderControl
                     label="Inset"
-                    value={Math.round(seg.panelInset * 1000) / 1000}
+                    max={0.1}
+                    min={0}
                     onChange={(v) => {
                       const updated = node.segments.map((s, idx) =>
                         idx === i ? { ...s, panelInset: v } : s,
                       )
                       handleUpdate({ segments: updated })
                     }}
-                    min={0}
-                    max={0.1}
                     precision={3}
                     step={0.005}
                     unit="m"
+                    value={Math.round(seg.panelInset * 1000) / 1000}
                   />
                   <SliderControl
                     label="Depth"
-                    value={Math.round(seg.panelDepth * 1000) / 1000}
+                    max={0.1}
+                    min={0}
                     onChange={(v) => {
                       const updated = node.segments.map((s, idx) =>
                         idx === i ? { ...s, panelDepth: v } : s,
                       )
                       handleUpdate({ segments: updated })
                     }}
-                    min={0}
-                    max={0.1}
                     precision={3}
                     step={0.005}
                     unit="m"
+                    value={Math.round(seg.panelDepth * 1000) / 1000}
                   />
                 </div>
               )}
@@ -513,21 +533,28 @@ export function DoorPanel() {
         })}
 
         <div className="flex gap-1.5 px-1 pt-1">
-          <ActionButton 
-            label="+ Add Segment" 
+          <ActionButton
+            label="+ Add Segment"
             onClick={() => {
               const updated = [
                 ...node.segments,
-                { type: 'panel' as const, heightRatio: 1, columnRatios: [1], dividerThickness: 0.03, panelDepth: 0.01, panelInset: 0.04 },
+                {
+                  type: 'panel' as const,
+                  heightRatio: 1,
+                  columnRatios: [1],
+                  dividerThickness: 0.03,
+                  panelDepth: 0.01,
+                  panelInset: 0.04,
+                },
               ]
               handleUpdate({ segments: updated })
             }}
           />
           {node.segments.length > 1 && (
-            <ActionButton 
-              label="- Remove" 
-              onClick={() => handleUpdate({ segments: node.segments.slice(0, -1) })}
+            <ActionButton
               className="text-white/60 hover:text-white"
+              label="- Remove"
+              onClick={() => handleUpdate({ segments: node.segments.slice(0, -1) })}
             />
           )}
         </div>
@@ -536,12 +563,16 @@ export function DoorPanel() {
       <PanelSection title="Actions">
         <ActionGroup>
           <ActionButton icon={<Move className="h-3.5 w-3.5" />} label="Move" onClick={handleMove} />
-          <ActionButton icon={<Copy className="h-3.5 w-3.5" />} label="Duplicate" onClick={handleDuplicate} />
-          <ActionButton 
-            icon={<Trash2 className="h-3.5 w-3.5 text-red-400" />} 
-            label="Delete" 
-            onClick={handleDelete} 
+          <ActionButton
+            icon={<Copy className="h-3.5 w-3.5" />}
+            label="Duplicate"
+            onClick={handleDuplicate}
+          />
+          <ActionButton
             className="hover:bg-red-500/20"
+            icon={<Trash2 className="h-3.5 w-3.5 text-red-400" />}
+            label="Delete"
+            onClick={handleDelete}
           />
         </ActionGroup>
       </PanelSection>
diff --git a/apps/editor/components/ui/panels/item-panel.tsx b/packages/editor/src/components/ui/panels/item-panel.tsx
similarity index 69%
rename from apps/editor/components/ui/panels/item-panel.tsx
rename to packages/editor/src/components/ui/panels/item-panel.tsx
index 8bbf4d03..00b6ed17 100644
--- a/apps/editor/components/ui/panels/item-panel.tsx
+++ b/packages/editor/src/components/ui/panels/item-panel.tsx
@@ -1,19 +1,17 @@
 'use client'
 
-import { getScaledDimensions, type AnyNode, ItemNode, useScene } from '@pascal-app/core'
+import { type AnyNode, getScaledDimensions, ItemNode, useScene } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
 import { Copy, Link, Link2Off, Move, Trash2 } from 'lucide-react'
 import { useCallback, useState } from 'react'
-import useEditor from '@/store/use-editor'
-import { sfxEmitter } from '@/lib/sfx-bus'
-import { cn } from '@/lib/utils'
-
-import { PanelWrapper } from './panel-wrapper'
+import { sfxEmitter } from '../../../lib/sfx-bus'
+import { cn } from '../../../lib/utils'
+import useEditor from '../../../store/use-editor'
+import { ActionButton, ActionGroup } from '../controls/action-button'
 import { PanelSection } from '../controls/panel-section'
 import { SliderControl } from '../controls/slider-control'
-
-import { ActionButton, ActionGroup } from '../controls/action-button'
 import { CollectionsPopover } from './collections/collections-popover'
+import { PanelWrapper } from './panel-wrapper'
 
 export function ItemPanel() {
   const selectedIds = useViewer((s) => s.selection.selectedIds)
@@ -24,15 +22,13 @@ export function ItemPanel() {
   const setMovingNode = useEditor((s) => s.setMovingNode)
 
   const selectedId = selectedIds[0]
-  const node = selectedId
-    ? (nodes[selectedId as AnyNode['id']] as ItemNode | undefined)
-    : undefined
+  const node = selectedId ? (nodes[selectedId as AnyNode['id']] as ItemNode | undefined) : undefined
 
   const [uniformScale, setUniformScale] = useState(true)
 
   const handleUpdate = useCallback(
     (updates: Partial<ItemNode>) => {
-      if (!selectedId || !node) return
+      if (!(selectedId && node)) return
       updateNode(selectedId as AnyNode['id'], updates)
 
       if (node.asset.attachTo === 'wall' && node.parentId) {
@@ -83,143 +79,189 @@ export function ItemPanel() {
 
   return (
     <PanelWrapper
-      title={node.name || node.asset.name}
       icon={node.asset.thumbnail || '/icons/furniture.png'}
       onClose={handleClose}
+      title={node.name || node.asset.name}
       width={300}
     >
       <PanelSection title="Position">
         <SliderControl
-          label={<>X<sub className="text-[11px] ml-[1px] opacity-70">pos</sub></>}
-          value={Math.round(node.position[0] * 100) / 100}
-          onChange={(value) => handleUpdate({ position: [value, node.position[1], node.position[2]] })}
-          min={node.position[0] - 2}
+          label={
+            <>
+              X<sub className="ml-[1px] text-[11px] opacity-70">pos</sub>
+            </>
+          }
           max={node.position[0] + 2}
+          min={node.position[0] - 2}
+          onChange={(value) =>
+            handleUpdate({ position: [value, node.position[1], node.position[2]] })
+          }
           precision={2}
           step={0.01}
           unit="m"
+          value={Math.round(node.position[0] * 100) / 100}
         />
         <SliderControl
-          label={<>Y<sub className="text-[11px] ml-[1px] opacity-70">pos</sub></>}
-          value={Math.round(node.position[1] * 100) / 100}
-          onChange={(value) => handleUpdate({ position: [node.position[0], value, node.position[2]] })}
-          min={node.position[1] - 2}
+          label={
+            <>
+              Y<sub className="ml-[1px] text-[11px] opacity-70">pos</sub>
+            </>
+          }
           max={node.position[1] + 2}
+          min={node.position[1] - 2}
+          onChange={(value) =>
+            handleUpdate({ position: [node.position[0], value, node.position[2]] })
+          }
           precision={2}
           step={0.01}
           unit="m"
+          value={Math.round(node.position[1] * 100) / 100}
         />
         <SliderControl
-          label={<>Z<sub className="text-[11px] ml-[1px] opacity-70">pos</sub></>}
-          value={Math.round(node.position[2] * 100) / 100}
-          onChange={(value) => handleUpdate({ position: [node.position[0], node.position[1], value] })}
-          min={node.position[2] - 2}
+          label={
+            <>
+              Z<sub className="ml-[1px] text-[11px] opacity-70">pos</sub>
+            </>
+          }
           max={node.position[2] + 2}
+          min={node.position[2] - 2}
+          onChange={(value) =>
+            handleUpdate({ position: [node.position[0], node.position[1], value] })
+          }
           precision={2}
           step={0.01}
           unit="m"
+          value={Math.round(node.position[2] * 100) / 100}
         />
       </PanelSection>
 
       <PanelSection title="Rotation">
         <SliderControl
-          label={<>Y<sub className="text-[11px] ml-[1px] opacity-70">rot</sub></>}
-          value={Math.round((node.rotation[1] * 180) / Math.PI)}
+          label={
+            <>
+              Y<sub className="ml-[1px] text-[11px] opacity-70">rot</sub>
+            </>
+          }
+          max={Math.round((node.rotation[1] * 180) / Math.PI) + 45}
+          min={Math.round((node.rotation[1] * 180) / Math.PI) - 45}
           onChange={(degrees) => {
             const radians = (degrees * Math.PI) / 180
             handleUpdate({ rotation: [node.rotation[0], radians, node.rotation[2]] })
           }}
-          min={Math.round((node.rotation[1] * 180) / Math.PI) - 45}
-          max={Math.round((node.rotation[1] * 180) / Math.PI) + 45}
           precision={0}
           step={1}
           unit="°"
+          value={Math.round((node.rotation[1] * 180) / Math.PI)}
         />
         <div className="flex gap-1.5 px-1 pt-2 pb-1">
-          <ActionButton 
-            label="-45°" 
+          <ActionButton
+            label="-45°"
             onClick={() => {
               sfxEmitter.emit('sfx:item-rotate')
               const currentDegrees = (node.rotation[1] * 180) / Math.PI
               const radians = ((currentDegrees - 45) * Math.PI) / 180
               handleUpdate({ rotation: [node.rotation[0], radians, node.rotation[2]] })
-            }} 
+            }}
           />
-          <ActionButton 
-            label="+45°" 
+          <ActionButton
+            label="+45°"
             onClick={() => {
               sfxEmitter.emit('sfx:item-rotate')
               const currentDegrees = (node.rotation[1] * 180) / Math.PI
               const radians = ((currentDegrees + 45) * Math.PI) / 180
               handleUpdate({ rotation: [node.rotation[0], radians, node.rotation[2]] })
-            }} 
+            }}
           />
         </div>
       </PanelSection>
 
       <PanelSection title="Scale">
         <div className="flex items-center justify-between px-2 pb-2">
-          <span className="text-[10px] font-medium uppercase tracking-wider text-muted-foreground/80">Uniform Scale</span>
+          <span className="font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider">
+            Uniform Scale
+          </span>
           <button
-            type="button"
             className={cn(
-              "flex h-6 w-6 items-center justify-center rounded-md transition-colors text-muted-foreground hover:text-foreground",
-              uniformScale ? "bg-[#3e3e3e]" : "bg-[#2C2C2E] hover:bg-[#3e3e3e]"
+              'flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground transition-colors hover:text-foreground',
+              uniformScale ? 'bg-[#3e3e3e]' : 'bg-[#2C2C2E] hover:bg-[#3e3e3e]',
             )}
             onClick={() => setUniformScale((v) => !v)}
+            type="button"
           >
             {uniformScale ? <Link className="h-3.5 w-3.5" /> : <Link2Off className="h-3.5 w-3.5" />}
           </button>
         </div>
-        
+
         {uniformScale ? (
           <SliderControl
-            label={<>XYZ<sub className="text-[11px] ml-[1px] opacity-70">scale</sub></>}
-            value={Math.round(node.scale[0] * 100) / 100}
+            label={
+              <>
+                XYZ<sub className="ml-[1px] text-[11px] opacity-70">scale</sub>
+              </>
+            }
+            max={10}
+            min={0.01}
             onChange={(value) => {
               const v = Math.max(0.01, value)
               handleUpdate({ scale: [v, v, v] })
             }}
-            min={0.01}
-            max={10}
             precision={2}
             step={0.1}
+            value={Math.round(node.scale[0] * 100) / 100}
           />
         ) : (
           <>
             <SliderControl
-              label={<>X<sub className="text-[11px] ml-[1px] opacity-70">scale</sub></>}
+              label={
+                <>
+                  X<sub className="ml-[1px] text-[11px] opacity-70">scale</sub>
+                </>
+              }
+              max={10}
+              min={0.01}
+              onChange={(value) =>
+                handleUpdate({ scale: [Math.max(0.01, value), node.scale[1], node.scale[2]] })
+              }
+              precision={2}
+              step={0.1}
               value={Math.round(node.scale[0] * 100) / 100}
-              onChange={(value) => handleUpdate({ scale: [Math.max(0.01, value), node.scale[1], node.scale[2]] })}
-              min={0.01}
-              max={10}
-              precision={2}
-              step={0.1}
             />
             <SliderControl
-              label={<>Y<sub className="text-[11px] ml-[1px] opacity-70">scale</sub></>}
+              label={
+                <>
+                  Y<sub className="ml-[1px] text-[11px] opacity-70">scale</sub>
+                </>
+              }
+              max={10}
+              min={0.01}
+              onChange={(value) =>
+                handleUpdate({ scale: [node.scale[0], Math.max(0.01, value), node.scale[2]] })
+              }
+              precision={2}
+              step={0.1}
               value={Math.round(node.scale[1] * 100) / 100}
-              onChange={(value) => handleUpdate({ scale: [node.scale[0], Math.max(0.01, value), node.scale[2]] })}
-              min={0.01}
-              max={10}
-              precision={2}
-              step={0.1}
             />
             <SliderControl
-              label={<>Z<sub className="text-[11px] ml-[1px] opacity-70">scale</sub></>}
-              value={Math.round(node.scale[2] * 100) / 100}
-              onChange={(value) => handleUpdate({ scale: [node.scale[0], node.scale[1], Math.max(0.01, value)] })}
-              min={0.01}
+              label={
+                <>
+                  Z<sub className="ml-[1px] text-[11px] opacity-70">scale</sub>
+                </>
+              }
               max={10}
+              min={0.01}
+              onChange={(value) =>
+                handleUpdate({ scale: [node.scale[0], node.scale[1], Math.max(0.01, value)] })
+              }
               precision={2}
               step={0.1}
+              value={Math.round(node.scale[2] * 100) / 100}
             />
           </>
         )}
       </PanelSection>
 
       <PanelSection title="Info">
-        <div className="flex items-center justify-between px-2 py-1 text-sm text-muted-foreground">
+        <div className="flex items-center justify-between px-2 py-1 text-muted-foreground text-sm">
           <span>Dimensions</span>
           {(() => {
             const [w, h, d] = getScaledDimensions(node)
@@ -234,7 +276,10 @@ export function ItemPanel() {
 
       <PanelSection title="Collections">
         <ActionGroup>
-          <CollectionsPopover nodeId={selectedId as AnyNode['id']} collectionIds={node.collectionIds}>
+          <CollectionsPopover
+            collectionIds={node.collectionIds}
+            nodeId={selectedId as AnyNode['id']}
+          >
             <ActionButton label="Manage collections…" />
           </CollectionsPopover>
         </ActionGroup>
@@ -243,12 +288,16 @@ export function ItemPanel() {
       <PanelSection title="Actions">
         <ActionGroup>
           <ActionButton icon={<Move className="h-3.5 w-3.5" />} label="Move" onClick={handleMove} />
-          <ActionButton icon={<Copy className="h-3.5 w-3.5" />} label="Duplicate" onClick={handleDuplicate} />
           <ActionButton
+            icon={<Copy className="h-3.5 w-3.5" />}
+            label="Duplicate"
+            onClick={handleDuplicate}
+          />
+          <ActionButton
+            className="hover:bg-red-500/20"
             icon={<Trash2 className="h-3.5 w-3.5 text-red-400" />}
             label="Delete"
             onClick={handleDelete}
-            className="hover:bg-red-500/20"
           />
         </ActionGroup>
       </PanelSection>
diff --git a/apps/editor/components/ui/panels/panel-manager.tsx b/packages/editor/src/components/ui/panels/panel-manager.tsx
similarity index 92%
rename from apps/editor/components/ui/panels/panel-manager.tsx
rename to packages/editor/src/components/ui/panels/panel-manager.tsx
index 08aa3862..8dd543f2 100644
--- a/apps/editor/components/ui/panels/panel-manager.tsx
+++ b/packages/editor/src/components/ui/panels/panel-manager.tsx
@@ -1,15 +1,15 @@
 'use client'
 
-import { AnyNodeId, useScene } from '@pascal-app/core'
+import { type AnyNodeId, useScene } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
-import useEditor from '@/store/use-editor'
+import useEditor from '../../../store/use-editor'
 import { CeilingPanel } from './ceiling-panel'
+import { DoorPanel } from './door-panel'
 import { ItemPanel } from './item-panel'
 import { ReferencePanel } from './reference-panel'
 import { RoofPanel } from './roof-panel'
 import { SlabPanel } from './slab-panel'
 import { WallPanel } from './wall-panel'
-import { DoorPanel } from './door-panel'
 import { WindowPanel } from './window-panel'
 
 export function PanelManager() {
diff --git a/apps/editor/components/ui/panels/panel-wrapper.tsx b/packages/editor/src/components/ui/panels/panel-wrapper.tsx
similarity index 53%
rename from apps/editor/components/ui/panels/panel-wrapper.tsx
rename to packages/editor/src/components/ui/panels/panel-wrapper.tsx
index cee35cee..225db291 100644
--- a/apps/editor/components/ui/panels/panel-wrapper.tsx
+++ b/packages/editor/src/components/ui/panels/panel-wrapper.tsx
@@ -1,8 +1,8 @@
 'use client'
 
-import { cn } from '@/lib/utils'
-import { X, RotateCcw, Moon } from 'lucide-react'
+import { Moon, RotateCcw, X } from 'lucide-react'
 import Image from 'next/image'
+import { cn } from '../../../lib/utils'
 
 interface PanelWrapperProps {
   title: string
@@ -24,45 +24,37 @@ export function PanelWrapper({
   width = 320, // default width
 }: PanelWrapperProps) {
   return (
-    <div 
+    <div
       className={cn(
-        "pointer-events-auto fixed right-4 top-20 z-50 flex flex-col overflow-hidden rounded-xl border border-border/50 bg-sidebar/95 shadow-2xl backdrop-blur-xl dark:text-foreground max-h-[calc(100dvh-100px)]",
-        className
+        'pointer-events-auto fixed top-20 right-4 z-50 flex max-h-[calc(100dvh-100px)] flex-col overflow-hidden rounded-xl border border-border/50 bg-sidebar/95 shadow-2xl backdrop-blur-xl dark:text-foreground',
+        className,
       )}
       style={{ width }}
     >
       {/* Header */}
-      <div className="flex items-center justify-between px-3 py-3 border-b border-border/50">
+      <div className="flex items-center justify-between border-border/50 border-b px-3 py-3">
         <div className="flex items-center gap-2">
           {icon && (
-            <Image 
-              src={icon} 
-              alt="" 
-              width={16} 
-              height={16} 
-              className="shrink-0 object-contain" 
-            />
+            <Image alt="" className="shrink-0 object-contain" height={16} src={icon} width={16} />
           )}
-          <h2 className="font-semibold text-foreground text-sm truncate tracking-tight">
-            {title}
-          </h2>
+          <h2 className="truncate font-semibold text-foreground text-sm tracking-tight">{title}</h2>
         </div>
-        
+
         <div className="flex items-center gap-1">
           {onReset && (
             <button
-              type="button"
+              className="flex h-7 w-7 items-center justify-center rounded-md bg-[#2C2C2E] text-muted-foreground transition-colors hover:bg-[#3e3e3e] hover:text-foreground"
               onClick={onReset}
-              className="flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors bg-[#2C2C2E] hover:bg-[#3e3e3e] hover:text-foreground"
+              type="button"
             >
               <RotateCcw className="h-4 w-4" />
             </button>
           )}
           {onClose && (
             <button
-              type="button"
+              className="flex h-7 w-7 items-center justify-center rounded-md bg-[#2C2C2E] text-muted-foreground transition-colors hover:bg-[#3e3e3e] hover:text-foreground"
               onClick={onClose}
-              className="flex h-7 w-7 items-center justify-center rounded-md text-muted-foreground transition-colors bg-[#2C2C2E] hover:bg-[#3e3e3e] hover:text-foreground"
+              type="button"
             >
               <X className="h-4 w-4" />
             </button>
@@ -71,9 +63,7 @@ export function PanelWrapper({
       </div>
 
       {/* Content */}
-      <div className="flex-1 overflow-y-auto min-h-0 no-scrollbar flex flex-col">
-        {children}
-      </div>
+      <div className="no-scrollbar flex min-h-0 flex-1 flex-col overflow-y-auto">{children}</div>
     </div>
   )
 }
diff --git a/apps/editor/components/ui/panels/presets/presets-popover.tsx b/packages/editor/src/components/ui/panels/presets/presets-popover.tsx
similarity index 56%
rename from apps/editor/components/ui/panels/presets/presets-popover.tsx
rename to packages/editor/src/components/ui/panels/presets/presets-popover.tsx
index 10c6e4ed..c11005e8 100644
--- a/apps/editor/components/ui/panels/presets/presets-popover.tsx
+++ b/packages/editor/src/components/ui/panels/presets/presets-popover.tsx
@@ -1,12 +1,29 @@
 'use client'
 
-import { useEffect, useState, useCallback } from 'react'
-import { BookMarked, Check, Globe, GlobeLock, MoreHorizontal, Pencil, Plus, Save, Trash2, Users, X } from 'lucide-react'
 import { emitter } from '@pascal-app/core'
-import { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '@/components/ui/primitives/dropdown-menu'
-import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/primitives/popover'
-import { useAuth } from '@/features/community/lib/auth/hooks'
-import { cn } from '@/lib/utils'
+import {
+  BookMarked,
+  Check,
+  Globe,
+  GlobeLock,
+  MoreHorizontal,
+  Pencil,
+  Plus,
+  Save,
+  Trash2,
+  Users,
+  X,
+} from 'lucide-react'
+import { useCallback, useEffect, useState } from 'react'
+import type { PresetsTab } from '../../../../contexts/presets-context'
+import { cn } from '../../../../lib/utils'
+import {
+  DropdownMenu,
+  DropdownMenuContent,
+  DropdownMenuItem,
+  DropdownMenuTrigger,
+} from '../../primitives/dropdown-menu'
+import { Popover, PopoverContent, PopoverTrigger } from '../../primitives/popover'
 
 export type PresetType = 'door' | 'window'
 
@@ -21,61 +38,65 @@ export interface PresetData {
   created_at: string
 }
 
-type Tab = 'community' | 'mine'
-
 interface PresetsPopoverProps {
   type: PresetType
-  /** Apply preset data to the current node */
-  onApply: (data: Record<string, unknown>) => void
-  /** Save current node state as a new preset with the given name */
-  onSave: (name: string) => Promise<void>
-  /** Overwrite an existing preset's data with the current node state */
-  onOverwrite: (id: string) => Promise<void>
   children: React.ReactNode
+  isAuthenticated?: boolean
+  tabs?: PresetsTab[]
+  onFetchPresets: (tab: PresetsTab) => Promise<PresetData[]>
+  onApply: (data: Record<string, unknown>) => void
+  onSave: (name: string) => Promise<void>
+  onOverwrite: (id: string) => Promise<void>
+  onRename: (id: string, name: string) => Promise<void>
+  onDelete: (id: string) => Promise<void>
+  onToggleCommunity?: (id: string, current: boolean) => Promise<void>
 }
 
-export function PresetsPopover({ type, onApply, onSave, onOverwrite, children }: PresetsPopoverProps) {
-  const { isAuthenticated } = useAuth()
+export function PresetsPopover({
+  type,
+  onApply,
+  onSave,
+  onOverwrite,
+  onFetchPresets,
+  onRename,
+  onDelete,
+  onToggleCommunity,
+  children,
+  isAuthenticated = false,
+  tabs = ['community', 'mine'],
+}: PresetsPopoverProps) {
+  const defaultTab = tabs[0] ?? 'mine'
   const [open, setOpen] = useState(false)
-  const [tab, setTab] = useState<Tab>('community')
+  const [tab, setTab] = useState<PresetsTab>(defaultTab)
   const [presets, setPresets] = useState<PresetData[]>([])
   const [loading, setLoading] = useState(false)
 
-  // New preset save state
   const [showSaveInput, setShowSaveInput] = useState(false)
   const [saveName, setSaveName] = useState('')
   const [saving, setSaving] = useState(false)
 
-  // Rename state
   const [renamingId, setRenamingId] = useState<string | null>(null)
   const [renameValue, setRenameValue] = useState('')
-
-  // Delete confirmation
   const [deletingId, setDeletingId] = useState<string | null>(null)
-
-  // Overwrite feedback (shows check icon briefly after overwrite)
   const [overwrittenId, setOverwrittenId] = useState<string | null>(null)
 
   const fetchPresets = useCallback(async () => {
     setLoading(true)
     try {
-      const res = await fetch(`/api/presets?type=${type}&tab=${tab}`)
-      if (res.ok) {
-        const json = await res.json()
-        setPresets(json.presets ?? [])
-      }
+      const data = await onFetchPresets(tab)
+      setPresets(data)
     } finally {
       setLoading(false)
     }
-  }, [type, tab])
+  }, [onFetchPresets, tab])
 
   useEffect(() => {
     if (open) fetchPresets()
   }, [open, fetchPresets])
 
   useEffect(() => {
-    if (!isAuthenticated && tab === 'mine') setTab('community')
-  }, [isAuthenticated, tab])
+    if (!isAuthenticated && tab === 'mine') setTab(defaultTab)
+  }, [isAuthenticated, tab, defaultTab])
 
   useEffect(() => {
     const handler = ({ presetId, thumbnailUrl }: { presetId: string; thumbnailUrl: string }) => {
@@ -103,23 +124,15 @@ export function PresetsPopover({ type, onApply, onSave, onOverwrite, children }:
 
   const handleRename = async (id: string) => {
     if (!renameValue.trim()) return
-    const res = await fetch(`/api/presets/${id}`, {
-      method: 'PUT',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ name: renameValue.trim() }),
-    })
-    if (res.ok) {
-      setPresets((prev) => prev.map((p) => (p.id === id ? { ...p, name: renameValue.trim() } : p)))
-      setRenamingId(null)
-    }
+    await onRename(id, renameValue.trim())
+    setPresets((prev) => prev.map((p) => (p.id === id ? { ...p, name: renameValue.trim() } : p)))
+    setRenamingId(null)
   }
 
   const handleDelete = async (id: string) => {
-    const res = await fetch(`/api/presets/${id}`, { method: 'DELETE' })
-    if (res.ok) {
-      setPresets((prev) => prev.filter((p) => p.id !== id))
-      setDeletingId(null)
-    }
+    await onDelete(id)
+    setPresets((prev) => prev.filter((p) => p.id !== id))
+    setDeletingId(null)
   }
 
   const handleOverwrite = async (id: string) => {
@@ -129,37 +142,37 @@ export function PresetsPopover({ type, onApply, onSave, onOverwrite, children }:
   }
 
   const handleToggleCommunity = async (id: string, current: boolean) => {
-    const res = await fetch(`/api/presets/${id}`, {
-      method: 'PUT',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ is_community: !current }),
-    })
-    if (res.ok) {
-      setPresets((prev) => prev.map((p) => (p.id === id ? { ...p, is_community: !current } : p)))
-    }
+    if (!onToggleCommunity) return
+    await onToggleCommunity(id, current)
+    setPresets((prev) => prev.map((p) => (p.id === id ? { ...p, is_community: !current } : p)))
   }
 
+  const showTabs = tabs.length > 1
+
   return (
-    <Popover open={open} onOpenChange={setOpen}>
+    <Popover onOpenChange={setOpen} open={open}>
       <PopoverTrigger asChild>{children}</PopoverTrigger>
       <PopoverContent
-        side="left"
         align="start"
+        className="w-72 overflow-hidden rounded-xl border-border/50 bg-sidebar/95 p-0 shadow-2xl backdrop-blur-xl"
+        side="left"
         sideOffset={8}
-        className="w-72 p-0 border-border/50 bg-sidebar/95 backdrop-blur-xl shadow-2xl rounded-xl overflow-hidden"
       >
-        {/* Header */}
-        <div className="flex items-center justify-between px-3 py-2.5 border-b border-border/50">
+        <div className="flex items-center justify-between border-border/50 border-b px-3 py-2.5">
           <div className="flex items-center gap-1.5">
             <BookMarked className="h-3.5 w-3.5 text-muted-foreground" />
-            <span className="text-xs font-semibold text-foreground tracking-tight">
+            <span className="font-semibold text-foreground text-xs tracking-tight">
               {type === 'door' ? 'Door' : 'Window'} Presets
             </span>
           </div>
           {isAuthenticated && (
             <button
-              onClick={() => { setShowSaveInput((v) => !v); setSaveName('') }}
-              className="flex items-center gap-1 rounded-md px-2 py-1 text-[11px] font-medium text-muted-foreground hover:text-foreground hover:bg-white/10 transition-colors"
+              className="flex items-center gap-1 rounded-md px-2 py-1 font-medium text-[11px] text-muted-foreground transition-colors hover:bg-white/10 hover:text-foreground"
+              onClick={() => {
+                setShowSaveInput((v) => !v)
+                setSaveName('')
+              }}
+              type="button"
             >
               <Plus className="h-3 w-3" />
               Save new
@@ -167,81 +180,101 @@ export function PresetsPopover({ type, onApply, onSave, onOverwrite, children }:
           )}
         </div>
 
-        {/* New preset name input */}
         {showSaveInput && (
-          <div className="flex items-center gap-1.5 px-3 py-2 border-b border-border/50 bg-white/5">
+          <div className="flex items-center gap-1.5 border-border/50 border-b bg-white/5 px-3 py-2">
             <input
               autoFocus
-              value={saveName}
+              className="min-w-0 flex-1 rounded-md border border-border/50 bg-background/50 px-2 py-1 text-foreground text-xs outline-none placeholder:text-muted-foreground/60 focus:border-ring focus:ring-1 focus:ring-ring/30"
               onChange={(e) => setSaveName(e.target.value)}
               onKeyDown={(e) => {
                 if (e.key === 'Enter') handleSaveNew()
-                if (e.key === 'Escape') { setShowSaveInput(false); setSaveName('') }
+                if (e.key === 'Escape') {
+                  setShowSaveInput(false)
+                  setSaveName('')
+                }
               }}
               placeholder="Preset name…"
-              className="flex-1 min-w-0 rounded-md border border-border/50 bg-background/50 px-2 py-1 text-xs text-foreground placeholder:text-muted-foreground/60 outline-none focus:border-ring focus:ring-1 focus:ring-ring/30"
+              value={saveName}
             />
             <button
+              className="flex h-6 w-6 items-center justify-center rounded-md bg-primary/20 text-primary transition-colors hover:bg-primary/30 disabled:opacity-40"
               disabled={!saveName.trim() || saving}
               onClick={handleSaveNew}
-              className="flex h-6 w-6 items-center justify-center rounded-md bg-primary/20 hover:bg-primary/30 text-primary disabled:opacity-40 transition-colors"
+              type="button"
             >
               <Check className="h-3.5 w-3.5" />
             </button>
             <button
-              onClick={() => { setShowSaveInput(false); setSaveName('') }}
-              className="flex h-6 w-6 items-center justify-center rounded-md hover:bg-white/10 text-muted-foreground transition-colors"
+              className="flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-white/10"
+              onClick={() => {
+                setShowSaveInput(false)
+                setSaveName('')
+              }}
+              type="button"
             >
               <X className="h-3.5 w-3.5" />
             </button>
           </div>
         )}
 
-        {/* Tabs */}
-        <div className="flex border-b border-border/50">
-          <TabButton active={tab === 'community'} onClick={() => setTab('community')}>
-            <Users className="h-3 w-3" />
-            Community
-          </TabButton>
-          <TabButton
-            active={tab === 'mine'}
-            onClick={() => { if (isAuthenticated) setTab('mine') }}
-            disabled={!isAuthenticated}
-          >
-            <BookMarked className="h-3 w-3" />
-            My presets
-          </TabButton>
-        </div>
+        {showTabs && (
+          <div className="flex border-border/50 border-b">
+            {tabs.includes('community') && (
+              <TabButton active={tab === 'community'} onClick={() => setTab('community')}>
+                <Users className="h-3 w-3" />
+                Community
+              </TabButton>
+            )}
+            {tabs.includes('mine') && (
+              <TabButton
+                active={tab === 'mine'}
+                disabled={!isAuthenticated}
+                onClick={() => {
+                  if (isAuthenticated) setTab('mine')
+                }}
+              >
+                <BookMarked className="h-3 w-3" />
+                My presets
+              </TabButton>
+            )}
+          </div>
+        )}
 
-        {/* Content */}
-        <div className="max-h-72 overflow-y-auto no-scrollbar">
+        <div className="no-scrollbar max-h-72 overflow-y-auto">
           {loading ? (
             <div className="flex items-center justify-center py-8">
               <div className="h-4 w-4 animate-spin rounded-full border-2 border-border border-t-foreground" />
             </div>
           ) : presets.length === 0 ? (
-            <EmptyState tab={tab} isAuthenticated={isAuthenticated} />
+            <EmptyState isAuthenticated={isAuthenticated} tab={tab} />
           ) : (
             <ul className="divide-y divide-border/30">
               {presets.map((preset) => (
                 <PresetRow
-                  key={preset.id}
-                  preset={preset}
-                  isMine={tab === 'mine'}
-                  renamingId={renamingId}
-                  renameValue={renameValue}
                   deletingId={deletingId}
-                  overwrittenId={overwrittenId}
-                  onApply={() => { onApply(preset.data); setOpen(false) }}
+                  isMine={tab === 'mine'}
+                  key={preset.id}
+                  onApply={() => {
+                    onApply(preset.data)
+                    setOpen(false)
+                  }}
+                  onDeleteCancel={() => setDeletingId(null)}
+                  onDeleteConfirm={() => handleDelete(preset.id)}
+                  onDeleteRequest={() => setDeletingId(preset.id)}
                   onOverwrite={() => handleOverwrite(preset.id)}
-                  onToggleCommunity={() => handleToggleCommunity(preset.id, preset.is_community)}
-                  onStartRename={() => { setRenamingId(preset.id); setRenameValue(preset.name) }}
+                  onRenameCancel={() => setRenamingId(null)}
                   onRenameChange={setRenameValue}
                   onRenameConfirm={() => handleRename(preset.id)}
-                  onRenameCancel={() => setRenamingId(null)}
-                  onDeleteRequest={() => setDeletingId(preset.id)}
-                  onDeleteConfirm={() => handleDelete(preset.id)}
-                  onDeleteCancel={() => setDeletingId(null)}
+                  onStartRename={() => {
+                    setRenamingId(preset.id)
+                    setRenameValue(preset.name)
+                  }}
+                  onToggleCommunity={() => handleToggleCommunity(preset.id, preset.is_community)}
+                  overwrittenId={overwrittenId}
+                  preset={preset}
+                  renameValue={renameValue}
+                  renamingId={renamingId}
+                  showCommunityToggle={!!onToggleCommunity}
                 />
               ))}
             </ul>
@@ -265,26 +298,27 @@ function TabButton({
 }) {
   return (
     <button
-      onClick={onClick}
-      disabled={disabled}
       className={cn(
-        'flex flex-1 items-center justify-center gap-1.5 py-2 text-[11px] font-medium transition-colors',
+        'flex flex-1 items-center justify-center gap-1.5 py-2 font-medium text-[11px] transition-colors',
         active
-          ? 'text-foreground border-b-2 border-primary -mb-px'
+          ? '-mb-px border-primary border-b-2 text-foreground'
           : 'text-muted-foreground hover:text-foreground',
-        disabled && 'opacity-40 cursor-not-allowed',
+        disabled && 'cursor-not-allowed opacity-40',
       )}
+      disabled={disabled}
+      onClick={onClick}
+      type="button"
     >
       {children}
     </button>
   )
 }
 
-function EmptyState({ tab, isAuthenticated }: { tab: Tab; isAuthenticated: boolean }) {
+function EmptyState({ tab, isAuthenticated }: { tab: PresetsTab; isAuthenticated: boolean }) {
   return (
-    <div className="flex flex-col items-center justify-center gap-2 py-8 text-center px-4">
+    <div className="flex flex-col items-center justify-center gap-2 px-4 py-8 text-center">
       <BookMarked className="h-6 w-6 text-muted-foreground/40" />
-      <p className="text-xs text-muted-foreground">
+      <p className="text-muted-foreground text-xs">
         {tab === 'community'
           ? 'No community presets yet.'
           : isAuthenticated
@@ -298,6 +332,7 @@ function EmptyState({ tab, isAuthenticated }: { tab: Tab; isAuthenticated: boole
 interface PresetRowProps {
   preset: PresetData
   isMine: boolean
+  showCommunityToggle: boolean
   renamingId: string | null
   renameValue: string
   deletingId: string | null
@@ -317,6 +352,7 @@ interface PresetRowProps {
 function PresetRow({
   preset,
   isMine,
+  showCommunityToggle,
   renamingId,
   renameValue,
   deletingId,
@@ -338,18 +374,20 @@ function PresetRow({
 
   if (isDeleting) {
     return (
-      <li className="flex items-center justify-between gap-2 px-3 py-2.5 bg-red-500/10">
-        <span className="text-xs text-foreground/80 truncate">Delete "{preset.name}"?</span>
-        <div className="flex items-center gap-1 shrink-0">
+      <li className="flex items-center justify-between gap-2 bg-red-500/10 px-3 py-2.5">
+        <span className="truncate text-foreground/80 text-xs">Delete "{preset.name}"?</span>
+        <div className="flex shrink-0 items-center gap-1">
           <button
+            className="rounded-md bg-red-500/20 px-2 py-0.5 font-medium text-[11px] text-red-400 transition-colors hover:bg-red-500/30"
             onClick={onDeleteConfirm}
-            className="rounded-md px-2 py-0.5 text-[11px] font-medium bg-red-500/20 text-red-400 hover:bg-red-500/30 transition-colors"
+            type="button"
           >
             Delete
           </button>
           <button
+            className="rounded-md px-2 py-0.5 font-medium text-[11px] text-muted-foreground transition-colors hover:bg-white/10"
             onClick={onDeleteCancel}
-            className="rounded-md px-2 py-0.5 text-[11px] font-medium hover:bg-white/10 text-muted-foreground transition-colors"
+            type="button"
           >
             Cancel
           </button>
@@ -363,23 +401,25 @@ function PresetRow({
       <li className="flex items-center gap-1.5 px-3 py-2">
         <input
           autoFocus
-          value={renameValue}
+          className="min-w-0 flex-1 rounded-md border border-border/50 bg-background/50 px-2 py-1 text-foreground text-xs outline-none focus:border-ring focus:ring-1 focus:ring-ring/30"
           onChange={(e) => onRenameChange(e.target.value)}
           onKeyDown={(e) => {
             if (e.key === 'Enter') onRenameConfirm()
             if (e.key === 'Escape') onRenameCancel()
           }}
-          className="flex-1 min-w-0 rounded-md border border-border/50 bg-background/50 px-2 py-1 text-xs text-foreground outline-none focus:border-ring focus:ring-1 focus:ring-ring/30"
+          value={renameValue}
         />
         <button
+          className="flex h-6 w-6 items-center justify-center rounded-md bg-primary/20 text-primary transition-colors hover:bg-primary/30"
           onClick={onRenameConfirm}
-          className="flex h-6 w-6 items-center justify-center rounded-md bg-primary/20 hover:bg-primary/30 text-primary transition-colors"
+          type="button"
         >
           <Check className="h-3.5 w-3.5" />
         </button>
         <button
+          className="flex h-6 w-6 items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-white/10"
           onClick={onRenameCancel}
-          className="flex h-6 w-6 items-center justify-center rounded-md hover:bg-white/10 text-muted-foreground transition-colors"
+          type="button"
         >
           <X className="h-3.5 w-3.5" />
         </button>
@@ -388,26 +428,26 @@ function PresetRow({
   }
 
   return (
-    <li className="group flex items-center gap-2 px-3 py-2.5 hover:bg-white/5 transition-colors">
-      {/* Thumbnail */}
-      <div className="h-12 w-12 shrink-0 rounded-md border border-border/40 bg-white/5 overflow-hidden">
+    <li className="group flex items-center gap-2 px-3 py-2.5 transition-colors hover:bg-white/5">
+      <div className="h-12 w-12 shrink-0 overflow-hidden rounded-md border border-border/40 bg-white/5">
         {preset.thumbnail_url ? (
           // eslint-disable-next-line @next/next/no-img-element
-          <img src={preset.thumbnail_url} alt={preset.name} className="h-full w-full object-cover" />
+          <img
+            alt={preset.name}
+            className="h-full w-full object-cover"
+            src={preset.thumbnail_url}
+          />
         ) : (
-          <div className="h-full w-full flex items-center justify-center">
+          <div className="flex h-full w-full items-center justify-center">
             <div className="h-3 w-5 rounded-sm border border-muted-foreground/30" />
           </div>
         )}
       </div>
-
-      {/* Name + date — clicking applies */}
-      <button onClick={onApply} className="flex-1 min-w-0 text-left">
+      <button className="min-w-0 flex-1 text-left" onClick={onApply} type="button">
         <span className="flex items-center gap-1.5">
-          <span className="block truncate text-xs font-medium text-foreground group-hover:text-foreground/90">
+          <span className="block truncate font-medium text-foreground text-xs group-hover:text-foreground/90">
             {preset.name}
           </span>
-          {/* Only show globe in "My presets" — in community tab it's redundant */}
           {isMine && preset.is_community && (
             <Globe className="h-2.5 w-2.5 shrink-0 text-muted-foreground/50" />
           )}
@@ -416,37 +456,50 @@ function PresetRow({
           {new Date(preset.created_at).toLocaleDateString()}
         </span>
       </button>
-
-      {/* Actions — 3-dot dropdown, only in "My presets" */}
       {isMine && (
         <DropdownMenu>
           <DropdownMenuTrigger asChild>
             <button
               className={cn(
-                'flex h-6 w-6 shrink-0 items-center justify-center rounded-md transition-colors opacity-0 group-hover:opacity-100',
+                'flex h-6 w-6 shrink-0 items-center justify-center rounded-md opacity-0 transition-colors group-hover:opacity-100',
                 justOverwritten
-                  ? 'text-green-400 bg-green-500/10 opacity-100'
-                  : 'text-muted-foreground hover:text-foreground hover:bg-white/10',
+                  ? 'bg-green-500/10 text-green-400 opacity-100'
+                  : 'text-muted-foreground hover:bg-white/10 hover:text-foreground',
               )}
+              type="button"
             >
-              {justOverwritten ? <Check className="h-3 w-3" /> : <MoreHorizontal className="h-3.5 w-3.5" />}
+              {justOverwritten ? (
+                <Check className="h-3 w-3" />
+              ) : (
+                <MoreHorizontal className="h-3.5 w-3.5" />
+              )}
             </button>
           </DropdownMenuTrigger>
-          <DropdownMenuContent side="left" align="start" className="min-w-44">
+          <DropdownMenuContent align="start" className="min-w-44" side="left">
             <DropdownMenuItem onClick={onOverwrite}>
               <Save className="h-3.5 w-3.5" />
               Update with current
             </DropdownMenuItem>
-            <DropdownMenuItem onClick={onToggleCommunity}>
-              {preset.is_community
-                ? <><GlobeLock className="h-3.5 w-3.5" />Remove from community</>
-                : <><Globe className="h-3.5 w-3.5" />Share with community</>}
-            </DropdownMenuItem>
+            {showCommunityToggle && (
+              <DropdownMenuItem onClick={onToggleCommunity}>
+                {preset.is_community ? (
+                  <>
+                    <GlobeLock className="h-3.5 w-3.5" />
+                    Remove from community
+                  </>
+                ) : (
+                  <>
+                    <Globe className="h-3.5 w-3.5" />
+                    Share with community
+                  </>
+                )}
+              </DropdownMenuItem>
+            )}
             <DropdownMenuItem onClick={onStartRename}>
               <Pencil className="h-3.5 w-3.5" />
               Rename
             </DropdownMenuItem>
-            <DropdownMenuItem variant="destructive" onClick={onDeleteRequest}>
+            <DropdownMenuItem onClick={onDeleteRequest} variant="destructive">
               <Trash2 className="h-3.5 w-3.5" />
               Delete
             </DropdownMenuItem>
diff --git a/apps/editor/components/ui/panels/reference-panel.tsx b/packages/editor/src/components/ui/panels/reference-panel.tsx
similarity index 77%
rename from apps/editor/components/ui/panels/reference-panel.tsx
rename to packages/editor/src/components/ui/panels/reference-panel.tsx
index 0ba76d12..240f55de 100644
--- a/apps/editor/components/ui/panels/reference-panel.tsx
+++ b/packages/editor/src/components/ui/panels/reference-panel.tsx
@@ -3,13 +3,12 @@
 import { type AnyNode, type GuideNode, type ScanNode, useScene } from '@pascal-app/core'
 import { Box, Image as ImageIcon } from 'lucide-react'
 import { useCallback } from 'react'
-import useEditor from '@/store/use-editor'
-
-import { PanelWrapper } from './panel-wrapper'
+import useEditor from '../../../store/use-editor'
+import { ActionButton, ActionGroup } from '../controls/action-button'
+import { MetricControl } from '../controls/metric-control'
 import { PanelSection } from '../controls/panel-section'
 import { SliderControl } from '../controls/slider-control'
-import { MetricControl } from '../controls/metric-control'
-import { ActionButton, ActionGroup } from '../controls/action-button'
+import { PanelWrapper } from './panel-wrapper'
 
 type ReferenceNode = ScanNode | GuideNode
 
@@ -41,108 +40,136 @@ export function ReferencePanel() {
 
   return (
     <PanelWrapper
-      title={node.name || (isScan ? '3D Scan' : 'Guide Image')}
       icon={isScan ? undefined : undefined}
       onClose={handleClose}
+      title={node.name || (isScan ? '3D Scan' : 'Guide Image')}
       width={300}
     >
       <PanelSection title="Position">
         <SliderControl
-          label={<>X<sub className="text-[11px] ml-[1px] opacity-70">pos</sub></>}
-          value={Math.round(node.position[0] * 100) / 100}
+          label={
+            <>
+              X<sub className="ml-[1px] text-[11px] opacity-70">pos</sub>
+            </>
+          }
+          max={50}
+          min={-50}
           onChange={(value) => {
             const pos = [...node.position] as [number, number, number]
             pos[0] = value
             handleUpdate({ position: pos })
           }}
-          min={-50}
-          max={50}
           precision={2}
           step={0.1}
           unit="m"
+          value={Math.round(node.position[0] * 100) / 100}
         />
         <SliderControl
-          label={<>Y<sub className="text-[11px] ml-[1px] opacity-70">pos</sub></>}
-          value={Math.round(node.position[1] * 100) / 100}
+          label={
+            <>
+              Y<sub className="ml-[1px] text-[11px] opacity-70">pos</sub>
+            </>
+          }
+          max={50}
+          min={-50}
           onChange={(value) => {
             const pos = [...node.position] as [number, number, number]
             pos[1] = value
             handleUpdate({ position: pos })
           }}
-          min={-50}
-          max={50}
           precision={2}
           step={0.1}
           unit="m"
+          value={Math.round(node.position[1] * 100) / 100}
         />
         <SliderControl
-          label={<>Z<sub className="text-[11px] ml-[1px] opacity-70">pos</sub></>}
-          value={Math.round(node.position[2] * 100) / 100}
+          label={
+            <>
+              Z<sub className="ml-[1px] text-[11px] opacity-70">pos</sub>
+            </>
+          }
+          max={50}
+          min={-50}
           onChange={(value) => {
             const pos = [...node.position] as [number, number, number]
             pos[2] = value
             handleUpdate({ position: pos })
           }}
-          min={-50}
-          max={50}
           precision={2}
           step={0.1}
           unit="m"
+          value={Math.round(node.position[2] * 100) / 100}
         />
       </PanelSection>
 
       <PanelSection title="Rotation">
         <SliderControl
-          label={<>Y<sub className="text-[11px] ml-[1px] opacity-70">rot</sub></>}
-          value={Math.round((node.rotation[1] * 180) / Math.PI)}
+          label={
+            <>
+              Y<sub className="ml-[1px] text-[11px] opacity-70">rot</sub>
+            </>
+          }
+          max={180}
+          min={-180}
           onChange={(degrees) => {
             const radians = (degrees * Math.PI) / 180
             handleUpdate({
               rotation: [node.rotation[0], radians, node.rotation[2]],
             })
           }}
-          min={-180}
-          max={180}
           precision={0}
           step={1}
           unit="°"
+          value={Math.round((node.rotation[1] * 180) / Math.PI)}
         />
         <div className="flex gap-1.5 px-1 pt-2 pb-1">
-          <ActionButton 
-            label="-45°" 
-            onClick={() => handleUpdate({ rotation: [node.rotation[0], node.rotation[1] - Math.PI / 4, node.rotation[2]] })} 
+          <ActionButton
+            label="-45°"
+            onClick={() =>
+              handleUpdate({
+                rotation: [node.rotation[0], node.rotation[1] - Math.PI / 4, node.rotation[2]],
+              })
+            }
           />
-          <ActionButton 
-            label="+45°" 
-            onClick={() => handleUpdate({ rotation: [node.rotation[0], node.rotation[1] + Math.PI / 4, node.rotation[2]] })} 
+          <ActionButton
+            label="+45°"
+            onClick={() =>
+              handleUpdate({
+                rotation: [node.rotation[0], node.rotation[1] + Math.PI / 4, node.rotation[2]],
+              })
+            }
           />
         </div>
       </PanelSection>
 
       <PanelSection title="Scale & Opacity">
         <SliderControl
-          label={<>XYZ<sub className="text-[11px] ml-[1px] opacity-70">scale</sub></>}
-          value={Math.round(node.scale * 100) / 100}
+          label={
+            <>
+              XYZ<sub className="ml-[1px] text-[11px] opacity-70">scale</sub>
+            </>
+          }
+          max={10}
+          min={0.01}
           onChange={(value) => {
             if (value > 0) {
               handleUpdate({ scale: value })
             }
           }}
-          min={0.01}
-          max={10}
           precision={2}
           step={0.1}
+          value={Math.round(node.scale * 100) / 100}
         />
-        
+
         <SliderControl
           label="Opacity"
-          value={node.opacity}
-          onChange={(v) => handleUpdate({ opacity: v })}
-          min={0}
           max={100}
+          min={0}
+          onChange={(v) => handleUpdate({ opacity: v })}
           precision={0}
           step={1}
           unit="%"
+          value={node.opacity}
         />
       </PanelSection>
     </PanelWrapper>
diff --git a/apps/editor/components/ui/panels/roof-panel.tsx b/packages/editor/src/components/ui/panels/roof-panel.tsx
similarity index 83%
rename from apps/editor/components/ui/panels/roof-panel.tsx
rename to packages/editor/src/components/ui/panels/roof-panel.tsx
index d48204e6..38bab922 100644
--- a/apps/editor/components/ui/panels/roof-panel.tsx
+++ b/packages/editor/src/components/ui/panels/roof-panel.tsx
@@ -3,12 +3,11 @@
 import { type AnyNode, type RoofNode, useScene } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
 import { useCallback } from 'react'
-
-import { PanelWrapper } from './panel-wrapper'
+import { ActionButton } from '../controls/action-button'
+import { MetricControl } from '../controls/metric-control'
 import { PanelSection } from '../controls/panel-section'
 import { SliderControl } from '../controls/slider-control'
-import { MetricControl } from '../controls/metric-control'
-import { ActionButton } from '../controls/action-button'
+import { PanelWrapper } from './panel-wrapper'
 
 export function RoofPanel() {
   const selectedIds = useViewer((s) => s.selection.selectedIds)
@@ -17,9 +16,7 @@ export function RoofPanel() {
   const updateNode = useScene((s) => s.updateNode)
 
   const selectedId = selectedIds[0]
-  const node = selectedId
-    ? (nodes[selectedId as AnyNode['id']] as RoofNode | undefined)
-    : undefined
+  const node = selectedId ? (nodes[selectedId as AnyNode['id']] as RoofNode | undefined) : undefined
 
   const handleUpdate = useCallback(
     (updates: Partial<RoofNode>) => {
@@ -39,129 +36,145 @@ export function RoofPanel() {
 
   return (
     <PanelWrapper
-      title={node.name || "Roof"}
       icon="/icons/roof.png"
       onClose={handleClose}
+      title={node.name || 'Roof'}
       width={300}
     >
       <PanelSection title="Dimensions">
         <SliderControl
           label="Length"
-          value={Math.round(node.length * 100) / 100}
-          onChange={(v) => handleUpdate({ length: v })}
-          min={0.5}
           max={20}
+          min={0.5}
+          onChange={(v) => handleUpdate({ length: v })}
           precision={2}
           step={0.5}
           unit="m"
+          value={Math.round(node.length * 100) / 100}
         />
         <SliderControl
           label="Height"
-          value={Math.round(node.height * 100) / 100}
-          onChange={(v) => handleUpdate({ height: v })}
-          min={0.1}
           max={10}
+          min={0.1}
+          onChange={(v) => handleUpdate({ height: v })}
           precision={2}
           step={0.1}
           unit="m"
+          value={Math.round(node.height * 100) / 100}
         />
       </PanelSection>
 
       <PanelSection title="Slope Widths">
-        <div className="flex items-center justify-between px-2 pb-2 text-[10px] font-medium uppercase tracking-wider text-muted-foreground/80">
+        <div className="flex items-center justify-between px-2 pb-2 font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider">
           <span>Widths</span>
           <span>Total: {totalWidth.toFixed(1)}m</span>
         </div>
         <SliderControl
           label="Left"
-          value={Math.round(node.leftWidth * 100) / 100}
-          onChange={(v) => handleUpdate({ leftWidth: v })}
-          min={0.1}
           max={10}
+          min={0.1}
+          onChange={(v) => handleUpdate({ leftWidth: v })}
           precision={2}
           step={0.1}
           unit="m"
+          value={Math.round(node.leftWidth * 100) / 100}
         />
         <SliderControl
           label="Right"
-          value={Math.round(node.rightWidth * 100) / 100}
-          onChange={(v) => handleUpdate({ rightWidth: v })}
-          min={0.1}
           max={10}
+          min={0.1}
+          onChange={(v) => handleUpdate({ rightWidth: v })}
           precision={2}
           step={0.1}
           unit="m"
+          value={Math.round(node.rightWidth * 100) / 100}
         />
       </PanelSection>
 
       <PanelSection title="Rotation">
         <SliderControl
-          label={<>R<sub className="text-[11px] ml-[1px] opacity-70">rot</sub></>}
-          value={Math.round((node.rotation * 180) / Math.PI)}
+          label={
+            <>
+              R<sub className="ml-[1px] text-[11px] opacity-70">rot</sub>
+            </>
+          }
+          max={180}
+          min={-180}
           onChange={(degrees) => {
             const radians = (degrees * Math.PI) / 180
             handleUpdate({ rotation: radians })
           }}
-          min={-180}
-          max={180}
           precision={0}
           step={1}
           unit="°"
+          value={Math.round((node.rotation * 180) / Math.PI)}
         />
         <div className="flex gap-1.5 px-1 pt-2 pb-1">
-          <ActionButton 
-            label="-90°" 
-            onClick={() => handleUpdate({ rotation: node.rotation - Math.PI / 2 })} 
+          <ActionButton
+            label="-90°"
+            onClick={() => handleUpdate({ rotation: node.rotation - Math.PI / 2 })}
           />
-          <ActionButton 
-            label="+90°" 
-            onClick={() => handleUpdate({ rotation: node.rotation + Math.PI / 2 })} 
+          <ActionButton
+            label="+90°"
+            onClick={() => handleUpdate({ rotation: node.rotation + Math.PI / 2 })}
           />
         </div>
       </PanelSection>
 
       <PanelSection title="Position">
         <SliderControl
-          label={<>X<sub className="text-[11px] ml-[1px] opacity-70">pos</sub></>}
-          value={Math.round(node.position[0] * 100) / 100}
+          label={
+            <>
+              X<sub className="ml-[1px] text-[11px] opacity-70">pos</sub>
+            </>
+          }
+          max={50}
+          min={-50}
           onChange={(v) => {
             const pos = [...node.position] as [number, number, number]
             pos[0] = v
             handleUpdate({ position: pos })
           }}
-          min={-50}
-          max={50}
           precision={2}
           step={0.1}
           unit="m"
+          value={Math.round(node.position[0] * 100) / 100}
         />
         <SliderControl
-          label={<>Y<sub className="text-[11px] ml-[1px] opacity-70">pos</sub></>}
-          value={Math.round(node.position[1] * 100) / 100}
+          label={
+            <>
+              Y<sub className="ml-[1px] text-[11px] opacity-70">pos</sub>
+            </>
+          }
+          max={50}
+          min={-50}
           onChange={(v) => {
             const pos = [...node.position] as [number, number, number]
             pos[1] = v
             handleUpdate({ position: pos })
           }}
-          min={-50}
-          max={50}
           precision={2}
           step={0.1}
           unit="m"
+          value={Math.round(node.position[1] * 100) / 100}
         />
         <SliderControl
-          label={<>Z<sub className="text-[11px] ml-[1px] opacity-70">pos</sub></>}
-          value={Math.round(node.position[2] * 100) / 100}
+          label={
+            <>
+              Z<sub className="ml-[1px] text-[11px] opacity-70">pos</sub>
+            </>
+          }
+          max={50}
+          min={-50}
           onChange={(v) => {
             const pos = [...node.position] as [number, number, number]
             pos[2] = v
             handleUpdate({ position: pos })
           }}
-          min={-50}
-          max={50}
           precision={2}
           step={0.1}
           unit="m"
+          value={Math.round(node.position[2] * 100) / 100}
         />
       </PanelSection>
     </PanelWrapper>
diff --git a/apps/editor/components/ui/panels/slab-panel.tsx b/packages/editor/src/components/ui/panels/slab-panel.tsx
similarity index 87%
rename from apps/editor/components/ui/panels/slab-panel.tsx
rename to packages/editor/src/components/ui/panels/slab-panel.tsx
index 7845acb1..5e3a989a 100644
--- a/apps/editor/components/ui/panels/slab-panel.tsx
+++ b/packages/editor/src/components/ui/panels/slab-panel.tsx
@@ -4,12 +4,11 @@ import { type AnyNode, type SlabNode, useScene } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
 import { Edit, Plus, Trash2 } from 'lucide-react'
 import { useCallback, useEffect } from 'react'
-import useEditor from '@/store/use-editor'
-
-import { PanelWrapper } from './panel-wrapper'
+import useEditor from '../../../store/use-editor'
+import { ActionButton, ActionGroup } from '../controls/action-button'
 import { PanelSection } from '../controls/panel-section'
 import { SliderControl } from '../controls/slider-control'
-import { ActionButton, ActionGroup } from '../controls/action-button'
+import { PanelWrapper } from './panel-wrapper'
 
 export function SlabPanel() {
   const selectedIds = useViewer((s) => s.selection.selectedIds)
@@ -20,9 +19,7 @@ export function SlabPanel() {
   const setEditingHole = useEditor((s) => s.setEditingHole)
 
   const selectedId = selectedIds[0]
-  const node = selectedId
-    ? (nodes[selectedId as AnyNode['id']] as SlabNode | undefined)
-    : undefined
+  const node = selectedId ? (nodes[selectedId as AnyNode['id']] as SlabNode | undefined) : undefined
 
   const handleUpdate = useCallback(
     (updates: Partial<SlabNode>) => {
@@ -50,7 +47,7 @@ export function SlabPanel() {
   }, [setEditingHole])
 
   const handleAddHole = useCallback(() => {
-    if (!node || !selectedId) return
+    if (!(node && selectedId)) return
 
     const polygon = node.polygon
     let cx = 0
@@ -113,23 +110,23 @@ export function SlabPanel() {
 
   return (
     <PanelWrapper
-      title={node.name || "Slab"}
       icon="/icons/floor.png"
       onClose={handleClose}
+      title={node.name || 'Slab'}
       width={320}
     >
       <PanelSection title="Elevation">
         <SliderControl
           label="Height"
-          value={Math.round(node.elevation * 1000) / 1000}
-          onChange={(v) => handleUpdate({ elevation: v })}
-          min={-1}
           max={1}
+          min={-1}
+          onChange={(v) => handleUpdate({ elevation: v })}
           precision={3}
           step={0.01}
           unit="m"
+          value={Math.round(node.elevation * 1000) / 1000}
         />
-        
+
         <div className="mt-2 grid grid-cols-2 gap-1.5 px-1 pb-1">
           <ActionButton label="Sunken (-15cm)" onClick={() => handleUpdate({ elevation: -0.15 })} />
           <ActionButton label="Ground (0m)" onClick={() => handleUpdate({ elevation: 0 })} />
@@ -139,7 +136,7 @@ export function SlabPanel() {
       </PanelSection>
 
       <PanelSection title="Info">
-        <div className="flex items-center justify-between px-2 py-1 text-sm text-muted-foreground">
+        <div className="flex items-center justify-between px-2 py-1 text-muted-foreground text-sm">
           <span>Area</span>
           <span className="font-mono text-white">{area.toFixed(2)} m²</span>
         </div>
@@ -150,18 +147,21 @@ export function SlabPanel() {
           <div className="flex flex-col gap-1 pb-2">
             {node.holes.map((hole, index) => {
               const holeArea = calculateArea(hole)
-              const isEditing = editingHole?.nodeId === selectedId && editingHole?.holeIndex === index
+              const isEditing =
+                editingHole?.nodeId === selectedId && editingHole?.holeIndex === index
               return (
                 <div
-                  key={index}
                   className={`flex items-center justify-between rounded-lg border p-2 transition-colors ${
                     isEditing
                       ? 'border-primary/50 bg-primary/10'
                       : 'border-transparent hover:bg-accent/30'
                   }`}
+                  key={index}
                 >
-                  <div className="flex-1 min-w-0">
-                    <p className={`text-xs font-medium ${isEditing ? 'text-primary' : 'text-white'}`}>
+                  <div className="min-w-0 flex-1">
+                    <p
+                      className={`font-medium text-xs ${isEditing ? 'text-primary' : 'text-white'}`}
+                    >
                       Hole {index + 1} {isEditing && '(Editing)'}
                     </p>
                     <p className="text-[10px] text-muted-foreground">
@@ -170,24 +170,24 @@ export function SlabPanel() {
                   </div>
                   <div className="flex items-center gap-1">
                     {isEditing ? (
-                      <ActionButton 
-                        label="Done" 
-                        onClick={() => setEditingHole(null)} 
+                      <ActionButton
                         className="h-7 bg-primary text-primary-foreground hover:bg-primary/90"
+                        label="Done"
+                        onClick={() => setEditingHole(null)}
                       />
                     ) : (
                       <>
                         <button
-                          type="button"
                           className="flex h-7 w-7 items-center justify-center rounded-md bg-[#2C2C2E] text-muted-foreground hover:bg-[#3e3e3e] hover:text-foreground"
                           onClick={() => handleEditHole(index)}
+                          type="button"
                         >
                           <Edit className="h-3.5 w-3.5" />
                         </button>
                         <button
-                          type="button"
                           className="flex h-7 w-7 items-center justify-center rounded-md bg-red-500/10 text-red-400 hover:bg-red-500/20 hover:text-red-300"
                           onClick={() => handleDeleteHole(index)}
+                          type="button"
                         >
                           <Trash2 className="h-3.5 w-3.5" />
                         </button>
@@ -199,18 +199,16 @@ export function SlabPanel() {
             })}
           </div>
         ) : (
-          <div className="px-2 py-3 text-center text-xs text-muted-foreground">
-            No holes
-          </div>
+          <div className="px-2 py-3 text-center text-muted-foreground text-xs">No holes</div>
         )}
-        
+
         <div className="px-1 pt-1 pb-1">
-          <ActionButton 
-            icon={<Plus className="h-3.5 w-3.5" />} 
-            label="Add Hole" 
-            onClick={handleAddHole} 
+          <ActionButton
             className="w-full"
             disabled={editingHole?.nodeId === selectedId}
+            icon={<Plus className="h-3.5 w-3.5" />}
+            label="Add Hole"
+            onClick={handleAddHole}
           />
         </div>
       </PanelSection>
diff --git a/apps/editor/components/ui/panels/wall-panel.tsx b/packages/editor/src/components/ui/panels/wall-panel.tsx
similarity index 90%
rename from apps/editor/components/ui/panels/wall-panel.tsx
rename to packages/editor/src/components/ui/panels/wall-panel.tsx
index 64e7beaa..aa210617 100644
--- a/apps/editor/components/ui/panels/wall-panel.tsx
+++ b/packages/editor/src/components/ui/panels/wall-panel.tsx
@@ -1,12 +1,11 @@
 'use client'
 
-import { type AnyNode, type AnyNodeId, type WallNode, useScene } from '@pascal-app/core'
+import { type AnyNode, type AnyNodeId, useScene, type WallNode } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
 import { useCallback } from 'react'
-
-import { PanelWrapper } from './panel-wrapper'
 import { PanelSection } from '../controls/panel-section'
 import { SliderControl } from '../controls/slider-control'
+import { PanelWrapper } from './panel-wrapper'
 
 export function WallPanel() {
   const selectedIds = useViewer((s) => s.selection.selectedIds)
@@ -15,9 +14,7 @@ export function WallPanel() {
   const updateNode = useScene((s) => s.updateNode)
 
   const selectedId = selectedIds[0]
-  const node = selectedId
-    ? (nodes[selectedId as AnyNode['id']] as WallNode | undefined)
-    : undefined
+  const node = selectedId ? (nodes[selectedId as AnyNode['id']] as WallNode | undefined) : undefined
 
   const handleUpdate = useCallback(
     (updates: Partial<WallNode>) => {
@@ -43,36 +40,36 @@ export function WallPanel() {
 
   return (
     <PanelWrapper
-      title={node.name || "Wall"}
       icon="/icons/wall.png"
       onClose={handleClose}
+      title={node.name || 'Wall'}
       width={280}
     >
       <PanelSection title="Dimensions">
         <SliderControl
           label="Height"
-          value={Math.round(height * 100) / 100}
-          onChange={(v) => handleUpdate({ height: Math.max(0.1, v) })}
-          min={0.1}
           max={6}
+          min={0.1}
+          onChange={(v) => handleUpdate({ height: Math.max(0.1, v) })}
           precision={2}
           step={0.1}
           unit="m"
+          value={Math.round(height * 100) / 100}
         />
         <SliderControl
           label="Thickness"
-          value={Math.round(thickness * 1000) / 1000}
-          onChange={(v) => handleUpdate({ thickness: Math.max(0.05, v) })}
-          min={0.05}
           max={1}
+          min={0.05}
+          onChange={(v) => handleUpdate({ thickness: Math.max(0.05, v) })}
           precision={3}
           step={0.01}
           unit="m"
+          value={Math.round(thickness * 1000) / 1000}
         />
       </PanelSection>
 
       <PanelSection title="Info">
-        <div className="flex items-center justify-between px-2 py-1 text-sm text-muted-foreground">
+        <div className="flex items-center justify-between px-2 py-1 text-muted-foreground text-sm">
           <span>Length</span>
           <span className="font-mono text-white">{length.toFixed(2)} m</span>
         </div>
diff --git a/apps/editor/components/ui/panels/window-panel.tsx b/packages/editor/src/components/ui/panels/window-panel.tsx
similarity index 77%
rename from apps/editor/components/ui/panels/window-panel.tsx
rename to packages/editor/src/components/ui/panels/window-panel.tsx
index ed1b55b1..5df96024 100644
--- a/apps/editor/components/ui/panels/window-panel.tsx
+++ b/packages/editor/src/components/ui/panels/window-panel.tsx
@@ -1,18 +1,18 @@
 'use client'
 
-import { type AnyNode, type AnyNodeId, WindowNode, emitter, useScene } from '@pascal-app/core'
+import { type AnyNode, type AnyNodeId, emitter, useScene, WindowNode } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
 import { BookMarked, Copy, FlipHorizontal2, Move, Trash2 } from 'lucide-react'
 import { useCallback } from 'react'
-import { sfxEmitter } from '@/lib/sfx-bus'
-import useEditor from '@/store/use-editor'
-
-import { PanelWrapper } from './panel-wrapper'
+import { usePresetsAdapter } from '../../../contexts/presets-context'
+import { sfxEmitter } from '../../../lib/sfx-bus'
+import useEditor from '../../../store/use-editor'
+import { ActionButton, ActionGroup } from '../controls/action-button'
+import { MetricControl } from '../controls/metric-control'
 import { PanelSection } from '../controls/panel-section'
 import { SliderControl } from '../controls/slider-control'
-import { MetricControl } from '../controls/metric-control'
 import { ToggleControl } from '../controls/toggle-control'
-import { ActionButton, ActionGroup } from '../controls/action-button'
+import { PanelWrapper } from './panel-wrapper'
 import { PresetsPopover } from './presets/presets-popover'
 
 export function WindowPanel() {
@@ -23,6 +23,8 @@ export function WindowPanel() {
   const deleteNode = useScene((s) => s.deleteNode)
   const setMovingNode = useEditor((s) => s.setMovingNode)
 
+  const adapter = usePresetsAdapter()
+
   const selectedId = selectedIds[0]
   const node = selectedId
     ? (nodes[selectedId as AnyNode['id']] as WindowNode | undefined)
@@ -57,7 +59,7 @@ export function WindowPanel() {
   }, [node, setMovingNode, setSelection])
 
   const handleDelete = useCallback(() => {
-    if (!selectedId || !node) return
+    if (!(selectedId && node)) return
     sfxEmitter.emit('sfx:item-delete')
     deleteNode(selectedId as AnyNode['id'])
     if (node.parentId) useScene.getState().dirtyNodes.add(node.parentId as AnyNodeId)
@@ -65,7 +67,7 @@ export function WindowPanel() {
   }, [selectedId, node, deleteNode, setSelection])
 
   const handleDuplicate = useCallback(() => {
-    if (!node || !node.parentId) return
+    if (!(node && node.parentId)) return
     sfxEmitter.emit('sfx:item-pick')
     useScene.temporal.getState().pause()
     const duplicate = WindowNode.parse({
@@ -109,35 +111,32 @@ export function WindowPanel() {
     }
   }, [node])
 
-  const handleSavePreset = useCallback(async (name: string) => {
-    const data = getWindowPresetData()
-    if (!data || !selectedId) return
-    const res = await fetch('/api/presets', {
-      method: 'POST',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ type: 'window', name, data }),
-    })
-    if (res.ok) {
-      const json = await res.json()
-      const presetId = json.preset?.id
+  const handleSavePreset = useCallback(
+    async (name: string) => {
+      const data = getWindowPresetData()
+      if (!(data && selectedId)) return
+      const presetId = await adapter.savePreset('window', name, data)
       if (presetId) emitter.emit('preset:generate-thumbnail', { presetId, nodeId: selectedId })
-    }
-  }, [getWindowPresetData, selectedId])
+    },
+    [getWindowPresetData, selectedId, adapter],
+  )
 
-  const handleOverwritePreset = useCallback(async (id: string) => {
-    const data = getWindowPresetData()
-    if (!data || !selectedId) return
-    const res = await fetch(`/api/presets/${id}`, {
-      method: 'PUT',
-      headers: { 'Content-Type': 'application/json' },
-      body: JSON.stringify({ data }),
-    })
-    if (res.ok) emitter.emit('preset:generate-thumbnail', { presetId: id, nodeId: selectedId })
-  }, [getWindowPresetData, selectedId])
+  const handleOverwritePreset = useCallback(
+    async (id: string) => {
+      const data = getWindowPresetData()
+      if (!(data && selectedId)) return
+      await adapter.overwritePreset('window', id, data)
+      emitter.emit('preset:generate-thumbnail', { presetId: id, nodeId: selectedId })
+    },
+    [getWindowPresetData, selectedId, adapter],
+  )
 
-  const handleApplyPreset = useCallback((data: Record<string, unknown>) => {
-    handleUpdate(data as Partial<WindowNode>)
-  }, [handleUpdate])
+  const handleApplyPreset = useCallback(
+    (data: Record<string, unknown>) => {
+      handleUpdate(data as Partial<WindowNode>)
+    },
+    [handleUpdate],
+  )
 
   if (!node || node.type !== 'window' || selectedIds.length !== 1) return null
 
@@ -146,8 +145,8 @@ export function WindowPanel() {
 
   const colSum = node.columnRatios.reduce((a, b) => a + b, 0)
   const rowSum = node.rowRatios.reduce((a, b) => a + b, 0)
-  const normCols = node.columnRatios.map(r => r / colSum)
-  const normRows = node.rowRatios.map(r => r / rowSum)
+  const normCols = node.columnRatios.map((r) => r / colSum)
+  const normRows = node.rowRatios.map((r) => r / rowSum)
 
   const setColumnRatio = (index: number, newVal: number) => {
     const clamped = Math.max(0.05, Math.min(0.95, newVal))
@@ -177,15 +176,26 @@ export function WindowPanel() {
 
   return (
     <PanelWrapper
-      title={node.name || "Window"}
       icon="/icons/window.png"
       onClose={handleClose}
+      title={node.name || 'Window'}
       width={320}
     >
       {/* Presets strip */}
-      <div className="px-3 pt-2.5 pb-1.5 border-b border-border/30">
-        <PresetsPopover type="window" onApply={handleApplyPreset} onSave={handleSavePreset} onOverwrite={handleOverwritePreset}>
-          <button className="flex w-full items-center gap-2 rounded-lg border border-border/50 bg-[#2C2C2E] px-3 py-2 text-xs font-medium text-muted-foreground hover:text-foreground hover:bg-[#3e3e3e] transition-colors">
+      <div className="border-border/30 border-b px-3 pt-2.5 pb-1.5">
+        <PresetsPopover
+          isAuthenticated={adapter.isAuthenticated}
+          onApply={handleApplyPreset}
+          onDelete={(id) => adapter.deletePreset(id)}
+          onFetchPresets={(tab) => adapter.fetchPresets('window', tab)}
+          onOverwrite={handleOverwritePreset}
+          onRename={(id, name) => adapter.renamePreset(id, name)}
+          onSave={handleSavePreset}
+          onToggleCommunity={adapter.togglePresetCommunity}
+          tabs={adapter.tabs}
+          type="window"
+        >
+          <button className="flex w-full items-center gap-2 rounded-lg border border-border/50 bg-[#2C2C2E] px-3 py-2 font-medium text-muted-foreground text-xs transition-colors hover:bg-[#3e3e3e] hover:text-foreground">
             <BookMarked className="h-3.5 w-3.5 shrink-0" />
             <span>Presets</span>
           </button>
@@ -194,31 +204,39 @@ export function WindowPanel() {
 
       <PanelSection title="Position">
         <SliderControl
-          label={<>X<sub className="text-[11px] ml-[1px] opacity-70">pos</sub></>}
-          value={Math.round(node.position[0] * 100) / 100}
-          onChange={(v) => handleUpdate({ position: [v, node.position[1], node.position[2]] })}
-          min={-10}
+          label={
+            <>
+              X<sub className="ml-[1px] text-[11px] opacity-70">pos</sub>
+            </>
+          }
           max={10}
+          min={-10}
+          onChange={(v) => handleUpdate({ position: [v, node.position[1], node.position[2]] })}
           precision={2}
           step={0.1}
           unit="m"
+          value={Math.round(node.position[0] * 100) / 100}
         />
         <SliderControl
-          label={<>Y<sub className="text-[11px] ml-[1px] opacity-70">pos</sub></>}
-          value={Math.round(node.position[1] * 100) / 100}
-          onChange={(v) => handleUpdate({ position: [node.position[0], v, node.position[2]] })}
-          min={-10}
+          label={
+            <>
+              Y<sub className="ml-[1px] text-[11px] opacity-70">pos</sub>
+            </>
+          }
           max={10}
+          min={-10}
+          onChange={(v) => handleUpdate({ position: [node.position[0], v, node.position[2]] })}
           precision={2}
           step={0.1}
           unit="m"
+          value={Math.round(node.position[1] * 100) / 100}
         />
-        <div className="pt-2 pb-1 px-1">
-          <ActionButton 
-            icon={<FlipHorizontal2 className="h-4 w-4" />} 
-            label="Flip Side" 
-            onClick={handleFlip} 
+        <div className="px-1 pt-2 pb-1">
+          <ActionButton
             className="w-full"
+            icon={<FlipHorizontal2 className="h-4 w-4" />}
+            label="Flip Side"
+            onClick={handleFlip}
           />
         </div>
       </PanelSection>
@@ -226,101 +244,103 @@ export function WindowPanel() {
       <PanelSection title="Dimensions">
         <SliderControl
           label="Width"
-          value={Math.round(node.width * 100) / 100}
-          onChange={(v) => handleUpdate({ width: v })}
-          min={0.2}
           max={5}
+          min={0.2}
+          onChange={(v) => handleUpdate({ width: v })}
           precision={2}
           step={0.1}
           unit="m"
+          value={Math.round(node.width * 100) / 100}
         />
         <SliderControl
           label="Height"
-          value={Math.round(node.height * 100) / 100}
-          onChange={(v) => handleUpdate({ height: v })}
-          min={0.2}
           max={5}
+          min={0.2}
+          onChange={(v) => handleUpdate({ height: v })}
           precision={2}
           step={0.1}
           unit="m"
+          value={Math.round(node.height * 100) / 100}
         />
       </PanelSection>
 
       <PanelSection title="Frame">
         <SliderControl
           label="Thickness"
-          value={Math.round(node.frameThickness * 1000) / 1000}
-          onChange={(v) => handleUpdate({ frameThickness: v })}
-          min={0.01}
           max={0.2}
+          min={0.01}
+          onChange={(v) => handleUpdate({ frameThickness: v })}
           precision={3}
           step={0.01}
           unit="m"
+          value={Math.round(node.frameThickness * 1000) / 1000}
         />
         <SliderControl
           label="Depth"
-          value={Math.round(node.frameDepth * 1000) / 1000}
-          onChange={(v) => handleUpdate({ frameDepth: v })}
-          min={0.01}
           max={0.3}
+          min={0.01}
+          onChange={(v) => handleUpdate({ frameDepth: v })}
           precision={3}
           step={0.01}
           unit="m"
+          value={Math.round(node.frameDepth * 1000) / 1000}
         />
       </PanelSection>
 
       <PanelSection title="Grid">
         <SliderControl
           label="Columns"
-          value={numCols}
+          max={8}
+          min={1}
           onChange={(v) => {
             const n = Math.max(1, Math.min(8, Math.round(v)))
             handleUpdate({ columnRatios: Array(n).fill(1 / n) })
           }}
-          min={1}
-          max={8}
           precision={0}
           step={1}
+          value={numCols}
         />
         <SliderControl
           label="Rows"
-          value={numRows}
+          max={8}
+          min={1}
           onChange={(v) => {
             const n = Math.max(1, Math.min(8, Math.round(v)))
             handleUpdate({ rowRatios: Array(n).fill(1 / n) })
           }}
-          min={1}
-          max={8}
           precision={0}
           step={1}
+          value={numRows}
         />
 
         {numCols > 1 && (
           <div className="mt-2 flex flex-col gap-1">
-            <div className="mb-1 px-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground/80">Col Widths</div>
+            <div className="mb-1 px-1 font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider">
+              Col Widths
+            </div>
             {normCols.map((ratio, i) => (
               <SliderControl
                 key={`c-${i}`}
                 label={`C${i + 1}`}
-                value={Math.round(ratio * 100 * 10) / 10}
-                onChange={(v) => setColumnRatio(i, v / 100)}
-                min={5}
                 max={95}
+                min={5}
+                onChange={(v) => setColumnRatio(i, v / 100)}
                 precision={1}
                 step={1}
                 unit="%"
+                value={Math.round(ratio * 100 * 10) / 10}
               />
             ))}
-                <div className="mt-1 border-t border-border/50 pt-1">
+            <div className="mt-1 border-border/50 border-t pt-1">
               <SliderControl
                 label="Divider"
-                value={Math.round((node.columnDividerThickness ?? 0.03) * 1000) / 1000}
-                onChange={(v) => handleUpdate({ columnDividerThickness: v })}
-                min={0.005}
                 max={0.1}
+                min={0.005}
+                onChange={(v) => handleUpdate({ columnDividerThickness: v })}
                 precision={3}
                 step={0.01}
                 unit="m"
+                value={Math.round((node.columnDividerThickness ?? 0.03) * 1000) / 1000}
               />
             </div>
           </div>
@@ -328,30 +348,32 @@ export function WindowPanel() {
 
         {numRows > 1 && (
           <div className="mt-2 flex flex-col gap-1">
-            <div className="mb-1 px-1 text-[10px] font-medium uppercase tracking-wider text-muted-foreground/80">Row Heights</div>
+            <div className="mb-1 px-1 font-medium text-[10px] text-muted-foreground/80 uppercase tracking-wider">
+              Row Heights
+            </div>
             {normRows.map((ratio, i) => (
               <SliderControl
                 key={`r-${i}`}
                 label={`R${i + 1}`}
-                value={Math.round(ratio * 100 * 10) / 10}
-                onChange={(v) => setRowRatio(i, v / 100)}
-                min={5}
                 max={95}
+                min={5}
+                onChange={(v) => setRowRatio(i, v / 100)}
                 precision={1}
                 step={1}
                 unit="%"
+                value={Math.round(ratio * 100 * 10) / 10}
               />
             ))}
-                <div className="mt-1 border-t border-border/50 pt-1">
+            <div className="mt-1 border-border/50 border-t pt-1">
               <SliderControl
                 label="Divider"
-                value={Math.round((node.rowDividerThickness ?? 0.03) * 1000) / 1000}
-                onChange={(v) => handleUpdate({ rowDividerThickness: v })}
-                min={0.005}
                 max={0.1}
+                min={0.005}
+                onChange={(v) => handleUpdate({ rowDividerThickness: v })}
                 precision={3}
                 step={0.01}
                 unit="m"
+                value={Math.round((node.rowDividerThickness ?? 0.03) * 1000) / 1000}
               />
             </div>
           </div>
@@ -360,31 +382,31 @@ export function WindowPanel() {
 
       <PanelSection title="Sill">
         <ToggleControl
-          label="Enable Sill"
           checked={node.sill}
+          label="Enable Sill"
           onChange={(checked) => handleUpdate({ sill: checked })}
         />
         {node.sill && (
           <div className="mt-1 flex flex-col gap-1">
             <SliderControl
               label="Depth"
-              value={Math.round(node.sillDepth * 1000) / 1000}
-              onChange={(v) => handleUpdate({ sillDepth: v })}
-              min={0.01}
               max={0.5}
+              min={0.01}
+              onChange={(v) => handleUpdate({ sillDepth: v })}
               precision={3}
               step={0.01}
               unit="m"
+              value={Math.round(node.sillDepth * 1000) / 1000}
             />
             <SliderControl
               label="Thickness"
-              value={Math.round(node.sillThickness * 1000) / 1000}
-              onChange={(v) => handleUpdate({ sillThickness: v })}
-              min={0.005}
               max={0.2}
+              min={0.005}
+              onChange={(v) => handleUpdate({ sillThickness: v })}
               precision={3}
               step={0.01}
               unit="m"
+              value={Math.round(node.sillThickness * 1000) / 1000}
             />
           </div>
         )}
@@ -393,12 +415,16 @@ export function WindowPanel() {
       <PanelSection title="Actions">
         <ActionGroup>
           <ActionButton icon={<Move className="h-3.5 w-3.5" />} label="Move" onClick={handleMove} />
-          <ActionButton icon={<Copy className="h-3.5 w-3.5" />} label="Duplicate" onClick={handleDuplicate} />
-          <ActionButton 
-            icon={<Trash2 className="h-3.5 w-3.5 text-red-400" />} 
-            label="Delete" 
-            onClick={handleDelete} 
+          <ActionButton
+            icon={<Copy className="h-3.5 w-3.5" />}
+            label="Duplicate"
+            onClick={handleDuplicate}
+          />
+          <ActionButton
             className="hover:bg-red-500/20"
+            icon={<Trash2 className="h-3.5 w-3.5 text-red-400" />}
+            label="Delete"
+            onClick={handleDelete}
           />
         </ActionGroup>
       </PanelSection>
diff --git a/apps/editor/components/ui/primitives/button.tsx b/packages/editor/src/components/ui/primitives/button.tsx
similarity index 98%
rename from apps/editor/components/ui/primitives/button.tsx
rename to packages/editor/src/components/ui/primitives/button.tsx
index b8c41d08..2b3d0564 100644
--- a/apps/editor/components/ui/primitives/button.tsx
+++ b/packages/editor/src/components/ui/primitives/button.tsx
@@ -2,7 +2,7 @@ import { Slot } from '@radix-ui/react-slot'
 import { cva, type VariantProps } from 'class-variance-authority'
 import type * as React from 'react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../../lib/utils'
 
 const buttonVariants = cva(
   "inline-flex shrink-0 items-center justify-center gap-2 whitespace-nowrap rounded-md font-barlow font-medium text-sm outline-none transition-all focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50 disabled:pointer-events-none disabled:opacity-50 aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
diff --git a/apps/editor/components/ui/primitives/card.tsx b/packages/editor/src/components/ui/primitives/card.tsx
similarity index 97%
rename from apps/editor/components/ui/primitives/card.tsx
rename to packages/editor/src/components/ui/primitives/card.tsx
index f536d5db..d19c15ec 100644
--- a/apps/editor/components/ui/primitives/card.tsx
+++ b/packages/editor/src/components/ui/primitives/card.tsx
@@ -1,6 +1,6 @@
 import type * as React from 'react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../../lib/utils'
 
 function Card({ className, ...props }: React.ComponentProps<'div'>) {
   return (
diff --git a/apps/editor/components/ui/primitives/color-dot.tsx b/packages/editor/src/components/ui/primitives/color-dot.tsx
similarity index 76%
rename from apps/editor/components/ui/primitives/color-dot.tsx
rename to packages/editor/src/components/ui/primitives/color-dot.tsx
index 8d21fd59..c3fdad73 100644
--- a/apps/editor/components/ui/primitives/color-dot.tsx
+++ b/packages/editor/src/components/ui/primitives/color-dot.tsx
@@ -1,8 +1,8 @@
 'use client'
 
 import { useState } from 'react'
+import { cn } from '../../../lib/utils'
 import { Popover, PopoverContent, PopoverTrigger } from './popover'
-import { cn } from '@/lib/utils'
 
 export const PALETTE_COLORS = [
   '#ef4444', // Red        0°
@@ -28,27 +28,30 @@ export function ColorDot({ color, onChange }: ColorDotProps) {
   const [open, setOpen] = useState(false)
 
   return (
-    <Popover open={open} onOpenChange={setOpen}>
+    <Popover onOpenChange={setOpen} open={open}>
       <PopoverTrigger asChild>
         <button
-          type="button"
-          className="relative shrink-0 h-3 w-3 rounded-sm border border-border/50 cursor-pointer hover:ring-1 hover:ring-ring/50 transition-all"
-          style={{ backgroundColor: color }}
+          className="relative h-3 w-3 shrink-0 cursor-pointer rounded-sm border border-border/50 transition-all hover:ring-1 hover:ring-ring/50"
           onClick={(e) => e.stopPropagation()}
+          style={{ backgroundColor: color }}
+          type="button"
         />
       </PopoverTrigger>
-      <PopoverContent side="left" align="center" sideOffset={6} className="w-auto p-1.5">
+      <PopoverContent align="center" className="w-auto p-1.5" side="left" sideOffset={6}>
         <div className="grid grid-cols-4 gap-1">
           {PALETTE_COLORS.map((c) => (
             <button
-              key={c}
-              type="button"
               className={cn(
                 'h-5 w-5 rounded-sm border transition-transform hover:scale-110',
                 c === color ? 'border-foreground/50 ring-1 ring-ring/50' : 'border-border/30',
               )}
+              key={c}
+              onClick={() => {
+                onChange(c)
+                setOpen(false)
+              }}
               style={{ backgroundColor: c }}
-              onClick={() => { onChange(c); setOpen(false) }}
+              type="button"
             />
           ))}
         </div>
diff --git a/apps/editor/components/ui/primitives/context-menu.tsx b/packages/editor/src/components/ui/primitives/context-menu.tsx
similarity index 94%
rename from apps/editor/components/ui/primitives/context-menu.tsx
rename to packages/editor/src/components/ui/primitives/context-menu.tsx
index ca2c8082..79ecbf09 100644
--- a/apps/editor/components/ui/primitives/context-menu.tsx
+++ b/packages/editor/src/components/ui/primitives/context-menu.tsx
@@ -4,7 +4,7 @@ import * as ContextMenuPrimitive from '@radix-ui/react-context-menu'
 import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react'
 import type * as React from 'react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../../lib/utils'
 
 function ContextMenu({ ...props }: React.ComponentProps<typeof ContextMenuPrimitive.Root>) {
   return <ContextMenuPrimitive.Root data-slot="context-menu" {...props} />
@@ -45,7 +45,7 @@ function ContextMenuSubTrigger({
   return (
     <ContextMenuPrimitive.SubTrigger
       className={cn(
-        "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 text-sm font-barlow outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[inset]:pl-8 data-[state=open]:text-accent-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        "flex cursor-default select-none items-center rounded-sm px-2 py-1.5 font-barlow text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-[inset]:pl-8 data-[state=open]:text-accent-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
         className,
       )}
       data-inset={inset}
@@ -104,7 +104,7 @@ function ContextMenuItem({
   return (
     <ContextMenuPrimitive.Item
       className={cn(
-        "data-[variant=destructive]:*:[svg]:!text-destructive relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm font-barlow outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[disabled]:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        "data-[variant=destructive]:*:[svg]:!text-destructive relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 font-barlow text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[inset]:pl-8 data-[variant=destructive]:text-destructive data-[disabled]:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
         className,
       )}
       data-inset={inset}
@@ -125,7 +125,7 @@ function ContextMenuCheckboxItem({
     <ContextMenuPrimitive.CheckboxItem
       checked={checked}
       className={cn(
-        "relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm font-barlow outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        "relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 font-barlow text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         className,
       )}
       data-slot="context-menu-checkbox-item"
@@ -149,7 +149,7 @@ function ContextMenuRadioItem({
   return (
     <ContextMenuPrimitive.RadioItem
       className={cn(
-        "relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm font-barlow outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        "relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 font-barlow text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[disabled]:pointer-events-none data-[disabled]:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         className,
       )}
       data-slot="context-menu-radio-item"
@@ -174,7 +174,10 @@ function ContextMenuLabel({
 }) {
   return (
     <ContextMenuPrimitive.Label
-      className={cn('px-2 py-1.5 font-medium font-barlow text-foreground text-sm data-[inset]:pl-8', className)}
+      className={cn(
+        'px-2 py-1.5 font-barlow font-medium text-foreground text-sm data-[inset]:pl-8',
+        className,
+      )}
       data-inset={inset}
       data-slot="context-menu-label"
       {...props}
diff --git a/apps/editor/components/ui/primitives/dialog.tsx b/packages/editor/src/components/ui/primitives/dialog.tsx
similarity index 98%
rename from apps/editor/components/ui/primitives/dialog.tsx
rename to packages/editor/src/components/ui/primitives/dialog.tsx
index af0d5f93..e88503f6 100644
--- a/apps/editor/components/ui/primitives/dialog.tsx
+++ b/packages/editor/src/components/ui/primitives/dialog.tsx
@@ -4,7 +4,7 @@ import * as DialogPrimitive from '@radix-ui/react-dialog'
 import { XIcon } from 'lucide-react'
 import type * as React from 'react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../../lib/utils'
 
 function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {
   return <DialogPrimitive.Root data-slot="dialog" {...props} />
diff --git a/apps/editor/components/ui/primitives/dropdown-menu.tsx b/packages/editor/src/components/ui/primitives/dropdown-menu.tsx
similarity index 95%
rename from apps/editor/components/ui/primitives/dropdown-menu.tsx
rename to packages/editor/src/components/ui/primitives/dropdown-menu.tsx
index a509fbee..3c42767e 100644
--- a/apps/editor/components/ui/primitives/dropdown-menu.tsx
+++ b/packages/editor/src/components/ui/primitives/dropdown-menu.tsx
@@ -4,7 +4,7 @@ import * as DropdownMenuPrimitive from '@radix-ui/react-dropdown-menu'
 import { CheckIcon, ChevronRightIcon, CircleIcon } from 'lucide-react'
 import type * as React from 'react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../../lib/utils'
 
 function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
   return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />
@@ -58,7 +58,7 @@ function DropdownMenuItem({
   return (
     <DropdownMenuPrimitive.Item
       className={cn(
-        "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm font-barlow outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-inset:pl-8 data-[variant=destructive]:text-destructive data-disabled:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 data-[variant=destructive]:*:[svg]:text-destructive!",
+        "relative flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 font-barlow text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-inset:pl-8 data-[variant=destructive]:text-destructive data-disabled:opacity-50 data-[variant=destructive]:focus:bg-destructive/10 data-[variant=destructive]:focus:text-destructive dark:data-[variant=destructive]:focus:bg-destructive/20 [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0 data-[variant=destructive]:*:[svg]:text-destructive!",
         className,
       )}
       data-inset={inset}
@@ -79,7 +79,7 @@ function DropdownMenuCheckboxItem({
     <DropdownMenuPrimitive.CheckboxItem
       checked={checked}
       className={cn(
-        "relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm font-barlow outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        "relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 font-barlow text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         className,
       )}
       data-slot="dropdown-menu-checkbox-item"
@@ -109,7 +109,7 @@ function DropdownMenuRadioItem({
   return (
     <DropdownMenuPrimitive.RadioItem
       className={cn(
-        "relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 text-sm font-barlow outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        "relative flex cursor-default select-none items-center gap-2 rounded-sm py-1.5 pr-2 pl-8 font-barlow text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-disabled:pointer-events-none data-disabled:opacity-50 [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0",
         className,
       )}
       data-slot="dropdown-menu-radio-item"
@@ -134,7 +134,7 @@ function DropdownMenuLabel({
 }) {
   return (
     <DropdownMenuPrimitive.Label
-      className={cn('px-2 py-1.5 font-medium font-barlow text-sm data-inset:pl-8', className)}
+      className={cn('px-2 py-1.5 font-barlow font-medium text-sm data-inset:pl-8', className)}
       data-inset={inset}
       data-slot="dropdown-menu-label"
       {...props}
@@ -180,7 +180,7 @@ function DropdownMenuSubTrigger({
   return (
     <DropdownMenuPrimitive.SubTrigger
       className={cn(
-        "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 text-sm font-barlow outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-inset:pl-8 data-[state=open]:text-accent-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
+        "flex cursor-default select-none items-center gap-2 rounded-sm px-2 py-1.5 font-barlow text-sm outline-hidden focus:bg-accent focus:text-accent-foreground data-[state=open]:bg-accent data-inset:pl-8 data-[state=open]:text-accent-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg:not([class*='text-'])]:text-muted-foreground [&_svg]:pointer-events-none [&_svg]:shrink-0",
         className,
       )}
       data-inset={inset}
diff --git a/apps/editor/components/ui/primitives/error-boundary.tsx b/packages/editor/src/components/ui/primitives/error-boundary.tsx
similarity index 87%
rename from apps/editor/components/ui/primitives/error-boundary.tsx
rename to packages/editor/src/components/ui/primitives/error-boundary.tsx
index 063d4a1b..047ab75a 100644
--- a/apps/editor/components/ui/primitives/error-boundary.tsx
+++ b/packages/editor/src/components/ui/primitives/error-boundary.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import React, { Component, ErrorInfo, ReactNode } from 'react'
+import React, { Component, type ErrorInfo, type ReactNode } from 'react'
 
 interface Props {
   children?: ReactNode
@@ -33,8 +33,8 @@ export class ErrorBoundary extends Component<Props, State> {
       }
       return (
         <div className="flex h-screen w-screen flex-col items-center justify-center bg-[#1b1c1f] p-4 text-white">
-          <h2 className="mb-4 text-xl font-bold text-red-400">Something went wrong</h2>
-          <pre className="max-w-full overflow-auto rounded bg-black/30 p-4 text-sm text-gray-300">
+          <h2 className="mb-4 font-bold text-red-400 text-xl">Something went wrong</h2>
+          <pre className="max-w-full overflow-auto rounded bg-black/30 p-4 text-gray-300 text-sm">
             {this.state.error?.message}
           </pre>
           <button
@@ -50,4 +50,3 @@ export class ErrorBoundary extends Component<Props, State> {
     return this.props.children
   }
 }
-
diff --git a/apps/editor/components/ui/primitives/input.tsx b/packages/editor/src/components/ui/primitives/input.tsx
similarity index 95%
rename from apps/editor/components/ui/primitives/input.tsx
rename to packages/editor/src/components/ui/primitives/input.tsx
index cbec9c8a..e1be92da 100644
--- a/apps/editor/components/ui/primitives/input.tsx
+++ b/packages/editor/src/components/ui/primitives/input.tsx
@@ -1,6 +1,6 @@
 import type * as React from 'react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../../lib/utils'
 
 function Input({ className, type, ...props }: React.ComponentProps<'input'>) {
   return (
diff --git a/apps/editor/components/ui/primitives/number-input.tsx b/packages/editor/src/components/ui/primitives/number-input.tsx
similarity index 79%
rename from apps/editor/components/ui/primitives/number-input.tsx
rename to packages/editor/src/components/ui/primitives/number-input.tsx
index 491fa770..633638a1 100644
--- a/apps/editor/components/ui/primitives/number-input.tsx
+++ b/packages/editor/src/components/ui/primitives/number-input.tsx
@@ -1,8 +1,8 @@
 'use client'
 
+import NumberFlow from '@number-flow/react'
 import { useScene } from '@pascal-app/core'
 import { useCallback, useRef, useState } from 'react'
-import NumberFlow from '@number-flow/react'
 
 interface NumberInputProps {
   label: string
@@ -132,10 +132,10 @@ export function NumberInput({
   )
 
   return (
-    <div className={`${className} relative group/input`}>
-      <div 
-        className={`absolute inset-y-0 left-0 bg-primary/10 dark:bg-primary/20 pointer-events-none transition-all duration-75 ${isDragging ? 'opacity-100' : 'opacity-0'}`}
-        style={{ 
+    <div className={`${className} group/input relative`}>
+      <div
+        className={`pointer-events-none absolute inset-y-0 left-0 bg-primary/10 transition-all duration-75 dark:bg-primary/20 ${isDragging ? 'opacity-100' : 'opacity-0'}`}
+        style={{
           width: `${Math.min(100, Math.max(0, ((value - (min ?? Math.min(0, value))) / ((max ?? Math.max(10, value)) - (min ?? Math.min(0, value)))) * 100))}%`,
           borderTopRightRadius: value >= (max ?? Math.max(10, value)) ? '0.5rem' : '0',
           borderBottomRightRadius: value >= (max ?? Math.max(10, value)) ? '0.5rem' : '0',
@@ -143,35 +143,41 @@ export function NumberInput({
           borderBottomLeftRadius: '0.5rem',
         }}
       />
-      <div className={`flex items-center rounded-lg border shadow-[0_1px_2px_0px_rgba(0,0,0,0.05)] overflow-hidden transition-all focus-within:ring-1 focus-within:ring-primary focus-within:border-primary relative z-10 ${isDragging ? 'bg-transparent border-neutral-300 dark:border-border ring-1 ring-neutral-200/60 dark:ring-border/50' : 'bg-white dark:bg-accent/30 border-neutral-200/60 dark:border-border/50 hover:border-neutral-300 dark:hover:border-border/80'}`}>
+      <div
+        className={`relative z-10 flex items-center overflow-hidden rounded-lg border shadow-[0_1px_2px_0px_rgba(0,0,0,0.05)] transition-all focus-within:border-primary focus-within:ring-1 focus-within:ring-primary ${isDragging ? 'border-neutral-300 bg-transparent ring-1 ring-neutral-200/60 dark:border-border dark:ring-border/50' : 'border-neutral-200/60 bg-white hover:border-neutral-300 dark:border-border/50 dark:bg-accent/30 dark:hover:border-border/80'}`}
+      >
         <div
-          ref={labelRef}
-          className={`pl-2 pr-1 py-1.5 text-muted-foreground text-xs select-none font-barlow font-medium truncate z-10 ${
-            isDragging ? 'cursor-ew-resize text-foreground' : 'hover:cursor-ew-resize hover:text-foreground'
+          className={`z-10 select-none truncate py-1.5 pr-1 pl-2 font-barlow font-medium text-muted-foreground text-xs ${
+            isDragging
+              ? 'cursor-ew-resize text-foreground'
+              : 'hover:cursor-ew-resize hover:text-foreground'
           } transition-colors`}
           onMouseDown={handleLabelMouseDown}
+          ref={labelRef}
         >
           {label}
         </div>
         {isEditing ? (
           <input
             autoFocus
-            size={1}
-            className="flex-1 min-w-0 bg-transparent px-2 py-1.5 text-foreground text-sm font-mono font-medium outline-none text-right placeholder:text-muted-foreground/50 z-10"
+            className="z-10 min-w-0 flex-1 bg-transparent px-2 py-1.5 text-right font-medium font-mono text-foreground text-sm outline-none placeholder:text-muted-foreground/50"
             onBlur={handleInputBlur}
             onChange={handleInputChange}
             onKeyDown={handleInputKeyDown}
+            size={1}
             type="text"
             value={inputValue}
           />
         ) : (
           <div
-            className={`flex-1 px-2 py-1.5 text-sm font-mono font-medium cursor-text hover:bg-black/5 dark:hover:bg-white/5 transition-colors text-right truncate z-10 text-foreground tabular-nums tracking-tight min-w-0`}
+            className={
+              'z-10 min-w-0 flex-1 cursor-text truncate px-2 py-1.5 text-right font-medium font-mono text-foreground text-sm tabular-nums tracking-tight transition-colors hover:bg-black/5 dark:hover:bg-white/5'
+            }
             onClick={handleValueClick}
           >
             <NumberFlow
-              value={Number(value.toFixed(precision))}
               format={{ minimumFractionDigits: precision, maximumFractionDigits: precision }}
+              value={Number(value.toFixed(precision))}
             />
           </div>
         )}
diff --git a/apps/editor/components/ui/primitives/opacity-control.tsx b/packages/editor/src/components/ui/primitives/opacity-control.tsx
similarity index 89%
rename from apps/editor/components/ui/primitives/opacity-control.tsx
rename to packages/editor/src/components/ui/primitives/opacity-control.tsx
index cbd51042..b022e359 100644
--- a/apps/editor/components/ui/primitives/opacity-control.tsx
+++ b/packages/editor/src/components/ui/primitives/opacity-control.tsx
@@ -2,10 +2,10 @@
 
 import { Eye, EyeOff } from 'lucide-react'
 import { useState } from 'react'
-import { Button } from '@/components/ui/primitives/button'
-import { Popover, PopoverContent, PopoverTrigger } from '@/components/ui/primitives/popover'
-import { Slider } from '@/components/ui/primitives/slider'
-import { cn } from '@/lib/utils'
+import { Button } from '../../../components/ui/primitives/button'
+import { Popover, PopoverContent, PopoverTrigger } from '../../../components/ui/primitives/popover'
+import { Slider } from '../../../components/ui/primitives/slider'
+import { cn } from '../../../lib/utils'
 
 interface OpacityControlProps {
   visible?: boolean
diff --git a/apps/editor/components/ui/primitives/popover.tsx b/packages/editor/src/components/ui/primitives/popover.tsx
similarity index 97%
rename from apps/editor/components/ui/primitives/popover.tsx
rename to packages/editor/src/components/ui/primitives/popover.tsx
index 73690aee..3f5bb217 100644
--- a/apps/editor/components/ui/primitives/popover.tsx
+++ b/packages/editor/src/components/ui/primitives/popover.tsx
@@ -3,7 +3,7 @@
 import * as PopoverPrimitive from '@radix-ui/react-popover'
 import type * as React from 'react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../../lib/utils'
 
 function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {
   return <PopoverPrimitive.Root data-slot="popover" {...props} />
diff --git a/apps/editor/components/ui/primitives/separator.tsx b/packages/editor/src/components/ui/primitives/separator.tsx
similarity index 94%
rename from apps/editor/components/ui/primitives/separator.tsx
rename to packages/editor/src/components/ui/primitives/separator.tsx
index 595bc0f0..e7ac1c01 100644
--- a/apps/editor/components/ui/primitives/separator.tsx
+++ b/packages/editor/src/components/ui/primitives/separator.tsx
@@ -3,7 +3,7 @@
 import * as SeparatorPrimitive from '@radix-ui/react-separator'
 import type * as React from 'react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../../lib/utils'
 
 function Separator({
   className,
diff --git a/apps/editor/components/ui/primitives/sheet.tsx b/packages/editor/src/components/ui/primitives/sheet.tsx
similarity index 99%
rename from apps/editor/components/ui/primitives/sheet.tsx
rename to packages/editor/src/components/ui/primitives/sheet.tsx
index 26d6bb82..0d367ea5 100644
--- a/apps/editor/components/ui/primitives/sheet.tsx
+++ b/packages/editor/src/components/ui/primitives/sheet.tsx
@@ -4,7 +4,7 @@ import * as SheetPrimitive from '@radix-ui/react-dialog'
 import { XIcon } from 'lucide-react'
 import type * as React from 'react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../../lib/utils'
 
 function Sheet({ ...props }: React.ComponentProps<typeof SheetPrimitive.Root>) {
   return <SheetPrimitive.Root data-slot="sheet" {...props} />
diff --git a/apps/editor/components/ui/primitives/sidebar.tsx b/packages/editor/src/components/ui/primitives/sidebar.tsx
similarity index 53%
rename from apps/editor/components/ui/primitives/sidebar.tsx
rename to packages/editor/src/components/ui/primitives/sidebar.tsx
index fda56db9..800368d1 100644
--- a/apps/editor/components/ui/primitives/sidebar.tsx
+++ b/packages/editor/src/components/ui/primitives/sidebar.tsx
@@ -1,44 +1,44 @@
-"use client";
+'use client'
 
-import { Slot } from "@radix-ui/react-slot";
-import { cva, type VariantProps } from "class-variance-authority";
-import { PanelLeftIcon } from "lucide-react";
-import * as React from "react";
-import { create } from "zustand";
-import { persist } from "zustand/middleware";
-import { Button } from "@/components/ui/primitives/button";
-import { Input } from "@/components/ui/primitives/input";
-import { Separator } from "@/components/ui/primitives/separator";
+import { Slot } from '@radix-ui/react-slot'
+import { cva, type VariantProps } from 'class-variance-authority'
+import { PanelLeftIcon } from 'lucide-react'
+import * as React from 'react'
+import { create } from 'zustand'
+import { persist } from 'zustand/middleware'
+import { Button } from './../../../components/ui/primitives/button'
+import { Input } from './../../../components/ui/primitives/input'
+import { Separator } from './../../../components/ui/primitives/separator'
 import {
   Sheet,
   SheetContent,
   SheetDescription,
   SheetHeader,
   SheetTitle,
-} from "@/components/ui/primitives/sheet";
-import { Skeleton } from "@/components/ui/primitives/skeleton";
+} from './../../../components/ui/primitives/sheet'
+import { Skeleton } from './../../../components/ui/primitives/skeleton'
 import {
   Tooltip,
   TooltipContent,
   TooltipProvider,
   TooltipTrigger,
-} from "@/components/ui/primitives/tooltip";
-import { useIsMobile } from "@/hooks/use-mobile";
-import { cn } from "@/lib/utils";
+} from './../../../components/ui/primitives/tooltip'
+import { useIsMobile } from './../../../hooks/use-mobile'
+import { cn } from './../../../lib/utils'
 
-const SIDEBAR_COOKIE_NAME = "sidebar_state";
-const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7;
-const SIDEBAR_WIDTH = "18rem";
-const SIDEBAR_WIDTH_MOBILE = "18rem";
-const SIDEBAR_WIDTH_ICON = "3rem";
-const SIDEBAR_KEYBOARD_SHORTCUT = "b";
+const SIDEBAR_COOKIE_NAME = 'sidebar_state'
+const SIDEBAR_COOKIE_MAX_AGE = 60 * 60 * 24 * 7
+const SIDEBAR_WIDTH = '18rem'
+const SIDEBAR_WIDTH_MOBILE = '18rem'
+const SIDEBAR_WIDTH_ICON = '3rem'
+const SIDEBAR_KEYBOARD_SHORTCUT = 'b'
 
 type SidebarStore = {
-  width: number;
-  setWidth: (width: number) => void;
-  isDragging: boolean;
-  setIsDragging: (isDragging: boolean) => void;
-};
+  width: number
+  setWidth: (width: number) => void
+  isDragging: boolean
+  setIsDragging: (isDragging: boolean) => void
+}
 
 export const useSidebarStore = create<SidebarStore>()(
   persist(
@@ -49,31 +49,31 @@ export const useSidebarStore = create<SidebarStore>()(
       setIsDragging: (isDragging) => set({ isDragging }),
     }),
     {
-      name: "sidebar-preferences",
+      name: 'sidebar-preferences',
       partialize: (state) => ({ width: state.width }), // Only persist width
-    }
-  )
-);
+    },
+  ),
+)
 
 type SidebarContextProps = {
-  state: "expanded" | "collapsed";
-  open: boolean;
-  setOpen: (open: boolean) => void;
-  openMobile: boolean;
-  setOpenMobile: (open: boolean) => void;
-  isMobile: boolean;
-  toggleSidebar: () => void;
-};
+  state: 'expanded' | 'collapsed'
+  open: boolean
+  setOpen: (open: boolean) => void
+  openMobile: boolean
+  setOpenMobile: (open: boolean) => void
+  isMobile: boolean
+  toggleSidebar: () => void
+}
 
-const SidebarContext = React.createContext<SidebarContextProps | null>(null);
+const SidebarContext = React.createContext<SidebarContextProps | null>(null)
 
 function useSidebar() {
-  const context = React.useContext(SidebarContext);
+  const context = React.useContext(SidebarContext)
   if (!context) {
-    throw new Error("useSidebar must be used within a SidebarProvider.");
+    throw new Error('useSidebar must be used within a SidebarProvider.')
   }
 
-  return context;
+  return context
 }
 
 function SidebarProvider({
@@ -84,61 +84,57 @@ function SidebarProvider({
   style,
   children,
   ...props
-}: React.ComponentProps<"div"> & {
-  defaultOpen?: boolean;
-  open?: boolean;
-  onOpenChange?: (open: boolean) => void;
+}: React.ComponentProps<'div'> & {
+  defaultOpen?: boolean
+  open?: boolean
+  onOpenChange?: (open: boolean) => void
 }) {
-  const isMobile = useIsMobile();
-  const [openMobile, setOpenMobile] = React.useState(false);
-  const sidebarWidth = useSidebarStore((state) => state.width);
-  const isDragging = useSidebarStore((state) => state.isDragging);
+  const isMobile = useIsMobile()
+  const [openMobile, setOpenMobile] = React.useState(false)
+  const sidebarWidth = useSidebarStore((state) => state.width)
+  const isDragging = useSidebarStore((state) => state.isDragging)
 
   // This is the internal state of the sidebar.
   // We use openProp and setOpenProp for control from outside the component.
-  const [_open, _setOpen] = React.useState(defaultOpen);
-  const open = openProp ?? _open;
+  const [_open, _setOpen] = React.useState(defaultOpen)
+  const open = openProp ?? _open
   const setOpen = React.useCallback(
     (value: boolean | ((value: boolean) => boolean)) => {
-      const openState = typeof value === "function" ? value(open) : value;
+      const openState = typeof value === 'function' ? value(open) : value
       if (setOpenProp) {
-        setOpenProp(openState);
+        setOpenProp(openState)
       } else {
-        _setOpen(openState);
+        _setOpen(openState)
       }
 
       // This sets the cookie to keep the sidebar state.
-      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`;
+      document.cookie = `${SIDEBAR_COOKIE_NAME}=${openState}; path=/; max-age=${SIDEBAR_COOKIE_MAX_AGE}`
     },
     [setOpenProp, open],
-  );
+  )
 
   // Helper to toggle the sidebar.
   const toggleSidebar = React.useCallback(
-    () =>
-      isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open),
+    () => (isMobile ? setOpenMobile((open) => !open) : setOpen((open) => !open)),
     [isMobile, setOpen],
-  );
+  )
 
   // Adds a keyboard shortcut to toggle the sidebar.
   React.useEffect(() => {
     const handleKeyDown = (event: KeyboardEvent) => {
-      if (
-        event.key === SIDEBAR_KEYBOARD_SHORTCUT &&
-        (event.metaKey || event.ctrlKey)
-      ) {
-        event.preventDefault();
-        toggleSidebar();
+      if (event.key === SIDEBAR_KEYBOARD_SHORTCUT && (event.metaKey || event.ctrlKey)) {
+        event.preventDefault()
+        toggleSidebar()
       }
-    };
+    }
 
-    window.addEventListener("keydown", handleKeyDown);
-    return () => window.removeEventListener("keydown", handleKeyDown);
-  }, [toggleSidebar]);
+    window.addEventListener('keydown', handleKeyDown)
+    return () => window.removeEventListener('keydown', handleKeyDown)
+  }, [toggleSidebar])
 
   // We add a state so that we can do data-state="expanded" or "collapsed".
   // This makes it easier to style the sidebar with Tailwind classes.
-  const state = open ? "expanded" : "collapsed";
+  const state = open ? 'expanded' : 'collapsed'
 
   const contextValue = React.useMemo<SidebarContextProps>(
     () => ({
@@ -151,22 +147,22 @@ function SidebarProvider({
       toggleSidebar,
     }),
     [state, open, setOpen, isMobile, openMobile, toggleSidebar],
-  );
+  )
 
   return (
     <SidebarContext.Provider value={contextValue}>
       <TooltipProvider delayDuration={0}>
         <div
           className={cn(
-            "group/sidebar-wrapper flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar pointer-events-none",
+            'group/sidebar-wrapper pointer-events-none flex min-h-svh w-full has-data-[variant=inset]:bg-sidebar',
             className,
           )}
-          data-slot="sidebar-wrapper"
           data-dragging={isDragging}
+          data-slot="sidebar-wrapper"
           style={
             {
-              "--sidebar-width": `${sidebarWidth}px`,
-              "--sidebar-width-icon": SIDEBAR_WIDTH_ICON,
+              '--sidebar-width': `${sidebarWidth}px`,
+              '--sidebar-width-icon': SIDEBAR_WIDTH_ICON,
               ...style,
             } as React.CSSProperties
           }
@@ -176,74 +172,74 @@ function SidebarProvider({
         </div>
       </TooltipProvider>
     </SidebarContext.Provider>
-  );
+  )
 }
 
-function SidebarResizer({ side }: { side: "left" | "right" }) {
-  const setWidth = useSidebarStore((state) => state.setWidth);
-  const setIsDragging = useSidebarStore((state) => state.setIsDragging);
-  const isResizing = React.useRef(false);
+function SidebarResizer({ side }: { side: 'left' | 'right' }) {
+  const setWidth = useSidebarStore((state) => state.setWidth)
+  const setIsDragging = useSidebarStore((state) => state.setIsDragging)
+  const isResizing = React.useRef(false)
 
   const handlePointerDown = (e: React.PointerEvent) => {
-    isResizing.current = true;
-    setIsDragging(true);
-    document.body.style.cursor = "col-resize";
-    document.body.style.userSelect = "none";
-  };
+    isResizing.current = true
+    setIsDragging(true)
+    document.body.style.cursor = 'col-resize'
+    document.body.style.userSelect = 'none'
+  }
 
   React.useEffect(() => {
     const handlePointerMove = (e: PointerEvent) => {
-      if (!isResizing.current) return;
-      const newWidth = side === "left" ? e.clientX : window.innerWidth - e.clientX;
-      setWidth(Math.max(288, Math.min(newWidth, 800)));
-    };
+      if (!isResizing.current) return
+      const newWidth = side === 'left' ? e.clientX : window.innerWidth - e.clientX
+      setWidth(Math.max(288, Math.min(newWidth, 800)))
+    }
 
     const handlePointerUp = () => {
-      isResizing.current = false;
-      setIsDragging(false);
-      document.body.style.cursor = "";
-      document.body.style.userSelect = "";
-    };
+      isResizing.current = false
+      setIsDragging(false)
+      document.body.style.cursor = ''
+      document.body.style.userSelect = ''
+    }
 
-    window.addEventListener("pointermove", handlePointerMove);
-    window.addEventListener("pointerup", handlePointerUp);
+    window.addEventListener('pointermove', handlePointerMove)
+    window.addEventListener('pointerup', handlePointerUp)
 
     return () => {
-      window.removeEventListener("pointermove", handlePointerMove);
-      window.removeEventListener("pointerup", handlePointerUp);
-    };
-  }, [setWidth, side]);
+      window.removeEventListener('pointermove', handlePointerMove)
+      window.removeEventListener('pointerup', handlePointerUp)
+    }
+  }, [setWidth, side])
 
   return (
     <div
-      onPointerDown={handlePointerDown}
       className={cn(
-        "absolute top-0 bottom-0 w-2 cursor-col-resize z-50 hover:bg-primary/50 transition-colors",
-        side === "left" ? "-right-1" : "-left-1"
+        'absolute top-0 bottom-0 z-50 w-2 cursor-col-resize transition-colors hover:bg-primary/50',
+        side === 'left' ? '-right-1' : '-left-1',
       )}
+      onPointerDown={handlePointerDown}
     />
-  );
+  )
 }
 
 function Sidebar({
-  side = "left",
-  variant = "sidebar",
-  collapsible = "offcanvas",
+  side = 'left',
+  variant = 'sidebar',
+  collapsible = 'offcanvas',
   className,
   children,
   ...props
-}: React.ComponentProps<"div"> & {
-  side?: "left" | "right";
-  variant?: "sidebar" | "floating" | "inset";
-  collapsible?: "offcanvas" | "icon" | "none";
+}: React.ComponentProps<'div'> & {
+  side?: 'left' | 'right'
+  variant?: 'sidebar' | 'floating' | 'inset'
+  collapsible?: 'offcanvas' | 'icon' | 'none'
 }) {
-  const { isMobile, state, openMobile, setOpenMobile } = useSidebar();
+  const { isMobile, state, openMobile, setOpenMobile } = useSidebar()
 
-  if (collapsible === "none") {
+  if (collapsible === 'none') {
     return (
       <div
         className={cn(
-          "flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground",
+          'flex h-full w-(--sidebar-width) flex-col bg-sidebar text-sidebar-foreground',
           className,
         )}
         data-slot="sidebar"
@@ -251,7 +247,7 @@ function Sidebar({
       >
         {children}
       </div>
-    );
+    )
   }
 
   if (isMobile) {
@@ -265,7 +261,7 @@ function Sidebar({
           side={side}
           style={
             {
-              "--sidebar-width": SIDEBAR_WIDTH_MOBILE,
+              '--sidebar-width': SIDEBAR_WIDTH_MOBILE,
             } as React.CSSProperties
           }
         >
@@ -276,13 +272,13 @@ function Sidebar({
           <div className="flex h-full w-full flex-col">{children}</div>
         </SheetContent>
       </Sheet>
-    );
+    )
   }
 
   return (
     <div
-      className="group peer hidden text-sidebar-foreground md:block "
-      data-collapsible={state === "collapsed" ? collapsible : ""}
+      className="group peer hidden text-sidebar-foreground md:block"
+      data-collapsible={state === 'collapsed' ? collapsible : ''}
       data-side={side}
       data-slot="sidebar"
       data-state={state}
@@ -291,34 +287,34 @@ function Sidebar({
       {/* This is what handles the sidebar gap on desktop */}
       <div
         className={cn(
-          "relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear",
-          "group-data-[dragging=true]/sidebar-wrapper:transition-none",
-          "group-data-[collapsible=offcanvas]:w-0",
-          "group-data-[side=right]:rotate-180",
-          variant === "floating" || variant === "inset"
-            ? "group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]"
-            : "group-data-[collapsible=icon]:w-(--sidebar-width-icon)",
+          'relative w-(--sidebar-width) bg-transparent transition-[width] duration-200 ease-linear',
+          'group-data-[dragging=true]/sidebar-wrapper:transition-none',
+          'group-data-[collapsible=offcanvas]:w-0',
+          'group-data-[side=right]:rotate-180',
+          variant === 'floating' || variant === 'inset'
+            ? 'group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4)))]'
+            : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon)',
         )}
         data-slot="sidebar-gap"
       />
       <div
         className={cn(
-          "fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex pointer-events-auto",
-          "group-data-[dragging=true]/sidebar-wrapper:transition-none",
-          side === "left"
-            ? "left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]"
-            : "right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]",
+          'pointer-events-auto fixed inset-y-0 z-10 hidden h-svh w-(--sidebar-width) transition-[left,right,width] duration-200 ease-linear md:flex',
+          'group-data-[dragging=true]/sidebar-wrapper:transition-none',
+          side === 'left'
+            ? 'left-0 group-data-[collapsible=offcanvas]:left-[calc(var(--sidebar-width)*-1)]'
+            : 'right-0 group-data-[collapsible=offcanvas]:right-[calc(var(--sidebar-width)*-1)]',
           // Adjust the padding for floating and inset variants.
-          variant === "floating" || variant === "inset"
-            ? "p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]"
-            : "group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l",
+          variant === 'floating' || variant === 'inset'
+            ? 'p-2 group-data-[collapsible=icon]:w-[calc(var(--sidebar-width-icon)+(--spacing(4))+2px)]'
+            : 'group-data-[collapsible=icon]:w-(--sidebar-width-icon) group-data-[side=left]:border-r group-data-[side=right]:border-l',
           className,
         )}
         data-slot="sidebar-container"
         {...props}
       >
         <div
-          className="flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow-sm pointer-events-auto relative"
+          className="pointer-events-auto relative flex h-full w-full flex-col bg-sidebar group-data-[variant=floating]:rounded-lg group-data-[variant=floating]:border group-data-[variant=floating]:border-sidebar-border group-data-[variant=floating]:shadow-sm"
           data-sidebar="sidebar"
           data-slot="sidebar-inner"
         >
@@ -327,24 +323,20 @@ function Sidebar({
         </div>
       </div>
     </div>
-  );
+  )
 }
 
-function SidebarTrigger({
-  className,
-  onClick,
-  ...props
-}: React.ComponentProps<typeof Button>) {
-  const { toggleSidebar } = useSidebar();
+function SidebarTrigger({ className, onClick, ...props }: React.ComponentProps<typeof Button>) {
+  const { toggleSidebar } = useSidebar()
 
   return (
     <Button
-      className={cn("size-7", className)}
+      className={cn('size-7', className)}
       data-sidebar="trigger"
       data-slot="sidebar-trigger"
       onClick={(event) => {
-        onClick?.(event);
-        toggleSidebar();
+        onClick?.(event)
+        toggleSidebar()
       }}
       size="icon"
       variant="ghost"
@@ -353,22 +345,22 @@ function SidebarTrigger({
       <PanelLeftIcon />
       <span className="sr-only">Toggle Sidebar</span>
     </Button>
-  );
+  )
 }
 
-function SidebarRail({ className, ...props }: React.ComponentProps<"button">) {
-  const { toggleSidebar } = useSidebar();
+function SidebarRail({ className, ...props }: React.ComponentProps<'button'>) {
+  const { toggleSidebar } = useSidebar()
 
   return (
     <button
       aria-label="Toggle Sidebar"
       className={cn(
-        "-translate-x-1/2 group-data-[side=left]:-right-4 absolute inset-y-0 z-20 hidden w-4 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=right]:left-0 sm:flex",
-        "in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize",
-        "[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize",
-        "group-data-[collapsible=offcanvas]:translate-x-0 hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:after:left-full",
-        "[[data-side=left][data-collapsible=offcanvas]_&]:-right-2",
-        "[[data-side=right][data-collapsible=offcanvas]_&]:-left-2",
+        'absolute inset-y-0 z-20 hidden w-4 -translate-x-1/2 transition-all ease-linear after:absolute after:inset-y-0 after:left-1/2 after:w-[2px] hover:after:bg-sidebar-border group-data-[side=left]:-right-4 group-data-[side=right]:left-0 sm:flex',
+        'in-data-[side=left]:cursor-w-resize in-data-[side=right]:cursor-e-resize',
+        '[[data-side=left][data-state=collapsed]_&]:cursor-e-resize [[data-side=right][data-state=collapsed]_&]:cursor-w-resize',
+        'group-data-[collapsible=offcanvas]:translate-x-0 hover:group-data-[collapsible=offcanvas]:bg-sidebar group-data-[collapsible=offcanvas]:after:left-full',
+        '[[data-side=left][data-collapsible=offcanvas]_&]:-right-2',
+        '[[data-side=right][data-collapsible=offcanvas]_&]:-left-2',
         className,
       )}
       data-sidebar="rail"
@@ -378,96 +370,90 @@ function SidebarRail({ className, ...props }: React.ComponentProps<"button">) {
       title="Toggle Sidebar"
       {...props}
     />
-  );
+  )
 }
 
-function SidebarInset({ className, ...props }: React.ComponentProps<"main">) {
+function SidebarInset({ className, ...props }: React.ComponentProps<'main'>) {
   return (
     <main
       className={cn(
-        "relative flex w-full flex-1 flex-col bg-background",
-        "md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm",
+        'relative flex w-full flex-1 flex-col bg-background',
+        'md:peer-data-[variant=inset]:peer-data-[state=collapsed]:ml-2 md:peer-data-[variant=inset]:m-2 md:peer-data-[variant=inset]:ml-0 md:peer-data-[variant=inset]:rounded-xl md:peer-data-[variant=inset]:shadow-sm',
         className,
       )}
       data-slot="sidebar-inset"
       {...props}
     />
-  );
+  )
 }
 
-function SidebarInput({
-  className,
-  ...props
-}: React.ComponentProps<typeof Input>) {
+function SidebarInput({ className, ...props }: React.ComponentProps<typeof Input>) {
   return (
     <Input
-      className={cn("h-8 w-full bg-background shadow-none", className)}
+      className={cn('h-8 w-full bg-background shadow-none', className)}
       data-sidebar="input"
       data-slot="sidebar-input"
       {...props}
     />
-  );
+  )
 }
 
-function SidebarHeader({ className, ...props }: React.ComponentProps<"div">) {
+function SidebarHeader({ className, ...props }: React.ComponentProps<'div'>) {
   return (
     <div
-      className={cn("flex flex-col gap-2 p-2", className)}
+      className={cn('flex flex-col gap-2 p-2', className)}
       data-sidebar="header"
       data-slot="sidebar-header"
       {...props}
     />
-  );
+  )
 }
 
-function SidebarFooter({ className, ...props }: React.ComponentProps<"div">) {
+function SidebarFooter({ className, ...props }: React.ComponentProps<'div'>) {
   return (
     <div
-      className={cn("flex flex-col gap-2 p-2", className)}
+      className={cn('flex flex-col gap-2 p-2', className)}
       data-sidebar="footer"
       data-slot="sidebar-footer"
       {...props}
     />
-  );
+  )
 }
 
-function SidebarSeparator({
-  className,
-  ...props
-}: React.ComponentProps<typeof Separator>) {
+function SidebarSeparator({ className, ...props }: React.ComponentProps<typeof Separator>) {
   return (
     <Separator
-      className={cn("mx-2 w-auto bg-sidebar-border", className)}
+      className={cn('mx-2 w-auto bg-sidebar-border', className)}
       data-sidebar="separator"
       data-slot="sidebar-separator"
       {...props}
     />
-  );
+  )
 }
 
-function SidebarContent({ className, ...props }: React.ComponentProps<"div">) {
+function SidebarContent({ className, ...props }: React.ComponentProps<'div'>) {
   return (
     <div
       className={cn(
-        "flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden",
+        'flex min-h-0 flex-1 flex-col gap-2 overflow-auto group-data-[collapsible=icon]:overflow-hidden',
         className,
       )}
       data-sidebar="content"
       data-slot="sidebar-content"
       {...props}
     />
-  );
+  )
 }
 
-function SidebarGroup({ className, ...props }: React.ComponentProps<"div">) {
+function SidebarGroup({ className, ...props }: React.ComponentProps<'div'>) {
   return (
     <div
-      className={cn("relative flex w-full min-w-0 flex-col p-2", className)}
+      className={cn('relative flex w-full min-w-0 flex-col p-2', className)}
       data-sidebar="group"
       data-slot="sidebar-group"
       {...props}
     />
-  );
+  )
 }
 
 function SidebarGroupLabel({
@@ -475,13 +461,13 @@ function SidebarGroupLabel({
   asChild = false,
   ref,
   ...props
-}: React.ComponentProps<"div"> & { asChild?: boolean }) {
+}: React.ComponentProps<'div'> & { asChild?: boolean }) {
   if (asChild) {
     return (
       <Slot
         className={cn(
-          "flex h-8 shrink-0 items-center rounded-md px-2 font-medium font-barlow text-sidebar-foreground/70 text-xs outline-hidden ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
-          "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+          'flex h-8 shrink-0 items-center rounded-md px-2 font-barlow font-medium text-sidebar-foreground/70 text-xs outline-hidden ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',
+          'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',
           className,
         )}
         data-sidebar="group-label"
@@ -489,14 +475,14 @@ function SidebarGroupLabel({
         ref={ref as never}
         {...props}
       />
-    );
+    )
   }
 
   return (
     <div
       className={cn(
-        "flex h-8 shrink-0 items-center rounded-md px-2 font-medium font-barlow text-sidebar-foreground/70 text-xs outline-hidden ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
-        "group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0",
+        'flex h-8 shrink-0 items-center rounded-md px-2 font-barlow font-medium text-sidebar-foreground/70 text-xs outline-hidden ring-sidebar-ring transition-[margin,opacity] duration-200 ease-linear focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',
+        'group-data-[collapsible=icon]:-mt-8 group-data-[collapsible=icon]:opacity-0',
         className,
       )}
       data-sidebar="group-label"
@@ -504,7 +490,7 @@ function SidebarGroupLabel({
       ref={ref}
       {...props}
     />
-  );
+  )
 }
 
 function SidebarGroupAction({
@@ -512,13 +498,13 @@ function SidebarGroupAction({
   asChild = false,
   ref,
   ...props
-}: React.ComponentProps<"button"> & { asChild?: boolean }) {
+}: React.ComponentProps<'button'> & { asChild?: boolean }) {
   const classes = cn(
-    "absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-hidden ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0",
-    "after:-inset-2 after:absolute md:after:hidden",
-    "group-data-[collapsible=icon]:hidden",
+    'absolute top-3.5 right-3 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-hidden ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 [&>svg]:size-4 [&>svg]:shrink-0',
+    'after:absolute after:-inset-2 md:after:hidden',
+    'group-data-[collapsible=icon]:hidden',
     className,
-  );
+  )
 
   if (asChild) {
     return (
@@ -529,7 +515,7 @@ function SidebarGroupAction({
         ref={ref as never}
         {...props}
       />
-    );
+    )
   }
 
   return (
@@ -540,83 +526,80 @@ function SidebarGroupAction({
       ref={ref}
       {...props}
     />
-  );
+  )
 }
 
-function SidebarGroupContent({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
+function SidebarGroupContent({ className, ...props }: React.ComponentProps<'div'>) {
   return (
     <div
-      className={cn("w-full text-sm", className)}
+      className={cn('w-full text-sm', className)}
       data-sidebar="group-content"
       data-slot="sidebar-group-content"
       {...props}
     />
-  );
+  )
 }
 
-function SidebarMenu({ className, ...props }: React.ComponentProps<"ul">) {
+function SidebarMenu({ className, ...props }: React.ComponentProps<'ul'>) {
   return (
     <ul
-      className={cn("flex w-full min-w-0 flex-col gap-1", className)}
+      className={cn('flex w-full min-w-0 flex-col gap-1', className)}
       data-sidebar="menu"
       data-slot="sidebar-menu"
       {...props}
     />
-  );
+  )
 }
 
-function SidebarMenuItem({ className, ...props }: React.ComponentProps<"li">) {
+function SidebarMenuItem({ className, ...props }: React.ComponentProps<'li'>) {
   return (
     <li
-      className={cn("group/menu-item relative", className)}
+      className={cn('group/menu-item relative', className)}
       data-sidebar="menu-item"
       data-slot="sidebar-menu-item"
       {...props}
     />
-  );
+  )
 }
 
 const sidebarMenuButtonVariants = cva(
-  "peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left font-barlow text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0",
+  'peer/menu-button flex w-full items-center gap-2 overflow-hidden rounded-md p-2 text-left font-barlow text-sm outline-hidden ring-sidebar-ring transition-[width,height,padding] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 group-has-data-[sidebar=menu-action]/menu-item:pr-8 aria-disabled:pointer-events-none aria-disabled:opacity-50 data-[active=true]:bg-sidebar-accent data-[active=true]:font-medium data-[active=true]:text-sidebar-accent-foreground data-[state=open]:hover:bg-sidebar-accent data-[state=open]:hover:text-sidebar-accent-foreground group-data-[collapsible=icon]:size-8! group-data-[collapsible=icon]:p-2! [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0',
   {
     variants: {
       variant: {
-        default: "hover:bg-sidebar-accent hover:text-sidebar-accent-foreground",
+        default: 'hover:bg-sidebar-accent hover:text-sidebar-accent-foreground',
         outline:
-          "bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]",
+          'bg-background shadow-[0_0_0_1px_hsl(var(--sidebar-border))] hover:bg-sidebar-accent hover:text-sidebar-accent-foreground hover:shadow-[0_0_0_1px_hsl(var(--sidebar-accent))]',
       },
       size: {
-        default: "h-8 text-sm",
-        sm: "h-7 text-xs",
-        lg: "h-12 text-sm group-data-[collapsible=icon]:p-0!",
+        default: 'h-8 text-sm',
+        sm: 'h-7 text-xs',
+        lg: 'h-12 text-sm group-data-[collapsible=icon]:p-0!',
       },
     },
     defaultVariants: {
-      variant: "default",
-      size: "default",
+      variant: 'default',
+      size: 'default',
     },
   },
-);
+)
 
 function SidebarMenuButton({
   asChild = false,
   isActive = false,
-  variant = "default",
-  size = "default",
+  variant = 'default',
+  size = 'default',
   tooltip,
   className,
   ref,
   ...props
-}: React.ComponentProps<"button"> & {
-  asChild?: boolean;
-  isActive?: boolean;
-  tooltip?: string | React.ComponentProps<typeof TooltipContent>;
+}: React.ComponentProps<'button'> & {
+  asChild?: boolean
+  isActive?: boolean
+  tooltip?: string | React.ComponentProps<typeof TooltipContent>
 } & VariantProps<typeof sidebarMenuButtonVariants>) {
-  const { isMobile, state } = useSidebar();
-  const classes = cn(sidebarMenuButtonVariants({ variant, size }), className);
+  const { isMobile, state } = useSidebar()
+  const classes = cn(sidebarMenuButtonVariants({ variant, size }), className)
 
   const button = asChild ? (
     <Slot
@@ -638,16 +621,16 @@ function SidebarMenuButton({
       ref={ref}
       {...props}
     />
-  );
+  )
 
   if (!tooltip) {
-    return button;
+    return button
   }
 
-  if (typeof tooltip === "string") {
+  if (typeof tooltip === 'string') {
     tooltip = {
       children: tooltip,
-    };
+    }
   }
 
   return (
@@ -655,12 +638,12 @@ function SidebarMenuButton({
       <TooltipTrigger asChild>{button}</TooltipTrigger>
       <TooltipContent
         align="center"
-        hidden={state !== "collapsed" || isMobile}
+        hidden={state !== 'collapsed' || isMobile}
         side="right"
         {...tooltip}
       />
     </Tooltip>
-  );
+  )
 }
 
 function SidebarMenuAction({
@@ -669,21 +652,21 @@ function SidebarMenuAction({
   showOnHover = false,
   ref,
   ...props
-}: React.ComponentProps<"button"> & {
-  asChild?: boolean;
-  showOnHover?: boolean;
+}: React.ComponentProps<'button'> & {
+  asChild?: boolean
+  showOnHover?: boolean
 }) {
   const classes = cn(
-    "absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-hidden ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0",
-    "after:-inset-2 after:absolute md:after:hidden",
-    "peer-data-[size=sm]/menu-button:top-1",
-    "peer-data-[size=default]/menu-button:top-1.5",
-    "peer-data-[size=lg]/menu-button:top-2.5",
-    "group-data-[collapsible=icon]:hidden",
+    'absolute top-1.5 right-1 flex aspect-square w-5 items-center justify-center rounded-md p-0 text-sidebar-foreground outline-hidden ring-sidebar-ring transition-transform hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 peer-hover/menu-button:text-sidebar-accent-foreground [&>svg]:size-4 [&>svg]:shrink-0',
+    'after:absolute after:-inset-2 md:after:hidden',
+    'peer-data-[size=sm]/menu-button:top-1',
+    'peer-data-[size=default]/menu-button:top-1.5',
+    'peer-data-[size=lg]/menu-button:top-2.5',
+    'group-data-[collapsible=icon]:hidden',
     showOnHover &&
-      "group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0",
+      'group-focus-within/menu-item:opacity-100 group-hover/menu-item:opacity-100 data-[state=open]:opacity-100 peer-data-[active=true]/menu-button:text-sidebar-accent-foreground md:opacity-0',
     className,
-  );
+  )
 
   if (asChild) {
     return (
@@ -694,7 +677,7 @@ function SidebarMenuAction({
         ref={ref as never}
         {...props}
       />
-    );
+    )
   }
 
   return (
@@ -705,119 +688,105 @@ function SidebarMenuAction({
       ref={ref}
       {...props}
     />
-  );
+  )
 }
 
-function SidebarMenuBadge({
-  className,
-  ...props
-}: React.ComponentProps<"div">) {
+function SidebarMenuBadge({ className, ...props }: React.ComponentProps<'div'>) {
   return (
     <div
       className={cn(
-        "pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 font-medium text-sidebar-foreground text-xs tabular-nums",
-        "peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground",
-        "peer-data-[size=sm]/menu-button:top-1",
-        "peer-data-[size=default]/menu-button:top-1.5",
-        "peer-data-[size=lg]/menu-button:top-2.5",
-        "group-data-[collapsible=icon]:hidden",
+        'pointer-events-none absolute right-1 flex h-5 min-w-5 select-none items-center justify-center rounded-md px-1 font-medium text-sidebar-foreground text-xs tabular-nums',
+        'peer-hover/menu-button:text-sidebar-accent-foreground peer-data-[active=true]/menu-button:text-sidebar-accent-foreground',
+        'peer-data-[size=sm]/menu-button:top-1',
+        'peer-data-[size=default]/menu-button:top-1.5',
+        'peer-data-[size=lg]/menu-button:top-2.5',
+        'group-data-[collapsible=icon]:hidden',
         className,
       )}
       data-sidebar="menu-badge"
       data-slot="sidebar-menu-badge"
       {...props}
     />
-  );
+  )
 }
 
 function SidebarMenuSkeleton({
   className,
   showIcon = false,
   ...props
-}: React.ComponentProps<"div"> & {
-  showIcon?: boolean;
+}: React.ComponentProps<'div'> & {
+  showIcon?: boolean
 }) {
   // Random width between 50 to 90%.
-  const width = React.useMemo(
-    () => `${Math.floor(Math.random() * 40) + 50}%`,
-    [],
-  );
+  const width = React.useMemo(() => `${Math.floor(Math.random() * 40) + 50}%`, [])
 
   return (
     <div
-      className={cn("flex h-8 items-center gap-2 rounded-md px-2", className)}
+      className={cn('flex h-8 items-center gap-2 rounded-md px-2', className)}
       data-sidebar="menu-skeleton"
       data-slot="sidebar-menu-skeleton"
       {...props}
     >
-      {showIcon && (
-        <Skeleton
-          className="size-4 rounded-md"
-          data-sidebar="menu-skeleton-icon"
-        />
-      )}
+      {showIcon && <Skeleton className="size-4 rounded-md" data-sidebar="menu-skeleton-icon" />}
       <Skeleton
         className="h-4 max-w-(--skeleton-width) flex-1"
         data-sidebar="menu-skeleton-text"
         style={
           {
-            "--skeleton-width": width,
+            '--skeleton-width': width,
           } as React.CSSProperties
         }
       />
     </div>
-  );
+  )
 }
 
-function SidebarMenuSub({ className, ...props }: React.ComponentProps<"ul">) {
+function SidebarMenuSub({ className, ...props }: React.ComponentProps<'ul'>) {
   return (
     <ul
       className={cn(
-        "mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-sidebar-border border-l px-2.5 py-0.5",
-        "group-data-[collapsible=icon]:hidden",
+        'mx-3.5 flex min-w-0 translate-x-px flex-col gap-1 border-sidebar-border border-l px-2.5 py-0.5',
+        'group-data-[collapsible=icon]:hidden',
         className,
       )}
       data-sidebar="menu-sub"
       data-slot="sidebar-menu-sub"
       {...props}
     />
-  );
+  )
 }
 
-function SidebarMenuSubItem({
-  className,
-  ...props
-}: React.ComponentProps<"li">) {
+function SidebarMenuSubItem({ className, ...props }: React.ComponentProps<'li'>) {
   return (
     <li
-      className={cn("group/menu-sub-item relative", className)}
+      className={cn('group/menu-sub-item relative', className)}
       data-sidebar="menu-sub-item"
       data-slot="sidebar-menu-sub-item"
       {...props}
     />
-  );
+  )
 }
 
 function SidebarMenuSubButton({
   asChild = false,
-  size = "md",
+  size = 'md',
   isActive = false,
   className,
   ref,
   ...props
-}: React.ComponentProps<"a"> & {
-  asChild?: boolean;
-  size?: "sm" | "md";
-  isActive?: boolean;
+}: React.ComponentProps<'a'> & {
+  asChild?: boolean
+  size?: 'sm' | 'md'
+  isActive?: boolean
 }) {
   const classes = cn(
-    "-translate-x-px flex h-7 min-w-0 items-center gap-2 overflow-hidden rounded-md px-2 font-barlow text-sidebar-foreground outline-hidden ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground",
-    "data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground",
-    size === "sm" && "text-xs",
-    size === "md" && "text-sm",
-    "group-data-[collapsible=icon]:hidden",
+    'flex h-7 min-w-0 -translate-x-px items-center gap-2 overflow-hidden rounded-md px-2 font-barlow text-sidebar-foreground outline-hidden ring-sidebar-ring hover:bg-sidebar-accent hover:text-sidebar-accent-foreground focus-visible:ring-2 active:bg-sidebar-accent active:text-sidebar-accent-foreground disabled:pointer-events-none disabled:opacity-50 aria-disabled:pointer-events-none aria-disabled:opacity-50 [&>span:last-child]:truncate [&>svg]:size-4 [&>svg]:shrink-0 [&>svg]:text-sidebar-accent-foreground',
+    'data-[active=true]:bg-sidebar-accent data-[active=true]:text-sidebar-accent-foreground',
+    size === 'sm' && 'text-xs',
+    size === 'md' && 'text-sm',
+    'group-data-[collapsible=icon]:hidden',
     className,
-  );
+  )
 
   if (asChild) {
     return (
@@ -830,7 +799,7 @@ function SidebarMenuSubButton({
         ref={ref as never}
         {...props}
       />
-    );
+    )
   }
 
   return (
@@ -843,7 +812,7 @@ function SidebarMenuSubButton({
       ref={ref}
       {...props}
     />
-  );
+  )
 }
 
 export {
@@ -871,4 +840,4 @@ export {
   SidebarSeparator,
   SidebarTrigger,
   useSidebar,
-};
+}
diff --git a/apps/editor/components/ui/primitives/skeleton.tsx b/packages/editor/src/components/ui/primitives/skeleton.tsx
similarity index 85%
rename from apps/editor/components/ui/primitives/skeleton.tsx
rename to packages/editor/src/components/ui/primitives/skeleton.tsx
index 27213f2d..bc05858f 100644
--- a/apps/editor/components/ui/primitives/skeleton.tsx
+++ b/packages/editor/src/components/ui/primitives/skeleton.tsx
@@ -1,4 +1,4 @@
-import { cn } from '@/lib/utils'
+import { cn } from '../../../lib/utils'
 
 function Skeleton({ className, ...props }: React.ComponentProps<'div'>) {
   return (
diff --git a/apps/editor/components/ui/primitives/slider.tsx b/packages/editor/src/components/ui/primitives/slider.tsx
similarity index 97%
rename from apps/editor/components/ui/primitives/slider.tsx
rename to packages/editor/src/components/ui/primitives/slider.tsx
index 98a2675a..3dc3d799 100644
--- a/apps/editor/components/ui/primitives/slider.tsx
+++ b/packages/editor/src/components/ui/primitives/slider.tsx
@@ -3,7 +3,7 @@
 import * as SliderPrimitive from '@radix-ui/react-slider'
 import * as React from 'react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../../lib/utils'
 
 function Slider({
   className,
diff --git a/apps/editor/components/ui/primitives/switch.tsx b/packages/editor/src/components/ui/primitives/switch.tsx
similarity index 70%
rename from apps/editor/components/ui/primitives/switch.tsx
rename to packages/editor/src/components/ui/primitives/switch.tsx
index de50c49f..a6af56c3 100644
--- a/apps/editor/components/ui/primitives/switch.tsx
+++ b/packages/editor/src/components/ui/primitives/switch.tsx
@@ -1,9 +1,9 @@
-"use client"
+'use client'
 
-import * as React from "react"
-import * as SwitchPrimitives from "@radix-ui/react-switch"
+import * as SwitchPrimitives from '@radix-ui/react-switch'
+import * as React from 'react'
 
-import { cn } from "@/lib/utils"
+import { cn } from './../../../lib/utils'
 
 const Switch = React.forwardRef<
   React.ElementRef<typeof SwitchPrimitives.Root>,
@@ -11,15 +11,15 @@ const Switch = React.forwardRef<
 >(({ className, ...props }, ref) => (
   <SwitchPrimitives.Root
     className={cn(
-      "peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-xs transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input",
-      className
+      'peer inline-flex h-5 w-9 shrink-0 cursor-pointer items-center rounded-full border-2 border-transparent shadow-xs transition-colors focus-visible:outline-hidden focus-visible:ring-2 focus-visible:ring-ring focus-visible:ring-offset-2 focus-visible:ring-offset-background disabled:cursor-not-allowed disabled:opacity-50 data-[state=checked]:bg-primary data-[state=unchecked]:bg-input',
+      className,
     )}
     {...props}
     ref={ref}
   >
     <SwitchPrimitives.Thumb
       className={cn(
-        "pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0"
+        'pointer-events-none block h-4 w-4 rounded-full bg-background shadow-lg ring-0 transition-transform data-[state=checked]:translate-x-4 data-[state=unchecked]:translate-x-0',
       )}
     />
   </SwitchPrimitives.Root>
@@ -27,4 +27,3 @@ const Switch = React.forwardRef<
 Switch.displayName = SwitchPrimitives.Root.displayName
 
 export { Switch }
-
diff --git a/apps/editor/components/ui/primitives/tooltip.tsx b/packages/editor/src/components/ui/primitives/tooltip.tsx
similarity index 91%
rename from apps/editor/components/ui/primitives/tooltip.tsx
rename to packages/editor/src/components/ui/primitives/tooltip.tsx
index 1a6863f4..548dd61f 100644
--- a/apps/editor/components/ui/primitives/tooltip.tsx
+++ b/packages/editor/src/components/ui/primitives/tooltip.tsx
@@ -3,7 +3,7 @@
 import * as TooltipPrimitive from '@radix-ui/react-tooltip'
 import type * as React from 'react'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../../lib/utils'
 
 function TooltipProvider({
   delayDuration = 0,
@@ -40,7 +40,7 @@ function TooltipContent({
     <TooltipPrimitive.Portal>
       <TooltipPrimitive.Content
         className={cn(
-          'fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in text-balance rounded-md bg-foreground px-3 py-1.5 text-background font-barlow text-xs data-[state=closed]:animate-out',
+          'fade-in-0 zoom-in-95 data-[state=closed]:fade-out-0 data-[state=closed]:zoom-out-95 data-[side=bottom]:slide-in-from-top-2 data-[side=left]:slide-in-from-right-2 data-[side=right]:slide-in-from-left-2 data-[side=top]:slide-in-from-bottom-2 z-50 w-fit origin-(--radix-tooltip-content-transform-origin) animate-in text-balance rounded-md bg-foreground px-3 py-1.5 font-barlow text-background text-xs data-[state=closed]:animate-out',
           className,
         )}
         data-slot="tooltip-content"
diff --git a/apps/editor/components/ui/scene-loader.tsx b/packages/editor/src/components/ui/scene-loader.tsx
similarity index 68%
rename from apps/editor/components/ui/scene-loader.tsx
rename to packages/editor/src/components/ui/scene-loader.tsx
index 14530033..dadb7c8b 100644
--- a/apps/editor/components/ui/scene-loader.tsx
+++ b/packages/editor/src/components/ui/scene-loader.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { useEffect, useState } from 'react'
-import { cn } from '@/lib/utils'
+import { cn } from '../../lib/utils'
 
 const LOADERS = [
   'pascal-loader-1',
@@ -27,14 +27,14 @@ export function SceneLoader({ className, fullScreen = false }: SceneLoaderProps)
   if (!loaderClass) return null
 
   return (
-    <div 
+    <div
       className={cn(
-        "z-100 flex items-center justify-center bg-background/80 backdrop-blur-md transition-opacity duration-300",
-        fullScreen ? "fixed inset-0" : "absolute inset-0",
-        className
+        'z-100 flex items-center justify-center bg-background/80 backdrop-blur-md transition-opacity duration-300',
+        fullScreen ? 'fixed inset-0' : 'absolute inset-0',
+        className,
       )}
     >
-       <div className={cn(loaderClass, "text-foreground opacity-80")} />
+      <div className={cn(loaderClass, 'text-foreground opacity-80')} />
     </div>
   )
 }
diff --git a/packages/editor/src/components/ui/sidebar/app-sidebar.tsx b/packages/editor/src/components/ui/sidebar/app-sidebar.tsx
new file mode 100644
index 00000000..ef59ae0d
--- /dev/null
+++ b/packages/editor/src/components/ui/sidebar/app-sidebar.tsx
@@ -0,0 +1,78 @@
+'use client'
+
+import { type ReactNode, useEffect, useState } from 'react'
+import { CommandPalette } from './../../../components/ui/command-palette'
+import {
+  Sidebar,
+  SidebarContent,
+  SidebarHeader,
+  useSidebarStore,
+} from './../../../components/ui/primitives/sidebar'
+import { cn } from './../../../lib/utils'
+import { IconRail, type PanelId } from './icon-rail'
+import { SettingsPanel, type SettingsPanelProps } from './panels/settings-panel'
+import { SitePanel, type SitePanelProps } from './panels/site-panel'
+
+interface AppSidebarProps {
+  appMenuButton?: ReactNode
+  sidebarTop?: ReactNode
+  settingsPanelProps?: SettingsPanelProps
+  sitePanelProps?: SitePanelProps
+}
+
+export function AppSidebar({
+  appMenuButton,
+  sidebarTop,
+  settingsPanelProps,
+  sitePanelProps,
+}: AppSidebarProps) {
+  const [activePanel, setActivePanel] = useState<PanelId>('site')
+
+  useEffect(() => {
+    // Widen default sidebar (288px → 432px) for better project title visibility
+    const store = useSidebarStore.getState()
+    if (store.width <= 288) {
+      store.setWidth(432)
+    }
+  }, [])
+
+  const renderPanelContent = () => {
+    switch (activePanel) {
+      case 'site':
+        return <SitePanel {...sitePanelProps} />
+      case 'settings':
+        return <SettingsPanel {...settingsPanelProps} />
+      default:
+        return null
+    }
+  }
+
+  return (
+    <>
+      <Sidebar className={cn('dark text-white')} variant="floating">
+        <div className="flex h-full">
+          {/* Icon Rail */}
+          <IconRail
+            activePanel={activePanel}
+            appMenuButton={appMenuButton}
+            onPanelChange={setActivePanel}
+          />
+
+          {/* Panel Content */}
+          <div className="flex flex-1 flex-col overflow-hidden">
+            {sidebarTop && (
+              <SidebarHeader className="relative flex-col items-start justify-center gap-1 border-border/50 border-b px-3 py-3">
+                {sidebarTop}
+              </SidebarHeader>
+            )}
+
+            <SidebarContent className={cn('no-scrollbar flex flex-1 flex-col overflow-hidden')}>
+              {renderPanelContent()}
+            </SidebarContent>
+          </div>
+        </div>
+      </Sidebar>
+      <CommandPalette />
+    </>
+  )
+}
diff --git a/packages/editor/src/components/ui/sidebar/icon-rail.tsx b/packages/editor/src/components/ui/sidebar/icon-rail.tsx
new file mode 100644
index 00000000..9b4a3358
--- /dev/null
+++ b/packages/editor/src/components/ui/sidebar/icon-rail.tsx
@@ -0,0 +1,107 @@
+'use client'
+
+import { useViewer } from '@pascal-app/viewer'
+import { Moon, Sun } from 'lucide-react'
+import { motion } from 'motion/react'
+import { type ReactNode, useEffect, useState } from 'react'
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from './../../../components/ui/primitives/tooltip'
+import { cn } from './../../../lib/utils'
+
+export type PanelId = 'site' | 'settings'
+
+interface IconRailProps {
+  activePanel: PanelId
+  onPanelChange: (panel: PanelId) => void
+  appMenuButton?: ReactNode
+  className?: string
+}
+
+const panels: { id: PanelId; iconSrc: string; label: string }[] = [
+  { id: 'site', iconSrc: '/icons/level.png', label: 'Site' },
+  { id: 'settings', iconSrc: '/icons/settings.png', label: 'Settings' },
+]
+
+export function IconRail({ activePanel, onPanelChange, appMenuButton, className }: IconRailProps) {
+  const theme = useViewer((state) => state.theme)
+  const setTheme = useViewer((state) => state.setTheme)
+  const [mounted, setMounted] = useState(false)
+
+  useEffect(() => {
+    setMounted(true)
+  }, [])
+
+  return (
+    <div
+      className={cn(
+        'flex h-full w-11 flex-col items-center gap-1 border-border/50 border-r py-2',
+        className,
+      )}
+    >
+      {/* App menu slot */}
+      {appMenuButton}
+
+      {/* Divider */}
+      <div className="mb-1 h-px w-8 bg-border/50" />
+
+      {panels.map((panel) => {
+        const isActive = activePanel === panel.id
+        return (
+          <Tooltip key={panel.id}>
+            <TooltipTrigger asChild>
+              <button
+                className={cn(
+                  'flex h-9 w-9 items-center justify-center rounded-lg transition-all',
+                  isActive ? 'bg-accent' : 'hover:bg-accent',
+                )}
+                onClick={() => onPanelChange(panel.id)}
+                type="button"
+              >
+                <img
+                  alt={panel.label}
+                  className={cn(
+                    'h-6 w-6 object-contain transition-all',
+                    !isActive && 'opacity-50 saturate-0',
+                  )}
+                  src={panel.iconSrc}
+                />
+              </button>
+            </TooltipTrigger>
+            <TooltipContent side="right">{panel.label}</TooltipContent>
+          </Tooltip>
+        )
+      })}
+
+      {/* Spacer */}
+      <div className="flex-1" />
+
+      {/* Theme Toggle */}
+      {mounted && (
+        <Tooltip>
+          <TooltipTrigger asChild>
+            <button
+              className="mb-2 flex h-9 w-9 items-center justify-center rounded-lg border border-border/50 bg-accent/40 text-foreground transition-all hover:bg-accent"
+              onClick={() => setTheme(theme === 'dark' ? 'light' : 'dark')}
+              type="button"
+            >
+              <motion.div
+                animate={{ rotate: 0, opacity: 1 }}
+                initial={{ rotate: -90, opacity: 0 }}
+                key={theme}
+                transition={{ duration: 0.25, ease: 'easeOut' }}
+              >
+                {theme === 'dark' ? <Sun className="h-4 w-4" /> : <Moon className="h-4 w-4" />}
+              </motion.div>
+            </button>
+          </TooltipTrigger>
+          <TooltipContent side="right">Toggle theme</TooltipContent>
+        </Tooltip>
+      )}
+    </div>
+  )
+}
+
+export { panels }
diff --git a/apps/editor/components/ui/sidebar/panels/settings-panel/audio-settings-dialog.tsx b/packages/editor/src/components/ui/sidebar/panels/settings-panel/audio-settings-dialog.tsx
similarity index 67%
rename from apps/editor/components/ui/sidebar/panels/settings-panel/audio-settings-dialog.tsx
rename to packages/editor/src/components/ui/sidebar/panels/settings-panel/audio-settings-dialog.tsx
index 3808727f..dbe1446c 100644
--- a/apps/editor/components/ui/sidebar/panels/settings-panel/audio-settings-dialog.tsx
+++ b/packages/editor/src/components/ui/sidebar/panels/settings-panel/audio-settings-dialog.tsx
@@ -1,19 +1,32 @@
 import { Volume2, VolumeX } from 'lucide-react'
-import { Button } from '@/components/ui/primitives/button'
-import { Dialog, DialogContent, DialogDescription, DialogHeader, DialogTitle, DialogTrigger } from '@/components/ui/primitives/dialog'
-import { Slider } from '@/components/ui/slider'
-import useAudio from '@/store/use-audio'
+import { Button } from '../../../../../components/ui/primitives/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from '../../../../../components/ui/primitives/dialog'
+import { Slider } from '../../../../../components/ui/slider'
+import useAudio from '../../../../../store/use-audio'
 
 export function AudioSettingsDialog() {
-  const { masterVolume, sfxVolume, radioVolume, muted, setMasterVolume, setSfxVolume, setRadioVolume, toggleMute } = useAudio()
+  const {
+    masterVolume,
+    sfxVolume,
+    radioVolume,
+    muted,
+    setMasterVolume,
+    setSfxVolume,
+    setRadioVolume,
+    toggleMute,
+  } = useAudio()
 
   return (
     <Dialog>
       <DialogTrigger asChild>
-        <Button
-          className="w-full justify-start gap-2"
-          variant="outline"
-        >
+        <Button className="w-full justify-start gap-2" variant="outline">
           {muted ? <VolumeX className="size-4" /> : <Volume2 className="size-4" />}
           Audio Settings
         </Button>
@@ -21,62 +34,60 @@ export function AudioSettingsDialog() {
       <DialogContent className="sm:max-w-[425px]">
         <DialogHeader>
           <DialogTitle>Audio Settings</DialogTitle>
-          <DialogDescription>
-            Adjust volume levels and mute settings
-          </DialogDescription>
+          <DialogDescription>Adjust volume levels and mute settings</DialogDescription>
         </DialogHeader>
         <div className="space-y-6 py-4">
           {/* Master Volume */}
           <div className="space-y-2">
             <div className="flex items-center justify-between">
-              <label className="text-sm font-medium">Master Volume</label>
-              <span className="text-sm text-muted-foreground">{masterVolume}%</span>
+              <label className="font-medium text-sm">Master Volume</label>
+              <span className="text-muted-foreground text-sm">{masterVolume}%</span>
             </div>
             <Slider
-              value={[masterVolume]}
-              onValueChange={(value) => value[0] !== undefined && setMasterVolume(value[0])}
-              max={100}
-              step={1}
               disabled={muted}
+              max={100}
+              onValueChange={(value) => value[0] !== undefined && setMasterVolume(value[0])}
+              step={1}
+              value={[masterVolume]}
             />
           </div>
 
           {/* Radio Volume */}
           <div className="space-y-2">
             <div className="flex items-center justify-between">
-              <label className="text-sm font-medium">Radio Volume</label>
-              <span className="text-sm text-muted-foreground">{radioVolume}%</span>
+              <label className="font-medium text-sm">Radio Volume</label>
+              <span className="text-muted-foreground text-sm">{radioVolume}%</span>
             </div>
             <Slider
-              value={[radioVolume]}
-              onValueChange={(value) => value[0] !== undefined && setRadioVolume(value[0])}
-              max={100}
-              step={1}
               disabled={muted}
+              max={100}
+              onValueChange={(value) => value[0] !== undefined && setRadioVolume(value[0])}
+              step={1}
+              value={[radioVolume]}
             />
           </div>
 
           {/* SFX Volume */}
           <div className="space-y-2">
             <div className="flex items-center justify-between">
-              <label className="text-sm font-medium">Sound Effects</label>
-              <span className="text-sm text-muted-foreground">{sfxVolume}%</span>
+              <label className="font-medium text-sm">Sound Effects</label>
+              <span className="text-muted-foreground text-sm">{sfxVolume}%</span>
             </div>
             <Slider
-              value={[sfxVolume]}
-              onValueChange={(value) => value[0] !== undefined && setSfxVolume(value[0])}
-              max={100}
-              step={1}
               disabled={muted}
+              max={100}
+              onValueChange={(value) => value[0] !== undefined && setSfxVolume(value[0])}
+              step={1}
+              value={[sfxVolume]}
             />
           </div>
 
           {/* Mute Toggle */}
-          <div className="pt-4 border-t">
+          <div className="border-t pt-4">
             <Button
+              className="w-full justify-start gap-2"
               onClick={toggleMute}
               variant={muted ? 'default' : 'outline'}
-              className="w-full justify-start gap-2"
             >
               {muted ? <VolumeX className="size-4" /> : <Volume2 className="size-4" />}
               {muted ? 'Unmute All Sounds' : 'Mute All Sounds'}
diff --git a/apps/editor/components/ui/sidebar/panels/settings-panel/index.tsx b/packages/editor/src/components/ui/sidebar/panels/settings-panel/index.tsx
similarity index 51%
rename from apps/editor/components/ui/sidebar/panels/settings-panel/index.tsx
rename to packages/editor/src/components/ui/sidebar/panels/settings-panel/index.tsx
index f2997a7a..3305ebc9 100644
--- a/apps/editor/components/ui/sidebar/panels/settings-panel/index.tsx
+++ b/packages/editor/src/components/ui/sidebar/panels/settings-panel/index.tsx
@@ -1,7 +1,7 @@
-import { emitter, useScene } from "@pascal-app/core";
-import { useViewer } from "@pascal-app/viewer";
-import { VisualJson, TreeView } from "@visual-json/react";
-import { Camera, Download, Save, Trash2, Upload } from "lucide-react";
+import { emitter, useScene } from '@pascal-app/core'
+import { useViewer } from '@pascal-app/viewer'
+import { TreeView, VisualJson } from '@visual-json/react'
+import { Camera, Download, Save, Trash2, Upload } from 'lucide-react'
 import {
   type KeyboardEvent,
   type SyntheticEvent,
@@ -9,115 +9,113 @@ import {
   useMemo,
   useRef,
   useState,
-} from "react";
-import { Button } from "@/components/ui/primitives/button";
+} from 'react'
+import { Button } from './../../../../../components/ui/primitives/button'
 import {
   Dialog,
   DialogContent,
   DialogTitle,
   DialogTrigger,
-} from "@/components/ui/primitives/dialog";
-import { Switch } from "@/components/ui/primitives/switch";
-import useEditor from "@/store/use-editor";
-import { AudioSettingsDialog } from "./audio-settings-dialog";
-import { KeyboardShortcutsDialog } from "./keyboard-shortcuts-dialog";
-import { useProjectStore } from "@/features/community/lib/projects/store";
-import { updateProjectVisibility } from "@/features/community/lib/projects/actions";
+} from './../../../../../components/ui/primitives/dialog'
+import { Switch } from './../../../../../components/ui/primitives/switch'
+import useEditor from './../../../../../store/use-editor'
+import { AudioSettingsDialog } from './audio-settings-dialog'
+import { KeyboardShortcutsDialog } from './keyboard-shortcuts-dialog'
 
 type SceneNode = Record<string, unknown> & {
-  id?: unknown;
-  type?: unknown;
-  name?: unknown;
-  parentId?: unknown;
-  children?: unknown;
-};
+  id?: unknown
+  type?: unknown
+  name?: unknown
+  parentId?: unknown
+  children?: unknown
+}
 
 type SceneGraphNode = {
-  id: string;
-  type: string;
-  name: string | null;
-  parentId: string | null;
-  children: SceneGraphNode[];
-  missing?: true;
-  cycle?: true;
-};
+  id: string
+  type: string
+  name: string | null
+  parentId: string | null
+  children: SceneGraphNode[]
+  missing?: true
+  cycle?: true
+}
 
 type SceneGraphValue = {
-  roots: SceneGraphNode[];
-  detachedNodes?: SceneGraphNode[];
-};
+  roots: SceneGraphNode[]
+  detachedNodes?: SceneGraphNode[]
+}
 
 const isSceneNode = (value: unknown): value is SceneNode => {
   return (
-    typeof value === "object" &&
+    typeof value === 'object' &&
     value !== null &&
-    "id" in value &&
-    typeof (value as { id: unknown }).id === "string"
-  );
-};
+    'id' in value &&
+    typeof (value as { id: unknown }).id === 'string'
+  )
+}
 
 const getChildIdsFromNode = (node: SceneNode): string[] => {
   if (!Array.isArray(node.children)) {
-    return [];
+    return []
   }
 
-  const childIds = new Set<string>();
+  const childIds = new Set<string>()
 
   for (const child of node.children) {
-    if (typeof child === "string") {
-      childIds.add(child);
-      continue;
+    if (typeof child === 'string') {
+      childIds.add(child)
+      continue
     }
 
     if (isSceneNode(child)) {
-      childIds.add(child.id as string);
+      childIds.add(child.id as string)
     }
   }
 
-  return Array.from(childIds);
-};
+  return Array.from(childIds)
+}
 
 const buildSceneGraphValue = (
   nodes: Record<string, SceneNode>,
   rootNodeIds: string[],
 ): SceneGraphValue => {
-  const childIdsByParent = new Map<string, Set<string>>();
+  const childIdsByParent = new Map<string, Set<string>>()
 
   for (const [id, node] of Object.entries(nodes)) {
-    const childIds = getChildIdsFromNode(node);
+    const childIds = getChildIdsFromNode(node)
     if (childIds.length > 0) {
-      childIdsByParent.set(id, new Set(childIds));
+      childIdsByParent.set(id, new Set(childIds))
     }
   }
 
   for (const [id, node] of Object.entries(nodes)) {
-    if (typeof node.parentId !== "string") {
-      continue;
+    if (typeof node.parentId !== 'string') {
+      continue
     }
 
-    const siblings = childIdsByParent.get(node.parentId) ?? new Set<string>();
-    siblings.add(id);
-    childIdsByParent.set(node.parentId, siblings);
+    const siblings = childIdsByParent.get(node.parentId) ?? new Set<string>()
+    siblings.add(id)
+    childIdsByParent.set(node.parentId, siblings)
   }
 
-  const visited = new Set<string>();
+  const visited = new Set<string>()
 
   const buildNode = (id: string, path: Set<string>): SceneGraphNode => {
-    const node = nodes[id];
+    const node = nodes[id]
     if (!node) {
       return {
         id,
-        type: "missing",
+        type: 'missing',
         name: null,
         parentId: null,
         missing: true,
         children: [],
-      };
+      }
     }
 
-    const nodeType = typeof node.type === "string" ? node.type : "unknown";
-    const nodeName = typeof node.name === "string" ? node.name : null;
-    const parentId = typeof node.parentId === "string" ? node.parentId : null;
+    const nodeType = typeof node.type === 'string' ? node.type : 'unknown'
+    const nodeName = typeof node.name === 'string' ? node.name : null
+    const parentId = typeof node.parentId === 'string' ? node.parentId : null
 
     if (path.has(id)) {
       return {
@@ -127,194 +125,186 @@ const buildSceneGraphValue = (
         parentId,
         cycle: true,
         children: [],
-      };
+      }
     }
 
-    visited.add(id);
-    const nextPath = new Set(path);
-    nextPath.add(id);
+    visited.add(id)
+    const nextPath = new Set(path)
+    nextPath.add(id)
 
-    const childIds = Array.from(childIdsByParent.get(id) ?? []);
+    const childIds = Array.from(childIdsByParent.get(id) ?? [])
     return {
       id,
       type: nodeType,
       name: nodeName,
       parentId,
       children: childIds.map((childId) => buildNode(childId, nextPath)),
-    };
-  };
+    }
+  }
 
-  const roots = rootNodeIds.map((id) => buildNode(id, new Set()));
-  const detachedNodeIds = Object.keys(nodes).filter((id) => !visited.has(id));
+  const roots = rootNodeIds.map((id) => buildNode(id, new Set()))
+  const detachedNodeIds = Object.keys(nodes).filter((id) => !visited.has(id))
 
   if (detachedNodeIds.length === 0) {
-    return { roots };
+    return { roots }
   }
 
   return {
     roots,
     detachedNodes: detachedNodeIds.map((id) => buildNode(id, new Set())),
-  };
-};
+  }
+}
 
-export function SettingsPanel() {
-  const fileInputRef = useRef<HTMLInputElement>(null);
-  const nodes = useScene((state) => state.nodes);
-  const rootNodeIds = useScene((state) => state.rootNodeIds);
-  const setScene = useScene((state) => state.setScene);
-  const clearScene = useScene((state) => state.clearScene);
-  const resetSelection = useViewer((state) => state.resetSelection);
-  const exportScene = useViewer((state) => state.exportScene);
-  const setPhase = useEditor((state) => state.setPhase);
-  const activeProject = useProjectStore((state) => state.activeProject);
-  const [isGeneratingThumbnail, setIsGeneratingThumbnail] = useState(false);
+export interface ProjectVisibility {
+  isPrivate: boolean
+  showScansPublic: boolean
+  showGuidesPublic: boolean
+}
+
+export interface SettingsPanelProps {
+  projectId?: string
+  projectVisibility?: ProjectVisibility
+  onVisibilityChange?: (
+    field: 'isPrivate' | 'showScansPublic' | 'showGuidesPublic',
+    value: boolean,
+  ) => Promise<void>
+}
+
+export function SettingsPanel({
+  projectId,
+  projectVisibility,
+  onVisibilityChange,
+}: SettingsPanelProps = {}) {
+  const fileInputRef = useRef<HTMLInputElement>(null)
+  const nodes = useScene((state) => state.nodes)
+  const rootNodeIds = useScene((state) => state.rootNodeIds)
+  const setScene = useScene((state) => state.setScene)
+  const clearScene = useScene((state) => state.clearScene)
+  const resetSelection = useViewer((state) => state.resetSelection)
+  const exportScene = useViewer((state) => state.exportScene)
+  const setPhase = useEditor((state) => state.setPhase)
+  const [isGeneratingThumbnail, setIsGeneratingThumbnail] = useState(false)
   const sceneGraphValue = useMemo(
     () => buildSceneGraphValue(nodes as Record<string, SceneNode>, rootNodeIds),
     [nodes, rootNodeIds],
-  );
+  )
   const blockSceneGraphMutations = useCallback((event: SyntheticEvent) => {
-    event.preventDefault();
-    event.stopPropagation();
-  }, []);
-  const blockSceneGraphDeletion = useCallback(
-    (event: KeyboardEvent<HTMLDivElement>) => {
-      if (event.key === "Delete" || event.key === "Backspace") {
-        event.preventDefault();
-        event.stopPropagation();
-      }
-    },
-    [],
-  );
+    event.preventDefault()
+    event.stopPropagation()
+  }, [])
+  const blockSceneGraphDeletion = useCallback((event: KeyboardEvent<HTMLDivElement>) => {
+    if (event.key === 'Delete' || event.key === 'Backspace') {
+      event.preventDefault()
+      event.stopPropagation()
+    }
+  }, [])
 
-  const projectId = activeProject?.id;
-  const isLocalProject = false; // Store only contains cloud projects
+  const isLocalProject = false // Props-based; only show cloud sections when projectId provided
 
   const handleExport = async () => {
     if (exportScene) {
-      await exportScene();
+      await exportScene()
     }
-  };
+  }
 
   const handleSaveBuild = () => {
-    const sceneData = { nodes, rootNodeIds };
-    const json = JSON.stringify(sceneData, null, 2);
-    const blob = new Blob([json], { type: "application/json" });
-    const url = URL.createObjectURL(blob);
-    const link = document.createElement("a");
-    link.href = url;
-    const date = new Date().toISOString().split("T")[0];
-    link.download = `layout_${date}.json`;
-    link.click();
-    URL.revokeObjectURL(url);
-  };
+    const sceneData = { nodes, rootNodeIds }
+    const json = JSON.stringify(sceneData, null, 2)
+    const blob = new Blob([json], { type: 'application/json' })
+    const url = URL.createObjectURL(blob)
+    const link = document.createElement('a')
+    link.href = url
+    const date = new Date().toISOString().split('T')[0]
+    link.download = `layout_${date}.json`
+    link.click()
+    URL.revokeObjectURL(url)
+  }
 
   const handleFileLoad = (e: React.ChangeEvent<HTMLInputElement>) => {
-    const file = e.target.files?.[0];
-    if (!file) return;
+    const file = e.target.files?.[0]
+    if (!file) return
 
-    const reader = new FileReader();
+    const reader = new FileReader()
     reader.onload = (event) => {
       try {
-        const data = JSON.parse(event.target?.result as string);
+        const data = JSON.parse(event.target?.result as string)
         if (data.nodes && data.rootNodeIds) {
-          setScene(data.nodes, data.rootNodeIds);
-          resetSelection();
-          setPhase("site");
+          setScene(data.nodes, data.rootNodeIds)
+          resetSelection()
+          setPhase('site')
         }
       } catch (err) {
-        console.error("Failed to load build:", err);
+        console.error('Failed to load build:', err)
       }
-    };
-    reader.readAsText(file);
+    }
+    reader.readAsText(file)
 
     // Reset input so the same file can be loaded again
-    e.target.value = "";
-  };
+    e.target.value = ''
+  }
 
   const handleResetToDefault = () => {
-    clearScene();
-    resetSelection();
-    setPhase("site");
-  };
+    clearScene()
+    resetSelection()
+    setPhase('site')
+  }
 
   const handleGenerateThumbnail = () => {
-    if (!projectId) return;
-    setIsGeneratingThumbnail(true);
-    emitter.emit('camera-controls:generate-thumbnail', { projectId });
-    setTimeout(() => setIsGeneratingThumbnail(false), 3000);
-  };
+    if (!projectId) return
+    setIsGeneratingThumbnail(true)
+    emitter.emit('camera-controls:generate-thumbnail', { projectId })
+    setTimeout(() => setIsGeneratingThumbnail(false), 3000)
+  }
 
   const handleVisibilityChange = async (
     field: 'isPrivate' | 'showScansPublic' | 'showGuidesPublic',
     value: boolean,
   ) => {
-    if (!projectId) return;
-
-    // Optimistic update
-    useProjectStore.setState((state) => ({
-      activeProject: state.activeProject
-        ? {
-            ...state.activeProject,
-            ...(field === 'isPrivate' && { is_private: value }),
-            ...(field === 'showScansPublic' && { show_scans_public: value }),
-            ...(field === 'showGuidesPublic' && { show_guides_public: value }),
-          }
-        : null,
-    }));
-
-    await updateProjectVisibility(projectId, { [field]: value });
-  };
+    await onVisibilityChange?.(field, value)
+  }
 
   return (
     <div className="flex flex-col gap-6 p-3">
       {/* Visibility Section (only for cloud projects) */}
       {projectId && !isLocalProject && (
         <div className="space-y-3">
-          <label className="font-medium text-muted-foreground text-xs uppercase">
-            Visibility
-          </label>
+          <label className="font-medium text-muted-foreground text-xs uppercase">Visibility</label>
           <div className="flex items-center justify-between">
             <div>
-              <div className="text-sm font-medium">Public</div>
-              <div className="text-xs text-muted-foreground">
-                {activeProject?.is_private ? 'Only you' : 'Anyone'} can view
+              <div className="font-medium text-sm">Public</div>
+              <div className="text-muted-foreground text-xs">
+                {projectVisibility?.isPrivate ? 'Only you' : 'Anyone'} can view
               </div>
             </div>
             <Switch
-              checked={!activeProject?.is_private}
+              checked={!(projectVisibility?.isPrivate ?? false)}
               onCheckedChange={(checked) => handleVisibilityChange('isPrivate', !checked)}
             />
           </div>
           <div className="flex items-center justify-between">
             <div>
-              <div className="text-sm font-medium">Show 3D Scans</div>
-              <div className="text-xs text-muted-foreground">
-                Visible to public viewers
-              </div>
+              <div className="font-medium text-sm">Show 3D Scans</div>
+              <div className="text-muted-foreground text-xs">Visible to public viewers</div>
             </div>
             <Switch
-              checked={activeProject?.show_scans_public ?? true}
+              checked={projectVisibility?.showScansPublic ?? true}
               onCheckedChange={(checked) => handleVisibilityChange('showScansPublic', checked)}
             />
           </div>
           <div className="flex items-center justify-between">
             <div>
-              <div className="text-sm font-medium">Show Floorplans</div>
-              <div className="text-xs text-muted-foreground">
-                Visible to public viewers
-              </div>
+              <div className="font-medium text-sm">Show Floorplans</div>
+              <div className="text-muted-foreground text-xs">Visible to public viewers</div>
             </div>
             <Switch
-              checked={activeProject?.show_guides_public ?? true}
+              checked={projectVisibility?.showGuidesPublic ?? true}
               onCheckedChange={(checked) => handleVisibilityChange('showGuidesPublic', checked)}
             />
           </div>
           <div className="flex items-center justify-between">
             <div>
-              <div className="text-sm font-medium">Show Grid</div>
-              <div className="text-xs text-muted-foreground">
-                Visible only in the editor
-              </div>
+              <div className="font-medium text-sm">Show Grid</div>
+              <div className="text-muted-foreground text-xs">Visible only in the editor</div>
             </div>
             <Switch
               checked={useViewer((state) => state.showGrid)}
@@ -326,14 +316,8 @@ export function SettingsPanel() {
 
       {/* Export Section */}
       <div className="space-y-2">
-        <label className="font-medium text-muted-foreground text-xs uppercase">
-          Export
-        </label>
-        <Button
-          className="w-full justify-start gap-2"
-          onClick={handleExport}
-          variant="outline"
-        >
+        <label className="font-medium text-muted-foreground text-xs uppercase">Export</label>
+        <Button className="w-full justify-start gap-2" onClick={handleExport} variant="outline">
           <Download className="size-4" />
           Export 3D Model
         </Button>
@@ -342,24 +326,12 @@ export function SettingsPanel() {
       {/* Thumbnail Section (only for cloud projects) */}
       {projectId && !isLocalProject && (
         <div className="space-y-2">
-          <label className="font-medium text-muted-foreground text-xs uppercase">
-            Thumbnail
-          </label>
-          {activeProject?.thumbnail_url && (
-            <div className="rounded overflow-hidden border border-border aspect-video w-full bg-muted">
-              {/* eslint-disable-next-line @next/next/no-img-element */}
-              <img
-                src={activeProject.thumbnail_url}
-                alt="Project thumbnail"
-                className="w-full h-full object-cover"
-              />
-            </div>
-          )}
+          <label className="font-medium text-muted-foreground text-xs uppercase">Thumbnail</label>
           <Button
             className="w-full justify-start gap-2"
+            disabled={isGeneratingThumbnail}
             onClick={handleGenerateThumbnail}
             variant="outline"
-            disabled={isGeneratingThumbnail}
           >
             <Camera className="size-4" />
             {isGeneratingThumbnail ? 'Generating...' : 'Generate Thumbnail'}
@@ -369,15 +341,9 @@ export function SettingsPanel() {
 
       {/* Save/Load Section */}
       <div className="space-y-2">
-        <label className="font-medium text-muted-foreground text-xs uppercase">
-          Save & Load
-        </label>
+        <label className="font-medium text-muted-foreground text-xs uppercase">Save & Load</label>
 
-        <Button
-          className="w-full justify-start gap-2"
-          onClick={handleSaveBuild}
-          variant="outline"
-        >
+        <Button className="w-full justify-start gap-2" onClick={handleSaveBuild} variant="outline">
           <Save className="size-4" />
           Save Build
         </Button>
@@ -402,25 +368,19 @@ export function SettingsPanel() {
 
       {/* Audio Section */}
       <div className="space-y-2">
-        <label className="font-medium text-muted-foreground text-xs uppercase">
-          Audio
-        </label>
+        <label className="font-medium text-muted-foreground text-xs uppercase">Audio</label>
         <AudioSettingsDialog />
       </div>
 
       {/* Keyboard Section */}
       <div className="space-y-2">
-        <label className="font-medium text-muted-foreground text-xs uppercase">
-          Keyboard
-        </label>
+        <label className="font-medium text-muted-foreground text-xs uppercase">Keyboard</label>
         <KeyboardShortcutsDialog />
       </div>
 
       {/* Scene Graph */}
       <div className="space-y-1">
-        <label className="font-medium text-muted-foreground text-xs uppercase">
-          Scene Graph
-        </label>
+        <label className="font-medium text-muted-foreground text-xs uppercase">Scene Graph</label>
         <Dialog>
           <DialogTrigger asChild>
             <Button className="h-auto justify-start p-0 text-sm" variant="link">
@@ -430,7 +390,7 @@ export function SettingsPanel() {
           <DialogContent className="h-[80vh] max-w-[95vw] gap-0 overflow-hidden border-0 bg-[#1e1e1e] p-0 shadow-none sm:max-w-5xl">
             <DialogTitle className="sr-only">Scene Graph</DialogTitle>
             <div
-              className="flex h-full w-full min-h-0 min-w-0 *:h-full *:w-full *:overflow-y-auto"
+              className="flex h-full min-h-0 w-full min-w-0 *:h-full *:w-full *:overflow-y-auto"
               onContextMenuCapture={blockSceneGraphMutations}
               onDragStartCapture={blockSceneGraphMutations}
               onDropCapture={blockSceneGraphMutations}
@@ -446,9 +406,7 @@ export function SettingsPanel() {
 
       {/* Danger Zone */}
       <div className="space-y-2">
-        <label className="font-medium text-destructive text-xs uppercase">
-          Danger Zone
-        </label>
+        <label className="font-medium text-destructive text-xs uppercase">Danger Zone</label>
 
         <Button
           className="w-full justify-start gap-2"
@@ -460,5 +418,5 @@ export function SettingsPanel() {
         </Button>
       </div>
     </div>
-  );
+  )
 }
diff --git a/packages/editor/src/components/ui/sidebar/panels/settings-panel/keyboard-shortcuts-dialog.tsx b/packages/editor/src/components/ui/sidebar/panels/settings-panel/keyboard-shortcuts-dialog.tsx
new file mode 100644
index 00000000..0663ebe5
--- /dev/null
+++ b/packages/editor/src/components/ui/sidebar/panels/settings-panel/keyboard-shortcuts-dialog.tsx
@@ -0,0 +1,187 @@
+import { Keyboard } from 'lucide-react'
+import { useEffect, useState } from 'react'
+import { Button } from './../../../../../components/ui/primitives/button'
+import {
+  Dialog,
+  DialogContent,
+  DialogDescription,
+  DialogHeader,
+  DialogTitle,
+  DialogTrigger,
+} from './../../../../../components/ui/primitives/dialog'
+
+type Shortcut = {
+  keys: string[]
+  action: string
+  note?: string
+}
+
+type ShortcutCategory = {
+  title: string
+  shortcuts: Shortcut[]
+}
+
+const KEY_DISPLAY_MAP: Record<string, string> = {
+  'Arrow Up': '↑',
+  'Arrow Down': '↓',
+  Esc: '⎋',
+  Shift: '⇧',
+  Space: '␣',
+}
+
+const SHORTCUT_CATEGORIES: ShortcutCategory[] = [
+  {
+    title: 'Editor Navigation',
+    shortcuts: [
+      { keys: ['1'], action: 'Switch to Site phase' },
+      { keys: ['2'], action: 'Switch to Structure phase' },
+      { keys: ['3'], action: 'Switch to Furnish phase' },
+      { keys: ['S'], action: 'Switch to Structure layer' },
+      { keys: ['F'], action: 'Switch to Furnish layer' },
+      { keys: ['Z'], action: 'Switch to Zones layer' },
+      {
+        keys: ['Cmd/Ctrl', 'Arrow Up'],
+        action: 'Select next level in the active building',
+      },
+      {
+        keys: ['Cmd/Ctrl', 'Arrow Down'],
+        action: 'Select previous level in the active building',
+      },
+      { keys: ['Cmd/Ctrl', 'B'], action: 'Toggle sidebar' },
+    ],
+  },
+  {
+    title: 'Modes & History',
+    shortcuts: [
+      { keys: ['V'], action: 'Switch to Select mode' },
+      { keys: ['B'], action: 'Switch to Build mode' },
+      {
+        keys: ['Esc'],
+        action: 'Cancel active tool, clear selection, and exit build mode',
+      },
+      { keys: ['Delete / Backspace'], action: 'Delete selected objects' },
+      { keys: ['Cmd/Ctrl', 'Z'], action: 'Undo' },
+      { keys: ['Cmd/Ctrl', 'Shift', 'Z'], action: 'Redo' },
+    ],
+  },
+  {
+    title: 'Selection',
+    shortcuts: [
+      {
+        keys: ['Cmd/Ctrl', 'Click'],
+        action: 'Add or remove an object from multi-selection',
+        note: 'Works while in Select mode.',
+      },
+    ],
+  },
+  {
+    title: 'Drawing Tools',
+    shortcuts: [
+      {
+        keys: ['Shift'],
+        action: 'Temporarily disable angle snapping while drawing walls, slabs, and ceilings',
+        note: 'Hold while drawing.',
+      },
+    ],
+  },
+  {
+    title: 'Item Placement',
+    shortcuts: [
+      { keys: ['R'], action: 'Rotate item clockwise by 90 degrees' },
+      { keys: ['T'], action: 'Rotate item counter-clockwise by 90 degrees' },
+      {
+        keys: ['Shift'],
+        action: 'Temporarily bypass placement validation constraints',
+        note: 'Hold while placing.',
+      },
+    ],
+  },
+  {
+    title: 'Camera',
+    shortcuts: [
+      {
+        keys: ['Space', 'Drag'],
+        action: 'Pan camera',
+        note: 'Hold Space while dragging with the mouse.',
+      },
+    ],
+  },
+]
+
+function getDisplayKey(key: string, isMac: boolean): string {
+  if (key === 'Cmd/Ctrl') return isMac ? '⌘' : 'Ctrl'
+  if (key === 'Delete / Backspace') return isMac ? '⌫' : 'Backspace'
+  return KEY_DISPLAY_MAP[key] ?? key
+}
+
+function ShortcutKeys({ keys }: { keys: string[] }) {
+  const [isMac, setIsMac] = useState(true)
+
+  useEffect(() => {
+    setIsMac(navigator.platform.toUpperCase().indexOf('MAC') >= 0)
+  }, [])
+
+  return (
+    <div className="flex flex-wrap items-center gap-1">
+      {keys.map((key, index) => (
+        <div className="flex items-center gap-1" key={`${key}-${index}`}>
+          {index > 0 ? <span className="text-[10px] text-muted-foreground">+</span> : null}
+          <kbd
+            className="inline-flex h-6 items-center rounded border border-border bg-muted px-2 font-medium font-mono text-[11px] text-muted-foreground"
+            title={key}
+          >
+            {getDisplayKey(key, isMac)}
+          </kbd>
+        </div>
+      ))}
+    </div>
+  )
+}
+
+export function KeyboardShortcutsDialog() {
+  return (
+    <Dialog>
+      <DialogTrigger asChild>
+        <Button className="w-full justify-start gap-2" variant="outline">
+          <Keyboard className="size-4" />
+          Keyboard Shortcuts
+        </Button>
+      </DialogTrigger>
+      <DialogContent className="flex max-h-[85vh] flex-col overflow-hidden p-0 sm:max-w-3xl">
+        <DialogHeader className="shrink-0 border-b px-6 py-4">
+          <DialogTitle>Keyboard Shortcuts</DialogTitle>
+          <DialogDescription>
+            Shortcuts are context-aware and depend on the current phase or tool.
+          </DialogDescription>
+        </DialogHeader>
+
+        <div className="flex-1 space-y-5 overflow-y-auto px-6 py-4">
+          {SHORTCUT_CATEGORIES.map((category) => (
+            <section className="space-y-2" key={category.title}>
+              <h3 className="font-medium text-sm">{category.title}</h3>
+              <div className="overflow-hidden rounded-md border border-border/80">
+                {category.shortcuts.map((shortcut, index) => (
+                  <div
+                    className="grid grid-cols-[minmax(130px,220px)_1fr] gap-3 px-3 py-2"
+                    key={`${category.title}-${shortcut.action}`}
+                  >
+                    <ShortcutKeys keys={shortcut.keys} />
+                    <div>
+                      <p className="text-sm">{shortcut.action}</p>
+                      {shortcut.note ? (
+                        <p className="text-muted-foreground text-xs">{shortcut.note}</p>
+                      ) : null}
+                    </div>
+                    {index < category.shortcuts.length - 1 ? (
+                      <div className="col-span-2 border-border/60 border-b" />
+                    ) : null}
+                  </div>
+                ))}
+              </div>
+            </section>
+          ))}
+        </div>
+      </DialogContent>
+    </Dialog>
+  )
+}
diff --git a/apps/editor/components/ui/sidebar/panels/site-panel/building-tree-node.tsx b/packages/editor/src/components/ui/sidebar/panels/site-panel/building-tree-node.tsx
similarity index 54%
rename from apps/editor/components/ui/sidebar/panels/site-panel/building-tree-node.tsx
rename to packages/editor/src/components/ui/sidebar/panels/site-panel/building-tree-node.tsx
index 1e390cf7..bcee34c2 100644
--- a/apps/editor/components/ui/sidebar/panels/site-panel/building-tree-node.tsx
+++ b/packages/editor/src/components/ui/sidebar/panels/site-panel/building-tree-node.tsx
@@ -1,74 +1,79 @@
-import { BuildingNode, LevelNode, useScene } from "@pascal-app/core";
-import { useViewer } from "@pascal-app/viewer";
-import { Building2, Plus } from "lucide-react";
-import { useState } from "react";
-import { TreeNode, TreeNodeWrapper } from "./tree-node";
-import { TreeNodeActions } from "./tree-node-actions";
+import { type BuildingNode, LevelNode, useScene } from '@pascal-app/core'
+import { useViewer } from '@pascal-app/viewer'
+import { Building2, Plus } from 'lucide-react'
+import { useState } from 'react'
 import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/primitives/tooltip";
+} from './../../../../../components/ui/primitives/tooltip'
+import { TreeNode, TreeNodeWrapper } from './tree-node'
+import { TreeNodeActions } from './tree-node-actions'
 
 interface BuildingTreeNodeProps {
-  node: BuildingNode;
-  depth: number;
-  isLast?: boolean;
+  node: BuildingNode
+  depth: number
+  isLast?: boolean
 }
 
 export function BuildingTreeNode({ node, depth, isLast }: BuildingTreeNodeProps) {
-  const [expanded, setExpanded] = useState(true);
-  const createNode = useScene((state) => state.createNode);
-  const isSelected = useViewer((state) => state.selection.buildingId === node.id);
-  const isHovered = useViewer((state) => state.hoveredId === node.id);
-  const setSelection = useViewer((state) => state.setSelection);
+  const [expanded, setExpanded] = useState(true)
+  const createNode = useScene((state) => state.createNode)
+  const isSelected = useViewer((state) => state.selection.buildingId === node.id)
+  const isHovered = useViewer((state) => state.hoveredId === node.id)
+  const setSelection = useViewer((state) => state.setSelection)
 
   const handleClick = () => {
-    setSelection({ buildingId: node.id });
-  };
+    setSelection({ buildingId: node.id })
+  }
 
   const handleAddLevel = (e: React.MouseEvent) => {
-    e.stopPropagation();
+    e.stopPropagation()
     const newLevel = LevelNode.parse({
       level: node.children.length,
       children: [],
       parentId: node.id,
-    });
-    createNode(newLevel, node.id);
-  };
+    })
+    createNode(newLevel, node.id)
+  }
 
   return (
     <TreeNodeWrapper
-      icon={<Building2 className="w-3.5 h-3.5" />}
-      label={node.name || "Building"}
-      depth={depth}
-      hasChildren={node.children.length > 0}
-      expanded={expanded}
-      onToggle={() => setExpanded(!expanded)}
-      onClick={handleClick}
-      isSelected={isSelected}
-      isHovered={isHovered}
-      isLast={isLast}
       actions={
         <div className="flex items-center gap-0.5">
           <TreeNodeActions node={node} />
           <Tooltip>
             <TooltipTrigger asChild>
               <button
-                className="w-5 h-5 flex items-center justify-center rounded hover:bg-primary-foreground/20"
+                className="flex h-5 w-5 items-center justify-center rounded hover:bg-primary-foreground/20"
                 onClick={handleAddLevel}
               >
-                <Plus className="w-3 h-3" />
+                <Plus className="h-3 w-3" />
               </button>
             </TooltipTrigger>
             <TooltipContent side="right">Add new level</TooltipContent>
           </Tooltip>
         </div>
       }
+      depth={depth}
+      expanded={expanded}
+      hasChildren={node.children.length > 0}
+      icon={<Building2 className="h-3.5 w-3.5" />}
+      isHovered={isHovered}
+      isLast={isLast}
+      isSelected={isSelected}
+      label={node.name || 'Building'}
+      onClick={handleClick}
+      onToggle={() => setExpanded(!expanded)}
     >
       {node.children.map((childId, index) => (
-        <TreeNode key={childId} nodeId={childId} depth={depth + 1} isLast={index === node.children.length - 1} />
+        <TreeNode
+          depth={depth + 1}
+          isLast={index === node.children.length - 1}
+          key={childId}
+          nodeId={childId}
+        />
       ))}
     </TreeNodeWrapper>
-  );
+  )
 }
diff --git a/packages/editor/src/components/ui/sidebar/panels/site-panel/ceiling-tree-node.tsx b/packages/editor/src/components/ui/sidebar/panels/site-panel/ceiling-tree-node.tsx
new file mode 100644
index 00000000..82db3e49
--- /dev/null
+++ b/packages/editor/src/components/ui/sidebar/panels/site-panel/ceiling-tree-node.tsx
@@ -0,0 +1,126 @@
+import { type AnyNodeId, type CeilingNode, useScene } from '@pascal-app/core'
+import { useViewer } from '@pascal-app/viewer'
+import Image from 'next/image'
+import { useEffect, useState } from 'react'
+import useEditor from './../../../../../store/use-editor'
+import { InlineRenameInput } from './inline-rename-input'
+import { handleTreeSelection, TreeNode, TreeNodeWrapper } from './tree-node'
+import { TreeNodeActions } from './tree-node-actions'
+
+interface CeilingTreeNodeProps {
+  node: CeilingNode
+  depth: number
+  isLast?: boolean
+}
+
+export function CeilingTreeNode({ node, depth, isLast }: CeilingTreeNodeProps) {
+  const [expanded, setExpanded] = useState(false)
+  const [isEditing, setIsEditing] = useState(false)
+  const selectedIds = useViewer((state) => state.selection.selectedIds)
+  const isSelected = selectedIds.includes(node.id)
+  const isHovered = useViewer((state) => state.hoveredId === node.id)
+  const setSelection = useViewer((state) => state.setSelection)
+  const setHoveredId = useViewer((state) => state.setHoveredId)
+
+  useEffect(() => {
+    if (selectedIds.length === 0) return
+    const nodes = useScene.getState().nodes
+    let isDescendant = false
+    for (const id of selectedIds) {
+      let current = nodes[id as AnyNodeId]
+      while (current && current.parentId) {
+        if (current.parentId === node.id) {
+          isDescendant = true
+          break
+        }
+        current = nodes[current.parentId as AnyNodeId]
+      }
+      if (isDescendant) break
+    }
+    if (isDescendant) {
+      setExpanded(true)
+    }
+  }, [selectedIds, node.id])
+
+  const handleClick = (e: React.MouseEvent) => {
+    e.stopPropagation()
+    const handled = handleTreeSelection(e, node.id, selectedIds, setSelection)
+    if (!handled && useEditor.getState().phase === 'furnish') {
+      useEditor.getState().setPhase('structure')
+    }
+  }
+
+  const handleDoubleClick = () => {
+    setIsEditing(true)
+  }
+
+  const handleMouseEnter = () => {
+    setHoveredId(node.id)
+  }
+
+  const handleMouseLeave = () => {
+    setHoveredId(null)
+  }
+
+  // Calculate approximate area from polygon
+  const area = calculatePolygonArea(node.polygon).toFixed(1)
+  const defaultName = `Ceiling (${area}m²)`
+
+  return (
+    <TreeNodeWrapper
+      actions={<TreeNodeActions node={node} />}
+      depth={depth}
+      expanded={expanded}
+      hasChildren={node.children.length > 0}
+      icon={
+        <Image alt="" className="object-contain" height={14} src="/icons/ceiling.png" width={14} />
+      }
+      isHovered={isHovered}
+      isLast={isLast}
+      isSelected={isSelected}
+      isVisible={node.visible !== false}
+      label={
+        <InlineRenameInput
+          defaultName={defaultName}
+          isEditing={isEditing}
+          node={node}
+          onStartEditing={() => setIsEditing(true)}
+          onStopEditing={() => setIsEditing(false)}
+        />
+      }
+      nodeId={node.id}
+      onClick={handleClick}
+      onDoubleClick={handleDoubleClick}
+      onMouseEnter={handleMouseEnter}
+      onMouseLeave={handleMouseLeave}
+      onToggle={() => setExpanded(!expanded)}
+    >
+      {node.children.map((childId, index) => (
+        <TreeNode
+          depth={depth + 1}
+          isLast={index === node.children.length - 1}
+          key={childId}
+          nodeId={childId}
+        />
+      ))}
+    </TreeNodeWrapper>
+  )
+}
+
+/**
+ * Calculate the area of a polygon using the shoelace formula
+ */
+function calculatePolygonArea(polygon: Array<[number, number]>): number {
+  if (polygon.length < 3) return 0
+
+  let area = 0
+  const n = polygon.length
+
+  for (let i = 0; i < n; i++) {
+    const j = (i + 1) % n
+    area += polygon[i]![0] * polygon[j]![1]
+    area -= polygon[j]![0] * polygon[i]![1]
+  }
+
+  return Math.abs(area) / 2
+}
diff --git a/apps/editor/components/ui/sidebar/panels/site-panel/door-tree-node.tsx b/packages/editor/src/components/ui/sidebar/panels/site-panel/door-tree-node.tsx
similarity index 68%
rename from apps/editor/components/ui/sidebar/panels/site-panel/door-tree-node.tsx
rename to packages/editor/src/components/ui/sidebar/panels/site-panel/door-tree-node.tsx
index 503f1146..f66019be 100644
--- a/apps/editor/components/ui/sidebar/panels/site-panel/door-tree-node.tsx
+++ b/packages/editor/src/components/ui/sidebar/panels/site-panel/door-tree-node.tsx
@@ -1,13 +1,13 @@
 'use client'
 
-import { DoorNode } from "@pascal-app/core"
-import { useViewer } from "@pascal-app/viewer"
-import Image from "next/image"
-import { useState } from "react"
-import useEditor from "@/store/use-editor"
-import { InlineRenameInput } from "./inline-rename-input"
-import { TreeNodeWrapper, handleTreeSelection } from "./tree-node"
-import { TreeNodeActions } from "./tree-node-actions"
+import type { DoorNode } from '@pascal-app/core'
+import { useViewer } from '@pascal-app/viewer'
+import Image from 'next/image'
+import { useState } from 'react'
+import useEditor from './../../../../../store/use-editor'
+import { InlineRenameInput } from './inline-rename-input'
+import { handleTreeSelection, TreeNodeWrapper } from './tree-node'
+import { TreeNodeActions } from './tree-node-actions'
 
 interface DoorTreeNodeProps {
   node: DoorNode
@@ -23,40 +23,42 @@ export function DoorTreeNode({ node, depth, isLast }: DoorTreeNodeProps) {
   const setSelection = useViewer((state) => state.setSelection)
   const setHoveredId = useViewer((state) => state.setHoveredId)
 
-  const defaultName = "Door"
+  const defaultName = 'Door'
 
   return (
     <TreeNodeWrapper
-      nodeId={node.id}
-      icon={<Image src="/icons/door.png" alt="" width={14} height={14} className="object-contain" />}
+      actions={<TreeNodeActions node={node} />}
+      depth={depth}
+      expanded={false}
+      hasChildren={false}
+      icon={
+        <Image alt="" className="object-contain" height={14} src="/icons/door.png" width={14} />
+      }
+      isHovered={isHovered}
+      isLast={isLast}
+      isSelected={isSelected}
+      isVisible={node.visible !== false}
       label={
         <InlineRenameInput
-          node={node}
-          isEditing={isEditing}
-          onStopEditing={() => setIsEditing(false)}
-          onStartEditing={() => setIsEditing(true)}
           defaultName={defaultName}
+          isEditing={isEditing}
+          node={node}
+          onStartEditing={() => setIsEditing(true)}
+          onStopEditing={() => setIsEditing(false)}
         />
       }
-      depth={depth}
-      hasChildren={false}
-      expanded={false}
-      onToggle={() => {}}
+      nodeId={node.id}
       onClick={(e: React.MouseEvent) => {
         e.stopPropagation()
         const handled = handleTreeSelection(e, node.id, selectedIds, setSelection)
-        if (!handled && useEditor.getState().phase === "furnish") {
-          useEditor.getState().setPhase("structure")
+        if (!handled && useEditor.getState().phase === 'furnish') {
+          useEditor.getState().setPhase('structure')
         }
       }}
       onDoubleClick={() => setIsEditing(true)}
       onMouseEnter={() => setHoveredId(node.id)}
       onMouseLeave={() => setHoveredId(null)}
-      isSelected={isSelected}
-      isHovered={isHovered}
-      isVisible={node.visible !== false}
-      isLast={isLast}
-      actions={<TreeNodeActions node={node} />}
+      onToggle={() => {}}
     />
   )
 }
diff --git a/packages/editor/src/components/ui/sidebar/panels/site-panel/index.tsx b/packages/editor/src/components/ui/sidebar/panels/site-panel/index.tsx
new file mode 100644
index 00000000..32d9cb4d
--- /dev/null
+++ b/packages/editor/src/components/ui/sidebar/panels/site-panel/index.tsx
@@ -0,0 +1,1526 @@
+import {
+  type AnyNode,
+  type AnyNodeId,
+  type BuildingNode,
+  emitter,
+  type GuideNode,
+  LevelNode,
+  type ScanNode,
+  type SiteNode,
+  useScene,
+  type ZoneNode,
+} from '@pascal-app/core'
+import { useViewer } from '@pascal-app/viewer'
+import {
+  Box,
+  Building2,
+  Camera,
+  ChevronDown,
+  Image as ImageIcon,
+  Layers,
+  Loader2,
+  MoreHorizontal,
+  Pencil,
+  Pentagon,
+  Plus,
+  Trash2,
+  X,
+} from 'lucide-react'
+import { AnimatePresence, LayoutGroup, motion } from 'motion/react'
+import { useEffect, useRef, useState } from 'react'
+import { ColorDot } from './../../../../../components/ui/primitives/color-dot'
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from './../../../../../components/ui/primitives/popover'
+import { cn } from './../../../../../lib/utils'
+import useEditor from './../../../../../store/use-editor'
+import { useUploadStore } from '../../../../../store/use-upload'
+import { InlineRenameInput } from './inline-rename-input'
+import { TreeNode } from './tree-node'
+
+// ============================================================================
+// PROPERTY LINE SECTION
+// ============================================================================
+
+function calculatePerimeter(points: Array<[number, number]>): number {
+  if (points.length < 2) return 0
+  let perimeter = 0
+  for (let i = 0; i < points.length; i++) {
+    const [x1, z1] = points[i]!
+    const [x2, z2] = points[(i + 1) % points.length]!
+    perimeter += Math.sqrt((x2 - x1) ** 2 + (z2 - z1) ** 2)
+  }
+  return perimeter
+}
+
+function calculatePolygonArea(polygon: Array<[number, number]>): number {
+  if (polygon.length < 3) return 0
+  let area = 0
+  const n = polygon.length
+  for (let i = 0; i < n; i++) {
+    const j = (i + 1) % n
+    area += polygon[i]![0] * polygon[j]![1]
+    area -= polygon[j]![0] * polygon[i]![1]
+  }
+  return Math.abs(area) / 2
+}
+
+function useSiteNode(): SiteNode | null {
+  const siteId = useScene((state) => {
+    for (const id of state.rootNodeIds) {
+      if (state.nodes[id]?.type === 'site') return id
+    }
+    return null
+  })
+  return useScene((state) =>
+    siteId ? ((state.nodes[siteId] as SiteNode | undefined) ?? null) : null,
+  )
+}
+
+function PropertyLineSection() {
+  const siteNode = useSiteNode()
+  const updateNode = useScene((state) => state.updateNode)
+  const mode = useEditor((state) => state.mode)
+  const setMode = useEditor((state) => state.setMode)
+
+  if (!siteNode) return null
+
+  const points = siteNode.polygon?.points ?? []
+  const area = calculatePolygonArea(points)
+  const perimeter = calculatePerimeter(points)
+  const isEditing = mode === 'edit'
+
+  const handleToggleEdit = () => {
+    setMode(isEditing ? 'select' : 'edit')
+  }
+
+  const handlePointChange = (index: number, axis: 0 | 1, value: number) => {
+    const newPoints = [...points.map((p) => [...p] as [number, number])]
+    newPoints[index]![axis] = value
+    updateNode(siteNode.id, {
+      polygon: { type: 'polygon' as const, points: newPoints },
+    })
+  }
+
+  const handleAddPoint = () => {
+    const lastPoint = points[points.length - 1]
+    const firstPoint = points[0]
+    if (!(lastPoint && firstPoint)) return
+
+    const newPoint: [number, number] = [
+      (lastPoint[0] + firstPoint[0]) / 2,
+      (lastPoint[1] + firstPoint[1]) / 2,
+    ]
+    const newPoints = [...points, newPoint]
+    updateNode(siteNode.id, {
+      polygon: { type: 'polygon' as const, points: newPoints },
+    })
+  }
+
+  const handleDeletePoint = (index: number) => {
+    if (points.length <= 3) return
+    const newPoints = points.filter((_, i) => i !== index)
+    updateNode(siteNode.id, {
+      polygon: { type: 'polygon' as const, points: newPoints },
+    })
+  }
+
+  return (
+    <div className="relative border-border/50 border-b">
+      {/* Vertical tree line */}
+      <div className="absolute top-0 bottom-0 left-[21px] w-px bg-border/50" />
+
+      {/* Header */}
+      <div className="relative flex items-center justify-between py-2 pr-3 pl-10">
+        {/* Horizontal branch line */}
+        <div className="absolute top-1/2 left-[21px] h-px w-4 bg-border/50" />
+
+        <div className="flex items-center gap-2">
+          <Pentagon className="h-4 w-4 text-muted-foreground" />
+          <span className="font-medium text-sm">Property Line</span>
+        </div>
+        <button
+          className={cn(
+            'flex h-6 w-6 cursor-pointer items-center justify-center rounded transition-colors',
+            isEditing
+              ? 'bg-orange-500/20 text-orange-400'
+              : 'text-muted-foreground hover:bg-accent',
+          )}
+          onClick={handleToggleEdit}
+        >
+          <Pencil className="h-3.5 w-3.5" />
+        </button>
+      </div>
+
+      {/* Measurements */}
+      <div className="relative flex gap-3 pr-3 pb-2 pl-10">
+        <div className="text-muted-foreground text-xs">
+          Area: <span className="text-foreground">{area.toFixed(1)} m²</span>
+        </div>
+        <div className="text-muted-foreground text-xs">
+          Perimeter: <span className="text-foreground">{perimeter.toFixed(1)} m</span>
+        </div>
+      </div>
+
+      {/* Vertex list (shown when editing) */}
+      {isEditing && (
+        <div className="relative pr-3 pb-2 pl-10">
+          <div className="flex flex-col gap-1">
+            {points.map((point, index) => (
+              <div className="flex items-center gap-1.5 text-xs" key={index}>
+                <span className="w-4 shrink-0 text-right text-muted-foreground">{index + 1}</span>
+                <label className="shrink-0 text-muted-foreground">X</label>
+                <input
+                  className="w-16 rounded border border-border/50 bg-accent/50 px-1.5 py-0.5 text-foreground text-xs focus:border-primary focus:outline-none"
+                  onChange={(e) =>
+                    handlePointChange(index, 0, Number.parseFloat(e.target.value) || 0)
+                  }
+                  step={0.5}
+                  type="number"
+                  value={point[0]}
+                />
+                <label className="shrink-0 text-muted-foreground">Z</label>
+                <input
+                  className="w-16 rounded border border-border/50 bg-accent/50 px-1.5 py-0.5 text-foreground text-xs focus:border-primary focus:outline-none"
+                  onChange={(e) =>
+                    handlePointChange(index, 1, Number.parseFloat(e.target.value) || 0)
+                  }
+                  step={0.5}
+                  type="number"
+                  value={point[1]}
+                />
+                <button
+                  className={cn(
+                    'flex h-5 w-5 shrink-0 cursor-pointer items-center justify-center rounded',
+                    points.length > 3
+                      ? 'text-muted-foreground hover:bg-red-500/20 hover:text-red-400'
+                      : 'cursor-not-allowed text-muted-foreground/30',
+                  )}
+                  disabled={points.length <= 3}
+                  onClick={() => handleDeletePoint(index)}
+                >
+                  <Trash2 className="h-3 w-3" />
+                </button>
+              </div>
+            ))}
+          </div>
+          <button
+            className="mt-1.5 flex cursor-pointer items-center gap-1 rounded px-2 py-1 text-muted-foreground text-xs transition-colors hover:bg-accent/50 hover:text-foreground"
+            onClick={handleAddPoint}
+          >
+            <Plus className="h-3 w-3" />
+            Add point
+          </button>
+        </div>
+      )}
+    </div>
+  )
+}
+
+// ============================================================================
+// SITE PHASE VIEW - Property line + building buttons
+// ============================================================================
+
+function CameraPopover({
+  nodeId,
+  hasCamera,
+  open,
+  onOpenChange,
+  buttonClassName,
+}: {
+  nodeId: AnyNodeId
+  hasCamera: boolean
+  open: boolean
+  onOpenChange: (open: boolean) => void
+  buttonClassName?: string
+}) {
+  const updateNode = useScene((state) => state.updateNode)
+  return (
+    <Popover onOpenChange={onOpenChange} open={open}>
+      <PopoverTrigger asChild>
+        <button
+          className={cn(
+            'relative flex h-6 w-6 cursor-pointer items-center justify-center rounded',
+            buttonClassName,
+          )}
+          onClick={(e) => e.stopPropagation()}
+          title="Camera snapshot"
+        >
+          <Camera className="h-3.5 w-3.5" />
+          {hasCamera && (
+            <span className="absolute top-0.5 right-0.5 h-1.5 w-1.5 rounded-full bg-primary" />
+          )}
+        </button>
+      </PopoverTrigger>
+      <PopoverContent
+        align="start"
+        className="w-auto p-1"
+        onClick={(e) => e.stopPropagation()}
+        side="right"
+      >
+        <div className="flex flex-col gap-0.5">
+          {hasCamera && (
+            <button
+              className="flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-popover-foreground text-sm hover:bg-accent"
+              onClick={(e) => {
+                e.stopPropagation()
+                emitter.emit('camera-controls:view', { nodeId })
+                onOpenChange(false)
+              }}
+            >
+              <Camera className="h-3.5 w-3.5" />
+              View snapshot
+            </button>
+          )}
+          <button
+            className="flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-popover-foreground text-sm hover:bg-accent"
+            onClick={(e) => {
+              e.stopPropagation()
+              emitter.emit('camera-controls:capture', { nodeId })
+              onOpenChange(false)
+            }}
+          >
+            <Camera className="h-3.5 w-3.5" />
+            {hasCamera ? 'Update snapshot' : 'Take snapshot'}
+          </button>
+          {hasCamera && (
+            <button
+              className="flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-popover-foreground text-sm hover:bg-destructive hover:text-destructive-foreground"
+              onClick={(e) => {
+                e.stopPropagation()
+                updateNode(nodeId, { camera: undefined })
+                onOpenChange(false)
+              }}
+            >
+              <Trash2 className="h-3.5 w-3.5" />
+              Clear snapshot
+            </button>
+          )}
+        </div>
+      </PopoverContent>
+    </Popover>
+  )
+}
+
+function ReferenceItem({
+  refNode,
+  isLastRow,
+  setSelectedReferenceId,
+  handleDelete,
+}: {
+  refNode: ScanNode | GuideNode
+  isLastRow: boolean
+  setSelectedReferenceId: (id: string) => void
+  handleDelete: (id: string, e: React.MouseEvent) => void
+}) {
+  const [isEditing, setIsEditing] = useState(false)
+
+  return (
+    <div className="group/ref relative flex h-8 select-none items-center border-border/50 border-b pr-2 text-xs transition-colors hover:bg-accent/30">
+      <div
+        className={cn(
+          'pointer-events-none absolute z-10 w-px bg-border/50',
+          isLastRow ? 'top-0 bottom-1/2' : 'top-0 bottom-0',
+        )}
+        style={{ left: 45 }}
+      />
+      <div
+        className="pointer-events-none absolute top-1/2 z-10 h-px bg-border/50"
+        style={{ left: 45, width: 8 }}
+      />
+
+      <div
+        className="flex h-8 min-w-0 flex-1 cursor-pointer items-center gap-2 py-0 pl-[60px] text-muted-foreground group-hover/ref:text-foreground"
+        onClick={() => setSelectedReferenceId(refNode.id)}
+        onDoubleClick={() => setIsEditing(true)}
+      >
+        {refNode.type === 'scan' ? (
+          <img
+            alt="Scan"
+            className="h-3.5 w-3.5 shrink-0 object-contain opacity-70 transition-opacity group-hover/ref:opacity-100"
+            src="/icons/mesh.png"
+          />
+        ) : (
+          <img
+            alt="Guide"
+            className="h-3.5 w-3.5 shrink-0 object-contain opacity-70 transition-opacity group-hover/ref:opacity-100"
+            src="/icons/floorplan.png"
+          />
+        )}
+        <InlineRenameInput
+          defaultName={refNode.type === 'scan' ? '3D Scan' : 'Guide Image'}
+          isEditing={isEditing}
+          node={refNode}
+          onStartEditing={() => setIsEditing(true)}
+          onStopEditing={() => setIsEditing(false)}
+        />
+      </div>
+
+      <button
+        className="z-20 flex h-5 w-5 shrink-0 cursor-pointer items-center justify-center rounded-md text-muted-foreground opacity-0 transition-colors hover:bg-black/5 hover:text-foreground group-hover/ref:opacity-100 dark:hover:bg-white/10"
+        onClick={(e) => handleDelete(refNode.id, e)}
+        title="Delete"
+      >
+        <Trash2 className="h-3 w-3" />
+      </button>
+    </div>
+  )
+}
+
+const MAX_FILE_SIZE = 200 * 1024 * 1024 // 200MB
+
+interface LevelReferencesProps {
+  levelId: string
+  isLastLevel?: boolean
+  projectId?: string
+  onUploadAsset?: (projectId: string, levelId: string, file: File, type: 'scan' | 'guide') => void
+  onDeleteAsset?: (projectId: string, url: string) => void
+}
+
+function LevelReferences({
+  levelId,
+  isLastLevel,
+  projectId,
+  onUploadAsset,
+  onDeleteAsset,
+}: LevelReferencesProps) {
+  const nodes = useScene((s) => s.nodes)
+  const deleteNode = useScene((s) => s.deleteNode)
+  const setSelectedReferenceId = useEditor((s) => s.setSelectedReferenceId)
+  const uploadState = useUploadStore((s) => s.uploads[levelId])
+  const clearUpload = useUploadStore((s) => s.clearUpload)
+
+  const uploading =
+    uploadState?.status === 'preparing' ||
+    uploadState?.status === 'uploading' ||
+    uploadState?.status === 'confirming'
+  const uploadingType = uploadState?.assetType ?? null
+  const uploadError = uploadState?.error ?? null
+  const progress = uploadState?.progress ?? 0
+
+  const scanInputRef = useRef<HTMLInputElement>(null)
+
+  const references = Object.values(nodes).filter(
+    (node): node is ScanNode | GuideNode =>
+      (node.type === 'scan' || node.type === 'guide') && node.parentId === levelId,
+  )
+
+  const handleAddAsset = (e: React.ChangeEvent<HTMLInputElement>) => {
+    const file = e.target.files?.[0]
+    if (!file) return
+    e.target.value = ''
+
+    if (!projectId) {
+      useUploadStore.getState().startUpload(levelId, 'scan', file.name)
+      useUploadStore.getState().setError(levelId, 'No active project. Please open a project first.')
+      return
+    }
+
+    if (file.size > MAX_FILE_SIZE) {
+      useUploadStore.getState().startUpload(levelId, 'scan', file.name)
+      useUploadStore
+        .getState()
+        .setError(
+          levelId,
+          `File is too large (${(file.size / 1024 / 1024).toFixed(0)} MB). Maximum size is 200 MB.`,
+        )
+      return
+    }
+
+    // Auto-detect type based on file extension/mime type
+    const isScan =
+      file.name.toLowerCase().endsWith('.glb') || file.name.toLowerCase().endsWith('.gltf')
+    const isImage = file.type.startsWith('image/')
+
+    if (!(isScan || isImage)) {
+      useUploadStore.getState().startUpload(levelId, 'scan', file.name)
+      useUploadStore
+        .getState()
+        .setError(levelId, 'Invalid file type. Please upload a .glb/.gltf scan or an image.')
+      return
+    }
+
+    const type = isScan ? 'scan' : 'guide'
+
+    clearUpload(levelId)
+    onUploadAsset?.(projectId, levelId, file, type)
+  }
+
+  const handleDelete = async (nodeId: string, e: React.MouseEvent) => {
+    e.stopPropagation()
+    const refNode = nodes[nodeId as AnyNodeId] as ScanNode | GuideNode | undefined
+
+    if (
+      projectId &&
+      refNode?.url &&
+      (refNode.url.startsWith('http://') || refNode.url.startsWith('https://'))
+    ) {
+      onDeleteAsset?.(projectId, refNode.url)
+    }
+    deleteNode(nodeId as AnyNodeId)
+  }
+
+  const rows = [
+    { type: 'upload' as const },
+    ...references.map((ref) => ({ type: 'ref' as const, data: ref })),
+  ]
+
+  return (
+    <div className="relative flex flex-col">
+      {!isLastLevel && (
+        <div
+          className="pointer-events-none absolute top-0 bottom-0 z-10 w-px bg-border/50"
+          style={{ left: 21 }}
+        />
+      )}
+
+      {rows.map((row, i) => {
+        const isLastRow = i === rows.length - 1
+
+        if (row.type === 'upload') {
+          return (
+            <div className="group/ref relative border-border/50 border-b" key="upload">
+              <div
+                className={cn(
+                  'pointer-events-none absolute z-10 w-px bg-border/50',
+                  isLastRow ? 'top-0 bottom-1/2' : 'top-0 bottom-0',
+                )}
+                style={{ left: 45 }}
+              />
+              <div
+                className="pointer-events-none absolute top-1/2 z-10 h-px bg-border/50"
+                style={{ left: 45, width: 8 }}
+              />
+
+              <button
+                className="flex h-8 w-full cursor-pointer select-none items-center gap-2 py-0 pr-2 pl-[60px] text-left text-muted-foreground text-xs transition-colors hover:bg-accent/30 hover:text-foreground disabled:cursor-not-allowed disabled:opacity-50"
+                disabled={uploading}
+                onClick={() => scanInputRef.current?.click()}
+              >
+                {uploading ? (
+                  <Loader2 className="h-3.5 w-3.5 animate-spin" />
+                ) : (
+                  <Plus className="h-3.5 w-3.5" />
+                )}
+                {uploading ? `Uploading ${uploadingType}... ${progress}%` : 'Upload scan/floorplan'}
+              </button>
+
+              <input
+                accept=".glb,.gltf,image/jpeg,image/png,image/webp,image/gif"
+                className="hidden"
+                onChange={handleAddAsset}
+                ref={scanInputRef}
+                type="file"
+              />
+            </div>
+          )
+        }
+
+        const ref = row.data as ScanNode | GuideNode
+        return (
+          <ReferenceItem
+            handleDelete={handleDelete}
+            isLastRow={isLastRow}
+            key={ref.id}
+            refNode={ref}
+            setSelectedReferenceId={setSelectedReferenceId}
+          />
+        )
+      })}
+
+      {uploadError && (
+        <div className="relative flex min-h-8 select-none items-center border-border/50 border-b bg-destructive/5 py-1 pr-2 pl-[60px] text-[10px] text-destructive">
+          <div
+            className="pointer-events-none absolute top-0 bottom-0 z-10 w-px bg-border/50"
+            style={{ left: 45 }}
+          />
+          {uploadError}
+        </div>
+      )}
+    </div>
+  )
+}
+
+function LevelItem({
+  level,
+  selectedLevelId,
+  setSelection,
+  deleteNode,
+  updateNode,
+  isLast,
+  projectId,
+  onUploadAsset,
+  onDeleteAsset,
+}: {
+  level: LevelNode
+  selectedLevelId: string | null
+  setSelection: (selection: any) => void
+  deleteNode: (id: AnyNodeId) => void
+  updateNode: (id: AnyNodeId, updates: Partial<AnyNode>) => void
+  isLast?: boolean
+  projectId?: string
+  onUploadAsset?: (projectId: string, levelId: string, file: File, type: 'scan' | 'guide') => void
+  onDeleteAsset?: (projectId: string, url: string) => void
+}) {
+  const [cameraPopoverOpen, setCameraPopoverOpen] = useState(false)
+  const [isEditing, setIsEditing] = useState(false)
+  const itemRef = useRef<HTMLDivElement>(null)
+  const isSelected = selectedLevelId === level.id
+  const [isExpanded, setIsExpanded] = useState(isSelected)
+
+  useEffect(() => {
+    setIsExpanded(isSelected)
+  }, [isSelected])
+
+  useEffect(() => {
+    if (isSelected && itemRef.current) {
+      itemRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' })
+    }
+  }, [isSelected])
+
+  return (
+    <div className="relative flex flex-col">
+      <div
+        className={cn(
+          'group/level relative flex h-8 select-none items-center border-border/50 border-b pr-2 transition-all duration-200',
+          isSelected
+            ? 'bg-accent/50 text-foreground'
+            : 'text-muted-foreground hover:bg-accent/30 hover:text-foreground',
+        )}
+        ref={itemRef}
+      >
+        {/* Vertical tree line */}
+        <div
+          className={cn(
+            'pointer-events-none absolute left-[21px] z-10 w-px bg-border/50',
+            isLast && !isExpanded ? 'top-0 bottom-1/2' : 'top-0 bottom-0',
+          )}
+        />
+        {/* Horizontal branch line */}
+        <div className="pointer-events-none absolute top-1/2 left-[21px] z-10 h-px w-[11px] bg-border/50" />
+        <div
+          className={cn(
+            'pointer-events-none absolute top-[10px] left-[32px] z-10 h-[12px] w-4 transition-colors duration-200',
+            isSelected ? 'bg-accent/50' : 'bg-background group-hover/level:bg-accent/30',
+          )}
+        />
+        {/* Line down to children */}
+        {isExpanded && (
+          <div className="pointer-events-none absolute top-[16px] bottom-0 left-[45px] z-10 w-px bg-border/50" />
+        )}
+
+        <div className="relative z-20 flex h-8 items-center pr-1 pl-[28px]">
+          <button
+            className="z-20 flex h-4 w-4 shrink-0 cursor-pointer items-center justify-center bg-inherit"
+            onClick={(e) => {
+              e.stopPropagation()
+              if (isSelected) {
+                setIsExpanded(!isExpanded)
+              } else {
+                setSelection({ levelId: level.id })
+              }
+            }}
+          >
+            {isExpanded ? (
+              <ChevronDown className="h-3 w-3 text-muted-foreground" />
+            ) : (
+              <ChevronDown className="h-3 w-3 -rotate-90 text-muted-foreground" />
+            )}
+          </button>
+        </div>
+
+        <div
+          className="flex h-8 min-w-0 flex-1 cursor-pointer items-center gap-2 py-0 pl-0.5 text-sm"
+          onClick={() => setSelection({ levelId: level.id })}
+          onDoubleClick={() => setIsEditing(true)}
+        >
+          <img
+            alt="Level"
+            className={cn(
+              'h-4 w-4 shrink-0 object-contain transition-all duration-200',
+              !isSelected && 'opacity-60 grayscale',
+            )}
+            src="/icons/level.png"
+          />
+          <InlineRenameInput
+            defaultName={`Level ${level.level}`}
+            isEditing={isEditing}
+            node={level}
+            onStartEditing={() => setIsEditing(true)}
+            onStopEditing={() => setIsEditing(false)}
+          />
+        </div>
+        {/* Camera snapshot button */}
+        <Popover onOpenChange={setCameraPopoverOpen} open={cameraPopoverOpen}>
+          <PopoverTrigger asChild>
+            <button
+              className={cn(
+                'relative mr-1 flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-md opacity-0 transition-colors group-hover/level:opacity-100',
+                selectedLevelId === level.id
+                  ? 'hover:bg-black/5 dark:hover:bg-white/10'
+                  : 'text-muted-foreground hover:bg-accent hover:text-foreground',
+              )}
+              onClick={(e) => e.stopPropagation()}
+              title="Camera snapshot"
+            >
+              <Camera className="h-3.5 w-3.5" />
+              {level.camera && (
+                <span className="absolute top-0.5 right-0.5 h-1.5 w-1.5 rounded-full bg-primary" />
+              )}
+            </button>
+          </PopoverTrigger>
+          <PopoverContent
+            align="start"
+            className="w-auto p-1"
+            onClick={(e) => e.stopPropagation()}
+            side="right"
+          >
+            <div className="flex flex-col gap-0.5">
+              {level.camera && (
+                <button
+                  className="flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-popover-foreground text-sm hover:bg-accent"
+                  onClick={(e) => {
+                    e.stopPropagation()
+                    emitter.emit('camera-controls:view', { nodeId: level.id })
+                    setCameraPopoverOpen(false)
+                  }}
+                >
+                  <Camera className="h-3.5 w-3.5" />
+                  View snapshot
+                </button>
+              )}
+              <button
+                className="flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-popover-foreground text-sm hover:bg-accent"
+                onClick={(e) => {
+                  e.stopPropagation()
+                  emitter.emit('camera-controls:capture', { nodeId: level.id })
+                  setCameraPopoverOpen(false)
+                }}
+              >
+                <Camera className="h-3.5 w-3.5" />
+                {level.camera ? 'Update snapshot' : 'Take snapshot'}
+              </button>
+              {level.camera && (
+                <button
+                  className="flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-popover-foreground text-sm hover:bg-destructive hover:text-destructive-foreground"
+                  onClick={(e) => {
+                    e.stopPropagation()
+                    updateNode(level.id, { camera: undefined })
+                    setCameraPopoverOpen(false)
+                  }}
+                >
+                  <Trash2 className="h-3.5 w-3.5" />
+                  Clear snapshot
+                </button>
+              )}
+            </div>
+          </PopoverContent>
+        </Popover>
+        <Popover>
+          <PopoverTrigger asChild>
+            <button
+              className={cn(
+                'mr-1 flex h-6 w-6 shrink-0 cursor-pointer items-center justify-center rounded-md opacity-0 transition-colors group-hover/level:opacity-100',
+                selectedLevelId === level.id
+                  ? 'hover:bg-black/5 dark:hover:bg-white/10'
+                  : 'text-muted-foreground hover:bg-accent hover:text-foreground',
+              )}
+              onClick={(e) => e.stopPropagation()}
+            >
+              <MoreHorizontal className="h-3.5 w-3.5" />
+            </button>
+          </PopoverTrigger>
+          <PopoverContent align="start" className="w-40 p-1" side="right">
+            {level.level !== 0 && (
+              <button
+                className="flex w-full cursor-pointer items-center gap-2 rounded px-3 py-1.5 text-sm hover:bg-accent hover:text-red-600"
+                onClick={() => deleteNode(level.id)}
+              >
+                <Trash2 className="h-3.5 w-3.5" />
+                Delete
+              </button>
+            )}
+          </PopoverContent>
+        </Popover>
+      </div>
+      <AnimatePresence initial={false}>
+        {isExpanded && (
+          <motion.div
+            animate={{ height: 'auto', opacity: 1 }}
+            className="overflow-hidden"
+            exit={{ height: 0, opacity: 0 }}
+            initial={{ height: 0, opacity: 0 }}
+            transition={{ type: 'spring', bounce: 0, duration: 0.3 }}
+          >
+            <LevelReferences
+              isLastLevel={isLast}
+              levelId={level.id}
+              onDeleteAsset={onDeleteAsset}
+              onUploadAsset={onUploadAsset}
+              projectId={projectId}
+            />
+          </motion.div>
+        )}
+      </AnimatePresence>
+    </div>
+  )
+}
+
+function LevelsSection({
+  projectId,
+  onUploadAsset,
+  onDeleteAsset,
+}: {
+  projectId?: string
+  onUploadAsset?: (projectId: string, levelId: string, file: File, type: 'scan' | 'guide') => void
+  onDeleteAsset?: (projectId: string, url: string) => void
+} = {}) {
+  const nodes = useScene((state) => state.nodes)
+  const createNode = useScene((state) => state.createNode)
+  const updateNode = useScene((state) => state.updateNode)
+  const deleteNode = useScene((state) => state.deleteNode)
+  const selectedBuildingId = useViewer((state) => state.selection.buildingId)
+  const selectedLevelId = useViewer((state) => state.selection.levelId)
+  const setSelection = useViewer((state) => state.setSelection)
+
+  const building = selectedBuildingId ? (nodes[selectedBuildingId] as BuildingNode) : null
+
+  if (!building) return null
+
+  const levels = building.children
+    .map((id) => nodes[id])
+    .filter((node): node is LevelNode => node?.type === 'level')
+
+  const handleAddLevel = () => {
+    const newLevel = LevelNode.parse({
+      level: levels.length,
+      children: [],
+      parentId: building.id,
+    })
+    createNode(newLevel, building.id)
+    setSelection({ levelId: newLevel.id })
+  }
+
+  return (
+    <div className="relative flex flex-col">
+      {/* Level buttons */}
+      <div className="flex min-h-0 flex-1 flex-col">
+        <button
+          className="relative flex h-8 cursor-pointer select-none items-center gap-2 border-border/50 border-b py-0 pl-0 text-muted-foreground text-sm transition-all duration-200 hover:bg-accent/30 hover:text-foreground"
+          onClick={handleAddLevel}
+        >
+          {/* Vertical tree line */}
+          <div className="pointer-events-none absolute top-0 bottom-0 left-[21px] w-px bg-border/50" />
+          {/* Horizontal branch line */}
+          <div className="pointer-events-none absolute top-1/2 left-[21px] z-10 h-px w-[11px] bg-border/50" />
+
+          <div className="relative z-10 flex items-center pr-1 pl-[38px]">
+            <Plus className="h-3.5 w-3.5" />
+          </div>
+          <span className="truncate">Add level</span>
+        </button>
+        {levels.length === 0 && (
+          <div className="relative flex h-8 select-none items-center border-border/50 border-b py-0 pr-2 pl-[38px] text-muted-foreground text-xs">
+            {/* Vertical tree line */}
+            <div className="pointer-events-none absolute top-0 bottom-1/2 left-[21px] w-px bg-border/50" />
+            {/* Horizontal branch line */}
+            <div className="pointer-events-none absolute top-1/2 left-[21px] h-px w-[11px] bg-border/50" />
+            No levels yet
+          </div>
+        )}
+        {[...levels].reverse().map((level, index) => (
+          <LevelItem
+            deleteNode={deleteNode}
+            isLast={index === levels.length - 1}
+            key={level.id}
+            level={level}
+            onDeleteAsset={onDeleteAsset}
+            onUploadAsset={onUploadAsset}
+            projectId={projectId}
+            selectedLevelId={selectedLevelId}
+            setSelection={setSelection}
+            updateNode={updateNode}
+          />
+        ))}
+      </div>
+    </div>
+  )
+}
+
+function LayerToggle() {
+  const structureLayer = useEditor((state) => state.structureLayer)
+  const setStructureLayer = useEditor((state) => state.setStructureLayer)
+  const phase = useEditor((state) => state.phase)
+  const setPhase = useEditor((state) => state.setPhase)
+
+  const activeTab =
+    phase === 'structure' && structureLayer === 'elements'
+      ? 'structure'
+      : phase === 'furnish'
+        ? 'furnish'
+        : phase === 'structure' && structureLayer === 'zones'
+          ? 'zones'
+          : 'none'
+
+  return (
+    <div className="relative flex items-center gap-1 border-border/50 border-b bg-[#2C2C2E] p-1">
+      <button
+        className={cn(
+          'relative flex flex-1 cursor-pointer flex-col items-center justify-center rounded-md py-2 font-medium text-[10px] transition-all duration-200',
+          activeTab === 'structure'
+            ? 'text-foreground'
+            : 'text-muted-foreground hover:bg-white/5 hover:text-foreground',
+        )}
+        onClick={() => {
+          setPhase('structure')
+          setStructureLayer('elements')
+        }}
+      >
+        {activeTab === 'structure' && (
+          <motion.div
+            className="absolute inset-0 rounded-md bg-[#3e3e3e] shadow-sm ring-1 ring-border/50"
+            layoutId="layerToggleActiveBg"
+            transition={{ type: 'spring', bounce: 0.2, duration: 0.6 }}
+          />
+        )}
+        <div className="relative z-10 flex flex-col items-center">
+          <img
+            alt="Structure"
+            className={cn(
+              'mb-1 h-6 w-6 transition-all',
+              activeTab !== 'structure' && 'opacity-50 grayscale',
+            )}
+            src="/icons/room.png"
+          />
+          Structure
+        </div>
+        <div className="absolute right-1.5 bottom-1 z-10 rounded border border-border/40 bg-background/40 px-1 py-[2px] backdrop-blur-md">
+          <span className="block font-medium font-mono text-[9px] text-muted-foreground/70 leading-none">
+            S
+          </span>
+        </div>
+      </button>
+
+      <button
+        className={cn(
+          'relative flex flex-1 cursor-pointer flex-col items-center justify-center rounded-md py-2 font-medium text-[10px] transition-all duration-200',
+          activeTab === 'furnish'
+            ? 'text-foreground'
+            : 'text-muted-foreground hover:bg-white/5 hover:text-foreground',
+        )}
+        onClick={() => {
+          setPhase('furnish')
+        }}
+      >
+        {activeTab === 'furnish' && (
+          <motion.div
+            className="absolute inset-0 rounded-md bg-[#3e3e3e] shadow-sm ring-1 ring-border/50"
+            layoutId="layerToggleActiveBg"
+            transition={{ type: 'spring', bounce: 0.2, duration: 0.6 }}
+          />
+        )}
+        <div className="relative z-10 flex flex-col items-center">
+          <img
+            alt="Furnish"
+            className={cn(
+              'mb-1 h-6 w-6 transition-all',
+              activeTab !== 'furnish' && 'opacity-50 grayscale',
+            )}
+            src="/icons/couch.png"
+          />
+          Furnish
+        </div>
+        <div className="absolute right-1.5 bottom-1 z-10 rounded border border-border/40 bg-background/40 px-1 py-[2px] backdrop-blur-md">
+          <span className="block font-medium font-mono text-[9px] text-muted-foreground/70 leading-none">
+            F
+          </span>
+        </div>
+      </button>
+
+      <button
+        className={cn(
+          'relative flex flex-1 cursor-pointer flex-col items-center justify-center rounded-md py-2 font-medium text-[10px] transition-all duration-200',
+          activeTab === 'zones'
+            ? 'text-foreground'
+            : 'text-muted-foreground hover:bg-white/5 hover:text-foreground',
+        )}
+        onClick={() => {
+          setPhase('structure')
+          setStructureLayer('zones')
+        }}
+      >
+        {activeTab === 'zones' && (
+          <motion.div
+            className="absolute inset-0 rounded-md bg-[#3e3e3e] shadow-sm ring-1 ring-border/50"
+            layoutId="layerToggleActiveBg"
+            transition={{ type: 'spring', bounce: 0.2, duration: 0.6 }}
+          />
+        )}
+        <div className="relative z-10 flex flex-col items-center">
+          <img
+            alt="Zones"
+            className={cn(
+              'mb-1 h-6 w-6 transition-all',
+              activeTab !== 'zones' && 'opacity-50 grayscale',
+            )}
+            src="/icons/kitchen.png"
+          />
+          Zones
+        </div>
+        <div className="absolute right-1.5 bottom-1 z-10 rounded border border-border/40 bg-background/40 px-1 py-[2px] backdrop-blur-md">
+          <span className="block font-medium font-mono text-[9px] text-muted-foreground/70 leading-none">
+            Z
+          </span>
+        </div>
+      </button>
+    </div>
+  )
+}
+
+function ZoneItem({ zone, isLast }: { zone: ZoneNode; isLast?: boolean }) {
+  const [isEditing, setIsEditing] = useState(false)
+  const [cameraPopoverOpen, setCameraPopoverOpen] = useState(false)
+  const deleteNode = useScene((state) => state.deleteNode)
+  const updateNode = useScene((state) => state.updateNode)
+  const selectedZoneId = useViewer((state) => state.selection.zoneId)
+  const hoveredId = useViewer((state) => state.hoveredId)
+  const setSelection = useViewer((state) => state.setSelection)
+  const setHoveredId = useViewer((state) => state.setHoveredId)
+  const setPhase = useEditor((state) => state.setPhase)
+  const setMode = useEditor((state) => state.setMode)
+
+  const isSelected = selectedZoneId === zone.id
+  const isHovered = hoveredId === zone.id
+
+  const itemRef = useRef<HTMLDivElement>(null)
+
+  useEffect(() => {
+    if (isSelected && itemRef.current) {
+      itemRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' })
+    }
+  }, [isSelected])
+
+  const area = calculatePolygonArea(zone.polygon).toFixed(1)
+  const defaultName = `Zone (${area}m²)`
+
+  const handleClick = () => {
+    setSelection({ zoneId: zone.id })
+    setPhase('structure')
+    setMode('select')
+  }
+
+  const handleDoubleClick = () => {
+    setIsEditing(true)
+  }
+
+  const handleDelete = (e: React.MouseEvent) => {
+    e.stopPropagation()
+    deleteNode(zone.id)
+    if (isSelected) {
+      setSelection({ zoneId: null })
+    }
+  }
+
+  const handleColorChange = (color: string) => {
+    updateNode(zone.id, { color })
+  }
+
+  return (
+    <div
+      className={cn(
+        'group/row relative flex h-8 cursor-pointer select-none items-center border-border/50 border-b px-3 text-sm transition-all duration-200',
+        isSelected
+          ? 'bg-accent/50 text-foreground'
+          : isHovered
+            ? 'bg-accent/30 text-foreground'
+            : 'text-muted-foreground hover:bg-accent/30 hover:text-foreground',
+      )}
+      onClick={handleClick}
+      onDoubleClick={handleDoubleClick}
+      onMouseEnter={() => setHoveredId(zone.id)}
+      onMouseLeave={() => setHoveredId(null)}
+      ref={itemRef}
+    >
+      {/* Vertical tree line */}
+      <div
+        className={cn(
+          'pointer-events-none absolute w-px bg-border/50',
+          isLast ? 'top-0 bottom-1/2' : 'top-0 bottom-0',
+        )}
+        style={{ left: 8 }}
+      />
+      {/* Horizontal branch line */}
+      <div
+        className="pointer-events-none absolute top-1/2 h-px bg-border/50"
+        style={{ left: 8, width: 4 }}
+      />
+
+      <span className={cn('mr-2', !isSelected && 'opacity-40')}>
+        <ColorDot color={zone.color} onChange={handleColorChange} />
+      </span>
+      <div className="min-w-0 flex-1 pr-1">
+        <InlineRenameInput
+          defaultName={defaultName}
+          isEditing={isEditing}
+          node={zone}
+          onStartEditing={() => setIsEditing(true)}
+          onStopEditing={() => setIsEditing(false)}
+        />
+      </div>
+      <div className="flex items-center gap-0.5">
+        {/* Camera snapshot button */}
+        <Popover onOpenChange={setCameraPopoverOpen} open={cameraPopoverOpen}>
+          <PopoverTrigger asChild>
+            <button
+              className="relative flex h-6 w-6 cursor-pointer items-center justify-center rounded-md text-muted-foreground opacity-0 transition-colors hover:bg-black/5 hover:text-foreground group-hover/row:opacity-100 dark:hover:bg-white/10"
+              onClick={(e) => e.stopPropagation()}
+              title="Camera snapshot"
+            >
+              <Camera className="h-3 w-3" />
+              {zone.camera && (
+                <span className="absolute top-0.5 right-0.5 h-1.5 w-1.5 rounded-full bg-primary" />
+              )}
+            </button>
+          </PopoverTrigger>
+          <PopoverContent
+            align="start"
+            className="w-auto p-1"
+            onClick={(e) => e.stopPropagation()}
+            side="right"
+          >
+            <div className="flex flex-col gap-0.5">
+              {zone.camera && (
+                <button
+                  className="flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-popover-foreground text-sm hover:bg-accent"
+                  onClick={(e) => {
+                    e.stopPropagation()
+                    emitter.emit('camera-controls:view', { nodeId: zone.id })
+                    setCameraPopoverOpen(false)
+                  }}
+                >
+                  <Camera className="h-3.5 w-3.5" />
+                  View snapshot
+                </button>
+              )}
+              <button
+                className="flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-popover-foreground text-sm hover:bg-accent"
+                onClick={(e) => {
+                  e.stopPropagation()
+                  emitter.emit('camera-controls:capture', { nodeId: zone.id })
+                  setCameraPopoverOpen(false)
+                }}
+              >
+                <Camera className="h-3.5 w-3.5" />
+                {zone.camera ? 'Update snapshot' : 'Take snapshot'}
+              </button>
+              {zone.camera && (
+                <button
+                  className="flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-popover-foreground text-sm hover:bg-destructive hover:text-destructive-foreground"
+                  onClick={(e) => {
+                    e.stopPropagation()
+                    updateNode(zone.id, { camera: undefined })
+                    setCameraPopoverOpen(false)
+                  }}
+                >
+                  <Trash2 className="h-3.5 w-3.5" />
+                  Clear snapshot
+                </button>
+              )}
+            </div>
+          </PopoverContent>
+        </Popover>
+        <button
+          className="flex h-6 w-6 cursor-pointer items-center justify-center rounded-md text-muted-foreground opacity-0 transition-colors hover:bg-black/5 hover:text-foreground group-hover/row:opacity-100 dark:hover:bg-white/10"
+          onClick={handleDelete}
+        >
+          <Trash2 className="h-3 w-3" />
+        </button>
+      </div>
+    </div>
+  )
+}
+
+function MultiSelectionBadge() {
+  const selectedIds = useViewer((state) => state.selection.selectedIds)
+  const setSelection = useViewer((state) => state.setSelection)
+
+  if (selectedIds.length <= 1) return null
+
+  return (
+    <div className="pointer-events-none sticky top-4 z-50 flex h-0 w-full justify-center overflow-visible">
+      <div className="pointer-events-auto flex items-center gap-2.5 rounded-full border border-primary/20 bg-primary px-0.5 py-4 pl-2 font-medium text-primary-foreground text-xs shadow-black/10 shadow-lg backdrop-blur-md">
+        <span>{selectedIds.length} objects selected</span>
+        <button
+          className="cursor-pointer rounded-full p-1.5 transition-colors hover:bg-primary-foreground/20"
+          onClick={() => setSelection({ selectedIds: [] })}
+          title="Clear selection"
+        >
+          <X className="h-4 w-4" />
+        </button>
+      </div>
+    </div>
+  )
+}
+
+function ContentSection() {
+  const nodes = useScene((state) => state.nodes)
+  const selectedLevelId = useViewer((state) => state.selection.levelId)
+  const structureLayer = useEditor((state) => state.structureLayer)
+  const phase = useEditor((state) => state.phase)
+  const setPhase = useEditor((state) => state.setPhase)
+  const setMode = useEditor((state) => state.setMode)
+  const setTool = useEditor((state) => state.setTool)
+
+  const level = selectedLevelId ? (nodes[selectedLevelId] as LevelNode) : null
+
+  if (!level) {
+    return (
+      <div className="px-3 py-4 text-muted-foreground text-sm">Select a level to view content</div>
+    )
+  }
+
+  if (structureLayer === 'zones') {
+    // Show zones for this level
+    const levelZones = Object.values(nodes).filter(
+      (node): node is ZoneNode => node.type === 'zone' && node.parentId === selectedLevelId,
+    )
+
+    const handleAddZone = () => {
+      setPhase('structure')
+      setMode('build')
+      setTool('zone')
+    }
+
+    if (levelZones.length === 0) {
+      return (
+        <div className="px-3 py-4 text-muted-foreground text-sm">
+          No zones on this level.{' '}
+          <button className="cursor-pointer text-primary hover:underline" onClick={handleAddZone}>
+            Add one
+          </button>
+        </div>
+      )
+    }
+
+    return (
+      <div className="flex flex-col">
+        {levelZones.map((zone, index) => (
+          <ZoneItem isLast={index === levelZones.length - 1} key={zone.id} zone={zone} />
+        ))}
+      </div>
+    )
+  }
+
+  // Filter elements based on phase
+  const elementChildren = level.children.filter((childId) => {
+    const childNode = nodes[childId]
+    if (!childNode || childNode.type === 'zone') return false
+
+    // We no longer filter out structural nodes in furnish mode or furnish nodes in structure mode
+    // This allows nested items (like lights in a ceiling or cabinetry on a wall) to remain visible
+    // and selectable in both modes, ensuring seamless transition in the tree view.
+    return true
+  })
+
+  if (elementChildren.length === 0) {
+    return <div className="px-3 py-4 text-muted-foreground text-sm">No elements on this level</div>
+  }
+
+  return (
+    <div className="flex flex-col">
+      {elementChildren.map((childId, index) => (
+        <TreeNode
+          depth={0}
+          isLast={index === elementChildren.length - 1}
+          key={childId}
+          nodeId={childId}
+        />
+      ))}
+    </div>
+  )
+}
+
+function BuildingItem({
+  building,
+  isBuildingActive,
+  buildingCameraOpen,
+  setBuildingCameraOpen,
+  projectId,
+  onUploadAsset,
+  onDeleteAsset,
+}: {
+  building: BuildingNode
+  isBuildingActive: boolean
+  buildingCameraOpen: string | null
+  setBuildingCameraOpen: (id: string | null) => void
+  projectId?: string
+  onUploadAsset?: (projectId: string, levelId: string, file: File, type: 'scan' | 'guide') => void
+  onDeleteAsset?: (projectId: string, url: string) => void
+}) {
+  const setSelection = useViewer((state) => state.setSelection)
+  const phase = useEditor((state) => state.phase)
+  const setPhase = useEditor((state) => state.setPhase)
+  const updateNode = useScene((state) => state.updateNode)
+  const itemRef = useRef<HTMLDivElement>(null)
+
+  useEffect(() => {
+    if (isBuildingActive && itemRef.current) {
+      itemRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' })
+    }
+  }, [isBuildingActive])
+
+  return (
+    <motion.div
+      className={cn('flex shrink-0 flex-col overflow-hidden', isBuildingActive && 'min-h-0 flex-1')}
+      layout
+      transition={{ type: 'spring', bounce: 0, duration: 0.4 }}
+    >
+      <motion.div
+        className={cn(
+          'group/building flex h-10 shrink-0 items-center border-border/50 border-b pr-2 transition-all duration-200',
+          isBuildingActive
+            ? 'bg-accent/50 text-foreground'
+            : 'text-muted-foreground hover:bg-accent/30 hover:text-foreground',
+        )}
+        layout="position"
+        ref={itemRef}
+      >
+        <button
+          className="flex h-full min-w-0 flex-1 cursor-pointer items-center gap-2 py-2 pl-3"
+          onClick={() => {
+            setSelection({ buildingId: building.id })
+            if (phase === 'site') {
+              setPhase('structure')
+            }
+          }}
+        >
+          <img
+            alt="Building"
+            className={cn(
+              'h-5 w-5 object-contain transition-all',
+              !isBuildingActive && 'opacity-60 grayscale',
+            )}
+            src="/icons/building.png"
+          />
+          <span className="truncate font-medium text-sm">{building.name || 'Building'}</span>
+        </button>
+        <Popover
+          onOpenChange={(open) => setBuildingCameraOpen(open ? building.id : null)}
+          open={buildingCameraOpen === building.id}
+        >
+          <PopoverTrigger asChild>
+            <button
+              className={cn(
+                'relative mr-1.5 flex h-7 w-7 shrink-0 cursor-pointer items-center justify-center rounded-md opacity-0 transition-colors group-hover/building:opacity-100',
+                isBuildingActive
+                  ? 'text-muted-foreground hover:bg-black/5 hover:text-foreground dark:hover:bg-white/10'
+                  : 'text-muted-foreground hover:bg-accent hover:text-foreground',
+              )}
+              onClick={(e) => e.stopPropagation()}
+              title="Camera snapshot"
+            >
+              <Camera className="h-4 w-4" />
+              {building.camera && (
+                <span className="absolute top-0.5 right-0.5 h-1.5 w-1.5 rounded-full bg-primary" />
+              )}
+            </button>
+          </PopoverTrigger>
+          <PopoverContent
+            align="start"
+            className="w-auto p-1"
+            onClick={(e) => e.stopPropagation()}
+            side="right"
+          >
+            <div className="flex flex-col gap-0.5">
+              {building.camera && (
+                <button
+                  className="flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-popover-foreground text-sm hover:bg-accent"
+                  onClick={(e) => {
+                    e.stopPropagation()
+                    emitter.emit('camera-controls:view', { nodeId: building.id })
+                    setBuildingCameraOpen(null)
+                  }}
+                >
+                  <Camera className="h-3.5 w-3.5" />
+                  View snapshot
+                </button>
+              )}
+              <button
+                className="flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-popover-foreground text-sm hover:bg-accent"
+                onClick={(e) => {
+                  e.stopPropagation()
+                  emitter.emit('camera-controls:capture', { nodeId: building.id })
+                  setBuildingCameraOpen(null)
+                }}
+              >
+                <Camera className="h-3.5 w-3.5" />
+                {building.camera ? 'Update snapshot' : 'Take snapshot'}
+              </button>
+              {building.camera && (
+                <button
+                  className="flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-popover-foreground text-sm hover:bg-destructive hover:text-destructive-foreground"
+                  onClick={(e) => {
+                    e.stopPropagation()
+                    updateNode(building.id, { camera: undefined })
+                    setBuildingCameraOpen(null)
+                  }}
+                >
+                  <Trash2 className="h-3.5 w-3.5" />
+                  Clear snapshot
+                </button>
+              )}
+            </div>
+          </PopoverContent>
+        </Popover>
+      </motion.div>
+
+      {/* Tools and content for the active building */}
+      <AnimatePresence initial={false}>
+        {isBuildingActive && (
+          <motion.div
+            animate={{ opacity: 1, flex: '1 1 0%' }}
+            className="flex w-full flex-col overflow-hidden"
+            exit={{ opacity: 0, flex: '0 0 0px' }}
+            initial={{ opacity: 0, flex: 0 }}
+            transition={{ type: 'spring', bounce: 0, duration: 0.4 }}
+          >
+            <div className="flex min-h-0 w-full flex-1 flex-col">
+              <div className="flex shrink-0 flex-col">
+                <LevelsSection
+                  onDeleteAsset={onDeleteAsset}
+                  onUploadAsset={onUploadAsset}
+                  projectId={projectId}
+                />
+                <LayerToggle />
+              </div>
+              <div className="relative min-h-0 flex-1 overflow-y-auto overflow-x-hidden">
+                <MultiSelectionBadge />
+                <ContentSection />
+              </div>
+            </div>
+          </motion.div>
+        )}
+      </AnimatePresence>
+    </motion.div>
+  )
+}
+
+export interface SitePanelProps {
+  projectId?: string
+  onUploadAsset?: (projectId: string, levelId: string, file: File, type: 'scan' | 'guide') => void
+  onDeleteAsset?: (projectId: string, url: string) => void
+}
+
+export function SitePanel({ projectId, onUploadAsset, onDeleteAsset }: SitePanelProps = {}) {
+  const nodes = useScene((state) => state.nodes)
+  const rootNodeIds = useScene((state) => state.rootNodeIds)
+  const updateNode = useScene((state) => state.updateNode)
+  const selectedBuildingId = useViewer((state) => state.selection.buildingId)
+  const setSelection = useViewer((state) => state.setSelection)
+  const phase = useEditor((state) => state.phase)
+  const setPhase = useEditor((state) => state.setPhase)
+
+  const [siteCameraOpen, setSiteCameraOpen] = useState(false)
+  const [buildingCameraOpen, setBuildingCameraOpen] = useState<string | null>(null)
+
+  const siteNode = rootNodeIds[0] ? nodes[rootNodeIds[0]] : null
+  const buildings = (siteNode?.type === 'site' ? siteNode.children : [])
+    .map((child) => {
+      const id = typeof child === 'string' ? child : child.id
+      return nodes[id] as BuildingNode | undefined
+    })
+    .filter((node): node is BuildingNode => node?.type === 'building')
+
+  return (
+    <LayoutGroup>
+      <div className="flex h-full flex-col">
+        {/* Site Header */}
+        {siteNode && (
+          <motion.div
+            className={cn(
+              'flex shrink-0 cursor-pointer items-center justify-between border-border/50 border-b px-3 py-3 transition-colors',
+              phase === 'site'
+                ? 'bg-accent/50 text-foreground'
+                : 'text-muted-foreground hover:bg-accent/30 hover:text-foreground',
+            )}
+            layout="position"
+            onClick={() => setPhase('site')}
+          >
+            <div className="flex items-center gap-2">
+              <img
+                alt="Site"
+                className={cn(
+                  'h-5 w-5 object-contain transition-all',
+                  phase !== 'site' && 'opacity-60 grayscale',
+                )}
+                src="/icons/site.png"
+              />
+              <span className="font-medium text-sm">{siteNode.name || 'Site'}</span>
+            </div>
+            <CameraPopover
+              buttonClassName={cn(
+                'transition-colors',
+                phase === 'site' ? 'hover:bg-black/5 dark:hover:bg-white/10' : 'hover:bg-accent',
+              )}
+              hasCamera={!!siteNode.camera}
+              nodeId={siteNode.id as AnyNodeId}
+              onOpenChange={setSiteCameraOpen}
+              open={siteCameraOpen}
+            />
+          </motion.div>
+        )}
+
+        <motion.div
+          className={cn('flex min-h-0 flex-1 flex-col', phase === 'site' && 'overflow-y-auto')}
+          layout
+        >
+          {/* When phase is site, show property line immediately under site header */}
+          <AnimatePresence initial={false}>
+            {phase === 'site' && (
+              <motion.div
+                animate={{ height: 'auto', opacity: 1 }}
+                className="shrink-0 overflow-hidden"
+                exit={{ height: 0, opacity: 0 }}
+                initial={{ height: 0, opacity: 0 }}
+                layout="position"
+                transition={{ type: 'spring', bounce: 0, duration: 0.4 }}
+              >
+                <PropertyLineSection />
+              </motion.div>
+            )}
+          </AnimatePresence>
+
+          {/* Buildings List */}
+          {buildings.length === 0 ? (
+            <motion.div className="px-3 py-4 text-muted-foreground text-sm" layout="position">
+              No buildings yet
+            </motion.div>
+          ) : (
+            <motion.div className="flex min-h-0 flex-1 flex-col" layout>
+              {buildings.map((building) => {
+                const isBuildingActive =
+                  (phase === 'structure' || phase === 'furnish') &&
+                  selectedBuildingId === building.id
+
+                return (
+                  <BuildingItem
+                    building={building}
+                    buildingCameraOpen={buildingCameraOpen}
+                    isBuildingActive={isBuildingActive}
+                    key={building.id}
+                    onDeleteAsset={onDeleteAsset}
+                    onUploadAsset={onUploadAsset}
+                    projectId={projectId}
+                    setBuildingCameraOpen={setBuildingCameraOpen}
+                  />
+                )
+              })}
+            </motion.div>
+          )}
+        </motion.div>
+      </div>
+    </LayoutGroup>
+  )
+}
diff --git a/packages/editor/src/components/ui/sidebar/panels/site-panel/inline-rename-input.tsx b/packages/editor/src/components/ui/sidebar/panels/site-panel/inline-rename-input.tsx
new file mode 100644
index 00000000..c957ac4d
--- /dev/null
+++ b/packages/editor/src/components/ui/sidebar/panels/site-panel/inline-rename-input.tsx
@@ -0,0 +1,96 @@
+import { type AnyNode, useScene } from '@pascal-app/core'
+import { Pencil } from 'lucide-react'
+import { useCallback, useEffect, useRef, useState } from 'react'
+import { cn } from './../../../../../lib/utils'
+
+interface InlineRenameInputProps {
+  node: AnyNode
+  isEditing: boolean
+  onStopEditing: () => void
+  defaultName: string
+  className?: string
+  onStartEditing?: () => void
+}
+
+export function InlineRenameInput({
+  node,
+  isEditing,
+  onStopEditing,
+  defaultName,
+  className,
+  onStartEditing,
+}: InlineRenameInputProps) {
+  const updateNode = useScene((s) => s.updateNode)
+  const [value, setValue] = useState(node.name || '')
+  const inputRef = useRef<HTMLInputElement>(null)
+
+  useEffect(() => {
+    if (isEditing) {
+      setValue(node.name || '')
+      // Focus and select all text after a short delay
+      setTimeout(() => {
+        if (inputRef.current) {
+          inputRef.current.focus()
+          inputRef.current.select()
+        }
+      }, 0)
+    }
+  }, [isEditing, node.name])
+
+  const handleSave = useCallback(() => {
+    const trimmed = value.trim()
+    if (trimmed !== node.name) {
+      updateNode(node.id, { name: trimmed || undefined })
+    }
+    onStopEditing()
+  }, [value, node.id, node.name, updateNode, onStopEditing])
+
+  const handleKeyDown = (e: React.KeyboardEvent) => {
+    if (e.key === 'Enter') {
+      e.preventDefault()
+      handleSave()
+    } else if (e.key === 'Escape') {
+      e.preventDefault()
+      onStopEditing()
+    }
+  }
+
+  if (!isEditing) {
+    return (
+      <div className="group/rename flex h-5 min-w-0 items-center gap-1">
+        <span className={cn('truncate border-transparent border-b', className)}>
+          {node.name || defaultName}
+        </span>
+        {onStartEditing && (
+          <button
+            className="shrink-0 text-muted-foreground opacity-0 transition-opacity hover:text-foreground group-hover/rename:opacity-100"
+            onClick={(e) => {
+              e.stopPropagation()
+              onStartEditing()
+            }}
+          >
+            <Pencil className="h-3 w-3" />
+          </button>
+        )}
+      </div>
+    )
+  }
+
+  return (
+    <input
+      className={cn(
+        'm-0 h-5 w-full flex-1 rounded-none border-primary/50 border-b bg-transparent px-0 py-0 text-foreground text-sm outline-none focus:border-primary',
+        className,
+      )}
+      onBlur={handleSave}
+      onChange={(e) => setValue(e.target.value)}
+      onClick={(e) => e.stopPropagation()}
+      onDoubleClick={(e) => e.stopPropagation()}
+      onKeyDown={handleKeyDown}
+      placeholder={defaultName}
+      ref={inputRef}
+      type="text"
+      value={value}
+    />
+  )
+}
diff --git a/packages/editor/src/components/ui/sidebar/panels/site-panel/item-tree-node.tsx b/packages/editor/src/components/ui/sidebar/panels/site-panel/item-tree-node.tsx
new file mode 100644
index 00000000..834bdb4c
--- /dev/null
+++ b/packages/editor/src/components/ui/sidebar/panels/site-panel/item-tree-node.tsx
@@ -0,0 +1,117 @@
+import { type AnyNodeId, type ItemNode, useScene } from '@pascal-app/core'
+import { useViewer } from '@pascal-app/viewer'
+import Image from 'next/image'
+import { useEffect, useState } from 'react'
+import useEditor from './../../../../../store/use-editor'
+import { InlineRenameInput } from './inline-rename-input'
+import { handleTreeSelection, TreeNode, TreeNodeWrapper } from './tree-node'
+import { TreeNodeActions } from './tree-node-actions'
+
+const CATEGORY_ICONS: Record<string, string> = {
+  door: '/icons/door.png',
+  window: '/icons/window.png',
+  furniture: '/icons/couch.png',
+  appliance: '/icons/appliance.png',
+  kitchen: '/icons/kitchen.png',
+  bathroom: '/icons/bathroom.png',
+  outdoor: '/icons/tree.png',
+}
+
+interface ItemTreeNodeProps {
+  node: ItemNode
+  depth: number
+  isLast?: boolean
+}
+
+export function ItemTreeNode({ node, depth, isLast }: ItemTreeNodeProps) {
+  const [isEditing, setIsEditing] = useState(false)
+  const [expanded, setExpanded] = useState(true)
+  const iconSrc = CATEGORY_ICONS[node.asset.category] || '/icons/couch.png'
+  const selectedIds = useViewer((state) => state.selection.selectedIds)
+  const isSelected = selectedIds.includes(node.id)
+  const isHovered = useViewer((state) => state.hoveredId === node.id)
+  const setSelection = useViewer((state) => state.setSelection)
+  const setHoveredId = useViewer((state) => state.setHoveredId)
+
+  useEffect(() => {
+    if (selectedIds.length === 0) return
+    const nodes = useScene.getState().nodes
+    let isDescendant = false
+    for (const id of selectedIds) {
+      let current = nodes[id as AnyNodeId]
+      while (current && current.parentId) {
+        if (current.parentId === node.id) {
+          isDescendant = true
+          break
+        }
+        current = nodes[current.parentId as AnyNodeId]
+      }
+      if (isDescendant) break
+    }
+    if (isDescendant) {
+      setExpanded(true)
+    }
+  }, [selectedIds, node.id])
+
+  const handleClick = (e: React.MouseEvent) => {
+    e.stopPropagation()
+    const handled = handleTreeSelection(e, node.id, selectedIds, setSelection)
+    if (!handled && useEditor.getState().phase === 'structure') {
+      useEditor.getState().setPhase('furnish')
+    }
+  }
+
+  const handleDoubleClick = () => {
+    setIsEditing(true)
+  }
+
+  const handleMouseEnter = () => {
+    setHoveredId(node.id)
+  }
+
+  const handleMouseLeave = () => {
+    setHoveredId(null)
+  }
+
+  const defaultName = node.asset.name || 'Item'
+  const hasChildren = node.children && node.children.length > 0
+
+  return (
+    <TreeNodeWrapper
+      actions={<TreeNodeActions node={node} />}
+      depth={depth}
+      expanded={expanded}
+      hasChildren={hasChildren}
+      icon={<Image alt="" className="object-contain" height={14} src={iconSrc} width={14} />}
+      isHovered={isHovered}
+      isLast={isLast}
+      isSelected={isSelected}
+      isVisible={node.visible !== false}
+      label={
+        <InlineRenameInput
+          defaultName={defaultName}
+          isEditing={isEditing}
+          node={node}
+          onStartEditing={() => setIsEditing(true)}
+          onStopEditing={() => setIsEditing(false)}
+        />
+      }
+      nodeId={node.id}
+      onClick={handleClick}
+      onDoubleClick={handleDoubleClick}
+      onMouseEnter={handleMouseEnter}
+      onMouseLeave={handleMouseLeave}
+      onToggle={() => setExpanded(!expanded)}
+    >
+      {hasChildren &&
+        node.children.map((childId, index) => (
+          <TreeNode
+            depth={depth + 1}
+            isLast={index === node.children.length - 1}
+            key={childId}
+            nodeId={childId}
+          />
+        ))}
+    </TreeNodeWrapper>
+  )
+}
diff --git a/apps/editor/components/ui/sidebar/panels/site-panel/level-tree-node.tsx b/packages/editor/src/components/ui/sidebar/panels/site-panel/level-tree-node.tsx
similarity index 52%
rename from apps/editor/components/ui/sidebar/panels/site-panel/level-tree-node.tsx
rename to packages/editor/src/components/ui/sidebar/panels/site-panel/level-tree-node.tsx
index 159ef72e..59897a0d 100644
--- a/apps/editor/components/ui/sidebar/panels/site-panel/level-tree-node.tsx
+++ b/packages/editor/src/components/ui/sidebar/panels/site-panel/level-tree-node.tsx
@@ -1,60 +1,65 @@
-import { LevelNode } from "@pascal-app/core";
-import { useViewer } from "@pascal-app/viewer";
-import { Layers } from "lucide-react";
-import { useState } from "react";
-import { InlineRenameInput } from "./inline-rename-input";
-import { TreeNode, TreeNodeWrapper } from "./tree-node";
-import { TreeNodeActions } from "./tree-node-actions";
+import type { LevelNode } from '@pascal-app/core'
+import { useViewer } from '@pascal-app/viewer'
+import { Layers } from 'lucide-react'
+import { useState } from 'react'
+import { InlineRenameInput } from './inline-rename-input'
+import { TreeNode, TreeNodeWrapper } from './tree-node'
+import { TreeNodeActions } from './tree-node-actions'
 
 interface LevelTreeNodeProps {
-  node: LevelNode;
-  depth: number;
-  isLast?: boolean;
+  node: LevelNode
+  depth: number
+  isLast?: boolean
 }
 
 export function LevelTreeNode({ node, depth, isLast }: LevelTreeNodeProps) {
-  const [expanded, setExpanded] = useState(true);
-  const [isEditing, setIsEditing] = useState(false);
-  const isSelected = useViewer((state) => state.selection.levelId === node.id);
-  const isHovered = useViewer((state) => state.hoveredId === node.id);
-  const setSelection = useViewer((state) => state.setSelection);
+  const [expanded, setExpanded] = useState(true)
+  const [isEditing, setIsEditing] = useState(false)
+  const isSelected = useViewer((state) => state.selection.levelId === node.id)
+  const isHovered = useViewer((state) => state.hoveredId === node.id)
+  const setSelection = useViewer((state) => state.setSelection)
 
   const handleClick = () => {
-    setSelection({ levelId: node.id });
-  };
+    setSelection({ levelId: node.id })
+  }
 
   const handleDoubleClick = () => {
-    setIsEditing(true);
-  };
+    setIsEditing(true)
+  }
 
-  const defaultName = `Level ${node.level}`;
+  const defaultName = `Level ${node.level}`
 
   return (
     <TreeNodeWrapper
-      icon={<Layers className="w-3.5 h-3.5" />}
-      label={
-        <InlineRenameInput
-          node={node}
-          isEditing={isEditing}
-          onStopEditing={() => setIsEditing(false)}
-          onStartEditing={() => setIsEditing(true)}
-          defaultName={defaultName}
-        />
-      }
+      actions={<TreeNodeActions node={node} />}
       depth={depth}
-      hasChildren={node.children.length > 0}
       expanded={expanded}
-      onToggle={() => setExpanded(!expanded)}
-      onClick={handleClick}
-      onDoubleClick={handleDoubleClick}
-      isSelected={isSelected}
+      hasChildren={node.children.length > 0}
+      icon={<Layers className="h-3.5 w-3.5" />}
       isHovered={isHovered}
       isLast={isLast}
-      actions={<TreeNodeActions node={node} />}
+      isSelected={isSelected}
+      label={
+        <InlineRenameInput
+          defaultName={defaultName}
+          isEditing={isEditing}
+          node={node}
+          onStartEditing={() => setIsEditing(true)}
+          onStopEditing={() => setIsEditing(false)}
+        />
+      }
+      onClick={handleClick}
+      onDoubleClick={handleDoubleClick}
+      onToggle={() => setExpanded(!expanded)}
     >
       {node.children.map((childId, index) => (
-        <TreeNode key={childId} nodeId={childId} depth={depth + 1} isLast={index === node.children.length - 1} />
+        <TreeNode
+          depth={depth + 1}
+          isLast={index === node.children.length - 1}
+          key={childId}
+          nodeId={childId}
+        />
       ))}
     </TreeNodeWrapper>
-  );
+  )
 }
diff --git a/apps/editor/components/ui/sidebar/panels/site-panel/roof-tree-node.tsx b/packages/editor/src/components/ui/sidebar/panels/site-panel/roof-tree-node.tsx
similarity index 53%
rename from apps/editor/components/ui/sidebar/panels/site-panel/roof-tree-node.tsx
rename to packages/editor/src/components/ui/sidebar/panels/site-panel/roof-tree-node.tsx
index 9beb9eff..369cae36 100644
--- a/apps/editor/components/ui/sidebar/panels/site-panel/roof-tree-node.tsx
+++ b/packages/editor/src/components/ui/sidebar/panels/site-panel/roof-tree-node.tsx
@@ -1,77 +1,79 @@
-import { RoofNode } from "@pascal-app/core";
-import { useViewer } from "@pascal-app/viewer";
-import Image from "next/image";
-import { useState } from "react";
-import useEditor from "@/store/use-editor";
-import { InlineRenameInput } from "./inline-rename-input";
-import { TreeNodeWrapper, handleTreeSelection } from "./tree-node";
-import { TreeNodeActions } from "./tree-node-actions";
+import type { RoofNode } from '@pascal-app/core'
+import { useViewer } from '@pascal-app/viewer'
+import Image from 'next/image'
+import { useState } from 'react'
+import useEditor from './../../../../../store/use-editor'
+import { InlineRenameInput } from './inline-rename-input'
+import { handleTreeSelection, TreeNodeWrapper } from './tree-node'
+import { TreeNodeActions } from './tree-node-actions'
 
 interface RoofTreeNodeProps {
-  node: RoofNode;
-  depth: number;
-  isLast?: boolean;
+  node: RoofNode
+  depth: number
+  isLast?: boolean
 }
 
 export function RoofTreeNode({ node, depth, isLast }: RoofTreeNodeProps) {
-  const [isEditing, setIsEditing] = useState(false);
-  const selectedIds = useViewer((state) => state.selection.selectedIds);
-  const isSelected = selectedIds.includes(node.id);
-  const isHovered = useViewer((state) => state.hoveredId === node.id);
-  const setSelection = useViewer((state) => state.setSelection);
-  const setHoveredId = useViewer((state) => state.setHoveredId);
+  const [isEditing, setIsEditing] = useState(false)
+  const selectedIds = useViewer((state) => state.selection.selectedIds)
+  const isSelected = selectedIds.includes(node.id)
+  const isHovered = useViewer((state) => state.hoveredId === node.id)
+  const setSelection = useViewer((state) => state.setSelection)
+  const setHoveredId = useViewer((state) => state.setHoveredId)
 
   const handleClick = (e: React.MouseEvent) => {
-    e.stopPropagation();
-    const handled = handleTreeSelection(e, node.id, selectedIds, setSelection);
-    if (!handled && useEditor.getState().phase === "furnish") {
-      useEditor.getState().setPhase("structure");
+    e.stopPropagation()
+    const handled = handleTreeSelection(e, node.id, selectedIds, setSelection)
+    if (!handled && useEditor.getState().phase === 'furnish') {
+      useEditor.getState().setPhase('structure')
     }
-  };
+  }
 
   const handleDoubleClick = () => {
-    setIsEditing(true);
-  };
+    setIsEditing(true)
+  }
 
   const handleMouseEnter = () => {
-    setHoveredId(node.id);
-  };
+    setHoveredId(node.id)
+  }
 
   const handleMouseLeave = () => {
-    setHoveredId(null);
-  };
+    setHoveredId(null)
+  }
 
   // Calculate dimensions: length × total width (leftWidth + rightWidth)
-  const totalWidth = node.leftWidth + node.rightWidth;
-  const sizeLabel = `${node.length.toFixed(1)}×${totalWidth.toFixed(1)}m`;
-  const defaultName = `Roof (${sizeLabel})`;
+  const totalWidth = node.leftWidth + node.rightWidth
+  const sizeLabel = `${node.length.toFixed(1)}×${totalWidth.toFixed(1)}m`
+  const defaultName = `Roof (${sizeLabel})`
 
   return (
     <TreeNodeWrapper
-      nodeId={node.id}
-      icon={<Image src="/icons/roof.png" alt="" width={14} height={14} className="object-contain" />}
+      actions={<TreeNodeActions node={node} />}
+      depth={depth}
+      expanded={false}
+      hasChildren={false}
+      icon={
+        <Image alt="" className="object-contain" height={14} src="/icons/roof.png" width={14} />
+      }
+      isHovered={isHovered}
+      isLast={isLast}
+      isSelected={isSelected}
+      isVisible={node.visible !== false}
       label={
         <InlineRenameInput
-          node={node}
-          isEditing={isEditing}
-          onStopEditing={() => setIsEditing(false)}
-          onStartEditing={() => setIsEditing(true)}
           defaultName={defaultName}
+          isEditing={isEditing}
+          node={node}
+          onStartEditing={() => setIsEditing(true)}
+          onStopEditing={() => setIsEditing(false)}
         />
       }
-      depth={depth}
-      hasChildren={false}
-      expanded={false}
-      onToggle={() => {}}
+      nodeId={node.id}
       onClick={handleClick}
       onDoubleClick={handleDoubleClick}
       onMouseEnter={handleMouseEnter}
       onMouseLeave={handleMouseLeave}
-      isSelected={isSelected}
-      isHovered={isHovered}
-      isVisible={node.visible !== false}
-      isLast={isLast}
-      actions={<TreeNodeActions node={node} />}
+      onToggle={() => {}}
     />
-  );
+  )
 }
diff --git a/apps/editor/components/ui/sidebar/panels/site-panel/slab-tree-node.tsx b/packages/editor/src/components/ui/sidebar/panels/site-panel/slab-tree-node.tsx
similarity index 50%
rename from apps/editor/components/ui/sidebar/panels/site-panel/slab-tree-node.tsx
rename to packages/editor/src/components/ui/sidebar/panels/site-panel/slab-tree-node.tsx
index 07d2e4e8..fb03c42e 100644
--- a/apps/editor/components/ui/sidebar/panels/site-panel/slab-tree-node.tsx
+++ b/packages/editor/src/components/ui/sidebar/panels/site-panel/slab-tree-node.tsx
@@ -1,94 +1,96 @@
-import { SlabNode } from "@pascal-app/core";
-import { useViewer } from "@pascal-app/viewer";
-import Image from "next/image";
-import { useState } from "react";
-import useEditor from "@/store/use-editor";
-import { InlineRenameInput } from "./inline-rename-input";
-import { TreeNodeWrapper, handleTreeSelection } from "./tree-node";
-import { TreeNodeActions } from "./tree-node-actions";
+import type { SlabNode } from '@pascal-app/core'
+import { useViewer } from '@pascal-app/viewer'
+import Image from 'next/image'
+import { useState } from 'react'
+import useEditor from './../../../../../store/use-editor'
+import { InlineRenameInput } from './inline-rename-input'
+import { handleTreeSelection, TreeNodeWrapper } from './tree-node'
+import { TreeNodeActions } from './tree-node-actions'
 
 interface SlabTreeNodeProps {
-  node: SlabNode;
-  depth: number;
-  isLast?: boolean;
+  node: SlabNode
+  depth: number
+  isLast?: boolean
 }
 
 export function SlabTreeNode({ node, depth, isLast }: SlabTreeNodeProps) {
-  const [isEditing, setIsEditing] = useState(false);
-  const selectedIds = useViewer((state) => state.selection.selectedIds);
-  const isSelected = selectedIds.includes(node.id);
-  const isHovered = useViewer((state) => state.hoveredId === node.id);
-  const setSelection = useViewer((state) => state.setSelection);
-  const setHoveredId = useViewer((state) => state.setHoveredId);
+  const [isEditing, setIsEditing] = useState(false)
+  const selectedIds = useViewer((state) => state.selection.selectedIds)
+  const isSelected = selectedIds.includes(node.id)
+  const isHovered = useViewer((state) => state.hoveredId === node.id)
+  const setSelection = useViewer((state) => state.setSelection)
+  const setHoveredId = useViewer((state) => state.setHoveredId)
 
   const handleClick = (e: React.MouseEvent) => {
-    e.stopPropagation();
-    const handled = handleTreeSelection(e, node.id, selectedIds, setSelection);
-    if (!handled && useEditor.getState().phase === "furnish") {
-      useEditor.getState().setPhase("structure");
+    e.stopPropagation()
+    const handled = handleTreeSelection(e, node.id, selectedIds, setSelection)
+    if (!handled && useEditor.getState().phase === 'furnish') {
+      useEditor.getState().setPhase('structure')
     }
-  };
+  }
 
   const handleDoubleClick = () => {
-    setIsEditing(true);
-  };
+    setIsEditing(true)
+  }
 
   const handleMouseEnter = () => {
-    setHoveredId(node.id);
-  };
+    setHoveredId(node.id)
+  }
 
   const handleMouseLeave = () => {
-    setHoveredId(null);
-  };
+    setHoveredId(null)
+  }
 
   // Calculate approximate area from polygon
-  const area = calculatePolygonArea(node.polygon).toFixed(1);
-  const defaultName = `Slab (${area}m²)`;
+  const area = calculatePolygonArea(node.polygon).toFixed(1)
+  const defaultName = `Slab (${area}m²)`
 
   return (
     <TreeNodeWrapper
-      nodeId={node.id}
-      icon={<Image src="/icons/floor.png" alt="" width={14} height={14} className="object-contain" />}
+      actions={<TreeNodeActions node={node} />}
+      depth={depth}
+      expanded={false}
+      hasChildren={false}
+      icon={
+        <Image alt="" className="object-contain" height={14} src="/icons/floor.png" width={14} />
+      }
+      isHovered={isHovered}
+      isLast={isLast}
+      isSelected={isSelected}
+      isVisible={node.visible !== false}
       label={
         <InlineRenameInput
-          node={node}
-          isEditing={isEditing}
-          onStopEditing={() => setIsEditing(false)}
-          onStartEditing={() => setIsEditing(true)}
           defaultName={defaultName}
+          isEditing={isEditing}
+          node={node}
+          onStartEditing={() => setIsEditing(true)}
+          onStopEditing={() => setIsEditing(false)}
         />
       }
-      depth={depth}
-      hasChildren={false}
-      expanded={false}
-      onToggle={() => {}}
+      nodeId={node.id}
       onClick={handleClick}
       onDoubleClick={handleDoubleClick}
       onMouseEnter={handleMouseEnter}
       onMouseLeave={handleMouseLeave}
-      isSelected={isSelected}
-      isHovered={isHovered}
-      isVisible={node.visible !== false}
-      isLast={isLast}
-      actions={<TreeNodeActions node={node} />}
+      onToggle={() => {}}
     />
-  );
+  )
 }
 
 /**
  * Calculate the area of a polygon using the shoelace formula
  */
 function calculatePolygonArea(polygon: Array<[number, number]>): number {
-  if (polygon.length < 3) return 0;
+  if (polygon.length < 3) return 0
 
-  let area = 0;
-  const n = polygon.length;
+  let area = 0
+  const n = polygon.length
 
   for (let i = 0; i < n; i++) {
-    const j = (i + 1) % n;
-    area += polygon[i]![0] * polygon[j]![1];
-    area -= polygon[j]![0] * polygon[i]![1];
+    const j = (i + 1) % n
+    area += polygon[i]![0] * polygon[j]![1]
+    area -= polygon[j]![0] * polygon[i]![1]
   }
 
-  return Math.abs(area) / 2;
+  return Math.abs(area) / 2
 }
diff --git a/packages/editor/src/components/ui/sidebar/panels/site-panel/tree-node-actions.tsx b/packages/editor/src/components/ui/sidebar/panels/site-panel/tree-node-actions.tsx
new file mode 100644
index 00000000..436f4bdd
--- /dev/null
+++ b/packages/editor/src/components/ui/sidebar/panels/site-panel/tree-node-actions.tsx
@@ -0,0 +1,115 @@
+import { type AnyNode, type AnyNodeId, emitter, useScene } from '@pascal-app/core'
+import { useViewer } from '@pascal-app/viewer'
+import { Camera, Eye, EyeOff, Trash2 } from 'lucide-react'
+import { useState } from 'react'
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from './../../../../../components/ui/primitives/popover'
+
+interface TreeNodeActionsProps {
+  node: AnyNode
+}
+
+export function TreeNodeActions({ node }: TreeNodeActionsProps) {
+  const [open, setOpen] = useState(false)
+  const updateNode = useScene((state) => state.updateNode)
+  const updateNodes = useScene((state) => state.updateNodes)
+  const selectedIds = useViewer((state) => state.selection.selectedIds)
+  const hasCamera = !!node.camera
+  const isVisible = node.visible !== false
+
+  const toggleVisibility = (e: React.MouseEvent) => {
+    e.stopPropagation()
+    const newVisibility = !isVisible
+    if (selectedIds && selectedIds.includes(node.id)) {
+      updateNodes(
+        selectedIds.map((id) => ({
+          id: id as AnyNodeId,
+          data: { visible: newVisibility },
+        })),
+      )
+    } else {
+      updateNode(node.id, { visible: newVisibility })
+    }
+  }
+
+  const handleCaptureCamera = (e: React.MouseEvent) => {
+    e.stopPropagation()
+    emitter.emit('camera-controls:capture', { nodeId: node.id })
+    setOpen(false)
+  }
+  const handleViewCamera = (e: React.MouseEvent) => {
+    e.stopPropagation()
+    emitter.emit('camera-controls:view', { nodeId: node.id })
+    setOpen(false)
+  }
+
+  const handleClearCamera = (e: React.MouseEvent) => {
+    e.stopPropagation()
+    updateNode(node.id, { camera: undefined })
+    setOpen(false)
+  }
+
+  return (
+    <div className="flex items-center gap-0.5">
+      <button
+        className="flex h-6 w-6 cursor-pointer items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-black/5 hover:text-foreground dark:hover:bg-white/10"
+        onClick={toggleVisibility}
+        title={isVisible ? 'Hide' : 'Show'}
+      >
+        {isVisible ? <Eye className="h-3 w-3" /> : <EyeOff className="h-3 w-3 opacity-50" />}
+      </button>
+
+      <Popover onOpenChange={setOpen} open={open}>
+        <PopoverTrigger asChild>
+          <button
+            className="relative flex h-6 w-6 cursor-pointer items-center justify-center rounded-md text-muted-foreground transition-colors hover:bg-black/5 hover:text-foreground dark:hover:bg-white/10"
+            onClick={(e) => e.stopPropagation()}
+            title="Camera snapshot"
+          >
+            <Camera className="h-3 w-3" />
+            {hasCamera && (
+              <span className="absolute top-0.5 right-0.5 h-1.5 w-1.5 rounded-full bg-primary" />
+            )}
+          </button>
+        </PopoverTrigger>
+        <PopoverContent
+          align="start"
+          className="w-auto p-1"
+          onClick={(e) => e.stopPropagation()}
+          side="right"
+        >
+          <div className="flex flex-col gap-0.5">
+            {hasCamera && (
+              <button
+                className="flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-popover-foreground text-sm hover:bg-accent"
+                onClick={handleViewCamera}
+              >
+                <Camera className="h-3.5 w-3.5" />
+                View snapshot
+              </button>
+            )}
+            <button
+              className="flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-popover-foreground text-sm hover:bg-accent"
+              onClick={handleCaptureCamera}
+            >
+              <Camera className="h-3.5 w-3.5" />
+              {hasCamera ? 'Update snapshot' : 'Take snapshot'}
+            </button>
+            {hasCamera && (
+              <button
+                className="flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-popover-foreground text-sm hover:bg-destructive hover:text-destructive-foreground"
+                onClick={handleClearCamera}
+              >
+                <Trash2 className="h-3.5 w-3.5" />
+                Clear snapshot
+              </button>
+            )}
+          </div>
+        </PopoverContent>
+      </Popover>
+    </div>
+  )
+}
diff --git a/packages/editor/src/components/ui/sidebar/panels/site-panel/tree-node.tsx b/packages/editor/src/components/ui/sidebar/panels/site-panel/tree-node.tsx
new file mode 100644
index 00000000..f32c5ac1
--- /dev/null
+++ b/packages/editor/src/components/ui/sidebar/panels/site-panel/tree-node.tsx
@@ -0,0 +1,254 @@
+import { type AnyNodeId, useScene } from '@pascal-app/core'
+import { ChevronDown, ChevronRight } from 'lucide-react'
+import { AnimatePresence, motion } from 'motion/react'
+import { forwardRef, useEffect, useRef } from 'react'
+import { cn } from './../../../../../lib/utils'
+
+export function handleTreeSelection(
+  e: React.MouseEvent,
+  nodeId: string,
+  selectedIds: string[],
+  setSelection: (s: any) => void,
+) {
+  if (e.metaKey || e.ctrlKey) {
+    if (selectedIds.includes(nodeId)) {
+      setSelection({ selectedIds: selectedIds.filter((id) => id !== nodeId) })
+    } else {
+      setSelection({ selectedIds: [...selectedIds, nodeId] })
+    }
+    return true
+  }
+
+  if (e.shiftKey && selectedIds.length > 0) {
+    const lastSelectedId = selectedIds[selectedIds.length - 1]
+    if (lastSelectedId) {
+      const nodes = Array.from(document.querySelectorAll('[data-treenode-id]'))
+      const nodeIds = nodes.map((n) => n.getAttribute('data-treenode-id') as string)
+
+      const startIndex = nodeIds.indexOf(lastSelectedId)
+      const endIndex = nodeIds.indexOf(nodeId)
+
+      if (startIndex !== -1 && endIndex !== -1) {
+        const start = Math.min(startIndex, endIndex)
+        const end = Math.max(startIndex, endIndex)
+        const range = nodeIds.slice(start, end + 1)
+
+        // We can keep the previous selections that were outside the range if we want,
+        // but standard file system shift-click replaces the selection with the range.
+        setSelection({ selectedIds: range })
+        return true
+      }
+    }
+    // Fallback: if range selection fails (e.g. node not visible in tree), just add to selection
+    if (!selectedIds.includes(nodeId)) {
+      setSelection({ selectedIds: [...selectedIds, nodeId] })
+      return true
+    }
+  }
+
+  setSelection({ selectedIds: [nodeId] })
+  return false
+}
+
+import { BuildingTreeNode } from './building-tree-node'
+import { CeilingTreeNode } from './ceiling-tree-node'
+import { DoorTreeNode } from './door-tree-node'
+import { ItemTreeNode } from './item-tree-node'
+import { LevelTreeNode } from './level-tree-node'
+import { RoofTreeNode } from './roof-tree-node'
+import { SlabTreeNode } from './slab-tree-node'
+import { WallTreeNode } from './wall-tree-node'
+import { WindowTreeNode } from './window-tree-node'
+import { ZoneTreeNode } from './zone-tree-node'
+
+interface TreeNodeProps {
+  nodeId: AnyNodeId
+  depth?: number
+  isLast?: boolean
+}
+
+export function TreeNode({ nodeId, depth = 0, isLast }: TreeNodeProps) {
+  const node = useScene((state) => state.nodes[nodeId])
+
+  if (!node) return null
+
+  switch (node.type) {
+    case 'building':
+      return <BuildingTreeNode depth={depth} isLast={isLast} node={node as any} />
+    case 'ceiling':
+      return <CeilingTreeNode depth={depth} isLast={isLast} node={node as any} />
+    case 'level':
+      return <LevelTreeNode depth={depth} isLast={isLast} node={node as any} />
+    case 'slab':
+      return <SlabTreeNode depth={depth} isLast={isLast} node={node as any} />
+    case 'wall':
+      return <WallTreeNode depth={depth} isLast={isLast} node={node as any} />
+    case 'roof':
+      return <RoofTreeNode depth={depth} isLast={isLast} node={node as any} />
+    case 'item':
+      return <ItemTreeNode depth={depth} isLast={isLast} node={node as any} />
+    case 'door':
+      return <DoorTreeNode depth={depth} isLast={isLast} node={node as any} />
+    case 'window':
+      return <WindowTreeNode depth={depth} isLast={isLast} node={node as any} />
+    case 'zone':
+      return <ZoneTreeNode depth={depth} isLast={isLast} node={node as any} />
+    default:
+      return null
+  }
+}
+
+interface TreeNodeWrapperProps {
+  nodeId?: string
+  icon: React.ReactNode
+  label: React.ReactNode
+  depth: number
+  hasChildren: boolean
+  expanded: boolean
+  onToggle: () => void
+  onClick: (e: React.MouseEvent) => void
+  onDoubleClick?: () => void
+  onMouseEnter?: () => void
+  onMouseLeave?: () => void
+  actions?: React.ReactNode
+  children?: React.ReactNode
+  isSelected?: boolean
+  isHovered?: boolean
+  isVisible?: boolean
+  isLast?: boolean
+}
+
+export const TreeNodeWrapper = forwardRef<HTMLDivElement, TreeNodeWrapperProps>(
+  function TreeNodeWrapper(
+    {
+      nodeId,
+      icon,
+      label,
+      depth,
+      hasChildren,
+      expanded,
+      onToggle,
+      onClick,
+      onDoubleClick,
+      onMouseEnter,
+      onMouseLeave,
+      actions,
+      children,
+      isSelected,
+      isHovered,
+      isVisible = true,
+      isLast,
+    },
+    ref,
+  ) {
+    const rowRef = useRef<HTMLDivElement>(null)
+
+    useEffect(() => {
+      if (isSelected && rowRef.current) {
+        rowRef.current.scrollIntoView({ behavior: 'smooth', block: 'nearest' })
+      }
+    }, [isSelected])
+
+    return (
+      <div data-treenode-id={nodeId} ref={ref}>
+        <div
+          className={cn(
+            'group/row relative flex h-8 cursor-pointer select-none items-center border-border/50 border-r border-r-transparent border-b text-sm transition-all duration-200',
+            isSelected
+              ? 'border-r-3 border-r-white bg-accent/50 text-foreground'
+              : isHovered
+                ? 'bg-accent/30 text-foreground'
+                : 'text-muted-foreground hover:bg-accent/30 hover:text-foreground',
+            !isVisible && 'opacity-50',
+          )}
+          onMouseEnter={onMouseEnter}
+          onMouseLeave={onMouseLeave}
+          ref={rowRef}
+          style={{ paddingLeft: depth * 12 + 12, paddingRight: 12 }}
+        >
+          {/* Vertical tree line */}
+          <div
+            className={cn(
+              'pointer-events-none absolute w-px bg-border/50',
+              isLast ? 'top-0 bottom-1/2' : 'top-0 bottom-0',
+            )}
+            style={{ left: (depth - 1) * 12 + 20 }}
+          />
+          {/* Horizontal branch line */}
+          <div
+            className="pointer-events-none absolute top-1/2 h-px bg-border/50"
+            style={{ left: (depth - 1) * 12 + 20, width: 4 }}
+          />
+          {/* Line down to children */}
+          {hasChildren && expanded && (
+            <div
+              className="pointer-events-none absolute top-1/2 bottom-0 w-px bg-border/50"
+              style={{ left: depth * 12 + 20 }}
+            />
+          )}
+
+          <button
+            className="z-10 flex h-4 w-4 shrink-0 items-center justify-center bg-inherit"
+            onClick={(e) => {
+              e.stopPropagation()
+              onToggle()
+            }}
+          >
+            {hasChildren ? (
+              expanded ? (
+                <ChevronDown className="h-3 w-3" />
+              ) : (
+                <ChevronRight className="h-3 w-3" />
+              )
+            ) : null}
+          </button>
+          <div
+            className="flex min-w-0 flex-1 items-center gap-1.5"
+            onClick={onClick}
+            onDoubleClick={onDoubleClick}
+          >
+            <span
+              className={cn(
+                'flex h-4 w-4 shrink-0 items-center justify-center transition-all duration-200',
+                !isSelected && 'opacity-60 grayscale',
+              )}
+            >
+              {icon}
+            </span>
+            <div
+              className={cn(
+                'min-w-0 flex-1 truncate',
+                !isVisible && 'text-muted-foreground line-through',
+              )}
+            >
+              {label}
+            </div>
+          </div>
+          {actions && (
+            <div
+              className={cn(
+                'pr-1 opacity-0 transition-opacity duration-200 group-hover/row:opacity-100',
+                !isVisible && 'opacity-100',
+              )}
+            >
+              {actions}
+            </div>
+          )}
+        </div>
+        <AnimatePresence initial={false}>
+          {expanded && children && (
+            <motion.div
+              animate={{ height: 'auto', opacity: 1 }}
+              className="overflow-hidden"
+              exit={{ height: 0, opacity: 0 }}
+              initial={{ height: 0, opacity: 0 }}
+              transition={{ type: 'spring', bounce: 0, duration: 0.3 }}
+            >
+              {children}
+            </motion.div>
+          )}
+        </AnimatePresence>
+      </div>
+    )
+  },
+)
diff --git a/packages/editor/src/components/ui/sidebar/panels/site-panel/wall-tree-node.tsx b/packages/editor/src/components/ui/sidebar/panels/site-panel/wall-tree-node.tsx
new file mode 100644
index 00000000..e0529431
--- /dev/null
+++ b/packages/editor/src/components/ui/sidebar/panels/site-panel/wall-tree-node.tsx
@@ -0,0 +1,106 @@
+import { type AnyNodeId, useScene, type WallNode } from '@pascal-app/core'
+import { useViewer } from '@pascal-app/viewer'
+import Image from 'next/image'
+import { useEffect, useState } from 'react'
+import useEditor from './../../../../../store/use-editor'
+import { InlineRenameInput } from './inline-rename-input'
+import { handleTreeSelection, TreeNode, TreeNodeWrapper } from './tree-node'
+import { TreeNodeActions } from './tree-node-actions'
+
+interface WallTreeNodeProps {
+  node: WallNode
+  depth: number
+  isLast?: boolean
+}
+
+export function WallTreeNode({ node, depth, isLast }: WallTreeNodeProps) {
+  const [expanded, setExpanded] = useState(false)
+  const [isEditing, setIsEditing] = useState(false)
+  const selectedIds = useViewer((state) => state.selection.selectedIds)
+  const isSelected = selectedIds.includes(node.id)
+  const isHovered = useViewer((state) => state.hoveredId === node.id)
+  const setSelection = useViewer((state) => state.setSelection)
+  const setHoveredId = useViewer((state) => state.setHoveredId)
+
+  useEffect(() => {
+    if (selectedIds.length === 0) return
+    const nodes = useScene.getState().nodes
+    let isDescendant = false
+    for (const id of selectedIds) {
+      let current = nodes[id as AnyNodeId]
+      while (current && current.parentId) {
+        if (current.parentId === node.id) {
+          isDescendant = true
+          break
+        }
+        current = nodes[current.parentId as AnyNodeId]
+      }
+      if (isDescendant) break
+    }
+    if (isDescendant) {
+      setExpanded(true)
+    }
+  }, [selectedIds, node.id])
+
+  const handleClick = (e: React.MouseEvent) => {
+    e.stopPropagation()
+    const handled = handleTreeSelection(e, node.id, selectedIds, setSelection)
+    if (!handled && useEditor.getState().phase === 'furnish') {
+      useEditor.getState().setPhase('structure')
+    }
+  }
+
+  const handleDoubleClick = () => {
+    setIsEditing(true)
+  }
+
+  const handleMouseEnter = () => {
+    setHoveredId(node.id)
+  }
+
+  const handleMouseLeave = () => {
+    setHoveredId(null)
+  }
+
+  const defaultName = 'Wall'
+
+  return (
+    <TreeNodeWrapper
+      actions={<TreeNodeActions node={node} />}
+      depth={depth}
+      expanded={expanded}
+      hasChildren={node.children.length > 0}
+      icon={
+        <Image alt="" className="object-contain" height={14} src="/icons/wall.png" width={14} />
+      }
+      isHovered={isHovered}
+      isLast={isLast}
+      isSelected={isSelected}
+      isVisible={node.visible !== false}
+      label={
+        <InlineRenameInput
+          defaultName={defaultName}
+          isEditing={isEditing}
+          node={node}
+          onStartEditing={() => setIsEditing(true)}
+          onStopEditing={() => setIsEditing(false)}
+        />
+      }
+      nodeId={node.id}
+      onClick={handleClick}
+      onDoubleClick={handleDoubleClick}
+      onMouseEnter={handleMouseEnter}
+      onMouseLeave={handleMouseLeave}
+      onToggle={() => setExpanded(!expanded)}
+    >
+      {node.children.map((childId, index) => (
+        <TreeNode
+          depth={depth + 1}
+          isLast={index === node.children.length - 1}
+          key={childId}
+          nodeId={childId}
+        />
+      ))}
+    </TreeNodeWrapper>
+  )
+}
diff --git a/apps/editor/components/ui/sidebar/panels/site-panel/window-tree-node.tsx b/packages/editor/src/components/ui/sidebar/panels/site-panel/window-tree-node.tsx
similarity index 68%
rename from apps/editor/components/ui/sidebar/panels/site-panel/window-tree-node.tsx
rename to packages/editor/src/components/ui/sidebar/panels/site-panel/window-tree-node.tsx
index 27983eda..2a9de4ac 100644
--- a/apps/editor/components/ui/sidebar/panels/site-panel/window-tree-node.tsx
+++ b/packages/editor/src/components/ui/sidebar/panels/site-panel/window-tree-node.tsx
@@ -1,13 +1,13 @@
 'use client'
 
-import { WindowNode } from "@pascal-app/core"
-import { useViewer } from "@pascal-app/viewer"
-import Image from "next/image"
-import { useState } from "react"
-import useEditor from "@/store/use-editor"
-import { InlineRenameInput } from "./inline-rename-input"
-import { TreeNodeWrapper, handleTreeSelection } from "./tree-node"
-import { TreeNodeActions } from "./tree-node-actions"
+import type { WindowNode } from '@pascal-app/core'
+import { useViewer } from '@pascal-app/viewer'
+import Image from 'next/image'
+import { useState } from 'react'
+import useEditor from './../../../../../store/use-editor'
+import { InlineRenameInput } from './inline-rename-input'
+import { handleTreeSelection, TreeNodeWrapper } from './tree-node'
+import { TreeNodeActions } from './tree-node-actions'
 
 interface WindowTreeNodeProps {
   node: WindowNode
@@ -23,40 +23,42 @@ export function WindowTreeNode({ node, depth, isLast }: WindowTreeNodeProps) {
   const setSelection = useViewer((state) => state.setSelection)
   const setHoveredId = useViewer((state) => state.setHoveredId)
 
-  const defaultName = "Window"
+  const defaultName = 'Window'
 
   return (
     <TreeNodeWrapper
-      nodeId={node.id}
-      icon={<Image src="/icons/window.png" alt="" width={14} height={14} className="object-contain" />}
+      actions={<TreeNodeActions node={node} />}
+      depth={depth}
+      expanded={false}
+      hasChildren={false}
+      icon={
+        <Image alt="" className="object-contain" height={14} src="/icons/window.png" width={14} />
+      }
+      isHovered={isHovered}
+      isLast={isLast}
+      isSelected={isSelected}
+      isVisible={node.visible !== false}
       label={
         <InlineRenameInput
-          node={node}
-          isEditing={isEditing}
-          onStopEditing={() => setIsEditing(false)}
-          onStartEditing={() => setIsEditing(true)}
           defaultName={defaultName}
+          isEditing={isEditing}
+          node={node}
+          onStartEditing={() => setIsEditing(true)}
+          onStopEditing={() => setIsEditing(false)}
         />
       }
-      depth={depth}
-      hasChildren={false}
-      expanded={false}
-      onToggle={() => {}}
+      nodeId={node.id}
       onClick={(e: React.MouseEvent) => {
         e.stopPropagation()
         const handled = handleTreeSelection(e, node.id, selectedIds, setSelection)
-        if (!handled && useEditor.getState().phase === "furnish") {
-          useEditor.getState().setPhase("structure")
+        if (!handled && useEditor.getState().phase === 'furnish') {
+          useEditor.getState().setPhase('structure')
         }
       }}
       onDoubleClick={() => setIsEditing(true)}
       onMouseEnter={() => setHoveredId(node.id)}
       onMouseLeave={() => setHoveredId(null)}
-      isSelected={isSelected}
-      isHovered={isHovered}
-      isVisible={node.visible !== false}
-      isLast={isLast}
-      actions={<TreeNodeActions node={node} />}
+      onToggle={() => {}}
     />
   )
 }
diff --git a/packages/editor/src/components/ui/sidebar/panels/site-panel/zone-tree-node.tsx b/packages/editor/src/components/ui/sidebar/panels/site-panel/zone-tree-node.tsx
new file mode 100644
index 00000000..69453d3d
--- /dev/null
+++ b/packages/editor/src/components/ui/sidebar/panels/site-panel/zone-tree-node.tsx
@@ -0,0 +1,87 @@
+import { useScene, type ZoneNode } from '@pascal-app/core'
+import { useViewer } from '@pascal-app/viewer'
+import { useState } from 'react'
+import { ColorDot } from './../../../../../components/ui/primitives/color-dot'
+import { InlineRenameInput } from './inline-rename-input'
+import { TreeNodeWrapper } from './tree-node'
+import { TreeNodeActions } from './tree-node-actions'
+
+interface ZoneTreeNodeProps {
+  node: ZoneNode
+  depth: number
+  isLast?: boolean
+}
+
+export function ZoneTreeNode({ node, depth, isLast }: ZoneTreeNodeProps) {
+  const [isEditing, setIsEditing] = useState(false)
+  const updateNode = useScene((state) => state.updateNode)
+  const isSelected = useViewer((state) => state.selection.zoneId === node.id)
+  const isHovered = useViewer((state) => state.hoveredId === node.id)
+  const setSelection = useViewer((state) => state.setSelection)
+  const setHoveredId = useViewer((state) => state.setHoveredId)
+
+  const handleClick = () => {
+    setSelection({ zoneId: node.id })
+  }
+
+  const handleDoubleClick = () => {
+    setIsEditing(true)
+  }
+
+  const handleMouseEnter = () => {
+    setHoveredId(node.id)
+  }
+
+  const handleMouseLeave = () => {
+    setHoveredId(null)
+  }
+
+  // Calculate approximate area from polygon
+  const area = calculatePolygonArea(node.polygon).toFixed(1)
+  const defaultName = `Zone (${area}m²)`
+
+  return (
+    <TreeNodeWrapper
+      actions={<TreeNodeActions node={node} />}
+      depth={depth}
+      expanded={false}
+      hasChildren={false}
+      icon={<ColorDot color={node.color} onChange={(color) => updateNode(node.id, { color })} />}
+      isHovered={isHovered}
+      isLast={isLast}
+      isSelected={isSelected}
+      label={
+        <InlineRenameInput
+          defaultName={defaultName}
+          isEditing={isEditing}
+          node={node}
+          onStartEditing={() => setIsEditing(true)}
+          onStopEditing={() => setIsEditing(false)}
+        />
+      }
+      onClick={handleClick}
+      onDoubleClick={handleDoubleClick}
+      onMouseEnter={handleMouseEnter}
+      onMouseLeave={handleMouseLeave}
+      onToggle={() => {}}
+    />
+  )
+}
+
+/**
+ * Calculate the area of a polygon using the shoelace formula
+ */
+function calculatePolygonArea(polygon: Array<[number, number]>): number {
+  if (polygon.length < 3) return 0
+
+  let area = 0
+  const n = polygon.length
+
+  for (let i = 0; i < n; i++) {
+    const j = (i + 1) % n
+    area += polygon[i]![0] * polygon[j]![1]
+    area -= polygon[j]![0] * polygon[i]![1]
+  }
+
+  return Math.abs(area) / 2
+}
diff --git a/packages/editor/src/components/ui/sidebar/panels/zone-panel/index.tsx b/packages/editor/src/components/ui/sidebar/panels/zone-panel/index.tsx
new file mode 100644
index 00000000..4f044d18
--- /dev/null
+++ b/packages/editor/src/components/ui/sidebar/panels/zone-panel/index.tsx
@@ -0,0 +1,167 @@
+import { emitter, useScene, type ZoneNode } from '@pascal-app/core'
+import { useViewer } from '@pascal-app/viewer'
+import { Camera, Hexagon, Trash2 } from 'lucide-react'
+import { useState } from 'react'
+import { ColorDot } from './../../../../../components/ui/primitives/color-dot'
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from './../../../../../components/ui/primitives/popover'
+import { cn } from './../../../../../lib/utils'
+import useEditor from './../../../../../store/use-editor'
+
+function ZoneItem({ zone }: { zone: ZoneNode }) {
+  const [cameraPopoverOpen, setCameraPopoverOpen] = useState(false)
+  const deleteNode = useScene((state) => state.deleteNode)
+  const updateNode = useScene((state) => state.updateNode)
+  const selectedZoneId = useViewer((state) => state.selection.zoneId)
+  const setSelection = useViewer((state) => state.setSelection)
+
+  const isSelected = selectedZoneId === zone.id
+
+  const handleClick = () => {
+    setSelection({ zoneId: zone.id })
+  }
+
+  const handleDelete = (e: React.MouseEvent) => {
+    e.stopPropagation()
+    deleteNode(zone.id)
+    if (isSelected) {
+      setSelection({ zoneId: null })
+    }
+  }
+
+  const handleColorChange = (color: string) => {
+    updateNode(zone.id, { color })
+  }
+
+  return (
+    <div
+      className={cn(
+        'group/row mx-1 mb-0.5 flex h-8 cursor-pointer select-none items-center rounded-lg border px-2 text-sm transition-all duration-200',
+        isSelected
+          ? 'border-neutral-200/60 bg-white text-foreground shadow-[0_1px_2px_0px_rgba(0,0,0,0.05)] ring-1 ring-white/50 ring-inset dark:border-border/50 dark:bg-accent/50 dark:ring-white/10'
+          : 'border-transparent text-muted-foreground hover:border-neutral-200/50 hover:bg-white/40 hover:text-foreground dark:hover:border-border/40 dark:hover:bg-accent/30',
+      )}
+      onClick={handleClick}
+    >
+      <span className="mr-2">
+        <ColorDot color={zone.color} onChange={handleColorChange} />
+      </span>
+      <Hexagon className="mr-1.5 h-3.5 w-3.5 shrink-0" />
+      <span className="flex-1 truncate">{zone.name}</span>
+      {/* Camera snapshot button */}
+      <Popover onOpenChange={setCameraPopoverOpen} open={cameraPopoverOpen}>
+        <PopoverTrigger asChild>
+          <button
+            className="relative flex h-6 w-6 cursor-pointer items-center justify-center rounded-md text-muted-foreground opacity-0 transition-colors hover:bg-black/5 hover:text-foreground group-hover/row:opacity-100 dark:hover:bg-white/10"
+            onClick={(e) => e.stopPropagation()}
+            title="Camera snapshot"
+          >
+            <Camera className="h-3 w-3" />
+            {zone.camera && (
+              <span className="absolute top-0.5 right-0.5 h-1.5 w-1.5 rounded-full bg-primary" />
+            )}
+          </button>
+        </PopoverTrigger>
+        <PopoverContent
+          align="start"
+          className="w-auto p-1"
+          onClick={(e) => e.stopPropagation()}
+          side="right"
+        >
+          <div className="flex flex-col gap-0.5">
+            {zone.camera && (
+              <button
+                className="flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-popover-foreground text-sm hover:bg-accent"
+                onClick={(e) => {
+                  e.stopPropagation()
+                  emitter.emit('camera-controls:view', { nodeId: zone.id })
+                  setCameraPopoverOpen(false)
+                }}
+              >
+                <Camera className="h-3.5 w-3.5" />
+                View snapshot
+              </button>
+            )}
+            <button
+              className="flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-popover-foreground text-sm hover:bg-accent"
+              onClick={(e) => {
+                e.stopPropagation()
+                emitter.emit('camera-controls:capture', { nodeId: zone.id })
+                setCameraPopoverOpen(false)
+              }}
+            >
+              <Camera className="h-3.5 w-3.5" />
+              {zone.camera ? 'Update snapshot' : 'Take snapshot'}
+            </button>
+            {zone.camera && (
+              <button
+                className="flex w-full cursor-pointer items-center gap-2 rounded px-2 py-1.5 text-left text-popover-foreground text-sm hover:bg-destructive hover:text-destructive-foreground"
+                onClick={(e) => {
+                  e.stopPropagation()
+                  updateNode(zone.id, { camera: undefined })
+                  setCameraPopoverOpen(false)
+                }}
+              >
+                <Trash2 className="h-3.5 w-3.5" />
+                Clear snapshot
+              </button>
+            )}
+          </div>
+        </PopoverContent>
+      </Popover>
+      <button
+        className="flex h-6 w-6 cursor-pointer items-center justify-center rounded-md text-muted-foreground opacity-0 transition-colors hover:bg-black/5 hover:text-foreground group-hover/row:opacity-100 dark:hover:bg-white/10"
+        onClick={handleDelete}
+      >
+        <Trash2 className="h-3 w-3" />
+      </button>
+    </div>
+  )
+}
+
+export function ZonePanel() {
+  const nodes = useScene((state) => state.nodes)
+  const currentLevelId = useViewer((state) => state.selection.levelId)
+  const setPhase = useEditor((state) => state.setPhase)
+  const setMode = useEditor((state) => state.setMode)
+  const setTool = useEditor((state) => state.setTool)
+
+  // Filter nodes to get zones for the current level
+  const levelZones = Object.values(nodes).filter(
+    (node): node is ZoneNode => node.type === 'zone' && node.parentId === currentLevelId,
+  )
+
+  const handleAddZone = () => {
+    if (currentLevelId) {
+      setPhase('structure')
+      setMode('build')
+      setTool('zone')
+    }
+  }
+
+  if (!currentLevelId) {
+    return (
+      <div className="px-3 py-4 text-muted-foreground text-sm">
+        Select a level to view and create zones
+      </div>
+    )
+  }
+
+  return (
+    <div className="py-1">
+      {levelZones.length === 0 ? (
+        <div className="px-3 py-4 text-muted-foreground text-sm">
+          No zones on this level.{' '}
+          <button className="cursor-pointer text-primary hover:underline" onClick={handleAddZone}>
+            Add one
+          </button>
+        </div>
+      ) : (
+        levelZones.map((zone) => <ZoneItem key={zone.id} zone={zone} />)
+      )}
+    </div>
+  )
+}
diff --git a/apps/editor/components/ui/slider-demo.tsx b/packages/editor/src/components/ui/slider-demo.tsx
similarity index 63%
rename from apps/editor/components/ui/slider-demo.tsx
rename to packages/editor/src/components/ui/slider-demo.tsx
index ec0f827e..d7c3bcb1 100644
--- a/apps/editor/components/ui/slider-demo.tsx
+++ b/packages/editor/src/components/ui/slider-demo.tsx
@@ -1,38 +1,36 @@
-import { useState } from "react";
-import NumberFlow from "@number-flow/react";
+import NumberFlow from '@number-flow/react'
+import { useState } from 'react'
 
-import { Slider } from "@/components/ui/slider";
+import { Slider } from './../../components/ui/slider'
 
 export function SliderDemo() {
-  const [value, setValue] = useState<number[]>([28.1]);
+  const [value, setValue] = useState<number[]>([28.1])
 
   return (
     <div className="flex min-h-screen items-center justify-center bg-[#ededed] px-8">
       <section className="w-full max-w-lg">
         <div className="mb-2 flex items-end justify-between">
-          <h2 className="text-xl font-semibold tracking-tight text-black">
-            Temperature
-          </h2>
+          <h2 className="font-semibold text-black text-xl tracking-tight">Temperature</h2>
           <NumberFlow
-            value={value[0] ?? 50}
-            className="text-xl font-medium text-black/45"
+            className="font-medium text-black/45 text-xl"
             format={{ minimumFractionDigits: 1, maximumFractionDigits: 1 }}
             suffix="%"
+            value={value[0] ?? 50}
           />
         </div>
 
         <Slider
-          variant="temperature"
-          value={value}
-          onValueChange={setValue}
-          min={0}
-          max={100}
-          step={0.1}
           aria-label="Temperature"
+          max={100}
+          min={0}
+          onValueChange={setValue}
+          step={0.1}
+          value={value}
+          variant="temperature"
         />
       </section>
     </div>
-  );
+  )
 }
 
-export default SliderDemo;
+export default SliderDemo
diff --git a/apps/editor/components/ui/slider.tsx b/packages/editor/src/components/ui/slider.tsx
similarity index 72%
rename from apps/editor/components/ui/slider.tsx
rename to packages/editor/src/components/ui/slider.tsx
index 3d521cb2..182927f2 100644
--- a/apps/editor/components/ui/slider.tsx
+++ b/packages/editor/src/components/ui/slider.tsx
@@ -1,15 +1,15 @@
-import * as React from "react";
-import * as SliderPrimitive from "@radix-ui/react-slider";
-import { cva, type VariantProps } from "class-variance-authority";
+import * as SliderPrimitive from '@radix-ui/react-slider'
+import { cva, type VariantProps } from 'class-variance-authority'
+import type * as React from 'react'
 
-import { cn } from "@/lib/utils";
+import { cn } from './../../lib/utils'
 
 const sliderVariants = cva(
-  "relative flex w-full touch-none select-none overflow-hidden items-center",
+  'relative flex w-full touch-none select-none items-center overflow-hidden',
   {
     variants: {
       variant: {
-        default: "",
+        default: '',
         temperature: `
           h-16
           [&_[data-slot=slider-track]]:h-14
@@ -46,39 +46,36 @@ const sliderVariants = cva(
       },
     },
     defaultVariants: {
-      variant: "default",
+      variant: 'default',
     },
-  }
-);
+  },
+)
 
 type SliderProps = React.ComponentProps<typeof SliderPrimitive.Root> &
-  VariantProps<typeof sliderVariants>;
+  VariantProps<typeof sliderVariants>
 
 function Slider({ variant, className, ...props }: SliderProps) {
   return (
     <SliderPrimitive.Root
-      data-slot="slider"
       className={cn(sliderVariants({ variant }), className)}
+      data-slot="slider"
       {...props}
     >
       <SliderPrimitive.Track
+        className="relative h-3 w-full grow overflow-hidden rounded-full bg-muted"
         data-slot="slider-track"
-        className="bg-muted relative h-3 w-full grow overflow-hidden rounded-full"
       >
-        <SliderPrimitive.Range
-          data-slot="slider-range"
-          className="bg-primary absolute h-full"
-        />
+        <SliderPrimitive.Range className="absolute h-full bg-primary" data-slot="slider-range" />
       </SliderPrimitive.Track>
       <SliderPrimitive.Thumb
-        data-slot="slider-thumb"
         className={cn(
-          "border-primary bg-background ring-ring/50 block size-4 shrink-0 rounded-full border shadow-sm",
-          "transition-[color,box-shadow] hover:ring-4 focus-visible:ring-4 focus-visible:outline-none disabled:pointer-events-none disabled:opacity-50"
+          'block size-4 shrink-0 rounded-full border border-primary bg-background shadow-sm ring-ring/50',
+          'transition-[color,box-shadow] hover:ring-4 focus-visible:outline-none focus-visible:ring-4 disabled:pointer-events-none disabled:opacity-50',
         )}
+        data-slot="slider-thumb"
       />
     </SliderPrimitive.Root>
-  );
+  )
 }
 
-export { Slider };
+export { Slider }
diff --git a/apps/editor/app/viewer/[id]/viewer-overlay.tsx b/packages/editor/src/components/viewer-overlay.tsx
similarity index 62%
rename from apps/editor/app/viewer/[id]/viewer-overlay.tsx
rename to packages/editor/src/components/viewer-overlay.tsx
index d626c39d..8aa83264 100644
--- a/apps/editor/app/viewer/[id]/viewer-overlay.tsx
+++ b/packages/editor/src/components/viewer-overlay.tsx
@@ -4,29 +4,25 @@ import {
   type AnyNode,
   type AnyNodeId,
   type BuildingNode,
+  emitter,
   type LevelNode,
   useScene,
   type ZoneNode,
 } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
-import {
-  ArrowLeft,
-  Camera,
-  ChevronRight,
-  Diamond,
-  Layers,
-  Layers2,
-  Moon,
-  Sun,
-} from 'lucide-react'
+import { ArrowLeft, Camera, ChevronRight, Diamond, Layers, Layers2, Moon, Sun } from 'lucide-react'
+import { motion } from 'motion/react'
 import Link from 'next/link'
-import { motion } from 'framer-motion'
-import { cn } from '@/lib/utils'
-import type { ProjectOwner } from '@/features/community/lib/projects/types'
-import { ActionButton } from '@/components/ui/action-menu/action-button'
-import { TooltipProvider } from '@/components/ui/primitives/tooltip'
-import { emitter } from '@pascal-app/core'
-import { CollectionsPanel } from './collections-panel'
+import { cn } from '../lib/utils'
+import { ActionButton } from './ui/action-menu/action-button'
+import { TooltipProvider } from './ui/primitives/tooltip'
+
+type ProjectOwner = {
+  id: string
+  name: string
+  username: string | null
+  image: string | null
+}
 
 const levelModeLabels: Record<'stacked' | 'exploded' | 'solo', string> = {
   stacked: 'Stacked',
@@ -48,7 +44,9 @@ const wallModeConfig = {
     label: 'Cutaway',
   },
   down: {
-    icon: (props: any) => <img alt="Low" height={28} src="/icons/walllow.png" width={28} {...props} />,
+    icon: (props: any) => (
+      <img alt="Low" height={28} src="/icons/walllow.png" width={28} {...props} />
+    ),
     label: 'Low',
   },
 }
@@ -69,7 +67,6 @@ interface ViewerOverlayProps {
   canShowScans?: boolean
   canShowGuides?: boolean
   onBack?: () => void
-  hideCollections?: boolean
 }
 
 export const ViewerOverlay = ({
@@ -78,7 +75,6 @@ export const ViewerOverlay = ({
   canShowScans = true,
   canShowGuides = true,
   onBack,
-  hideCollections,
 }: ViewerOverlayProps) => {
   const selection = useViewer((s) => s.selection)
   const nodes = useScene((s) => s.nodes)
@@ -130,33 +126,33 @@ export const ViewerOverlay = ({
   return (
     <>
       {/* Unified top-left card */}
-      <div className="absolute top-4 left-4 z-20 flex flex-col gap-3 dark text-foreground">
-        <div className="pointer-events-auto flex flex-col rounded-2xl border border-border/40 bg-background/95 shadow-lg backdrop-blur-xl transition-colors duration-200 ease-out overflow-hidden min-w-[200px]">
+      <div className="dark absolute top-4 left-4 z-20 flex flex-col gap-3 text-foreground">
+        <div className="pointer-events-auto flex min-w-[200px] flex-col overflow-hidden rounded-2xl border border-border/40 bg-background/95 shadow-lg backdrop-blur-xl transition-colors duration-200 ease-out">
           {/* Project info + back */}
           <div className="flex items-center gap-3 px-3 py-2.5">
             {onBack ? (
               <button
+                className="flex h-7 w-7 shrink-0 items-center justify-center rounded-md transition-colors hover:bg-white/10"
                 onClick={onBack}
-                className="flex h-7 w-7 shrink-0 items-center justify-center rounded-md hover:bg-white/10 transition-colors"
               >
                 <ArrowLeft className="h-4 w-4 text-muted-foreground" />
               </button>
             ) : (
               <Link
+                className="flex h-7 w-7 shrink-0 items-center justify-center rounded-md transition-colors hover:bg-white/10"
                 href="/"
-                className="flex h-7 w-7 shrink-0 items-center justify-center rounded-md hover:bg-white/10 transition-colors"
               >
                 <ArrowLeft className="h-4 w-4 text-muted-foreground" />
               </Link>
             )}
             <div className="min-w-0">
-              <div className="text-sm font-medium text-foreground truncate">
+              <div className="truncate font-medium text-foreground text-sm">
                 {projectName || 'Untitled'}
               </div>
               {owner?.username && (
                 <Link
+                  className="text-muted-foreground text-xs transition-colors hover:text-foreground"
                   href={`/u/${owner.username}`}
-                  className="text-xs text-muted-foreground hover:text-foreground transition-colors"
                 >
                   @{owner.username}
                 </Link>
@@ -166,21 +162,21 @@ export const ViewerOverlay = ({
 
           {/* Breadcrumb — only shown when navigated into a building */}
           {building && (
-            <div className="border-t border-border/40 px-3 py-2">
+            <div className="border-border/40 border-t px-3 py-2">
               <div className="flex items-center gap-1.5 text-xs">
                 <button
+                  className="text-muted-foreground transition-colors hover:text-foreground"
                   onClick={() => handleBreadcrumbClick('root')}
-                  className="text-muted-foreground hover:text-foreground transition-colors"
                 >
                   Site
                 </button>
 
                 {building && (
                   <>
-                    <ChevronRight className="w-3 h-3 text-muted-foreground/50" />
+                    <ChevronRight className="h-3 w-3 text-muted-foreground/50" />
                     <button
+                      className={`truncate transition-colors ${level ? 'text-muted-foreground hover:text-foreground' : 'font-medium text-foreground'}`}
                       onClick={() => handleBreadcrumbClick('building')}
-                      className={`transition-colors truncate ${level ? 'text-muted-foreground hover:text-foreground' : 'text-foreground font-medium'}`}
                     >
                       {building.name || 'Building'}
                     </button>
@@ -189,10 +185,10 @@ export const ViewerOverlay = ({
 
                 {level && (
                   <>
-                    <ChevronRight className="w-3 h-3 text-muted-foreground/50" />
+                    <ChevronRight className="h-3 w-3 text-muted-foreground/50" />
                     <button
+                      className={`truncate transition-colors ${zone ? 'text-muted-foreground hover:text-foreground' : 'font-medium text-foreground'}`}
                       onClick={() => handleBreadcrumbClick('level')}
-                      className={`transition-colors truncate ${zone ? 'text-muted-foreground hover:text-foreground' : 'text-foreground font-medium'}`}
                     >
                       {level.name || `Level ${level.level}`}
                     </button>
@@ -201,9 +197,9 @@ export const ViewerOverlay = ({
 
                 {zone && (
                   <>
-                    <ChevronRight className="w-3 h-3 text-muted-foreground/50" />
+                    <ChevronRight className="h-3 w-3 text-muted-foreground/50" />
                     <span
-                      className={`transition-colors truncate ${selectedNode ? 'text-muted-foreground' : 'text-foreground font-medium'}`}
+                      className={`truncate transition-colors ${selectedNode ? 'text-muted-foreground' : 'font-medium text-foreground'}`}
                     >
                       {zone.name}
                     </span>
@@ -212,8 +208,8 @@ export const ViewerOverlay = ({
 
                 {selectedNode && zone && (
                   <>
-                    <ChevronRight className="w-3 h-3 text-muted-foreground/50" />
-                    <span className="text-foreground font-medium truncate">
+                    <ChevronRight className="h-3 w-3 text-muted-foreground/50" />
+                    <span className="truncate font-medium text-foreground">
                       {getNodeName(selectedNode)}
                     </span>
                   </>
@@ -225,82 +221,77 @@ export const ViewerOverlay = ({
 
         {/* Level List (only when building is selected) */}
         {building && levels.length > 0 && (
-          <div className="pointer-events-auto flex flex-col rounded-2xl border border-border/40 bg-background/95 shadow-lg backdrop-blur-xl transition-colors duration-200 ease-out overflow-hidden w-48 py-1">
-            <span className="text-[10px] font-medium text-muted-foreground uppercase tracking-wider px-3 py-2">Levels</span>
+          <div className="pointer-events-auto flex w-48 flex-col overflow-hidden rounded-2xl border border-border/40 bg-background/95 py-1 shadow-lg backdrop-blur-xl transition-colors duration-200 ease-out">
+            <span className="px-3 py-2 font-medium text-[10px] text-muted-foreground uppercase tracking-wider">
+              Levels
+            </span>
             <div className="flex flex-col">
               {levels.map((lvl) => {
-                const isSelected = lvl.id === selection.levelId;
+                const isSelected = lvl.id === selection.levelId
                 return (
                   <button
+                    className={cn(
+                      'group/row relative flex h-8 w-full cursor-pointer select-none items-center border-border/50 border-r border-r-transparent border-b px-3 text-sm transition-all duration-200',
+                      isSelected
+                        ? 'border-r-3 border-r-white bg-accent/50 text-foreground'
+                        : 'text-muted-foreground hover:bg-accent/30 hover:text-foreground',
+                    )}
                     key={lvl.id}
                     onClick={() => handleLevelClick(lvl.id)}
-                    className={cn(
-                      "relative flex items-center h-8 w-full cursor-pointer group/row text-sm select-none border-b border-r border-border/50 border-r-transparent transition-all duration-200 px-3",
-                      isSelected
-                        ? "bg-accent/50 text-foreground border-r-white border-r-3"
-                        : "text-muted-foreground hover:bg-accent/30 hover:text-foreground"
-                    )}
                   >
-                    <div className="flex items-center gap-2 flex-1 min-w-0">
-                      <span className={cn(
-                        "w-4 h-4 flex items-center justify-center shrink-0 transition-all duration-200",
-                        !isSelected && "opacity-60 grayscale"
-                      )}>
-                        <Layers className="w-3.5 h-3.5" />
+                    <div className="flex min-w-0 flex-1 items-center gap-2">
+                      <span
+                        className={cn(
+                          'flex h-4 w-4 shrink-0 items-center justify-center transition-all duration-200',
+                          !isSelected && 'opacity-60 grayscale',
+                        )}
+                      >
+                        <Layers className="h-3.5 w-3.5" />
                       </span>
-                      <div className="flex-1 min-w-0 truncate text-left">
+                      <div className="min-w-0 flex-1 truncate text-left">
                         {lvl.name || `Level ${lvl.level}`}
                       </div>
                     </div>
                   </button>
-                );
+                )
               })}
             </div>
           </div>
         )}
       </div>
 
-      {/* Collections Panel - Top Right */}
-      {!hideCollections && (
-        <div className="absolute top-4 right-4 z-20 flex flex-col gap-3 dark text-foreground">
-          <CollectionsPanel />
-        </div>
-      )}
-
       {/* Controls Panel - Bottom Center */}
-      <div className="absolute bottom-6 left-1/2 -translate-x-1/2 z-20 dark text-foreground">
+      <div className="dark absolute bottom-6 left-1/2 z-20 -translate-x-1/2 text-foreground">
         <TooltipProvider delayDuration={0}>
-          <div className="pointer-events-auto flex flex-row items-center justify-center gap-1.5 rounded-2xl border border-border/40 bg-background/95 p-1.5 shadow-lg backdrop-blur-xl transition-colors duration-200 ease-out h-14">
+          <div className="pointer-events-auto flex h-14 flex-row items-center justify-center gap-1.5 rounded-2xl border border-border/40 bg-background/95 p-1.5 shadow-lg backdrop-blur-xl transition-colors duration-200 ease-out">
             {/* Theme Toggle */}
             <button
-              className="shrink-0 flex items-center bg-accent/50 rounded-full p-1 border border-border/50 cursor-pointer h-[36px]"
+              aria-label="Toggle theme"
+              className="flex h-[36px] shrink-0 cursor-pointer items-center rounded-full border border-border/50 bg-accent/50 p-1"
               onClick={() => useViewer.getState().setTheme(theme === 'dark' ? 'light' : 'dark')}
               type="button"
-              aria-label="Toggle theme"
             >
               <div className="relative flex">
                 {/* Sliding Background */}
                 <motion.div
-                  className="absolute inset-0 bg-white shadow-sm rounded-full dark:bg-white/20"
-                  initial={false}
                   animate={{
-                    x: theme === "light" ? "100%" : "0%",
+                    x: theme === 'light' ? '100%' : '0%',
                   }}
+                  className="absolute inset-0 rounded-full bg-white shadow-sm dark:bg-white/20"
+                  initial={false}
+                  style={{ width: '50%' }}
                   transition={{
-                    type: "spring",
+                    type: 'spring',
                     stiffness: 500,
                     damping: 35,
                   }}
-                  style={{ width: "50%" }}
                 />
 
                 {/* Dark Mode Icon */}
                 <div
                   className={cn(
-                    "relative z-10 flex h-7 w-9 items-center justify-center rounded-full transition-colors duration-200 pointer-events-none",
-                    theme === "dark"
-                      ? "text-foreground"
-                      : "text-muted-foreground"
+                    'pointer-events-none relative z-10 flex h-7 w-9 items-center justify-center rounded-full transition-colors duration-200',
+                    theme === 'dark' ? 'text-foreground' : 'text-muted-foreground',
                   )}
                 >
                   <Moon className="h-4 w-4" />
@@ -309,43 +300,57 @@ export const ViewerOverlay = ({
                 {/* Light Mode Icon */}
                 <div
                   className={cn(
-                    "relative z-10 flex h-7 w-9 items-center justify-center rounded-full transition-colors duration-200 pointer-events-none",
-                    theme === "light"
-                      ? "text-foreground"
-                      : "text-muted-foreground"
+                    'pointer-events-none relative z-10 flex h-7 w-9 items-center justify-center rounded-full transition-colors duration-200',
+                    theme === 'light' ? 'text-foreground' : 'text-muted-foreground',
                   )}
                 >
                   <Sun className="h-4 w-4" />
                 </div>
               </div>
             </button>
-            
+
             <div className="mx-1 h-5 w-px bg-border/40" />
 
             {/* Scans and Guides Visibility */}
             {canShowScans && (
               <ActionButton
+                className={
+                  showScans
+                    ? 'bg-white/10'
+                    : 'opacity-60 grayscale hover:bg-white/5 hover:opacity-100 hover:grayscale-0'
+                }
                 label={`Scans: ${showScans ? 'Visible' : 'Hidden'}`}
-                tooltipSide="top"
-                className={showScans ? 'bg-white/10' : 'opacity-60 grayscale hover:opacity-100 hover:grayscale-0 hover:bg-white/5'}
                 onClick={() => useViewer.getState().setShowScans(!showScans)}
                 size="icon"
+                tooltipSide="top"
                 variant="ghost"
               >
-                <img alt="Scans" className="h-[28px] w-[28px] object-contain" src="/icons/mesh.png" />
+                <img
+                  alt="Scans"
+                  className="h-[28px] w-[28px] object-contain"
+                  src="/icons/mesh.png"
+                />
               </ActionButton>
             )}
 
             {canShowGuides && (
               <ActionButton
+                className={
+                  showGuides
+                    ? 'bg-white/10'
+                    : 'opacity-60 grayscale hover:bg-white/5 hover:opacity-100 hover:grayscale-0'
+                }
                 label={`Guides: ${showGuides ? 'Visible' : 'Hidden'}`}
-                tooltipSide="top"
-                className={showGuides ? 'bg-white/10' : 'opacity-60 grayscale hover:opacity-100 hover:grayscale-0 hover:bg-white/5'}
                 onClick={() => useViewer.getState().setShowGuides(!showGuides)}
                 size="icon"
+                tooltipSide="top"
                 variant="ghost"
               >
-                <img alt="Guides" className="h-[28px] w-[28px] object-contain" src="/icons/floorplan.png" />
+                <img
+                  alt="Guides"
+                  className="h-[28px] w-[28px] object-contain"
+                  src="/icons/floorplan.png"
+                />
               </ActionButton>
             )}
 
@@ -353,11 +358,19 @@ export const ViewerOverlay = ({
 
             {/* Camera Mode */}
             <ActionButton
+              className={
+                cameraMode === 'orthographic'
+                  ? 'bg-violet-500/20 text-violet-400'
+                  : 'hover:bg-white/5 hover:text-violet-400'
+              }
               label={`Camera: ${cameraMode === 'perspective' ? 'Perspective' : 'Orthographic'}`}
-              tooltipSide="top"
-              className={cameraMode === 'orthographic' ? 'bg-violet-500/20 text-violet-400' : 'hover:text-violet-400 hover:bg-white/5'}
-              onClick={() => useViewer.getState().setCameraMode(cameraMode === 'perspective' ? 'orthographic' : 'perspective')}
+              onClick={() =>
+                useViewer
+                  .getState()
+                  .setCameraMode(cameraMode === 'perspective' ? 'orthographic' : 'perspective')
+              }
               size="icon"
+              tooltipSide="top"
               variant="ghost"
             >
               <Camera className="h-6 w-6" />
@@ -365,9 +378,12 @@ export const ViewerOverlay = ({
 
             {/* Level Mode */}
             <ActionButton
+              className={
+                levelMode !== 'stacked'
+                  ? 'bg-amber-500/20 text-amber-400'
+                  : 'hover:bg-white/5 hover:text-amber-400'
+              }
               label={`Levels: ${levelMode === 'manual' ? 'Manual' : levelModeLabels[levelMode as keyof typeof levelModeLabels]}`}
-              tooltipSide="top"
-              className={levelMode !== 'stacked' ? 'bg-amber-500/20 text-amber-400' : 'hover:text-amber-400 hover:bg-white/5'}
               onClick={() => {
                 if (levelMode === 'manual') return useViewer.getState().setLevelMode('stacked')
                 const modes: ('stacked' | 'exploded' | 'solo')[] = ['stacked', 'exploded', 'solo']
@@ -375,24 +391,31 @@ export const ViewerOverlay = ({
                 useViewer.getState().setLevelMode(modes[nextIndex] ?? 'stacked')
               }}
               size="icon"
+              tooltipSide="top"
               variant="ghost"
             >
               {levelMode === 'solo' && <Diamond className="h-6 w-6" />}
               {levelMode === 'exploded' && <Layers2 className="h-6 w-6" />}
-              {(levelMode === 'stacked' || levelMode === 'manual') && <Layers className="h-6 w-6" />}
+              {(levelMode === 'stacked' || levelMode === 'manual') && (
+                <Layers className="h-6 w-6" />
+              )}
             </ActionButton>
 
             {/* Wall Mode */}
             <ActionButton
+              className={
+                wallMode !== 'cutaway'
+                  ? 'bg-white/10'
+                  : 'opacity-60 grayscale hover:bg-white/5 hover:opacity-100 hover:grayscale-0'
+              }
               label={`Walls: ${wallModeConfig[wallMode as keyof typeof wallModeConfig].label}`}
-              tooltipSide="top"
-              className={wallMode !== 'cutaway' ? 'bg-white/10' : 'opacity-60 grayscale hover:opacity-100 hover:grayscale-0 hover:bg-white/5'}
               onClick={() => {
                 const modes: ('cutaway' | 'up' | 'down')[] = ['cutaway', 'up', 'down']
                 const nextIndex = (modes.indexOf(wallMode as any) + 1) % modes.length
                 useViewer.getState().setWallMode(modes[nextIndex] ?? 'cutaway')
               }}
               size="icon"
+              tooltipSide="top"
               variant="ghost"
             >
               {(() => {
@@ -405,36 +428,48 @@ export const ViewerOverlay = ({
 
             {/* Camera Actions */}
             <ActionButton
+              className="group hidden hover:bg-white/5 sm:inline-flex"
               label="Orbit Left"
-              tooltipSide="top"
-              className="group hover:bg-white/5 hidden sm:inline-flex"
               onClick={() => emitter.emit('camera-controls:orbit-ccw')}
               size="icon"
+              tooltipSide="top"
               variant="ghost"
             >
-              <img alt="Orbit Left" className="h-[28px] w-[28px] object-contain opacity-70 transition-opacity group-hover:opacity-100 -scale-x-100" src="/icons/rotate.png" />
+              <img
+                alt="Orbit Left"
+                className="h-[28px] w-[28px] -scale-x-100 object-contain opacity-70 transition-opacity group-hover:opacity-100"
+                src="/icons/rotate.png"
+              />
             </ActionButton>
 
             <ActionButton
+              className="group hidden hover:bg-white/5 sm:inline-flex"
               label="Orbit Right"
-              tooltipSide="top"
-              className="group hover:bg-white/5 hidden sm:inline-flex"
               onClick={() => emitter.emit('camera-controls:orbit-cw')}
               size="icon"
+              tooltipSide="top"
               variant="ghost"
             >
-              <img alt="Orbit Right" className="h-[28px] w-[28px] object-contain opacity-70 transition-opacity group-hover:opacity-100" src="/icons/rotate.png" />
+              <img
+                alt="Orbit Right"
+                className="h-[28px] w-[28px] object-contain opacity-70 transition-opacity group-hover:opacity-100"
+                src="/icons/rotate.png"
+              />
             </ActionButton>
 
             <ActionButton
-              label="Top View"
-              tooltipSide="top"
               className="group hover:bg-white/5"
+              label="Top View"
               onClick={() => emitter.emit('camera-controls:top-view')}
               size="icon"
+              tooltipSide="top"
               variant="ghost"
             >
-              <img alt="Top View" className="h-[28px] w-[28px] object-contain opacity-70 transition-opacity group-hover:opacity-100" src="/icons/topview.png" />
+              <img
+                alt="Top View"
+                className="h-[28px] w-[28px] object-contain opacity-70 transition-opacity group-hover:opacity-100"
+                src="/icons/topview.png"
+              />
             </ActionButton>
           </div>
         </TooltipProvider>
diff --git a/apps/editor/app/viewer/[id]/viewer-zone-system.tsx b/packages/editor/src/components/viewer-zone-system.tsx
similarity index 100%
rename from apps/editor/app/viewer/[id]/viewer-zone-system.tsx
rename to packages/editor/src/components/viewer-zone-system.tsx
diff --git a/packages/editor/src/contexts/presets-context.tsx b/packages/editor/src/contexts/presets-context.tsx
new file mode 100644
index 00000000..dd646f19
--- /dev/null
+++ b/packages/editor/src/contexts/presets-context.tsx
@@ -0,0 +1,121 @@
+'use client'
+
+import { createContext, useContext } from 'react'
+import type { PresetData, PresetType } from '../components/ui/panels/presets/presets-popover'
+
+export type { PresetData, PresetType }
+
+export type PresetsTab = 'community' | 'mine'
+
+export interface PresetsAdapter {
+  /** Tabs to show. Default: both. Standalone passes ['mine']. */
+  tabs?: PresetsTab[]
+  isAuthenticated?: boolean
+  fetchPresets: (type: PresetType, tab: PresetsTab) => Promise<PresetData[]>
+  savePreset: (
+    type: PresetType,
+    name: string,
+    data: Record<string, unknown>,
+  ) => Promise<string | null>
+  overwritePreset: (type: PresetType, id: string, data: Record<string, unknown>) => Promise<void>
+  renamePreset: (id: string, name: string) => Promise<void>
+  deletePreset: (id: string) => Promise<void>
+  togglePresetCommunity?: (id: string, current: boolean) => Promise<void>
+  uploadPresetThumbnail?: (presetId: string, blob: Blob) => Promise<string | null>
+}
+
+const PRESETS_KEY = (type: string) => `pascal-presets-${type}`
+
+export const localStoragePresetsAdapter: PresetsAdapter = {
+  tabs: ['mine'],
+  isAuthenticated: true,
+
+  fetchPresets: async (type, tab) => {
+    if (tab === 'community') return []
+    try {
+      const raw = localStorage.getItem(PRESETS_KEY(type))
+      return raw ? (JSON.parse(raw) as PresetData[]) : []
+    } catch {
+      return []
+    }
+  },
+
+  savePreset: async (type, name, data) => {
+    try {
+      const id = Math.random().toString(36).slice(2, 10)
+      const raw = localStorage.getItem(PRESETS_KEY(type))
+      const presets: PresetData[] = raw ? JSON.parse(raw) : []
+      presets.push({
+        id,
+        type,
+        name,
+        data,
+        thumbnail_url: null,
+        user_id: null,
+        is_community: false,
+        created_at: new Date().toISOString(),
+      })
+      localStorage.setItem(PRESETS_KEY(type), JSON.stringify(presets))
+      return id
+    } catch {
+      return null
+    }
+  },
+
+  overwritePreset: async (type, id, data) => {
+    try {
+      const raw = localStorage.getItem(PRESETS_KEY(type))
+      if (!raw) return
+      const presets: PresetData[] = JSON.parse(raw)
+      localStorage.setItem(
+        PRESETS_KEY(type),
+        JSON.stringify(presets.map((p) => (p.id === id ? { ...p, data } : p))),
+      )
+    } catch {}
+  },
+
+  renamePreset: async (id, name) => {
+    for (const type of ['door', 'window']) {
+      try {
+        const raw = localStorage.getItem(PRESETS_KEY(type))
+        if (!raw) continue
+        const presets: PresetData[] = JSON.parse(raw)
+        localStorage.setItem(
+          PRESETS_KEY(type),
+          JSON.stringify(presets.map((p) => (p.id === id ? { ...p, name } : p))),
+        )
+      } catch {}
+    }
+  },
+
+  deletePreset: async (id) => {
+    for (const type of ['door', 'window']) {
+      try {
+        const raw = localStorage.getItem(PRESETS_KEY(type))
+        if (!raw) continue
+        const presets: PresetData[] = JSON.parse(raw)
+        localStorage.setItem(PRESETS_KEY(type), JSON.stringify(presets.filter((p) => p.id !== id)))
+      } catch {}
+    }
+  },
+}
+
+const PresetsContext = createContext<PresetsAdapter>(localStoragePresetsAdapter)
+
+export function PresetsProvider({
+  adapter,
+  children,
+}: {
+  adapter?: PresetsAdapter
+  children: React.ReactNode
+}) {
+  return (
+    <PresetsContext.Provider value={adapter ?? localStoragePresetsAdapter}>
+      {children}
+    </PresetsContext.Provider>
+  )
+}
+
+export function usePresetsAdapter(): PresetsAdapter {
+  return useContext(PresetsContext)
+}
diff --git a/packages/editor/src/hooks/use-auto-save.ts b/packages/editor/src/hooks/use-auto-save.ts
new file mode 100644
index 00000000..affe841e
--- /dev/null
+++ b/packages/editor/src/hooks/use-auto-save.ts
@@ -0,0 +1,194 @@
+'use client'
+
+import { useScene } from '@pascal-app/core'
+import { type MutableRefObject, useCallback, useEffect, useRef, useState } from 'react'
+import { type SceneGraph, saveSceneToLocalStorage } from '../lib/scene'
+
+const AUTOSAVE_DEBOUNCE_MS = 1000
+
+export type SaveStatus = 'idle' | 'pending' | 'saving' | 'saved' | 'paused' | 'error'
+
+interface UseAutoSaveOptions {
+  onSave?: (scene: SceneGraph) => Promise<void>
+  onDirty?: () => void
+  onSaveStatusChange?: (status: SaveStatus) => void
+  isVersionPreviewMode?: boolean
+}
+
+/**
+ * Generic autosave hook. Subscribes to the scene store and debounces saves.
+ * Falls back to localStorage when no `onSave` is provided.
+ *
+ * ⚠️  Mount in exactly ONE component (the Editor).
+ */
+export function useAutoSave({
+  onSave,
+  onDirty,
+  onSaveStatusChange,
+  isVersionPreviewMode = false,
+}: UseAutoSaveOptions): { saveStatus: SaveStatus; isLoadingSceneRef: MutableRefObject<boolean> } {
+  const [saveStatus, _setSaveStatus] = useState<SaveStatus>('idle')
+
+  const saveTimeoutRef = useRef<NodeJS.Timeout | undefined>(undefined)
+  const isSavingRef = useRef(false)
+  const isLoadingSceneRef = useRef(false)
+  const pendingSaveRef = useRef(false)
+  const executeSaveRef = useRef<(() => Promise<void>) | null>(null)
+  const hasDirtyChangesRef = useRef(false)
+
+  // Keep latest callback/value refs so the stable subscription always uses current values
+  const onSaveRef = useRef(onSave)
+  const onDirtyRef = useRef(onDirty)
+  const onSaveStatusChangeRef = useRef(onSaveStatusChange)
+  const isVersionPreviewModeRef = useRef(isVersionPreviewMode)
+
+  useEffect(() => {
+    onSaveRef.current = onSave
+  }, [onSave])
+  useEffect(() => {
+    onDirtyRef.current = onDirty
+  }, [onDirty])
+  useEffect(() => {
+    onSaveStatusChangeRef.current = onSaveStatusChange
+  }, [onSaveStatusChange])
+  useEffect(() => {
+    isVersionPreviewModeRef.current = isVersionPreviewMode
+  }, [isVersionPreviewMode])
+
+  const setSaveStatus = useCallback((status: SaveStatus) => {
+    _setSaveStatus(status)
+    onSaveStatusChangeRef.current?.(status)
+  }, [])
+
+  // Stable subscription to scene changes
+  useEffect(() => {
+    let lastNodesSnapshot = JSON.stringify(useScene.getState().nodes)
+
+    async function executeSave() {
+      if (isLoadingSceneRef.current || isVersionPreviewModeRef.current) {
+        pendingSaveRef.current = true
+        setSaveStatus('paused')
+        return
+      }
+
+      const { nodes, rootNodeIds } = useScene.getState()
+      const sceneGraph = { nodes, rootNodeIds } as SceneGraph
+
+      isSavingRef.current = true
+      pendingSaveRef.current = false
+      setSaveStatus('saving')
+
+      try {
+        if (onSaveRef.current) {
+          await onSaveRef.current(sceneGraph)
+        } else {
+          saveSceneToLocalStorage(sceneGraph)
+        }
+        hasDirtyChangesRef.current = false
+        setSaveStatus('saved')
+      } catch {
+        setSaveStatus('error')
+      } finally {
+        isSavingRef.current = false
+
+        if (pendingSaveRef.current) {
+          pendingSaveRef.current = false
+          setSaveStatus('pending')
+          saveTimeoutRef.current = setTimeout(() => {
+            saveTimeoutRef.current = undefined
+            executeSave()
+          }, AUTOSAVE_DEBOUNCE_MS)
+        }
+      }
+    }
+
+    executeSaveRef.current = executeSave
+
+    const unsubscribe = useScene.subscribe((state) => {
+      if (isLoadingSceneRef.current) {
+        lastNodesSnapshot = JSON.stringify(state.nodes)
+        return
+      }
+
+      if (isVersionPreviewModeRef.current) {
+        setSaveStatus('paused')
+        lastNodesSnapshot = JSON.stringify(state.nodes)
+        return
+      }
+
+      const currentNodesSnapshot = JSON.stringify(state.nodes)
+      if (currentNodesSnapshot === lastNodesSnapshot) return
+
+      lastNodesSnapshot = currentNodesSnapshot
+      hasDirtyChangesRef.current = true
+      onDirtyRef.current?.()
+      setSaveStatus('pending')
+
+      if (isSavingRef.current) {
+        pendingSaveRef.current = true
+        return
+      }
+
+      if (saveTimeoutRef.current) clearTimeout(saveTimeoutRef.current)
+
+      saveTimeoutRef.current = setTimeout(() => {
+        saveTimeoutRef.current = undefined
+        executeSave()
+      }, AUTOSAVE_DEBOUNCE_MS)
+    })
+
+    function flushOnExit() {
+      if (!hasDirtyChangesRef.current) return
+      const { nodes, rootNodeIds } = useScene.getState()
+      const sceneGraph = { nodes, rootNodeIds } as SceneGraph
+      if (onSaveRef.current) {
+        onSaveRef.current(sceneGraph).catch(() => {})
+      } else {
+        saveSceneToLocalStorage(sceneGraph)
+      }
+      hasDirtyChangesRef.current = false
+    }
+
+    window.addEventListener('beforeunload', flushOnExit)
+
+    return () => {
+      executeSaveRef.current = null
+      window.removeEventListener('beforeunload', flushOnExit)
+      if (saveTimeoutRef.current) clearTimeout(saveTimeoutRef.current)
+      flushOnExit()
+      unsubscribe()
+    }
+  }, [setSaveStatus])
+
+  // Handle version preview mode transitions
+  useEffect(() => {
+    if (isVersionPreviewMode) {
+      if (saveTimeoutRef.current) {
+        clearTimeout(saveTimeoutRef.current)
+        saveTimeoutRef.current = undefined
+      }
+      if (hasDirtyChangesRef.current) {
+        pendingSaveRef.current = true
+      }
+      setSaveStatus('paused')
+      return
+    }
+
+    if (isSavingRef.current) return
+
+    if (hasDirtyChangesRef.current) {
+      setSaveStatus('pending')
+      if (!saveTimeoutRef.current) {
+        saveTimeoutRef.current = setTimeout(() => {
+          saveTimeoutRef.current = undefined
+          executeSaveRef.current?.()
+        }, AUTOSAVE_DEBOUNCE_MS)
+      }
+      return
+    }
+
+    setSaveStatus('saved')
+  }, [isVersionPreviewMode, setSaveStatus])
+
+  return { saveStatus, isLoadingSceneRef }
+}
diff --git a/apps/editor/hooks/use-contextual-tools.ts b/packages/editor/src/hooks/use-contextual-tools.ts
similarity index 89%
rename from apps/editor/hooks/use-contextual-tools.ts
rename to packages/editor/src/hooks/use-contextual-tools.ts
index 0015f3b8..50beff88 100644
--- a/apps/editor/hooks/use-contextual-tools.ts
+++ b/packages/editor/src/hooks/use-contextual-tools.ts
@@ -1,7 +1,7 @@
 import { type AnyNodeId, useScene } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
 import { useMemo } from 'react'
-import useEditor, { type StructureTool } from '@/store/use-editor'
+import useEditor, { type StructureTool } from '../store/use-editor'
 
 export function useContextualTools() {
   const selection = useViewer((s) => s.selection)
@@ -24,9 +24,7 @@ export function useContextualTools() {
 
     // Get types of selected nodes
     const selectedTypes = new Set(
-      selection.selectedIds
-        .map((id) => nodes[id as AnyNodeId]?.type)
-        .filter(Boolean)
+      selection.selectedIds.map((id) => nodes[id as AnyNodeId]?.type).filter(Boolean),
     )
 
     // If a wall is selected, prioritize wall-hosted elements
diff --git a/apps/editor/hooks/use-grid-events.ts b/packages/editor/src/hooks/use-grid-events.ts
similarity index 100%
rename from apps/editor/hooks/use-grid-events.ts
rename to packages/editor/src/hooks/use-grid-events.ts
diff --git a/apps/editor/hooks/use-keyboard.ts b/packages/editor/src/hooks/use-keyboard.ts
similarity index 95%
rename from apps/editor/hooks/use-keyboard.ts
rename to packages/editor/src/hooks/use-keyboard.ts
index f81d94cb..b558331c 100644
--- a/apps/editor/hooks/use-keyboard.ts
+++ b/packages/editor/src/hooks/use-keyboard.ts
@@ -1,8 +1,8 @@
 import { type AnyNodeId, emitter, useScene } from '@pascal-app/core'
 import { useViewer } from '@pascal-app/viewer'
 import { useEffect } from 'react'
-import { sfxEmitter } from '@/lib/sfx-bus'
-import useEditor from '@/store/use-editor'
+import { sfxEmitter } from '../lib/sfx-bus'
+import useEditor from '../store/use-editor'
 
 export const useKeyboard = () => {
   useEffect(() => {
@@ -81,7 +81,9 @@ export const useKeyboard = () => {
             if (prevIdx !== -1 && prevIdx !== currentIdx) {
               useViewer.getState().setSelection({ levelId: building.children[prevIdx] as any })
             } else if (currentIdx === -1) {
-              useViewer.getState().setSelection({ levelId: building.children[building.children.length - 1] as any })
+              useViewer
+                .getState()
+                .setSelection({ levelId: building.children[building.children.length - 1] as any })
             }
           }
         }
diff --git a/apps/editor/hooks/use-mobile.ts b/packages/editor/src/hooks/use-mobile.ts
similarity index 100%
rename from apps/editor/hooks/use-mobile.ts
rename to packages/editor/src/hooks/use-mobile.ts
diff --git a/apps/editor/hooks/use-reduced-motion.ts b/packages/editor/src/hooks/use-reduced-motion.ts
similarity index 100%
rename from apps/editor/hooks/use-reduced-motion.ts
rename to packages/editor/src/hooks/use-reduced-motion.ts
diff --git a/packages/editor/src/index.tsx b/packages/editor/src/index.tsx
new file mode 100644
index 00000000..b96aa41a
--- /dev/null
+++ b/packages/editor/src/index.tsx
@@ -0,0 +1,16 @@
+export type { EditorProps } from './components/editor'
+export { default as Editor } from './components/editor'
+export { useCommandPalette } from './components/ui/command-palette'
+export { SceneLoader } from './components/ui/scene-loader'
+export type {
+  ProjectVisibility,
+  SettingsPanelProps,
+} from './components/ui/sidebar/panels/settings-panel'
+export type { SitePanelProps } from './components/ui/sidebar/panels/site-panel'
+export type { PresetsAdapter, PresetsTab } from './contexts/presets-context'
+export { PresetsProvider } from './contexts/presets-context'
+export type { SaveStatus } from './hooks/use-auto-save'
+export type { SceneGraph } from './lib/scene'
+export { applySceneGraphToEditor } from './lib/scene'
+export { default as useEditor } from './store/use-editor'
+export { useUploadStore } from './store/use-upload'
diff --git a/apps/editor/lib/constants.ts b/packages/editor/src/lib/constants.ts
similarity index 100%
rename from apps/editor/lib/constants.ts
rename to packages/editor/src/lib/constants.ts
diff --git a/packages/editor/src/lib/scene.ts b/packages/editor/src/lib/scene.ts
new file mode 100644
index 00000000..072ed661
--- /dev/null
+++ b/packages/editor/src/lib/scene.ts
@@ -0,0 +1,73 @@
+'use client'
+
+import { useScene } from '@pascal-app/core'
+import { useViewer } from '@pascal-app/viewer'
+import useEditor from '../store/use-editor'
+
+export type SceneGraph = {
+  nodes: Record<string, unknown>
+  rootNodeIds: string[]
+}
+
+export function syncEditorSelectionFromCurrentScene() {
+  const sceneNodes = useScene.getState().nodes as Record<string, any>
+  const sceneRootIds = useScene.getState().rootNodeIds
+  const siteNode = sceneRootIds[0] ? sceneNodes[sceneRootIds[0]] : null
+  const resolve = (child: any) => (typeof child === 'string' ? sceneNodes[child] : child)
+  const firstBuilding = siteNode?.children?.map(resolve).find((n: any) => n?.type === 'building')
+  const firstLevel = firstBuilding?.children?.map(resolve).find((n: any) => n?.type === 'level')
+
+  if (firstBuilding && firstLevel) {
+    useViewer.getState().setSelection({
+      buildingId: firstBuilding.id,
+      levelId: firstLevel.id,
+      selectedIds: [],
+      zoneId: null,
+    })
+    useEditor.getState().setPhase('structure')
+    useEditor.getState().setStructureLayer('elements')
+
+    if (!firstLevel.children || firstLevel.children.length === 0) {
+      useEditor.getState().setMode('build')
+      useEditor.getState().setTool('wall')
+    }
+  } else {
+    useEditor.getState().setPhase('site')
+    useViewer.getState().setSelection({
+      buildingId: null,
+      levelId: null,
+      selectedIds: [],
+      zoneId: null,
+    })
+  }
+}
+
+export function applySceneGraphToEditor(sceneGraph?: SceneGraph | null) {
+  if (sceneGraph?.nodes && sceneGraph.rootNodeIds) {
+    const { nodes, rootNodeIds } = sceneGraph
+    useScene.getState().setScene(nodes as any, rootNodeIds as any)
+  } else {
+    useScene.getState().clearScene()
+  }
+
+  syncEditorSelectionFromCurrentScene()
+}
+
+const LOCAL_STORAGE_KEY = 'pascal-editor-scene'
+
+export function saveSceneToLocalStorage(scene: SceneGraph): void {
+  try {
+    localStorage.setItem(LOCAL_STORAGE_KEY, JSON.stringify(scene))
+  } catch {
+    // Swallow storage quota errors
+  }
+}
+
+export function loadSceneFromLocalStorage(): SceneGraph | null {
+  try {
+    const raw = localStorage.getItem(LOCAL_STORAGE_KEY)
+    return raw ? (JSON.parse(raw) as SceneGraph) : null
+  } catch {
+    return null
+  }
+}
diff --git a/apps/editor/lib/sfx-bus.ts b/packages/editor/src/lib/sfx-bus.ts
similarity index 100%
rename from apps/editor/lib/sfx-bus.ts
rename to packages/editor/src/lib/sfx-bus.ts
diff --git a/apps/editor/lib/sfx-player.ts b/packages/editor/src/lib/sfx-player.ts
similarity index 97%
rename from apps/editor/lib/sfx-player.ts
rename to packages/editor/src/lib/sfx-player.ts
index f305893e..44e651ee 100644
--- a/apps/editor/lib/sfx-player.ts
+++ b/packages/editor/src/lib/sfx-player.ts
@@ -1,5 +1,5 @@
 import { Howl } from 'howler'
-import useAudio from '@/store/use-audio'
+import useAudio from '../store/use-audio'
 
 // SFX sound definitions
 export const SFX = {
diff --git a/apps/editor/lib/sfx/index.ts b/packages/editor/src/lib/sfx/index.ts
similarity index 54%
rename from apps/editor/lib/sfx/index.ts
rename to packages/editor/src/lib/sfx/index.ts
index a873d5bd..2574c463 100644
--- a/apps/editor/lib/sfx/index.ts
+++ b/packages/editor/src/lib/sfx/index.ts
@@ -1,2 +1,2 @@
-export { playSFX, updateSFXVolumes, SFX, type SFXName } from '../sfx-player'
 export { initSFXBus, sfxEmitter, triggerSFX } from '../sfx-bus'
+export { playSFX, SFX, type SFXName, updateSFXVolumes } from '../sfx-player'
diff --git a/packages/editor/src/lib/utils.ts b/packages/editor/src/lib/utils.ts
new file mode 100644
index 00000000..4d755216
--- /dev/null
+++ b/packages/editor/src/lib/utils.ts
@@ -0,0 +1,43 @@
+import { type ClassValue, clsx } from 'clsx'
+import { twMerge } from 'tailwind-merge'
+
+export function cn(...inputs: ClassValue[]) {
+  return twMerge(clsx(inputs))
+}
+
+export const isDevelopment =
+  process.env.NODE_ENV === 'development' || process.env.NEXT_PUBLIC_VERCEL_ENV === 'development'
+
+export const isProduction =
+  process.env.NODE_ENV === 'production' || process.env.NEXT_PUBLIC_VERCEL_ENV === 'production'
+
+export const isPreview = process.env.NEXT_PUBLIC_VERCEL_ENV === 'preview'
+
+/**
+ * Base URL for the application
+ * Uses NEXT_PUBLIC_* variables which are available at build time
+ */
+export const BASE_URL = (() => {
+  // Development: localhost
+  if (isDevelopment) {
+    return process.env.NEXT_PUBLIC_APP_URL || `http://localhost:${process.env.PORT || 3000}`
+  }
+
+  // Preview deployments: use Vercel branch URL
+  if (isPreview && process.env.NEXT_PUBLIC_VERCEL_URL) {
+    return `https://${process.env.NEXT_PUBLIC_VERCEL_URL}`
+  }
+
+  // Production: use custom domain or Vercel production URL
+  if (isProduction) {
+    return (
+      process.env.NEXT_PUBLIC_APP_URL ||
+      (process.env.NEXT_PUBLIC_VERCEL_PROJECT_PRODUCTION_URL
+        ? `https://${process.env.NEXT_PUBLIC_VERCEL_PROJECT_PRODUCTION_URL}`
+        : 'https://editor.pascal.app')
+    )
+  }
+
+  // Fallback (should never reach here in normal operation)
+  return process.env.NEXT_PUBLIC_APP_URL || 'http://localhost:3000'
+})()
diff --git a/apps/editor/store/use-audio.tsx b/packages/editor/src/store/use-audio.tsx
similarity index 99%
rename from apps/editor/store/use-audio.tsx
rename to packages/editor/src/store/use-audio.tsx
index 4bda84bd..109686fc 100644
--- a/apps/editor/store/use-audio.tsx
+++ b/packages/editor/src/store/use-audio.tsx
@@ -38,8 +38,8 @@ const useAudio = create<AudioState>()(
     }),
     {
       name: 'pascal-audio-settings',
-    }
-  )
+    },
+  ),
 )
 
 export default useAudio
diff --git a/apps/editor/store/use-editor.tsx b/packages/editor/src/store/use-editor.tsx
similarity index 99%
rename from apps/editor/store/use-editor.tsx
rename to packages/editor/src/store/use-editor.tsx
index 1d97d24f..2542d632 100644
--- a/apps/editor/store/use-editor.tsx
+++ b/packages/editor/src/store/use-editor.tsx
@@ -174,7 +174,7 @@ const useEditor = create<EditorState>()((set, get) => ({
         selectedIds: [],
         zoneId: null,
       })
-      
+
       // Ensure a tool is selected in build mode
       if (!tool) {
         if (phase === 'structure' && structureLayer === 'zones') {
diff --git a/apps/editor/store/use-upload.ts b/packages/editor/src/store/use-upload.ts
similarity index 85%
rename from apps/editor/store/use-upload.ts
rename to packages/editor/src/store/use-upload.ts
index 1c41c212..9c4d1a03 100644
--- a/apps/editor/store/use-upload.ts
+++ b/packages/editor/src/store/use-upload.ts
@@ -28,7 +28,14 @@ export const useUploadStore = create<UploadState>((set) => ({
     set((s) => ({
       uploads: {
         ...s.uploads,
-        [levelId]: { status: 'preparing', assetType, fileName, progress: 0, error: null, resultUrl: null },
+        [levelId]: {
+          status: 'preparing',
+          assetType,
+          fileName,
+          progress: 0,
+          error: null,
+          resultUrl: null,
+        },
       },
     })),
 
@@ -57,7 +64,9 @@ export const useUploadStore = create<UploadState>((set) => ({
     set((s) => {
       const entry = s.uploads[levelId]
       if (!entry) return s
-      return { uploads: { ...s.uploads, [levelId]: { ...entry, status: 'done' as const, resultUrl: url } } }
+      return {
+        uploads: { ...s.uploads, [levelId]: { ...entry, status: 'done' as const, resultUrl: url } },
+      }
     }),
 
   clearUpload: (levelId) =>
diff --git a/packages/editor/src/three-types.ts b/packages/editor/src/three-types.ts
new file mode 100644
index 00000000..6a846f1e
--- /dev/null
+++ b/packages/editor/src/three-types.ts
@@ -0,0 +1,3 @@
+// Pull in React Three Fiber JSX type augmentations (mesh, group, etc.)
+// This import triggers R3F's module augmentation of react/jsx-runtime
+import '@react-three/fiber'
diff --git a/packages/editor/tsconfig.json b/packages/editor/tsconfig.json
new file mode 100644
index 00000000..5c7fcd2f
--- /dev/null
+++ b/packages/editor/tsconfig.json
@@ -0,0 +1,9 @@
+{
+  "extends": "@pascal/typescript-config/react-library.json",
+  "compilerOptions": {
+    "rootDir": "src",
+    "noEmit": true
+  },
+  "include": ["src"],
+  "exclude": ["node_modules"]
+}
diff --git a/packages/viewer/package.json b/packages/viewer/package.json
index c9d6e4cb..d4df6edb 100644
--- a/packages/viewer/package.json
+++ b/packages/viewer/package.json
@@ -33,7 +33,7 @@
     "zustand": "^5"
   },
   "devDependencies": {
-    "@repo/typescript-config": "*",
+    "@pascal/typescript-config": "*",
     "@types/react": "^19.2.2",
     "typescript": "5.9.3",
     "@types/three": "^0.183.0"
diff --git a/packages/viewer/src/components/renderers/ceiling/ceiling-renderer.tsx b/packages/viewer/src/components/renderers/ceiling/ceiling-renderer.tsx
index a680002c..80042c38 100644
--- a/packages/viewer/src/components/renderers/ceiling/ceiling-renderer.tsx
+++ b/packages/viewer/src/components/renderers/ceiling/ceiling-renderer.tsx
@@ -9,7 +9,7 @@ import { NodeRenderer } from '../node-renderer'
 // - Back face (looking up at ceiling from below): solid
 // - Front face (looking down at ceiling from above): 30% opacity
 const ceilingTopMaterial = new MeshBasicNodeMaterial({
-  color: 0xb5a78d,
+  color: 0xb5_a7_8d,
   transparent: true,
   depthWrite: false,
   side: FrontSide,
@@ -18,7 +18,7 @@ const ceilingTopMaterial = new MeshBasicNodeMaterial({
 })
 
 const ceilingBottomMaterial = new MeshBasicNodeMaterial({
-  color: 0x999999,
+  color: 0x99_99_99,
   transparent: true,
   side: BackSide,
 })
@@ -52,10 +52,16 @@ export const CeilingRenderer = ({ node }: { node: CeilingNode }) => {
   const handlers = useNodeEvents(node, 'ceiling')
 
   return (
-    <mesh ref={ref} material={ceilingBottomMaterial}>
+    <mesh material={ceilingBottomMaterial} ref={ref}>
       {/* CeilingSystem will replace this geometry in the next frame */}
       <boxGeometry args={[0, 0, 0]} />
-      <mesh name="ceiling-grid" material={ceilingTopMaterial} {...handlers} visible={false} scale={0}>
+      <mesh
+        material={ceilingTopMaterial}
+        name="ceiling-grid"
+        {...handlers}
+        scale={0}
+        visible={false}
+      >
         <boxGeometry args={[0, 0, 0]} />
       </mesh>
       {node.children.map((childId) => (
diff --git a/packages/viewer/src/components/renderers/door/door-renderer.tsx b/packages/viewer/src/components/renderers/door/door-renderer.tsx
index 4acd54f4..5c1198c9 100644
--- a/packages/viewer/src/components/renderers/door/door-renderer.tsx
+++ b/packages/viewer/src/components/renderers/door/door-renderer.tsx
@@ -1,4 +1,4 @@
-import { useRegistry, type DoorNode } from '@pascal-app/core'
+import { type DoorNode, useRegistry } from '@pascal-app/core'
 import { useRef } from 'react'
 import type { Mesh } from 'three'
 import { useNodeEvents } from '../../../hooks/use-node-events'
@@ -12,12 +12,12 @@ export const DoorRenderer = ({ node }: { node: DoorNode }) => {
 
   return (
     <mesh
-      ref={ref}
       castShadow
-      receiveShadow
-      visible={node.visible}
       position={node.position}
+      receiveShadow
+      ref={ref}
       rotation={node.rotation}
+      visible={node.visible}
       {...(isTransient ? {} : handlers)}
     >
       {/* DoorSystem replaces this geometry each time the node is dirty */}
diff --git a/packages/viewer/src/components/renderers/guide/guide-renderer.tsx b/packages/viewer/src/components/renderers/guide/guide-renderer.tsx
index ced9b464..2a40400c 100644
--- a/packages/viewer/src/components/renderers/guide/guide-renderer.tsx
+++ b/packages/viewer/src/components/renderers/guide/guide-renderer.tsx
@@ -15,10 +15,15 @@ export const GuideRenderer = ({ node }: { node: GuideNode }) => {
   const resolvedUrl = useAssetUrl(node.url)
 
   return (
-    <group ref={ref} visible={showGuides} position={node.position} rotation={[0, node.rotation[1], 0]}>
+    <group
+      position={node.position}
+      ref={ref}
+      rotation={[0, node.rotation[1], 0]}
+      visible={showGuides}
+    >
       {resolvedUrl && (
         <Suspense>
-          <GuidePlane url={resolvedUrl} scale={node.scale} opacity={node.opacity} />
+          <GuidePlane opacity={node.opacity} scale={node.scale} url={resolvedUrl} />
         </Suspense>
       )}
     </group>
@@ -53,10 +58,10 @@ const GuidePlane = ({ url, scale, opacity }: { url: string; scale: number; opaci
 
   return (
     <mesh
-      rotation={[-Math.PI / 2, 0, 0]}
+      frustumCulled={false}
       material={material}
       raycast={() => {}}
-      frustumCulled={false}
+      rotation={[-Math.PI / 2, 0, 0]}
     >
       <planeGeometry args={[width, height]} boundingBox={null} boundingSphere={null} />
     </mesh>
diff --git a/packages/viewer/src/components/renderers/item/item-renderer.tsx b/packages/viewer/src/components/renderers/item/item-renderer.tsx
index c2236122..2d0acb9a 100644
--- a/packages/viewer/src/components/renderers/item/item-renderer.tsx
+++ b/packages/viewer/src/components/renderers/item/item-renderer.tsx
@@ -24,7 +24,7 @@ import { NodeRenderer } from '../node-renderer'
 
 // Shared materials to avoid creating new instances for every mesh
 const defaultMaterial = new MeshStandardNodeMaterial({
-  color: 0xffffff,
+  color: 0xff_ff_ff,
   roughness: 1,
   metalness: 0,
 })
@@ -53,7 +53,7 @@ export const ItemRenderer = ({ node }: { node: ItemNode }) => {
   useRegistry(node.id, node.type, ref)
 
   return (
-    <group position={node.position} rotation={node.rotation} ref={ref} visible={node.visible}>
+    <group position={node.position} ref={ref} rotation={node.rotation} visible={node.visible}>
       <Suspense fallback={<PreviewModel node={node} />}>
         <ModelRenderer node={node} />
       </Suspense>
@@ -78,7 +78,7 @@ previewMaterial.transparent = true
 
 const PreviewModel = ({ node }: { node: ItemNode }) => {
   return (
-    <mesh position-y={node.asset.dimensions[1] / 2} material={previewMaterial}>
+    <mesh material={previewMaterial} position-y={node.asset.dimensions[1] / 2}>
       <boxGeometry
         args={[node.asset.dimensions[0], node.asset.dimensions[1], node.asset.dimensions[2]]}
       />
@@ -150,24 +150,24 @@ const ModelRenderer = ({ node }: { node: ItemNode }) => {
   return (
     <>
       <Clone
-        ref={ref}
         object={scene}
-        scale={multiplyScales(node.asset.scale || [1, 1, 1], node.scale || [1, 1, 1])}
         position={node.asset.offset}
+        ref={ref}
         rotation={node.asset.rotation}
+        scale={multiplyScales(node.asset.scale || [1, 1, 1], node.scale || [1, 1, 1])}
         {...handlers}
       />
       {animations.length > 0 && (
         <ItemAnimation
-          nodeId={node.id}
-          animEffect={animEffect}
-          interactive={interactive ?? null}
           actions={actions}
           animations={animations}
+          animEffect={animEffect}
+          interactive={interactive ?? null}
+          nodeId={node.id}
         />
       )}
       {lightEffects.map((effect, i) => (
-        <ItemLight key={i} nodeId={node.id} effect={effect} interactive={interactive!} />
+        <ItemLight effect={effect} interactive={interactive!} key={i} nodeId={node.id} />
       ))}
     </>
   )
@@ -287,12 +287,12 @@ const ItemLight = ({
 
   return (
     <pointLight
-      ref={lightRef}
-      color={effect.color}
-      intensity={effect.intensityRange[0]}
-      distance={effect.distance ?? 0}
-      position={effect.offset}
       castShadow={false}
+      color={effect.color}
+      distance={effect.distance ?? 0}
+      intensity={effect.intensityRange[0]}
+      position={effect.offset}
+      ref={lightRef}
     />
   )
 }
diff --git a/packages/viewer/src/components/renderers/roof/roof-renderer.tsx b/packages/viewer/src/components/renderers/roof/roof-renderer.tsx
index fcdd063f..43f3ef48 100644
--- a/packages/viewer/src/components/renderers/roof/roof-renderer.tsx
+++ b/packages/viewer/src/components/renderers/roof/roof-renderer.tsx
@@ -12,10 +12,10 @@ export const RoofRenderer = ({ node }: { node: RoofNode }) => {
 
   return (
     <mesh
-      ref={ref}
       castShadow
-      receiveShadow
       position={node.position}
+      receiveShadow
+      ref={ref}
       rotation-y={node.rotation}
       visible={node.visible}
       {...handlers}
diff --git a/packages/viewer/src/components/renderers/scan/scan-renderer.tsx b/packages/viewer/src/components/renderers/scan/scan-renderer.tsx
index e631c173..9b509bea 100644
--- a/packages/viewer/src/components/renderers/scan/scan-renderer.tsx
+++ b/packages/viewer/src/components/renderers/scan/scan-renderer.tsx
@@ -14,15 +14,15 @@ export const ScanRenderer = ({ node }: { node: ScanNode }) => {
 
   return (
     <group
-      ref={ref}
-      visible={showScans}
       position={node.position}
+      ref={ref}
       rotation={node.rotation}
       scale={[node.scale, node.scale, node.scale]}
+      visible={showScans}
     >
       {resolvedUrl && (
         <Suspense>
-          <ScanModel url={resolvedUrl} opacity={node.opacity} />
+          <ScanModel opacity={node.opacity} url={resolvedUrl} />
         </Suspense>
       )}
     </group>
@@ -41,11 +41,11 @@ const ScanModel = ({ url, opacity }: { url: string; opacity: number }) => {
       if (isTransparent) {
         material.transparent = true
         material.opacity = normalizedOpacity
-        material.depthWrite = false;
+        material.depthWrite = false
       } else {
         material.transparent = false
         material.opacity = 1
-        material.depthWrite = true;
+        material.depthWrite = true
       }
       material.needsUpdate = true
     }
diff --git a/packages/viewer/src/components/renderers/scene-renderer.tsx b/packages/viewer/src/components/renderers/scene-renderer.tsx
index 2a863f4f..a3dce024 100644
--- a/packages/viewer/src/components/renderers/scene-renderer.tsx
+++ b/packages/viewer/src/components/renderers/scene-renderer.tsx
@@ -1,10 +1,10 @@
-"use client";
+'use client'
 
-import { useScene } from "@pascal-app/core";
-import { NodeRenderer } from "./node-renderer";
+import { useScene } from '@pascal-app/core'
+import { NodeRenderer } from './node-renderer'
 
 export const SceneRenderer = () => {
-  const rootNodes = useScene((state) => state.rootNodeIds);
+  const rootNodes = useScene((state) => state.rootNodeIds)
 
   return (
     <group name="scene-renderer">
@@ -12,5 +12,5 @@ export const SceneRenderer = () => {
         <NodeRenderer key={nodeId} nodeId={nodeId} />
       ))}
     </group>
-  );
-};
+  )
+}
diff --git a/packages/viewer/src/components/renderers/site/site-renderer.tsx b/packages/viewer/src/components/renderers/site/site-renderer.tsx
index bd384d03..0d783942 100644
--- a/packages/viewer/src/components/renderers/site/site-renderer.tsx
+++ b/packages/viewer/src/components/renderers/site/site-renderer.tsx
@@ -61,7 +61,7 @@ export const SiteRenderer = ({ node }: { node: SiteNode }) => {
 
   const handlers = useNodeEvents(node, 'site')
 
-  if (!node || !floorShape || !lineGeometry) {
+  if (!(node && floorShape && lineGeometry)) {
     return null
   }
 
@@ -76,17 +76,16 @@ export const SiteRenderer = ({ node }: { node: SiteNode }) => {
       ))}
 
       {/* Transparent floor fill */}
-      <mesh position={[0, Y_OFFSET - 0.005, 0]} rotation={[-Math.PI / 2, 0, 0]} receiveShadow>
+      <mesh position={[0, Y_OFFSET - 0.005, 0]} receiveShadow rotation={[-Math.PI / 2, 0, 0]}>
         <shapeGeometry args={[floorShape]} />
-        <shadowMaterial  transparent opacity={0.75} />
+        <shadowMaterial opacity={0.75} transparent />
       </mesh>
 
       {/* Simple boundary line */}
       {/* @ts-ignore */}
-      <line geometry={lineGeometry} frustumCulled={false} renderOrder={9}>
-        <lineBasicMaterial color="#f59e0b" linewidth={2} transparent opacity={0.6} />
+      <line frustumCulled={false} geometry={lineGeometry} renderOrder={9}>
+        <lineBasicMaterial color="#f59e0b" linewidth={2} opacity={0.6} transparent />
       </line>
-
     </group>
   )
 }
diff --git a/packages/viewer/src/components/renderers/slab/slab-renderer.tsx b/packages/viewer/src/components/renderers/slab/slab-renderer.tsx
index 5390fc08..b1d11b9c 100644
--- a/packages/viewer/src/components/renderers/slab/slab-renderer.tsx
+++ b/packages/viewer/src/components/renderers/slab/slab-renderer.tsx
@@ -11,7 +11,7 @@ export const SlabRenderer = ({ node }: { node: SlabNode }) => {
   const handlers = useNodeEvents(node, 'slab')
 
   return (
-    <mesh ref={ref} castShadow receiveShadow {...handlers} visible={node.visible}>
+    <mesh castShadow receiveShadow ref={ref} {...handlers} visible={node.visible}>
       {/* SlabSystem will replace this geometry in the next frame */}
       <boxGeometry args={[0, 0, 0]} />
       <meshStandardMaterial color="#e5e5e5" />
diff --git a/packages/viewer/src/components/renderers/wall/wall-renderer.tsx b/packages/viewer/src/components/renderers/wall/wall-renderer.tsx
index 4663962b..12205212 100644
--- a/packages/viewer/src/components/renderers/wall/wall-renderer.tsx
+++ b/packages/viewer/src/components/renderers/wall/wall-renderer.tsx
@@ -12,7 +12,7 @@ export const WallRenderer = ({ node }: { node: WallNode }) => {
   const handlers = useNodeEvents(node, 'wall')
 
   return (
-    <mesh ref={ref} castShadow receiveShadow visible={node.visible}>
+    <mesh castShadow receiveShadow ref={ref} visible={node.visible}>
       {/* WallSystem will replace this geometry in the next frame */}
       <boxGeometry args={[0, 0, 0]} />
       {/* Collision mesh: full-wall geometry (no cutouts) for pointer events */}
diff --git a/packages/viewer/src/components/renderers/window/window-renderer.tsx b/packages/viewer/src/components/renderers/window/window-renderer.tsx
index f2d8677c..b093d9e1 100644
--- a/packages/viewer/src/components/renderers/window/window-renderer.tsx
+++ b/packages/viewer/src/components/renderers/window/window-renderer.tsx
@@ -12,12 +12,12 @@ export const WindowRenderer = ({ node }: { node: WindowNode }) => {
 
   return (
     <mesh
-      ref={ref}
       castShadow
-      receiveShadow
-      visible={node.visible}
       position={node.position}
+      receiveShadow
+      ref={ref}
       rotation={node.rotation}
+      visible={node.visible}
       {...(isTransient ? {} : handlers)}
     >
       {/* WindowSystem replaces this geometry each time the node is dirty */}
diff --git a/packages/viewer/src/components/renderers/zone/zone-renderer.tsx b/packages/viewer/src/components/renderers/zone/zone-renderer.tsx
index abb14a9b..b264c8ab 100644
--- a/packages/viewer/src/components/renderers/zone/zone-renderer.tsx
+++ b/packages/viewer/src/components/renderers/zone/zone-renderer.tsx
@@ -173,80 +173,83 @@ export const ZoneRenderer = ({ node }: { node: ZoneNode }) => {
 
   const handlers = useNodeEvents(node, 'zone')
 
-  if (!node || !floorShape || !wallGeometry || !floorMaterial || !wallMaterial) {
+  if (!(node && floorShape && wallGeometry && floorMaterial && wallMaterial)) {
     return null
   }
 
-
   return (
     <group ref={ref} {...handlers} userData={{ labelPosition: [centroid[0], 1, centroid[1]] }}>
       <Html
         name="label"
         position={[centroid[0], 1, centroid[1]]}
-        style={{ pointerEvents: 'none', }}
+        style={{ pointerEvents: 'none' }}
         zIndexRange={[10, 0]}
       >
-        <div id={`${node.id}-label`} style={{
-          display: 'flex',
-          flexDirection: 'column',
-          alignItems: 'center',
-          transform: 'translate3d(-50%, -50%, 0)',
-          opacity: 0,
-          transition: 'opacity 0.3s ease-in-out',
-        }}>
         <div
-          style={{
-            width: 'max-content',
-            color: 'white',
-            textShadow: `-1px -1px 0 ${node.color}, 1px -1px 0 ${node.color}, -1px 1px 0 ${node.color}, 1px 1px 0 ${node.color}`,
-            textAlign: 'center',
-          }}
-        >
-          <span>{node.name}</span>  
-        </div>
-        <div 
-          className="label-pin"
+          id={`${node.id}-label`}
           style={{
             display: 'flex',
             flexDirection: 'column',
             alignItems: 'center',
-            marginTop: '2px',
+            transform: 'translate3d(-50%, -50%, 0)',
             opacity: 0,
-            transition: 'opacity 0.5s ease-in-out',
+            transition: 'opacity 0.3s ease-in-out',
           }}
-          >
-        <div 
-          style={{
-          width: '2px',
-          height: '40px',
-          backgroundColor: node.color,
-        }}/>
+        >
           <div
             style={{
-              width: '10px',
-              height: '10px',
-              borderRadius: '50%',
-              backgroundColor: node.color,
-              border: `1px solid white`,
+              width: 'max-content',
+              color: 'white',
+              textShadow: `-1px -1px 0 ${node.color}, 1px -1px 0 ${node.color}, -1px 1px 0 ${node.color}, 1px 1px 0 ${node.color}`,
+              textAlign: 'center',
             }}
-          />
+          >
+            <span>{node.name}</span>
+          </div>
+          <div
+            className="label-pin"
+            style={{
+              display: 'flex',
+              flexDirection: 'column',
+              alignItems: 'center',
+              marginTop: '2px',
+              opacity: 0,
+              transition: 'opacity 0.5s ease-in-out',
+            }}
+          >
+            <div
+              style={{
+                width: '2px',
+                height: '40px',
+                backgroundColor: node.color,
+              }}
+            />
+            <div
+              style={{
+                width: '10px',
+                height: '10px',
+                borderRadius: '50%',
+                backgroundColor: node.color,
+                border: '1px solid white',
+              }}
+            />
           </div>
         </div>
       </Html>
 
       {/* Floor fill */}
       <mesh
-        position={[0, Y_OFFSET, 0]}
-        rotation={[-Math.PI / 2, 0, 0]}
+        layers={ZONE_LAYER}
         material={floorMaterial}
         name="floor"
-        layers={ZONE_LAYER}
+        position={[0, Y_OFFSET, 0]}
+        rotation={[-Math.PI / 2, 0, 0]}
       >
         <shapeGeometry args={[floorShape]} />
       </mesh>
 
       {/* Wall borders with gradient */}
-      <mesh geometry={wallGeometry} material={wallMaterial} name="walls" layers={ZONE_LAYER} />
+      <mesh geometry={wallGeometry} layers={ZONE_LAYER} material={wallMaterial} name="walls" />
     </group>
   )
 }
diff --git a/packages/viewer/src/components/viewer/ground-occluder.tsx b/packages/viewer/src/components/viewer/ground-occluder.tsx
index 4df8726b..043fa3ba 100644
--- a/packages/viewer/src/components/viewer/ground-occluder.tsx
+++ b/packages/viewer/src/components/viewer/ground-occluder.tsx
@@ -62,7 +62,7 @@ export const GroundOccluder = () => {
   }, [nodes])
 
   return (
-    <mesh rotation-x={-Math.PI / 2} position-y={-0.05}>
+    <mesh position-y={-0.05} rotation-x={-Math.PI / 2}>
       <shapeGeometry args={[shape]} />
       <meshBasicMaterial
         color={bgColor}
diff --git a/packages/viewer/src/components/viewer/index.tsx b/packages/viewer/src/components/viewer/index.tsx
index a0a81d58..97e3ccde 100644
--- a/packages/viewer/src/components/viewer/index.tsx
+++ b/packages/viewer/src/components/viewer/index.tsx
@@ -34,7 +34,7 @@ function AnimatedBackground({ isDark }: { isDark: boolean }) {
     const dt = Math.min(delta, 0.1) * 4
     const targetHex = isDark ? '#1f2433' : '#ffffff'
 
-    if (!scene.background || !(scene.background instanceof THREE.Color)) {
+    if (!(scene.background && scene.background instanceof THREE.Color)) {
       scene.background = new THREE.Color(targetHex)
       initialized.current = true
       return
@@ -69,8 +69,9 @@ const Viewer: React.FC<ViewerProps> = ({ children, selectionManager = 'default'
 
   return (
     <Canvas
-      dpr={[1, 1.5]}
+      camera={{ position: [50, 50, 50], fov: 50 }}
       className={`transition-colors duration-700 ${theme === 'dark' ? 'bg-[#1f2433]' : 'bg-[#fafafa]'}`}
+      dpr={[1, 1.5]}
       gl={async (props) => {
         const renderer = new THREE.WebGPURenderer(props as any)
         renderer.toneMapping = THREE.ACESFilmicToneMapping
@@ -82,7 +83,6 @@ const Viewer: React.FC<ViewerProps> = ({ children, selectionManager = 'default'
         type: THREE.PCFShadowMap,
         enabled: true,
       }}
-      camera={{ position: [50, 50, 50], fov: 50 }}
     >
       {/* <AnimatedBackground isDark={theme === 'dark'} /> */}
       <GroundOccluder />
diff --git a/packages/viewer/src/components/viewer/lights.tsx b/packages/viewer/src/components/viewer/lights.tsx
index 089432e3..7261febf 100644
--- a/packages/viewer/src/components/viewer/lights.tsx
+++ b/packages/viewer/src/components/viewer/lights.tsx
@@ -1,7 +1,7 @@
-import { useRef, useMemo } from 'react'
 import { useFrame } from '@react-three/fiber'
+import { useMemo, useRef } from 'react'
+import type { AmbientLight, DirectionalLight, OrthographicCamera } from 'three/webgpu'
 import * as THREE from 'three/webgpu'
-import type { DirectionalLight, OrthographicCamera, AmbientLight } from 'three/webgpu'
 import useViewer from '../../store/use-viewer'
 
 export function Lights() {
@@ -17,13 +17,16 @@ export function Lights() {
   const ambientRef = useRef<AmbientLight>(null)
 
   const initialized = useRef(false)
-  
-  const targets = useMemo(() => ({
-    l1Color: new THREE.Color(),
-    l2Color: new THREE.Color(),
-    l3Color: new THREE.Color(),
-    ambColor: new THREE.Color(),
-  }), [])
+
+  const targets = useMemo(
+    () => ({
+      l1Color: new THREE.Color(),
+      l2Color: new THREE.Color(),
+      l3Color: new THREE.Color(),
+      ambColor: new THREE.Color(),
+    }),
+    [],
+  )
 
   useFrame((_, delta) => {
     // clamp delta to avoid huge jumps on tab switch
@@ -33,7 +36,7 @@ export function Lights() {
       if (light1Ref.current) {
         light1Ref.current.intensity = isDark ? 0.8 : 4
         light1Ref.current.color.set(isDark ? '#e0e5ff' : '#ffffff')
-        // @ts-ignore
+
         if (light1Ref.current.shadow) light1Ref.current.shadow.intensity = isDark ? 0.8 : 0.4
       }
       if (light2Ref.current) {
@@ -53,33 +56,51 @@ export function Lights() {
     }
 
     if (light1Ref.current) {
-      light1Ref.current.intensity = THREE.MathUtils.lerp(light1Ref.current.intensity, isDark ? 0.8 : 4, dt)
+      light1Ref.current.intensity = THREE.MathUtils.lerp(
+        light1Ref.current.intensity,
+        isDark ? 0.8 : 4,
+        dt,
+      )
       targets.l1Color.set(isDark ? '#e0e5ff' : '#ffffff')
       light1Ref.current.color.lerp(targets.l1Color, dt)
-      
+
       if (light1Ref.current.shadow) {
-        // @ts-ignore
         if (light1Ref.current.shadow.intensity !== undefined) {
-          // @ts-ignore
-          light1Ref.current.shadow.intensity = THREE.MathUtils.lerp(light1Ref.current.shadow.intensity, isDark ? 0.8 : 0.4, dt)
+          light1Ref.current.shadow.intensity = THREE.MathUtils.lerp(
+            light1Ref.current.shadow.intensity,
+            isDark ? 0.8 : 0.4,
+            dt,
+          )
         }
       }
     }
 
     if (light2Ref.current) {
-      light2Ref.current.intensity = THREE.MathUtils.lerp(light2Ref.current.intensity, isDark ? 0.2 : 0.75, dt)
+      light2Ref.current.intensity = THREE.MathUtils.lerp(
+        light2Ref.current.intensity,
+        isDark ? 0.2 : 0.75,
+        dt,
+      )
       targets.l2Color.set(isDark ? '#8090ff' : '#ffffff')
       light2Ref.current.color.lerp(targets.l2Color, dt)
     }
 
     if (light3Ref.current) {
-      light3Ref.current.intensity = THREE.MathUtils.lerp(light3Ref.current.intensity, isDark ? 0.3 : 1, dt)
+      light3Ref.current.intensity = THREE.MathUtils.lerp(
+        light3Ref.current.intensity,
+        isDark ? 0.3 : 1,
+        dt,
+      )
       targets.l3Color.set(isDark ? '#a0b0ff' : '#ffffff')
       light3Ref.current.color.lerp(targets.l3Color, dt)
     }
 
     if (ambientRef.current) {
-      ambientRef.current.intensity = THREE.MathUtils.lerp(ambientRef.current.intensity, isDark ? 0.15 : 0.5, dt)
+      ambientRef.current.intensity = THREE.MathUtils.lerp(
+        ambientRef.current.intensity,
+        isDark ? 0.15 : 0.5,
+        dt,
+      )
       targets.ambColor.set(isDark ? '#a0b0ff' : '#ffffff')
       ambientRef.current.color.lerp(targets.ambColor, dt)
     }
@@ -88,35 +109,29 @@ export function Lights() {
   return (
     <>
       <directionalLight
-        ref={light1Ref}
-        position={[10, 10, 10]}
         castShadow
+        position={[10, 10, 10]}
+        ref={light1Ref}
         shadow-bias={-0.002}
-        shadow-normalBias={0.3}
         shadow-mapSize={[1024, 1024]}
+        shadow-normalBias={0.3}
         shadow-radius={3}
       >
         <orthographicCamera
-          ref={shadowCamera}
           attach="shadow-camera"
-          near={1}
+          bottom={-shadowCameraSize}
           far={100}
           left={-shadowCameraSize}
+          near={1}
+          ref={shadowCamera}
           right={shadowCameraSize}
           top={shadowCameraSize}
-          bottom={-shadowCameraSize}
         />
       </directionalLight>
 
-      <directionalLight
-        ref={light2Ref}
-        position={[-10, 10, -10]}
-      />
+      <directionalLight position={[-10, 10, -10]} ref={light2Ref} />
 
-      <directionalLight
-        ref={light3Ref}
-        position={[-10, 10, 10]}
-      />
+      <directionalLight position={[-10, 10, 10]} ref={light3Ref} />
 
       <ambientLight ref={ambientRef} />
     </>
diff --git a/packages/viewer/src/components/viewer/post-processing.tsx b/packages/viewer/src/components/viewer/post-processing.tsx
index 9539ed57..4e758d5a 100644
--- a/packages/viewer/src/components/viewer/post-processing.tsx
+++ b/packages/viewer/src/components/viewer/post-processing.tsx
@@ -24,8 +24,8 @@ import {
 } from 'three/tsl'
 
 import { RenderPipeline, type WebGPURenderer } from 'three/webgpu'
-import useViewer from '../../store/use-viewer'
 import { SCENE_LAYER, ZONE_LAYER } from '../../lib/layers'
+import useViewer from '../../store/use-viewer'
 
 // SSGI Parameters - adjust these to fine-tune global illumination and ambient occlusion
 export const SSGI_PARAMS = {
@@ -94,7 +94,7 @@ const PostProcessingPasses = () => {
   }, [renderer])
 
   useEffect(() => {
-    if (!renderer || !scene || !camera || !isInitialized) {
+    if (!(renderer && scene && camera && isInitialized)) {
       return
     }
 
@@ -105,10 +105,10 @@ const PostProcessingPasses = () => {
       const scenePass = pass(scene, camera)
       scenePass.setMRT(
         mrt({
-          output: output,
-          diffuseColor: diffuseColor,
+          output,
+          diffuseColor,
           normal: directionToColor(normalView),
-          velocity: velocity,
+          velocity,
         }),
       )
 
@@ -169,8 +169,8 @@ const PostProcessingPasses = () => {
         const edgeStrength = uniform(3)
         const edgeGlow = uniform(0)
         const edgeThickness = uniform(1)
-        const visibleEdgeColor = uniform(new Color(0xffffff))
-        const hiddenEdgeColor = uniform(new Color(0xf3ff47))
+        const visibleEdgeColor = uniform(new Color(0xff_ff_ff))
+        const hiddenEdgeColor = uniform(new Color(0xf3_ff_47))
 
         const outlinePass = outline(scene, camera, {
           selectedObjects: useViewer.getState().outliner.selectedObjects,
@@ -192,8 +192,8 @@ const PostProcessingPasses = () => {
         const edgeGlow = uniform(0.5)
         const edgeThickness = uniform(1.5)
         const pulsePeriod = uniform(3)
-        const visibleEdgeColor = uniform(new Color(0x00aaff))
-        const hiddenEdgeColor = uniform(new Color(0xf3ff47))
+        const visibleEdgeColor = uniform(new Color(0x00_aa_ff))
+        const hiddenEdgeColor = uniform(new Color(0xf3_ff_47))
 
         const outlinePass = outline(scene, camera, {
           selectedObjects: useViewer.getState().outliner.hoveredObjects,
@@ -230,10 +230,7 @@ const PostProcessingPasses = () => {
       // (zones over background, pure background) use compositePass.rgb directly.
       const traaRgb = (traaOutput as any).rgb
       const colorSource = mix(compositePass.rgb, traaRgb, hasGeometry)
-      const finalOutput = vec4(
-        mix(bgUniform.current, colorSource, contentAlpha),
-        float(1),
-      )
+      const finalOutput = vec4(mix(bgUniform.current, colorSource, contentAlpha), float(1))
 
       const renderPipeline = new RenderPipeline(renderer as unknown as WebGPURenderer)
       renderPipeline.outputNode = finalOutput
diff --git a/packages/viewer/src/components/viewer/selection-manager.tsx b/packages/viewer/src/components/viewer/selection-manager.tsx
index adfabdae..49ceba0c 100644
--- a/packages/viewer/src/components/viewer/selection-manager.tsx
+++ b/packages/viewer/src/components/viewer/selection-manager.tsx
@@ -95,7 +95,9 @@ const isNodeOnLevel = (node: AnyNode, levelId: string): boolean => {
     }
     // Ceiling/slab/roof-attached items: check if parent structure is on the level
     if (
-      (parentNode?.type === 'ceiling' || parentNode?.type === 'slab' || parentNode?.type === 'roof') &&
+      (parentNode?.type === 'ceiling' ||
+        parentNode?.type === 'slab' ||
+        parentNode?.type === 'roof') &&
       parentNode.parentId === levelId
     ) {
       return true
@@ -160,19 +162,18 @@ const getStrategy = (): SelectionStrategy | null => {
   const { buildingId, levelId, zoneId } = useViewer.getState().selection
 
   const computeNextIds = (node: AnyNode, selectedIds: string[], event?: any): string[] => {
-    const isMeta = event?.metaKey || event?.nativeEvent?.metaKey;
-    const isCtrl = event?.ctrlKey || event?.nativeEvent?.ctrlKey;
+    const isMeta = event?.metaKey || event?.nativeEvent?.metaKey
+    const isCtrl = event?.ctrlKey || event?.nativeEvent?.ctrlKey
 
     if (isMeta || isCtrl) {
       if (selectedIds.includes(node.id)) {
-        return selectedIds.filter((id) => id !== node.id);
-      } else {
-        return [...selectedIds, node.id];
+        return selectedIds.filter((id) => id !== node.id)
       }
+      return [...selectedIds, node.id]
     }
 
-    return [node.id];
-  };
+    return [node.id]
+  }
 
   // No building selected -> can select buildings
   if (!buildingId) {
@@ -221,7 +222,9 @@ const getStrategy = (): SelectionStrategy | null => {
     types: ['wall', 'item', 'slab', 'ceiling', 'roof', 'window', 'door'],
     handleClick: (node, nativeEvent) => {
       const { selectedIds } = useViewer.getState().selection
-      useViewer.getState().setSelection({ selectedIds: computeNextIds(node, selectedIds, nativeEvent) })
+      useViewer
+        .getState()
+        .setSelection({ selectedIds: computeNextIds(node, selectedIds, nativeEvent) })
     },
     handleDeselect: () => {
       const { selectedIds } = useViewer.getState().selection
diff --git a/packages/viewer/src/index.ts b/packages/viewer/src/index.ts
index e7e4f714..a14b35c3 100644
--- a/packages/viewer/src/index.ts
+++ b/packages/viewer/src/index.ts
@@ -1,6 +1,6 @@
 export { default as Viewer } from './components/viewer'
-export { default as useViewer } from './store/use-viewer'
 export { ASSETS_CDN_URL, resolveAssetUrl, resolveCdnUrl } from './lib/asset-url'
 export { SCENE_LAYER, ZONE_LAYER } from './lib/layers'
+export { default as useViewer } from './store/use-viewer'
 export { InteractiveSystem } from './systems/interactive/interactive-system'
-export { snapLevelsToTruePositions } from './systems/level/level-utils'
\ No newline at end of file
+export { snapLevelsToTruePositions } from './systems/level/level-utils'
diff --git a/packages/viewer/src/lib/asset-url.ts b/packages/viewer/src/lib/asset-url.ts
index 6ec7d317..b5300644 100644
--- a/packages/viewer/src/lib/asset-url.ts
+++ b/packages/viewer/src/lib/asset-url.ts
@@ -1,5 +1,6 @@
 import { loadAssetUrl } from '@pascal-app/core'
 
+// @ts-expect-error
 export const ASSETS_CDN_URL = process.env.NEXT_PUBLIC_ASSETS_CDN_URL || 'https://editor.pascal.app'
 
 /**
diff --git a/packages/viewer/src/store/use-viewer.d.ts b/packages/viewer/src/store/use-viewer.d.ts
index 736f9544..c06cbec6 100644
--- a/packages/viewer/src/store/use-viewer.d.ts
+++ b/packages/viewer/src/store/use-viewer.d.ts
@@ -1,35 +1,35 @@
-import type { AnyNode, BaseNode, BuildingNode, LevelNode, ZoneNode } from "@pascal-app/core";
-import type { Object3D } from "three";
+import type { AnyNode, BaseNode, BuildingNode, LevelNode, ZoneNode } from '@pascal-app/core'
+import type { Object3D } from 'three'
 type SelectionPath = {
-    buildingId: BuildingNode["id"] | null;
-    levelId: LevelNode["id"] | null;
-    zoneId: ZoneNode["id"] | null;
-    selectedIds: BaseNode["id"][];
-};
+  buildingId: BuildingNode['id'] | null
+  levelId: LevelNode['id'] | null
+  zoneId: ZoneNode['id'] | null
+  selectedIds: BaseNode['id'][]
+}
 type Outliner = {
-    selectedObjects: Object3D[];
-    hoveredObjects: Object3D[];
-};
+  selectedObjects: Object3D[]
+  hoveredObjects: Object3D[]
+}
 type ViewerState = {
-    selection: SelectionPath;
-    hoveredId: AnyNode['id'] | ZoneNode['id'] | null;
-    setHoveredId: (id: AnyNode['id'] | ZoneNode['id'] | null) => void;
-    cameraMode: 'perspective' | 'orthographic';
-    setCameraMode: (mode: 'perspective' | 'orthographic') => void;
-    levelMode: 'stacked' | 'exploded' | 'solo' | 'manual';
-    setLevelMode: (mode: 'stacked' | 'exploded' | 'solo' | 'manual') => void;
-    wallMode: 'up' | 'cutaway' | 'down';
-    setWallMode: (mode: 'up' | 'cutaway' | 'down') => void;
-    showScans: boolean;
-    setShowScans: (show: boolean) => void;
-    showGuides: boolean;
-    setShowGuides: (show: boolean) => void;
-    setSelection: (updates: Partial<SelectionPath>) => void;
-    resetSelection: () => void;
-    outliner: Outliner;
-    exportScene: (() => Promise<void>) | null;
-    setExportScene: (fn: (() => Promise<void>) | null) => void;
-};
-declare const useViewer: import("zustand").UseBoundStore<import("zustand").StoreApi<ViewerState>>;
-export default useViewer;
-//# sourceMappingURL=use-viewer.d.ts.map
\ No newline at end of file
+  selection: SelectionPath
+  hoveredId: AnyNode['id'] | ZoneNode['id'] | null
+  setHoveredId: (id: AnyNode['id'] | ZoneNode['id'] | null) => void
+  cameraMode: 'perspective' | 'orthographic'
+  setCameraMode: (mode: 'perspective' | 'orthographic') => void
+  levelMode: 'stacked' | 'exploded' | 'solo' | 'manual'
+  setLevelMode: (mode: 'stacked' | 'exploded' | 'solo' | 'manual') => void
+  wallMode: 'up' | 'cutaway' | 'down'
+  setWallMode: (mode: 'up' | 'cutaway' | 'down') => void
+  showScans: boolean
+  setShowScans: (show: boolean) => void
+  showGuides: boolean
+  setShowGuides: (show: boolean) => void
+  setSelection: (updates: Partial<SelectionPath>) => void
+  resetSelection: () => void
+  outliner: Outliner
+  exportScene: (() => Promise<void>) | null
+  setExportScene: (fn: (() => Promise<void>) | null) => void
+}
+declare const useViewer: import('zustand').UseBoundStore<import('zustand').StoreApi<ViewerState>>
+export default useViewer
+//# sourceMappingURL=use-viewer.d.ts.map
diff --git a/packages/viewer/src/store/use-viewer.ts b/packages/viewer/src/store/use-viewer.ts
index 09e80e5f..e649b77c 100644
--- a/packages/viewer/src/store/use-viewer.ts
+++ b/packages/viewer/src/store/use-viewer.ts
@@ -1,28 +1,22 @@
-"use client";
+'use client'
 
-import type {
-  AnyNode,
-  BaseNode,
-  BuildingNode,
-  LevelNode,
-  ZoneNode,
-} from "@pascal-app/core";
-import type { Object3D } from "three";
+import type { AnyNode, BaseNode, BuildingNode, LevelNode, ZoneNode } from '@pascal-app/core'
+import type { Object3D } from 'three'
 
-import { create } from "zustand";
-import { persist } from "zustand/middleware";
+import { create } from 'zustand'
+import { persist } from 'zustand/middleware'
 
 type SelectionPath = {
-  buildingId: BuildingNode["id"] | null;
-  levelId: LevelNode["id"] | null;
-  zoneId: ZoneNode["id"] | null;
-  selectedIds: BaseNode["id"][]; // For items/assets (multi-select)
-};
+  buildingId: BuildingNode['id'] | null
+  levelId: LevelNode['id'] | null
+  zoneId: ZoneNode['id'] | null
+  selectedIds: BaseNode['id'][] // For items/assets (multi-select)
+}
 
 type Outliner = {
-  selectedObjects: Object3D[];
-  hoveredObjects: Object3D[];
-};
+  selectedObjects: Object3D[]
+  hoveredObjects: Object3D[]
+}
 
 type ViewerState = {
   selection: SelectionPath
@@ -52,7 +46,10 @@ type ViewerState = {
 
   projectId: string | null
   setProjectId: (id: string | null) => void
-  projectPreferences: Record<string, { showScans?: boolean, showGuides?: boolean, showGrid?: boolean }>
+  projectPreferences: Record<
+    string,
+    { showScans?: boolean; showGuides?: boolean; showGrid?: boolean }
+  >
 
   // Smart selection update
   setSelection: (updates: Partial<SelectionPath>) => void
@@ -75,13 +72,13 @@ const useViewer = create<ViewerState>()(
       hoveredId: null,
       setHoveredId: (id) => set({ hoveredId: id }),
 
-      cameraMode: "perspective",
+      cameraMode: 'perspective',
       setCameraMode: (mode) => set({ cameraMode: mode }),
 
-      theme: "light",
+      theme: 'light',
       setTheme: (theme) => set({ theme }),
 
-      levelMode: "stacked",
+      levelMode: 'stacked',
       setLevelMode: (mode) => set({ levelMode: mode }),
 
       wallMode: 'up',
@@ -90,75 +87,75 @@ const useViewer = create<ViewerState>()(
       showScans: true,
       setShowScans: (show) =>
         set((state) => {
-          const projectPreferences = { ...(state.projectPreferences || {}) };
+          const projectPreferences = { ...(state.projectPreferences || {}) }
           if (state.projectId) {
             projectPreferences[state.projectId] = {
               ...(projectPreferences[state.projectId] || {}),
               showScans: show,
-            };
+            }
           }
-          return { showScans: show, projectPreferences };
+          return { showScans: show, projectPreferences }
         }),
 
       showGuides: true,
       setShowGuides: (show) =>
         set((state) => {
-          const projectPreferences = { ...(state.projectPreferences || {}) };
+          const projectPreferences = { ...(state.projectPreferences || {}) }
           if (state.projectId) {
             projectPreferences[state.projectId] = {
               ...(projectPreferences[state.projectId] || {}),
               showGuides: show,
-            };
+            }
           }
-          return { showGuides: show, projectPreferences };
+          return { showGuides: show, projectPreferences }
         }),
 
       showGrid: true,
       setShowGrid: (show) =>
         set((state) => {
-          const projectPreferences = { ...(state.projectPreferences || {}) };
+          const projectPreferences = { ...(state.projectPreferences || {}) }
           if (state.projectId) {
             projectPreferences[state.projectId] = {
               ...(projectPreferences[state.projectId] || {}),
               showGrid: show,
-            };
+            }
           }
-          return { showGrid: show, projectPreferences };
+          return { showGrid: show, projectPreferences }
         }),
 
       projectId: null,
       setProjectId: (id) =>
         set((state) => {
-          if (!id) return { projectId: id };
-          const prefs = state.projectPreferences?.[id] || {};
+          if (!id) return { projectId: id }
+          const prefs = state.projectPreferences?.[id] || {}
           return {
             projectId: id,
             showScans: prefs.showScans ?? true,
             showGuides: prefs.showGuides ?? true,
             showGrid: prefs.showGrid ?? true,
-          };
+          }
         }),
       projectPreferences: {},
 
       setSelection: (updates) =>
         set((state) => {
-          const newSelection = { ...state.selection, ...updates };
+          const newSelection = { ...state.selection, ...updates }
 
           // Hierarchy Guard: If we change a high-level parent, reset the children unless explicitly provided
           if (updates.buildingId !== undefined) {
-            if (updates.levelId === undefined) newSelection.levelId = null;
-            if (updates.zoneId === undefined) newSelection.zoneId = null;
-            if (updates.selectedIds === undefined) newSelection.selectedIds = [];
+            if (updates.levelId === undefined) newSelection.levelId = null
+            if (updates.zoneId === undefined) newSelection.zoneId = null
+            if (updates.selectedIds === undefined) newSelection.selectedIds = []
           }
           if (updates.levelId !== undefined) {
-            if (updates.zoneId === undefined) newSelection.zoneId = null;
-            if (updates.selectedIds === undefined) newSelection.selectedIds = [];
+            if (updates.zoneId === undefined) newSelection.zoneId = null
+            if (updates.selectedIds === undefined) newSelection.selectedIds = []
           }
           if (updates.zoneId !== undefined) {
-            if (updates.selectedIds === undefined) newSelection.selectedIds = [];
+            if (updates.selectedIds === undefined) newSelection.selectedIds = []
           }
 
-          return { selection: newSelection };
+          return { selection: newSelection }
         }),
 
       resetSelection: () =>
@@ -190,6 +187,6 @@ const useViewer = create<ViewerState>()(
       }),
     },
   ),
-);
+)
 
-export default useViewer;
+export default useViewer
diff --git a/packages/viewer/src/systems/guide/guide-system.tsx b/packages/viewer/src/systems/guide/guide-system.tsx
index 87936bfb..1a5345d7 100644
--- a/packages/viewer/src/systems/guide/guide-system.tsx
+++ b/packages/viewer/src/systems/guide/guide-system.tsx
@@ -14,5 +14,5 @@ export const GuideSystem = () => {
       }
     })
   }, [showGuides])
-  return null;
+  return null
 }
diff --git a/packages/viewer/src/systems/interactive/interactive-system.tsx b/packages/viewer/src/systems/interactive/interactive-system.tsx
index 83c89c66..f85726d5 100644
--- a/packages/viewer/src/systems/interactive/interactive-system.tsx
+++ b/packages/viewer/src/systems/interactive/interactive-system.tsx
@@ -62,7 +62,7 @@ const ItemControlsOverlay = ({ nodeId }: { nodeId: AnyNodeId }) => {
     return z?.polygon ?? null
   })
 
-  if (!itemObj || !controlValues || !node?.asset.interactive) return null
+  if (!(itemObj && controlValues && node?.asset.interactive)) return null
 
   const { controls } = node.asset.interactive
   const [, height] = node.asset.dimensions
@@ -77,7 +77,7 @@ const ItemControlsOverlay = ({ nodeId }: { nodeId: AnyNodeId }) => {
   }
 
   return createPortal(
-    <Html center position={[0, height + 0.3, 0]} zIndexRange={[20, 0]} occlude distanceFactor={8}>
+    <Html center distanceFactor={8} occlude position={[0, height + 0.3, 0]} zIndexRange={[20, 0]}>
       <div
         style={{
           display: 'flex',
@@ -96,10 +96,10 @@ const ItemControlsOverlay = ({ nodeId }: { nodeId: AnyNodeId }) => {
       >
         {controls.map((control, i) => (
           <ControlWidget
-            key={i}
             control={control}
-            value={controlValues[i] ?? false}
+            key={i}
             onChange={(v) => setControlValue(nodeId, i, v)}
+            value={controlValues[i] ?? false}
           />
         ))}
       </div>
@@ -157,13 +157,13 @@ const ControlWidget = ({
           {control.unit ? ` ${control.unit}` : ''}
         </span>
         <input
-          type="range"
-          min={control.min}
           max={control.max}
-          step={control.step}
-          value={value as number}
+          min={control.min}
           onChange={(e) => onChange(Number(e.target.value))}
           onPointerDown={(e) => e.stopPropagation()}
+          step={control.step}
+          type="range"
+          value={value as number}
         />
       </label>
     )
@@ -176,13 +176,13 @@ const ControlWidget = ({
           {control.label}: {value}°{control.unit}
         </span>
         <input
-          type="range"
-          min={control.min}
           max={control.max}
-          step={1}
-          value={value as number}
+          min={control.min}
           onChange={(e) => onChange(Number(e.target.value))}
           onPointerDown={(e) => e.stopPropagation()}
+          step={1}
+          type="range"
+          value={value as number}
         />
       </label>
     )
diff --git a/packages/viewer/src/systems/level/level-system.d.ts b/packages/viewer/src/systems/level/level-system.d.ts
index 5f5df3f9..d4be6dbb 100644
--- a/packages/viewer/src/systems/level/level-system.d.ts
+++ b/packages/viewer/src/systems/level/level-system.d.ts
@@ -1,2 +1,2 @@
-export declare const LevelSystem: () => null;
-//# sourceMappingURL=level-system.d.ts.map
\ No newline at end of file
+export declare const LevelSystem: () => null
+//# sourceMappingURL=level-system.d.ts.map
diff --git a/packages/viewer/src/systems/level/level-system.tsx b/packages/viewer/src/systems/level/level-system.tsx
index aabbcd25..7d35f458 100644
--- a/packages/viewer/src/systems/level/level-system.tsx
+++ b/packages/viewer/src/systems/level/level-system.tsx
@@ -14,7 +14,11 @@ export const LevelSystem = () => {
 
     // Collect and sort levels by floor index so we can compute cumulative offsets.
     // Level 0 → Y=0, Level 1 → Y=height(0), Level 2 → Y=height(0)+height(1), etc.
-    type LevelEntry = { levelId: string; index: number; obj: NonNullable<ReturnType<typeof sceneRegistry.nodes.get>> }
+    type LevelEntry = {
+      levelId: string
+      index: number
+      obj: NonNullable<ReturnType<typeof sceneRegistry.nodes.get>>
+    }
     const entries: LevelEntry[] = []
     sceneRegistry.byType.level.forEach((levelId) => {
       const obj = sceneRegistry.nodes.get(levelId)
diff --git a/packages/viewer/src/systems/level/level-utils.ts b/packages/viewer/src/systems/level/level-utils.ts
index ee8d9d4c..06bb6621 100644
--- a/packages/viewer/src/systems/level/level-utils.ts
+++ b/packages/viewer/src/systems/level/level-utils.ts
@@ -1,4 +1,10 @@
-import { type CeilingNode, type LevelNode, sceneRegistry, useScene, type WallNode } from '@pascal-app/core'
+import {
+  type CeilingNode,
+  type LevelNode,
+  sceneRegistry,
+  useScene,
+  type WallNode,
+} from '@pascal-app/core'
 
 export const DEFAULT_LEVEL_HEIGHT = 2.5
 
@@ -75,7 +81,9 @@ export function snapLevelsToTruePositions(): () => void {
   entries.sort((a, b) => a.index - b.index)
 
   // Snapshot current Y and visibility so we can restore them after the render
-  const snapshot = new Map(entries.map(({ levelId, obj }) => [levelId, { y: obj.position.y, visible: obj.visible }]))
+  const snapshot = new Map(
+    entries.map(({ levelId, obj }) => [levelId, { y: obj.position.y, visible: obj.visible }]),
+  )
 
   // Snap to true stacked positions and make all levels visible
   let cumulativeY = 0
diff --git a/packages/viewer/src/systems/scan/scan-system.tsx b/packages/viewer/src/systems/scan/scan-system.tsx
index 62b65acb..2b09a238 100644
--- a/packages/viewer/src/systems/scan/scan-system.tsx
+++ b/packages/viewer/src/systems/scan/scan-system.tsx
@@ -14,5 +14,5 @@ export const ScanSystem = () => {
       }
     })
   }, [showScans])
-  return null;
+  return null
 }
diff --git a/packages/viewer/src/systems/wall/wall-cutout.tsx b/packages/viewer/src/systems/wall/wall-cutout.tsx
index b9ee4f53..165038b2 100644
--- a/packages/viewer/src/systems/wall/wall-cutout.tsx
+++ b/packages/viewer/src/systems/wall/wall-cutout.tsx
@@ -92,7 +92,7 @@ export const WallCutout = () => {
         } else if (wallMode === 'down') {
           hideWall = true
         } else {
-          wallMesh.getWorldDirection(v) 
+          wallMesh.getWorldDirection(v)
           if (v.dot(u) < 0) {
             // Front side
             if (wallNode.frontSide === 'exterior' && wallNode.backSide !== 'exterior') {
diff --git a/packages/viewer/src/systems/zone/zone-system.tsx b/packages/viewer/src/systems/zone/zone-system.tsx
index f845b379..5da41cda 100644
--- a/packages/viewer/src/systems/zone/zone-system.tsx
+++ b/packages/viewer/src/systems/zone/zone-system.tsx
@@ -16,7 +16,7 @@ export const ZoneSystem = () => {
   const pendingZoneRef = useRef<string | null>(null)
   const pendingZoneSinceRef = useRef(0)
 
-  useFrame(({clock}, delta) => {
+  useFrame(({ clock }, delta) => {
     const hoveredId = useViewer.getState().hoveredId
     let rawZone: string | null = null
 
@@ -35,9 +35,8 @@ export const ZoneSystem = () => {
 
     // Apply non-null immediately; debounce null to filter out brief exits
     const age = clock.elapsedTime * 1000 - pendingZoneSinceRef.current
-    const highlightedZone = rawZone !== null
-      ? rawZone
-      : age >= EXIT_DEBOUNCE_MS ? null : lastHighlightedZoneRef.current
+    const highlightedZone =
+      rawZone !== null ? rawZone : age >= EXIT_DEBOUNCE_MS ? null : lastHighlightedZoneRef.current
 
     // Detect stable zone change
     if (highlightedZone !== lastHighlightedZoneRef.current) {
@@ -45,7 +44,7 @@ export const ZoneSystem = () => {
       if (lastHighlightedZoneRef.current) {
         const prevLabel = document.getElementById(`${lastHighlightedZoneRef.current}-label`)
         const pin = prevLabel?.querySelector('.label-pin') as HTMLElement | null
-          if (pin) pin.style.opacity = '0'
+        if (pin) pin.style.opacity = '0'
       }
       // Fade in new zone label-pin
       if (highlightedZone) {
@@ -92,7 +91,6 @@ export const ZoneSystem = () => {
         const currentOpacity = material.userData.uOpacity.value
         material.userData.uOpacity.value = MathUtils.lerp(currentOpacity, targetOpacity, lerpSpeed)
       }
-
     })
   })
 
diff --git a/packages/viewer/tsconfig.json b/packages/viewer/tsconfig.json
index 881b384e..df82a932 100644
--- a/packages/viewer/tsconfig.json
+++ b/packages/viewer/tsconfig.json
@@ -1,14 +1,13 @@
 {
-  "extends": "@repo/typescript-config/react-library.json",
+  "extends": "@pascal/typescript-config/react-library.json",
   "compilerOptions": {
     "outDir": "dist",
     "rootDir": "src",
+    "noEmit": false,
     "composite": true,
     "incremental": true
   },
   "include": ["src"],
   "exclude": ["node_modules", "dist"],
-  "references": [
-    { "path": "../core" }
-  ]
+  "references": [{ "path": "../core" }]
 }
diff --git a/supabase/config.toml b/supabase/config.toml
deleted file mode 100644
index 6eba733b..00000000
--- a/supabase/config.toml
+++ /dev/null
@@ -1,43 +0,0 @@
-# Supabase local development configuration
-# This file is used by `supabase start` for local development
-
-project_id = "pascal-editor"
-
-[api]
-enabled = true
-port = 55321
-schemas = ["public"]
-extra_search_path = ["public"]
-max_rows = 1000
-
-[db]
-port = 55322
-shadow_port = 55320
-major_version = 17
-
-[studio]
-enabled = true
-port = 55323
-
-[inbucket]
-enabled = true
-port = 55324
-smtp_port = 55325
-pop3_port = 55326
-
-[analytics]
-enabled = true
-port = 55328
-backend = "postgres"
-
-[auth]
-enabled = true
-site_url = "http://localhost:3000"
-additional_redirect_urls = ["http://localhost:3000"]
-jwt_expiry = 3600
-enable_signup = true
-
-[auth.email]
-enable_signup = true
-double_confirm_changes = false
-enable_confirmations = false
diff --git a/supabase/migrations/20240211000001_create_auth_tables.sql b/supabase/migrations/20240211000001_create_auth_tables.sql
deleted file mode 100644
index efb99103..00000000
--- a/supabase/migrations/20240211000001_create_auth_tables.sql
+++ /dev/null
@@ -1,80 +0,0 @@
--- Better Auth tables (copied from working monorepo)
--- Using auth_ prefix and snake_case columns
-
-CREATE TYPE "public"."auth_user_roles" AS ENUM('user', 'admin');
-
-CREATE TABLE "auth_accounts" (
-	"id" text PRIMARY KEY NOT NULL,
-	"user_id" text NOT NULL,
-	"provider_id" text NOT NULL,
-	"account_id" text NOT NULL,
-	"password" text,
-	"access_token" text,
-	"refresh_token" text,
-	"id_token" text,
-	"access_token_expires_at" timestamp with time zone,
-	"refresh_token_expires_at" timestamp with time zone,
-	"scope" text,
-	"created_at" timestamp with time zone DEFAULT now() NOT NULL,
-	"updated_at" timestamp with time zone DEFAULT now() NOT NULL
-);
-
-ALTER TABLE "auth_accounts" ENABLE ROW LEVEL SECURITY;
-
-CREATE TABLE "auth_jwks" (
-	"id" text PRIMARY KEY NOT NULL,
-	"public_key" text NOT NULL,
-	"private_key" text NOT NULL,
-	"created_at" timestamp with time zone DEFAULT now() NOT NULL
-);
-
-ALTER TABLE "auth_jwks" ENABLE ROW LEVEL SECURITY;
-
-CREATE TABLE "auth_sessions" (
-	"id" text PRIMARY KEY NOT NULL,
-	"user_id" text NOT NULL,
-	"expires_at" timestamp with time zone,
-	"token" text NOT NULL,
-	"ip_address" text,
-	"user_agent" text,
-	"impersonated_by" text,
-	"created_at" timestamp with time zone DEFAULT now() NOT NULL,
-	"updated_at" timestamp with time zone DEFAULT now() NOT NULL
-);
-
-ALTER TABLE "auth_sessions" ENABLE ROW LEVEL SECURITY;
-
-CREATE TABLE "auth_users" (
-	"id" text PRIMARY KEY NOT NULL,
-	"email" text NOT NULL,
-	"email_verified" boolean DEFAULT false NOT NULL,
-	"name" text NOT NULL,
-	"image" text,
-	"role" "auth_user_roles" DEFAULT 'user' NOT NULL,
-	"banned" boolean DEFAULT false NOT NULL,
-	"ban_reason" text,
-	"ban_expires" timestamp with time zone,
-	"created_at" timestamp with time zone DEFAULT now() NOT NULL,
-	"updated_at" timestamp with time zone DEFAULT now() NOT NULL
-);
-
-ALTER TABLE "auth_users" ENABLE ROW LEVEL SECURITY;
-
-CREATE TABLE "auth_verifications" (
-	"id" text PRIMARY KEY NOT NULL,
-	"value" text NOT NULL,
-	"identifier" text NOT NULL,
-	"expires_at" timestamp with time zone,
-	"created_at" timestamp with time zone DEFAULT now() NOT NULL,
-	"updated_at" timestamp with time zone DEFAULT now() NOT NULL
-);
-
-ALTER TABLE "auth_verifications" ENABLE ROW LEVEL SECURITY;
-
-ALTER TABLE "auth_accounts" ADD CONSTRAINT "auth_accounts_user_id_auth_users_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."auth_users"("id") ON DELETE cascade ON UPDATE no action;
-
-ALTER TABLE "auth_sessions" ADD CONSTRAINT "auth_sessions_user_id_auth_users_id_fk" FOREIGN KEY ("user_id") REFERENCES "public"."auth_users"("id") ON DELETE cascade ON UPDATE no action;
-
-ALTER TABLE "auth_sessions" ADD CONSTRAINT "auth_sessions_impersonated_by_auth_users_id_fk" FOREIGN KEY ("impersonated_by") REFERENCES "public"."auth_users"("id") ON DELETE set null ON UPDATE no action;
-
-CREATE UNIQUE INDEX "email_unique_index" ON "auth_users" USING btree (lower("email"));
diff --git a/supabase/migrations/20240211000002_create_properties_tables.sql b/supabase/migrations/20240211000002_create_properties_tables.sql
deleted file mode 100644
index aa17fbdd..00000000
--- a/supabase/migrations/20240211000002_create_properties_tables.sql
+++ /dev/null
@@ -1,165 +0,0 @@
--- Properties tables
--- Simple property management without organizations
-
--- Properties addresses table (must be created first due to foreign key)
-CREATE TABLE IF NOT EXISTS properties_addresses (
-  id TEXT PRIMARY KEY,
-  street_number TEXT,
-  route TEXT,
-  route_short TEXT,
-  neighborhood TEXT,
-  city TEXT,
-  county TEXT,
-  state TEXT,
-  state_long TEXT,
-  postal_code TEXT,
-  postal_code_suffix TEXT,
-  country TEXT,
-  country_long TEXT,
-  latitude NUMERIC,
-  longitude NUMERIC,
-  raw_json JSONB,
-  created_at TIMESTAMPTZ NOT NULL DEFAULT NOW(),
-  updated_at TIMESTAMPTZ NOT NULL DEFAULT NOW(),
-  UNIQUE(street_number, route, city, state, postal_code)
-);
-
-CREATE INDEX IF NOT EXISTS idx_properties_addresses_city_state ON properties_addresses(city, state);
-
--- Properties table
-CREATE TABLE IF NOT EXISTS properties (
-  id TEXT PRIMARY KEY,
-  name TEXT,
-  address_id TEXT UNIQUE REFERENCES properties_addresses(id) ON DELETE SET NULL,
-  owner_id TEXT REFERENCES auth_users(id) ON DELETE SET NULL,
-  details_json JSONB,
-  metadata JSONB,
-  created_at TIMESTAMPTZ NOT NULL DEFAULT NOW(),
-  updated_at TIMESTAMPTZ NOT NULL DEFAULT NOW()
-);
-
-CREATE INDEX IF NOT EXISTS idx_properties_owner_id ON properties(owner_id);
-CREATE INDEX IF NOT EXISTS idx_properties_address_id ON properties(address_id);
-
--- Properties models table (scene graphs)
-CREATE TABLE IF NOT EXISTS properties_models (
-  id TEXT PRIMARY KEY,
-  name TEXT,
-  version INTEGER DEFAULT 1,
-  description TEXT,
-  draft BOOLEAN DEFAULT true,
-  property_id TEXT REFERENCES properties(id) ON DELETE SET NULL,
-  scene_graph JSONB,
-  metadata JSONB,
-  created_at TIMESTAMPTZ NOT NULL DEFAULT NOW(),
-  updated_at TIMESTAMPTZ NOT NULL DEFAULT NOW(),
-  deleted_at TIMESTAMPTZ
-);
-
-CREATE INDEX IF NOT EXISTS idx_properties_models_property_id ON properties_models(property_id);
-CREATE INDEX IF NOT EXISTS idx_properties_models_version ON properties_models(property_id, version DESC);
-
--- Enable Row Level Security (RLS)
-ALTER TABLE properties ENABLE ROW LEVEL SECURITY;
-ALTER TABLE properties_addresses ENABLE ROW LEVEL SECURITY;
-ALTER TABLE properties_models ENABLE ROW LEVEL SECURITY;
-
--- RLS Policies for properties table
-CREATE POLICY "Users can view their own properties"
-  ON properties FOR SELECT
-  USING (owner_id = current_setting('app.user_id', true)::TEXT OR owner_id IS NULL);
-
-CREATE POLICY "Users can insert their own properties"
-  ON properties FOR INSERT
-  WITH CHECK (owner_id = current_setting('app.user_id', true)::TEXT OR owner_id IS NULL);
-
-CREATE POLICY "Users can update their own properties"
-  ON properties FOR UPDATE
-  USING (owner_id = current_setting('app.user_id', true)::TEXT OR owner_id IS NULL);
-
-CREATE POLICY "Users can delete their own properties"
-  ON properties FOR DELETE
-  USING (owner_id = current_setting('app.user_id', true)::TEXT OR owner_id IS NULL);
-
--- RLS Policies for properties_addresses table
--- Addresses table doesn't have property_id, so we'll allow all authenticated users
-CREATE POLICY "Authenticated users can view all addresses"
-  ON properties_addresses FOR SELECT
-  USING (true);
-
-CREATE POLICY "Authenticated users can insert addresses"
-  ON properties_addresses FOR INSERT
-  WITH CHECK (true);
-
-CREATE POLICY "Authenticated users can update addresses"
-  ON properties_addresses FOR UPDATE
-  USING (true);
-
-CREATE POLICY "Authenticated users can delete addresses"
-  ON properties_addresses FOR DELETE
-  USING (true);
-
--- RLS Policies for properties_models table
-CREATE POLICY "Users can view models of their own properties"
-  ON properties_models FOR SELECT
-  USING (
-    EXISTS (
-      SELECT 1 FROM properties
-      WHERE properties.id = properties_models.property_id
-      AND properties.owner_id = current_setting('app.user_id', true)::TEXT
-    )
-  );
-
-CREATE POLICY "Users can insert models for their own properties"
-  ON properties_models FOR INSERT
-  WITH CHECK (
-    EXISTS (
-      SELECT 1 FROM properties
-      WHERE properties.id = properties_models.property_id
-      AND properties.owner_id = current_setting('app.user_id', true)::TEXT
-    )
-  );
-
-CREATE POLICY "Users can update models of their own properties"
-  ON properties_models FOR UPDATE
-  USING (
-    EXISTS (
-      SELECT 1 FROM properties
-      WHERE properties.id = properties_models.property_id
-      AND properties.owner_id = current_setting('app.user_id', true)::TEXT
-    )
-  );
-
-CREATE POLICY "Users can delete models of their own properties"
-  ON properties_models FOR DELETE
-  USING (
-    EXISTS (
-      SELECT 1 FROM properties
-      WHERE properties.id = properties_models.property_id
-      AND properties.owner_id = current_setting('app.user_id', true)::TEXT
-    )
-  );
-
--- Trigger to update updated_at timestamp
-CREATE OR REPLACE FUNCTION update_updated_at_column()
-RETURNS TRIGGER AS $$
-BEGIN
-  NEW.updated_at = NOW();
-  RETURN NEW;
-END;
-$$ LANGUAGE plpgsql;
-
-CREATE TRIGGER update_properties_updated_at
-  BEFORE UPDATE ON properties
-  FOR EACH ROW
-  EXECUTE FUNCTION update_updated_at_column();
-
-CREATE TRIGGER update_properties_addresses_updated_at
-  BEFORE UPDATE ON properties_addresses
-  FOR EACH ROW
-  EXECUTE FUNCTION update_updated_at_column();
-
-CREATE TRIGGER update_properties_models_updated_at
-  BEFORE UPDATE ON properties_models
-  FOR EACH ROW
-  EXECUTE FUNCTION update_updated_at_column();
diff --git a/supabase/migrations/20240211000003_add_active_property_to_sessions.sql b/supabase/migrations/20240211000003_add_active_property_to_sessions.sql
deleted file mode 100644
index 645cbaf3..00000000
--- a/supabase/migrations/20240211000003_add_active_property_to_sessions.sql
+++ /dev/null
@@ -1,2 +0,0 @@
--- Add active_property_id to sessions table
-ALTER TABLE auth_sessions ADD COLUMN IF NOT EXISTS active_property_id TEXT;
diff --git a/supabase/migrations/20240216000001_add_community_fields.sql b/supabase/migrations/20240216000001_add_community_fields.sql
deleted file mode 100644
index a1ef8f7a..00000000
--- a/supabase/migrations/20240216000001_add_community_fields.sql
+++ /dev/null
@@ -1,13 +0,0 @@
--- Add community features to properties table
-ALTER TABLE properties ADD COLUMN IF NOT EXISTS is_private BOOLEAN NOT NULL DEFAULT true;
-ALTER TABLE properties ADD COLUMN IF NOT EXISTS views INTEGER NOT NULL DEFAULT 0;
-ALTER TABLE properties ADD COLUMN IF NOT EXISTS likes INTEGER NOT NULL DEFAULT 0;
-ALTER TABLE properties ADD COLUMN IF NOT EXISTS thumbnail_url TEXT;
-
--- Create indexes for community queries
-CREATE INDEX IF NOT EXISTS idx_properties_is_private ON properties(is_private) WHERE is_private = false;
-CREATE INDEX IF NOT EXISTS idx_properties_views ON properties(views DESC);
-CREATE INDEX IF NOT EXISTS idx_properties_likes ON properties(likes DESC);
-
--- Set existing properties to private (user opt-in to share)
-UPDATE properties SET is_private = true WHERE is_private IS NULL;
diff --git a/supabase/migrations/20240216000002_update_rls_for_public_properties.sql b/supabase/migrations/20240216000002_update_rls_for_public_properties.sql
deleted file mode 100644
index 7ef2c0e7..00000000
--- a/supabase/migrations/20240216000002_update_rls_for_public_properties.sql
+++ /dev/null
@@ -1,78 +0,0 @@
--- Drop existing RLS policies for properties
-DROP POLICY IF EXISTS "Users can view their own properties" ON properties;
-DROP POLICY IF EXISTS "Users can insert their own properties" ON properties;
-DROP POLICY IF EXISTS "Users can update their own properties" ON properties;
-DROP POLICY IF EXISTS "Users can delete their own properties" ON properties;
-
--- New RLS policy: Users can view their own properties OR public properties
-CREATE POLICY "Users can view own or public properties"
-  ON properties FOR SELECT
-  USING (
-    owner_id = current_setting('app.user_id', true)::TEXT
-    OR is_private = false
-    OR owner_id IS NULL
-  );
-
--- Keep other policies the same (insert/update/delete still require ownership)
-CREATE POLICY "Users can insert their own properties"
-  ON properties FOR INSERT
-  WITH CHECK (owner_id = current_setting('app.user_id', true)::TEXT OR owner_id IS NULL);
-
-CREATE POLICY "Users can update their own properties"
-  ON properties FOR UPDATE
-  USING (owner_id = current_setting('app.user_id', true)::TEXT OR owner_id IS NULL);
-
-CREATE POLICY "Users can delete their own properties"
-  ON properties FOR DELETE
-  USING (owner_id = current_setting('app.user_id', true)::TEXT OR owner_id IS NULL);
-
--- Drop existing RLS policies for models
-DROP POLICY IF EXISTS "Users can view models of their own properties" ON properties_models;
-DROP POLICY IF EXISTS "Users can insert models for their own properties" ON properties_models;
-DROP POLICY IF EXISTS "Users can update models of their own properties" ON properties_models;
-DROP POLICY IF EXISTS "Users can delete models of their own properties" ON properties_models;
-
--- Update models policy: Users can view models of their own properties OR public properties
-CREATE POLICY "Users can view models of own or public properties"
-  ON properties_models FOR SELECT
-  USING (
-    EXISTS (
-      SELECT 1 FROM properties
-      WHERE properties.id = properties_models.property_id
-      AND (
-        properties.owner_id = current_setting('app.user_id', true)::TEXT
-        OR properties.is_private = false
-      )
-    )
-  );
-
--- Keep other model policies the same
-CREATE POLICY "Users can insert models for their own properties"
-  ON properties_models FOR INSERT
-  WITH CHECK (
-    EXISTS (
-      SELECT 1 FROM properties
-      WHERE properties.id = properties_models.property_id
-      AND properties.owner_id = current_setting('app.user_id', true)::TEXT
-    )
-  );
-
-CREATE POLICY "Users can update models of their own properties"
-  ON properties_models FOR UPDATE
-  USING (
-    EXISTS (
-      SELECT 1 FROM properties
-      WHERE properties.id = properties_models.property_id
-      AND properties.owner_id = current_setting('app.user_id', true)::TEXT
-    )
-  );
-
-CREATE POLICY "Users can delete models of their own properties"
-  ON properties_models FOR DELETE
-  USING (
-    EXISTS (
-      SELECT 1 FROM properties
-      WHERE properties.id = properties_models.property_id
-      AND properties.owner_id = current_setting('app.user_id', true)::TEXT
-    )
-  );
diff --git a/supabase/migrations/20240216000003_create_view_increment_function.sql b/supabase/migrations/20240216000003_create_view_increment_function.sql
deleted file mode 100644
index 73fccec2..00000000
--- a/supabase/migrations/20240216000003_create_view_increment_function.sql
+++ /dev/null
@@ -1,9 +0,0 @@
--- Function to atomically increment view count
-CREATE OR REPLACE FUNCTION increment_property_views(property_id TEXT)
-RETURNS void AS $$
-BEGIN
-  UPDATE properties
-  SET views = views + 1
-  WHERE id = property_id;
-END;
-$$ LANGUAGE plpgsql SECURITY DEFINER;
diff --git a/supabase/migrations/20240216000004_create_property_likes.sql b/supabase/migrations/20240216000004_create_property_likes.sql
deleted file mode 100644
index 56fec51e..00000000
--- a/supabase/migrations/20240216000004_create_property_likes.sql
+++ /dev/null
@@ -1,41 +0,0 @@
--- Create property_likes table to track user likes
-CREATE TABLE IF NOT EXISTS property_likes (
-  id TEXT PRIMARY KEY,
-  property_id TEXT NOT NULL REFERENCES properties(id) ON DELETE CASCADE,
-  user_id TEXT NOT NULL,
-  created_at TIMESTAMPTZ NOT NULL DEFAULT NOW(),
-
-  -- Ensure a user can only like a property once
-  UNIQUE(property_id, user_id)
-);
-
--- Enable RLS
-ALTER TABLE property_likes ENABLE ROW LEVEL SECURITY;
-
--- RLS Policies
--- Users can view all likes (to see like counts)
-CREATE POLICY "Anyone can view likes"
-  ON property_likes FOR SELECT
-  USING (true);
-
--- Users can insert their own likes
-CREATE POLICY "Users can create their own likes"
-  ON property_likes FOR INSERT
-  WITH CHECK (user_id = current_setting('app.user_id', true)::TEXT);
-
--- Users can delete their own likes
-CREATE POLICY "Users can delete their own likes"
-  ON property_likes FOR DELETE
-  USING (user_id = current_setting('app.user_id', true)::TEXT);
-
--- Create index for efficient querying
-CREATE INDEX IF NOT EXISTS idx_property_likes_property_id ON property_likes(property_id);
-CREATE INDEX IF NOT EXISTS idx_property_likes_user_id ON property_likes(user_id);
-
--- Function to get like count for a property
-CREATE OR REPLACE FUNCTION get_property_like_count(property_id TEXT)
-RETURNS INTEGER AS $$
-BEGIN
-  RETURN (SELECT COUNT(*)::INTEGER FROM property_likes WHERE property_likes.property_id = $1);
-END;
-$$ LANGUAGE plpgsql SECURITY DEFINER STABLE;
diff --git a/supabase/migrations/20240217000001_rename_properties_to_projects.sql b/supabase/migrations/20240217000001_rename_properties_to_projects.sql
deleted file mode 100644
index c250cae2..00000000
--- a/supabase/migrations/20240217000001_rename_properties_to_projects.sql
+++ /dev/null
@@ -1,247 +0,0 @@
--- Migration: Rename properties → projects
--- This renames all property-related tables, columns, indexes, policies, and functions.
-
-BEGIN;
-
--- ============================================================
--- 1. Drop existing RLS policies (they reference old table names)
--- ============================================================
-
--- properties policies
-DROP POLICY IF EXISTS "Users can view own or public properties" ON properties;
-DROP POLICY IF EXISTS "Users can insert their own properties" ON properties;
-DROP POLICY IF EXISTS "Users can update their own properties" ON properties;
-DROP POLICY IF EXISTS "Users can delete their own properties" ON properties;
-
--- properties_addresses policies
-DROP POLICY IF EXISTS "Authenticated users can view all addresses" ON properties_addresses;
-DROP POLICY IF EXISTS "Authenticated users can insert addresses" ON properties_addresses;
-DROP POLICY IF EXISTS "Authenticated users can update addresses" ON properties_addresses;
-DROP POLICY IF EXISTS "Authenticated users can delete addresses" ON properties_addresses;
-
--- properties_models policies
-DROP POLICY IF EXISTS "Users can view models of own or public properties" ON properties_models;
-DROP POLICY IF EXISTS "Users can insert models for their own properties" ON properties_models;
-DROP POLICY IF EXISTS "Users can update models of their own properties" ON properties_models;
-DROP POLICY IF EXISTS "Users can delete models of their own properties" ON properties_models;
-
--- property_likes policies
-DROP POLICY IF EXISTS "Anyone can view likes" ON property_likes;
-DROP POLICY IF EXISTS "Users can create their own likes" ON property_likes;
-DROP POLICY IF EXISTS "Users can delete their own likes" ON property_likes;
-
--- ============================================================
--- 2. Drop old indexes (before renaming tables)
--- ============================================================
-
-DROP INDEX IF EXISTS idx_properties_owner_id;
-DROP INDEX IF EXISTS idx_properties_address_id;
-DROP INDEX IF EXISTS idx_properties_is_private;
-DROP INDEX IF EXISTS idx_properties_views;
-DROP INDEX IF EXISTS idx_properties_likes;
-DROP INDEX IF EXISTS idx_properties_addresses_city_state;
-DROP INDEX IF EXISTS idx_properties_models_property_id;
-DROP INDEX IF EXISTS idx_properties_models_version;
-DROP INDEX IF EXISTS idx_property_likes_property_id;
-DROP INDEX IF EXISTS idx_property_likes_user_id;
-DROP INDEX IF EXISTS property_address_idx;
-DROP INDEX IF EXISTS property_owner_idx;
-DROP INDEX IF EXISTS property_is_private_idx;
-DROP INDEX IF EXISTS property_views_idx;
-DROP INDEX IF EXISTS property_likes_idx;
-
--- ============================================================
--- 3. Drop old triggers (before renaming tables)
--- ============================================================
-
-DROP TRIGGER IF EXISTS update_properties_updated_at ON properties;
-DROP TRIGGER IF EXISTS update_properties_addresses_updated_at ON properties_addresses;
-DROP TRIGGER IF EXISTS update_properties_models_updated_at ON properties_models;
-
--- ============================================================
--- 4. Rename tables
--- ============================================================
-
-ALTER TABLE properties_addresses RENAME TO projects_addresses;
-ALTER TABLE properties_models RENAME TO projects_models;
-ALTER TABLE property_likes RENAME TO projects_likes;
-ALTER TABLE properties RENAME TO projects;
-
--- ============================================================
--- 5. Rename columns (property_id → project_id)
--- ============================================================
-
-ALTER TABLE projects_models RENAME COLUMN property_id TO project_id;
-ALTER TABLE projects_likes RENAME COLUMN property_id TO project_id;
-
--- Rename active_property_id in auth_sessions
-ALTER TABLE auth_sessions RENAME COLUMN active_property_id TO active_project_id;
-
--- ============================================================
--- 6. Rename constraints
--- ============================================================
-
--- Rename the unique constraint on projects_likes
-ALTER TABLE projects_likes RENAME CONSTRAINT "property_likes_pkey" TO "projects_likes_pkey";
-ALTER TABLE projects_likes RENAME CONSTRAINT "property_likes_property_id_fkey" TO "projects_likes_project_id_fkey";
-ALTER TABLE projects_likes RENAME CONSTRAINT "property_likes_property_id_user_id_key" TO "projects_likes_project_id_user_id_key";
-
--- ============================================================
--- 7. Recreate indexes with new names
--- ============================================================
-
-CREATE INDEX project_address_idx ON projects(address_id);
-CREATE INDEX project_owner_idx ON projects(owner_id);
-CREATE INDEX project_is_private_idx ON projects(is_private) WHERE is_private = false;
-CREATE INDEX project_views_idx ON projects(views DESC);
-CREATE INDEX project_likes_idx ON projects(likes DESC);
-CREATE INDEX idx_projects_addresses_city_state ON projects_addresses(city, state);
-CREATE INDEX idx_projects_models_project_id ON projects_models(project_id);
-CREATE INDEX idx_projects_models_version ON projects_models(project_id, version DESC);
-CREATE INDEX idx_projects_likes_project_id ON projects_likes(project_id);
-CREATE INDEX idx_projects_likes_user_id ON projects_likes(user_id);
-
--- ============================================================
--- 8. Recreate triggers on renamed tables
--- ============================================================
-
-CREATE TRIGGER update_projects_updated_at
-  BEFORE UPDATE ON projects
-  FOR EACH ROW
-  EXECUTE FUNCTION update_updated_at_column();
-
-CREATE TRIGGER update_projects_addresses_updated_at
-  BEFORE UPDATE ON projects_addresses
-  FOR EACH ROW
-  EXECUTE FUNCTION update_updated_at_column();
-
-CREATE TRIGGER update_projects_models_updated_at
-  BEFORE UPDATE ON projects_models
-  FOR EACH ROW
-  EXECUTE FUNCTION update_updated_at_column();
-
--- ============================================================
--- 9. Recreate RLS policies with new names and table references
--- ============================================================
-
--- projects policies
-CREATE POLICY "Users can view own or public projects"
-  ON projects FOR SELECT
-  USING (
-    owner_id = current_setting('app.user_id', true)::TEXT
-    OR is_private = false
-    OR owner_id IS NULL
-  );
-
-CREATE POLICY "Users can insert their own projects"
-  ON projects FOR INSERT
-  WITH CHECK (owner_id = current_setting('app.user_id', true)::TEXT OR owner_id IS NULL);
-
-CREATE POLICY "Users can update their own projects"
-  ON projects FOR UPDATE
-  USING (owner_id = current_setting('app.user_id', true)::TEXT OR owner_id IS NULL);
-
-CREATE POLICY "Users can delete their own projects"
-  ON projects FOR DELETE
-  USING (owner_id = current_setting('app.user_id', true)::TEXT OR owner_id IS NULL);
-
--- projects_addresses policies
-CREATE POLICY "Authenticated users can view all addresses"
-  ON projects_addresses FOR SELECT
-  USING (true);
-
-CREATE POLICY "Authenticated users can insert addresses"
-  ON projects_addresses FOR INSERT
-  WITH CHECK (true);
-
-CREATE POLICY "Authenticated users can update addresses"
-  ON projects_addresses FOR UPDATE
-  USING (true);
-
-CREATE POLICY "Authenticated users can delete addresses"
-  ON projects_addresses FOR DELETE
-  USING (true);
-
--- projects_models policies
-CREATE POLICY "Users can view models of own or public projects"
-  ON projects_models FOR SELECT
-  USING (
-    EXISTS (
-      SELECT 1 FROM projects
-      WHERE projects.id = projects_models.project_id
-      AND (
-        projects.owner_id = current_setting('app.user_id', true)::TEXT
-        OR projects.is_private = false
-      )
-    )
-  );
-
-CREATE POLICY "Users can insert models for their own projects"
-  ON projects_models FOR INSERT
-  WITH CHECK (
-    EXISTS (
-      SELECT 1 FROM projects
-      WHERE projects.id = projects_models.project_id
-      AND projects.owner_id = current_setting('app.user_id', true)::TEXT
-    )
-  );
-
-CREATE POLICY "Users can update models of their own projects"
-  ON projects_models FOR UPDATE
-  USING (
-    EXISTS (
-      SELECT 1 FROM projects
-      WHERE projects.id = projects_models.project_id
-      AND projects.owner_id = current_setting('app.user_id', true)::TEXT
-    )
-  );
-
-CREATE POLICY "Users can delete models of their own projects"
-  ON projects_models FOR DELETE
-  USING (
-    EXISTS (
-      SELECT 1 FROM projects
-      WHERE projects.id = projects_models.project_id
-      AND projects.owner_id = current_setting('app.user_id', true)::TEXT
-    )
-  );
-
--- projects_likes policies
-CREATE POLICY "Anyone can view likes"
-  ON projects_likes FOR SELECT
-  USING (true);
-
-CREATE POLICY "Users can create their own likes"
-  ON projects_likes FOR INSERT
-  WITH CHECK (user_id = current_setting('app.user_id', true)::TEXT);
-
-CREATE POLICY "Users can delete their own likes"
-  ON projects_likes FOR DELETE
-  USING (user_id = current_setting('app.user_id', true)::TEXT);
-
--- ============================================================
--- 10. Replace functions with renamed versions
--- ============================================================
-
--- Drop old functions
-DROP FUNCTION IF EXISTS increment_property_views(TEXT);
-DROP FUNCTION IF EXISTS get_property_like_count(TEXT);
-
--- Recreate with new names
-CREATE OR REPLACE FUNCTION increment_project_views(project_id TEXT)
-RETURNS void AS $$
-BEGIN
-  UPDATE projects
-  SET views = views + 1
-  WHERE id = project_id;
-END;
-$$ LANGUAGE plpgsql SECURITY DEFINER;
-
-CREATE OR REPLACE FUNCTION get_project_like_count(project_id TEXT)
-RETURNS INTEGER AS $$
-BEGIN
-  RETURN (SELECT COUNT(*)::INTEGER FROM projects_likes WHERE projects_likes.project_id = $1);
-END;
-$$ LANGUAGE plpgsql SECURITY DEFINER STABLE;
-
-COMMIT;
diff --git a/supabase/migrations/20240218000001_create_feedback_table.sql b/supabase/migrations/20240218000001_create_feedback_table.sql
deleted file mode 100644
index 3c2124e4..00000000
--- a/supabase/migrations/20240218000001_create_feedback_table.sql
+++ /dev/null
@@ -1,24 +0,0 @@
--- Create feedback table
-CREATE TABLE IF NOT EXISTS feedback (
-  id TEXT NOT NULL PRIMARY KEY,
-  user_id TEXT,
-  message TEXT NOT NULL,
-  created_at TIMESTAMPTZ NOT NULL DEFAULT NOW()
-);
-
--- Enable Row Level Security
-ALTER TABLE feedback ENABLE ROW LEVEL SECURITY;
-
--- Allow anyone (authenticated or anonymous) to submit feedback
-CREATE POLICY "Anyone can insert feedback"
-  ON feedback
-  FOR INSERT
-  TO anon, authenticated
-  WITH CHECK (true);
-
--- Allow service role full access (for admin review)
-CREATE POLICY "Service role full access"
-  ON feedback
-  TO service_role
-  USING (true)
-  WITH CHECK (true);
diff --git a/supabase/migrations/20260219051019_add-username-field.sql b/supabase/migrations/20260219051019_add-username-field.sql
deleted file mode 100644
index 09595e7f..00000000
--- a/supabase/migrations/20260219051019_add-username-field.sql
+++ /dev/null
@@ -1,2 +0,0 @@
-ALTER TABLE "auth_users" ADD COLUMN "username" text;--> statement-breakpoint
-CREATE UNIQUE INDEX "username_unique_index" ON "auth_users" USING btree (lower("username"));
\ No newline at end of file
diff --git a/supabase/migrations/20260219052405_add-social-profile-fields.sql b/supabase/migrations/20260219052405_add-social-profile-fields.sql
deleted file mode 100644
index 4dc90815..00000000
--- a/supabase/migrations/20260219052405_add-social-profile-fields.sql
+++ /dev/null
@@ -1,2 +0,0 @@
-ALTER TABLE "auth_users" ADD COLUMN "github_url" text;--> statement-breakpoint
-ALTER TABLE "auth_users" ADD COLUMN "x_url" text;
\ No newline at end of file
diff --git a/supabase/migrations/20260219212649_young_dragon_man.sql b/supabase/migrations/20260219212649_young_dragon_man.sql
deleted file mode 100644
index abb4cc0c..00000000
--- a/supabase/migrations/20260219212649_young_dragon_man.sql
+++ /dev/null
@@ -1,2 +0,0 @@
-ALTER TABLE "projects" ADD COLUMN "show_scans_public" boolean DEFAULT true NOT NULL;--> statement-breakpoint
-ALTER TABLE "projects" ADD COLUMN "show_guides_public" boolean DEFAULT true NOT NULL;
\ No newline at end of file
diff --git a/supabase/migrations/20260220000001_add-email-notifications.sql b/supabase/migrations/20260220000001_add-email-notifications.sql
deleted file mode 100644
index a91ce24e..00000000
--- a/supabase/migrations/20260220000001_add-email-notifications.sql
+++ /dev/null
@@ -1 +0,0 @@
-ALTER TABLE "auth_users" ADD COLUMN "email_notifications" boolean NOT NULL DEFAULT true;
diff --git a/supabase/migrations/20260223020000_feedback_images_and_context.sql b/supabase/migrations/20260223020000_feedback_images_and_context.sql
deleted file mode 100644
index 84422634..00000000
--- a/supabase/migrations/20260223020000_feedback_images_and_context.sql
+++ /dev/null
@@ -1,20 +0,0 @@
--- Add image upload, project context, and scene graph to feedback
-ALTER TABLE feedback
-  ADD COLUMN IF NOT EXISTS project_id text,
-  ADD COLUMN IF NOT EXISTS images jsonb,
-  ADD COLUMN IF NOT EXISTS scene_graph jsonb;
-
--- Create feedback-images storage bucket (public read, service-role write)
-INSERT INTO storage.buckets (id, name, public)
-VALUES ('feedback-images', 'feedback-images', true)
-ON CONFLICT (id) DO NOTHING;
-
--- Allow public read on feedback-images bucket
-CREATE POLICY "Public read feedback images"
-  ON storage.objects FOR SELECT
-  USING (bucket_id = 'feedback-images');
-
--- Allow service role (and authenticated users) to upload
-CREATE POLICY "Service role upload feedback images"
-  ON storage.objects FOR INSERT
-  WITH CHECK (bucket_id = 'feedback-images');
diff --git a/supabase/migrations/20260224053553_stormy_carnage.sql b/supabase/migrations/20260224053553_stormy_carnage.sql
deleted file mode 100644
index 9aadf3a5..00000000
--- a/supabase/migrations/20260224053553_stormy_carnage.sql
+++ /dev/null
@@ -1 +0,0 @@
-ALTER TABLE "auth_users" ADD COLUMN "youtube_url" text;
\ No newline at end of file
diff --git a/supabase/migrations/20260226002554_big_pestilence.sql b/supabase/migrations/20260226002554_big_pestilence.sql
deleted file mode 100644
index 3fdc542f..00000000
--- a/supabase/migrations/20260226002554_big_pestilence.sql
+++ /dev/null
@@ -1,14 +0,0 @@
-CREATE TABLE "project_assets" (
-	"id" text PRIMARY KEY NOT NULL,
-	"project_id" text NOT NULL,
-	"storage_key" text NOT NULL,
-	"url" text NOT NULL,
-	"type" text NOT NULL,
-	"original_name" text,
-	"mime_type" text,
-	"created_at" timestamp with time zone DEFAULT now() NOT NULL,
-	"updated_at" timestamp with time zone DEFAULT now() NOT NULL
-);
---> statement-breakpoint
-ALTER TABLE "project_assets" ENABLE ROW LEVEL SECURITY;--> statement-breakpoint
-ALTER TABLE "project_assets" ADD CONSTRAINT "project_assets_project_id_projects_id_fk" FOREIGN KEY ("project_id") REFERENCES "public"."projects"("id") ON DELETE cascade ON UPDATE no action;
\ No newline at end of file
diff --git a/supabase/migrations/20260227173402_create_missing_storage_buckets.sql b/supabase/migrations/20260227173402_create_missing_storage_buckets.sql
deleted file mode 100644
index b842b305..00000000
--- a/supabase/migrations/20260227173402_create_missing_storage_buckets.sql
+++ /dev/null
@@ -1,90 +0,0 @@
--- Create project-thumbnails storage bucket (public read, service-role write)
-INSERT INTO storage.buckets (id, name, public, file_size_limit, allowed_mime_types)
-VALUES (
-  'project-thumbnails', 
-  'project-thumbnails', 
-  true, 
-  10485760, -- 10MB
-  ARRAY['image/png']
-)
-ON CONFLICT (id) DO NOTHING;
-
--- Allow public read on project-thumbnails bucket
-CREATE POLICY "Public read project thumbnails"
-  ON storage.objects FOR SELECT
-  USING (bucket_id = 'project-thumbnails');
-
--- Allow service role (and authenticated users) to upload to project-thumbnails
-CREATE POLICY "Service role upload project thumbnails"
-  ON storage.objects FOR INSERT
-  WITH CHECK (bucket_id = 'project-thumbnails');
-
--- Allow service role to update/delete project-thumbnails
-CREATE POLICY "Service role update project thumbnails"
-  ON storage.objects FOR UPDATE
-  USING (bucket_id = 'project-thumbnails');
-
-CREATE POLICY "Service role delete project thumbnails"
-  ON storage.objects FOR DELETE
-  USING (bucket_id = 'project-thumbnails');
-
-
--- Create project-assets storage bucket (public read, service-role write)
-INSERT INTO storage.buckets (id, name, public, file_size_limit)
-VALUES (
-  'project-assets', 
-  'project-assets', 
-  true, 
-  524288000 -- 500MB
-)
-ON CONFLICT (id) DO NOTHING;
-
--- Allow public read on project-assets bucket
-CREATE POLICY "Public read project assets"
-  ON storage.objects FOR SELECT
-  USING (bucket_id = 'project-assets');
-
--- Allow service role (and authenticated users) to upload to project-assets
-CREATE POLICY "Service role upload project assets"
-  ON storage.objects FOR INSERT
-  WITH CHECK (bucket_id = 'project-assets');
-
--- Allow service role to update/delete project-assets
-CREATE POLICY "Service role update project assets"
-  ON storage.objects FOR UPDATE
-  USING (bucket_id = 'project-assets');
-
-CREATE POLICY "Service role delete project assets"
-  ON storage.objects FOR DELETE
-  USING (bucket_id = 'project-assets');
-
-
--- Create avatars storage bucket (public read, service-role write)
-INSERT INTO storage.buckets (id, name, public, file_size_limit, allowed_mime_types)
-VALUES (
-  'avatars', 
-  'avatars', 
-  true, 
-  5242880, -- 5MB
-  ARRAY['image/png', 'image/jpeg', 'image/webp', 'image/gif']
-)
-ON CONFLICT (id) DO NOTHING;
-
--- Allow public read on avatars bucket
-CREATE POLICY "Public read avatars"
-  ON storage.objects FOR SELECT
-  USING (bucket_id = 'avatars');
-
--- Allow service role (and authenticated users) to upload to avatars
-CREATE POLICY "Service role upload avatars"
-  ON storage.objects FOR INSERT
-  WITH CHECK (bucket_id = 'avatars');
-
--- Allow service role to update/delete avatars
-CREATE POLICY "Service role update avatars"
-  ON storage.objects FOR UPDATE
-  USING (bucket_id = 'avatars');
-
-CREATE POLICY "Service role delete avatars"
-  ON storage.objects FOR DELETE
-  USING (bucket_id = 'avatars');
\ No newline at end of file
diff --git a/supabase/migrations/20260227200237_brown_quasimodo.sql b/supabase/migrations/20260227200237_brown_quasimodo.sql
deleted file mode 100644
index 029b9893..00000000
--- a/supabase/migrations/20260227200237_brown_quasimodo.sql
+++ /dev/null
@@ -1 +0,0 @@
-ALTER TABLE "projects" ADD COLUMN "is_empty" boolean DEFAULT true NOT NULL;
\ No newline at end of file
diff --git a/supabase/migrations/20260227204328_backfill_empty_projects.sql b/supabase/migrations/20260227204328_backfill_empty_projects.sql
deleted file mode 100644
index 84415986..00000000
--- a/supabase/migrations/20260227204328_backfill_empty_projects.sql
+++ /dev/null
@@ -1,38 +0,0 @@
--- Backfill script to update the is_empty flag for existing projects
--- This can be run multiple times safely as logic evolves
-
-UPDATE projects p
-SET is_empty = false
-FROM (
-  -- 1. Get the latest model for each project
-  SELECT DISTINCT ON (project_id) project_id, scene_graph
-  FROM projects_models
-  WHERE deleted_at IS NULL
-  ORDER BY project_id, version DESC, created_at DESC
-) latest_model
-WHERE p.id = latest_model.project_id
-AND p.is_empty = true -- Only process projects that are currently marked empty
-AND latest_model.scene_graph IS NOT NULL
-AND latest_model.scene_graph->'nodes' IS NOT NULL
-AND (
-  -- Condition 1: More than 3 nodes
-  (SELECT count(*) FROM jsonb_object_keys(latest_model.scene_graph->'nodes')) > 3
-  
-  OR 
-  
-  -- Condition 2 & 3: Iterate through nodes to check type and children
-  EXISTS (
-    SELECT 1 
-    FROM jsonb_each(latest_model.scene_graph->'nodes') AS n(key, value)
-    WHERE 
-      -- Not a default node type
-      (n.value->>'type' NOT IN ('site', 'building', 'level'))
-      OR
-      -- Or is a level node with > 0 children
-      (
-        n.value->>'type' = 'level' 
-        AND jsonb_typeof(n.value->'children') = 'array' 
-        AND jsonb_array_length(n.value->'children') > 0
-      )
-  )
-);
\ No newline at end of file
diff --git a/supabase/migrations/20260303213529_marvelous_mikhail_rasputin.sql b/supabase/migrations/20260303213529_marvelous_mikhail_rasputin.sql
deleted file mode 100644
index 957549ea..00000000
--- a/supabase/migrations/20260303213529_marvelous_mikhail_rasputin.sql
+++ /dev/null
@@ -1 +0,0 @@
-ALTER TABLE "projects" ADD COLUMN "published_model_version" integer;
\ No newline at end of file
diff --git a/supabase/migrations/20260304130720_create_presets.sql b/supabase/migrations/20260304130720_create_presets.sql
deleted file mode 100644
index 0fb841ae..00000000
--- a/supabase/migrations/20260304130720_create_presets.sql
+++ /dev/null
@@ -1,58 +0,0 @@
--- Presets table: stores door/window presets for community and user use
-CREATE TABLE "presets" (
-  "id" text PRIMARY KEY NOT NULL,
-  "type" text NOT NULL, -- 'door' | 'window'
-  "name" text NOT NULL,
-  "data" jsonb NOT NULL,
-  "thumbnail_url" text,
-  "user_id" text REFERENCES "auth_users"("id") ON DELETE CASCADE,
-  "is_community" boolean NOT NULL DEFAULT false,
-  "created_at" timestamp with time zone DEFAULT now() NOT NULL,
-  "updated_at" timestamp with time zone DEFAULT now() NOT NULL
-);
-
---> statement-breakpoint
-CREATE INDEX "presets_type_idx" ON "presets"("type");
---> statement-breakpoint
-CREATE INDEX "presets_user_id_idx" ON "presets"("user_id");
---> statement-breakpoint
-CREATE INDEX "presets_is_community_idx" ON "presets"("is_community");
-
---> statement-breakpoint
-ALTER TABLE "presets" ENABLE ROW LEVEL SECURITY;
-
---> statement-breakpoint
--- Anyone can read community presets
-CREATE POLICY "Anyone can view community presets"
-  ON "presets" FOR SELECT
-  USING ("is_community" = true);
-
---> statement-breakpoint
--- Users can view their own presets
-CREATE POLICY "Users can view own presets"
-  ON "presets" FOR SELECT
-  USING ("user_id" = current_setting('app.user_id', true)::TEXT);
-
---> statement-breakpoint
--- Users can insert their own presets
-CREATE POLICY "Users can insert own presets"
-  ON "presets" FOR INSERT
-  WITH CHECK ("user_id" = current_setting('app.user_id', true)::TEXT AND "is_community" = false);
-
---> statement-breakpoint
--- Users can update their own presets
-CREATE POLICY "Users can update own presets"
-  ON "presets" FOR UPDATE
-  USING ("user_id" = current_setting('app.user_id', true)::TEXT AND "is_community" = false);
-
---> statement-breakpoint
--- Users can delete their own presets
-CREATE POLICY "Users can delete own presets"
-  ON "presets" FOR DELETE
-  USING ("user_id" = current_setting('app.user_id', true)::TEXT AND "is_community" = false);
-
---> statement-breakpoint
-CREATE TRIGGER "update_presets_updated_at"
-  BEFORE UPDATE ON "presets"
-  FOR EACH ROW
-  EXECUTE FUNCTION update_updated_at_column();
diff --git a/supabase/migrations/meta/20260219051010_snapshot.json b/supabase/migrations/meta/20260219051010_snapshot.json
deleted file mode 100644
index c6913f9e..00000000
--- a/supabase/migrations/meta/20260219051010_snapshot.json
+++ /dev/null
@@ -1,967 +0,0 @@
-{
-  "id": "a70e4c16-59a9-4c80-81db-fb43206f7eeb",
-  "prevId": "00000000-0000-0000-0000-000000000000",
-  "version": "7",
-  "dialect": "postgresql",
-  "tables": {
-    "public.auth_accounts": {
-      "name": "auth_accounts",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "provider_id": {
-          "name": "provider_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "account_id": {
-          "name": "account_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "password": {
-          "name": "password",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "access_token": {
-          "name": "access_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "refresh_token": {
-          "name": "refresh_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "id_token": {
-          "name": "id_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "access_token_expires_at": {
-          "name": "access_token_expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "refresh_token_expires_at": {
-          "name": "refresh_token_expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scope": {
-          "name": "scope",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "auth_accounts_user_id_auth_users_id_fk": {
-          "name": "auth_accounts_user_id_auth_users_id_fk",
-          "tableFrom": "auth_accounts",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_jwks": {
-      "name": "auth_jwks",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "public_key": {
-          "name": "public_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "private_key": {
-          "name": "private_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_sessions": {
-      "name": "auth_sessions",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "expires_at": {
-          "name": "expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "token": {
-          "name": "token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "ip_address": {
-          "name": "ip_address",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "user_agent": {
-          "name": "user_agent",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "active_project_id": {
-          "name": "active_project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "impersonated_by": {
-          "name": "impersonated_by",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "auth_sessions_user_id_auth_users_id_fk": {
-          "name": "auth_sessions_user_id_auth_users_id_fk",
-          "tableFrom": "auth_sessions",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        },
-        "auth_sessions_impersonated_by_auth_users_id_fk": {
-          "name": "auth_sessions_impersonated_by_auth_users_id_fk",
-          "tableFrom": "auth_sessions",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "impersonated_by"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_users": {
-      "name": "auth_users",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "email": {
-          "name": "email",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "email_verified": {
-          "name": "email_verified",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "image": {
-          "name": "image",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "role": {
-          "name": "role",
-          "type": "auth_user_roles",
-          "typeSchema": "public",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "'user'"
-        },
-        "banned": {
-          "name": "banned",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "ban_reason": {
-          "name": "ban_reason",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "ban_expires": {
-          "name": "ban_expires",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "email_unique_index": {
-          "name": "email_unique_index",
-          "columns": [
-            {
-              "expression": "lower(\"email\")",
-              "asc": true,
-              "isExpression": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": true,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_verifications": {
-      "name": "auth_verifications",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "value": {
-          "name": "value",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "identifier": {
-          "name": "identifier",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "expires_at": {
-          "name": "expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "verification_identifier_index": {
-          "name": "verification_identifier_index",
-          "columns": [
-            {
-              "expression": "identifier",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.feedback": {
-      "name": "feedback",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "message": {
-          "name": "message",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_addresses": {
-      "name": "projects_addresses",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "street_number": {
-          "name": "street_number",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "route": {
-          "name": "route",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "route_short": {
-          "name": "route_short",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "neighborhood": {
-          "name": "neighborhood",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "city": {
-          "name": "city",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "county": {
-          "name": "county",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "state": {
-          "name": "state",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "state_long": {
-          "name": "state_long",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "postal_code": {
-          "name": "postal_code",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "postal_code_suffix": {
-          "name": "postal_code_suffix",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "country": {
-          "name": "country",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "country_long": {
-          "name": "country_long",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "latitude": {
-          "name": "latitude",
-          "type": "numeric",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "longitude": {
-          "name": "longitude",
-          "type": "numeric",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "raw_json": {
-          "name": "raw_json",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {
-        "address_components_unique": {
-          "name": "address_components_unique",
-          "nullsNotDistinct": false,
-          "columns": [
-            "street_number",
-            "route",
-            "city",
-            "state",
-            "postal_code"
-          ]
-        }
-      },
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_likes": {
-      "name": "projects_likes",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "projects_likes_project_id_projects_id_fk": {
-          "name": "projects_likes_project_id_projects_id_fk",
-          "tableFrom": "projects_likes",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {
-        "projects_likes_project_user_unique": {
-          "name": "projects_likes_project_user_unique",
-          "nullsNotDistinct": false,
-          "columns": [
-            "project_id",
-            "user_id"
-          ]
-        }
-      },
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_models": {
-      "name": "projects_models",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "version": {
-          "name": "version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": false,
-          "default": 1
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "draft": {
-          "name": "draft",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": false,
-          "default": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scene_graph": {
-          "name": "scene_graph",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "metadata": {
-          "name": "metadata",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "deleted_at": {
-          "name": "deleted_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "projects_models_project_id_projects_id_fk": {
-          "name": "projects_models_project_id_projects_id_fk",
-          "tableFrom": "projects_models",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects": {
-      "name": "projects",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "address_id": {
-          "name": "address_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "owner_id": {
-          "name": "owner_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "details_json": {
-          "name": "details_json",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "metadata": {
-          "name": "metadata",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "is_private": {
-          "name": "is_private",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "views": {
-          "name": "views",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "default": 0
-        },
-        "likes": {
-          "name": "likes",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "default": 0
-        },
-        "thumbnail_url": {
-          "name": "thumbnail_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "project_address_idx": {
-          "name": "project_address_idx",
-          "columns": [
-            {
-              "expression": "address_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_owner_idx": {
-          "name": "project_owner_idx",
-          "columns": [
-            {
-              "expression": "owner_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_is_private_idx": {
-          "name": "project_is_private_idx",
-          "columns": [
-            {
-              "expression": "is_private",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_views_idx": {
-          "name": "project_views_idx",
-          "columns": [
-            {
-              "expression": "views",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_likes_idx": {
-          "name": "project_likes_idx",
-          "columns": [
-            {
-              "expression": "likes",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {
-        "projects_address_id_projects_addresses_id_fk": {
-          "name": "projects_address_id_projects_addresses_id_fk",
-          "tableFrom": "projects",
-          "tableTo": "projects_addresses",
-          "columnsFrom": [
-            "address_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        },
-        "projects_owner_id_auth_users_id_fk": {
-          "name": "projects_owner_id_auth_users_id_fk",
-          "tableFrom": "projects",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "owner_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    }
-  },
-  "enums": {
-    "public.auth_user_roles": {
-      "name": "auth_user_roles",
-      "schema": "public",
-      "values": [
-        "user",
-        "admin"
-      ]
-    }
-  },
-  "schemas": {},
-  "sequences": {},
-  "roles": {},
-  "policies": {},
-  "views": {},
-  "_meta": {
-    "columns": {},
-    "schemas": {},
-    "tables": {}
-  }
-}
\ No newline at end of file
diff --git a/supabase/migrations/meta/20260219051019_snapshot.json b/supabase/migrations/meta/20260219051019_snapshot.json
deleted file mode 100644
index ef49cca4..00000000
--- a/supabase/migrations/meta/20260219051019_snapshot.json
+++ /dev/null
@@ -1,988 +0,0 @@
-{
-  "id": "a414a135-fe6d-4192-9d7c-52a09abead20",
-  "prevId": "a70e4c16-59a9-4c80-81db-fb43206f7eeb",
-  "version": "7",
-  "dialect": "postgresql",
-  "tables": {
-    "public.auth_accounts": {
-      "name": "auth_accounts",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "provider_id": {
-          "name": "provider_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "account_id": {
-          "name": "account_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "password": {
-          "name": "password",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "access_token": {
-          "name": "access_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "refresh_token": {
-          "name": "refresh_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "id_token": {
-          "name": "id_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "access_token_expires_at": {
-          "name": "access_token_expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "refresh_token_expires_at": {
-          "name": "refresh_token_expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scope": {
-          "name": "scope",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "auth_accounts_user_id_auth_users_id_fk": {
-          "name": "auth_accounts_user_id_auth_users_id_fk",
-          "tableFrom": "auth_accounts",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_jwks": {
-      "name": "auth_jwks",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "public_key": {
-          "name": "public_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "private_key": {
-          "name": "private_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_sessions": {
-      "name": "auth_sessions",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "expires_at": {
-          "name": "expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "token": {
-          "name": "token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "ip_address": {
-          "name": "ip_address",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "user_agent": {
-          "name": "user_agent",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "active_project_id": {
-          "name": "active_project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "impersonated_by": {
-          "name": "impersonated_by",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "auth_sessions_user_id_auth_users_id_fk": {
-          "name": "auth_sessions_user_id_auth_users_id_fk",
-          "tableFrom": "auth_sessions",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        },
-        "auth_sessions_impersonated_by_auth_users_id_fk": {
-          "name": "auth_sessions_impersonated_by_auth_users_id_fk",
-          "tableFrom": "auth_sessions",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "impersonated_by"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_users": {
-      "name": "auth_users",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "email": {
-          "name": "email",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "email_verified": {
-          "name": "email_verified",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "image": {
-          "name": "image",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "username": {
-          "name": "username",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "role": {
-          "name": "role",
-          "type": "auth_user_roles",
-          "typeSchema": "public",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "'user'"
-        },
-        "banned": {
-          "name": "banned",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "ban_reason": {
-          "name": "ban_reason",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "ban_expires": {
-          "name": "ban_expires",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "email_unique_index": {
-          "name": "email_unique_index",
-          "columns": [
-            {
-              "expression": "lower(\"email\")",
-              "asc": true,
-              "isExpression": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": true,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "username_unique_index": {
-          "name": "username_unique_index",
-          "columns": [
-            {
-              "expression": "lower(\"username\")",
-              "asc": true,
-              "isExpression": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": true,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_verifications": {
-      "name": "auth_verifications",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "value": {
-          "name": "value",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "identifier": {
-          "name": "identifier",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "expires_at": {
-          "name": "expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "verification_identifier_index": {
-          "name": "verification_identifier_index",
-          "columns": [
-            {
-              "expression": "identifier",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.feedback": {
-      "name": "feedback",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "message": {
-          "name": "message",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_addresses": {
-      "name": "projects_addresses",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "street_number": {
-          "name": "street_number",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "route": {
-          "name": "route",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "route_short": {
-          "name": "route_short",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "neighborhood": {
-          "name": "neighborhood",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "city": {
-          "name": "city",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "county": {
-          "name": "county",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "state": {
-          "name": "state",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "state_long": {
-          "name": "state_long",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "postal_code": {
-          "name": "postal_code",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "postal_code_suffix": {
-          "name": "postal_code_suffix",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "country": {
-          "name": "country",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "country_long": {
-          "name": "country_long",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "latitude": {
-          "name": "latitude",
-          "type": "numeric",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "longitude": {
-          "name": "longitude",
-          "type": "numeric",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "raw_json": {
-          "name": "raw_json",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {
-        "address_components_unique": {
-          "name": "address_components_unique",
-          "nullsNotDistinct": false,
-          "columns": [
-            "street_number",
-            "route",
-            "city",
-            "state",
-            "postal_code"
-          ]
-        }
-      },
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_likes": {
-      "name": "projects_likes",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "projects_likes_project_id_projects_id_fk": {
-          "name": "projects_likes_project_id_projects_id_fk",
-          "tableFrom": "projects_likes",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {
-        "projects_likes_project_user_unique": {
-          "name": "projects_likes_project_user_unique",
-          "nullsNotDistinct": false,
-          "columns": [
-            "project_id",
-            "user_id"
-          ]
-        }
-      },
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_models": {
-      "name": "projects_models",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "version": {
-          "name": "version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": false,
-          "default": 1
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "draft": {
-          "name": "draft",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": false,
-          "default": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scene_graph": {
-          "name": "scene_graph",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "metadata": {
-          "name": "metadata",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "deleted_at": {
-          "name": "deleted_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "projects_models_project_id_projects_id_fk": {
-          "name": "projects_models_project_id_projects_id_fk",
-          "tableFrom": "projects_models",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects": {
-      "name": "projects",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "address_id": {
-          "name": "address_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "owner_id": {
-          "name": "owner_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "details_json": {
-          "name": "details_json",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "metadata": {
-          "name": "metadata",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "is_private": {
-          "name": "is_private",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "views": {
-          "name": "views",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "default": 0
-        },
-        "likes": {
-          "name": "likes",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "default": 0
-        },
-        "thumbnail_url": {
-          "name": "thumbnail_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "project_address_idx": {
-          "name": "project_address_idx",
-          "columns": [
-            {
-              "expression": "address_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_owner_idx": {
-          "name": "project_owner_idx",
-          "columns": [
-            {
-              "expression": "owner_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_is_private_idx": {
-          "name": "project_is_private_idx",
-          "columns": [
-            {
-              "expression": "is_private",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_views_idx": {
-          "name": "project_views_idx",
-          "columns": [
-            {
-              "expression": "views",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_likes_idx": {
-          "name": "project_likes_idx",
-          "columns": [
-            {
-              "expression": "likes",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {
-        "projects_address_id_projects_addresses_id_fk": {
-          "name": "projects_address_id_projects_addresses_id_fk",
-          "tableFrom": "projects",
-          "tableTo": "projects_addresses",
-          "columnsFrom": [
-            "address_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        },
-        "projects_owner_id_auth_users_id_fk": {
-          "name": "projects_owner_id_auth_users_id_fk",
-          "tableFrom": "projects",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "owner_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    }
-  },
-  "enums": {
-    "public.auth_user_roles": {
-      "name": "auth_user_roles",
-      "schema": "public",
-      "values": [
-        "user",
-        "admin"
-      ]
-    }
-  },
-  "schemas": {},
-  "sequences": {},
-  "roles": {},
-  "policies": {},
-  "views": {},
-  "_meta": {
-    "columns": {},
-    "schemas": {},
-    "tables": {}
-  }
-}
\ No newline at end of file
diff --git a/supabase/migrations/meta/20260219052405_snapshot.json b/supabase/migrations/meta/20260219052405_snapshot.json
deleted file mode 100644
index ec147113..00000000
--- a/supabase/migrations/meta/20260219052405_snapshot.json
+++ /dev/null
@@ -1,1000 +0,0 @@
-{
-  "id": "57bff2fc-7d82-473b-afdb-2dd34f7a2696",
-  "prevId": "a414a135-fe6d-4192-9d7c-52a09abead20",
-  "version": "7",
-  "dialect": "postgresql",
-  "tables": {
-    "public.auth_accounts": {
-      "name": "auth_accounts",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "provider_id": {
-          "name": "provider_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "account_id": {
-          "name": "account_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "password": {
-          "name": "password",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "access_token": {
-          "name": "access_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "refresh_token": {
-          "name": "refresh_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "id_token": {
-          "name": "id_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "access_token_expires_at": {
-          "name": "access_token_expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "refresh_token_expires_at": {
-          "name": "refresh_token_expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scope": {
-          "name": "scope",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "auth_accounts_user_id_auth_users_id_fk": {
-          "name": "auth_accounts_user_id_auth_users_id_fk",
-          "tableFrom": "auth_accounts",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_jwks": {
-      "name": "auth_jwks",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "public_key": {
-          "name": "public_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "private_key": {
-          "name": "private_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_sessions": {
-      "name": "auth_sessions",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "expires_at": {
-          "name": "expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "token": {
-          "name": "token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "ip_address": {
-          "name": "ip_address",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "user_agent": {
-          "name": "user_agent",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "active_project_id": {
-          "name": "active_project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "impersonated_by": {
-          "name": "impersonated_by",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "auth_sessions_user_id_auth_users_id_fk": {
-          "name": "auth_sessions_user_id_auth_users_id_fk",
-          "tableFrom": "auth_sessions",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        },
-        "auth_sessions_impersonated_by_auth_users_id_fk": {
-          "name": "auth_sessions_impersonated_by_auth_users_id_fk",
-          "tableFrom": "auth_sessions",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "impersonated_by"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_users": {
-      "name": "auth_users",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "email": {
-          "name": "email",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "email_verified": {
-          "name": "email_verified",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "image": {
-          "name": "image",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "username": {
-          "name": "username",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "github_url": {
-          "name": "github_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "x_url": {
-          "name": "x_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "role": {
-          "name": "role",
-          "type": "auth_user_roles",
-          "typeSchema": "public",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "'user'"
-        },
-        "banned": {
-          "name": "banned",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "ban_reason": {
-          "name": "ban_reason",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "ban_expires": {
-          "name": "ban_expires",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "email_unique_index": {
-          "name": "email_unique_index",
-          "columns": [
-            {
-              "expression": "lower(\"email\")",
-              "asc": true,
-              "isExpression": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": true,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "username_unique_index": {
-          "name": "username_unique_index",
-          "columns": [
-            {
-              "expression": "lower(\"username\")",
-              "asc": true,
-              "isExpression": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": true,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_verifications": {
-      "name": "auth_verifications",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "value": {
-          "name": "value",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "identifier": {
-          "name": "identifier",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "expires_at": {
-          "name": "expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "verification_identifier_index": {
-          "name": "verification_identifier_index",
-          "columns": [
-            {
-              "expression": "identifier",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.feedback": {
-      "name": "feedback",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "message": {
-          "name": "message",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_addresses": {
-      "name": "projects_addresses",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "street_number": {
-          "name": "street_number",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "route": {
-          "name": "route",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "route_short": {
-          "name": "route_short",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "neighborhood": {
-          "name": "neighborhood",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "city": {
-          "name": "city",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "county": {
-          "name": "county",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "state": {
-          "name": "state",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "state_long": {
-          "name": "state_long",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "postal_code": {
-          "name": "postal_code",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "postal_code_suffix": {
-          "name": "postal_code_suffix",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "country": {
-          "name": "country",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "country_long": {
-          "name": "country_long",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "latitude": {
-          "name": "latitude",
-          "type": "numeric",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "longitude": {
-          "name": "longitude",
-          "type": "numeric",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "raw_json": {
-          "name": "raw_json",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {
-        "address_components_unique": {
-          "name": "address_components_unique",
-          "nullsNotDistinct": false,
-          "columns": [
-            "street_number",
-            "route",
-            "city",
-            "state",
-            "postal_code"
-          ]
-        }
-      },
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_likes": {
-      "name": "projects_likes",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "projects_likes_project_id_projects_id_fk": {
-          "name": "projects_likes_project_id_projects_id_fk",
-          "tableFrom": "projects_likes",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {
-        "projects_likes_project_user_unique": {
-          "name": "projects_likes_project_user_unique",
-          "nullsNotDistinct": false,
-          "columns": [
-            "project_id",
-            "user_id"
-          ]
-        }
-      },
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_models": {
-      "name": "projects_models",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "version": {
-          "name": "version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": false,
-          "default": 1
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "draft": {
-          "name": "draft",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": false,
-          "default": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scene_graph": {
-          "name": "scene_graph",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "metadata": {
-          "name": "metadata",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "deleted_at": {
-          "name": "deleted_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "projects_models_project_id_projects_id_fk": {
-          "name": "projects_models_project_id_projects_id_fk",
-          "tableFrom": "projects_models",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects": {
-      "name": "projects",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "address_id": {
-          "name": "address_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "owner_id": {
-          "name": "owner_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "details_json": {
-          "name": "details_json",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "metadata": {
-          "name": "metadata",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "is_private": {
-          "name": "is_private",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "views": {
-          "name": "views",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "default": 0
-        },
-        "likes": {
-          "name": "likes",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "default": 0
-        },
-        "thumbnail_url": {
-          "name": "thumbnail_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "project_address_idx": {
-          "name": "project_address_idx",
-          "columns": [
-            {
-              "expression": "address_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_owner_idx": {
-          "name": "project_owner_idx",
-          "columns": [
-            {
-              "expression": "owner_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_is_private_idx": {
-          "name": "project_is_private_idx",
-          "columns": [
-            {
-              "expression": "is_private",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_views_idx": {
-          "name": "project_views_idx",
-          "columns": [
-            {
-              "expression": "views",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_likes_idx": {
-          "name": "project_likes_idx",
-          "columns": [
-            {
-              "expression": "likes",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {
-        "projects_address_id_projects_addresses_id_fk": {
-          "name": "projects_address_id_projects_addresses_id_fk",
-          "tableFrom": "projects",
-          "tableTo": "projects_addresses",
-          "columnsFrom": [
-            "address_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        },
-        "projects_owner_id_auth_users_id_fk": {
-          "name": "projects_owner_id_auth_users_id_fk",
-          "tableFrom": "projects",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "owner_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    }
-  },
-  "enums": {
-    "public.auth_user_roles": {
-      "name": "auth_user_roles",
-      "schema": "public",
-      "values": [
-        "user",
-        "admin"
-      ]
-    }
-  },
-  "schemas": {},
-  "sequences": {},
-  "roles": {},
-  "policies": {},
-  "views": {},
-  "_meta": {
-    "columns": {},
-    "schemas": {},
-    "tables": {}
-  }
-}
\ No newline at end of file
diff --git a/supabase/migrations/meta/20260219212649_snapshot.json b/supabase/migrations/meta/20260219212649_snapshot.json
deleted file mode 100644
index 9cebb088..00000000
--- a/supabase/migrations/meta/20260219212649_snapshot.json
+++ /dev/null
@@ -1,1014 +0,0 @@
-{
-  "id": "65aa76b8-b827-4be8-a6ec-2017ad309dd9",
-  "prevId": "57bff2fc-7d82-473b-afdb-2dd34f7a2696",
-  "version": "7",
-  "dialect": "postgresql",
-  "tables": {
-    "public.auth_accounts": {
-      "name": "auth_accounts",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "provider_id": {
-          "name": "provider_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "account_id": {
-          "name": "account_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "password": {
-          "name": "password",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "access_token": {
-          "name": "access_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "refresh_token": {
-          "name": "refresh_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "id_token": {
-          "name": "id_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "access_token_expires_at": {
-          "name": "access_token_expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "refresh_token_expires_at": {
-          "name": "refresh_token_expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scope": {
-          "name": "scope",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "auth_accounts_user_id_auth_users_id_fk": {
-          "name": "auth_accounts_user_id_auth_users_id_fk",
-          "tableFrom": "auth_accounts",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_jwks": {
-      "name": "auth_jwks",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "public_key": {
-          "name": "public_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "private_key": {
-          "name": "private_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_sessions": {
-      "name": "auth_sessions",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "expires_at": {
-          "name": "expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "token": {
-          "name": "token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "ip_address": {
-          "name": "ip_address",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "user_agent": {
-          "name": "user_agent",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "active_project_id": {
-          "name": "active_project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "impersonated_by": {
-          "name": "impersonated_by",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "auth_sessions_user_id_auth_users_id_fk": {
-          "name": "auth_sessions_user_id_auth_users_id_fk",
-          "tableFrom": "auth_sessions",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        },
-        "auth_sessions_impersonated_by_auth_users_id_fk": {
-          "name": "auth_sessions_impersonated_by_auth_users_id_fk",
-          "tableFrom": "auth_sessions",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "impersonated_by"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_users": {
-      "name": "auth_users",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "email": {
-          "name": "email",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "email_verified": {
-          "name": "email_verified",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "image": {
-          "name": "image",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "username": {
-          "name": "username",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "github_url": {
-          "name": "github_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "x_url": {
-          "name": "x_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "role": {
-          "name": "role",
-          "type": "auth_user_roles",
-          "typeSchema": "public",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "'user'"
-        },
-        "banned": {
-          "name": "banned",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "ban_reason": {
-          "name": "ban_reason",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "ban_expires": {
-          "name": "ban_expires",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "email_unique_index": {
-          "name": "email_unique_index",
-          "columns": [
-            {
-              "expression": "lower(\"email\")",
-              "asc": true,
-              "isExpression": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": true,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "username_unique_index": {
-          "name": "username_unique_index",
-          "columns": [
-            {
-              "expression": "lower(\"username\")",
-              "asc": true,
-              "isExpression": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": true,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_verifications": {
-      "name": "auth_verifications",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "value": {
-          "name": "value",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "identifier": {
-          "name": "identifier",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "expires_at": {
-          "name": "expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "verification_identifier_index": {
-          "name": "verification_identifier_index",
-          "columns": [
-            {
-              "expression": "identifier",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.feedback": {
-      "name": "feedback",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "message": {
-          "name": "message",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_addresses": {
-      "name": "projects_addresses",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "street_number": {
-          "name": "street_number",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "route": {
-          "name": "route",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "route_short": {
-          "name": "route_short",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "neighborhood": {
-          "name": "neighborhood",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "city": {
-          "name": "city",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "county": {
-          "name": "county",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "state": {
-          "name": "state",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "state_long": {
-          "name": "state_long",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "postal_code": {
-          "name": "postal_code",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "postal_code_suffix": {
-          "name": "postal_code_suffix",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "country": {
-          "name": "country",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "country_long": {
-          "name": "country_long",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "latitude": {
-          "name": "latitude",
-          "type": "numeric",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "longitude": {
-          "name": "longitude",
-          "type": "numeric",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "raw_json": {
-          "name": "raw_json",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {
-        "address_components_unique": {
-          "name": "address_components_unique",
-          "nullsNotDistinct": false,
-          "columns": [
-            "street_number",
-            "route",
-            "city",
-            "state",
-            "postal_code"
-          ]
-        }
-      },
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_likes": {
-      "name": "projects_likes",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "projects_likes_project_id_projects_id_fk": {
-          "name": "projects_likes_project_id_projects_id_fk",
-          "tableFrom": "projects_likes",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {
-        "projects_likes_project_user_unique": {
-          "name": "projects_likes_project_user_unique",
-          "nullsNotDistinct": false,
-          "columns": [
-            "project_id",
-            "user_id"
-          ]
-        }
-      },
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_models": {
-      "name": "projects_models",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "version": {
-          "name": "version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": false,
-          "default": 1
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "draft": {
-          "name": "draft",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": false,
-          "default": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scene_graph": {
-          "name": "scene_graph",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "metadata": {
-          "name": "metadata",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "deleted_at": {
-          "name": "deleted_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "projects_models_project_id_projects_id_fk": {
-          "name": "projects_models_project_id_projects_id_fk",
-          "tableFrom": "projects_models",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects": {
-      "name": "projects",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "address_id": {
-          "name": "address_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "owner_id": {
-          "name": "owner_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "details_json": {
-          "name": "details_json",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "metadata": {
-          "name": "metadata",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "is_private": {
-          "name": "is_private",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "show_scans_public": {
-          "name": "show_scans_public",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "show_guides_public": {
-          "name": "show_guides_public",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "views": {
-          "name": "views",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "default": 0
-        },
-        "likes": {
-          "name": "likes",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "default": 0
-        },
-        "thumbnail_url": {
-          "name": "thumbnail_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "project_address_idx": {
-          "name": "project_address_idx",
-          "columns": [
-            {
-              "expression": "address_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_owner_idx": {
-          "name": "project_owner_idx",
-          "columns": [
-            {
-              "expression": "owner_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_is_private_idx": {
-          "name": "project_is_private_idx",
-          "columns": [
-            {
-              "expression": "is_private",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_views_idx": {
-          "name": "project_views_idx",
-          "columns": [
-            {
-              "expression": "views",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_likes_idx": {
-          "name": "project_likes_idx",
-          "columns": [
-            {
-              "expression": "likes",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {
-        "projects_address_id_projects_addresses_id_fk": {
-          "name": "projects_address_id_projects_addresses_id_fk",
-          "tableFrom": "projects",
-          "tableTo": "projects_addresses",
-          "columnsFrom": [
-            "address_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        },
-        "projects_owner_id_auth_users_id_fk": {
-          "name": "projects_owner_id_auth_users_id_fk",
-          "tableFrom": "projects",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "owner_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    }
-  },
-  "enums": {
-    "public.auth_user_roles": {
-      "name": "auth_user_roles",
-      "schema": "public",
-      "values": [
-        "user",
-        "admin"
-      ]
-    }
-  },
-  "schemas": {},
-  "sequences": {},
-  "roles": {},
-  "policies": {},
-  "views": {},
-  "_meta": {
-    "columns": {},
-    "schemas": {},
-    "tables": {}
-  }
-}
\ No newline at end of file
diff --git a/supabase/migrations/meta/20260224053553_snapshot.json b/supabase/migrations/meta/20260224053553_snapshot.json
deleted file mode 100644
index 1dfb5404..00000000
--- a/supabase/migrations/meta/20260224053553_snapshot.json
+++ /dev/null
@@ -1,1045 +0,0 @@
-{
-  "id": "709551b6-3bd6-4cc4-bf0f-683ccc08b2b9",
-  "prevId": "65aa76b8-b827-4be8-a6ec-2017ad309dd9",
-  "version": "7",
-  "dialect": "postgresql",
-  "tables": {
-    "public.auth_accounts": {
-      "name": "auth_accounts",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "provider_id": {
-          "name": "provider_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "account_id": {
-          "name": "account_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "password": {
-          "name": "password",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "access_token": {
-          "name": "access_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "refresh_token": {
-          "name": "refresh_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "id_token": {
-          "name": "id_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "access_token_expires_at": {
-          "name": "access_token_expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "refresh_token_expires_at": {
-          "name": "refresh_token_expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scope": {
-          "name": "scope",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "auth_accounts_user_id_auth_users_id_fk": {
-          "name": "auth_accounts_user_id_auth_users_id_fk",
-          "tableFrom": "auth_accounts",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_jwks": {
-      "name": "auth_jwks",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "public_key": {
-          "name": "public_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "private_key": {
-          "name": "private_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_sessions": {
-      "name": "auth_sessions",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "expires_at": {
-          "name": "expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "token": {
-          "name": "token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "ip_address": {
-          "name": "ip_address",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "user_agent": {
-          "name": "user_agent",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "active_project_id": {
-          "name": "active_project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "impersonated_by": {
-          "name": "impersonated_by",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "auth_sessions_user_id_auth_users_id_fk": {
-          "name": "auth_sessions_user_id_auth_users_id_fk",
-          "tableFrom": "auth_sessions",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        },
-        "auth_sessions_impersonated_by_auth_users_id_fk": {
-          "name": "auth_sessions_impersonated_by_auth_users_id_fk",
-          "tableFrom": "auth_sessions",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "impersonated_by"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_users": {
-      "name": "auth_users",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "email": {
-          "name": "email",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "email_verified": {
-          "name": "email_verified",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "image": {
-          "name": "image",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "username": {
-          "name": "username",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "github_url": {
-          "name": "github_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "x_url": {
-          "name": "x_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "youtube_url": {
-          "name": "youtube_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "email_notifications": {
-          "name": "email_notifications",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "role": {
-          "name": "role",
-          "type": "auth_user_roles",
-          "typeSchema": "public",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "'user'"
-        },
-        "banned": {
-          "name": "banned",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "ban_reason": {
-          "name": "ban_reason",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "ban_expires": {
-          "name": "ban_expires",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "email_unique_index": {
-          "name": "email_unique_index",
-          "columns": [
-            {
-              "expression": "lower(\"email\")",
-              "asc": true,
-              "isExpression": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": true,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "username_unique_index": {
-          "name": "username_unique_index",
-          "columns": [
-            {
-              "expression": "lower(\"username\")",
-              "asc": true,
-              "isExpression": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": true,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_verifications": {
-      "name": "auth_verifications",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "value": {
-          "name": "value",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "identifier": {
-          "name": "identifier",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "expires_at": {
-          "name": "expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "verification_identifier_index": {
-          "name": "verification_identifier_index",
-          "columns": [
-            {
-              "expression": "identifier",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.feedback": {
-      "name": "feedback",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "message": {
-          "name": "message",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "images": {
-          "name": "images",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scene_graph": {
-          "name": "scene_graph",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_addresses": {
-      "name": "projects_addresses",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "street_number": {
-          "name": "street_number",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "route": {
-          "name": "route",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "route_short": {
-          "name": "route_short",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "neighborhood": {
-          "name": "neighborhood",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "city": {
-          "name": "city",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "county": {
-          "name": "county",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "state": {
-          "name": "state",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "state_long": {
-          "name": "state_long",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "postal_code": {
-          "name": "postal_code",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "postal_code_suffix": {
-          "name": "postal_code_suffix",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "country": {
-          "name": "country",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "country_long": {
-          "name": "country_long",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "latitude": {
-          "name": "latitude",
-          "type": "numeric",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "longitude": {
-          "name": "longitude",
-          "type": "numeric",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "raw_json": {
-          "name": "raw_json",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {
-        "address_components_unique": {
-          "name": "address_components_unique",
-          "nullsNotDistinct": false,
-          "columns": [
-            "street_number",
-            "route",
-            "city",
-            "state",
-            "postal_code"
-          ]
-        }
-      },
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_likes": {
-      "name": "projects_likes",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "projects_likes_project_id_projects_id_fk": {
-          "name": "projects_likes_project_id_projects_id_fk",
-          "tableFrom": "projects_likes",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {
-        "projects_likes_project_user_unique": {
-          "name": "projects_likes_project_user_unique",
-          "nullsNotDistinct": false,
-          "columns": [
-            "project_id",
-            "user_id"
-          ]
-        }
-      },
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_models": {
-      "name": "projects_models",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "version": {
-          "name": "version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": false,
-          "default": 1
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "draft": {
-          "name": "draft",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": false,
-          "default": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scene_graph": {
-          "name": "scene_graph",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "metadata": {
-          "name": "metadata",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "deleted_at": {
-          "name": "deleted_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "projects_models_project_id_projects_id_fk": {
-          "name": "projects_models_project_id_projects_id_fk",
-          "tableFrom": "projects_models",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects": {
-      "name": "projects",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "address_id": {
-          "name": "address_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "owner_id": {
-          "name": "owner_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "details_json": {
-          "name": "details_json",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "metadata": {
-          "name": "metadata",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "is_private": {
-          "name": "is_private",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "show_scans_public": {
-          "name": "show_scans_public",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "show_guides_public": {
-          "name": "show_guides_public",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "views": {
-          "name": "views",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "default": 0
-        },
-        "likes": {
-          "name": "likes",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "default": 0
-        },
-        "thumbnail_url": {
-          "name": "thumbnail_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "project_address_idx": {
-          "name": "project_address_idx",
-          "columns": [
-            {
-              "expression": "address_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_owner_idx": {
-          "name": "project_owner_idx",
-          "columns": [
-            {
-              "expression": "owner_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_is_private_idx": {
-          "name": "project_is_private_idx",
-          "columns": [
-            {
-              "expression": "is_private",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_views_idx": {
-          "name": "project_views_idx",
-          "columns": [
-            {
-              "expression": "views",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_likes_idx": {
-          "name": "project_likes_idx",
-          "columns": [
-            {
-              "expression": "likes",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {
-        "projects_address_id_projects_addresses_id_fk": {
-          "name": "projects_address_id_projects_addresses_id_fk",
-          "tableFrom": "projects",
-          "tableTo": "projects_addresses",
-          "columnsFrom": [
-            "address_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        },
-        "projects_owner_id_auth_users_id_fk": {
-          "name": "projects_owner_id_auth_users_id_fk",
-          "tableFrom": "projects",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "owner_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    }
-  },
-  "enums": {
-    "public.auth_user_roles": {
-      "name": "auth_user_roles",
-      "schema": "public",
-      "values": [
-        "user",
-        "admin"
-      ]
-    }
-  },
-  "schemas": {},
-  "sequences": {},
-  "roles": {},
-  "policies": {},
-  "views": {},
-  "_meta": {
-    "columns": {},
-    "schemas": {},
-    "tables": {}
-  }
-}
\ No newline at end of file
diff --git a/supabase/migrations/meta/20260226002554_snapshot.json b/supabase/migrations/meta/20260226002554_snapshot.json
deleted file mode 100644
index 16b6250f..00000000
--- a/supabase/migrations/meta/20260226002554_snapshot.json
+++ /dev/null
@@ -1,1128 +0,0 @@
-{
-  "id": "0d2d0fe5-900e-410c-aa0b-e44aa124e5de",
-  "prevId": "709551b6-3bd6-4cc4-bf0f-683ccc08b2b9",
-  "version": "7",
-  "dialect": "postgresql",
-  "tables": {
-    "public.auth_accounts": {
-      "name": "auth_accounts",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "provider_id": {
-          "name": "provider_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "account_id": {
-          "name": "account_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "password": {
-          "name": "password",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "access_token": {
-          "name": "access_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "refresh_token": {
-          "name": "refresh_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "id_token": {
-          "name": "id_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "access_token_expires_at": {
-          "name": "access_token_expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "refresh_token_expires_at": {
-          "name": "refresh_token_expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scope": {
-          "name": "scope",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "auth_accounts_user_id_auth_users_id_fk": {
-          "name": "auth_accounts_user_id_auth_users_id_fk",
-          "tableFrom": "auth_accounts",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_jwks": {
-      "name": "auth_jwks",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "public_key": {
-          "name": "public_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "private_key": {
-          "name": "private_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_sessions": {
-      "name": "auth_sessions",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "expires_at": {
-          "name": "expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "token": {
-          "name": "token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "ip_address": {
-          "name": "ip_address",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "user_agent": {
-          "name": "user_agent",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "active_project_id": {
-          "name": "active_project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "impersonated_by": {
-          "name": "impersonated_by",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "auth_sessions_user_id_auth_users_id_fk": {
-          "name": "auth_sessions_user_id_auth_users_id_fk",
-          "tableFrom": "auth_sessions",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        },
-        "auth_sessions_impersonated_by_auth_users_id_fk": {
-          "name": "auth_sessions_impersonated_by_auth_users_id_fk",
-          "tableFrom": "auth_sessions",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "impersonated_by"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_users": {
-      "name": "auth_users",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "email": {
-          "name": "email",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "email_verified": {
-          "name": "email_verified",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "image": {
-          "name": "image",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "username": {
-          "name": "username",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "github_url": {
-          "name": "github_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "x_url": {
-          "name": "x_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "youtube_url": {
-          "name": "youtube_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "email_notifications": {
-          "name": "email_notifications",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "role": {
-          "name": "role",
-          "type": "auth_user_roles",
-          "typeSchema": "public",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "'user'"
-        },
-        "banned": {
-          "name": "banned",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "ban_reason": {
-          "name": "ban_reason",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "ban_expires": {
-          "name": "ban_expires",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "email_unique_index": {
-          "name": "email_unique_index",
-          "columns": [
-            {
-              "expression": "lower(\"email\")",
-              "asc": true,
-              "isExpression": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": true,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "username_unique_index": {
-          "name": "username_unique_index",
-          "columns": [
-            {
-              "expression": "lower(\"username\")",
-              "asc": true,
-              "isExpression": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": true,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_verifications": {
-      "name": "auth_verifications",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "value": {
-          "name": "value",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "identifier": {
-          "name": "identifier",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "expires_at": {
-          "name": "expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "verification_identifier_index": {
-          "name": "verification_identifier_index",
-          "columns": [
-            {
-              "expression": "identifier",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.feedback": {
-      "name": "feedback",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "message": {
-          "name": "message",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "images": {
-          "name": "images",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scene_graph": {
-          "name": "scene_graph",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_addresses": {
-      "name": "projects_addresses",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "street_number": {
-          "name": "street_number",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "route": {
-          "name": "route",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "route_short": {
-          "name": "route_short",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "neighborhood": {
-          "name": "neighborhood",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "city": {
-          "name": "city",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "county": {
-          "name": "county",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "state": {
-          "name": "state",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "state_long": {
-          "name": "state_long",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "postal_code": {
-          "name": "postal_code",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "postal_code_suffix": {
-          "name": "postal_code_suffix",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "country": {
-          "name": "country",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "country_long": {
-          "name": "country_long",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "latitude": {
-          "name": "latitude",
-          "type": "numeric",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "longitude": {
-          "name": "longitude",
-          "type": "numeric",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "raw_json": {
-          "name": "raw_json",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {
-        "address_components_unique": {
-          "name": "address_components_unique",
-          "nullsNotDistinct": false,
-          "columns": [
-            "street_number",
-            "route",
-            "city",
-            "state",
-            "postal_code"
-          ]
-        }
-      },
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.project_assets": {
-      "name": "project_assets",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "storage_key": {
-          "name": "storage_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "url": {
-          "name": "url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "type": {
-          "name": "type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "original_name": {
-          "name": "original_name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "mime_type": {
-          "name": "mime_type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "project_assets_project_id_projects_id_fk": {
-          "name": "project_assets_project_id_projects_id_fk",
-          "tableFrom": "project_assets",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_likes": {
-      "name": "projects_likes",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "projects_likes_project_id_projects_id_fk": {
-          "name": "projects_likes_project_id_projects_id_fk",
-          "tableFrom": "projects_likes",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {
-        "projects_likes_project_user_unique": {
-          "name": "projects_likes_project_user_unique",
-          "nullsNotDistinct": false,
-          "columns": [
-            "project_id",
-            "user_id"
-          ]
-        }
-      },
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_models": {
-      "name": "projects_models",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "version": {
-          "name": "version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": false,
-          "default": 1
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "draft": {
-          "name": "draft",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": false,
-          "default": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scene_graph": {
-          "name": "scene_graph",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "metadata": {
-          "name": "metadata",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "deleted_at": {
-          "name": "deleted_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "projects_models_project_id_projects_id_fk": {
-          "name": "projects_models_project_id_projects_id_fk",
-          "tableFrom": "projects_models",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects": {
-      "name": "projects",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "address_id": {
-          "name": "address_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "owner_id": {
-          "name": "owner_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "details_json": {
-          "name": "details_json",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "metadata": {
-          "name": "metadata",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "is_private": {
-          "name": "is_private",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "show_scans_public": {
-          "name": "show_scans_public",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "show_guides_public": {
-          "name": "show_guides_public",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "views": {
-          "name": "views",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "default": 0
-        },
-        "likes": {
-          "name": "likes",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "default": 0
-        },
-        "thumbnail_url": {
-          "name": "thumbnail_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "project_address_idx": {
-          "name": "project_address_idx",
-          "columns": [
-            {
-              "expression": "address_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_owner_idx": {
-          "name": "project_owner_idx",
-          "columns": [
-            {
-              "expression": "owner_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_is_private_idx": {
-          "name": "project_is_private_idx",
-          "columns": [
-            {
-              "expression": "is_private",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_views_idx": {
-          "name": "project_views_idx",
-          "columns": [
-            {
-              "expression": "views",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_likes_idx": {
-          "name": "project_likes_idx",
-          "columns": [
-            {
-              "expression": "likes",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {
-        "projects_address_id_projects_addresses_id_fk": {
-          "name": "projects_address_id_projects_addresses_id_fk",
-          "tableFrom": "projects",
-          "tableTo": "projects_addresses",
-          "columnsFrom": [
-            "address_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        },
-        "projects_owner_id_auth_users_id_fk": {
-          "name": "projects_owner_id_auth_users_id_fk",
-          "tableFrom": "projects",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "owner_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    }
-  },
-  "enums": {
-    "public.auth_user_roles": {
-      "name": "auth_user_roles",
-      "schema": "public",
-      "values": [
-        "user",
-        "admin"
-      ]
-    }
-  },
-  "schemas": {},
-  "sequences": {},
-  "roles": {},
-  "policies": {},
-  "views": {},
-  "_meta": {
-    "columns": {},
-    "schemas": {},
-    "tables": {}
-  }
-}
\ No newline at end of file
diff --git a/supabase/migrations/meta/20260227173402_snapshot.json b/supabase/migrations/meta/20260227173402_snapshot.json
deleted file mode 100644
index 5372acb5..00000000
--- a/supabase/migrations/meta/20260227173402_snapshot.json
+++ /dev/null
@@ -1,1128 +0,0 @@
-{
-  "id": "62f78c14-f7f8-423a-be0f-c712160251f3",
-  "prevId": "0d2d0fe5-900e-410c-aa0b-e44aa124e5de",
-  "version": "7",
-  "dialect": "postgresql",
-  "tables": {
-    "public.auth_accounts": {
-      "name": "auth_accounts",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "provider_id": {
-          "name": "provider_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "account_id": {
-          "name": "account_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "password": {
-          "name": "password",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "access_token": {
-          "name": "access_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "refresh_token": {
-          "name": "refresh_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "id_token": {
-          "name": "id_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "access_token_expires_at": {
-          "name": "access_token_expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "refresh_token_expires_at": {
-          "name": "refresh_token_expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scope": {
-          "name": "scope",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "auth_accounts_user_id_auth_users_id_fk": {
-          "name": "auth_accounts_user_id_auth_users_id_fk",
-          "tableFrom": "auth_accounts",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_jwks": {
-      "name": "auth_jwks",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "public_key": {
-          "name": "public_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "private_key": {
-          "name": "private_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_sessions": {
-      "name": "auth_sessions",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "expires_at": {
-          "name": "expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "token": {
-          "name": "token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "ip_address": {
-          "name": "ip_address",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "user_agent": {
-          "name": "user_agent",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "active_project_id": {
-          "name": "active_project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "impersonated_by": {
-          "name": "impersonated_by",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "auth_sessions_user_id_auth_users_id_fk": {
-          "name": "auth_sessions_user_id_auth_users_id_fk",
-          "tableFrom": "auth_sessions",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        },
-        "auth_sessions_impersonated_by_auth_users_id_fk": {
-          "name": "auth_sessions_impersonated_by_auth_users_id_fk",
-          "tableFrom": "auth_sessions",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "impersonated_by"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_users": {
-      "name": "auth_users",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "email": {
-          "name": "email",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "email_verified": {
-          "name": "email_verified",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "image": {
-          "name": "image",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "username": {
-          "name": "username",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "github_url": {
-          "name": "github_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "x_url": {
-          "name": "x_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "youtube_url": {
-          "name": "youtube_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "email_notifications": {
-          "name": "email_notifications",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "role": {
-          "name": "role",
-          "type": "auth_user_roles",
-          "typeSchema": "public",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "'user'"
-        },
-        "banned": {
-          "name": "banned",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "ban_reason": {
-          "name": "ban_reason",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "ban_expires": {
-          "name": "ban_expires",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "email_unique_index": {
-          "name": "email_unique_index",
-          "columns": [
-            {
-              "expression": "lower(\"email\")",
-              "asc": true,
-              "isExpression": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": true,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "username_unique_index": {
-          "name": "username_unique_index",
-          "columns": [
-            {
-              "expression": "lower(\"username\")",
-              "asc": true,
-              "isExpression": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": true,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_verifications": {
-      "name": "auth_verifications",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "value": {
-          "name": "value",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "identifier": {
-          "name": "identifier",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "expires_at": {
-          "name": "expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "verification_identifier_index": {
-          "name": "verification_identifier_index",
-          "columns": [
-            {
-              "expression": "identifier",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.feedback": {
-      "name": "feedback",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "message": {
-          "name": "message",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "images": {
-          "name": "images",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scene_graph": {
-          "name": "scene_graph",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_addresses": {
-      "name": "projects_addresses",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "street_number": {
-          "name": "street_number",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "route": {
-          "name": "route",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "route_short": {
-          "name": "route_short",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "neighborhood": {
-          "name": "neighborhood",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "city": {
-          "name": "city",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "county": {
-          "name": "county",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "state": {
-          "name": "state",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "state_long": {
-          "name": "state_long",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "postal_code": {
-          "name": "postal_code",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "postal_code_suffix": {
-          "name": "postal_code_suffix",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "country": {
-          "name": "country",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "country_long": {
-          "name": "country_long",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "latitude": {
-          "name": "latitude",
-          "type": "numeric",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "longitude": {
-          "name": "longitude",
-          "type": "numeric",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "raw_json": {
-          "name": "raw_json",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {
-        "address_components_unique": {
-          "name": "address_components_unique",
-          "nullsNotDistinct": false,
-          "columns": [
-            "street_number",
-            "route",
-            "city",
-            "state",
-            "postal_code"
-          ]
-        }
-      },
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.project_assets": {
-      "name": "project_assets",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "storage_key": {
-          "name": "storage_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "url": {
-          "name": "url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "type": {
-          "name": "type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "original_name": {
-          "name": "original_name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "mime_type": {
-          "name": "mime_type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "project_assets_project_id_projects_id_fk": {
-          "name": "project_assets_project_id_projects_id_fk",
-          "tableFrom": "project_assets",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_likes": {
-      "name": "projects_likes",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "projects_likes_project_id_projects_id_fk": {
-          "name": "projects_likes_project_id_projects_id_fk",
-          "tableFrom": "projects_likes",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {
-        "projects_likes_project_user_unique": {
-          "name": "projects_likes_project_user_unique",
-          "nullsNotDistinct": false,
-          "columns": [
-            "project_id",
-            "user_id"
-          ]
-        }
-      },
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_models": {
-      "name": "projects_models",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "version": {
-          "name": "version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": false,
-          "default": 1
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "draft": {
-          "name": "draft",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": false,
-          "default": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scene_graph": {
-          "name": "scene_graph",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "metadata": {
-          "name": "metadata",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "deleted_at": {
-          "name": "deleted_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "projects_models_project_id_projects_id_fk": {
-          "name": "projects_models_project_id_projects_id_fk",
-          "tableFrom": "projects_models",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects": {
-      "name": "projects",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "address_id": {
-          "name": "address_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "owner_id": {
-          "name": "owner_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "details_json": {
-          "name": "details_json",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "metadata": {
-          "name": "metadata",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "is_private": {
-          "name": "is_private",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "show_scans_public": {
-          "name": "show_scans_public",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "show_guides_public": {
-          "name": "show_guides_public",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "views": {
-          "name": "views",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "default": 0
-        },
-        "likes": {
-          "name": "likes",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "default": 0
-        },
-        "thumbnail_url": {
-          "name": "thumbnail_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "project_address_idx": {
-          "name": "project_address_idx",
-          "columns": [
-            {
-              "expression": "address_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_owner_idx": {
-          "name": "project_owner_idx",
-          "columns": [
-            {
-              "expression": "owner_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_is_private_idx": {
-          "name": "project_is_private_idx",
-          "columns": [
-            {
-              "expression": "is_private",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_views_idx": {
-          "name": "project_views_idx",
-          "columns": [
-            {
-              "expression": "views",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_likes_idx": {
-          "name": "project_likes_idx",
-          "columns": [
-            {
-              "expression": "likes",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {
-        "projects_address_id_projects_addresses_id_fk": {
-          "name": "projects_address_id_projects_addresses_id_fk",
-          "tableFrom": "projects",
-          "tableTo": "projects_addresses",
-          "columnsFrom": [
-            "address_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        },
-        "projects_owner_id_auth_users_id_fk": {
-          "name": "projects_owner_id_auth_users_id_fk",
-          "tableFrom": "projects",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "owner_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    }
-  },
-  "enums": {
-    "public.auth_user_roles": {
-      "name": "auth_user_roles",
-      "schema": "public",
-      "values": [
-        "user",
-        "admin"
-      ]
-    }
-  },
-  "schemas": {},
-  "sequences": {},
-  "roles": {},
-  "policies": {},
-  "views": {},
-  "_meta": {
-    "columns": {},
-    "schemas": {},
-    "tables": {}
-  }
-}
\ No newline at end of file
diff --git a/supabase/migrations/meta/20260227200237_snapshot.json b/supabase/migrations/meta/20260227200237_snapshot.json
deleted file mode 100644
index 82203ee1..00000000
--- a/supabase/migrations/meta/20260227200237_snapshot.json
+++ /dev/null
@@ -1,1135 +0,0 @@
-{
-  "id": "1e54bffc-eb81-4d5f-b2f7-0f006e46e939",
-  "prevId": "62f78c14-f7f8-423a-be0f-c712160251f3",
-  "version": "7",
-  "dialect": "postgresql",
-  "tables": {
-    "public.auth_accounts": {
-      "name": "auth_accounts",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "provider_id": {
-          "name": "provider_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "account_id": {
-          "name": "account_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "password": {
-          "name": "password",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "access_token": {
-          "name": "access_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "refresh_token": {
-          "name": "refresh_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "id_token": {
-          "name": "id_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "access_token_expires_at": {
-          "name": "access_token_expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "refresh_token_expires_at": {
-          "name": "refresh_token_expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scope": {
-          "name": "scope",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "auth_accounts_user_id_auth_users_id_fk": {
-          "name": "auth_accounts_user_id_auth_users_id_fk",
-          "tableFrom": "auth_accounts",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_jwks": {
-      "name": "auth_jwks",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "public_key": {
-          "name": "public_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "private_key": {
-          "name": "private_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_sessions": {
-      "name": "auth_sessions",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "expires_at": {
-          "name": "expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "token": {
-          "name": "token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "ip_address": {
-          "name": "ip_address",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "user_agent": {
-          "name": "user_agent",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "active_project_id": {
-          "name": "active_project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "impersonated_by": {
-          "name": "impersonated_by",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "auth_sessions_user_id_auth_users_id_fk": {
-          "name": "auth_sessions_user_id_auth_users_id_fk",
-          "tableFrom": "auth_sessions",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        },
-        "auth_sessions_impersonated_by_auth_users_id_fk": {
-          "name": "auth_sessions_impersonated_by_auth_users_id_fk",
-          "tableFrom": "auth_sessions",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "impersonated_by"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_users": {
-      "name": "auth_users",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "email": {
-          "name": "email",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "email_verified": {
-          "name": "email_verified",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "image": {
-          "name": "image",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "username": {
-          "name": "username",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "github_url": {
-          "name": "github_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "x_url": {
-          "name": "x_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "youtube_url": {
-          "name": "youtube_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "email_notifications": {
-          "name": "email_notifications",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "role": {
-          "name": "role",
-          "type": "auth_user_roles",
-          "typeSchema": "public",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "'user'"
-        },
-        "banned": {
-          "name": "banned",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "ban_reason": {
-          "name": "ban_reason",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "ban_expires": {
-          "name": "ban_expires",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "email_unique_index": {
-          "name": "email_unique_index",
-          "columns": [
-            {
-              "expression": "lower(\"email\")",
-              "asc": true,
-              "isExpression": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": true,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "username_unique_index": {
-          "name": "username_unique_index",
-          "columns": [
-            {
-              "expression": "lower(\"username\")",
-              "asc": true,
-              "isExpression": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": true,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_verifications": {
-      "name": "auth_verifications",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "value": {
-          "name": "value",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "identifier": {
-          "name": "identifier",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "expires_at": {
-          "name": "expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "verification_identifier_index": {
-          "name": "verification_identifier_index",
-          "columns": [
-            {
-              "expression": "identifier",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.feedback": {
-      "name": "feedback",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "message": {
-          "name": "message",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "images": {
-          "name": "images",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scene_graph": {
-          "name": "scene_graph",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_addresses": {
-      "name": "projects_addresses",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "street_number": {
-          "name": "street_number",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "route": {
-          "name": "route",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "route_short": {
-          "name": "route_short",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "neighborhood": {
-          "name": "neighborhood",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "city": {
-          "name": "city",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "county": {
-          "name": "county",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "state": {
-          "name": "state",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "state_long": {
-          "name": "state_long",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "postal_code": {
-          "name": "postal_code",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "postal_code_suffix": {
-          "name": "postal_code_suffix",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "country": {
-          "name": "country",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "country_long": {
-          "name": "country_long",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "latitude": {
-          "name": "latitude",
-          "type": "numeric",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "longitude": {
-          "name": "longitude",
-          "type": "numeric",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "raw_json": {
-          "name": "raw_json",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {
-        "address_components_unique": {
-          "name": "address_components_unique",
-          "nullsNotDistinct": false,
-          "columns": [
-            "street_number",
-            "route",
-            "city",
-            "state",
-            "postal_code"
-          ]
-        }
-      },
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.project_assets": {
-      "name": "project_assets",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "storage_key": {
-          "name": "storage_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "url": {
-          "name": "url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "type": {
-          "name": "type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "original_name": {
-          "name": "original_name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "mime_type": {
-          "name": "mime_type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "project_assets_project_id_projects_id_fk": {
-          "name": "project_assets_project_id_projects_id_fk",
-          "tableFrom": "project_assets",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_likes": {
-      "name": "projects_likes",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "projects_likes_project_id_projects_id_fk": {
-          "name": "projects_likes_project_id_projects_id_fk",
-          "tableFrom": "projects_likes",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {
-        "projects_likes_project_user_unique": {
-          "name": "projects_likes_project_user_unique",
-          "nullsNotDistinct": false,
-          "columns": [
-            "project_id",
-            "user_id"
-          ]
-        }
-      },
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_models": {
-      "name": "projects_models",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "version": {
-          "name": "version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": false,
-          "default": 1
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "draft": {
-          "name": "draft",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": false,
-          "default": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scene_graph": {
-          "name": "scene_graph",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "metadata": {
-          "name": "metadata",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "deleted_at": {
-          "name": "deleted_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "projects_models_project_id_projects_id_fk": {
-          "name": "projects_models_project_id_projects_id_fk",
-          "tableFrom": "projects_models",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects": {
-      "name": "projects",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "address_id": {
-          "name": "address_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "owner_id": {
-          "name": "owner_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "details_json": {
-          "name": "details_json",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "metadata": {
-          "name": "metadata",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "is_private": {
-          "name": "is_private",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "is_empty": {
-          "name": "is_empty",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "show_scans_public": {
-          "name": "show_scans_public",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "show_guides_public": {
-          "name": "show_guides_public",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "views": {
-          "name": "views",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "default": 0
-        },
-        "likes": {
-          "name": "likes",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "default": 0
-        },
-        "thumbnail_url": {
-          "name": "thumbnail_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "project_address_idx": {
-          "name": "project_address_idx",
-          "columns": [
-            {
-              "expression": "address_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_owner_idx": {
-          "name": "project_owner_idx",
-          "columns": [
-            {
-              "expression": "owner_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_is_private_idx": {
-          "name": "project_is_private_idx",
-          "columns": [
-            {
-              "expression": "is_private",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_views_idx": {
-          "name": "project_views_idx",
-          "columns": [
-            {
-              "expression": "views",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_likes_idx": {
-          "name": "project_likes_idx",
-          "columns": [
-            {
-              "expression": "likes",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {
-        "projects_address_id_projects_addresses_id_fk": {
-          "name": "projects_address_id_projects_addresses_id_fk",
-          "tableFrom": "projects",
-          "tableTo": "projects_addresses",
-          "columnsFrom": [
-            "address_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        },
-        "projects_owner_id_auth_users_id_fk": {
-          "name": "projects_owner_id_auth_users_id_fk",
-          "tableFrom": "projects",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "owner_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    }
-  },
-  "enums": {
-    "public.auth_user_roles": {
-      "name": "auth_user_roles",
-      "schema": "public",
-      "values": [
-        "user",
-        "admin"
-      ]
-    }
-  },
-  "schemas": {},
-  "sequences": {},
-  "roles": {},
-  "policies": {},
-  "views": {},
-  "_meta": {
-    "columns": {},
-    "schemas": {},
-    "tables": {}
-  }
-}
\ No newline at end of file
diff --git a/supabase/migrations/meta/20260227204328_snapshot.json b/supabase/migrations/meta/20260227204328_snapshot.json
deleted file mode 100644
index 9b5367ca..00000000
--- a/supabase/migrations/meta/20260227204328_snapshot.json
+++ /dev/null
@@ -1,1135 +0,0 @@
-{
-  "id": "b7bcfd85-59f4-4979-aa8c-69dcb20c4b32",
-  "prevId": "1e54bffc-eb81-4d5f-b2f7-0f006e46e939",
-  "version": "7",
-  "dialect": "postgresql",
-  "tables": {
-    "public.auth_accounts": {
-      "name": "auth_accounts",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "provider_id": {
-          "name": "provider_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "account_id": {
-          "name": "account_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "password": {
-          "name": "password",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "access_token": {
-          "name": "access_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "refresh_token": {
-          "name": "refresh_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "id_token": {
-          "name": "id_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "access_token_expires_at": {
-          "name": "access_token_expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "refresh_token_expires_at": {
-          "name": "refresh_token_expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scope": {
-          "name": "scope",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "auth_accounts_user_id_auth_users_id_fk": {
-          "name": "auth_accounts_user_id_auth_users_id_fk",
-          "tableFrom": "auth_accounts",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "tableTo": "auth_users",
-          "columnsTo": [
-            "id"
-          ],
-          "onUpdate": "no action",
-          "onDelete": "cascade"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_jwks": {
-      "name": "auth_jwks",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "public_key": {
-          "name": "public_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "private_key": {
-          "name": "private_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_sessions": {
-      "name": "auth_sessions",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "expires_at": {
-          "name": "expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "token": {
-          "name": "token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "ip_address": {
-          "name": "ip_address",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "user_agent": {
-          "name": "user_agent",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "active_project_id": {
-          "name": "active_project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "impersonated_by": {
-          "name": "impersonated_by",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "auth_sessions_user_id_auth_users_id_fk": {
-          "name": "auth_sessions_user_id_auth_users_id_fk",
-          "tableFrom": "auth_sessions",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "tableTo": "auth_users",
-          "columnsTo": [
-            "id"
-          ],
-          "onUpdate": "no action",
-          "onDelete": "cascade"
-        },
-        "auth_sessions_impersonated_by_auth_users_id_fk": {
-          "name": "auth_sessions_impersonated_by_auth_users_id_fk",
-          "tableFrom": "auth_sessions",
-          "columnsFrom": [
-            "impersonated_by"
-          ],
-          "tableTo": "auth_users",
-          "columnsTo": [
-            "id"
-          ],
-          "onUpdate": "no action",
-          "onDelete": "set null"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_users": {
-      "name": "auth_users",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "email": {
-          "name": "email",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "email_verified": {
-          "name": "email_verified",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "image": {
-          "name": "image",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "username": {
-          "name": "username",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "github_url": {
-          "name": "github_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "x_url": {
-          "name": "x_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "youtube_url": {
-          "name": "youtube_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "email_notifications": {
-          "name": "email_notifications",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "role": {
-          "name": "role",
-          "type": "auth_user_roles",
-          "typeSchema": "public",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "'user'"
-        },
-        "banned": {
-          "name": "banned",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "ban_reason": {
-          "name": "ban_reason",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "ban_expires": {
-          "name": "ban_expires",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "email_unique_index": {
-          "name": "email_unique_index",
-          "columns": [
-            {
-              "expression": "lower(\"email\")",
-              "isExpression": true,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": true,
-          "with": {},
-          "method": "btree",
-          "concurrently": false
-        },
-        "username_unique_index": {
-          "name": "username_unique_index",
-          "columns": [
-            {
-              "expression": "lower(\"username\")",
-              "isExpression": true,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": true,
-          "with": {},
-          "method": "btree",
-          "concurrently": false
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_verifications": {
-      "name": "auth_verifications",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "value": {
-          "name": "value",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "identifier": {
-          "name": "identifier",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "expires_at": {
-          "name": "expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "verification_identifier_index": {
-          "name": "verification_identifier_index",
-          "columns": [
-            {
-              "expression": "identifier",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "with": {},
-          "method": "btree",
-          "concurrently": false
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.feedback": {
-      "name": "feedback",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "message": {
-          "name": "message",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "images": {
-          "name": "images",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scene_graph": {
-          "name": "scene_graph",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_addresses": {
-      "name": "projects_addresses",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "street_number": {
-          "name": "street_number",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "route": {
-          "name": "route",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "route_short": {
-          "name": "route_short",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "neighborhood": {
-          "name": "neighborhood",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "city": {
-          "name": "city",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "county": {
-          "name": "county",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "state": {
-          "name": "state",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "state_long": {
-          "name": "state_long",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "postal_code": {
-          "name": "postal_code",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "postal_code_suffix": {
-          "name": "postal_code_suffix",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "country": {
-          "name": "country",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "country_long": {
-          "name": "country_long",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "latitude": {
-          "name": "latitude",
-          "type": "numeric",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "longitude": {
-          "name": "longitude",
-          "type": "numeric",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "raw_json": {
-          "name": "raw_json",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {
-        "address_components_unique": {
-          "name": "address_components_unique",
-          "columns": [
-            "street_number",
-            "route",
-            "city",
-            "state",
-            "postal_code"
-          ],
-          "nullsNotDistinct": false
-        }
-      },
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.project_assets": {
-      "name": "project_assets",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "storage_key": {
-          "name": "storage_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "url": {
-          "name": "url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "type": {
-          "name": "type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "original_name": {
-          "name": "original_name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "mime_type": {
-          "name": "mime_type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "project_assets_project_id_projects_id_fk": {
-          "name": "project_assets_project_id_projects_id_fk",
-          "tableFrom": "project_assets",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "tableTo": "projects",
-          "columnsTo": [
-            "id"
-          ],
-          "onUpdate": "no action",
-          "onDelete": "cascade"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_likes": {
-      "name": "projects_likes",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "projects_likes_project_id_projects_id_fk": {
-          "name": "projects_likes_project_id_projects_id_fk",
-          "tableFrom": "projects_likes",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "tableTo": "projects",
-          "columnsTo": [
-            "id"
-          ],
-          "onUpdate": "no action",
-          "onDelete": "cascade"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {
-        "projects_likes_project_user_unique": {
-          "name": "projects_likes_project_user_unique",
-          "columns": [
-            "project_id",
-            "user_id"
-          ],
-          "nullsNotDistinct": false
-        }
-      },
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_models": {
-      "name": "projects_models",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "version": {
-          "name": "version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": false,
-          "default": 1
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "draft": {
-          "name": "draft",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": false,
-          "default": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scene_graph": {
-          "name": "scene_graph",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "metadata": {
-          "name": "metadata",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "deleted_at": {
-          "name": "deleted_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "projects_models_project_id_projects_id_fk": {
-          "name": "projects_models_project_id_projects_id_fk",
-          "tableFrom": "projects_models",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "tableTo": "projects",
-          "columnsTo": [
-            "id"
-          ],
-          "onUpdate": "no action",
-          "onDelete": "set null"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects": {
-      "name": "projects",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "address_id": {
-          "name": "address_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "owner_id": {
-          "name": "owner_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "details_json": {
-          "name": "details_json",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "metadata": {
-          "name": "metadata",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "is_private": {
-          "name": "is_private",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "is_empty": {
-          "name": "is_empty",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "show_scans_public": {
-          "name": "show_scans_public",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "show_guides_public": {
-          "name": "show_guides_public",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "views": {
-          "name": "views",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "default": 0
-        },
-        "likes": {
-          "name": "likes",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "default": 0
-        },
-        "thumbnail_url": {
-          "name": "thumbnail_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "project_address_idx": {
-          "name": "project_address_idx",
-          "columns": [
-            {
-              "expression": "address_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "with": {},
-          "method": "btree",
-          "concurrently": false
-        },
-        "project_owner_idx": {
-          "name": "project_owner_idx",
-          "columns": [
-            {
-              "expression": "owner_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "with": {},
-          "method": "btree",
-          "concurrently": false
-        },
-        "project_is_private_idx": {
-          "name": "project_is_private_idx",
-          "columns": [
-            {
-              "expression": "is_private",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "with": {},
-          "method": "btree",
-          "concurrently": false
-        },
-        "project_views_idx": {
-          "name": "project_views_idx",
-          "columns": [
-            {
-              "expression": "views",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "with": {},
-          "method": "btree",
-          "concurrently": false
-        },
-        "project_likes_idx": {
-          "name": "project_likes_idx",
-          "columns": [
-            {
-              "expression": "likes",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "with": {},
-          "method": "btree",
-          "concurrently": false
-        }
-      },
-      "foreignKeys": {
-        "projects_address_id_projects_addresses_id_fk": {
-          "name": "projects_address_id_projects_addresses_id_fk",
-          "tableFrom": "projects",
-          "columnsFrom": [
-            "address_id"
-          ],
-          "tableTo": "projects_addresses",
-          "columnsTo": [
-            "id"
-          ],
-          "onUpdate": "no action",
-          "onDelete": "set null"
-        },
-        "projects_owner_id_auth_users_id_fk": {
-          "name": "projects_owner_id_auth_users_id_fk",
-          "tableFrom": "projects",
-          "columnsFrom": [
-            "owner_id"
-          ],
-          "tableTo": "auth_users",
-          "columnsTo": [
-            "id"
-          ],
-          "onUpdate": "no action",
-          "onDelete": "set null"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    }
-  },
-  "enums": {
-    "public.auth_user_roles": {
-      "name": "auth_user_roles",
-      "schema": "public",
-      "values": [
-        "user",
-        "admin"
-      ]
-    }
-  },
-  "schemas": {},
-  "views": {},
-  "sequences": {},
-  "roles": {},
-  "policies": {},
-  "_meta": {
-    "columns": {},
-    "schemas": {},
-    "tables": {}
-  }
-}
\ No newline at end of file
diff --git a/supabase/migrations/meta/20260303213529_snapshot.json b/supabase/migrations/meta/20260303213529_snapshot.json
deleted file mode 100644
index 9ddc2701..00000000
--- a/supabase/migrations/meta/20260303213529_snapshot.json
+++ /dev/null
@@ -1,1141 +0,0 @@
-{
-  "id": "022423df-5615-44b1-a725-a9c1f4baa074",
-  "prevId": "b7bcfd85-59f4-4979-aa8c-69dcb20c4b32",
-  "version": "7",
-  "dialect": "postgresql",
-  "tables": {
-    "public.auth_accounts": {
-      "name": "auth_accounts",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "provider_id": {
-          "name": "provider_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "account_id": {
-          "name": "account_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "password": {
-          "name": "password",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "access_token": {
-          "name": "access_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "refresh_token": {
-          "name": "refresh_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "id_token": {
-          "name": "id_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "access_token_expires_at": {
-          "name": "access_token_expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "refresh_token_expires_at": {
-          "name": "refresh_token_expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scope": {
-          "name": "scope",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "auth_accounts_user_id_auth_users_id_fk": {
-          "name": "auth_accounts_user_id_auth_users_id_fk",
-          "tableFrom": "auth_accounts",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_jwks": {
-      "name": "auth_jwks",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "public_key": {
-          "name": "public_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "private_key": {
-          "name": "private_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_sessions": {
-      "name": "auth_sessions",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "expires_at": {
-          "name": "expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "token": {
-          "name": "token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "ip_address": {
-          "name": "ip_address",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "user_agent": {
-          "name": "user_agent",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "active_project_id": {
-          "name": "active_project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "impersonated_by": {
-          "name": "impersonated_by",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "auth_sessions_user_id_auth_users_id_fk": {
-          "name": "auth_sessions_user_id_auth_users_id_fk",
-          "tableFrom": "auth_sessions",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        },
-        "auth_sessions_impersonated_by_auth_users_id_fk": {
-          "name": "auth_sessions_impersonated_by_auth_users_id_fk",
-          "tableFrom": "auth_sessions",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "impersonated_by"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_users": {
-      "name": "auth_users",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "email": {
-          "name": "email",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "email_verified": {
-          "name": "email_verified",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "image": {
-          "name": "image",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "username": {
-          "name": "username",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "github_url": {
-          "name": "github_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "x_url": {
-          "name": "x_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "youtube_url": {
-          "name": "youtube_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "email_notifications": {
-          "name": "email_notifications",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "role": {
-          "name": "role",
-          "type": "auth_user_roles",
-          "typeSchema": "public",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "'user'"
-        },
-        "banned": {
-          "name": "banned",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "ban_reason": {
-          "name": "ban_reason",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "ban_expires": {
-          "name": "ban_expires",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "email_unique_index": {
-          "name": "email_unique_index",
-          "columns": [
-            {
-              "expression": "lower(\"email\")",
-              "asc": true,
-              "isExpression": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": true,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "username_unique_index": {
-          "name": "username_unique_index",
-          "columns": [
-            {
-              "expression": "lower(\"username\")",
-              "asc": true,
-              "isExpression": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": true,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_verifications": {
-      "name": "auth_verifications",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "value": {
-          "name": "value",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "identifier": {
-          "name": "identifier",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "expires_at": {
-          "name": "expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "verification_identifier_index": {
-          "name": "verification_identifier_index",
-          "columns": [
-            {
-              "expression": "identifier",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.feedback": {
-      "name": "feedback",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "message": {
-          "name": "message",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "images": {
-          "name": "images",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scene_graph": {
-          "name": "scene_graph",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_addresses": {
-      "name": "projects_addresses",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "street_number": {
-          "name": "street_number",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "route": {
-          "name": "route",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "route_short": {
-          "name": "route_short",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "neighborhood": {
-          "name": "neighborhood",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "city": {
-          "name": "city",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "county": {
-          "name": "county",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "state": {
-          "name": "state",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "state_long": {
-          "name": "state_long",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "postal_code": {
-          "name": "postal_code",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "postal_code_suffix": {
-          "name": "postal_code_suffix",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "country": {
-          "name": "country",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "country_long": {
-          "name": "country_long",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "latitude": {
-          "name": "latitude",
-          "type": "numeric",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "longitude": {
-          "name": "longitude",
-          "type": "numeric",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "raw_json": {
-          "name": "raw_json",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {
-        "address_components_unique": {
-          "name": "address_components_unique",
-          "nullsNotDistinct": false,
-          "columns": [
-            "street_number",
-            "route",
-            "city",
-            "state",
-            "postal_code"
-          ]
-        }
-      },
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.project_assets": {
-      "name": "project_assets",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "storage_key": {
-          "name": "storage_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "url": {
-          "name": "url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "type": {
-          "name": "type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "original_name": {
-          "name": "original_name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "mime_type": {
-          "name": "mime_type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "project_assets_project_id_projects_id_fk": {
-          "name": "project_assets_project_id_projects_id_fk",
-          "tableFrom": "project_assets",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_likes": {
-      "name": "projects_likes",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "projects_likes_project_id_projects_id_fk": {
-          "name": "projects_likes_project_id_projects_id_fk",
-          "tableFrom": "projects_likes",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {
-        "projects_likes_project_user_unique": {
-          "name": "projects_likes_project_user_unique",
-          "nullsNotDistinct": false,
-          "columns": [
-            "project_id",
-            "user_id"
-          ]
-        }
-      },
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_models": {
-      "name": "projects_models",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "version": {
-          "name": "version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": false,
-          "default": 1
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "draft": {
-          "name": "draft",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": false,
-          "default": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scene_graph": {
-          "name": "scene_graph",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "metadata": {
-          "name": "metadata",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "deleted_at": {
-          "name": "deleted_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "projects_models_project_id_projects_id_fk": {
-          "name": "projects_models_project_id_projects_id_fk",
-          "tableFrom": "projects_models",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects": {
-      "name": "projects",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "address_id": {
-          "name": "address_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "owner_id": {
-          "name": "owner_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "details_json": {
-          "name": "details_json",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "metadata": {
-          "name": "metadata",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "published_model_version": {
-          "name": "published_model_version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "is_private": {
-          "name": "is_private",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "is_empty": {
-          "name": "is_empty",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "show_scans_public": {
-          "name": "show_scans_public",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "show_guides_public": {
-          "name": "show_guides_public",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "views": {
-          "name": "views",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "default": 0
-        },
-        "likes": {
-          "name": "likes",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "default": 0
-        },
-        "thumbnail_url": {
-          "name": "thumbnail_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "project_address_idx": {
-          "name": "project_address_idx",
-          "columns": [
-            {
-              "expression": "address_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_owner_idx": {
-          "name": "project_owner_idx",
-          "columns": [
-            {
-              "expression": "owner_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_is_private_idx": {
-          "name": "project_is_private_idx",
-          "columns": [
-            {
-              "expression": "is_private",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_views_idx": {
-          "name": "project_views_idx",
-          "columns": [
-            {
-              "expression": "views",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_likes_idx": {
-          "name": "project_likes_idx",
-          "columns": [
-            {
-              "expression": "likes",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {
-        "projects_address_id_projects_addresses_id_fk": {
-          "name": "projects_address_id_projects_addresses_id_fk",
-          "tableFrom": "projects",
-          "tableTo": "projects_addresses",
-          "columnsFrom": [
-            "address_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        },
-        "projects_owner_id_auth_users_id_fk": {
-          "name": "projects_owner_id_auth_users_id_fk",
-          "tableFrom": "projects",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "owner_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    }
-  },
-  "enums": {
-    "public.auth_user_roles": {
-      "name": "auth_user_roles",
-      "schema": "public",
-      "values": [
-        "user",
-        "admin"
-      ]
-    }
-  },
-  "schemas": {},
-  "sequences": {},
-  "roles": {},
-  "policies": {},
-  "views": {},
-  "_meta": {
-    "columns": {},
-    "schemas": {},
-    "tables": {}
-  }
-}
\ No newline at end of file
diff --git a/supabase/migrations/meta/20260304121520_snapshot.json b/supabase/migrations/meta/20260304121520_snapshot.json
deleted file mode 100644
index 773c1d38..00000000
--- a/supabase/migrations/meta/20260304121520_snapshot.json
+++ /dev/null
@@ -1,1271 +0,0 @@
-{
-  "id": "75cf6a24-dec8-44c8-97a6-5dd4e8ad7fc5",
-  "prevId": "022423df-5615-44b1-a725-a9c1f4baa074",
-  "version": "7",
-  "dialect": "postgresql",
-  "tables": {
-    "public.auth_accounts": {
-      "name": "auth_accounts",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "provider_id": {
-          "name": "provider_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "account_id": {
-          "name": "account_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "password": {
-          "name": "password",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "access_token": {
-          "name": "access_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "refresh_token": {
-          "name": "refresh_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "id_token": {
-          "name": "id_token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "access_token_expires_at": {
-          "name": "access_token_expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "refresh_token_expires_at": {
-          "name": "refresh_token_expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scope": {
-          "name": "scope",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "auth_accounts_user_id_auth_users_id_fk": {
-          "name": "auth_accounts_user_id_auth_users_id_fk",
-          "tableFrom": "auth_accounts",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_jwks": {
-      "name": "auth_jwks",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "public_key": {
-          "name": "public_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "private_key": {
-          "name": "private_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_sessions": {
-      "name": "auth_sessions",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "expires_at": {
-          "name": "expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "token": {
-          "name": "token",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "ip_address": {
-          "name": "ip_address",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "user_agent": {
-          "name": "user_agent",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "active_project_id": {
-          "name": "active_project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "impersonated_by": {
-          "name": "impersonated_by",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "auth_sessions_user_id_auth_users_id_fk": {
-          "name": "auth_sessions_user_id_auth_users_id_fk",
-          "tableFrom": "auth_sessions",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        },
-        "auth_sessions_impersonated_by_auth_users_id_fk": {
-          "name": "auth_sessions_impersonated_by_auth_users_id_fk",
-          "tableFrom": "auth_sessions",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "impersonated_by"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_users": {
-      "name": "auth_users",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "email": {
-          "name": "email",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "email_verified": {
-          "name": "email_verified",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "image": {
-          "name": "image",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "username": {
-          "name": "username",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "github_url": {
-          "name": "github_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "x_url": {
-          "name": "x_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "youtube_url": {
-          "name": "youtube_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "email_notifications": {
-          "name": "email_notifications",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "role": {
-          "name": "role",
-          "type": "auth_user_roles",
-          "typeSchema": "public",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "'user'"
-        },
-        "banned": {
-          "name": "banned",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "ban_reason": {
-          "name": "ban_reason",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "ban_expires": {
-          "name": "ban_expires",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "email_unique_index": {
-          "name": "email_unique_index",
-          "columns": [
-            {
-              "expression": "lower(\"email\")",
-              "asc": true,
-              "isExpression": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": true,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "username_unique_index": {
-          "name": "username_unique_index",
-          "columns": [
-            {
-              "expression": "lower(\"username\")",
-              "asc": true,
-              "isExpression": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": true,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.auth_verifications": {
-      "name": "auth_verifications",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "value": {
-          "name": "value",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "identifier": {
-          "name": "identifier",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "expires_at": {
-          "name": "expires_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "verification_identifier_index": {
-          "name": "verification_identifier_index",
-          "columns": [
-            {
-              "expression": "identifier",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.feedback": {
-      "name": "feedback",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "message": {
-          "name": "message",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "images": {
-          "name": "images",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scene_graph": {
-          "name": "scene_graph",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_addresses": {
-      "name": "projects_addresses",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "street_number": {
-          "name": "street_number",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "route": {
-          "name": "route",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "route_short": {
-          "name": "route_short",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "neighborhood": {
-          "name": "neighborhood",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "city": {
-          "name": "city",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "county": {
-          "name": "county",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "state": {
-          "name": "state",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "state_long": {
-          "name": "state_long",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "postal_code": {
-          "name": "postal_code",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "postal_code_suffix": {
-          "name": "postal_code_suffix",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "country": {
-          "name": "country",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "country_long": {
-          "name": "country_long",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "latitude": {
-          "name": "latitude",
-          "type": "numeric",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "longitude": {
-          "name": "longitude",
-          "type": "numeric",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "raw_json": {
-          "name": "raw_json",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {},
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {
-        "address_components_unique": {
-          "name": "address_components_unique",
-          "nullsNotDistinct": false,
-          "columns": [
-            "street_number",
-            "route",
-            "city",
-            "state",
-            "postal_code"
-          ]
-        }
-      },
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.project_assets": {
-      "name": "project_assets",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "storage_key": {
-          "name": "storage_key",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "url": {
-          "name": "url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "type": {
-          "name": "type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "original_name": {
-          "name": "original_name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "mime_type": {
-          "name": "mime_type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "project_assets_project_id_projects_id_fk": {
-          "name": "project_assets_project_id_projects_id_fk",
-          "tableFrom": "project_assets",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_likes": {
-      "name": "projects_likes",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "projects_likes_project_id_projects_id_fk": {
-          "name": "projects_likes_project_id_projects_id_fk",
-          "tableFrom": "projects_likes",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {
-        "projects_likes_project_user_unique": {
-          "name": "projects_likes_project_user_unique",
-          "nullsNotDistinct": false,
-          "columns": [
-            "project_id",
-            "user_id"
-          ]
-        }
-      },
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects_models": {
-      "name": "projects_models",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "version": {
-          "name": "version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": false,
-          "default": 1
-        },
-        "description": {
-          "name": "description",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "draft": {
-          "name": "draft",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": false,
-          "default": true
-        },
-        "project_id": {
-          "name": "project_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "scene_graph": {
-          "name": "scene_graph",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "metadata": {
-          "name": "metadata",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "deleted_at": {
-          "name": "deleted_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": false
-        }
-      },
-      "indexes": {},
-      "foreignKeys": {
-        "projects_models_project_id_projects_id_fk": {
-          "name": "projects_models_project_id_projects_id_fk",
-          "tableFrom": "projects_models",
-          "tableTo": "projects",
-          "columnsFrom": [
-            "project_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.projects": {
-      "name": "projects",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "address_id": {
-          "name": "address_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "owner_id": {
-          "name": "owner_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "details_json": {
-          "name": "details_json",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "metadata": {
-          "name": "metadata",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "published_model_version": {
-          "name": "published_model_version",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "is_private": {
-          "name": "is_private",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "is_empty": {
-          "name": "is_empty",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "show_scans_public": {
-          "name": "show_scans_public",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "show_guides_public": {
-          "name": "show_guides_public",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": true
-        },
-        "views": {
-          "name": "views",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "default": 0
-        },
-        "likes": {
-          "name": "likes",
-          "type": "integer",
-          "primaryKey": false,
-          "notNull": true,
-          "default": 0
-        },
-        "thumbnail_url": {
-          "name": "thumbnail_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "project_address_idx": {
-          "name": "project_address_idx",
-          "columns": [
-            {
-              "expression": "address_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_owner_idx": {
-          "name": "project_owner_idx",
-          "columns": [
-            {
-              "expression": "owner_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_is_private_idx": {
-          "name": "project_is_private_idx",
-          "columns": [
-            {
-              "expression": "is_private",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_views_idx": {
-          "name": "project_views_idx",
-          "columns": [
-            {
-              "expression": "views",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "project_likes_idx": {
-          "name": "project_likes_idx",
-          "columns": [
-            {
-              "expression": "likes",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {
-        "projects_address_id_projects_addresses_id_fk": {
-          "name": "projects_address_id_projects_addresses_id_fk",
-          "tableFrom": "projects",
-          "tableTo": "projects_addresses",
-          "columnsFrom": [
-            "address_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        },
-        "projects_owner_id_auth_users_id_fk": {
-          "name": "projects_owner_id_auth_users_id_fk",
-          "tableFrom": "projects",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "owner_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "set null",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    },
-    "public.presets": {
-      "name": "presets",
-      "schema": "",
-      "columns": {
-        "id": {
-          "name": "id",
-          "type": "text",
-          "primaryKey": true,
-          "notNull": true
-        },
-        "type": {
-          "name": "type",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "name": {
-          "name": "name",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "data": {
-          "name": "data",
-          "type": "jsonb",
-          "primaryKey": false,
-          "notNull": true
-        },
-        "thumbnail_url": {
-          "name": "thumbnail_url",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "user_id": {
-          "name": "user_id",
-          "type": "text",
-          "primaryKey": false,
-          "notNull": false
-        },
-        "is_community": {
-          "name": "is_community",
-          "type": "boolean",
-          "primaryKey": false,
-          "notNull": true,
-          "default": false
-        },
-        "created_at": {
-          "name": "created_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        },
-        "updated_at": {
-          "name": "updated_at",
-          "type": "timestamp with time zone",
-          "primaryKey": false,
-          "notNull": true,
-          "default": "now()"
-        }
-      },
-      "indexes": {
-        "presets_type_idx": {
-          "name": "presets_type_idx",
-          "columns": [
-            {
-              "expression": "type",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "presets_user_id_idx": {
-          "name": "presets_user_id_idx",
-          "columns": [
-            {
-              "expression": "user_id",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        },
-        "presets_is_community_idx": {
-          "name": "presets_is_community_idx",
-          "columns": [
-            {
-              "expression": "is_community",
-              "isExpression": false,
-              "asc": true,
-              "nulls": "last"
-            }
-          ],
-          "isUnique": false,
-          "concurrently": false,
-          "method": "btree",
-          "with": {}
-        }
-      },
-      "foreignKeys": {
-        "presets_user_id_auth_users_id_fk": {
-          "name": "presets_user_id_auth_users_id_fk",
-          "tableFrom": "presets",
-          "tableTo": "auth_users",
-          "columnsFrom": [
-            "user_id"
-          ],
-          "columnsTo": [
-            "id"
-          ],
-          "onDelete": "cascade",
-          "onUpdate": "no action"
-        }
-      },
-      "compositePrimaryKeys": {},
-      "uniqueConstraints": {},
-      "policies": {},
-      "checkConstraints": {},
-      "isRLSEnabled": true
-    }
-  },
-  "enums": {
-    "public.auth_user_roles": {
-      "name": "auth_user_roles",
-      "schema": "public",
-      "values": [
-        "user",
-        "admin"
-      ]
-    }
-  },
-  "schemas": {},
-  "sequences": {},
-  "roles": {},
-  "policies": {},
-  "views": {},
-  "_meta": {
-    "columns": {},
-    "schemas": {},
-    "tables": {}
-  }
-}
\ No newline at end of file
diff --git a/supabase/migrations/meta/_journal.json b/supabase/migrations/meta/_journal.json
deleted file mode 100644
index 8c7bb9c5..00000000
--- a/supabase/migrations/meta/_journal.json
+++ /dev/null
@@ -1,76 +0,0 @@
-{
-  "version": "7",
-  "dialect": "postgresql",
-  "entries": [
-    {
-      "idx": 0,
-      "version": "7",
-      "when": 1771477810895,
-      "tag": "20260219051010_baseline",
-      "breakpoints": true
-    },
-    {
-      "idx": 1,
-      "version": "7",
-      "when": 1771477819937,
-      "tag": "20260219051019_add-username-field",
-      "breakpoints": true
-    },
-    {
-      "idx": 2,
-      "version": "7",
-      "when": 1771478645202,
-      "tag": "20260219052405_add-social-profile-fields",
-      "breakpoints": true
-    },
-    {
-      "idx": 3,
-      "version": "7",
-      "when": 1771536409437,
-      "tag": "20260219212649_young_dragon_man",
-      "breakpoints": true
-    },
-    {
-      "idx": 4,
-      "version": "7",
-      "when": 1771911353115,
-      "tag": "20260224053553_stormy_carnage",
-      "breakpoints": true
-    },
-    {
-      "idx": 5,
-      "version": "7",
-      "when": 1772065554845,
-      "tag": "20260226002554_big_pestilence",
-      "breakpoints": true
-    },
-    {
-      "idx": 6,
-      "version": "7",
-      "when": 1772216042000,
-      "tag": "20260227173402_create_missing_storage_buckets",
-      "breakpoints": true
-    },
-    {
-      "idx": 7,
-      "version": "7",
-      "when": 1772222557281,
-      "tag": "20260227200237_brown_quasimodo",
-      "breakpoints": true
-    },
-    {
-      "idx": 8,
-      "version": "7",
-      "when": 1772225008787,
-      "tag": "20260227204328_backfill_empty_projects",
-      "breakpoints": true
-    },
-    {
-      "idx": 9,
-      "version": "7",
-      "when": 1772573729680,
-      "tag": "20260303213529_marvelous_mikhail_rasputin",
-      "breakpoints": true
-    }
-  ]
-}
\ No newline at end of file
diff --git a/tooling/release/android-playstore-release.sh b/tooling/release/android-playstore-release.sh
new file mode 100755
index 00000000..14ee44ac
--- /dev/null
+++ b/tooling/release/android-playstore-release.sh
@@ -0,0 +1,152 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+# Android Play Store Release Script
+# Usage: bash tooling/release/android-playstore-release.sh [track]
+#   track: internal (default), alpha, beta, production
+
+ROOT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")/../.." && pwd)"
+cd "$ROOT_DIR"
+
+TRACK="${1:-internal}"
+POLL_SECONDS="${POLL_SECONDS:-30}"
+MAX_POLLS="${MAX_POLLS:-40}"
+
+require_cmd() {
+  if ! command -v "$1" >/dev/null 2>&1; then
+    echo "Missing required command: $1" >&2
+    exit 1
+  fi
+}
+
+require_cmd eas
+require_cmd python3
+require_cmd rg
+require_cmd git
+
+if [[ ! -f "$ROOT_DIR/.env.local" ]]; then
+  echo "Missing .env.local at repo root." >&2
+  exit 1
+fi
+
+set -a
+source "$ROOT_DIR/.env.local"
+set +a
+
+# Validate Google Play credentials
+GOOGLE_SA_PATH="${GOOGLE_SERVICE_ACCOUNT:-}"
+if [[ -z "$GOOGLE_SA_PATH" ]]; then
+  echo "GOOGLE_SERVICE_ACCOUNT is not set in .env.local." >&2
+  exit 1
+fi
+
+# Resolve relative path (relative to apps/native/)
+if [[ "$GOOGLE_SA_PATH" == ../../* ]]; then
+  GOOGLE_SA_ABS="$ROOT_DIR/${GOOGLE_SA_PATH#../../}"
+elif [[ "$GOOGLE_SA_PATH" != /* ]]; then
+  GOOGLE_SA_ABS="$ROOT_DIR/$GOOGLE_SA_PATH"
+else
+  GOOGLE_SA_ABS="$GOOGLE_SA_PATH"
+fi
+
+if [[ ! -f "$GOOGLE_SA_ABS" ]]; then
+  echo "Google service account JSON not found: $GOOGLE_SA_ABS" >&2
+  exit 1
+fi
+
+MAIN_SHA="$(git -C "$ROOT_DIR" rev-parse main)"
+WORKTREE_DIR="$(mktemp -d /tmp/pascal-release-android-XXXXXX)"
+
+cleanup() {
+  if git -C "$ROOT_DIR" worktree list --porcelain | rg -q "^worktree ${WORKTREE_DIR}$"; then
+    git -C "$ROOT_DIR" worktree remove --force "$WORKTREE_DIR" >/dev/null 2>&1 || true
+  fi
+  rm -rf "$WORKTREE_DIR" >/dev/null 2>&1 || true
+}
+trap cleanup EXIT
+
+echo "Creating clean detached worktree from main ($MAIN_SHA)..."
+git -C "$ROOT_DIR" worktree add --detach "$WORKTREE_DIR" "$MAIN_SHA" >/dev/null
+
+cp "$ROOT_DIR/.env.local" "$WORKTREE_DIR/.env.local"
+cp "$GOOGLE_SA_ABS" "$WORKTREE_DIR/apps/native/$(basename "$GOOGLE_SA_ABS")"
+
+if [[ -d "$ROOT_DIR/node_modules" && ! -e "$WORKTREE_DIR/node_modules" ]]; then
+  ln -s "$ROOT_DIR/node_modules" "$WORKTREE_DIR/node_modules"
+fi
+if [[ -d "$ROOT_DIR/apps/native/node_modules" && ! -e "$WORKTREE_DIR/apps/native/node_modules" ]]; then
+  ln -s "$ROOT_DIR/apps/native/node_modules" "$WORKTREE_DIR/apps/native/node_modules"
+fi
+
+echo "Starting EAS Android production build with auto-submit (track: $TRACK)..."
+pushd "$WORKTREE_DIR/apps/native" >/dev/null
+set -a
+source "$WORKTREE_DIR/.env.local"
+set +a
+
+BUILD_OUTPUT="$(eas build --platform android --profile production --auto-submit --non-interactive --no-wait --json 2>&1)"
+echo "$BUILD_OUTPUT"
+
+BUILD_ID="$(printf '%s\n' "$BUILD_OUTPUT" | rg -o 'builds/[0-9a-f-]{36}' | head -n1 | cut -d/ -f2 || true)"
+if [[ -z "$BUILD_ID" ]]; then
+  echo "Could not parse EAS build ID from output." >&2
+  exit 1
+fi
+popd >/dev/null
+
+echo "Build started: $BUILD_ID"
+
+BUILD_STATUS=""
+BUILD_VERSION=""
+BUILD_COMMIT=""
+for ((i = 1; i <= MAX_POLLS; i++)); do
+  VIEW_OUTPUT="$(cd "$WORKTREE_DIR/apps/native" && eas build:view "$BUILD_ID" --json 2>&1 || true)"
+  META="$(python3 - "$VIEW_OUTPUT" <<'PY'
+import json, sys
+s = sys.argv[1]
+start = s.find('{')
+end = s.rfind('}')
+if start == -1 or end == -1 or end <= start:
+    print("\n\n")
+    raise SystemExit(0)
+obj = json.loads(s[start:end+1])
+print(obj.get("status", ""))
+print(obj.get("appBuildVersion", "") or obj.get("appVersion", ""))
+print(obj.get("gitCommitHash", ""))
+PY
+)"
+  BUILD_STATUS="$(printf '%s\n' "$META" | sed -n '1p')"
+  BUILD_VERSION="$(printf '%s\n' "$META" | sed -n '2p')"
+  BUILD_COMMIT="$(printf '%s\n' "$META" | sed -n '3p')"
+
+  if [[ "$BUILD_STATUS" == "FINISHED" ]]; then
+    break
+  fi
+  if [[ "$BUILD_STATUS" == "ERRORED" || "$BUILD_STATUS" == "CANCELED" ]]; then
+    echo "Build $BUILD_ID ended with status: $BUILD_STATUS" >&2
+    exit 1
+  fi
+  echo "[$i/$MAX_POLLS] EAS build status: ${BUILD_STATUS:-unknown} (waiting ${POLL_SECONDS}s)"
+  sleep "$POLL_SECONDS"
+done
+
+if [[ "$BUILD_STATUS" != "FINISHED" ]]; then
+  echo "Timed out waiting for EAS build completion." >&2
+  exit 1
+fi
+
+if [[ -n "$BUILD_COMMIT" && "$BUILD_COMMIT" != "$MAIN_SHA" ]]; then
+  echo "Warning: build commit $BUILD_COMMIT differs from main $MAIN_SHA" >&2
+fi
+
+echo
+echo "=== Android Release Summary ==="
+echo "  EAS build id:      $BUILD_ID"
+echo "  Build version:     ${BUILD_VERSION:-unknown}"
+echo "  Build commit:      ${BUILD_COMMIT:-unknown}"
+echo "  Play Store track:  $TRACK"
+echo "  EAS submissions:   https://expo.dev/accounts/pascalorg/projects/pascal/submissions"
+echo
+echo "EAS auto-submit will upload the AAB to the Play Store '$TRACK' track."
+echo "Check the Google Play Console for processing status."
+echo "To promote to production: Google Play Console > Release > Production > Create new release"
diff --git a/tooling/release/ios-appstore-release.sh b/tooling/release/ios-appstore-release.sh
new file mode 100755
index 00000000..73828752
--- /dev/null
+++ b/tooling/release/ios-appstore-release.sh
@@ -0,0 +1,220 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+ROOT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")/../.." && pwd)"
+cd "$ROOT_DIR"
+
+VERSION="${1:-1.0}"
+POLL_SECONDS="${POLL_SECONDS:-30}"
+MAX_POLLS="${MAX_POLLS:-40}"
+
+require_cmd() {
+  if ! command -v "$1" >/dev/null 2>&1; then
+    echo "Missing required command: $1" >&2
+    exit 1
+  fi
+}
+
+require_cmd eas
+require_cmd asc
+require_cmd python3
+require_cmd rg
+require_cmd git
+
+if [[ ! -f "$ROOT_DIR/.env.local" ]]; then
+  echo "Missing .env.local at repo root." >&2
+  exit 1
+fi
+
+set -a
+source "$ROOT_DIR/.env.local"
+set +a
+
+export ASC_KEY_ID="${ASC_KEY_ID:-${ASC_API_KEY_ID:-}}"
+export ASC_ISSUER_ID="${ASC_ISSUER_ID:-${ASC_API_KEY_ISSUER_ID:-}}"
+export ASC_APP_ID="${ASC_APP_ID:-}"
+
+if [[ -z "${ASC_KEY_ID}" || -z "${ASC_ISSUER_ID}" || -z "${ASC_APP_ID}" ]]; then
+  echo "ASC credentials are incomplete. Expected ASC_APP_ID and ASC_API_KEY_* (or ASC_*)." >&2
+  exit 1
+fi
+
+if [[ -z "${ASC_PRIVATE_KEY_PATH:-}" ]]; then
+  ASC_PRIVATE_KEY_PATH="$ROOT_DIR/AuthKey_${ASC_KEY_ID}.p8"
+fi
+if [[ ! -f "$ASC_PRIVATE_KEY_PATH" ]]; then
+  echo "ASC private key not found: $ASC_PRIVATE_KEY_PATH" >&2
+  exit 1
+fi
+export ASC_PRIVATE_KEY_PATH
+
+MAIN_SHA="$(git -C "$ROOT_DIR" rev-parse main)"
+WORKTREE_DIR="$(mktemp -d /tmp/pascal-release-XXXXXX)"
+
+cleanup() {
+  if git -C "$ROOT_DIR" worktree list --porcelain | rg -q "^worktree ${WORKTREE_DIR}$"; then
+    git -C "$ROOT_DIR" worktree remove --force "$WORKTREE_DIR" >/dev/null 2>&1 || true
+  fi
+  rm -rf "$WORKTREE_DIR" >/dev/null 2>&1 || true
+}
+trap cleanup EXIT
+
+echo "Creating clean detached worktree from main ($MAIN_SHA)..."
+git -C "$ROOT_DIR" worktree add --detach "$WORKTREE_DIR" "$MAIN_SHA" >/dev/null
+
+cp "$ROOT_DIR/.env.local" "$WORKTREE_DIR/.env.local"
+cp "$ASC_PRIVATE_KEY_PATH" "$WORKTREE_DIR/apps/native/$(basename "$ASC_PRIVATE_KEY_PATH")"
+
+if [[ -d "$ROOT_DIR/node_modules" && ! -e "$WORKTREE_DIR/node_modules" ]]; then
+  ln -s "$ROOT_DIR/node_modules" "$WORKTREE_DIR/node_modules"
+fi
+if [[ -d "$ROOT_DIR/apps/native/node_modules" && ! -e "$WORKTREE_DIR/apps/native/node_modules" ]]; then
+  ln -s "$ROOT_DIR/apps/native/node_modules" "$WORKTREE_DIR/apps/native/node_modules"
+fi
+
+echo "Starting EAS iOS production build with auto-submit..."
+pushd "$WORKTREE_DIR/apps/native" >/dev/null
+set -a
+source "$WORKTREE_DIR/.env.local"
+set +a
+
+BUILD_OUTPUT="$(eas build --platform ios --profile production --auto-submit --non-interactive --no-wait --json 2>&1)"
+echo "$BUILD_OUTPUT"
+
+BUILD_ID="$(printf '%s\n' "$BUILD_OUTPUT" | rg -o 'builds/[0-9a-f-]{36}' | head -n1 | cut -d/ -f2 || true)"
+if [[ -z "$BUILD_ID" ]]; then
+  echo "Could not parse EAS build ID from output." >&2
+  exit 1
+fi
+popd >/dev/null
+
+echo "Build started: $BUILD_ID"
+
+BUILD_STATUS=""
+BUILD_NUMBER=""
+BUILD_COMMIT=""
+for ((i = 1; i <= MAX_POLLS; i++)); do
+  VIEW_OUTPUT="$(cd "$WORKTREE_DIR/apps/native" && eas build:view "$BUILD_ID" --json 2>&1 || true)"
+  META="$(python3 - "$VIEW_OUTPUT" <<'PY'
+import json, sys
+s = sys.argv[1]
+start = s.find('{')
+end = s.rfind('}')
+if start == -1 or end == -1 or end <= start:
+    print("\n\n")
+    raise SystemExit(0)
+obj = json.loads(s[start:end+1])
+print(obj.get("status", ""))
+print(obj.get("appBuildVersion", ""))
+print(obj.get("gitCommitHash", ""))
+PY
+)"
+  BUILD_STATUS="$(printf '%s\n' "$META" | sed -n '1p')"
+  BUILD_NUMBER="$(printf '%s\n' "$META" | sed -n '2p')"
+  BUILD_COMMIT="$(printf '%s\n' "$META" | sed -n '3p')"
+
+  if [[ "$BUILD_STATUS" == "FINISHED" ]]; then
+    break
+  fi
+  if [[ "$BUILD_STATUS" == "ERRORED" || "$BUILD_STATUS" == "CANCELED" ]]; then
+    echo "Build $BUILD_ID ended with status: $BUILD_STATUS" >&2
+    exit 1
+  fi
+  echo "[$i/$MAX_POLLS] EAS build status: ${BUILD_STATUS:-unknown} (waiting ${POLL_SECONDS}s)"
+  sleep "$POLL_SECONDS"
+done
+
+if [[ "$BUILD_STATUS" != "FINISHED" ]]; then
+  echo "Timed out waiting for EAS build completion." >&2
+  exit 1
+fi
+
+if [[ -n "$BUILD_COMMIT" && "$BUILD_COMMIT" != "$MAIN_SHA" ]]; then
+  echo "Warning: build commit $BUILD_COMMIT differs from main $MAIN_SHA" >&2
+fi
+
+if [[ -z "$BUILD_NUMBER" ]]; then
+  echo "Build completed but build number was not found." >&2
+  exit 1
+fi
+
+echo "Build finished. Build number: $BUILD_NUMBER"
+
+VERSION_JSON="$(asc versions list --app "$ASC_APP_ID" --version "$VERSION" --platform IOS --pretty)"
+VERSION_ID="$(python3 - "$VERSION_JSON" <<'PY'
+import json, sys
+obj = json.loads(sys.argv[1])
+data = obj.get("data", [])
+print(data[0]["id"] if data else "")
+PY
+)"
+if [[ -z "$VERSION_ID" ]]; then
+  echo "Could not find App Store version ID for version $VERSION." >&2
+  exit 1
+fi
+
+echo "Polling App Store Connect for build number $BUILD_NUMBER..."
+ASC_BUILD_ID=""
+ASC_BUILD_STATE=""
+for ((i = 1; i <= MAX_POLLS; i++)); do
+  BUILD_JSON="$(asc builds list --app "$ASC_APP_ID" --version "$VERSION" --build-number "$BUILD_NUMBER" --pretty)"
+  PARSED="$(python3 - "$BUILD_JSON" <<'PY'
+import json, sys
+obj = json.loads(sys.argv[1])
+data = obj.get("data", [])
+if not data:
+    print("\n")
+    raise SystemExit(0)
+item = data[0]
+print(item.get("id", ""))
+print(item.get("attributes", {}).get("processingState", ""))
+PY
+)"
+  ASC_BUILD_ID="$(printf '%s\n' "$PARSED" | sed -n '1p')"
+  ASC_BUILD_STATE="$(printf '%s\n' "$PARSED" | sed -n '2p')"
+
+  if [[ -n "$ASC_BUILD_ID" && "$ASC_BUILD_STATE" == "VALID" ]]; then
+    break
+  fi
+  echo "[$i/$MAX_POLLS] ASC build visibility/state: ${ASC_BUILD_STATE:-missing} (waiting ${POLL_SECONDS}s)"
+  sleep "$POLL_SECONDS"
+done
+
+if [[ -z "$ASC_BUILD_ID" || "$ASC_BUILD_STATE" != "VALID" ]]; then
+  echo "Build $BUILD_NUMBER did not become VALID in ASC within timeout." >&2
+  exit 1
+fi
+
+echo "Attaching build $ASC_BUILD_ID to version $VERSION_ID..."
+asc versions attach-build --version-id "$VERSION_ID" --build "$ASC_BUILD_ID" --output table
+
+echo "Running final validation..."
+set +e
+VALIDATE_OUTPUT="$(asc validate --app "$ASC_APP_ID" --version-id "$VERSION_ID" --platform IOS --output table 2>&1)"
+VALIDATE_EXIT=$?
+set -e
+echo "$VALIDATE_OUTPUT"
+
+echo
+echo "Release Automation Summary"
+echo "  EAS build id:        $BUILD_ID"
+echo "  Build number:        $BUILD_NUMBER"
+echo "  Build commit:        ${BUILD_COMMIT:-unknown}"
+echo "  ASC build id:        $ASC_BUILD_ID"
+echo "  ASC version id:      $VERSION_ID"
+echo "  EAS submissions page: https://expo.dev/accounts/pascalorg/projects/pascal/submissions"
+
+if [[ "$VALIDATE_EXIT" -ne 0 ]]; then
+  if printf '%s' "$VALIDATE_OUTPUT" | rg -q 'availability\.missing'; then
+    echo
+    echo "Remaining blocker: Pricing and Availability."
+    echo "Set it manually in App Store Connect: App > Pricing and Availability."
+    exit 2
+  fi
+  echo
+  echo "Validation still has blocking issues. Review output above."
+  exit "$VALIDATE_EXIT"
+fi
+
+echo
+echo "Validation passed. You can submit this version for review."
diff --git a/tooling/release/release.sh b/tooling/release/release.sh
new file mode 100755
index 00000000..e713ee06
--- /dev/null
+++ b/tooling/release/release.sh
@@ -0,0 +1,83 @@
+#!/usr/bin/env bash
+set -euo pipefail
+
+# Unified Release Script — builds and submits to both App Store and Play Store
+# Usage: bash tooling/release/release.sh [version] [platform]
+#   version:  App Store version string (e.g. "1.0") — required for iOS
+#   platform: "all" (default), "ios", "android"
+#
+# Examples:
+#   bash tooling/release/release.sh 1.0          # Both platforms
+#   bash tooling/release/release.sh 1.0 ios      # iOS only
+#   bash tooling/release/release.sh "" android    # Android only (no ASC version needed)
+#   bun native:release 1.0                        # Via package.json script
+
+ROOT_DIR="$(cd "$(dirname "${BASH_SOURCE[0]}")/../.." && pwd)"
+
+VERSION="${1:-}"
+PLATFORM="${2:-all}"
+
+if [[ "$PLATFORM" == "all" || "$PLATFORM" == "ios" ]]; then
+  if [[ -z "$VERSION" ]]; then
+    echo "Error: App Store version is required for iOS release." >&2
+    echo "Usage: $0 <version> [platform]" >&2
+    echo "  e.g.: $0 1.0" >&2
+    exit 1
+  fi
+fi
+
+IOS_PID=""
+ANDROID_PID=""
+IOS_EXIT=0
+ANDROID_EXIT=0
+
+if [[ "$PLATFORM" == "all" || "$PLATFORM" == "ios" ]]; then
+  echo "=== Starting iOS release (version $VERSION) ==="
+  bash "$ROOT_DIR/tooling/release/ios-appstore-release.sh" "$VERSION" &
+  IOS_PID=$!
+fi
+
+if [[ "$PLATFORM" == "all" || "$PLATFORM" == "android" ]]; then
+  echo "=== Starting Android release (internal track) ==="
+  bash "$ROOT_DIR/tooling/release/android-playstore-release.sh" internal &
+  ANDROID_PID=$!
+fi
+
+# Wait for both to finish
+if [[ -n "$IOS_PID" ]]; then
+  wait "$IOS_PID" || IOS_EXIT=$?
+fi
+
+if [[ -n "$ANDROID_PID" ]]; then
+  wait "$ANDROID_PID" || ANDROID_EXIT=$?
+fi
+
+echo
+echo "========================================="
+echo "  Release Summary"
+echo "========================================="
+
+if [[ -n "$IOS_PID" ]]; then
+  if [[ "$IOS_EXIT" -eq 0 ]]; then
+    echo "  iOS:     SUCCESS"
+  elif [[ "$IOS_EXIT" -eq 2 ]]; then
+    echo "  iOS:     NEEDS MANUAL STEP (pricing/availability)"
+  else
+    echo "  iOS:     FAILED (exit $IOS_EXIT)"
+  fi
+fi
+
+if [[ -n "$ANDROID_PID" ]]; then
+  if [[ "$ANDROID_EXIT" -eq 0 ]]; then
+    echo "  Android: SUCCESS"
+  else
+    echo "  Android: FAILED (exit $ANDROID_EXIT)"
+  fi
+fi
+
+echo "========================================="
+
+# Exit with failure if either platform failed
+if [[ "$IOS_EXIT" -ne 0 && "$IOS_EXIT" -ne 2 ]] || [[ "$ANDROID_EXIT" -ne 0 ]]; then
+  exit 1
+fi
diff --git a/tooling/typescript/base.json b/tooling/typescript/base.json
new file mode 100644
index 00000000..2ad61aa4
--- /dev/null
+++ b/tooling/typescript/base.json
@@ -0,0 +1,22 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "compilerOptions": {
+    "target": "ES2022",
+    "lib": ["ES2022", "ESNext"],
+    "module": "ESNext",
+    "moduleResolution": "bundler",
+    "moduleDetection": "force",
+    "resolveJsonModule": true,
+    "allowJs": true,
+    "strict": true,
+    "noUncheckedIndexedAccess": true,
+    "noEmit": true,
+    "esModuleInterop": true,
+    "isolatedModules": true,
+    "skipLibCheck": true,
+    "declaration": true,
+    "declarationMap": true,
+    "verbatimModuleSyntax": true
+  },
+  "exclude": ["node_modules", "dist", ".turbo"]
+}
diff --git a/tooling/typescript/expo.json b/tooling/typescript/expo.json
new file mode 100644
index 00000000..fc5e7abd
--- /dev/null
+++ b/tooling/typescript/expo.json
@@ -0,0 +1,13 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "extends": "./base.json",
+  "compilerOptions": {
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "jsx": "react-jsx",
+    "moduleResolution": "bundler",
+    "allowImportingTsExtensions": true,
+    "verbatimModuleSyntax": false,
+    "declaration": false,
+    "declarationMap": false
+  }
+}
diff --git a/tooling/typescript/nextjs.json b/tooling/typescript/nextjs.json
new file mode 100644
index 00000000..4f1057b0
--- /dev/null
+++ b/tooling/typescript/nextjs.json
@@ -0,0 +1,12 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "extends": "./base.json",
+  "compilerOptions": {
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "jsx": "preserve",
+    "plugins": [{ "name": "next" }],
+    "incremental": true,
+    "declaration": false,
+    "declarationMap": false
+  }
+}
diff --git a/tooling/typescript/package.json b/tooling/typescript/package.json
new file mode 100644
index 00000000..9777086c
--- /dev/null
+++ b/tooling/typescript/package.json
@@ -0,0 +1,8 @@
+{
+  "name": "@pascal/typescript-config",
+  "version": "0.0.0",
+  "private": true,
+  "exports": {
+    "./*.json": "./*.json"
+  }
+}
diff --git a/tooling/typescript/react-library.json b/tooling/typescript/react-library.json
new file mode 100644
index 00000000..8ca3caf7
--- /dev/null
+++ b/tooling/typescript/react-library.json
@@ -0,0 +1,8 @@
+{
+  "$schema": "https://json.schemastore.org/tsconfig",
+  "extends": "./base.json",
+  "compilerOptions": {
+    "lib": ["ES2022", "DOM", "DOM.Iterable"],
+    "jsx": "react-jsx"
+  }
+}