diff --git a/apps/editor/app/api/auth/[...all]/route.ts b/apps/community/app/api/auth/[...all]/route.ts
similarity index 100%
rename from apps/editor/app/api/auth/[...all]/route.ts
rename to apps/community/app/api/auth/[...all]/route.ts
diff --git a/apps/editor/app/api/presets/[id]/route.ts b/apps/community/app/api/presets/[id]/route.ts
similarity index 100%
rename from apps/editor/app/api/presets/[id]/route.ts
rename to apps/community/app/api/presets/[id]/route.ts
diff --git a/apps/editor/app/api/presets/[id]/thumbnail/route.ts b/apps/community/app/api/presets/[id]/thumbnail/route.ts
similarity index 100%
rename from apps/editor/app/api/presets/[id]/thumbnail/route.ts
rename to apps/community/app/api/presets/[id]/thumbnail/route.ts
diff --git a/apps/editor/app/api/presets/route.ts b/apps/community/app/api/presets/route.ts
similarity index 100%
rename from apps/editor/app/api/presets/route.ts
rename to apps/community/app/api/presets/route.ts
diff --git a/apps/editor/app/editor/[projectId]/error.tsx b/apps/community/app/editor/[projectId]/error.tsx
similarity index 100%
rename from apps/editor/app/editor/[projectId]/error.tsx
rename to apps/community/app/editor/[projectId]/error.tsx
diff --git a/apps/editor/app/editor/[projectId]/layout.tsx b/apps/community/app/editor/[projectId]/layout.tsx
similarity index 100%
rename from apps/editor/app/editor/[projectId]/layout.tsx
rename to apps/community/app/editor/[projectId]/layout.tsx
diff --git a/apps/community/app/editor/[projectId]/page.tsx b/apps/community/app/editor/[projectId]/page.tsx
new file mode 100644
index 00000000..89c32a01
--- /dev/null
+++ b/apps/community/app/editor/[projectId]/page.tsx
@@ -0,0 +1,103 @@
+'use client'
+
+import { useParams, useRouter } from 'next/navigation'
+import { useCallback, useEffect, useState } from 'react'
+import { Editor, SceneLoader } from '@pascal-app/editor'
+import type { SceneGraph } from '@pascal-app/editor'
+import { CommunityAppMenu } from '@/features/community/components/community-app-menu'
+import { ProjectHeader } from '@/features/community/components/project-header'
+import { useAuth } from '@/features/community/lib/auth/hooks'
+import { getProjectModel, saveProjectModel } from '@/features/community/lib/models/actions'
+import { uploadProjectThumbnail, updateProjectVisibility } from '@/features/community/lib/projects/actions'
+import { useProjectStore } from '@/features/community/lib/projects/store'
+import { uploadAssetWithProgress } from '@/lib/upload-asset'
+import { deleteProjectAssetByUrl } from '@/features/community/lib/assets/actions'
+
+export default function EditorPage() {
+  const params = useParams()
+  const projectId = params.projectId as string
+  const { isAuthenticated, isLoading } = useAuth()
+  const setActiveProject = useProjectStore((state) => state.setActiveProject)
+  const setAutosaveStatus = useProjectStore((state) => state.setAutosaveStatus)
+  const isProjectLoading = useProjectStore((state) => state.isLoading)
+  const isVersionPreviewMode = useProjectStore((state) => state.isVersionPreviewMode)
+  const activeProject = useProjectStore((state) => state.activeProject)
+  const router = useRouter()
+  const [mounted, setMounted] = useState(false)
+
+  useEffect(() => {
+    setMounted(true)
+  }, [])
+
+  useEffect(() => {
+    if (isLoading) return
+    if (!isAuthenticated) {
+      router.replace('/')
+      return
+    }
+    if (projectId) {
+      setActiveProject(projectId)
+    }
+  }, [projectId, isAuthenticated, isLoading, setActiveProject, router])
+
+  const onLoad = useCallback(async (): Promise<SceneGraph | null> => {
+    const result = await getProjectModel(projectId)
+    return result.success ? (result.data?.model?.scene_graph ?? null) : null
+  }, [projectId])
+
+  const onSave = useCallback(async (scene: SceneGraph) => {
+    await saveProjectModel(projectId, scene)
+  }, [projectId])
+
+  const onThumbnailCapture = useCallback(async (blob: Blob) => {
+    const result = await uploadProjectThumbnail(projectId, blob)
+    if (result.success) {
+      useProjectStore.getState().updateActiveThumbnail(result.data.thumbnail_url)
+    }
+  }, [projectId])
+
+  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
+          appMenuButton={<CommunityAppMenu />}
+          sidebarTop={<ProjectHeader />}
+          onLoad={onLoad}
+          onSave={onSave}
+          onSaveStatusChange={setAutosaveStatus}
+          isVersionPreviewMode={isVersionPreviewMode}
+          isLoading={isProjectLoading}
+          onThumbnailCapture={onThumbnailCapture}
+          settingsPanelProps={{
+            projectId,
+            projectVisibility: activeProject ? {
+              isPrivate: activeProject.is_private ?? false,
+              showScansPublic: activeProject.show_scans_public ?? true,
+              showGuidesPublic: activeProject.show_guides_public ?? true,
+            } : undefined,
+            onVisibilityChange: async (field, value) => {
+              await updateProjectVisibility(projectId, { [field]: value })
+            },
+          }}
+          sitePanelProps={{
+            projectId,
+            onUploadAsset: (pid, levelId, file, type) => {
+              uploadAssetWithProgress(pid, levelId, file, type)
+            },
+            onDeleteAsset: (pid, url) => {
+              deleteProjectAssetByUrl(pid, url)
+            },
+          }}
+        />
+      </div>
+    </div>
+  )
+}
diff --git a/apps/community/app/favicon.ico b/apps/community/app/favicon.ico
new file mode 100644
index 00000000..e9f36729
Binary files /dev/null and b/apps/community/app/favicon.ico differ
diff --git a/apps/community/app/fonts/GeistMonoVF.woff b/apps/community/app/fonts/GeistMonoVF.woff
new file mode 100644
index 00000000..f2ae185c
Binary files /dev/null and b/apps/community/app/fonts/GeistMonoVF.woff differ
diff --git a/apps/community/app/fonts/GeistVF.woff b/apps/community/app/fonts/GeistVF.woff
new file mode 100644
index 00000000..1b62daac
Binary files /dev/null and b/apps/community/app/fonts/GeistVF.woff differ
diff --git a/apps/community/app/globals.css b/apps/community/app/globals.css
new file mode 100644
index 00000000..4908f5a6
--- /dev/null
+++ b/apps/community/app/globals.css
@@ -0,0 +1,256 @@
+@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;
+}
+
+@theme inline {
+  --color-background: var(--background);
+  --color-foreground: var(--foreground);
+  --font-sans: var(--font-barlow), sans-serif;
+  --font-mono: var(--font-geist-mono), monospace;
+  --font-barlow: var(--font-barlow), sans-serif;
+  --color-sidebar-border: var(--sidebar-border);
+  --color-sidebar-accent-foreground: var(--sidebar-accent-foreground);
+  --color-sidebar-accent: var(--sidebar-accent);
+  --color-sidebar-primary-foreground: var(--sidebar-primary-foreground);
+  --color-sidebar-primary: var(--sidebar-primary);
+  --color-sidebar-foreground: var(--sidebar-foreground);
+  --color-sidebar: var(--sidebar);
+  --color-chart-5: var(--chart-5);
+  --color-chart-4: var(--chart-4);
+  --color-chart-3: var(--chart-3);
+  --color-chart-2: var(--chart-2);
+  --color-chart-1: var(--chart-1);
+  --color-ring: var(--ring);
+  --color-input: var(--input);
+  --color-border: var(--border);
+  --color-destructive: var(--destructive);
+  --color-accent-foreground: var(--accent-foreground);
+  --color-accent: var(--accent);
+  --color-muted-foreground: var(--muted-foreground);
+  --color-muted: var(--muted);
+  --color-secondary-foreground: var(--secondary-foreground);
+  --color-secondary: var(--secondary);
+  --color-primary-foreground: var(--primary-foreground);
+  --color-primary: var(--primary);
+  --color-popover-foreground: var(--popover-foreground);
+  --color-popover: var(--popover);
+  --color-card-foreground: var(--card-foreground);
+  --color-card: var(--card);
+  --radius-sm: calc(var(--radius) - 4px);
+  --radius-md: calc(var(--radius) - 2px);
+  --radius-lg: var(--radius);
+  --radius-xl: calc(var(--radius) + 4px);
+}
+
+:root {
+  --radius: 0.625rem;
+  --background: oklch(0.998 0 0);
+  --foreground: oklch(0.145 0 0);
+  --card: oklch(0.998 0 0);
+  --card-foreground: oklch(0.145 0 0);
+  --popover: oklch(0.998 0 0);
+  --popover-foreground: oklch(0.145 0 0);
+  --primary: oklch(0.205 0 0);
+  --primary-foreground: oklch(0.985 0 0);
+  --secondary: oklch(0.97 0 0);
+  --secondary-foreground: oklch(0.205 0 0);
+  --muted: oklch(0.97 0 0);
+  --muted-foreground: oklch(0.556 0 0);
+  --accent: oklch(0.97 0 0);
+  --accent-foreground: oklch(0.205 0 0);
+  --destructive: oklch(0.577 0.245 27.325);
+  --border: oklch(0.922 0 0);
+  --input: oklch(0.922 0 0);
+  --ring: oklch(0.708 0 0);
+  --chart-1: oklch(0.646 0.222 41.116);
+  --chart-2: oklch(0.6 0.118 184.704);
+  --chart-3: oklch(0.398 0.07 227.392);
+  --chart-4: oklch(0.828 0.189 84.429);
+  --chart-5: oklch(0.769 0.188 70.08);
+  --sidebar: oklch(0.985 0 0);
+  --sidebar-foreground: oklch(0.145 0 0);
+  --sidebar-primary: oklch(0.205 0 0);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.97 0 0);
+  --sidebar-accent-foreground: oklch(0.205 0 0);
+  --sidebar-border: oklch(0.922 0 0);
+  --sidebar-ring: oklch(0.708 0 0);
+}
+
+.dark {
+  --background: oklch(0.205 0 0); /* ~171717 */
+  --foreground: oklch(0.985 0 0);
+  --card: oklch(0.205 0 0);
+  --card-foreground: oklch(0.985 0 0);
+  --popover: oklch(0.205 0 0);
+  --popover-foreground: oklch(0.985 0 0);
+  --primary: oklch(0.922 0 0);
+  --primary-foreground: oklch(0.205 0 0);
+  --secondary: oklch(0.269 0 0);
+  --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-foreground: oklch(0.985 0 0);
+  --destructive: oklch(0.704 0.191 22.216);
+  --border: oklch(1 0 0 / 10%);
+  --input: oklch(1 0 0 / 15%);
+  --ring: oklch(0.556 0 0);
+  --chart-1: oklch(0.488 0.243 264.376);
+  --chart-2: oklch(0.696 0.17 162.48);
+  --chart-3: oklch(0.769 0.188 70.08);
+  --chart-4: oklch(0.627 0.265 303.9);
+  --chart-5: oklch(0.645 0.246 16.439);
+  --sidebar: oklch(0.205 0 0);
+  --sidebar-foreground: oklch(0.985 0 0);
+  --sidebar-primary: oklch(0.488 0.243 264.376);
+  --sidebar-primary-foreground: oklch(0.985 0 0);
+  --sidebar-accent: oklch(0.235 0 0); /* matching accent */
+  --sidebar-accent-foreground: oklch(0.985 0 0);
+  --sidebar-border: oklch(1 0 0 / 10%);
+  --sidebar-ring: oklch(0.556 0 0);
+}
+
+@layer base {
+  * {
+    @apply border-border outline-ring/50;
+  }
+  body {
+    @apply bg-background text-foreground;
+  }
+  button,
+  [role="button"],
+  a {
+    cursor: pointer;
+  }
+}
+
+/* Apple-style smooth corners (squircle) — progressive enhancement */
+.rounded-smooth {
+  border-radius: var(--radius-lg);
+  corner-shape: squircle;
+}
+.rounded-smooth-xl {
+  border-radius: var(--radius-xl);
+  corner-shape: squircle;
+}
+
+.no-scrollbar::-webkit-scrollbar {
+  display: none;
+}
+
+.no-scrollbar {
+  -ms-overflow-style: none; /* IE and Edge */
+  scrollbar-width: none; /* Firefox */
+}
+
+@media (prefers-reduced-motion: reduce) {
+  *,
+  *::before,
+  *::after {
+    animation-duration: 0.01ms !important;
+    animation-iteration-count: 1 !important;
+    transition-duration: 0.01ms !important;
+    scroll-behavior: auto !important;
+  }
+}
+
+/* Loaders */
+.pascal-loader-1 {
+  width: 45px;
+  aspect-ratio: 1;
+  --c:no-repeat linear-gradient(currentColor 0 0);
+  background: var(--c), var(--c), var(--c);
+  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%}
+}
+@keyframes pascal-l1-2 {
+ 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;
+  --c: no-repeat linear-gradient(currentColor 0 0);
+  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%}
+}
+
+.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%,
+    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%  }
+}
+
+.pascal-loader-4 {
+  width: 45px;
+  aspect-ratio: 1;
+  --c:no-repeat linear-gradient(currentColor 0 0);
+  background: var(--c), var(--c), var(--c);
+  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%}
+}
+@keyframes pascal-l4-2 {
+ 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);
+  background: var(--c), var(--c), var(--c);
+  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%}
+}
+@keyframes pascal-l5-2 {
+ 0%,33%   {background-position: 0 0   ,50% 100%,100% 0}
+ 66%,100% {background-position: 0 100%,50% 0   ,100% 100%}
+}
diff --git a/apps/community/app/layout.tsx b/apps/community/app/layout.tsx
new file mode 100644
index 00000000..ef3b645c
--- /dev/null
+++ b/apps/community/app/layout.tsx
@@ -0,0 +1,106 @@
+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 './globals.css'
+
+const geistSans = localFont({
+  src: './fonts/GeistVF.woff',
+  variable: '--font-geist-sans',
+})
+const geistMono = localFont({
+  src: './fonts/GeistMonoVF.woff',
+  variable: '--font-geist-mono',
+})
+
+const barlow = Barlow({
+  subsets: ['latin'],
+  weight: ['400', '500', '600', '700'],
+  variable: '--font-barlow',
+  display: 'swap',
+})
+
+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,
+    },
+  },
+}
+
+export default function RootLayout({
+  children,
+}: Readonly<{
+  children: React.ReactNode
+}>) {
+  const shouldShowToolbar = process.env.NODE_ENV === 'development'
+
+  return (
+    <html lang="en" className={`${geistSans.variable} ${geistMono.variable} ${barlow.variable}`}>
+      <head>
+        {process.env.NODE_ENV === 'development' && (
+          <>
+            <Script
+              src="//unpkg.com/react-scan/dist/auto.global.js"
+              crossOrigin="anonymous"
+              strategy="beforeInteractive"
+            />
+            <Script
+              src="//unpkg.com/react-grab/dist/index.global.js"
+              crossOrigin="anonymous"
+              strategy="beforeInteractive"
+            />
+          </>
+        )}
+      </head>
+      <body className="font-sans">
+        <UsernameGate>{children}</UsernameGate>
+        <Analytics />
+        <SpeedInsights />
+        {shouldShowToolbar && <VercelToolbar />}
+      </body>
+    </html>
+  )
+}
diff --git a/apps/editor/app/og/route.tsx b/apps/community/app/og/route.tsx
similarity index 100%
rename from apps/editor/app/og/route.tsx
rename to apps/community/app/og/route.tsx
diff --git a/apps/community/app/page.tsx b/apps/community/app/page.tsx
new file mode 100644
index 00000000..303567bf
--- /dev/null
+++ b/apps/community/app/page.tsx
@@ -0,0 +1,12 @@
+import type { Metadata } from 'next'
+import CommunityHub from '@/features/community/components/community-hub'
+
+export const metadata: Metadata = {
+  title: 'Community Projects',
+  description:
+    'Create and share 3D home projects with Pascal Editor, the open-source building editor.',
+}
+
+export default function Home() {
+  return <CommunityHub />
+}
diff --git a/apps/editor/app/robots.ts b/apps/community/app/robots.ts
similarity index 100%
rename from apps/editor/app/robots.ts
rename to apps/community/app/robots.ts
diff --git a/apps/editor/app/seo.ts b/apps/community/app/seo.ts
similarity index 100%
rename from apps/editor/app/seo.ts
rename to apps/community/app/seo.ts
diff --git a/apps/editor/app/settings/page.tsx b/apps/community/app/settings/page.tsx
similarity index 100%
rename from apps/editor/app/settings/page.tsx
rename to apps/community/app/settings/page.tsx
diff --git a/apps/editor/app/sitemap.ts b/apps/community/app/sitemap.ts
similarity index 100%
rename from apps/editor/app/sitemap.ts
rename to apps/community/app/sitemap.ts
diff --git a/apps/editor/app/u/[username]/page.tsx b/apps/community/app/u/[username]/page.tsx
similarity index 100%
rename from apps/editor/app/u/[username]/page.tsx
rename to apps/community/app/u/[username]/page.tsx
diff --git a/apps/editor/app/viewer/[id]/collections-panel.tsx b/apps/community/app/viewer/[id]/collections-panel.tsx
similarity index 100%
rename from apps/editor/app/viewer/[id]/collections-panel.tsx
rename to apps/community/app/viewer/[id]/collections-panel.tsx
diff --git a/apps/editor/app/viewer/[id]/error.tsx b/apps/community/app/viewer/[id]/error.tsx
similarity index 100%
rename from apps/editor/app/viewer/[id]/error.tsx
rename to apps/community/app/viewer/[id]/error.tsx
diff --git a/apps/editor/app/viewer/[id]/layout.tsx b/apps/community/app/viewer/[id]/layout.tsx
similarity index 100%
rename from apps/editor/app/viewer/[id]/layout.tsx
rename to apps/community/app/viewer/[id]/layout.tsx
diff --git a/apps/editor/app/viewer/[id]/page.tsx b/apps/community/app/viewer/[id]/page.tsx
similarity index 99%
rename from apps/editor/app/viewer/[id]/page.tsx
rename to apps/community/app/viewer/[id]/page.tsx
index f643a9cd..f1f32da5 100644
--- a/apps/editor/app/viewer/[id]/page.tsx
+++ b/apps/community/app/viewer/[id]/page.tsx
@@ -6,7 +6,7 @@ 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 { SceneLoader } from '@pascal-app/editor'
 import {
   getProjectModelPublic,
   incrementProjectViews,
diff --git a/apps/editor/app/viewer/[id]/viewer-camera-controls.tsx b/apps/community/app/viewer/[id]/viewer-camera-controls.tsx
similarity index 100%
rename from apps/editor/app/viewer/[id]/viewer-camera-controls.tsx
rename to apps/community/app/viewer/[id]/viewer-camera-controls.tsx
diff --git a/apps/editor/app/viewer/[id]/viewer-guest-cta.tsx b/apps/community/app/viewer/[id]/viewer-guest-cta.tsx
similarity index 100%
rename from apps/editor/app/viewer/[id]/viewer-guest-cta.tsx
rename to apps/community/app/viewer/[id]/viewer-guest-cta.tsx
diff --git a/apps/editor/app/viewer/[id]/viewer-overlay.tsx b/apps/community/app/viewer/[id]/viewer-overlay.tsx
similarity index 100%
rename from apps/editor/app/viewer/[id]/viewer-overlay.tsx
rename to apps/community/app/viewer/[id]/viewer-overlay.tsx
diff --git a/apps/editor/app/viewer/[id]/viewer-zone-system.tsx b/apps/community/app/viewer/[id]/viewer-zone-system.tsx
similarity index 100%
rename from apps/editor/app/viewer/[id]/viewer-zone-system.tsx
rename to apps/community/app/viewer/[id]/viewer-zone-system.tsx
diff --git a/apps/editor/components/ui/action-menu/action-button.tsx b/apps/community/components/ui/action-menu/action-button.tsx
similarity index 100%
rename from apps/editor/components/ui/action-menu/action-button.tsx
rename to apps/community/components/ui/action-menu/action-button.tsx
diff --git a/apps/community/components/ui/command-palette/index.tsx b/apps/community/components/ui/command-palette/index.tsx
new file mode 100644
index 00000000..973d2663
--- /dev/null
+++ b/apps/community/components/ui/command-palette/index.tsx
@@ -0,0 +1 @@
+export { useCommandPalette } from '@pascal-app/editor'
diff --git a/apps/editor/components/ui/primitives/button.tsx b/apps/community/components/ui/primitives/button.tsx
similarity index 100%
rename from apps/editor/components/ui/primitives/button.tsx
rename to apps/community/components/ui/primitives/button.tsx
diff --git a/apps/editor/components/ui/primitives/dialog.tsx b/apps/community/components/ui/primitives/dialog.tsx
similarity index 100%
rename from apps/editor/components/ui/primitives/dialog.tsx
rename to apps/community/components/ui/primitives/dialog.tsx
diff --git a/apps/editor/components/ui/primitives/dropdown-menu.tsx b/apps/community/components/ui/primitives/dropdown-menu.tsx
similarity index 100%
rename from apps/editor/components/ui/primitives/dropdown-menu.tsx
rename to apps/community/components/ui/primitives/dropdown-menu.tsx
diff --git a/apps/editor/components/ui/primitives/error-boundary.tsx b/apps/community/components/ui/primitives/error-boundary.tsx
similarity index 100%
rename from apps/editor/components/ui/primitives/error-boundary.tsx
rename to apps/community/components/ui/primitives/error-boundary.tsx
diff --git a/apps/editor/components/ui/primitives/input.tsx b/apps/community/components/ui/primitives/input.tsx
similarity index 100%
rename from apps/editor/components/ui/primitives/input.tsx
rename to apps/community/components/ui/primitives/input.tsx
diff --git a/apps/editor/components/ui/primitives/popover.tsx b/apps/community/components/ui/primitives/popover.tsx
similarity index 100%
rename from apps/editor/components/ui/primitives/popover.tsx
rename to apps/community/components/ui/primitives/popover.tsx
diff --git a/apps/editor/components/ui/primitives/separator.tsx b/apps/community/components/ui/primitives/separator.tsx
similarity index 100%
rename from apps/editor/components/ui/primitives/separator.tsx
rename to apps/community/components/ui/primitives/separator.tsx
diff --git a/apps/editor/components/ui/primitives/skeleton.tsx b/apps/community/components/ui/primitives/skeleton.tsx
similarity index 100%
rename from apps/editor/components/ui/primitives/skeleton.tsx
rename to apps/community/components/ui/primitives/skeleton.tsx
diff --git a/apps/editor/components/ui/primitives/switch.tsx b/apps/community/components/ui/primitives/switch.tsx
similarity index 100%
rename from apps/editor/components/ui/primitives/switch.tsx
rename to apps/community/components/ui/primitives/switch.tsx
diff --git a/apps/editor/components/ui/primitives/tooltip.tsx b/apps/community/components/ui/primitives/tooltip.tsx
similarity index 100%
rename from apps/editor/components/ui/primitives/tooltip.tsx
rename to apps/community/components/ui/primitives/tooltip.tsx
diff --git a/apps/community/env.mjs b/apps/community/env.mjs
new file mode 100644
index 00000000..141ce000
--- /dev/null
+++ b/apps/community/env.mjs
@@ -0,0 +1,58 @@
+/**
+ * Environment variable validation for the editor app.
+ *
+ * This file validates that required environment variables are set at runtime.
+ * Variables are defined in the root .env file.
+ *
+ * @see https://env.t3.gg/docs/nextjs
+ */
+import { createEnv } from '@t3-oss/env-nextjs'
+import { z } from 'zod'
+
+export const env = createEnv({
+  /**
+   * Server-side environment variables (not exposed to client)
+   */
+  server: {
+    // Database
+    POSTGRES_URL: z.string().min(1),
+    SUPABASE_SERVICE_ROLE_KEY: z.string().min(1),
+
+    // Auth
+    BETTER_AUTH_SECRET: z.string().min(1),
+    GOOGLE_CLIENT_ID: z.string().optional(),
+    GOOGLE_CLIENT_SECRET: z.string().optional(),
+
+    // Email
+    RESEND_API_KEY: z.string().optional(),
+  },
+
+  /**
+   * Client-side environment variables (exposed to browser via NEXT_PUBLIC_)
+   */
+  client: {
+    NEXT_PUBLIC_SUPABASE_URL: z.string().min(1),
+    NEXT_PUBLIC_SUPABASE_ANON_KEY: z.string().optional(),
+  },
+
+  /**
+   * Runtime values - pulls from process.env
+   */
+  runtimeEnv: {
+    // Server
+    POSTGRES_URL: process.env.POSTGRES_URL,
+    SUPABASE_SERVICE_ROLE_KEY: process.env.SUPABASE_SERVICE_ROLE_KEY,
+    BETTER_AUTH_SECRET: process.env.BETTER_AUTH_SECRET,
+    GOOGLE_CLIENT_ID: process.env.GOOGLE_CLIENT_ID,
+    GOOGLE_CLIENT_SECRET: process.env.GOOGLE_CLIENT_SECRET,
+    RESEND_API_KEY: process.env.RESEND_API_KEY,
+    // Client
+    NEXT_PUBLIC_SUPABASE_URL: process.env.NEXT_PUBLIC_SUPABASE_URL,
+    NEXT_PUBLIC_SUPABASE_ANON_KEY: process.env.NEXT_PUBLIC_SUPABASE_ANON_KEY,
+  },
+
+  /**
+   * Skip validation during build (env vars come from Vercel at runtime)
+   */
+  skipValidation: !!process.env.SKIP_ENV_VALIDATION,
+})
diff --git a/apps/editor/features/community/README.md b/apps/community/features/community/README.md
similarity index 100%
rename from apps/editor/features/community/README.md
rename to apps/community/features/community/README.md
diff --git a/apps/editor/features/community/components/cloud-save-button.tsx b/apps/community/features/community/components/cloud-save-button.tsx
similarity index 100%
rename from apps/editor/features/community/components/cloud-save-button.tsx
rename to apps/community/features/community/components/cloud-save-button.tsx
diff --git a/apps/community/features/community/components/community-app-menu.tsx b/apps/community/features/community/components/community-app-menu.tsx
new file mode 100644
index 00000000..7eb019b6
--- /dev/null
+++ b/apps/community/features/community/components/community-app-menu.tsx
@@ -0,0 +1,157 @@
+"use client";
+
+import { ArrowLeft, Command, FolderOpen, Search } from "lucide-react";
+import Image from "next/image";
+import Link from "next/link";
+import { useEffect, useState } from "react";
+import { useRouter } from "next/navigation";
+import {
+  Dialog,
+  DialogContent,
+  DialogHeader,
+  DialogTitle,
+} from "@/components/ui/primitives/dialog";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/primitives/popover";
+import { useCommandPalette } from "@/components/ui/command-palette";
+import { cn } from "@/lib/utils";
+import { useProjectStore } from "../lib/projects/store";
+
+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 function CommunityAppMenu() {
+  const [isMenuOpen, setIsMenuOpen] = useState(false);
+  const [isOpenProjectOpen, setIsOpenProjectOpen] = useState(false);
+
+  const handleOpenProject = () => {
+    setIsMenuOpen(false);
+    setIsOpenProjectOpen(true);
+  };
+
+  return (
+    <>
+      <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>
+
+      <OpenProjectModal open={isOpenProjectOpen} onOpenChange={setIsOpenProjectOpen} />
+    </>
+  );
+}
diff --git a/apps/editor/features/community/components/community-hub.tsx b/apps/community/features/community/components/community-hub.tsx
similarity index 100%
rename from apps/editor/features/community/components/community-hub.tsx
rename to apps/community/features/community/components/community-hub.tsx
diff --git a/apps/editor/features/community/components/create-project-button.tsx b/apps/community/features/community/components/create-project-button.tsx
similarity index 100%
rename from apps/editor/features/community/components/create-project-button.tsx
rename to apps/community/features/community/components/create-project-button.tsx
diff --git a/apps/editor/features/community/components/google-address-search.tsx b/apps/community/features/community/components/google-address-search.tsx
similarity index 100%
rename from apps/editor/features/community/components/google-address-search.tsx
rename to apps/community/features/community/components/google-address-search.tsx
diff --git a/apps/editor/features/community/components/hub-footer.tsx b/apps/community/features/community/components/hub-footer.tsx
similarity index 100%
rename from apps/editor/features/community/components/hub-footer.tsx
rename to apps/community/features/community/components/hub-footer.tsx
diff --git a/apps/editor/features/community/components/new-project-dialog.tsx b/apps/community/features/community/components/new-project-dialog.tsx
similarity index 100%
rename from apps/editor/features/community/components/new-project-dialog.tsx
rename to apps/community/features/community/components/new-project-dialog.tsx
diff --git a/apps/editor/features/community/components/profile-dropdown.tsx b/apps/community/features/community/components/profile-dropdown.tsx
similarity index 100%
rename from apps/editor/features/community/components/profile-dropdown.tsx
rename to apps/community/features/community/components/profile-dropdown.tsx
diff --git a/apps/editor/features/community/components/project-dropdown.tsx b/apps/community/features/community/components/project-dropdown.tsx
similarity index 100%
rename from apps/editor/features/community/components/project-dropdown.tsx
rename to apps/community/features/community/components/project-dropdown.tsx
diff --git a/apps/editor/features/community/components/project-grid.tsx b/apps/community/features/community/components/project-grid.tsx
similarity index 100%
rename from apps/editor/features/community/components/project-grid.tsx
rename to apps/community/features/community/components/project-grid.tsx
diff --git a/apps/community/features/community/components/project-header.tsx b/apps/community/features/community/components/project-header.tsx
new file mode 100644
index 00000000..d91b105c
--- /dev/null
+++ b/apps/community/features/community/components/project-header.tsx
@@ -0,0 +1,481 @@
+"use client";
+
+import { useScene } from "@pascal-app/core";
+import {
+  ArrowUpCircle,
+  ChevronDown,
+  Clock3,
+  RotateCcw,
+  Save,
+} from "lucide-react";
+import { useCallback, useEffect, useMemo, useRef, useState } from "react";
+import {
+  Popover,
+  PopoverContent,
+  PopoverTrigger,
+} from "@/components/ui/primitives/popover";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "@/components/ui/primitives/tooltip";
+import { cn } from "@/lib/utils";
+import { applySceneGraphToEditor } from "@pascal-app/editor";
+import {
+  getProjectModel,
+  getProjectVersionById,
+  getProjectVersionList,
+  getProjectVersionStatus,
+  publishProjectModel,
+  saveProjectModel,
+  saveProjectVersion,
+  type ProjectVersionListItem,
+  type ProjectVersionStatus,
+  type SceneGraph,
+} from "../lib/models/actions";
+import { updateProjectName } from "../lib/projects/actions";
+import { useProjectStore } from "../lib/projects/store";
+
+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 ProjectHeader() {
+  type VersionAction = "save" | "savePublish" | "publish";
+  type VersionItemAction = "restore" | "publish";
+
+  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(() => {
+    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) {
+      useProjectStore.setState((state) => ({
+        activeProject: state.activeProject ? { ...state.activeProject, name: trimmed } : null,
+        projects: state.projects.map((p) => p.id === activeProject.id ? { ...p, name: trimmed } : p),
+      }));
+      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);
+      setVersionList(result.success && result.data ? 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();
+    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 };
+        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); }
+  };
+
+  return (
+    <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>
+  );
+}
diff --git a/apps/editor/features/community/components/project-settings-dialog.tsx b/apps/community/features/community/components/project-settings-dialog.tsx
similarity index 100%
rename from apps/editor/features/community/components/project-settings-dialog.tsx
rename to apps/community/features/community/components/project-settings-dialog.tsx
diff --git a/apps/editor/features/community/components/public-profile-page.tsx b/apps/community/features/community/components/public-profile-page.tsx
similarity index 100%
rename from apps/editor/features/community/components/public-profile-page.tsx
rename to apps/community/features/community/components/public-profile-page.tsx
diff --git a/apps/editor/features/community/components/settings-page.tsx b/apps/community/features/community/components/settings-page.tsx
similarity index 100%
rename from apps/editor/features/community/components/settings-page.tsx
rename to apps/community/features/community/components/settings-page.tsx
diff --git a/apps/editor/features/community/components/sign-in-dialog.tsx b/apps/community/features/community/components/sign-in-dialog.tsx
similarity index 100%
rename from apps/editor/features/community/components/sign-in-dialog.tsx
rename to apps/community/features/community/components/sign-in-dialog.tsx
diff --git a/apps/editor/features/community/components/username-gate.tsx b/apps/community/features/community/components/username-gate.tsx
similarity index 100%
rename from apps/editor/features/community/components/username-gate.tsx
rename to apps/community/features/community/components/username-gate.tsx
diff --git a/apps/editor/features/community/components/username-onboarding-dialog.tsx b/apps/community/features/community/components/username-onboarding-dialog.tsx
similarity index 100%
rename from apps/editor/features/community/components/username-onboarding-dialog.tsx
rename to apps/community/features/community/components/username-onboarding-dialog.tsx
diff --git a/apps/editor/features/community/lib/assets/actions.ts b/apps/community/features/community/lib/assets/actions.ts
similarity index 100%
rename from apps/editor/features/community/lib/assets/actions.ts
rename to apps/community/features/community/lib/assets/actions.ts
diff --git a/apps/editor/features/community/lib/auth/actions.ts b/apps/community/features/community/lib/auth/actions.ts
similarity index 100%
rename from apps/editor/features/community/lib/auth/actions.ts
rename to apps/community/features/community/lib/auth/actions.ts
diff --git a/apps/editor/features/community/lib/auth/client.ts b/apps/community/features/community/lib/auth/client.ts
similarity index 100%
rename from apps/editor/features/community/lib/auth/client.ts
rename to apps/community/features/community/lib/auth/client.ts
diff --git a/apps/editor/features/community/lib/auth/hooks.ts b/apps/community/features/community/lib/auth/hooks.ts
similarity index 100%
rename from apps/editor/features/community/lib/auth/hooks.ts
rename to apps/community/features/community/lib/auth/hooks.ts
diff --git a/apps/editor/features/community/lib/auth/server.ts b/apps/community/features/community/lib/auth/server.ts
similarity index 100%
rename from apps/editor/features/community/lib/auth/server.ts
rename to apps/community/features/community/lib/auth/server.ts
diff --git a/apps/editor/features/community/lib/database/server.ts b/apps/community/features/community/lib/database/server.ts
similarity index 100%
rename from apps/editor/features/community/lib/database/server.ts
rename to apps/community/features/community/lib/database/server.ts
diff --git a/apps/editor/features/community/lib/feedback/actions.ts b/apps/community/features/community/lib/feedback/actions.ts
similarity index 100%
rename from apps/editor/features/community/lib/feedback/actions.ts
rename to apps/community/features/community/lib/feedback/actions.ts
diff --git a/apps/editor/features/community/lib/models/actions.ts b/apps/community/features/community/lib/models/actions.ts
similarity index 99%
rename from apps/editor/features/community/lib/models/actions.ts
rename to apps/community/features/community/lib/models/actions.ts
index 03b15f40..d823ff2c 100644
--- a/apps/editor/features/community/lib/models/actions.ts
+++ b/apps/community/features/community/lib/models/actions.ts
@@ -5,7 +5,6 @@
 
 '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'
@@ -13,8 +12,8 @@ import type { ActionResult } from '../projects/actions'
 import { isSceneGraphEmpty } from './scene-graph-utils'
 
 export interface SceneGraph {
-  nodes: Record<AnyNodeId, AnyNode>
-  rootNodeIds: AnyNodeId[]
+  nodes: Record<string, unknown>
+  rootNodeIds: string[]
 }
 
 export interface ProjectModel {
diff --git a/apps/editor/features/community/lib/models/hooks.ts b/apps/community/features/community/lib/models/hooks.ts
similarity index 82%
rename from apps/editor/features/community/lib/models/hooks.ts
rename to apps/community/features/community/lib/models/hooks.ts
index d2fbccf2..e3ed9c3d 100644
--- a/apps/editor/features/community/lib/models/hooks.ts
+++ b/apps/community/features/community/lib/models/hooks.ts
@@ -5,60 +5,15 @@
 '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 { applySceneGraphToEditor } from '@pascal-app/editor'
 import { useProjectStore } from '../projects/store'
-import { getProjectModel, saveProjectModel, type SceneGraph } from './actions'
+import { getProjectModel, saveProjectModel } 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()
-}
+export { applySceneGraphToEditor }
 
 /**
  * Load the scene when a project becomes active.
diff --git a/apps/editor/features/community/lib/models/scene-graph-utils.ts b/apps/community/features/community/lib/models/scene-graph-utils.ts
similarity index 100%
rename from apps/editor/features/community/lib/models/scene-graph-utils.ts
rename to apps/community/features/community/lib/models/scene-graph-utils.ts
diff --git a/apps/editor/features/community/lib/projects/actions.ts b/apps/community/features/community/lib/projects/actions.ts
similarity index 100%
rename from apps/editor/features/community/lib/projects/actions.ts
rename to apps/community/features/community/lib/projects/actions.ts
diff --git a/apps/editor/features/community/lib/projects/store.ts b/apps/community/features/community/lib/projects/store.ts
similarity index 99%
rename from apps/editor/features/community/lib/projects/store.ts
rename to apps/community/features/community/lib/projects/store.ts
index 3478c7cf..e66ba48f 100644
--- a/apps/editor/features/community/lib/projects/store.ts
+++ b/apps/community/features/community/lib/projects/store.ts
@@ -12,7 +12,7 @@ import {
 
 interface ProjectStore {
   // Autosave lifecycle for the latest draft scene
-  autosaveStatus: 'idle' | 'pending' | 'saving' | 'saved' | 'paused'
+  autosaveStatus: 'idle' | 'pending' | 'saving' | 'saved' | 'paused' | 'error'
 
   // State
   activeProject: Project | null
diff --git a/apps/editor/features/community/lib/projects/types.ts b/apps/community/features/community/lib/projects/types.ts
similarity index 100%
rename from apps/editor/features/community/lib/projects/types.ts
rename to apps/community/features/community/lib/projects/types.ts
diff --git a/apps/editor/features/community/lib/utils/id-generator.ts b/apps/community/features/community/lib/utils/id-generator.ts
similarity index 100%
rename from apps/editor/features/community/lib/utils/id-generator.ts
rename to apps/community/features/community/lib/utils/id-generator.ts
diff --git a/apps/community/instrumentation.ts b/apps/community/instrumentation.ts
new file mode 100644
index 00000000..ffe74034
--- /dev/null
+++ b/apps/community/instrumentation.ts
@@ -0,0 +1,50 @@
+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/community/lib/auth.ts
similarity index 100%
rename from apps/editor/lib/auth.ts
rename to apps/community/lib/auth.ts
diff --git a/apps/editor/lib/navigation.ts b/apps/community/lib/navigation.ts
similarity index 100%
rename from apps/editor/lib/navigation.ts
rename to apps/community/lib/navigation.ts
diff --git a/apps/editor/lib/supabase/client.ts b/apps/community/lib/supabase/client.ts
similarity index 100%
rename from apps/editor/lib/supabase/client.ts
rename to apps/community/lib/supabase/client.ts
diff --git a/apps/editor/lib/supabase/server.ts b/apps/community/lib/supabase/server.ts
similarity index 100%
rename from apps/editor/lib/supabase/server.ts
rename to apps/community/lib/supabase/server.ts
diff --git a/apps/editor/lib/upload-asset.ts b/apps/community/lib/upload-asset.ts
similarity index 97%
rename from apps/editor/lib/upload-asset.ts
rename to apps/community/lib/upload-asset.ts
index 29860f3a..a86619f8 100644
--- a/apps/editor/lib/upload-asset.ts
+++ b/apps/community/lib/upload-asset.ts
@@ -9,8 +9,8 @@ import {
   confirmAssetUpload,
   type AssetType,
 } from '@/features/community/lib/assets/actions'
-import { useUploadStore } from '@/store/use-upload'
-import useEditor from '@/store/use-editor'
+import { useUploadStore } from '@pascal-app/editor'
+import { useEditor } from '@pascal-app/editor'
 
 /**
  * Upload a file directly to Supabase Storage via signed URL with progress tracking.
diff --git a/apps/community/lib/utils.ts b/apps/community/lib/utils.ts
new file mode 100644
index 00000000..44aa86a2
--- /dev/null
+++ b/apps/community/lib/utils.ts
@@ -0,0 +1,44 @@
+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/community/next-env.d.ts b/apps/community/next-env.d.ts
new file mode 100644
index 00000000..c4b7818f
--- /dev/null
+++ b/apps/community/next-env.d.ts
@@ -0,0 +1,6 @@
+/// <reference types="next" />
+/// <reference types="next/image-types/global" />
+import "./.next/dev/types/routes.d.ts";
+
+// NOTE: This file should not be edited
+// see https://nextjs.org/docs/app/api-reference/config/typescript for more information.
diff --git a/apps/community/next.config.ts b/apps/community/next.config.ts
new file mode 100644
index 00000000..441826ac
--- /dev/null
+++ b/apps/community/next.config.ts
@@ -0,0 +1,25 @@
+import type { NextConfig } from 'next'
+
+const nextConfig: NextConfig = {
+  transpilePackages: ['three', '@pascal-app/viewer', '@pascal-app/core', '@pascal-app/editor'],
+  experimental: {
+    serverActions: {
+      bodySizeLimit: '100mb',
+    },
+  },
+  images: {
+    unoptimized: process.env.NEXT_PUBLIC_ASSETS_CDN_URL?.startsWith('http://localhost') ?? false,
+    remotePatterns: [
+      {
+        protocol: 'https',
+        hostname: '**',
+      },
+      {
+        protocol: 'http',
+        hostname: '**',
+      },
+    ],
+  },
+}
+
+export default nextConfig
diff --git a/apps/community/package.json b/apps/community/package.json
new file mode 100644
index 00000000..6d808070
--- /dev/null
+++ b/apps/community/package.json
@@ -0,0 +1,47 @@
+{
+  "name": "community",
+  "version": "0.1.0",
+  "type": "module",
+  "private": true,
+  "scripts": {
+    "dev": "set -a && . ../../.env 2>/dev/null; set +a; next dev --port 3001",
+    "build": "next build",
+    "start": "next start",
+    "lint": "biome lint",
+    "check-types": "next typegen && tsc --noEmit"
+  },
+  "dependencies": {
+    "@pascal-app/auth": "*",
+    "@pascal-app/core": "*",
+    "@pascal-app/db": "*",
+    "@pascal-app/editor": "*",
+    "@pascal-app/viewer": "*",
+    "@react-google-maps/api": "^2.20.8",
+    "@supabase/supabase-js": "^2.98.0",
+    "@t3-oss/env-nextjs": "^0.13.10",
+    "@tailwindcss/postcss": "^4.2.1",
+    "@vercel/analytics": "^1.6.1",
+    "@vercel/speed-insights": "^1.3.1",
+    "@vercel/toolbar": "^0.2.2",
+    "better-auth": "^1.5.2",
+    "clsx": "^2.1.1",
+    "lucide-react": "^0.562.0",
+    "motion": "^12.34.3",
+    "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"
+  },
+  "devDependencies": {
+    "@repo/typescript-config": "*",
+    "@types/node": "^22.19.12",
+    "@types/react": "19.2.2",
+    "@types/react-dom": "19.2.2",
+    "typescript": "5.9.3"
+  }
+}
diff --git a/apps/community/postcss.config.mjs b/apps/community/postcss.config.mjs
new file mode 100644
index 00000000..a7f73a2d
--- /dev/null
+++ b/apps/community/postcss.config.mjs
@@ -0,0 +1,5 @@
+export default {
+  plugins: {
+    '@tailwindcss/postcss': {},
+  },
+}
diff --git a/apps/community/public/audios/radios/classic/Ballroom in Miniature.mp3 b/apps/community/public/audios/radios/classic/Ballroom in Miniature.mp3
new file mode 100644
index 00000000..ebcf4dd7
Binary files /dev/null and b/apps/community/public/audios/radios/classic/Ballroom in Miniature.mp3 differ
diff --git a/apps/community/public/audios/radios/classic/Blueprints in Springtime.mp3 b/apps/community/public/audios/radios/classic/Blueprints in Springtime.mp3
new file mode 100644
index 00000000..973955ba
Binary files /dev/null and b/apps/community/public/audios/radios/classic/Blueprints in Springtime.mp3 differ
diff --git a/apps/community/public/audios/radios/classic/Clockwork Tea Party (Alternate).mp3 b/apps/community/public/audios/radios/classic/Clockwork Tea Party (Alternate).mp3
new file mode 100644
index 00000000..d4ec67d7
Binary files /dev/null and b/apps/community/public/audios/radios/classic/Clockwork Tea Party (Alternate).mp3 differ
diff --git a/apps/community/public/audios/radios/classic/Clockwork Tea Party.mp3 b/apps/community/public/audios/radios/classic/Clockwork Tea Party.mp3
new file mode 100644
index 00000000..88915bad
Binary files /dev/null and b/apps/community/public/audios/radios/classic/Clockwork Tea Party.mp3 differ
diff --git a/apps/community/public/audios/radios/classic/Clockwork Teacups.mp3 b/apps/community/public/audios/radios/classic/Clockwork Teacups.mp3
new file mode 100644
index 00000000..a8967b20
Binary files /dev/null and b/apps/community/public/audios/radios/classic/Clockwork Teacups.mp3 differ
diff --git a/apps/community/public/audios/radios/classic/Evening in the Parlor.mp3 b/apps/community/public/audios/radios/classic/Evening in the Parlor.mp3
new file mode 100644
index 00000000..ed7b590f
Binary files /dev/null and b/apps/community/public/audios/radios/classic/Evening in the Parlor.mp3 differ
diff --git a/apps/community/public/audios/radios/classic/Glass Atrium.mp3 b/apps/community/public/audios/radios/classic/Glass Atrium.mp3
new file mode 100644
index 00000000..460f72f9
Binary files /dev/null and b/apps/community/public/audios/radios/classic/Glass Atrium.mp3 differ
diff --git a/apps/community/public/audios/radios/classic/Moonlight On The Drafting Table.mp3 b/apps/community/public/audios/radios/classic/Moonlight On The Drafting Table.mp3
new file mode 100644
index 00000000..9b4e5275
Binary files /dev/null and b/apps/community/public/audios/radios/classic/Moonlight On The Drafting Table.mp3 differ
diff --git a/apps/community/public/audios/radios/classic/Sunlit Garden Reverie.mp3 b/apps/community/public/audios/radios/classic/Sunlit Garden Reverie.mp3
new file mode 100644
index 00000000..120d20ab
Binary files /dev/null and b/apps/community/public/audios/radios/classic/Sunlit Garden Reverie.mp3 differ
diff --git a/apps/community/public/audios/radios/classic/Sunlit Waltz in Pastel Hues.mp3 b/apps/community/public/audios/radios/classic/Sunlit Waltz in Pastel Hues.mp3
new file mode 100644
index 00000000..037cd889
Binary files /dev/null and b/apps/community/public/audios/radios/classic/Sunlit Waltz in Pastel Hues.mp3 differ
diff --git a/apps/community/public/audios/sfx/grid_snap.mp3 b/apps/community/public/audios/sfx/grid_snap.mp3
new file mode 100644
index 00000000..f3c853c0
Binary files /dev/null and b/apps/community/public/audios/sfx/grid_snap.mp3 differ
diff --git a/apps/community/public/audios/sfx/item_delete.mp3 b/apps/community/public/audios/sfx/item_delete.mp3
new file mode 100644
index 00000000..2bd0ad89
Binary files /dev/null and b/apps/community/public/audios/sfx/item_delete.mp3 differ
diff --git a/apps/community/public/audios/sfx/item_pick.mp3 b/apps/community/public/audios/sfx/item_pick.mp3
new file mode 100644
index 00000000..b1998427
Binary files /dev/null and b/apps/community/public/audios/sfx/item_pick.mp3 differ
diff --git a/apps/community/public/audios/sfx/item_place.mp3 b/apps/community/public/audios/sfx/item_place.mp3
new file mode 100644
index 00000000..17b94fff
Binary files /dev/null and b/apps/community/public/audios/sfx/item_place.mp3 differ
diff --git a/apps/community/public/audios/sfx/item_rotate.mp3 b/apps/community/public/audios/sfx/item_rotate.mp3
new file mode 100644
index 00000000..e5c94a6a
Binary files /dev/null and b/apps/community/public/audios/sfx/item_rotate.mp3 differ
diff --git a/apps/community/public/audios/sfx/structure_build.mp3 b/apps/community/public/audios/sfx/structure_build.mp3
new file mode 100644
index 00000000..9de9a070
Binary files /dev/null and b/apps/community/public/audios/sfx/structure_build.mp3 differ
diff --git a/apps/community/public/audios/sfx/structure_delete.mp3 b/apps/community/public/audios/sfx/structure_delete.mp3
new file mode 100644
index 00000000..b0b5d9f6
Binary files /dev/null and b/apps/community/public/audios/sfx/structure_delete.mp3 differ
diff --git a/apps/community/public/cursor.svg b/apps/community/public/cursor.svg
new file mode 100644
index 00000000..d0611362
--- /dev/null
+++ b/apps/community/public/cursor.svg
@@ -0,0 +1,3 @@
+<svg width="24" height="24" viewBox="0 0 24 24" fill="none" xmlns="http://www.w3.org/2000/svg">
+    <path d="M20.5056 10.7754C21.1225 10.5355 21.431 10.4155 21.5176 10.2459C21.5926 10.099 21.5903 9.92446 21.5115 9.77954C21.4205 9.61226 21.109 9.50044 20.486 9.2768L4.59629 3.5728C4.0866 3.38983 3.83175 3.29835 3.66514 3.35605C3.52029 3.40621 3.40645 3.52004 3.35629 3.6649C3.29859 3.8315 3.39008 4.08635 3.57304 4.59605L9.277 20.4858C9.50064 21.1088 9.61246 21.4203 9.77973 21.5113C9.92465 21.5901 10.0991 21.5924 10.2461 21.5174C10.4157 21.4308 10.5356 21.1223 10.7756 20.5054L13.3724 13.8278C13.4194 13.707 13.4429 13.6466 13.4792 13.5957C13.5114 13.5506 13.5508 13.5112 13.5959 13.479C13.6468 13.4427 13.7072 13.4192 13.828 13.3722L20.5056 10.7754Z" stroke="#D3DAF0" stroke-width="1" stroke-linecap="round" stroke-linejoin="round" fill="#202022"/>
+</svg>
diff --git a/apps/community/public/demos/demo_1.json b/apps/community/public/demos/demo_1.json
new file mode 100644
index 00000000..223adcb9
--- /dev/null
+++ b/apps/community/public/demos/demo_1.json
@@ -0,0 +1,2765 @@
+{
+  "nodes": {
+    "building_bv4ilcjivnxn8wkd": {
+      "object": "node",
+      "id": "building_bv4ilcjivnxn8wkd",
+      "type": "building",
+      "parentId": null,
+      "visible": true,
+      "metadata": {},
+      "children": [
+        "level_pojp0mw3qssu110w",
+        "level_bbyvfs9qwzh4arjf"
+      ],
+      "position": [
+        0,
+        0,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ]
+    },
+    "level_pojp0mw3qssu110w": {
+      "object": "node",
+      "id": "level_pojp0mw3qssu110w",
+      "type": "level",
+      "parentId": null,
+      "visible": true,
+      "metadata": {},
+      "children": [
+        "slab_gr6zxi4915gqwjbn",
+        "zone_iozx54yy1hmmoads",
+        "item_ketiyaswru3k7vub",
+        "item_8zi2layxh9s8erc1",
+        "item_t29aoosaypbiwkq2",
+        "item_ycf4n2wudq423w5g",
+        "wall_0j28n7nskm2sst7m",
+        "wall_3wwt9bjqrdc5w09s",
+        "wall_785y11hb3nztn1ua",
+        "wall_g4h1v4vm9ou0wryc",
+        "item_4vch778zg55nfmgb",
+        "item_vqk00ajqdznqsygs",
+        "wall_ejrf1znv4twbeszy",
+        "wall_9l64ckn6p3yzmfxf",
+        "item_e3bxmnrhz9eclzgw",
+        "item_vf8hqhemi33y4n0w",
+        "item_k2zexryozzwgokox",
+        "item_6p3y4rva0zv24s1t",
+        "item_r7idtbazaf6482kq",
+        "item_0x8hjyork26n4g2m",
+        "item_tmprvzxa85izusug",
+        "item_g6219gs7mrpg7bzd",
+        "item_dts7f41ictd7hah4",
+        "item_in5trmidft4sglhx",
+        "zone_c7k2ssvmbv5d1xlm",
+        "item_0e9paq67kdbm5ux0",
+        "item_iyu7knyxqe82c3yg",
+        "item_nwe34qk8vzs1vag7",
+        "item_oay55zmjjo76s1fs",
+        "item_g060bhthvcra992w",
+        "item_38kt7s45alt2vrjg",
+        "item_n10cp9ke7n9hxl96",
+        "item_nt5fxip4a03cmaoi",
+        "item_1quoil3ytsuuarni",
+        "item_e1w89kkg2pql1v45",
+        "item_3akotmiffzdr8ule",
+        "item_1b3tinfswueb6gr8",
+        "item_y164oe3lxfx9qefg",
+        "item_dsalxofuqf96h8t4",
+        "roof_ui8zhim41alg6lq4",
+        "guide_acs9nzz19rm4vl2c"
+      ],
+      "level": 0,
+      "camera": {
+        "position": [
+          32.19770918094574,
+          13.355189178183336,
+          32.63027548275616
+        ],
+        "target": [
+          4.8501257048479305,
+          -6.656412040461838e-16,
+          7.3634421472590255
+        ],
+        "mode": "perspective"
+      }
+    },
+    "slab_gr6zxi4915gqwjbn": {
+      "object": "node",
+      "id": "slab_gr6zxi4915gqwjbn",
+      "type": "slab",
+      "name": "Plancher",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "polygon": [
+        [
+          13,
+          6
+        ],
+        [
+          9,
+          6
+        ],
+        [
+          9,
+          0
+        ],
+        [
+          13,
+          0
+        ]
+      ],
+      "elevation": 0.05
+    },
+    "level_bbyvfs9qwzh4arjf": {
+      "object": "node",
+      "id": "level_bbyvfs9qwzh4arjf",
+      "type": "level",
+      "parentId": "building_bv4ilcjivnxn8wkd",
+      "visible": true,
+      "metadata": {},
+      "children": [
+        "roof_jxd8tc6rcuaujl25"
+      ],
+      "level": 1,
+      "camera": {
+        "position": [
+          11.709072311989358,
+          25.635955613557638,
+          50.59653427090403
+        ],
+        "target": [
+          6.9995635873796855,
+          2.4999999999999996,
+          0.6911898255966076
+        ],
+        "mode": "perspective"
+      }
+    },
+    "roof_jxd8tc6rcuaujl25": {
+      "object": "node",
+      "id": "roof_jxd8tc6rcuaujl25",
+      "type": "roof",
+      "name": "Roof 1",
+      "parentId": "level_bbyvfs9qwzh4arjf",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        10.25,
+        0,
+        3.5
+      ],
+      "rotation": 0,
+      "length": 5.5,
+      "height": 1.6,
+      "leftWidth": 4.7,
+      "rightWidth": 2.7
+    },
+    "zone_iozx54yy1hmmoads": {
+      "object": "node",
+      "id": "zone_iozx54yy1hmmoads",
+      "type": "zone",
+      "name": "Wawa Zone",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "polygon": [
+        [
+          9,
+          6
+        ],
+        [
+          9,
+          0
+        ],
+        [
+          13,
+          0
+        ],
+        [
+          13,
+          6
+        ]
+      ],
+      "color": "#3b82f6",
+      "camera": {
+        "position": [
+          18.715003971902778,
+          18.8254836683251,
+          12.086656976691291
+        ],
+        "target": [
+          6.9995635873796855,
+          1.6971845387795204e-17,
+          0.6911898255966076
+        ],
+        "mode": "perspective"
+      }
+    },
+    "item_137wje66gax2c6bc": {
+      "object": "node",
+      "id": "item_137wje66gax2c6bc",
+      "type": "item",
+      "name": "window-large",
+      "parentId": "wall_q455ycyoqnjxjcdr",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        2,
+        0.5,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "asset": {
+        "id": "window-large",
+        "category": "window",
+        "name": "window-large",
+        "thumbnail": "/items/window-large/thumbnail.webp",
+        "src": "/items/window-large/model.glb",
+        "dimensions": [
+          2,
+          2,
+          0.4
+        ],
+        "attachTo": "wall",
+        "offset": [
+          0,
+          1,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
+      }
+    },
+    "item_ketiyaswru3k7vub": {
+      "object": "node",
+      "id": "item_ketiyaswru3k7vub",
+      "type": "item",
+      "name": "lounge-chair",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_8zi2layxh9s8erc1": {
+      "object": "node",
+      "id": "item_8zi2layxh9s8erc1",
+      "type": "item",
+      "name": "Lounge Chair 2",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_t29aoosaypbiwkq2": {
+      "object": "node",
+      "id": "item_t29aoosaypbiwkq2",
+      "type": "item",
+      "name": "trash-bin",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_ycf4n2wudq423w5g": {
+      "object": "node",
+      "id": "item_ycf4n2wudq423w5g",
+      "type": "item",
+      "name": "toy",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "wall_0j28n7nskm2sst7m": {
+      "object": "node",
+      "id": "wall_0j28n7nskm2sst7m",
+      "type": "wall",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "children": [
+        "item_53okxjgbe9htx0yb",
+        "item_u94w6z7xl4a8icgn"
+      ],
+      "start": [
+        9,
+        0
+      ],
+      "end": [
+        13,
+        0
+      ]
+    },
+    "wall_3wwt9bjqrdc5w09s": {
+      "object": "node",
+      "id": "wall_3wwt9bjqrdc5w09s",
+      "type": "wall",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "children": [
+        "item_4g68nbqcpnzrqpsa",
+        "item_b5xi5dwyufh17763"
+      ],
+      "start": [
+        13,
+        0
+      ],
+      "end": [
+        13,
+        6
+      ]
+    },
+    "item_b5xi5dwyufh17763": {
+      "object": "node",
+      "id": "item_b5xi5dwyufh17763",
+      "type": "item",
+      "name": "Window-simple",
+      "parentId": "wall_3wwt9bjqrdc5w09s",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        1.5,
+        0,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "asset": {
+        "id": "window-simple",
+        "category": "window",
+        "name": "Window-simple",
+        "thumbnail": "/items/window-simple/thumbnail.webp",
+        "src": "/items/window-simple/model.glb",
+        "dimensions": [
+          1.5,
+          2,
+          0.5
+        ],
+        "attachTo": "wall",
+        "offset": [
+          1.06,
+          -0.35,
+          0.05
+        ],
+        "rotation": [
+          0,
+          3.14,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
+      }
+    },
+    "item_53okxjgbe9htx0yb": {
+      "object": "node",
+      "id": "item_53okxjgbe9htx0yb",
+      "type": "item",
+      "name": "Window-double",
+      "parentId": "wall_0j28n7nskm2sst7m",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        2.5,
+        0.5,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "asset": {
+        "id": "window-double",
+        "category": "window",
+        "name": "Window-double",
+        "thumbnail": "/items/window-double/thumbnail.webp",
+        "src": "/items/window-double/model.glb",
+        "dimensions": [
+          1.5,
+          2,
+          0.5
+        ],
+        "attachTo": "wall",
+        "offset": [
+          0,
+          -0.38,
+          0.02
+        ],
+        "rotation": [
+          0,
+          3.14,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
+      }
+    },
+    "item_4g68nbqcpnzrqpsa": {
+      "object": "node",
+      "id": "item_4g68nbqcpnzrqpsa",
+      "type": "item",
+      "name": "Window-rectangle",
+      "parentId": "wall_3wwt9bjqrdc5w09s",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        4,
+        0.5,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "asset": {
+        "id": "window-rectangle",
+        "category": "window",
+        "name": "Window-rectangle",
+        "thumbnail": "/items/window-rectangle/thumbnail.webp",
+        "src": "/items/window-rectangle/model.glb",
+        "dimensions": [
+          3,
+          2,
+          0.5
+        ],
+        "attachTo": "wall",
+        "offset": [
+          -1.65,
+          -0.34,
+          0.1
+        ],
+        "rotation": [
+          0,
+          3.14,
+          0
+        ],
+        "scale": [
+          0.95,
+          1,
+          1
+        ]
+      }
+    },
+    "item_u94w6z7xl4a8icgn": {
+      "object": "node",
+      "id": "item_u94w6z7xl4a8icgn",
+      "type": "item",
+      "name": "Window-square",
+      "parentId": "wall_0j28n7nskm2sst7m",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        1,
+        1,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "asset": {
+        "id": "window-square",
+        "category": "window",
+        "name": "Window-square",
+        "thumbnail": "/items/window-square/thumbnail.webp",
+        "src": "/items/window-square/model.glb",
+        "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
+        ]
+      }
+    },
+    "wall_785y11hb3nztn1ua": {
+      "object": "node",
+      "id": "wall_785y11hb3nztn1ua",
+      "type": "wall",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "children": [
+        "item_d7yqucsv4neczzyc"
+      ],
+      "start": [
+        8.5,
+        0
+      ],
+      "end": [
+        6,
+        0
+      ]
+    },
+    "item_d7yqucsv4neczzyc": {
+      "object": "node",
+      "id": "item_d7yqucsv4neczzyc",
+      "type": "item",
+      "name": "door-bar",
+      "parentId": "wall_785y11hb3nztn1ua",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        1,
+        0,
+        0
+      ],
+      "rotation": [
+        0,
+        3.141592653589793,
+        0
+      ],
+      "side": "back",
+      "asset": {
+        "id": "door-bar",
+        "category": "door",
+        "name": "door-bar",
+        "thumbnail": "/items/door-bar/thumbnail.webp",
+        "src": "/items/door-bar/model.glb",
+        "dimensions": [
+          1.5,
+          2.5,
+          0.5
+        ],
+        "attachTo": "wall",
+        "offset": [
+          -0.48,
+          0,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
+      }
+    },
+    "wall_g4h1v4vm9ou0wryc": {
+      "object": "node",
+      "id": "wall_g4h1v4vm9ou0wryc",
+      "type": "wall",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "children": [
+        "item_mslnrvkv4302epxo",
+        "item_xurqne401l2bdtd1"
+      ],
+      "start": [
+        6,
+        0
+      ],
+      "end": [
+        0,
+        0
+      ]
+    },
+    "item_mslnrvkv4302epxo": {
+      "object": "node",
+      "id": "item_mslnrvkv4302epxo",
+      "type": "item",
+      "name": "glass-door",
+      "parentId": "wall_g4h1v4vm9ou0wryc",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        2,
+        0,
+        0
+      ],
+      "rotation": [
+        0,
+        3.141592653589793,
+        0
+      ],
+      "side": "back",
+      "asset": {
+        "id": "glass-door",
+        "category": "door",
+        "name": "glass-door",
+        "thumbnail": "/items/glass-door/thumbnail.webp",
+        "src": "/items/glass-door/model.glb",
+        "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
+        ]
+      }
+    },
+    "item_xurqne401l2bdtd1": {
+      "object": "node",
+      "id": "item_xurqne401l2bdtd1",
+      "type": "item",
+      "name": "door",
+      "parentId": "wall_g4h1v4vm9ou0wryc",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        4.5,
+        0,
+        0
+      ],
+      "rotation": [
+        0,
+        3.141592653589793,
+        0
+      ],
+      "side": "back",
+      "asset": {
+        "id": "door",
+        "category": "door",
+        "name": "door",
+        "thumbnail": "/items/door/thumbnail.webp",
+        "src": "/items/door/model.glb",
+        "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
+        ]
+      }
+    },
+    "item_6e09t7muyapqji6s": {
+      "object": "node",
+      "id": "item_6e09t7muyapqji6s",
+      "type": "item",
+      "name": "Window-double",
+      "parentId": "wall_lyuq9em1b88jx85g",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        4.5,
+        0.5,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "asset": {
+        "id": "window-double",
+        "category": "window",
+        "name": "Window-double",
+        "thumbnail": "/items/window-double/thumbnail.webp",
+        "src": "/items/window-double/model.glb",
+        "dimensions": [
+          1.5,
+          2,
+          0.5
+        ],
+        "attachTo": "wall",
+        "offset": [
+          0,
+          -0.38,
+          0.02
+        ],
+        "rotation": [
+          0,
+          3.14,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
+      }
+    },
+    "item_wcp57nwt4r0zl73b": {
+      "object": "node",
+      "id": "item_wcp57nwt4r0zl73b",
+      "type": "item",
+      "name": "Window-rectangle",
+      "parentId": "wall_lyuq9em1b88jx85g",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        7.5,
+        0.5,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "asset": {
+        "id": "window-rectangle",
+        "category": "window",
+        "name": "Window-rectangle",
+        "thumbnail": "/items/window-rectangle/thumbnail.webp",
+        "src": "/items/window-rectangle/model.glb",
+        "dimensions": [
+          3,
+          2,
+          0.5
+        ],
+        "attachTo": "wall",
+        "offset": [
+          -1.65,
+          -0.34,
+          0.1
+        ],
+        "rotation": [
+          0,
+          3.14,
+          0
+        ],
+        "scale": [
+          0.95,
+          1,
+          1
+        ]
+      }
+    },
+    "item_qpmack787iazwo77": {
+      "object": "node",
+      "id": "item_qpmack787iazwo77",
+      "type": "item",
+      "name": "Window-double",
+      "parentId": "wall_lyuq9em1b88jx85g",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        10.5,
+        0.5,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "asset": {
+        "id": "window-double",
+        "category": "window",
+        "name": "Window-double",
+        "thumbnail": "/items/window-double/thumbnail.webp",
+        "src": "/items/window-double/model.glb",
+        "dimensions": [
+          1.5,
+          2,
+          0.5
+        ],
+        "attachTo": "wall",
+        "offset": [
+          0,
+          -0.38,
+          0.02
+        ],
+        "rotation": [
+          0,
+          3.14,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
+      }
+    },
+    "item_n78zaonsptayyn9k": {
+      "object": "node",
+      "id": "item_n78zaonsptayyn9k",
+      "type": "item",
+      "name": "Window-double",
+      "parentId": "wall_lyuq9em1b88jx85g",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        14,
+        0.5,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "asset": {
+        "id": "window-double",
+        "category": "window",
+        "name": "Window-double",
+        "thumbnail": "/items/window-double/thumbnail.webp",
+        "src": "/items/window-double/model.glb",
+        "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
+        ]
+      }
+    },
+    "item_ee7tg7583z4d2w6m": {
+      "object": "node",
+      "id": "item_ee7tg7583z4d2w6m",
+      "type": "item",
+      "name": "Window-double",
+      "parentId": "wall_lyuq9em1b88jx85g",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        15.5,
+        1,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "asset": {
+        "id": "window-double",
+        "category": "window",
+        "name": "Window-double",
+        "thumbnail": "/items/window-double/thumbnail.webp",
+        "src": "/items/window-double/model.glb",
+        "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
+        ]
+      }
+    },
+    "item_1kave256antvprwp": {
+      "object": "node",
+      "id": "item_1kave256antvprwp",
+      "type": "item",
+      "name": "Window-double",
+      "parentId": "wall_lyuq9em1b88jx85g",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        17,
+        1,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "asset": {
+        "id": "window-double",
+        "category": "window",
+        "name": "Window-double",
+        "thumbnail": "/items/window-double/thumbnail.webp",
+        "src": "/items/window-double/model.glb",
+        "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
+        ]
+      }
+    },
+    "item_4vch778zg55nfmgb": {
+      "object": "node",
+      "id": "item_4vch778zg55nfmgb",
+      "type": "item",
+      "name": "lounge-chair",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_vqk00ajqdznqsygs": {
+      "object": "node",
+      "id": "item_vqk00ajqdznqsygs",
+      "type": "item",
+      "name": "tv-stand",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "wall_ejrf1znv4twbeszy": {
+      "object": "node",
+      "id": "wall_ejrf1znv4twbeszy",
+      "type": "wall",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "children": [
+        "item_s9fs055u0ilri7pi",
+        "item_0173tdywhm704hah",
+        "item_7ykyzy2yre3761dq",
+        "item_4dehdkm4vx6r4ghv"
+      ],
+      "start": [
+        1,
+        13
+      ],
+      "end": [
+        1,
+        0.5
+      ]
+    },
+    "item_s9fs055u0ilri7pi": {
+      "object": "node",
+      "id": "item_s9fs055u0ilri7pi",
+      "type": "item",
+      "name": "Window-double",
+      "parentId": "wall_ejrf1znv4twbeszy",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        10.5,
+        0.5,
+        0
+      ],
+      "rotation": [
+        0,
+        3.141592653589793,
+        0
+      ],
+      "side": "back",
+      "asset": {
+        "id": "window-double",
+        "category": "window",
+        "name": "Window-double",
+        "thumbnail": "/items/window-double/thumbnail.webp",
+        "src": "/items/window-double/model.glb",
+        "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
+        ]
+      }
+    },
+    "item_4dehdkm4vx6r4ghv": {
+      "object": "node",
+      "id": "item_4dehdkm4vx6r4ghv",
+      "type": "item",
+      "name": "Window-double",
+      "parentId": "wall_ejrf1znv4twbeszy",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        8.5,
+        0.5,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "asset": {
+        "id": "window-double",
+        "category": "window",
+        "name": "Window-double",
+        "thumbnail": "/items/window-double/thumbnail.webp",
+        "src": "/items/window-double/model.glb",
+        "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
+        ]
+      }
+    },
+    "item_0173tdywhm704hah": {
+      "object": "node",
+      "id": "item_0173tdywhm704hah",
+      "type": "item",
+      "name": "door",
+      "parentId": "wall_ejrf1znv4twbeszy",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        6.5,
+        0,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "asset": {
+        "id": "door",
+        "category": "door",
+        "name": "door",
+        "thumbnail": "/items/door/thumbnail.webp",
+        "src": "/items/door/model.glb",
+        "dimensions": [
+          1.5,
+          2,
+          0.4
+        ],
+        "attachTo": "wall",
+        "offset": [
+          -0.43,
+          0,
+          0
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          0.8,
+          0.8,
+          0.8
+        ]
+      }
+    },
+    "item_7ykyzy2yre3761dq": {
+      "object": "node",
+      "id": "item_7ykyzy2yre3761dq",
+      "type": "item",
+      "name": "air-conditioning",
+      "parentId": "wall_ejrf1znv4twbeszy",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        4,
+        1.5,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "side": "front",
+      "asset": {
+        "id": "air-conditioning",
+        "category": "appliance",
+        "name": "air-conditioning",
+        "thumbnail": "/items/air-conditioning/thumbnail.webp",
+        "src": "/items/air-conditioning/model.glb",
+        "dimensions": [
+          2,
+          1,
+          0.9
+        ],
+        "attachTo": "wall-side",
+        "offset": [
+          0,
+          0.37,
+          0.21
+        ],
+        "rotation": [
+          0,
+          0,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
+      }
+    },
+    "wall_9l64ckn6p3yzmfxf": {
+      "object": "node",
+      "id": "wall_9l64ckn6p3yzmfxf",
+      "type": "wall",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "children": [
+        "item_7x3elrsxyvoubfbi",
+        "item_ii6ymw4nrg64bw8h",
+        "item_bt8uiq7mb9w3m0up"
+      ],
+      "start": [
+        -4.5,
+        4
+      ],
+      "end": [
+        -4.5,
+        -2.5
+      ]
+    },
+    "item_7x3elrsxyvoubfbi": {
+      "object": "node",
+      "id": "item_7x3elrsxyvoubfbi",
+      "type": "item",
+      "name": "Window-simple",
+      "parentId": "wall_9l64ckn6p3yzmfxf",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        4.5,
+        0,
+        0
+      ],
+      "rotation": [
+        0,
+        3.141592653589793,
+        0
+      ],
+      "side": "back",
+      "asset": {
+        "id": "window-simple",
+        "category": "window",
+        "name": "Window-simple",
+        "thumbnail": "/items/window-simple/thumbnail.webp",
+        "src": "/items/window-simple/model.glb",
+        "dimensions": [
+          1.5,
+          2,
+          0.5
+        ],
+        "attachTo": "wall",
+        "offset": [
+          1.06,
+          0,
+          0.05
+        ],
+        "rotation": [
+          0,
+          3.14,
+          0
+        ],
+        "scale": [
+          1,
+          1,
+          1
+        ]
+      }
+    },
+    "item_ii6ymw4nrg64bw8h": {
+      "object": "node",
+      "id": "item_ii6ymw4nrg64bw8h",
+      "type": "item",
+      "name": "Window-square",
+      "parentId": "wall_9l64ckn6p3yzmfxf",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        1,
+        0.5,
+        0
+      ],
+      "rotation": [
+        0,
+        3.141592653589793,
+        0
+      ],
+      "side": "back",
+      "asset": {
+        "id": "window-square",
+        "category": "window",
+        "name": "Window-square",
+        "thumbnail": "/items/window-square/thumbnail.webp",
+        "src": "/items/window-square/model.glb",
+        "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
+        ]
+      }
+    },
+    "item_bt8uiq7mb9w3m0up": {
+      "object": "node",
+      "id": "item_bt8uiq7mb9w3m0up",
+      "type": "item",
+      "name": "Window-square",
+      "parentId": "wall_9l64ckn6p3yzmfxf",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        2.5,
+        0.5,
+        0
+      ],
+      "rotation": [
+        0,
+        3.141592653589793,
+        0
+      ],
+      "side": "back",
+      "asset": {
+        "id": "window-square",
+        "category": "window",
+        "name": "Window-square",
+        "thumbnail": "/items/window-square/thumbnail.webp",
+        "src": "/items/window-square/model.glb",
+        "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
+        ]
+      }
+    },
+    "item_e3bxmnrhz9eclzgw": {
+      "object": "node",
+      "id": "item_e3bxmnrhz9eclzgw",
+      "type": "item",
+      "name": "low-fence",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_vf8hqhemi33y4n0w": {
+      "object": "node",
+      "id": "item_vf8hqhemi33y4n0w",
+      "type": "item",
+      "name": "low-fence",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_k2zexryozzwgokox": {
+      "object": "node",
+      "id": "item_k2zexryozzwgokox",
+      "type": "item",
+      "name": "low-fence",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_6p3y4rva0zv24s1t": {
+      "object": "node",
+      "id": "item_6p3y4rva0zv24s1t",
+      "type": "item",
+      "name": "parking-spot",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_r7idtbazaf6482kq": {
+      "object": "node",
+      "id": "item_r7idtbazaf6482kq",
+      "type": "item",
+      "name": "fir-tree",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_0x8hjyork26n4g2m": {
+      "object": "node",
+      "id": "item_0x8hjyork26n4g2m",
+      "type": "item",
+      "name": "tree",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_tmprvzxa85izusug": {
+      "object": "node",
+      "id": "item_tmprvzxa85izusug",
+      "type": "item",
+      "name": "pillar",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_g6219gs7mrpg7bzd": {
+      "object": "node",
+      "id": "item_g6219gs7mrpg7bzd",
+      "type": "item",
+      "name": "pillar",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_dts7f41ictd7hah4": {
+      "object": "node",
+      "id": "item_dts7f41ictd7hah4",
+      "type": "item",
+      "name": "low-fence",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_in5trmidft4sglhx": {
+      "object": "node",
+      "id": "item_in5trmidft4sglhx",
+      "type": "item",
+      "name": "low-fence",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "zone_c7k2ssvmbv5d1xlm": {
+      "object": "node",
+      "id": "zone_c7k2ssvmbv5d1xlm",
+      "type": "zone",
+      "name": "Relax Zone",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "polygon": [
+        [
+          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
+        ],
+        "target": [
+          5.317880378107912,
+          -2.779128022959309e-17,
+          10.080522989431769
+        ],
+        "mode": "perspective"
+      }
+    },
+    "item_0e9paq67kdbm5ux0": {
+      "object": "node",
+      "id": "item_0e9paq67kdbm5ux0",
+      "type": "item",
+      "name": "high-fence",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_iyu7knyxqe82c3yg": {
+      "object": "node",
+      "id": "item_iyu7knyxqe82c3yg",
+      "type": "item",
+      "name": "high-fence",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_nwe34qk8vzs1vag7": {
+      "object": "node",
+      "id": "item_nwe34qk8vzs1vag7",
+      "type": "item",
+      "name": "tree",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_oay55zmjjo76s1fs": {
+      "object": "node",
+      "id": "item_oay55zmjjo76s1fs",
+      "type": "item",
+      "name": "High Fence",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_g060bhthvcra992w": {
+      "object": "node",
+      "id": "item_g060bhthvcra992w",
+      "type": "item",
+      "name": "Medium Fence",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_38kt7s45alt2vrjg": {
+      "object": "node",
+      "id": "item_38kt7s45alt2vrjg",
+      "type": "item",
+      "name": "Medium Fence",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_n10cp9ke7n9hxl96": {
+      "object": "node",
+      "id": "item_n10cp9ke7n9hxl96",
+      "type": "item",
+      "name": "Low Fence",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_nt5fxip4a03cmaoi": {
+      "object": "node",
+      "id": "item_nt5fxip4a03cmaoi",
+      "type": "item",
+      "name": "Low Fence",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_1quoil3ytsuuarni": {
+      "object": "node",
+      "id": "item_1quoil3ytsuuarni",
+      "type": "item",
+      "name": "High Fence",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_e1w89kkg2pql1v45": {
+      "object": "node",
+      "id": "item_e1w89kkg2pql1v45",
+      "type": "item",
+      "name": "Medium Fence",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_3akotmiffzdr8ule": {
+      "object": "node",
+      "id": "item_3akotmiffzdr8ule",
+      "type": "item",
+      "name": "Medium Fence",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_1b3tinfswueb6gr8": {
+      "object": "node",
+      "id": "item_1b3tinfswueb6gr8",
+      "type": "item",
+      "name": "Medium Fence",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "item_y164oe3lxfx9qefg": {
+      "object": "node",
+      "id": "item_y164oe3lxfx9qefg",
+      "type": "item",
+      "name": "Medium Fence",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "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
+        ]
+      }
+    },
+    "roof_ui8zhim41alg6lq4": {
+      "object": "node",
+      "id": "roof_ui8zhim41alg6lq4",
+      "type": "roof",
+      "name": "Roof 2",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "position": [
+        1,
+        0,
+        -5.5
+      ],
+      "rotation": 0,
+      "length": 0.5,
+      "height": 1.5,
+      "leftWidth": 12.1,
+      "rightWidth": 1
+    },
+    "guide_acs9nzz19rm4vl2c": {
+      "object": "node",
+      "id": "guide_acs9nzz19rm4vl2c",
+      "type": "guide",
+      "name": "FaceIt0703_FaceItProductPage.png",
+      "parentId": "level_pojp0mw3qssu110w",
+      "visible": true,
+      "metadata": {},
+      "url": "asset://1e66ba17-99d2-4c5c-ad2b-00dff438b6a7",
+      "position": [
+        0,
+        0,
+        0
+      ],
+      "rotation": [
+        0,
+        0,
+        0
+      ],
+      "scale": 1,
+      "opacity": 51
+    }
+  },
+  "rootNodeIds": [
+    "building_bv4ilcjivnxn8wkd"
+  ]
+}
\ No newline at end of file
diff --git a/apps/community/public/file-text.svg b/apps/community/public/file-text.svg
new file mode 100644
index 00000000..9cfb3c98
--- /dev/null
+++ b/apps/community/public/file-text.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M14.5 13.5V6.5V5.41421C14.5 5.149 14.3946 4.89464 14.2071 4.70711L9.79289 0.292893C9.60536 0.105357 9.351 0 9.08579 0H8H3H1.5V1.5V13.5C1.5 14.8807 2.61929 16 4 16H12C13.3807 16 14.5 14.8807 14.5 13.5ZM13 13.5V6.5H9.5H8V5V1.5H3V13.5C3 14.0523 3.44772 14.5 4 14.5H12C12.5523 14.5 13 14.0523 13 13.5ZM9.5 5V2.12132L12.3787 5H9.5ZM5.13 5.00062H4.505V6.25062H5.13H6H6.625V5.00062H6H5.13ZM4.505 8H5.13H11H11.625V9.25H11H5.13H4.505V8ZM5.13 11H4.505V12.25H5.13H11H11.625V11H11H5.13Z" fill="#666666"/>
+</svg>
diff --git a/apps/community/public/fonts/PlusJakartaSans-SemiBold.ttf b/apps/community/public/fonts/PlusJakartaSans-SemiBold.ttf
new file mode 100644
index 00000000..54bcf039
Binary files /dev/null and b/apps/community/public/fonts/PlusJakartaSans-SemiBold.ttf differ
diff --git a/apps/community/public/fonts/geist-regular.ttf b/apps/community/public/fonts/geist-regular.ttf
new file mode 100644
index 00000000..6fdfffa7
Binary files /dev/null and b/apps/community/public/fonts/geist-regular.ttf differ
diff --git a/apps/community/public/globe.svg b/apps/community/public/globe.svg
new file mode 100644
index 00000000..4230a3d2
--- /dev/null
+++ b/apps/community/public/globe.svg
@@ -0,0 +1,10 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_868_525)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.268 14.0934C11.9051 13.4838 13.2303 12.2333 13.9384 10.6469C13.1192 10.7941 12.2138 10.9111 11.2469 10.9925C11.0336 12.2005 10.695 13.2621 10.268 14.0934ZM8 16C12.4183 16 16 12.4183 16 8C16 3.58172 12.4183 0 8 0C3.58172 0 0 3.58172 0 8C0 12.4183 3.58172 16 8 16ZM8.48347 14.4823C8.32384 14.494 8.16262 14.5 8 14.5C7.83738 14.5 7.67616 14.494 7.51654 14.4823C7.5132 14.4791 7.50984 14.4759 7.50647 14.4726C7.2415 14.2165 6.94578 13.7854 6.67032 13.1558C6.41594 12.5744 6.19979 11.8714 6.04101 11.0778C6.67605 11.1088 7.33104 11.125 8 11.125C8.66896 11.125 9.32395 11.1088 9.95899 11.0778C9.80021 11.8714 9.58406 12.5744 9.32968 13.1558C9.05422 13.7854 8.7585 14.2165 8.49353 14.4726C8.49016 14.4759 8.4868 14.4791 8.48347 14.4823ZM11.4187 9.72246C12.5137 9.62096 13.5116 9.47245 14.3724 9.28806C14.4561 8.87172 14.5 8.44099 14.5 8C14.5 7.55901 14.4561 7.12828 14.3724 6.71194C13.5116 6.52755 12.5137 6.37904 11.4187 6.27753C11.4719 6.83232 11.5 7.40867 11.5 8C11.5 8.59133 11.4719 9.16768 11.4187 9.72246ZM10.1525 6.18401C10.2157 6.75982 10.25 7.36805 10.25 8C10.25 8.63195 10.2157 9.24018 10.1525 9.81598C9.46123 9.85455 8.7409 9.875 8 9.875C7.25909 9.875 6.53877 9.85455 5.84749 9.81598C5.7843 9.24018 5.75 8.63195 5.75 8C5.75 7.36805 5.7843 6.75982 5.84749 6.18401C6.53877 6.14545 7.25909 6.125 8 6.125C8.74091 6.125 9.46123 6.14545 10.1525 6.18401ZM11.2469 5.00748C12.2138 5.08891 13.1191 5.20593 13.9384 5.35306C13.2303 3.7667 11.9051 2.51622 10.268 1.90662C10.695 2.73788 11.0336 3.79953 11.2469 5.00748ZM8.48347 1.51771C8.4868 1.52089 8.49016 1.52411 8.49353 1.52737C8.7585 1.78353 9.05422 2.21456 9.32968 2.84417C9.58406 3.42562 9.80021 4.12856 9.95899 4.92219C9.32395 4.89118 8.66896 4.875 8 4.875C7.33104 4.875 6.67605 4.89118 6.04101 4.92219C6.19978 4.12856 6.41594 3.42562 6.67032 2.84417C6.94578 2.21456 7.2415 1.78353 7.50647 1.52737C7.50984 1.52411 7.51319 1.52089 7.51653 1.51771C7.67615 1.50597 7.83738 1.5 8 1.5C8.16262 1.5 8.32384 1.50597 8.48347 1.51771ZM5.73202 1.90663C4.0949 2.51622 2.76975 3.7667 2.06159 5.35306C2.88085 5.20593 3.78617 5.08891 4.75309 5.00748C4.96639 3.79953 5.30497 2.73788 5.73202 1.90663ZM4.58133 6.27753C3.48633 6.37904 2.48837 6.52755 1.62761 6.71194C1.54392 7.12828 1.5 7.55901 1.5 8C1.5 8.44099 1.54392 8.87172 1.62761 9.28806C2.48837 9.47245 3.48633 9.62096 4.58133 9.72246C4.52807 9.16768 4.5 8.59133 4.5 8C4.5 7.40867 4.52807 6.83232 4.58133 6.27753ZM4.75309 10.9925C3.78617 10.9111 2.88085 10.7941 2.06159 10.6469C2.76975 12.2333 4.0949 13.4838 5.73202 14.0934C5.30497 13.2621 4.96639 12.2005 4.75309 10.9925Z" fill="#666666"/>
+</g>
+<defs>
+<clipPath id="clip0_868_525">
+<rect width="16" height="16" fill="white"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/community/public/icons/appliance.png b/apps/community/public/icons/appliance.png
new file mode 100644
index 00000000..c2bb0bae
Binary files /dev/null and b/apps/community/public/icons/appliance.png differ
diff --git a/apps/community/public/icons/bathroom.png b/apps/community/public/icons/bathroom.png
new file mode 100644
index 00000000..fafec7cc
Binary files /dev/null and b/apps/community/public/icons/bathroom.png differ
diff --git a/apps/community/public/icons/build.png b/apps/community/public/icons/build.png
new file mode 100644
index 00000000..cfaead98
Binary files /dev/null and b/apps/community/public/icons/build.png differ
diff --git a/apps/community/public/icons/building.png b/apps/community/public/icons/building.png
new file mode 100644
index 00000000..1d377680
Binary files /dev/null and b/apps/community/public/icons/building.png differ
diff --git a/apps/community/public/icons/ceiling.png b/apps/community/public/icons/ceiling.png
new file mode 100644
index 00000000..9e04d639
Binary files /dev/null and b/apps/community/public/icons/ceiling.png differ
diff --git a/apps/community/public/icons/collection.png b/apps/community/public/icons/collection.png
new file mode 100644
index 00000000..32b7ccd0
Binary files /dev/null and b/apps/community/public/icons/collection.png differ
diff --git a/apps/community/public/icons/column.png b/apps/community/public/icons/column.png
new file mode 100644
index 00000000..8e44f6d8
Binary files /dev/null and b/apps/community/public/icons/column.png differ
diff --git a/apps/community/public/icons/couch.png b/apps/community/public/icons/couch.png
new file mode 100644
index 00000000..6509e005
Binary files /dev/null and b/apps/community/public/icons/couch.png differ
diff --git a/apps/community/public/icons/cube.png b/apps/community/public/icons/cube.png
new file mode 100644
index 00000000..c279d41b
Binary files /dev/null and b/apps/community/public/icons/cube.png differ
diff --git a/apps/community/public/icons/custom-room.png b/apps/community/public/icons/custom-room.png
new file mode 100644
index 00000000..14d40459
Binary files /dev/null and b/apps/community/public/icons/custom-room.png differ
diff --git a/apps/community/public/icons/door.png b/apps/community/public/icons/door.png
new file mode 100644
index 00000000..8b045246
Binary files /dev/null and b/apps/community/public/icons/door.png differ
diff --git a/apps/community/public/icons/environment.png b/apps/community/public/icons/environment.png
new file mode 100644
index 00000000..2bc71b11
Binary files /dev/null and b/apps/community/public/icons/environment.png differ
diff --git a/apps/community/public/icons/floor.png b/apps/community/public/icons/floor.png
new file mode 100644
index 00000000..f2ce9f49
Binary files /dev/null and b/apps/community/public/icons/floor.png differ
diff --git a/apps/community/public/icons/floorplan.png b/apps/community/public/icons/floorplan.png
new file mode 100644
index 00000000..456dce36
Binary files /dev/null and b/apps/community/public/icons/floorplan.png differ
diff --git a/apps/community/public/icons/item.png b/apps/community/public/icons/item.png
new file mode 100644
index 00000000..ae3fdc25
Binary files /dev/null and b/apps/community/public/icons/item.png differ
diff --git a/apps/community/public/icons/kitchen.png b/apps/community/public/icons/kitchen.png
new file mode 100644
index 00000000..1bffefe4
Binary files /dev/null and b/apps/community/public/icons/kitchen.png differ
diff --git a/apps/community/public/icons/level.png b/apps/community/public/icons/level.png
new file mode 100644
index 00000000..4b931fd0
Binary files /dev/null and b/apps/community/public/icons/level.png differ
diff --git a/apps/community/public/icons/mesh.png b/apps/community/public/icons/mesh.png
new file mode 100644
index 00000000..ecd7a21e
Binary files /dev/null and b/apps/community/public/icons/mesh.png differ
diff --git a/apps/community/public/icons/orbit.png b/apps/community/public/icons/orbit.png
new file mode 100644
index 00000000..d47d9d8c
Binary files /dev/null and b/apps/community/public/icons/orbit.png differ
diff --git a/apps/community/public/icons/pan.png b/apps/community/public/icons/pan.png
new file mode 100644
index 00000000..8cf276a9
Binary files /dev/null and b/apps/community/public/icons/pan.png differ
diff --git a/apps/community/public/icons/roof.png b/apps/community/public/icons/roof.png
new file mode 100644
index 00000000..253c1d76
Binary files /dev/null and b/apps/community/public/icons/roof.png differ
diff --git a/apps/community/public/icons/room.png b/apps/community/public/icons/room.png
new file mode 100644
index 00000000..85a179b4
Binary files /dev/null and b/apps/community/public/icons/room.png differ
diff --git a/apps/community/public/icons/rotate.png b/apps/community/public/icons/rotate.png
new file mode 100644
index 00000000..4b840d2f
Binary files /dev/null and b/apps/community/public/icons/rotate.png differ
diff --git a/apps/community/public/icons/select.png b/apps/community/public/icons/select.png
new file mode 100644
index 00000000..9abd1db3
Binary files /dev/null and b/apps/community/public/icons/select.png differ
diff --git a/apps/community/public/icons/settings.png b/apps/community/public/icons/settings.png
new file mode 100644
index 00000000..14cb0c68
Binary files /dev/null and b/apps/community/public/icons/settings.png differ
diff --git a/apps/community/public/icons/site.png b/apps/community/public/icons/site.png
new file mode 100644
index 00000000..0d37688a
Binary files /dev/null and b/apps/community/public/icons/site.png differ
diff --git a/apps/community/public/icons/stairs.png b/apps/community/public/icons/stairs.png
new file mode 100644
index 00000000..6c9f1a65
Binary files /dev/null and b/apps/community/public/icons/stairs.png differ
diff --git a/apps/community/public/icons/topview.png b/apps/community/public/icons/topview.png
new file mode 100644
index 00000000..35c96248
Binary files /dev/null and b/apps/community/public/icons/topview.png differ
diff --git a/apps/community/public/icons/tree.png b/apps/community/public/icons/tree.png
new file mode 100644
index 00000000..ae3fdc25
Binary files /dev/null and b/apps/community/public/icons/tree.png differ
diff --git a/apps/community/public/icons/wall.png b/apps/community/public/icons/wall.png
new file mode 100644
index 00000000..465e3e9d
Binary files /dev/null and b/apps/community/public/icons/wall.png differ
diff --git a/apps/community/public/icons/wallcut.png b/apps/community/public/icons/wallcut.png
new file mode 100644
index 00000000..bedcf614
Binary files /dev/null and b/apps/community/public/icons/wallcut.png differ
diff --git a/apps/community/public/icons/walllow.png b/apps/community/public/icons/walllow.png
new file mode 100644
index 00000000..7ec71abd
Binary files /dev/null and b/apps/community/public/icons/walllow.png differ
diff --git a/apps/community/public/icons/window.png b/apps/community/public/icons/window.png
new file mode 100644
index 00000000..ec62d0a7
Binary files /dev/null and b/apps/community/public/icons/window.png differ
diff --git a/apps/community/public/icons/zone.png b/apps/community/public/icons/zone.png
new file mode 100644
index 00000000..32b7ccd0
Binary files /dev/null and b/apps/community/public/icons/zone.png differ
diff --git a/apps/community/public/items/ac-block/model.glb b/apps/community/public/items/ac-block/model.glb
new file mode 100644
index 00000000..fb898e85
Binary files /dev/null and b/apps/community/public/items/ac-block/model.glb differ
diff --git a/apps/community/public/items/ac-block/thumbnail.webp b/apps/community/public/items/ac-block/thumbnail.webp
new file mode 100644
index 00000000..f9682d2d
Binary files /dev/null and b/apps/community/public/items/ac-block/thumbnail.webp differ
diff --git a/apps/community/public/items/air-conditioner-block/model.glb b/apps/community/public/items/air-conditioner-block/model.glb
new file mode 100644
index 00000000..13eae3f3
Binary files /dev/null and b/apps/community/public/items/air-conditioner-block/model.glb differ
diff --git a/apps/community/public/items/air-conditioner-block/thumbnail.webp b/apps/community/public/items/air-conditioner-block/thumbnail.webp
new file mode 100644
index 00000000..325126b6
Binary files /dev/null and b/apps/community/public/items/air-conditioner-block/thumbnail.webp differ
diff --git a/apps/community/public/items/air-conditioner/model.glb b/apps/community/public/items/air-conditioner/model.glb
new file mode 100644
index 00000000..6589b35a
Binary files /dev/null and b/apps/community/public/items/air-conditioner/model.glb differ
diff --git a/apps/community/public/items/air-conditioner/thumbnail.webp b/apps/community/public/items/air-conditioner/thumbnail.webp
new file mode 100644
index 00000000..48876e98
Binary files /dev/null and b/apps/community/public/items/air-conditioner/thumbnail.webp differ
diff --git a/apps/community/public/items/air-conditioning/model.glb b/apps/community/public/items/air-conditioning/model.glb
new file mode 100644
index 00000000..870cc9d1
Binary files /dev/null and b/apps/community/public/items/air-conditioning/model.glb differ
diff --git a/apps/community/public/items/air-conditioning/thumbnail.webp b/apps/community/public/items/air-conditioning/thumbnail.webp
new file mode 100644
index 00000000..9255cf6e
Binary files /dev/null and b/apps/community/public/items/air-conditioning/thumbnail.webp differ
diff --git a/apps/community/public/items/alarm-keypad/model.glb b/apps/community/public/items/alarm-keypad/model.glb
new file mode 100644
index 00000000..7f8fbe44
Binary files /dev/null and b/apps/community/public/items/alarm-keypad/model.glb differ
diff --git a/apps/community/public/items/alarm-keypad/thumbnail.webp b/apps/community/public/items/alarm-keypad/thumbnail.webp
new file mode 100644
index 00000000..4255824a
Binary files /dev/null and b/apps/community/public/items/alarm-keypad/thumbnail.webp differ
diff --git a/apps/community/public/items/ball/model.glb b/apps/community/public/items/ball/model.glb
new file mode 100644
index 00000000..be9e9b30
Binary files /dev/null and b/apps/community/public/items/ball/model.glb differ
diff --git a/apps/community/public/items/ball/thumbnail.webp b/apps/community/public/items/ball/thumbnail.webp
new file mode 100644
index 00000000..f94aec86
Binary files /dev/null and b/apps/community/public/items/ball/thumbnail.webp differ
diff --git a/apps/community/public/items/barbell-stand/model.glb b/apps/community/public/items/barbell-stand/model.glb
new file mode 100644
index 00000000..0006f903
Binary files /dev/null and b/apps/community/public/items/barbell-stand/model.glb differ
diff --git a/apps/community/public/items/barbell-stand/thumbnail.webp b/apps/community/public/items/barbell-stand/thumbnail.webp
new file mode 100644
index 00000000..13cbe651
Binary files /dev/null and b/apps/community/public/items/barbell-stand/thumbnail.webp differ
diff --git a/apps/community/public/items/barbell/model.glb b/apps/community/public/items/barbell/model.glb
new file mode 100644
index 00000000..9b1d356b
Binary files /dev/null and b/apps/community/public/items/barbell/model.glb differ
diff --git a/apps/community/public/items/barbell/thumbnail.webp b/apps/community/public/items/barbell/thumbnail.webp
new file mode 100644
index 00000000..e00288dd
Binary files /dev/null and b/apps/community/public/items/barbell/thumbnail.webp differ
diff --git a/apps/community/public/items/basket-hoop/model.glb b/apps/community/public/items/basket-hoop/model.glb
new file mode 100644
index 00000000..54b3aa22
Binary files /dev/null and b/apps/community/public/items/basket-hoop/model.glb differ
diff --git a/apps/community/public/items/basket-hoop/thumbnail.webp b/apps/community/public/items/basket-hoop/thumbnail.webp
new file mode 100644
index 00000000..557a6db9
Binary files /dev/null and b/apps/community/public/items/basket-hoop/thumbnail.webp differ
diff --git a/apps/community/public/items/bathroom-sink/model.glb b/apps/community/public/items/bathroom-sink/model.glb
new file mode 100644
index 00000000..a587c0e4
Binary files /dev/null and b/apps/community/public/items/bathroom-sink/model.glb differ
diff --git a/apps/community/public/items/bathroom-sink/thumbnail.webp b/apps/community/public/items/bathroom-sink/thumbnail.webp
new file mode 100644
index 00000000..75438f26
Binary files /dev/null and b/apps/community/public/items/bathroom-sink/thumbnail.webp differ
diff --git a/apps/community/public/items/bathtub/model.glb b/apps/community/public/items/bathtub/model.glb
new file mode 100644
index 00000000..29429926
Binary files /dev/null and b/apps/community/public/items/bathtub/model.glb differ
diff --git a/apps/community/public/items/bathtub/thumbnail.webp b/apps/community/public/items/bathtub/thumbnail.webp
new file mode 100644
index 00000000..5ba03945
Binary files /dev/null and b/apps/community/public/items/bathtub/thumbnail.webp differ
diff --git a/apps/community/public/items/bean-bag/model.glb b/apps/community/public/items/bean-bag/model.glb
new file mode 100644
index 00000000..b4309b54
Binary files /dev/null and b/apps/community/public/items/bean-bag/model.glb differ
diff --git a/apps/community/public/items/bean-bag/thumbnail.webp b/apps/community/public/items/bean-bag/thumbnail.webp
new file mode 100644
index 00000000..44238fad
Binary files /dev/null and b/apps/community/public/items/bean-bag/thumbnail.webp differ
diff --git a/apps/community/public/items/bedside-table/model.glb b/apps/community/public/items/bedside-table/model.glb
new file mode 100644
index 00000000..e70416fc
Binary files /dev/null and b/apps/community/public/items/bedside-table/model.glb differ
diff --git a/apps/community/public/items/bedside-table/thumbnail.webp b/apps/community/public/items/bedside-table/thumbnail.webp
new file mode 100644
index 00000000..d529d441
Binary files /dev/null and b/apps/community/public/items/bedside-table/thumbnail.webp differ
diff --git a/apps/community/public/items/books/model.glb b/apps/community/public/items/books/model.glb
new file mode 100644
index 00000000..97b66613
Binary files /dev/null and b/apps/community/public/items/books/model.glb differ
diff --git a/apps/community/public/items/books/thumbnail.webp b/apps/community/public/items/books/thumbnail.webp
new file mode 100644
index 00000000..ac0661cf
Binary files /dev/null and b/apps/community/public/items/books/thumbnail.webp differ
diff --git a/apps/community/public/items/bookshelf/model.glb b/apps/community/public/items/bookshelf/model.glb
new file mode 100644
index 00000000..ed6b4108
Binary files /dev/null and b/apps/community/public/items/bookshelf/model.glb differ
diff --git a/apps/community/public/items/bookshelf/thumbnail.webp b/apps/community/public/items/bookshelf/thumbnail.webp
new file mode 100644
index 00000000..3ef5d733
Binary files /dev/null and b/apps/community/public/items/bookshelf/thumbnail.webp differ
diff --git a/apps/community/public/items/bunkbed/model.glb b/apps/community/public/items/bunkbed/model.glb
new file mode 100644
index 00000000..d214a81f
Binary files /dev/null and b/apps/community/public/items/bunkbed/model.glb differ
diff --git a/apps/community/public/items/bunkbed/thumbnail.webp b/apps/community/public/items/bunkbed/thumbnail.webp
new file mode 100644
index 00000000..afaa463d
Binary files /dev/null and b/apps/community/public/items/bunkbed/thumbnail.webp differ
diff --git a/apps/community/public/items/bush/model.glb b/apps/community/public/items/bush/model.glb
new file mode 100644
index 00000000..d894bccb
Binary files /dev/null and b/apps/community/public/items/bush/model.glb differ
diff --git a/apps/community/public/items/bush/thumbnail.webp b/apps/community/public/items/bush/thumbnail.webp
new file mode 100644
index 00000000..912aa975
Binary files /dev/null and b/apps/community/public/items/bush/thumbnail.webp differ
diff --git a/apps/community/public/items/cactus/model.glb b/apps/community/public/items/cactus/model.glb
new file mode 100644
index 00000000..565a5f8b
Binary files /dev/null and b/apps/community/public/items/cactus/model.glb differ
diff --git a/apps/community/public/items/cactus/thumbnail.webp b/apps/community/public/items/cactus/thumbnail.webp
new file mode 100644
index 00000000..cbfe5bd9
Binary files /dev/null and b/apps/community/public/items/cactus/thumbnail.webp differ
diff --git a/apps/community/public/items/car-toy/model.glb b/apps/community/public/items/car-toy/model.glb
new file mode 100644
index 00000000..c634198e
Binary files /dev/null and b/apps/community/public/items/car-toy/model.glb differ
diff --git a/apps/community/public/items/car-toy/thumbnail.webp b/apps/community/public/items/car-toy/thumbnail.webp
new file mode 100644
index 00000000..1364c629
Binary files /dev/null and b/apps/community/public/items/car-toy/thumbnail.webp differ
diff --git a/apps/community/public/items/ceiling-fan/model.glb b/apps/community/public/items/ceiling-fan/model.glb
new file mode 100644
index 00000000..f439d400
Binary files /dev/null and b/apps/community/public/items/ceiling-fan/model.glb differ
diff --git a/apps/community/public/items/ceiling-fan/thumbnail.webp b/apps/community/public/items/ceiling-fan/thumbnail.webp
new file mode 100644
index 00000000..bcf22a67
Binary files /dev/null and b/apps/community/public/items/ceiling-fan/thumbnail.webp differ
diff --git a/apps/community/public/items/ceiling-lamp/model.glb b/apps/community/public/items/ceiling-lamp/model.glb
new file mode 100644
index 00000000..0cd30c65
Binary files /dev/null and b/apps/community/public/items/ceiling-lamp/model.glb differ
diff --git a/apps/community/public/items/ceiling-lamp/thumbnail.webp b/apps/community/public/items/ceiling-lamp/thumbnail.webp
new file mode 100644
index 00000000..b1916bb9
Binary files /dev/null and b/apps/community/public/items/ceiling-lamp/thumbnail.webp differ
diff --git a/apps/community/public/items/ceiling-light/model.glb b/apps/community/public/items/ceiling-light/model.glb
new file mode 100644
index 00000000..dbf59fa0
Binary files /dev/null and b/apps/community/public/items/ceiling-light/model.glb differ
diff --git a/apps/community/public/items/ceiling-light/thumbnail.webp b/apps/community/public/items/ceiling-light/thumbnail.webp
new file mode 100644
index 00000000..0018b23a
Binary files /dev/null and b/apps/community/public/items/ceiling-light/thumbnail.webp differ
diff --git a/apps/community/public/items/circular-ceiling-light/model.glb b/apps/community/public/items/circular-ceiling-light/model.glb
new file mode 100644
index 00000000..2d4b650c
Binary files /dev/null and b/apps/community/public/items/circular-ceiling-light/model.glb differ
diff --git a/apps/community/public/items/circular-ceiling-light/thumbnail.webp b/apps/community/public/items/circular-ceiling-light/thumbnail.webp
new file mode 100644
index 00000000..0e0d7d56
Binary files /dev/null and b/apps/community/public/items/circular-ceiling-light/thumbnail.webp differ
diff --git a/apps/community/public/items/closet/model.glb b/apps/community/public/items/closet/model.glb
new file mode 100644
index 00000000..31587537
Binary files /dev/null and b/apps/community/public/items/closet/model.glb differ
diff --git a/apps/community/public/items/closet/thumbnail.webp b/apps/community/public/items/closet/thumbnail.webp
new file mode 100644
index 00000000..7ed396c1
Binary files /dev/null and b/apps/community/public/items/closet/thumbnail.webp differ
diff --git a/apps/community/public/items/coat-rack/model.glb b/apps/community/public/items/coat-rack/model.glb
new file mode 100644
index 00000000..ec68e833
Binary files /dev/null and b/apps/community/public/items/coat-rack/model.glb differ
diff --git a/apps/community/public/items/coat-rack/thumbnail.webp b/apps/community/public/items/coat-rack/thumbnail.webp
new file mode 100644
index 00000000..553babe1
Binary files /dev/null and b/apps/community/public/items/coat-rack/thumbnail.webp differ
diff --git a/apps/community/public/items/coffee-machine/model.glb b/apps/community/public/items/coffee-machine/model.glb
new file mode 100644
index 00000000..be516973
Binary files /dev/null and b/apps/community/public/items/coffee-machine/model.glb differ
diff --git a/apps/community/public/items/coffee-machine/thumbnail.webp b/apps/community/public/items/coffee-machine/thumbnail.webp
new file mode 100644
index 00000000..fcfc5d77
Binary files /dev/null and b/apps/community/public/items/coffee-machine/thumbnail.webp differ
diff --git a/apps/community/public/items/coffee-table/model.glb b/apps/community/public/items/coffee-table/model.glb
new file mode 100644
index 00000000..caba3af7
Binary files /dev/null and b/apps/community/public/items/coffee-table/model.glb differ
diff --git a/apps/community/public/items/coffee-table/thumbnail.webp b/apps/community/public/items/coffee-table/thumbnail.webp
new file mode 100644
index 00000000..ec5f2c4e
Binary files /dev/null and b/apps/community/public/items/coffee-table/thumbnail.webp differ
diff --git a/apps/community/public/items/column/model.glb b/apps/community/public/items/column/model.glb
new file mode 100644
index 00000000..e81450d5
Binary files /dev/null and b/apps/community/public/items/column/model.glb differ
diff --git a/apps/community/public/items/column/thumbnail.webp b/apps/community/public/items/column/thumbnail.webp
new file mode 100644
index 00000000..ab49ea8b
Binary files /dev/null and b/apps/community/public/items/column/thumbnail.webp differ
diff --git a/apps/community/public/items/computer/model.glb b/apps/community/public/items/computer/model.glb
new file mode 100644
index 00000000..1ccf5259
Binary files /dev/null and b/apps/community/public/items/computer/model.glb differ
diff --git a/apps/community/public/items/computer/thumbnail.webp b/apps/community/public/items/computer/thumbnail.webp
new file mode 100644
index 00000000..e848d10d
Binary files /dev/null and b/apps/community/public/items/computer/thumbnail.webp differ
diff --git a/apps/community/public/items/couch-medium/model.glb b/apps/community/public/items/couch-medium/model.glb
new file mode 100644
index 00000000..3bd28def
Binary files /dev/null and b/apps/community/public/items/couch-medium/model.glb differ
diff --git a/apps/community/public/items/couch-medium/thumbnail.webp b/apps/community/public/items/couch-medium/thumbnail.webp
new file mode 100644
index 00000000..f8847ded
Binary files /dev/null and b/apps/community/public/items/couch-medium/thumbnail.webp differ
diff --git a/apps/community/public/items/couch-small/model.glb b/apps/community/public/items/couch-small/model.glb
new file mode 100644
index 00000000..2e150397
Binary files /dev/null and b/apps/community/public/items/couch-small/model.glb differ
diff --git a/apps/community/public/items/couch-small/thumbnail.webp b/apps/community/public/items/couch-small/thumbnail.webp
new file mode 100644
index 00000000..54322b1a
Binary files /dev/null and b/apps/community/public/items/couch-small/thumbnail.webp differ
diff --git a/apps/community/public/items/cutting-board/model.glb b/apps/community/public/items/cutting-board/model.glb
new file mode 100644
index 00000000..3c812f71
Binary files /dev/null and b/apps/community/public/items/cutting-board/model.glb differ
diff --git a/apps/community/public/items/cutting-board/thumbnail.webp b/apps/community/public/items/cutting-board/thumbnail.webp
new file mode 100644
index 00000000..b4d7b78f
Binary files /dev/null and b/apps/community/public/items/cutting-board/thumbnail.webp differ
diff --git a/apps/community/public/items/desk/model.glb b/apps/community/public/items/desk/model.glb
new file mode 100644
index 00000000..57268caa
Binary files /dev/null and b/apps/community/public/items/desk/model.glb differ
diff --git a/apps/community/public/items/desk/thumbnail.webp b/apps/community/public/items/desk/thumbnail.webp
new file mode 100644
index 00000000..401453b7
Binary files /dev/null and b/apps/community/public/items/desk/thumbnail.webp differ
diff --git a/apps/community/public/items/dining-chair/model.glb b/apps/community/public/items/dining-chair/model.glb
new file mode 100644
index 00000000..00a3d950
Binary files /dev/null and b/apps/community/public/items/dining-chair/model.glb differ
diff --git a/apps/community/public/items/dining-chair/thumbnail.webp b/apps/community/public/items/dining-chair/thumbnail.webp
new file mode 100644
index 00000000..b17880ce
Binary files /dev/null and b/apps/community/public/items/dining-chair/thumbnail.webp differ
diff --git a/apps/community/public/items/dining-table/model.glb b/apps/community/public/items/dining-table/model.glb
new file mode 100644
index 00000000..690f0eed
Binary files /dev/null and b/apps/community/public/items/dining-table/model.glb differ
diff --git a/apps/community/public/items/dining-table/thumbnail.webp b/apps/community/public/items/dining-table/thumbnail.webp
new file mode 100644
index 00000000..48ae3166
Binary files /dev/null and b/apps/community/public/items/dining-table/thumbnail.webp differ
diff --git a/apps/community/public/items/door-bar/model.glb b/apps/community/public/items/door-bar/model.glb
new file mode 100644
index 00000000..0be806a8
Binary files /dev/null and b/apps/community/public/items/door-bar/model.glb differ
diff --git a/apps/community/public/items/door-bar/thumbnail.webp b/apps/community/public/items/door-bar/thumbnail.webp
new file mode 100644
index 00000000..64c04c4d
Binary files /dev/null and b/apps/community/public/items/door-bar/thumbnail.webp differ
diff --git a/apps/community/public/items/door-with-bar/model.glb b/apps/community/public/items/door-with-bar/model.glb
new file mode 100644
index 00000000..2f140840
Binary files /dev/null and b/apps/community/public/items/door-with-bar/model.glb differ
diff --git a/apps/community/public/items/door-with-bar/thumbnail.webp b/apps/community/public/items/door-with-bar/thumbnail.webp
new file mode 100644
index 00000000..67ced663
Binary files /dev/null and b/apps/community/public/items/door-with-bar/thumbnail.webp differ
diff --git a/apps/community/public/items/door/model.glb b/apps/community/public/items/door/model.glb
new file mode 100644
index 00000000..2021c1a8
Binary files /dev/null and b/apps/community/public/items/door/model.glb differ
diff --git a/apps/community/public/items/door/thumbnail.webp b/apps/community/public/items/door/thumbnail.webp
new file mode 100644
index 00000000..e66e49de
Binary files /dev/null and b/apps/community/public/items/door/thumbnail.webp differ
diff --git a/apps/community/public/items/doorway-front/model.glb b/apps/community/public/items/doorway-front/model.glb
new file mode 100644
index 00000000..20e06d6b
Binary files /dev/null and b/apps/community/public/items/doorway-front/model.glb differ
diff --git a/apps/community/public/items/doorway-front/thumbnail.webp b/apps/community/public/items/doorway-front/thumbnail.webp
new file mode 100644
index 00000000..e03de606
Binary files /dev/null and b/apps/community/public/items/doorway-front/thumbnail.webp differ
diff --git a/apps/community/public/items/double-bed/model.glb b/apps/community/public/items/double-bed/model.glb
new file mode 100644
index 00000000..ab49a100
Binary files /dev/null and b/apps/community/public/items/double-bed/model.glb differ
diff --git a/apps/community/public/items/double-bed/thumbnail.webp b/apps/community/public/items/double-bed/thumbnail.webp
new file mode 100644
index 00000000..b4a7380b
Binary files /dev/null and b/apps/community/public/items/double-bed/thumbnail.webp differ
diff --git a/apps/community/public/items/dresser/model.glb b/apps/community/public/items/dresser/model.glb
new file mode 100644
index 00000000..f0cf2973
Binary files /dev/null and b/apps/community/public/items/dresser/model.glb differ
diff --git a/apps/community/public/items/dresser/thumbnail.webp b/apps/community/public/items/dresser/thumbnail.webp
new file mode 100644
index 00000000..e52bb5f2
Binary files /dev/null and b/apps/community/public/items/dresser/thumbnail.webp differ
diff --git a/apps/community/public/items/drying-rack/model.glb b/apps/community/public/items/drying-rack/model.glb
new file mode 100644
index 00000000..5e12120d
Binary files /dev/null and b/apps/community/public/items/drying-rack/model.glb differ
diff --git a/apps/community/public/items/drying-rack/thumbnail.webp b/apps/community/public/items/drying-rack/thumbnail.webp
new file mode 100644
index 00000000..ff3692c3
Binary files /dev/null and b/apps/community/public/items/drying-rack/thumbnail.webp differ
diff --git a/apps/community/public/items/easel/model.glb b/apps/community/public/items/easel/model.glb
new file mode 100644
index 00000000..85fa37c9
Binary files /dev/null and b/apps/community/public/items/easel/model.glb differ
diff --git a/apps/community/public/items/easel/thumbnail.webp b/apps/community/public/items/easel/thumbnail.webp
new file mode 100644
index 00000000..b7596d19
Binary files /dev/null and b/apps/community/public/items/easel/thumbnail.webp differ
diff --git a/apps/community/public/items/electric-panel/model.glb b/apps/community/public/items/electric-panel/model.glb
new file mode 100644
index 00000000..1f3c0854
Binary files /dev/null and b/apps/community/public/items/electric-panel/model.glb differ
diff --git a/apps/community/public/items/electric-panel/thumbnail.webp b/apps/community/public/items/electric-panel/thumbnail.webp
new file mode 100644
index 00000000..65a5db83
Binary files /dev/null and b/apps/community/public/items/electric-panel/thumbnail.webp differ
diff --git a/apps/community/public/items/ev-wall-charger/model.glb b/apps/community/public/items/ev-wall-charger/model.glb
new file mode 100644
index 00000000..9134299c
Binary files /dev/null and b/apps/community/public/items/ev-wall-charger/model.glb differ
diff --git a/apps/community/public/items/ev-wall-charger/thumbnail.webp b/apps/community/public/items/ev-wall-charger/thumbnail.webp
new file mode 100644
index 00000000..e96d20d8
Binary files /dev/null and b/apps/community/public/items/ev-wall-charger/thumbnail.webp differ
diff --git a/apps/community/public/items/exercise-bike/model.glb b/apps/community/public/items/exercise-bike/model.glb
new file mode 100644
index 00000000..5e5c76bf
Binary files /dev/null and b/apps/community/public/items/exercise-bike/model.glb differ
diff --git a/apps/community/public/items/exercise-bike/thumbnail.webp b/apps/community/public/items/exercise-bike/thumbnail.webp
new file mode 100644
index 00000000..2c4e4f81
Binary files /dev/null and b/apps/community/public/items/exercise-bike/thumbnail.webp differ
diff --git a/apps/community/public/items/exit-sign/model.glb b/apps/community/public/items/exit-sign/model.glb
new file mode 100644
index 00000000..d9763fe5
Binary files /dev/null and b/apps/community/public/items/exit-sign/model.glb differ
diff --git a/apps/community/public/items/exit-sign/thumbnail.webp b/apps/community/public/items/exit-sign/thumbnail.webp
new file mode 100644
index 00000000..9c51f2b1
Binary files /dev/null and b/apps/community/public/items/exit-sign/thumbnail.webp differ
diff --git a/apps/community/public/items/fence/model.glb b/apps/community/public/items/fence/model.glb
new file mode 100644
index 00000000..d63bdf43
Binary files /dev/null and b/apps/community/public/items/fence/model.glb differ
diff --git a/apps/community/public/items/fence/thumbnail.webp b/apps/community/public/items/fence/thumbnail.webp
new file mode 100644
index 00000000..d7ce6779
Binary files /dev/null and b/apps/community/public/items/fence/thumbnail.webp differ
diff --git a/apps/community/public/items/fir-tree/model.glb b/apps/community/public/items/fir-tree/model.glb
new file mode 100644
index 00000000..b89dcfc3
Binary files /dev/null and b/apps/community/public/items/fir-tree/model.glb differ
diff --git a/apps/community/public/items/fir-tree/thumbnail.webp b/apps/community/public/items/fir-tree/thumbnail.webp
new file mode 100644
index 00000000..59bd6742
Binary files /dev/null and b/apps/community/public/items/fir-tree/thumbnail.webp differ
diff --git a/apps/community/public/items/fire-alarm/model.glb b/apps/community/public/items/fire-alarm/model.glb
new file mode 100644
index 00000000..9bd796ce
Binary files /dev/null and b/apps/community/public/items/fire-alarm/model.glb differ
diff --git a/apps/community/public/items/fire-alarm/thumbnail.webp b/apps/community/public/items/fire-alarm/thumbnail.webp
new file mode 100644
index 00000000..709674e6
Binary files /dev/null and b/apps/community/public/items/fire-alarm/thumbnail.webp differ
diff --git a/apps/community/public/items/fire-detector/model.glb b/apps/community/public/items/fire-detector/model.glb
new file mode 100644
index 00000000..dc327a88
Binary files /dev/null and b/apps/community/public/items/fire-detector/model.glb differ
diff --git a/apps/community/public/items/fire-detector/thumbnail.webp b/apps/community/public/items/fire-detector/thumbnail.webp
new file mode 100644
index 00000000..051d0289
Binary files /dev/null and b/apps/community/public/items/fire-detector/thumbnail.webp differ
diff --git a/apps/community/public/items/fire-extinguisher/model.glb b/apps/community/public/items/fire-extinguisher/model.glb
new file mode 100644
index 00000000..caab4b62
Binary files /dev/null and b/apps/community/public/items/fire-extinguisher/model.glb differ
diff --git a/apps/community/public/items/fire-extinguisher/thumbnail.webp b/apps/community/public/items/fire-extinguisher/thumbnail.webp
new file mode 100644
index 00000000..37a37d57
Binary files /dev/null and b/apps/community/public/items/fire-extinguisher/thumbnail.webp differ
diff --git a/apps/community/public/items/flat-screen-tv/model.glb b/apps/community/public/items/flat-screen-tv/model.glb
new file mode 100644
index 00000000..8a9e6786
Binary files /dev/null and b/apps/community/public/items/flat-screen-tv/model.glb differ
diff --git a/apps/community/public/items/flat-screen-tv/thumbnail.webp b/apps/community/public/items/flat-screen-tv/thumbnail.webp
new file mode 100644
index 00000000..aa3bdcbe
Binary files /dev/null and b/apps/community/public/items/flat-screen-tv/thumbnail.webp differ
diff --git a/apps/community/public/items/floor-lamp/model.glb b/apps/community/public/items/floor-lamp/model.glb
new file mode 100644
index 00000000..b97f621e
Binary files /dev/null and b/apps/community/public/items/floor-lamp/model.glb differ
diff --git a/apps/community/public/items/floor-lamp/thumbnail.webp b/apps/community/public/items/floor-lamp/thumbnail.webp
new file mode 100644
index 00000000..27d22b0a
Binary files /dev/null and b/apps/community/public/items/floor-lamp/thumbnail.webp differ
diff --git a/apps/community/public/items/freezer/model.glb b/apps/community/public/items/freezer/model.glb
new file mode 100644
index 00000000..61b23deb
Binary files /dev/null and b/apps/community/public/items/freezer/model.glb differ
diff --git a/apps/community/public/items/freezer/thumbnail.webp b/apps/community/public/items/freezer/thumbnail.webp
new file mode 100644
index 00000000..ba47ac99
Binary files /dev/null and b/apps/community/public/items/freezer/thumbnail.webp differ
diff --git a/apps/community/public/items/fridge/model.glb b/apps/community/public/items/fridge/model.glb
new file mode 100644
index 00000000..f7ac6cbc
Binary files /dev/null and b/apps/community/public/items/fridge/model.glb differ
diff --git a/apps/community/public/items/fridge/thumbnail.webp b/apps/community/public/items/fridge/thumbnail.webp
new file mode 100644
index 00000000..68b6b6cf
Binary files /dev/null and b/apps/community/public/items/fridge/thumbnail.webp differ
diff --git a/apps/community/public/items/fruits/model.glb b/apps/community/public/items/fruits/model.glb
new file mode 100644
index 00000000..ee7daa17
Binary files /dev/null and b/apps/community/public/items/fruits/model.glb differ
diff --git a/apps/community/public/items/fruits/thumbnail.webp b/apps/community/public/items/fruits/thumbnail.webp
new file mode 100644
index 00000000..6278b0b2
Binary files /dev/null and b/apps/community/public/items/fruits/thumbnail.webp differ
diff --git a/apps/community/public/items/frying-pan/model.glb b/apps/community/public/items/frying-pan/model.glb
new file mode 100644
index 00000000..0051a39a
Binary files /dev/null and b/apps/community/public/items/frying-pan/model.glb differ
diff --git a/apps/community/public/items/frying-pan/thumbnail.webp b/apps/community/public/items/frying-pan/thumbnail.webp
new file mode 100644
index 00000000..4a899050
Binary files /dev/null and b/apps/community/public/items/frying-pan/thumbnail.webp differ
diff --git a/apps/community/public/items/glass-door/model.glb b/apps/community/public/items/glass-door/model.glb
new file mode 100644
index 00000000..5abb96db
Binary files /dev/null and b/apps/community/public/items/glass-door/model.glb differ
diff --git a/apps/community/public/items/glass-door/thumbnail.webp b/apps/community/public/items/glass-door/thumbnail.webp
new file mode 100644
index 00000000..94b3368a
Binary files /dev/null and b/apps/community/public/items/glass-door/thumbnail.webp differ
diff --git a/apps/community/public/items/guitar/model.glb b/apps/community/public/items/guitar/model.glb
new file mode 100644
index 00000000..acf49ef0
Binary files /dev/null and b/apps/community/public/items/guitar/model.glb differ
diff --git a/apps/community/public/items/guitar/thumbnail.webp b/apps/community/public/items/guitar/thumbnail.webp
new file mode 100644
index 00000000..84682f27
Binary files /dev/null and b/apps/community/public/items/guitar/thumbnail.webp differ
diff --git a/apps/community/public/items/hedge/model.glb b/apps/community/public/items/hedge/model.glb
new file mode 100644
index 00000000..b5af48c8
Binary files /dev/null and b/apps/community/public/items/hedge/model.glb differ
diff --git a/apps/community/public/items/hedge/thumbnail.webp b/apps/community/public/items/hedge/thumbnail.webp
new file mode 100644
index 00000000..548cf59e
Binary files /dev/null and b/apps/community/public/items/hedge/thumbnail.webp differ
diff --git a/apps/community/public/items/high-fence/model.glb b/apps/community/public/items/high-fence/model.glb
new file mode 100644
index 00000000..cc90577f
Binary files /dev/null and b/apps/community/public/items/high-fence/model.glb differ
diff --git a/apps/community/public/items/high-fence/thumbnail.webp b/apps/community/public/items/high-fence/thumbnail.webp
new file mode 100644
index 00000000..1e096cf2
Binary files /dev/null and b/apps/community/public/items/high-fence/thumbnail.webp differ
diff --git a/apps/community/public/items/hood/model.glb b/apps/community/public/items/hood/model.glb
new file mode 100644
index 00000000..2eecd5f8
Binary files /dev/null and b/apps/community/public/items/hood/model.glb differ
diff --git a/apps/community/public/items/hood/thumbnail.webp b/apps/community/public/items/hood/thumbnail.webp
new file mode 100644
index 00000000..74073b9f
Binary files /dev/null and b/apps/community/public/items/hood/thumbnail.webp differ
diff --git a/apps/community/public/items/hydrant/model.glb b/apps/community/public/items/hydrant/model.glb
new file mode 100644
index 00000000..61a5c8b8
Binary files /dev/null and b/apps/community/public/items/hydrant/model.glb differ
diff --git a/apps/community/public/items/hydrant/thumbnail.webp b/apps/community/public/items/hydrant/thumbnail.webp
new file mode 100644
index 00000000..90123d7c
Binary files /dev/null and b/apps/community/public/items/hydrant/thumbnail.webp differ
diff --git a/apps/community/public/items/indoor-plant/model.glb b/apps/community/public/items/indoor-plant/model.glb
new file mode 100644
index 00000000..96c40f11
Binary files /dev/null and b/apps/community/public/items/indoor-plant/model.glb differ
diff --git a/apps/community/public/items/indoor-plant/thumbnail.webp b/apps/community/public/items/indoor-plant/thumbnail.webp
new file mode 100644
index 00000000..b6c90f1b
Binary files /dev/null and b/apps/community/public/items/indoor-plant/thumbnail.webp differ
diff --git a/apps/community/public/items/iron/model.glb b/apps/community/public/items/iron/model.glb
new file mode 100644
index 00000000..cd597f73
Binary files /dev/null and b/apps/community/public/items/iron/model.glb differ
diff --git a/apps/community/public/items/iron/thumbnail.webp b/apps/community/public/items/iron/thumbnail.webp
new file mode 100644
index 00000000..11643585
Binary files /dev/null and b/apps/community/public/items/iron/thumbnail.webp differ
diff --git a/apps/community/public/items/ironing-board/model.glb b/apps/community/public/items/ironing-board/model.glb
new file mode 100644
index 00000000..58456ad9
Binary files /dev/null and b/apps/community/public/items/ironing-board/model.glb differ
diff --git a/apps/community/public/items/ironing-board/thumbnail.webp b/apps/community/public/items/ironing-board/thumbnail.webp
new file mode 100644
index 00000000..c106f1df
Binary files /dev/null and b/apps/community/public/items/ironing-board/thumbnail.webp differ
diff --git a/apps/community/public/items/kettle/model.glb b/apps/community/public/items/kettle/model.glb
new file mode 100644
index 00000000..4a9470ca
Binary files /dev/null and b/apps/community/public/items/kettle/model.glb differ
diff --git a/apps/community/public/items/kettle/thumbnail.webp b/apps/community/public/items/kettle/thumbnail.webp
new file mode 100644
index 00000000..b8097674
Binary files /dev/null and b/apps/community/public/items/kettle/thumbnail.webp differ
diff --git a/apps/community/public/items/kitchen-cabinet/model.glb b/apps/community/public/items/kitchen-cabinet/model.glb
new file mode 100644
index 00000000..80bf584c
Binary files /dev/null and b/apps/community/public/items/kitchen-cabinet/model.glb differ
diff --git a/apps/community/public/items/kitchen-cabinet/thumbnail.webp b/apps/community/public/items/kitchen-cabinet/thumbnail.webp
new file mode 100644
index 00000000..93fa73db
Binary files /dev/null and b/apps/community/public/items/kitchen-cabinet/thumbnail.webp differ
diff --git a/apps/community/public/items/kitchen-counter/model.glb b/apps/community/public/items/kitchen-counter/model.glb
new file mode 100644
index 00000000..f6c49ba6
Binary files /dev/null and b/apps/community/public/items/kitchen-counter/model.glb differ
diff --git a/apps/community/public/items/kitchen-counter/thumbnail.webp b/apps/community/public/items/kitchen-counter/thumbnail.webp
new file mode 100644
index 00000000..04dde3bd
Binary files /dev/null and b/apps/community/public/items/kitchen-counter/thumbnail.webp differ
diff --git a/apps/community/public/items/kitchen-fridge/model.glb b/apps/community/public/items/kitchen-fridge/model.glb
new file mode 100644
index 00000000..b9fb5c84
Binary files /dev/null and b/apps/community/public/items/kitchen-fridge/model.glb differ
diff --git a/apps/community/public/items/kitchen-fridge/thumbnail.webp b/apps/community/public/items/kitchen-fridge/thumbnail.webp
new file mode 100644
index 00000000..fb523868
Binary files /dev/null and b/apps/community/public/items/kitchen-fridge/thumbnail.webp differ
diff --git a/apps/community/public/items/kitchen-shelf/model.glb b/apps/community/public/items/kitchen-shelf/model.glb
new file mode 100644
index 00000000..bdbec50a
Binary files /dev/null and b/apps/community/public/items/kitchen-shelf/model.glb differ
diff --git a/apps/community/public/items/kitchen-shelf/thumbnail.webp b/apps/community/public/items/kitchen-shelf/thumbnail.webp
new file mode 100644
index 00000000..3c9df7a0
Binary files /dev/null and b/apps/community/public/items/kitchen-shelf/thumbnail.webp differ
diff --git a/apps/community/public/items/kitchen-utensils/model.glb b/apps/community/public/items/kitchen-utensils/model.glb
new file mode 100644
index 00000000..5e6e61ef
Binary files /dev/null and b/apps/community/public/items/kitchen-utensils/model.glb differ
diff --git a/apps/community/public/items/kitchen-utensils/thumbnail.webp b/apps/community/public/items/kitchen-utensils/thumbnail.webp
new file mode 100644
index 00000000..7dc16afe
Binary files /dev/null and b/apps/community/public/items/kitchen-utensils/thumbnail.webp differ
diff --git a/apps/community/public/items/kitchen/model.glb b/apps/community/public/items/kitchen/model.glb
new file mode 100644
index 00000000..05edbad8
Binary files /dev/null and b/apps/community/public/items/kitchen/model.glb differ
diff --git a/apps/community/public/items/kitchen/thumbnail.webp b/apps/community/public/items/kitchen/thumbnail.webp
new file mode 100644
index 00000000..05e4b738
Binary files /dev/null and b/apps/community/public/items/kitchen/thumbnail.webp differ
diff --git a/apps/community/public/items/laundry-bag/model.glb b/apps/community/public/items/laundry-bag/model.glb
new file mode 100644
index 00000000..c1d7a07a
Binary files /dev/null and b/apps/community/public/items/laundry-bag/model.glb differ
diff --git a/apps/community/public/items/laundry-bag/thumbnail.webp b/apps/community/public/items/laundry-bag/thumbnail.webp
new file mode 100644
index 00000000..a22db853
Binary files /dev/null and b/apps/community/public/items/laundry-bag/thumbnail.webp differ
diff --git a/apps/community/public/items/livingroom-chair/model.glb b/apps/community/public/items/livingroom-chair/model.glb
new file mode 100644
index 00000000..84cce129
Binary files /dev/null and b/apps/community/public/items/livingroom-chair/model.glb differ
diff --git a/apps/community/public/items/livingroom-chair/thumbnail.webp b/apps/community/public/items/livingroom-chair/thumbnail.webp
new file mode 100644
index 00000000..bdda1478
Binary files /dev/null and b/apps/community/public/items/livingroom-chair/thumbnail.webp differ
diff --git a/apps/community/public/items/lounge-chair/model.glb b/apps/community/public/items/lounge-chair/model.glb
new file mode 100644
index 00000000..ae7212dc
Binary files /dev/null and b/apps/community/public/items/lounge-chair/model.glb differ
diff --git a/apps/community/public/items/lounge-chair/thumbnail.webp b/apps/community/public/items/lounge-chair/thumbnail.webp
new file mode 100644
index 00000000..dd38a456
Binary files /dev/null and b/apps/community/public/items/lounge-chair/thumbnail.webp differ
diff --git a/apps/community/public/items/low-fence/model.glb b/apps/community/public/items/low-fence/model.glb
new file mode 100644
index 00000000..d63bdf43
Binary files /dev/null and b/apps/community/public/items/low-fence/model.glb differ
diff --git a/apps/community/public/items/low-fence/thumbnail.webp b/apps/community/public/items/low-fence/thumbnail.webp
new file mode 100644
index 00000000..d7ce6779
Binary files /dev/null and b/apps/community/public/items/low-fence/thumbnail.webp differ
diff --git a/apps/community/public/items/medium-fence/model.glb b/apps/community/public/items/medium-fence/model.glb
new file mode 100644
index 00000000..cc90577f
Binary files /dev/null and b/apps/community/public/items/medium-fence/model.glb differ
diff --git a/apps/community/public/items/medium-fence/thumbnail.webp b/apps/community/public/items/medium-fence/thumbnail.webp
new file mode 100644
index 00000000..1e096cf2
Binary files /dev/null and b/apps/community/public/items/medium-fence/thumbnail.webp differ
diff --git a/apps/community/public/items/microwave/model.glb b/apps/community/public/items/microwave/model.glb
new file mode 100644
index 00000000..df07e2dd
Binary files /dev/null and b/apps/community/public/items/microwave/model.glb differ
diff --git a/apps/community/public/items/microwave/thumbnail.webp b/apps/community/public/items/microwave/thumbnail.webp
new file mode 100644
index 00000000..0276ee79
Binary files /dev/null and b/apps/community/public/items/microwave/thumbnail.webp differ
diff --git a/apps/community/public/items/office-chair/model.glb b/apps/community/public/items/office-chair/model.glb
new file mode 100644
index 00000000..28c8054b
Binary files /dev/null and b/apps/community/public/items/office-chair/model.glb differ
diff --git a/apps/community/public/items/office-chair/thumbnail.webp b/apps/community/public/items/office-chair/thumbnail.webp
new file mode 100644
index 00000000..8a76535e
Binary files /dev/null and b/apps/community/public/items/office-chair/thumbnail.webp differ
diff --git a/apps/community/public/items/office-table/model.glb b/apps/community/public/items/office-table/model.glb
new file mode 100644
index 00000000..f7db9a3b
Binary files /dev/null and b/apps/community/public/items/office-table/model.glb differ
diff --git a/apps/community/public/items/office-table/thumbnail.webp b/apps/community/public/items/office-table/thumbnail.webp
new file mode 100644
index 00000000..29b2bd44
Binary files /dev/null and b/apps/community/public/items/office-table/thumbnail.webp differ
diff --git a/apps/community/public/items/outdoor-playhouse/model.glb b/apps/community/public/items/outdoor-playhouse/model.glb
new file mode 100644
index 00000000..d2026e29
Binary files /dev/null and b/apps/community/public/items/outdoor-playhouse/model.glb differ
diff --git a/apps/community/public/items/outdoor-playhouse/thumbnail.webp b/apps/community/public/items/outdoor-playhouse/thumbnail.webp
new file mode 100644
index 00000000..ed46a749
Binary files /dev/null and b/apps/community/public/items/outdoor-playhouse/thumbnail.webp differ
diff --git a/apps/community/public/items/palm/model.glb b/apps/community/public/items/palm/model.glb
new file mode 100644
index 00000000..e08d4628
Binary files /dev/null and b/apps/community/public/items/palm/model.glb differ
diff --git a/apps/community/public/items/palm/thumbnail.webp b/apps/community/public/items/palm/thumbnail.webp
new file mode 100644
index 00000000..3a62fe4e
Binary files /dev/null and b/apps/community/public/items/palm/thumbnail.webp differ
diff --git a/apps/community/public/items/parking-spot/model.glb b/apps/community/public/items/parking-spot/model.glb
new file mode 100644
index 00000000..62ccd485
Binary files /dev/null and b/apps/community/public/items/parking-spot/model.glb differ
diff --git a/apps/community/public/items/parking-spot/thumbnail.webp b/apps/community/public/items/parking-spot/thumbnail.webp
new file mode 100644
index 00000000..ecee8d45
Binary files /dev/null and b/apps/community/public/items/parking-spot/thumbnail.webp differ
diff --git a/apps/community/public/items/patio-umbrella/model.glb b/apps/community/public/items/patio-umbrella/model.glb
new file mode 100644
index 00000000..82888478
Binary files /dev/null and b/apps/community/public/items/patio-umbrella/model.glb differ
diff --git a/apps/community/public/items/patio-umbrella/thumbnail.webp b/apps/community/public/items/patio-umbrella/thumbnail.webp
new file mode 100644
index 00000000..2501de2e
Binary files /dev/null and b/apps/community/public/items/patio-umbrella/thumbnail.webp differ
diff --git a/apps/community/public/items/piano/Fireplace_13.glb b/apps/community/public/items/piano/Fireplace_13.glb
new file mode 100644
index 00000000..4d70f3ca
Binary files /dev/null and b/apps/community/public/items/piano/Fireplace_13.glb differ
diff --git a/apps/community/public/items/piano/model.glb b/apps/community/public/items/piano/model.glb
new file mode 100644
index 00000000..8a2c1c9f
Binary files /dev/null and b/apps/community/public/items/piano/model.glb differ
diff --git a/apps/community/public/items/piano/thumbnail.webp b/apps/community/public/items/piano/thumbnail.webp
new file mode 100644
index 00000000..ba7f7a21
Binary files /dev/null and b/apps/community/public/items/piano/thumbnail.webp differ
diff --git a/apps/community/public/items/picture/model.glb b/apps/community/public/items/picture/model.glb
new file mode 100644
index 00000000..b307ca4e
Binary files /dev/null and b/apps/community/public/items/picture/model.glb differ
diff --git a/apps/community/public/items/picture/thumbnail.webp b/apps/community/public/items/picture/thumbnail.webp
new file mode 100644
index 00000000..0df2eddc
Binary files /dev/null and b/apps/community/public/items/picture/thumbnail.webp differ
diff --git a/apps/community/public/items/pillar/model.glb b/apps/community/public/items/pillar/model.glb
new file mode 100644
index 00000000..fea1f04c
Binary files /dev/null and b/apps/community/public/items/pillar/model.glb differ
diff --git a/apps/community/public/items/pillar/thumbnail.webp b/apps/community/public/items/pillar/thumbnail.webp
new file mode 100644
index 00000000..ffb5c221
Binary files /dev/null and b/apps/community/public/items/pillar/thumbnail.webp differ
diff --git a/apps/community/public/items/pool-table/model.glb b/apps/community/public/items/pool-table/model.glb
new file mode 100644
index 00000000..4d3f9bdc
Binary files /dev/null and b/apps/community/public/items/pool-table/model.glb differ
diff --git a/apps/community/public/items/pool-table/thumbnail.webp b/apps/community/public/items/pool-table/thumbnail.webp
new file mode 100644
index 00000000..c4985642
Binary files /dev/null and b/apps/community/public/items/pool-table/thumbnail.webp differ
diff --git a/apps/community/public/items/recessed-light/model.glb b/apps/community/public/items/recessed-light/model.glb
new file mode 100644
index 00000000..4acc9378
Binary files /dev/null and b/apps/community/public/items/recessed-light/model.glb differ
diff --git a/apps/community/public/items/recessed-light/thumbnail.webp b/apps/community/public/items/recessed-light/thumbnail.webp
new file mode 100644
index 00000000..981f1f55
Binary files /dev/null and b/apps/community/public/items/recessed-light/thumbnail.webp differ
diff --git a/apps/community/public/items/rectangular-carpet/model.glb b/apps/community/public/items/rectangular-carpet/model.glb
new file mode 100644
index 00000000..99480689
Binary files /dev/null and b/apps/community/public/items/rectangular-carpet/model.glb differ
diff --git a/apps/community/public/items/rectangular-carpet/thumbnail.webp b/apps/community/public/items/rectangular-carpet/thumbnail.webp
new file mode 100644
index 00000000..e9a9eba7
Binary files /dev/null and b/apps/community/public/items/rectangular-carpet/thumbnail.webp differ
diff --git a/apps/community/public/items/rectangular-ceiling-light/Screenshot 2026-01-23 at 12.15.00.png b/apps/community/public/items/rectangular-ceiling-light/Screenshot 2026-01-23 at 12.15.00.png
new file mode 100644
index 00000000..edfdc6af
Binary files /dev/null and b/apps/community/public/items/rectangular-ceiling-light/Screenshot 2026-01-23 at 12.15.00.png differ
diff --git a/apps/community/public/items/rectangular-ceiling-light/model.glb b/apps/community/public/items/rectangular-ceiling-light/model.glb
new file mode 100644
index 00000000..4743f6d5
Binary files /dev/null and b/apps/community/public/items/rectangular-ceiling-light/model.glb differ
diff --git a/apps/community/public/items/rectangular-ceiling-light/thumbnail.webp b/apps/community/public/items/rectangular-ceiling-light/thumbnail.webp
new file mode 100644
index 00000000..0ebda5ec
Binary files /dev/null and b/apps/community/public/items/rectangular-ceiling-light/thumbnail.webp differ
diff --git a/apps/community/public/items/rectangular-mirror/model.glb b/apps/community/public/items/rectangular-mirror/model.glb
new file mode 100644
index 00000000..6cc02776
Binary files /dev/null and b/apps/community/public/items/rectangular-mirror/model.glb differ
diff --git a/apps/community/public/items/rectangular-mirror/thumbnail.webp b/apps/community/public/items/rectangular-mirror/thumbnail.webp
new file mode 100644
index 00000000..f4a449d8
Binary files /dev/null and b/apps/community/public/items/rectangular-mirror/thumbnail.webp differ
diff --git a/apps/community/public/items/round-carpet/model.glb b/apps/community/public/items/round-carpet/model.glb
new file mode 100644
index 00000000..ce885a46
Binary files /dev/null and b/apps/community/public/items/round-carpet/model.glb differ
diff --git a/apps/community/public/items/round-carpet/thumbnail.webp b/apps/community/public/items/round-carpet/thumbnail.webp
new file mode 100644
index 00000000..22da85ac
Binary files /dev/null and b/apps/community/public/items/round-carpet/thumbnail.webp differ
diff --git a/apps/community/public/items/round-mirror/model.glb b/apps/community/public/items/round-mirror/model.glb
new file mode 100644
index 00000000..ac5b216d
Binary files /dev/null and b/apps/community/public/items/round-mirror/model.glb differ
diff --git a/apps/community/public/items/round-mirror/thumbnail.webp b/apps/community/public/items/round-mirror/thumbnail.webp
new file mode 100644
index 00000000..e07dc297
Binary files /dev/null and b/apps/community/public/items/round-mirror/thumbnail.webp differ
diff --git a/apps/community/public/items/scooter/model.glb b/apps/community/public/items/scooter/model.glb
new file mode 100644
index 00000000..321ef99d
Binary files /dev/null and b/apps/community/public/items/scooter/model.glb differ
diff --git a/apps/community/public/items/scooter/thumbnail.webp b/apps/community/public/items/scooter/thumbnail.webp
new file mode 100644
index 00000000..23ef1c1c
Binary files /dev/null and b/apps/community/public/items/scooter/thumbnail.webp differ
diff --git a/apps/community/public/items/sewing-machine/model.glb b/apps/community/public/items/sewing-machine/model.glb
new file mode 100644
index 00000000..d8ba8668
Binary files /dev/null and b/apps/community/public/items/sewing-machine/model.glb differ
diff --git a/apps/community/public/items/sewing-machine/thumbnail.webp b/apps/community/public/items/sewing-machine/thumbnail.webp
new file mode 100644
index 00000000..4c439b09
Binary files /dev/null and b/apps/community/public/items/sewing-machine/thumbnail.webp differ
diff --git a/apps/community/public/items/shelf/model.glb b/apps/community/public/items/shelf/model.glb
new file mode 100644
index 00000000..8db20d55
Binary files /dev/null and b/apps/community/public/items/shelf/model.glb differ
diff --git a/apps/community/public/items/shelf/thumbnail.webp b/apps/community/public/items/shelf/thumbnail.webp
new file mode 100644
index 00000000..6908319d
Binary files /dev/null and b/apps/community/public/items/shelf/thumbnail.webp differ
diff --git a/apps/community/public/items/shower-angle/model.glb b/apps/community/public/items/shower-angle/model.glb
new file mode 100644
index 00000000..3d14f126
Binary files /dev/null and b/apps/community/public/items/shower-angle/model.glb differ
diff --git a/apps/community/public/items/shower-angle/thumbnail.webp b/apps/community/public/items/shower-angle/thumbnail.webp
new file mode 100644
index 00000000..37daa80e
Binary files /dev/null and b/apps/community/public/items/shower-angle/thumbnail.webp differ
diff --git a/apps/community/public/items/shower-rug/model.glb b/apps/community/public/items/shower-rug/model.glb
new file mode 100644
index 00000000..f11627e7
Binary files /dev/null and b/apps/community/public/items/shower-rug/model.glb differ
diff --git a/apps/community/public/items/shower-rug/thumbnail.webp b/apps/community/public/items/shower-rug/thumbnail.webp
new file mode 100644
index 00000000..8057513b
Binary files /dev/null and b/apps/community/public/items/shower-rug/thumbnail.webp differ
diff --git a/apps/community/public/items/shower-square/model.glb b/apps/community/public/items/shower-square/model.glb
new file mode 100644
index 00000000..9de4fba9
Binary files /dev/null and b/apps/community/public/items/shower-square/model.glb differ
diff --git a/apps/community/public/items/shower-square/thumbnail.webp b/apps/community/public/items/shower-square/thumbnail.webp
new file mode 100644
index 00000000..b7ac2629
Binary files /dev/null and b/apps/community/public/items/shower-square/thumbnail.webp differ
diff --git a/apps/community/public/items/shower/model.glb b/apps/community/public/items/shower/model.glb
new file mode 100644
index 00000000..1848e194
Binary files /dev/null and b/apps/community/public/items/shower/model.glb differ
diff --git a/apps/community/public/items/single-bed/model.glb b/apps/community/public/items/single-bed/model.glb
new file mode 100644
index 00000000..3064a221
Binary files /dev/null and b/apps/community/public/items/single-bed/model.glb differ
diff --git a/apps/community/public/items/single-bed/thumbnail.webp b/apps/community/public/items/single-bed/thumbnail.webp
new file mode 100644
index 00000000..c5dd90f3
Binary files /dev/null and b/apps/community/public/items/single-bed/thumbnail.webp differ
diff --git a/apps/community/public/items/sink-cabinet/model.glb b/apps/community/public/items/sink-cabinet/model.glb
new file mode 100644
index 00000000..1b48f992
Binary files /dev/null and b/apps/community/public/items/sink-cabinet/model.glb differ
diff --git a/apps/community/public/items/sink-cabinet/thumbnail.webp b/apps/community/public/items/sink-cabinet/thumbnail.webp
new file mode 100644
index 00000000..d54969bc
Binary files /dev/null and b/apps/community/public/items/sink-cabinet/thumbnail.webp differ
diff --git a/apps/community/public/items/skate/model.glb b/apps/community/public/items/skate/model.glb
new file mode 100644
index 00000000..44996f65
Binary files /dev/null and b/apps/community/public/items/skate/model.glb differ
diff --git a/apps/community/public/items/skate/thumbnail.webp b/apps/community/public/items/skate/thumbnail.webp
new file mode 100644
index 00000000..90c6903a
Binary files /dev/null and b/apps/community/public/items/skate/thumbnail.webp differ
diff --git a/apps/community/public/items/small-indoor-plant/model.glb b/apps/community/public/items/small-indoor-plant/model.glb
new file mode 100644
index 00000000..f0db00fd
Binary files /dev/null and b/apps/community/public/items/small-indoor-plant/model.glb differ
diff --git a/apps/community/public/items/small-indoor-plant/thumbnail.webp b/apps/community/public/items/small-indoor-plant/thumbnail.webp
new file mode 100644
index 00000000..774bd40b
Binary files /dev/null and b/apps/community/public/items/small-indoor-plant/thumbnail.webp differ
diff --git a/apps/community/public/items/small-kitchen-cabinet/model.glb b/apps/community/public/items/small-kitchen-cabinet/model.glb
new file mode 100644
index 00000000..aa28eb1c
Binary files /dev/null and b/apps/community/public/items/small-kitchen-cabinet/model.glb differ
diff --git a/apps/community/public/items/small-kitchen-cabinet/thumbnail.webp b/apps/community/public/items/small-kitchen-cabinet/thumbnail.webp
new file mode 100644
index 00000000..e8a1ad05
Binary files /dev/null and b/apps/community/public/items/small-kitchen-cabinet/thumbnail.webp differ
diff --git a/apps/community/public/items/smoke-detector/model.glb b/apps/community/public/items/smoke-detector/model.glb
new file mode 100644
index 00000000..e290938e
Binary files /dev/null and b/apps/community/public/items/smoke-detector/model.glb differ
diff --git a/apps/community/public/items/smoke-detector/thumbnail.webp b/apps/community/public/items/smoke-detector/thumbnail.webp
new file mode 100644
index 00000000..ffeb4af2
Binary files /dev/null and b/apps/community/public/items/smoke-detector/thumbnail.webp differ
diff --git a/apps/community/public/items/sofa/model.glb b/apps/community/public/items/sofa/model.glb
new file mode 100644
index 00000000..9087960e
Binary files /dev/null and b/apps/community/public/items/sofa/model.glb differ
diff --git a/apps/community/public/items/sofa/thumbnail.webp b/apps/community/public/items/sofa/thumbnail.webp
new file mode 100644
index 00000000..f731e76c
Binary files /dev/null and b/apps/community/public/items/sofa/thumbnail.webp differ
diff --git a/apps/community/public/items/sprinkler/model.glb b/apps/community/public/items/sprinkler/model.glb
new file mode 100644
index 00000000..bbf40e84
Binary files /dev/null and b/apps/community/public/items/sprinkler/model.glb differ
diff --git a/apps/community/public/items/sprinkler/thumbnail.webp b/apps/community/public/items/sprinkler/thumbnail.webp
new file mode 100644
index 00000000..b40c64e1
Binary files /dev/null and b/apps/community/public/items/sprinkler/thumbnail.webp differ
diff --git a/apps/community/public/items/stairs/model.glb b/apps/community/public/items/stairs/model.glb
new file mode 100644
index 00000000..a2e6d1bf
Binary files /dev/null and b/apps/community/public/items/stairs/model.glb differ
diff --git a/apps/community/public/items/stairs/thumbnail.webp b/apps/community/public/items/stairs/thumbnail.webp
new file mode 100644
index 00000000..1d829e45
Binary files /dev/null and b/apps/community/public/items/stairs/thumbnail.webp differ
diff --git a/apps/community/public/items/stereo-speaker/model.glb b/apps/community/public/items/stereo-speaker/model.glb
new file mode 100644
index 00000000..4cfa8107
Binary files /dev/null and b/apps/community/public/items/stereo-speaker/model.glb differ
diff --git a/apps/community/public/items/stereo-speaker/thumbnail.webp b/apps/community/public/items/stereo-speaker/thumbnail.webp
new file mode 100644
index 00000000..1cb4ec0e
Binary files /dev/null and b/apps/community/public/items/stereo-speaker/thumbnail.webp differ
diff --git a/apps/community/public/items/stool/model.glb b/apps/community/public/items/stool/model.glb
new file mode 100644
index 00000000..2c5a2cef
Binary files /dev/null and b/apps/community/public/items/stool/model.glb differ
diff --git a/apps/community/public/items/stool/thumbnail.webp b/apps/community/public/items/stool/thumbnail.webp
new file mode 100644
index 00000000..4d9d7b64
Binary files /dev/null and b/apps/community/public/items/stool/thumbnail.webp differ
diff --git a/apps/community/public/items/stove/model.glb b/apps/community/public/items/stove/model.glb
new file mode 100644
index 00000000..062cf7dd
Binary files /dev/null and b/apps/community/public/items/stove/model.glb differ
diff --git a/apps/community/public/items/stove/thumbnail.webp b/apps/community/public/items/stove/thumbnail.webp
new file mode 100644
index 00000000..16f2aa34
Binary files /dev/null and b/apps/community/public/items/stove/thumbnail.webp differ
diff --git a/apps/community/public/items/sunbed/model.glb b/apps/community/public/items/sunbed/model.glb
new file mode 100644
index 00000000..abefea0e
Binary files /dev/null and b/apps/community/public/items/sunbed/model.glb differ
diff --git a/apps/community/public/items/sunbed/thumbnail.webp b/apps/community/public/items/sunbed/thumbnail.webp
new file mode 100644
index 00000000..37969d43
Binary files /dev/null and b/apps/community/public/items/sunbed/thumbnail.webp differ
diff --git a/apps/community/public/items/suspended-fireplace/model.glb b/apps/community/public/items/suspended-fireplace/model.glb
new file mode 100644
index 00000000..7d813e4d
Binary files /dev/null and b/apps/community/public/items/suspended-fireplace/model.glb differ
diff --git a/apps/community/public/items/suspended-fireplace/thumbnail.webp b/apps/community/public/items/suspended-fireplace/thumbnail.webp
new file mode 100644
index 00000000..137955b4
Binary files /dev/null and b/apps/community/public/items/suspended-fireplace/thumbnail.webp differ
diff --git a/apps/community/public/items/table-lamp/model.glb b/apps/community/public/items/table-lamp/model.glb
new file mode 100644
index 00000000..5b1d6c7a
Binary files /dev/null and b/apps/community/public/items/table-lamp/model.glb differ
diff --git a/apps/community/public/items/table-lamp/thumbnail.webp b/apps/community/public/items/table-lamp/thumbnail.webp
new file mode 100644
index 00000000..55b76d5e
Binary files /dev/null and b/apps/community/public/items/table-lamp/thumbnail.webp differ
diff --git a/apps/community/public/items/table/model.glb b/apps/community/public/items/table/model.glb
new file mode 100644
index 00000000..47a14a1d
Binary files /dev/null and b/apps/community/public/items/table/model.glb differ
diff --git a/apps/community/public/items/table/thumbnail.webp b/apps/community/public/items/table/thumbnail.webp
new file mode 100644
index 00000000..cea8cc41
Binary files /dev/null and b/apps/community/public/items/table/thumbnail.webp differ
diff --git a/apps/community/public/items/television/model.glb b/apps/community/public/items/television/model.glb
new file mode 100644
index 00000000..bf4aa300
Binary files /dev/null and b/apps/community/public/items/television/model.glb differ
diff --git a/apps/community/public/items/television/thumbnail.webp b/apps/community/public/items/television/thumbnail.webp
new file mode 100644
index 00000000..2050acad
Binary files /dev/null and b/apps/community/public/items/television/thumbnail.webp differ
diff --git a/apps/community/public/items/tesla/model.glb b/apps/community/public/items/tesla/model.glb
new file mode 100644
index 00000000..d0e1a1cf
Binary files /dev/null and b/apps/community/public/items/tesla/model.glb differ
diff --git a/apps/community/public/items/tesla/thumbnail.webp b/apps/community/public/items/tesla/thumbnail.webp
new file mode 100644
index 00000000..755d39a8
Binary files /dev/null and b/apps/community/public/items/tesla/thumbnail.webp differ
diff --git a/apps/community/public/items/thermostat/model.glb b/apps/community/public/items/thermostat/model.glb
new file mode 100644
index 00000000..298218d0
Binary files /dev/null and b/apps/community/public/items/thermostat/model.glb differ
diff --git a/apps/community/public/items/thermostat/thumbnail.webp b/apps/community/public/items/thermostat/thumbnail.webp
new file mode 100644
index 00000000..8a5750f2
Binary files /dev/null and b/apps/community/public/items/thermostat/thumbnail.webp differ
diff --git a/apps/community/public/items/threadmill/model.glb b/apps/community/public/items/threadmill/model.glb
new file mode 100644
index 00000000..3977aaab
Binary files /dev/null and b/apps/community/public/items/threadmill/model.glb differ
diff --git a/apps/community/public/items/threadmill/thumbnail.webp b/apps/community/public/items/threadmill/thumbnail.webp
new file mode 100644
index 00000000..0516fa25
Binary files /dev/null and b/apps/community/public/items/threadmill/thumbnail.webp differ
diff --git a/apps/community/public/items/toaster/model.glb b/apps/community/public/items/toaster/model.glb
new file mode 100644
index 00000000..2a06c5a4
Binary files /dev/null and b/apps/community/public/items/toaster/model.glb differ
diff --git a/apps/community/public/items/toaster/thumbnail.webp b/apps/community/public/items/toaster/thumbnail.webp
new file mode 100644
index 00000000..33e2cc30
Binary files /dev/null and b/apps/community/public/items/toaster/thumbnail.webp differ
diff --git a/apps/community/public/items/toilet-brush/model.glb b/apps/community/public/items/toilet-brush/model.glb
new file mode 100644
index 00000000..e478236f
Binary files /dev/null and b/apps/community/public/items/toilet-brush/model.glb differ
diff --git a/apps/community/public/items/toilet-brush/thumbnail.webp b/apps/community/public/items/toilet-brush/thumbnail.webp
new file mode 100644
index 00000000..e8d8eaa4
Binary files /dev/null and b/apps/community/public/items/toilet-brush/thumbnail.webp differ
diff --git a/apps/community/public/items/toilet-paper/model.glb b/apps/community/public/items/toilet-paper/model.glb
new file mode 100644
index 00000000..a017fbce
Binary files /dev/null and b/apps/community/public/items/toilet-paper/model.glb differ
diff --git a/apps/community/public/items/toilet-paper/thumbnail.webp b/apps/community/public/items/toilet-paper/thumbnail.webp
new file mode 100644
index 00000000..1eab7ae5
Binary files /dev/null and b/apps/community/public/items/toilet-paper/thumbnail.webp differ
diff --git a/apps/community/public/items/toilet/model.glb b/apps/community/public/items/toilet/model.glb
new file mode 100644
index 00000000..d2077eae
Binary files /dev/null and b/apps/community/public/items/toilet/model.glb differ
diff --git a/apps/community/public/items/toilet/thumbnail.webp b/apps/community/public/items/toilet/thumbnail.webp
new file mode 100644
index 00000000..7f0f351d
Binary files /dev/null and b/apps/community/public/items/toilet/thumbnail.webp differ
diff --git a/apps/community/public/items/toy/model.glb b/apps/community/public/items/toy/model.glb
new file mode 100644
index 00000000..260c58f8
Binary files /dev/null and b/apps/community/public/items/toy/model.glb differ
diff --git a/apps/community/public/items/toy/thumbnail.webp b/apps/community/public/items/toy/thumbnail.webp
new file mode 100644
index 00000000..8a0a06a9
Binary files /dev/null and b/apps/community/public/items/toy/thumbnail.webp differ
diff --git a/apps/community/public/items/trash-bin/model.glb b/apps/community/public/items/trash-bin/model.glb
new file mode 100644
index 00000000..e82ca885
Binary files /dev/null and b/apps/community/public/items/trash-bin/model.glb differ
diff --git a/apps/community/public/items/trash-bin/thumbnail.webp b/apps/community/public/items/trash-bin/thumbnail.webp
new file mode 100644
index 00000000..a340bfbd
Binary files /dev/null and b/apps/community/public/items/trash-bin/thumbnail.webp differ
diff --git a/apps/community/public/items/tree/model.glb b/apps/community/public/items/tree/model.glb
new file mode 100644
index 00000000..e78d91a9
Binary files /dev/null and b/apps/community/public/items/tree/model.glb differ
diff --git a/apps/community/public/items/tree/thumbnail.webp b/apps/community/public/items/tree/thumbnail.webp
new file mode 100644
index 00000000..950be59b
Binary files /dev/null and b/apps/community/public/items/tree/thumbnail.webp differ
diff --git a/apps/community/public/items/tub/model.glb b/apps/community/public/items/tub/model.glb
new file mode 100644
index 00000000..29429926
Binary files /dev/null and b/apps/community/public/items/tub/model.glb differ
diff --git a/apps/community/public/items/tv-stand/model.glb b/apps/community/public/items/tv-stand/model.glb
new file mode 100644
index 00000000..74aec87a
Binary files /dev/null and b/apps/community/public/items/tv-stand/model.glb differ
diff --git a/apps/community/public/items/tv-stand/thumbnail.webp b/apps/community/public/items/tv-stand/thumbnail.webp
new file mode 100644
index 00000000..2f078c8c
Binary files /dev/null and b/apps/community/public/items/tv-stand/thumbnail.webp differ
diff --git a/apps/community/public/items/wall-art-06/model.glb b/apps/community/public/items/wall-art-06/model.glb
new file mode 100644
index 00000000..ce91fbb7
Binary files /dev/null and b/apps/community/public/items/wall-art-06/model.glb differ
diff --git a/apps/community/public/items/wall-art-06/thumbnail.webp b/apps/community/public/items/wall-art-06/thumbnail.webp
new file mode 100644
index 00000000..3f0398fa
Binary files /dev/null and b/apps/community/public/items/wall-art-06/thumbnail.webp differ
diff --git a/apps/community/public/items/wall-sink/model.glb b/apps/community/public/items/wall-sink/model.glb
new file mode 100644
index 00000000..45401e4a
Binary files /dev/null and b/apps/community/public/items/wall-sink/model.glb differ
diff --git a/apps/community/public/items/wall-sink/thumbnail.webp b/apps/community/public/items/wall-sink/thumbnail.webp
new file mode 100644
index 00000000..97597c99
Binary files /dev/null and b/apps/community/public/items/wall-sink/thumbnail.webp differ
diff --git a/apps/community/public/items/washing-machine/model.glb b/apps/community/public/items/washing-machine/model.glb
new file mode 100644
index 00000000..84320b0d
Binary files /dev/null and b/apps/community/public/items/washing-machine/model.glb differ
diff --git a/apps/community/public/items/washing-machine/thumbnail.webp b/apps/community/public/items/washing-machine/thumbnail.webp
new file mode 100644
index 00000000..cf1a34d1
Binary files /dev/null and b/apps/community/public/items/washing-machine/thumbnail.webp differ
diff --git a/apps/community/public/items/window-double/model.glb b/apps/community/public/items/window-double/model.glb
new file mode 100644
index 00000000..fc44a948
Binary files /dev/null and b/apps/community/public/items/window-double/model.glb differ
diff --git a/apps/community/public/items/window-double/thumbnail.webp b/apps/community/public/items/window-double/thumbnail.webp
new file mode 100644
index 00000000..f08c8088
Binary files /dev/null and b/apps/community/public/items/window-double/thumbnail.webp differ
diff --git a/apps/community/public/items/window-large/model.glb b/apps/community/public/items/window-large/model.glb
new file mode 100644
index 00000000..a998b1ea
Binary files /dev/null and b/apps/community/public/items/window-large/model.glb differ
diff --git a/apps/community/public/items/window-large/thumbnail.webp b/apps/community/public/items/window-large/thumbnail.webp
new file mode 100644
index 00000000..800b838c
Binary files /dev/null and b/apps/community/public/items/window-large/thumbnail.webp differ
diff --git a/apps/community/public/items/window-rectangle/model.glb b/apps/community/public/items/window-rectangle/model.glb
new file mode 100644
index 00000000..3dd2a883
Binary files /dev/null and b/apps/community/public/items/window-rectangle/model.glb differ
diff --git a/apps/community/public/items/window-rectangle/thumbnail.webp b/apps/community/public/items/window-rectangle/thumbnail.webp
new file mode 100644
index 00000000..afc28575
Binary files /dev/null and b/apps/community/public/items/window-rectangle/thumbnail.webp differ
diff --git a/apps/community/public/items/window-round/model.glb b/apps/community/public/items/window-round/model.glb
new file mode 100644
index 00000000..efe2c88d
Binary files /dev/null and b/apps/community/public/items/window-round/model.glb differ
diff --git a/apps/community/public/items/window-round/thumbnail.webp b/apps/community/public/items/window-round/thumbnail.webp
new file mode 100644
index 00000000..97be02a4
Binary files /dev/null and b/apps/community/public/items/window-round/thumbnail.webp differ
diff --git a/apps/community/public/items/window-simple/model.glb b/apps/community/public/items/window-simple/model.glb
new file mode 100644
index 00000000..ea158d49
Binary files /dev/null and b/apps/community/public/items/window-simple/model.glb differ
diff --git a/apps/community/public/items/window-simple/thumbnail.webp b/apps/community/public/items/window-simple/thumbnail.webp
new file mode 100644
index 00000000..cbc1efe0
Binary files /dev/null and b/apps/community/public/items/window-simple/thumbnail.webp differ
diff --git a/apps/community/public/items/window-small-2/model.glb b/apps/community/public/items/window-small-2/model.glb
new file mode 100644
index 00000000..65bef5d2
Binary files /dev/null and b/apps/community/public/items/window-small-2/model.glb differ
diff --git a/apps/community/public/items/window-small-2/thumbnail.webp b/apps/community/public/items/window-small-2/thumbnail.webp
new file mode 100644
index 00000000..8e5c6ef4
Binary files /dev/null and b/apps/community/public/items/window-small-2/thumbnail.webp differ
diff --git a/apps/community/public/items/window-small/model.glb b/apps/community/public/items/window-small/model.glb
new file mode 100644
index 00000000..16c8fcfe
Binary files /dev/null and b/apps/community/public/items/window-small/model.glb differ
diff --git a/apps/community/public/items/window-small/thumbnail.webp b/apps/community/public/items/window-small/thumbnail.webp
new file mode 100644
index 00000000..ef8c377f
Binary files /dev/null and b/apps/community/public/items/window-small/thumbnail.webp differ
diff --git a/apps/community/public/items/window-square/model.glb b/apps/community/public/items/window-square/model.glb
new file mode 100644
index 00000000..8dc0a2a8
Binary files /dev/null and b/apps/community/public/items/window-square/model.glb differ
diff --git a/apps/community/public/items/window-square/thumbnail.webp b/apps/community/public/items/window-square/thumbnail.webp
new file mode 100644
index 00000000..7627f6ad
Binary files /dev/null and b/apps/community/public/items/window-square/thumbnail.webp differ
diff --git a/apps/community/public/items/window1-black-open-1731/model.glb b/apps/community/public/items/window1-black-open-1731/model.glb
new file mode 100644
index 00000000..7a50eac0
Binary files /dev/null and b/apps/community/public/items/window1-black-open-1731/model.glb differ
diff --git a/apps/community/public/items/window1-black-open-1731/thumbnail.webp b/apps/community/public/items/window1-black-open-1731/thumbnail.webp
new file mode 100644
index 00000000..1488455c
Binary files /dev/null and b/apps/community/public/items/window1-black-open-1731/thumbnail.webp differ
diff --git a/apps/community/public/items/wine-bottle/model.glb b/apps/community/public/items/wine-bottle/model.glb
new file mode 100644
index 00000000..765e00ef
Binary files /dev/null and b/apps/community/public/items/wine-bottle/model.glb differ
diff --git a/apps/community/public/items/wine-bottle/thumbnail.webp b/apps/community/public/items/wine-bottle/thumbnail.webp
new file mode 100644
index 00000000..5cf08cd1
Binary files /dev/null and b/apps/community/public/items/wine-bottle/thumbnail.webp differ
diff --git a/apps/community/public/next.svg b/apps/community/public/next.svg
new file mode 100644
index 00000000..5174b28c
--- /dev/null
+++ b/apps/community/public/next.svg
@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" fill="none" viewBox="0 0 394 80"><path fill="#000" d="M262 0h68.5v12.7h-27.2v66.6h-13.6V12.7H262V0ZM149 0v12.7H94v20.4h44.3v12.6H94v21h55v12.6H80.5V0h68.7zm34.3 0h-17.8l63.8 79.4h17.9l-32-39.7 32-39.6h-17.9l-23 28.6-23-28.6zm18.3 56.7-9-11-27.1 33.7h17.8l18.3-22.7z"/><path fill="#000" d="M81 79.3 17 0H0v79.3h13.6V17l50.2 62.3H81Zm252.6-.4c-1 0-1.8-.4-2.5-1s-1.1-1.6-1.1-2.6.3-1.8 1-2.5 1.6-1 2.6-1 1.8.3 2.5 1a3.4 3.4 0 0 1 .6 4.3 3.7 3.7 0 0 1-3 1.8zm23.2-33.5h6v23.3c0 2.1-.4 4-1.3 5.5a9.1 9.1 0 0 1-3.8 3.5c-1.6.8-3.5 1.3-5.7 1.3-2 0-3.7-.4-5.3-1s-2.8-1.8-3.7-3.2c-.9-1.3-1.4-3-1.4-5h6c.1.8.3 1.6.7 2.2s1 1.2 1.6 1.5c.7.4 1.5.5 2.4.5 1 0 1.8-.2 2.4-.6a4 4 0 0 0 1.6-1.8c.3-.8.5-1.8.5-3V45.5zm30.9 9.1a4.4 4.4 0 0 0-2-3.3 7.5 7.5 0 0 0-4.3-1.1c-1.3 0-2.4.2-3.3.5-.9.4-1.6 1-2 1.6a3.5 3.5 0 0 0-.3 4c.3.5.7.9 1.3 1.2l1.8 1 2 .5 3.2.8c1.3.3 2.5.7 3.7 1.2a13 13 0 0 1 3.2 1.8 8.1 8.1 0 0 1 3 6.5c0 2-.5 3.7-1.5 5.1a10 10 0 0 1-4.4 3.5c-1.8.8-4.1 1.2-6.8 1.2-2.6 0-4.9-.4-6.8-1.2-2-.8-3.4-2-4.5-3.5a10 10 0 0 1-1.7-5.6h6a5 5 0 0 0 3.5 4.6c1 .4 2.2.6 3.4.6 1.3 0 2.5-.2 3.5-.6 1-.4 1.8-1 2.4-1.7a4 4 0 0 0 .8-2.4c0-.9-.2-1.6-.7-2.2a11 11 0 0 0-2.1-1.4l-3.2-1-3.8-1c-2.8-.7-5-1.7-6.6-3.2a7.2 7.2 0 0 1-2.4-5.7 8 8 0 0 1 1.7-5 10 10 0 0 1 4.3-3.5c2-.8 4-1.2 6.4-1.2 2.3 0 4.4.4 6.2 1.2 1.8.8 3.2 2 4.3 3.4 1 1.4 1.5 3 1.5 5h-5.8z"/></svg>
\ No newline at end of file
diff --git a/apps/community/public/pascal-logo-full.svg b/apps/community/public/pascal-logo-full.svg
new file mode 100644
index 00000000..31388357
--- /dev/null
+++ b/apps/community/public/pascal-logo-full.svg
@@ -0,0 +1,11 @@
+<svg width="498" height="100" viewBox="0 0 498 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M498 8V99.648H486.084V8H498Z" fill="black"/>
+<path d="M435.895 99.56C429.074 99.56 423.591 97.768 419.446 94.184C415.302 90.6 413.229 86.0347 413.229 80.488C413.229 68.5413 421.691 61.928 438.615 60.648L457.525 59.24V57.192C457.525 52.84 456.1 49.4267 453.251 46.952C450.402 44.392 446.689 43.112 442.112 43.112H441.594C437.795 43.112 434.514 44.008 431.751 45.8C429.074 47.5067 427.39 49.8533 426.699 52.84H414.654C415.518 47.0373 418.41 42.3013 423.332 38.632C428.34 34.8773 434.6 33 442.112 33C451.006 33 457.827 35.304 462.576 39.912C467.325 44.52 469.7 50.4507 469.7 57.704V84.2C469.7 90.6 469.916 95.2933 470.348 98.28H458.95C458.691 97 458.475 95.4213 458.302 93.544C458.216 91.5813 458.173 89.96 458.173 88.68C456.273 91.6667 453.337 94.2267 449.365 96.36C445.393 98.4933 440.903 99.56 435.895 99.56ZM438.356 89.448C441.465 89.448 444.487 88.7653 447.423 87.4C450.358 86.0347 452.776 83.9867 454.676 81.256C456.575 78.5253 457.525 75.24 457.525 71.4V68.584L440.169 69.736C435.248 70.0773 431.535 71.144 429.031 72.936C426.527 74.6427 425.275 76.9893 425.275 79.976C425.275 82.7067 426.397 84.968 428.642 86.76C430.974 88.552 434.039 89.448 437.838 89.448H438.356Z" fill="black"/>
+<path d="M376.049 99.816C366.637 99.816 358.823 96.6587 352.606 90.344C346.475 83.8587 343.41 75.88 343.41 66.408C343.41 56.7653 346.475 48.7867 352.606 42.472C358.823 36.1573 366.637 33 376.049 33C382.525 33 388.181 34.6213 393.016 37.864C397.852 41.0213 401.478 45.416 403.896 51.048L393.016 55.528C389.649 47.6773 383.734 43.752 375.272 43.752C369.832 43.752 365.126 45.928 361.154 50.28C357.269 54.632 355.326 60.008 355.326 66.408C355.326 72.808 357.269 78.184 361.154 82.536C365.126 86.888 369.832 89.064 375.272 89.064C383.993 89.064 390.124 85.1387 393.664 77.288L404.284 81.768C401.953 87.4 398.283 91.8373 393.275 95.08C388.353 98.2373 382.611 99.816 376.049 99.816Z" fill="black"/>
+<path d="M334.4 80.36C334.4 85.8213 331.983 90.4293 327.147 94.184C322.312 97.9387 316.224 99.816 308.885 99.816C302.495 99.816 296.883 98.1947 292.047 94.952C287.212 91.624 283.758 87.272 281.686 81.896L292.307 77.416C293.861 81.1707 296.106 84.1147 299.042 86.248C302.064 88.296 305.345 89.32 308.885 89.32C312.684 89.32 315.836 88.5093 318.34 86.888C320.93 85.2667 322.226 83.3467 322.226 81.128C322.226 77.1173 319.117 74.1733 312.9 72.296L302.021 69.608C289.673 66.536 283.499 60.648 283.499 51.944C283.499 46.2267 285.831 41.6613 290.493 38.248C295.242 34.7493 301.287 33 308.626 33C314.239 33 319.29 34.3227 323.78 36.968C328.356 39.6133 331.551 43.1547 333.364 47.592L322.744 51.944C321.535 49.2987 319.549 47.2507 316.786 45.8C314.109 44.264 311.087 43.496 307.719 43.496C304.611 43.496 301.805 44.264 299.301 45.8C296.883 47.336 295.674 49.2133 295.674 51.432C295.674 55.016 299.085 57.576 305.906 59.112L315.491 61.544C328.097 64.616 334.4 70.888 334.4 80.36Z" fill="black"/>
+<path d="M237.568 99.56C230.747 99.56 225.264 97.768 221.119 94.184C216.975 90.6 214.902 86.0347 214.902 80.488C214.902 68.5413 223.364 61.928 240.288 60.648L259.198 59.24V57.192C259.198 52.84 257.773 49.4267 254.924 46.952C252.075 44.392 248.362 43.112 243.785 43.112H243.267C239.468 43.112 236.187 44.008 233.424 45.8C230.747 47.5067 229.063 49.8533 228.372 52.84H216.327C217.191 47.0373 220.083 42.3013 225.005 38.632C230.013 34.8773 236.273 33 243.785 33C252.679 33 259.5 35.304 264.249 39.912C268.998 44.52 271.373 50.4507 271.373 57.704V84.2C271.373 90.6 271.589 95.2933 272.021 98.28H260.623C260.364 97 260.148 95.4213 259.975 93.544C259.889 91.5813 259.846 89.96 259.846 88.68C257.946 91.6667 255.01 94.2267 251.038 96.36C247.066 98.4933 242.576 99.56 237.568 99.56ZM240.029 89.448C243.138 89.448 246.16 88.7653 249.096 87.4C252.031 86.0347 254.449 83.9867 256.349 81.256C258.248 78.5253 259.198 75.24 259.198 71.4V68.584L241.842 69.736C236.921 70.0773 233.208 71.144 230.704 72.936C228.2 74.6427 226.948 76.9893 226.948 79.976C226.948 82.7067 228.07 84.968 230.315 86.76C232.647 88.552 235.712 89.448 239.511 89.448H240.029Z" fill="black"/>
+<path d="M138 0H181.473C187.869 0 193.566 1.19048 198.562 3.57143C203.659 5.85715 207.657 9.28572 210.555 13.8571C213.453 18.3333 214.902 23.7143 214.902 30C214.902 36.2857 213.453 41.7143 210.555 46.2857C207.657 50.7619 203.659 54.1905 198.562 56.5714C193.566 58.8571 187.869 60 181.473 60H151.492V100H138V0ZM179.224 48.2857C186.22 48.2857 191.667 46.7619 195.564 43.7143C199.462 40.5714 201.411 36 201.411 30C201.411 24 199.462 19.4762 195.564 16.4286C191.667 13.2857 186.22 11.7143 179.224 11.7143H151.492V48.2857H179.224Z" fill="black"/>
+<rect y="60" width="20" height="40" fill="black"/>
+<rect x="40" y="30" width="20" height="40" fill="black"/>
+<rect x="80" width="20" height="40" fill="black"/>
+</svg>
diff --git a/apps/community/public/pascal-logo-shape.svg b/apps/community/public/pascal-logo-shape.svg
new file mode 100644
index 00000000..94b8e41e
--- /dev/null
+++ b/apps/community/public/pascal-logo-shape.svg
@@ -0,0 +1,5 @@
+<svg width="100" height="100" viewBox="0 0 100 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<rect y="60" width="20" height="40" fill="black"/>
+<rect x="40" y="30" width="20" height="40" fill="black"/>
+<rect x="80" width="20" height="40" fill="black"/>
+</svg>
diff --git a/apps/community/public/pascal.svg b/apps/community/public/pascal.svg
new file mode 100644
index 00000000..c50259df
--- /dev/null
+++ b/apps/community/public/pascal.svg
@@ -0,0 +1,8 @@
+<svg width="360" height="100" viewBox="0 0 360 100" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M360 8V99.648H348.084V8H360Z" fill="black"/>
+<path d="M297.895 99.56C291.074 99.56 285.591 97.768 281.446 94.184C277.302 90.6 275.229 86.0347 275.229 80.488C275.229 68.5413 283.691 61.928 300.615 60.648L319.525 59.24V57.192C319.525 52.84 318.1 49.4267 315.251 46.952C312.402 44.392 308.689 43.112 304.112 43.112H303.594C299.795 43.112 296.514 44.008 293.751 45.8C291.074 47.5067 289.39 49.8533 288.699 52.84H276.654C277.518 47.0373 280.41 42.3013 285.332 38.632C290.34 34.8773 296.6 33 304.112 33C313.006 33 319.827 35.304 324.576 39.912C329.325 44.52 331.7 50.4507 331.7 57.704V84.2C331.7 90.6 331.916 95.2933 332.348 98.28H320.95C320.691 97 320.475 95.4213 320.302 93.544C320.216 91.5813 320.173 89.96 320.173 88.68C318.273 91.6667 315.337 94.2267 311.365 96.36C307.393 98.4933 302.903 99.56 297.895 99.56ZM300.356 89.448C303.465 89.448 306.487 88.7653 309.423 87.4C312.358 86.0347 314.776 83.9867 316.676 81.256C318.575 78.5253 319.525 75.24 319.525 71.4V68.584L302.169 69.736C297.248 70.0773 293.535 71.144 291.031 72.936C288.527 74.6427 287.275 76.9893 287.275 79.976C287.275 82.7067 288.397 84.968 290.642 86.76C292.974 88.552 296.039 89.448 299.838 89.448H300.356Z" fill="black"/>
+<path d="M238.049 99.816C228.637 99.816 220.823 96.6587 214.606 90.344C208.475 83.8587 205.41 75.88 205.41 66.408C205.41 56.7653 208.475 48.7867 214.606 42.472C220.823 36.1573 228.637 33 238.049 33C244.525 33 250.181 34.6213 255.016 37.864C259.852 41.0213 263.478 45.416 265.896 51.048L255.016 55.528C251.649 47.6773 245.734 43.752 237.272 43.752C231.832 43.752 227.126 45.928 223.154 50.28C219.269 54.632 217.326 60.008 217.326 66.408C217.326 72.808 219.269 78.184 223.154 82.536C227.126 86.888 231.832 89.064 237.272 89.064C245.993 89.064 252.124 85.1387 255.664 77.288L266.284 81.768C263.953 87.4 260.283 91.8373 255.275 95.08C250.353 98.2373 244.611 99.816 238.049 99.816Z" fill="black"/>
+<path d="M196.4 80.36C196.4 85.8213 193.983 90.4293 189.147 94.184C184.312 97.9387 178.224 99.816 170.885 99.816C164.495 99.816 158.883 98.1947 154.047 94.952C149.212 91.624 145.758 87.272 143.686 81.896L154.307 77.416C155.861 81.1707 158.106 84.1147 161.042 86.248C164.064 88.296 167.345 89.32 170.885 89.32C174.684 89.32 177.836 88.5093 180.34 86.888C182.93 85.2667 184.226 83.3467 184.226 81.128C184.226 77.1173 181.117 74.1733 174.9 72.296L164.021 69.608C151.673 66.536 145.499 60.648 145.499 51.944C145.499 46.2267 147.831 41.6613 152.493 38.248C157.242 34.7493 163.287 33 170.626 33C176.239 33 181.29 34.3227 185.78 36.968C190.356 39.6133 193.551 43.1547 195.364 47.592L184.744 51.944C183.535 49.2987 181.549 47.2507 178.786 45.8C176.109 44.264 173.087 43.496 169.719 43.496C166.611 43.496 163.805 44.264 161.301 45.8C158.883 47.336 157.674 49.2133 157.674 51.432C157.674 55.016 161.085 57.576 167.906 59.112L177.491 61.544C190.097 64.616 196.4 70.888 196.4 80.36Z" fill="black"/>
+<path d="M99.5683 99.56C92.7469 99.56 87.2639 97.768 83.1193 94.184C78.9747 90.6 76.9023 86.0347 76.9023 80.488C76.9023 68.5413 85.3643 61.928 102.288 60.648L121.198 59.24V57.192C121.198 52.84 119.773 49.4267 116.924 46.952C114.075 44.392 110.362 43.112 105.785 43.112H105.267C101.468 43.112 98.1867 44.008 95.4237 45.8C92.7469 47.5067 91.0632 49.8533 90.3724 52.84H78.3271C79.1905 47.0373 82.0831 42.3013 87.0049 38.632C92.013 34.8773 98.2731 33 105.785 33C114.679 33 121.5 35.304 126.249 39.912C130.998 44.52 133.373 50.4507 133.373 57.704V84.2C133.373 90.6 133.589 95.2933 134.021 98.28H122.623C122.364 97 122.148 95.4213 121.975 93.544C121.889 91.5813 121.846 89.96 121.846 88.68C119.946 91.6667 117.01 94.2267 113.038 96.36C109.066 98.4933 104.576 99.56 99.5683 99.56ZM102.029 89.448C105.138 89.448 108.16 88.7653 111.096 87.4C114.031 86.0347 116.449 83.9867 118.349 81.256C120.248 78.5253 121.198 75.24 121.198 71.4V68.584L103.842 69.736C98.9207 70.0773 95.2078 71.144 92.7037 72.936C90.1997 74.6427 88.9477 76.9893 88.9477 79.976C88.9477 82.7067 90.0702 84.968 92.3152 86.76C94.6465 88.552 97.7118 89.448 101.511 89.448H102.029Z" fill="black"/>
+<path d="M0 0H43.4731C49.8691 0 55.5655 1.19048 60.5625 3.57143C65.6593 5.85715 69.6568 9.28572 72.555 13.8571C75.4532 18.3333 76.9023 23.7143 76.9023 30C76.9023 36.2857 75.4532 41.7143 72.555 46.2857C69.6568 50.7619 65.6593 54.1905 60.5625 56.5714C55.5655 58.8571 49.8691 60 43.4731 60H13.4916V100H0V0ZM41.2244 48.2857C48.2201 48.2857 53.6667 46.7619 57.5643 43.7143C61.4619 40.5714 63.4107 36 63.4107 30C63.4107 24 61.4619 19.4762 57.5643 16.4286C53.6667 13.2857 48.2201 11.7143 41.2244 11.7143H13.4916V48.2857H41.2244Z" fill="black"/>
+</svg>
diff --git a/apps/community/public/turborepo-dark.svg b/apps/community/public/turborepo-dark.svg
new file mode 100644
index 00000000..dae38fed
--- /dev/null
+++ b/apps/community/public/turborepo-dark.svg
@@ -0,0 +1,19 @@
+<svg width="473" height="76" viewBox="0 0 473 76" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M130.998 30.6565V22.3773H91.0977V30.6565H106.16V58.1875H115.935V30.6565H130.998Z" fill="black"/>
+<path d="M153.542 58.7362C165.811 58.7362 172.544 52.5018 172.544 42.2275V22.3773H162.768V41.2799C162.768 47.0155 159.776 50.2574 153.542 50.2574C147.307 50.2574 144.315 47.0155 144.315 41.2799V22.3773H134.539V42.2275C134.539 52.5018 141.272 58.7362 153.542 58.7362Z" fill="black"/>
+<path d="M187.508 46.3173H197.234L204.914 58.1875H216.136L207.458 45.2699C212.346 43.5243 215.338 39.634 215.338 34.3473C215.338 26.6665 209.603 22.3773 200.874 22.3773H177.732V58.1875H187.508V46.3173ZM187.508 38.5867V30.5568H200.376C203.817 30.5568 205.712 32.053 205.712 34.5967C205.712 36.9907 203.817 38.5867 200.376 38.5867H187.508Z" fill="black"/>
+<path d="M219.887 58.1875H245.472C253.452 58.1875 258.041 54.397 258.041 48.0629C258.041 43.8235 255.348 40.9308 252.156 39.634C254.35 38.5867 257.043 36.0929 257.043 32.1528C257.043 25.8187 252.555 22.3773 244.625 22.3773H219.887V58.1875ZM229.263 36.3922V30.3074H243.627C246.32 30.3074 247.817 31.3548 247.817 33.3498C247.817 35.3448 246.32 36.3922 243.627 36.3922H229.263ZM229.263 43.7238H244.525C247.168 43.7238 248.615 45.0205 248.615 46.9657C248.615 48.9108 247.168 50.2075 244.525 50.2075H229.263V43.7238Z" fill="black"/>
+<path d="M281.942 21.7788C269.423 21.7788 260.396 29.6092 260.396 40.2824C260.396 50.9557 269.423 58.786 281.942 58.786C294.461 58.786 303.438 50.9557 303.438 40.2824C303.438 29.6092 294.461 21.7788 281.942 21.7788ZM281.942 30.2575C288.525 30.2575 293.463 34.1478 293.463 40.2824C293.463 46.417 288.525 50.3073 281.942 50.3073C275.359 50.3073 270.421 46.417 270.421 40.2824C270.421 34.1478 275.359 30.2575 281.942 30.2575Z" fill="black"/>
+<path d="M317.526 46.3173H327.251L334.932 58.1875H346.154L337.476 45.2699C342.364 43.5243 345.356 39.634 345.356 34.3473C345.356 26.6665 339.62 22.3773 330.892 22.3773H307.75V58.1875H317.526V46.3173ZM317.526 38.5867V30.5568H330.394C333.835 30.5568 335.73 32.053 335.73 34.5967C335.73 36.9907 333.835 38.5867 330.394 38.5867H317.526Z" fill="black"/>
+<path d="M349.904 22.3773V58.1875H384.717V49.9083H359.48V44.0729H381.874V35.9932H359.48V30.6565H384.717V22.3773H349.904Z" fill="black"/>
+<path d="M399.204 46.7662H412.221C420.95 46.7662 426.685 42.5767 426.685 34.5967C426.685 26.5668 420.95 22.3773 412.221 22.3773H389.428V58.1875H399.204V46.7662ZM399.204 38.6365V30.5568H411.673C415.164 30.5568 417.059 32.053 417.059 34.5967C417.059 37.0904 415.164 38.6365 411.673 38.6365H399.204Z" fill="black"/>
+<path d="M450.948 21.7788C438.43 21.7788 429.402 29.6092 429.402 40.2824C429.402 50.9557 438.43 58.786 450.948 58.786C463.467 58.786 472.444 50.9557 472.444 40.2824C472.444 29.6092 463.467 21.7788 450.948 21.7788ZM450.948 30.2575C457.532 30.2575 462.469 34.1478 462.469 40.2824C462.469 46.417 457.532 50.3073 450.948 50.3073C444.365 50.3073 439.427 46.417 439.427 40.2824C439.427 34.1478 444.365 30.2575 450.948 30.2575Z" fill="black"/>
+<path d="M38.5017 18.0956C27.2499 18.0956 18.0957 27.2498 18.0957 38.5016C18.0957 49.7534 27.2499 58.9076 38.5017 58.9076C49.7535 58.9076 58.9077 49.7534 58.9077 38.5016C58.9077 27.2498 49.7535 18.0956 38.5017 18.0956ZM38.5017 49.0618C32.6687 49.0618 27.9415 44.3346 27.9415 38.5016C27.9415 32.6686 32.6687 27.9414 38.5017 27.9414C44.3347 27.9414 49.0619 32.6686 49.0619 38.5016C49.0619 44.3346 44.3347 49.0618 38.5017 49.0618Z" fill="black"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40.2115 14.744V7.125C56.7719 8.0104 69.9275 21.7208 69.9275 38.5016C69.9275 55.2824 56.7719 68.989 40.2115 69.8782V62.2592C52.5539 61.3776 62.3275 51.0644 62.3275 38.5016C62.3275 25.9388 52.5539 15.6256 40.2115 14.744ZM20.5048 54.0815C17.233 50.3043 15.124 45.4935 14.7478 40.2115H7.125C7.5202 47.6025 10.4766 54.3095 15.1088 59.4737L20.501 54.0815H20.5048ZM36.7916 69.8782V62.2592C31.5058 61.883 26.695 59.7778 22.9178 56.5022L17.5256 61.8944C22.6936 66.5304 29.4006 69.483 36.7878 69.8782H36.7916Z" fill="url(#paint0_linear_2028_278)"/>
+<defs>
+<linearGradient id="paint0_linear_2028_278" x1="41.443" y1="11.5372" x2="10.5567" y2="42.4236" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0096FF"/>
+<stop offset="1" stop-color="#FF1E56"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/community/public/turborepo-light.svg b/apps/community/public/turborepo-light.svg
new file mode 100644
index 00000000..ddea9158
--- /dev/null
+++ b/apps/community/public/turborepo-light.svg
@@ -0,0 +1,19 @@
+<svg width="473" height="76" viewBox="0 0 473 76" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path d="M130.998 30.6566V22.3773H91.0977V30.6566H106.16V58.1876H115.935V30.6566H130.998Z" fill="white"/>
+<path d="M153.542 58.7362C165.811 58.7362 172.544 52.5018 172.544 42.2276V22.3773H162.768V41.2799C162.768 47.0156 159.776 50.2574 153.542 50.2574C147.307 50.2574 144.315 47.0156 144.315 41.2799V22.3773H134.539V42.2276C134.539 52.5018 141.272 58.7362 153.542 58.7362Z" fill="white"/>
+<path d="M187.508 46.3173H197.234L204.914 58.1876H216.136L207.458 45.2699C212.346 43.5243 215.338 39.6341 215.338 34.3473C215.338 26.6666 209.603 22.3773 200.874 22.3773H177.732V58.1876H187.508V46.3173ZM187.508 38.5867V30.5568H200.376C203.817 30.5568 205.712 32.0531 205.712 34.5967C205.712 36.9907 203.817 38.5867 200.376 38.5867H187.508Z" fill="white"/>
+<path d="M219.887 58.1876H245.472C253.452 58.1876 258.041 54.3971 258.041 48.0629C258.041 43.8236 255.348 40.9308 252.156 39.6341C254.35 38.5867 257.043 36.0929 257.043 32.1528C257.043 25.8187 252.555 22.3773 244.625 22.3773H219.887V58.1876ZM229.263 36.3922V30.3074H243.627C246.32 30.3074 247.817 31.3548 247.817 33.3498C247.817 35.3448 246.32 36.3922 243.627 36.3922H229.263ZM229.263 43.7238H244.525C247.168 43.7238 248.615 45.0206 248.615 46.9657C248.615 48.9108 247.168 50.2076 244.525 50.2076H229.263V43.7238Z" fill="white"/>
+<path d="M281.942 21.7788C269.423 21.7788 260.396 29.6092 260.396 40.2824C260.396 50.9557 269.423 58.7861 281.942 58.7861C294.461 58.7861 303.438 50.9557 303.438 40.2824C303.438 29.6092 294.461 21.7788 281.942 21.7788ZM281.942 30.2576C288.525 30.2576 293.463 34.1478 293.463 40.2824C293.463 46.4171 288.525 50.3073 281.942 50.3073C275.359 50.3073 270.421 46.4171 270.421 40.2824C270.421 34.1478 275.359 30.2576 281.942 30.2576Z" fill="white"/>
+<path d="M317.526 46.3173H327.251L334.932 58.1876H346.154L337.476 45.2699C342.364 43.5243 345.356 39.6341 345.356 34.3473C345.356 26.6666 339.62 22.3773 330.892 22.3773H307.75V58.1876H317.526V46.3173ZM317.526 38.5867V30.5568H330.394C333.835 30.5568 335.73 32.0531 335.73 34.5967C335.73 36.9907 333.835 38.5867 330.394 38.5867H317.526Z" fill="white"/>
+<path d="M349.904 22.3773V58.1876H384.717V49.9083H359.48V44.0729H381.874V35.9932H359.48V30.6566H384.717V22.3773H349.904Z" fill="white"/>
+<path d="M399.204 46.7662H412.221C420.95 46.7662 426.685 42.5767 426.685 34.5967C426.685 26.5668 420.95 22.3773 412.221 22.3773H389.428V58.1876H399.204V46.7662ZM399.204 38.6366V30.5568H411.673C415.164 30.5568 417.059 32.0531 417.059 34.5967C417.059 37.0904 415.164 38.6366 411.673 38.6366H399.204Z" fill="white"/>
+<path d="M450.948 21.7788C438.43 21.7788 429.402 29.6092 429.402 40.2824C429.402 50.9557 438.43 58.7861 450.948 58.7861C463.467 58.7861 472.444 50.9557 472.444 40.2824C472.444 29.6092 463.467 21.7788 450.948 21.7788ZM450.948 30.2576C457.532 30.2576 462.469 34.1478 462.469 40.2824C462.469 46.4171 457.532 50.3073 450.948 50.3073C444.365 50.3073 439.427 46.4171 439.427 40.2824C439.427 34.1478 444.365 30.2576 450.948 30.2576Z" fill="white"/>
+<path d="M38.5017 18.0956C27.2499 18.0956 18.0957 27.2498 18.0957 38.5016C18.0957 49.7534 27.2499 58.9076 38.5017 58.9076C49.7535 58.9076 58.9077 49.7534 58.9077 38.5016C58.9077 27.2498 49.7535 18.0956 38.5017 18.0956ZM38.5017 49.0618C32.6687 49.0618 27.9415 44.3346 27.9415 38.5016C27.9415 32.6686 32.6687 27.9414 38.5017 27.9414C44.3347 27.9414 49.0619 32.6686 49.0619 38.5016C49.0619 44.3346 44.3347 49.0618 38.5017 49.0618Z" fill="white"/>
+<path fill-rule="evenodd" clip-rule="evenodd" d="M40.2115 14.744V7.125C56.7719 8.0104 69.9275 21.7208 69.9275 38.5016C69.9275 55.2824 56.7719 68.989 40.2115 69.8782V62.2592C52.5539 61.3776 62.3275 51.0644 62.3275 38.5016C62.3275 25.9388 52.5539 15.6256 40.2115 14.744ZM20.5048 54.0815C17.233 50.3043 15.124 45.4935 14.7478 40.2115H7.125C7.5202 47.6025 10.4766 54.3095 15.1088 59.4737L20.501 54.0815H20.5048ZM36.7916 69.8782V62.2592C31.5058 61.883 26.695 59.7778 22.9178 56.5022L17.5256 61.8944C22.6936 66.5304 29.4006 69.483 36.7878 69.8782H36.7916Z" fill="url(#paint0_linear_2028_477)"/>
+<defs>
+<linearGradient id="paint0_linear_2028_477" x1="41.443" y1="11.5372" x2="10.5567" y2="42.4236" gradientUnits="userSpaceOnUse">
+<stop stop-color="#0096FF"/>
+<stop offset="1" stop-color="#FF1E56"/>
+</linearGradient>
+</defs>
+</svg>
diff --git a/apps/community/public/vercel.svg b/apps/community/public/vercel.svg
new file mode 100644
index 00000000..0164ddc5
--- /dev/null
+++ b/apps/community/public/vercel.svg
@@ -0,0 +1,10 @@
+<svg width="21" height="20" viewBox="0 0 21 20" fill="none" xmlns="http://www.w3.org/2000/svg">
+<g clip-path="url(#clip0_977_547)">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M10.5 3L18.5 17H2.5L10.5 3Z" fill="white"/>
+</g>
+<defs>
+<clipPath id="clip0_977_547">
+<rect width="16" height="16" fill="white" transform="translate(2.5 2)"/>
+</clipPath>
+</defs>
+</svg>
diff --git a/apps/community/public/window.svg b/apps/community/public/window.svg
new file mode 100644
index 00000000..bbc78006
--- /dev/null
+++ b/apps/community/public/window.svg
@@ -0,0 +1,3 @@
+<svg width="16" height="16" viewBox="0 0 16 16" fill="none" xmlns="http://www.w3.org/2000/svg">
+<path fill-rule="evenodd" clip-rule="evenodd" d="M1.5 2.5H14.5V12.5C14.5 13.0523 14.0523 13.5 13.5 13.5H2.5C1.94772 13.5 1.5 13.0523 1.5 12.5V2.5ZM0 1H1.5H14.5H16V2.5V12.5C16 13.8807 14.8807 15 13.5 15H2.5C1.11929 15 0 13.8807 0 12.5V2.5V1ZM3.75 5.5C4.16421 5.5 4.5 5.16421 4.5 4.75C4.5 4.33579 4.16421 4 3.75 4C3.33579 4 3 4.33579 3 4.75C3 5.16421 3.33579 5.5 3.75 5.5ZM7 4.75C7 5.16421 6.66421 5.5 6.25 5.5C5.83579 5.5 5.5 5.16421 5.5 4.75C5.5 4.33579 5.83579 4 6.25 4C6.66421 4 7 4.33579 7 4.75ZM8.75 5.5C9.16421 5.5 9.5 5.16421 9.5 4.75C9.5 4.33579 9.16421 4 8.75 4C8.33579 4 8 4.33579 8 4.75C8 5.16421 8.33579 5.5 8.75 5.5Z" fill="#666666"/>
+</svg>
diff --git a/apps/community/tsconfig.json b/apps/community/tsconfig.json
new file mode 100644
index 00000000..13904941
--- /dev/null
+++ b/apps/community/tsconfig.json
@@ -0,0 +1,25 @@
+{
+  "extends": "@repo/typescript-config/nextjs.json",
+  "compilerOptions": {
+    "plugins": [
+      {
+        "name": "next"
+      }
+    ],
+    "paths": {
+      "@/*": ["./*"]
+    }
+  },
+  "include": [
+    "**/*.ts",
+    "**/*.tsx",
+    "next-env.d.ts",
+    "next.config.js",
+    ".next/types/**/*.ts"
+  ],
+  "exclude": ["node_modules"],
+  "references": [
+    { "path": "../../packages/core" },
+    { "path": "../../packages/viewer" }
+  ]
+}
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..4908f5a6 100644
--- a/apps/editor/app/globals.css
+++ b/apps/editor/app/globals.css
@@ -1,5 +1,6 @@
 @import "tailwindcss";
 @import "tw-animate-css";
+@source "../../../packages/editor/src";
 
 @custom-variant dark (&:is(.dark *));
 
diff --git a/apps/editor/app/layout.tsx b/apps/editor/app/layout.tsx
index ef3b645c..7d3d4050 100644
--- a/apps/editor/app/layout.tsx
+++ b/apps/editor/app/layout.tsx
@@ -2,11 +2,6 @@ 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 './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,8 +30,6 @@ 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}`}>
       <head>
@@ -96,10 +49,7 @@ export default function RootLayout({
         )}
       </head>
       <body className="font-sans">
-        <UsernameGate>{children}</UsernameGate>
-        <Analytics />
-        <SpeedInsights />
-        {shouldShowToolbar && <VercelToolbar />}
+        {children}
       </body>
     </html>
   )
diff --git a/apps/editor/app/page.tsx b/apps/editor/app/page.tsx
index 303567bf..09b547d2 100644
--- a/apps/editor/app/page.tsx
+++ b/apps/editor/app/page.tsx
@@ -1,12 +1,9 @@
-import type { Metadata } from 'next'
-import CommunityHub from '@/features/community/components/community-hub'
-
-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/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/next.config.ts b/apps/editor/next.config.ts
index b822ff06..441826ac 100644
--- a/apps/editor/next.config.ts
+++ b/apps/editor/next.config.ts
@@ -1,7 +1,7 @@
 import type { NextConfig } from 'next'
 
 const nextConfig: NextConfig = {
-  transpilePackages: ['three', '@pascal-app/viewer', '@pascal-app/core'],
+  transpilePackages: ['three', '@pascal-app/viewer', '@pascal-app/core', '@pascal-app/editor'],
   experimental: {
     serverActions: {
       bodySizeLimit: '100mb',
diff --git a/apps/editor/package.json b/apps/editor/package.json
index 018e7de8..b06bafdc 100644
--- a/apps/editor/package.json
+++ b/apps/editor/package.json
@@ -12,52 +12,18 @@
   },
   "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",
     "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": "*",
diff --git a/bun.lock b/bun.lock
index 0879283f..cc4c272b 100644
--- a/bun.lock
+++ b/bun.lock
@@ -8,55 +8,33 @@
         "portless": "^0.4.2",
       },
       "devDependencies": {
-        "@biomejs/biome": "^2.4.4",
+        "@biomejs/biome": "^2.4.6",
         "supabase": "2.76.15",
         "turbo": "^2.8.15",
         "typescript": "5.9.3",
-        "ultracite": "^7.2.4",
+        "ultracite": "^7.2.5",
       },
     },
-    "apps/editor": {
-      "name": "web",
+    "apps/community": {
+      "name": "community",
       "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",
@@ -67,6 +45,32 @@
         "zod": "^4.3.6",
         "zustand": "^5.0.11",
       },
+      "devDependencies": {
+        "@repo/typescript-config": "*",
+        "@types/node": "^22.19.12",
+        "@types/react": "19.2.2",
+        "@types/react-dom": "19.2.2",
+        "typescript": "5.9.3",
+      },
+    },
+    "apps/editor": {
+      "name": "web",
+      "version": "0.1.0",
+      "dependencies": {
+        "@number-flow/react": "^0.5.14",
+        "@pascal-app/core": "*",
+        "@pascal-app/editor": "*",
+        "@pascal-app/viewer": "*",
+        "@react-three/drei": "^10.7.7",
+        "@react-three/fiber": "^9.5.0",
+        "@tailwindcss/postcss": "^4.2.1",
+        "next": "16.1.6",
+        "postcss": "^8.5.6",
+        "react": "^19.2.4",
+        "react-dom": "^19.2.4",
+        "tailwindcss": "^4.2.1",
+        "three": "^0.183.1",
+      },
       "devDependencies": {
         "@repo/typescript-config": "*",
         "@types/howler": "^2.2.12",
@@ -135,6 +139,60 @@
         "typescript": "5.9.3",
       },
     },
+    "packages/editor": {
+      "name": "@pascal-app/editor",
+      "version": "0.1.0",
+      "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",
+        "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": "*",
+        "@react-three/drei": "^10.7.7",
+        "@react-three/fiber": "^9.5.0",
+        "@repo/typescript-config": "*",
+        "@types/howler": "^2.2.12",
+        "@types/react": "19.2.2",
+        "@types/three": "^0.183.1",
+        "react": "^19.2.4",
+        "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",
       "version": "0.0.0",
@@ -502,6 +560,8 @@
 
     "@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=="],
@@ -922,6 +982,8 @@
 
     "commander": ["commander@14.0.3", "", {}, "sha512-H+y0Jo/T1RZ9qPP4Eh1pkcQcLRglraJaSLoyOtHxu6AapkjWVCy2Sit1QQ4x3Dng8qDlSsZEet7g5Pq06MvTgw=="],
 
+    "community": ["community@workspace:apps/community"],
+
     "concat-map": ["concat-map@0.0.1", "", {}, "sha512-/Srv4dswyQNBfohGpz9o6Yb3Gz3SrUDqBH5rTuhGR7ahtlbYKnVxw2bCFMRljaA7EXHaXZ8wsHdodFvbkhKmqg=="],
 
     "confbox": ["confbox@0.2.4", "", {}, "sha512-ysOGlgTFbN2/Y6Cg3Iye8YKulHw+R2fNXHrgSmXISQdMnomY6eNDprVdW9R5xBguEqI954+S6709UyiO7B+6OQ=="],
@@ -1884,6 +1946,8 @@
 
     "@eslint/eslintrc/globals": ["globals@14.0.0", "", {}, "sha512-oahGvuMGQlPw/ivIYBjVSrWAfWLBeku5tpPE2fOPLi+WHffIWbuh2tCjhyQhTBPMf5E9jDEH4FOmTYgYwbKwtQ=="],
 
+    "@pascal-app/editor/@types/react": ["@types/react@19.2.2", "", { "dependencies": { "csstype": "^3.0.2" } }, "sha512-6mDvHUFSjyT2B2yeNx2nUgMxh9LtOWvkhIU3uePn2I2oyNymUAX1NIsdgviM4CH+JSrp2D2hsMvJOkxY+0wNRA=="],
+
     "@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=="],
@@ -1964,6 +2028,8 @@
 
     "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=="],
 
+    "community/@types/react": ["@types/react@19.2.2", "", { "dependencies": { "csstype": "^3.0.2" } }, "sha512-6mDvHUFSjyT2B2yeNx2nUgMxh9LtOWvkhIU3uePn2I2oyNymUAX1NIsdgviM4CH+JSrp2D2hsMvJOkxY+0wNRA=="],
+
     "cross-spawn/which": ["which@2.0.2", "", { "dependencies": { "isexe": "^2.0.0" }, "bin": { "node-which": "./bin/node-which" } }, "sha512-BLI3Tl1TW3Pvl70l3yq3Y64i+awpwXqsGBYWkkqMtnbXgrMD+yj7rhW0kuEDxzJaYXGjEW5ogapKNMEKNMjibA=="],
 
     "eslint/chalk": ["chalk@4.1.2", "", { "dependencies": { "ansi-styles": "^4.1.0", "supports-color": "^7.1.0" } }, "sha512-oKnbhFyRIXpUuez8iBMmyEa4nbj4IOQyuhc/wy9kY7/WVPcwIO9VA668Pu8RkO7+0G76SLROeyw9CpQ061i4mA=="],
diff --git a/packages/editor/package.json b/packages/editor/package.json
new file mode 100644
index 00000000..8687f6a3
--- /dev/null
+++ b/packages/editor/package.json
@@ -0,0 +1,62 @@
+{
+  "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",
+    "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": "*",
+    "@react-three/drei": "^10.7.7",
+    "@react-three/fiber": "^9.5.0",
+    "@repo/typescript-config": "*",
+    "@types/howler": "^2.2.12",
+    "@types/react": "19.2.2",
+    "@types/three": "^0.183.1",
+    "react": "^19.2.4",
+    "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 99%
rename from apps/editor/components/editor/custom-camera-controls.tsx
rename to packages/editor/src/components/editor/custom-camera-controls.tsx
index ac16b411..d17d9b34 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()
diff --git a/apps/editor/components/editor/export-manager.tsx b/packages/editor/src/components/editor/export-manager.tsx
similarity index 100%
rename from apps/editor/components/editor/export-manager.tsx
rename to packages/editor/src/components/editor/export-manager.tsx
diff --git a/apps/editor/components/editor/floating-action-menu.tsx b/packages/editor/src/components/editor/floating-action-menu.tsx
similarity index 98%
rename from apps/editor/components/editor/floating-action-menu.tsx
rename to packages/editor/src/components/editor/floating-action-menu.tsx
index d5667f56..e405e8f2 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']
 
diff --git a/apps/editor/components/editor/grid.tsx b/packages/editor/src/components/editor/grid.tsx
similarity index 97%
rename from apps/editor/components/editor/grid.tsx
rename to packages/editor/src/components/editor/grid.tsx
index bcddba2d..b1ee2c4d 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,
diff --git a/apps/editor/components/editor/index.tsx b/packages/editor/src/components/editor/index.tsx
similarity index 60%
rename from apps/editor/components/editor/index.tsx
rename to packages/editor/src/components/editor/index.tsx
index e3a329e7..96f35124 100644
--- a/apps/editor/components/editor/index.tsx
+++ b/packages/editor/src/components/editor/index.tsx
@@ -2,17 +2,14 @@
 
 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 { type ReactNode, useEffect, useState } from 'react'
+import { useAutoSave, type SaveStatus } from '../../hooks/use-auto-save'
+import { applySceneGraphToEditor, loadSceneFromLocalStorage, type SceneGraph } from '../../lib/scene'
+import { useKeyboard } from '../../hooks/use-keyboard'
+import { initSFXBus } from '../../lib/sfx-bus'
+import useEditor from '../../store/use-editor'
+import { ViewerOverlay } from '../../components/viewer-overlay'
+import { ViewerZoneSystem } from '../../components/viewer-zone-system'
 import { CeilingSystem } from '../systems/ceiling/ceiling-system'
 import { ZoneLabelEditorSystem } from '../systems/zone/zone-label-editor-system'
 import { ZoneSystem } from '../systems/zone/zone-system'
@@ -24,6 +21,8 @@ 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'
@@ -33,7 +32,7 @@ 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)
+// Load default scene initially (will be replaced when onLoad runs)
 useScene.getState().loadScene()
 initSpatialGridSync()
 initSpaceDetectionSync(useScene, useEditor)
@@ -56,18 +55,38 @@ if (firstBuilding && firstLevel) {
   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
+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
 }
 
 function EditorSceneCrashFallback() {
@@ -98,23 +117,68 @@ function EditorSceneCrashFallback() {
   )
 }
 
-export default function Editor({ projectId }: EditorProps) {
+export default function Editor({
+  appMenuButton,
+  sidebarTop,
+  onLoad,
+  onSave,
+  onDirty,
+  onSaveStatusChange,
+  previewScene,
+  isVersionPreviewMode = false,
+  isLoading = false,
+  onThumbnailCapture,
+  settingsPanelProps,
+  sitePanelProps,
+}: EditorProps) {
   useKeyboard()
-  useProjectScene()
 
-  const isProjectLoading = useProjectStore((state) => state.isLoading)
-  const isSceneLoading = useProjectStore((state) => state.isSceneLoading)
-  const isLoading = isProjectLoading || isSceneLoading
+  const { isLoadingSceneRef } = useAutoSave({
+    onSave,
+    onDirty,
+    onSaveStatusChange,
+    isVersionPreviewMode,
+  })
+
+  const [isSceneLoading, setIsSceneLoading] = useState(false)
   const isPreviewMode = useEditor((s) => s.isPreviewMode)
-  const activeProject = useProjectStore((s) => s.activeProject)
 
+  // Load scene on mount (or when onLoad identity changes, e.g. project switch)
   useEffect(() => {
-    if (projectId) {
-      useViewer.getState().setProjectId(projectId)
-    } else {
-      useViewer.getState().setProjectId(null)
+    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
+          })
+        }
+      }
     }
-  }, [projectId])
+
+    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')
@@ -123,13 +187,14 @@ export default function Editor({ projectId }: EditorProps) {
     }
   }, [])
 
+  const showLoader = isLoading || isSceneLoading
+
   return (
     <div className="w-full h-full dark text-foreground">
-      {isLoading && <SceneLoader />}
+      {showLoader && <SceneLoader />}
 
       {isPreviewMode ? (
         <ViewerOverlay
-          projectName={activeProject?.name}
           onBack={() => useEditor.getState().setPreviewMode(false)}
         />
       ) : (
@@ -138,31 +203,17 @@ export default function Editor({ projectId }: EditorProps) {
           <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 />
+            <AppSidebar appMenuButton={appMenuButton} sidebarTop={sidebarTop} settingsPanelProps={settingsPanelProps} sitePanelProps={sitePanelProps} />
           </SidebarProvider>
         </>
       )}
 
-      <ErrorBoundary key={projectId} fallback={<EditorSceneCrashFallback />}>
+      <ErrorBoundary 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 && (
@@ -170,7 +221,7 @@ export default function Editor({ projectId }: EditorProps) {
           )}
           {!isPreviewMode && <ToolManager />}
           <CustomCameraControls />
-          <ThumbnailGenerator projectId={projectId} />
+          <ThumbnailGenerator onThumbnailCapture={onThumbnailCapture} />
           <PresetThumbnailGenerator />
           {!isPreviewMode && <SiteEdgeLabels />}
           {isPreviewMode && <InteractiveSystem />}
diff --git a/apps/editor/components/editor/preset-thumbnail-generator.tsx b/packages/editor/src/components/editor/preset-thumbnail-generator.tsx
similarity index 100%
rename from apps/editor/components/editor/preset-thumbnail-generator.tsx
rename to packages/editor/src/components/editor/preset-thumbnail-generator.tsx
diff --git a/apps/editor/components/editor/selection-manager.tsx b/packages/editor/src/components/editor/selection-manager.tsx
similarity index 99%
rename from apps/editor/components/editor/selection-manager.tsx
rename to packages/editor/src/components/editor/selection-manager.tsx
index d1f31627..9950acbd 100644
--- a/apps/editor/components/editor/selection-manager.tsx
+++ b/packages/editor/src/components/editor/selection-manager.tsx
@@ -11,7 +11,7 @@ import {
 
 import { useViewer } from "@pascal-app/viewer";
 import { useEffect, useRef } from "react";
-import useEditor from "@/store/use-editor";
+import useEditor from "./../../store/use-editor";
 
 const isNodeInCurrentLevel = (node: AnyNode): boolean => {
   const currentLevelId = useViewer.getState().selection.levelId;
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
diff --git a/apps/editor/components/editor/thumbnail-generator.tsx b/packages/editor/src/components/editor/thumbnail-generator.tsx
similarity index 66%
rename from apps/editor/components/editor/thumbnail-generator.tsx
rename to packages/editor/src/components/editor/thumbnail-generator.tsx
index 345a9647..256303ef 100644
--- a/apps/editor/components/editor/thumbnail-generator.tsx
+++ b/packages/editor/src/components/editor/thumbnail-generator.tsx
@@ -5,38 +5,35 @@ 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)
 
-      // 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 +45,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,7 +72,6 @@ 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
@@ -97,20 +89,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 +105,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 +139,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 +150,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 79%
rename from apps/editor/components/feedback-dialog.tsx
rename to packages/editor/src/components/feedback-dialog.tsx
index 2a63dea0..ae2c4d75 100644
--- a/apps/editor/components/feedback-dialog.tsx
+++ b/packages/editor/src/components/feedback-dialog.tsx
@@ -2,26 +2,26 @@
 
 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 +113,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)
@@ -292,7 +243,7 @@ export function FeedbackDialog({ projectId: projectIdProp }: { projectId?: strin
                   >
                     Cancel
                   </Button>
-                  <Button type="submit" disabled={isSubmitting || !message.trim()}>
+                  <Button type="submit" disabled={isSubmitting || !message.trim() || !onSubmit}>
                     {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 98%
rename from apps/editor/components/pascal-radio.tsx
rename to packages/editor/src/components/pascal-radio.tsx
index 05968bb3..d478133f 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 { AnimatePresence, motion } from 'motion/react'
 import { Howl } from 'howler'
 import { Disc3, Settings2, SkipBack, SkipForward, Volume2, VolumeX } from 'lucide-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 = [
   {
diff --git a/apps/editor/components/preview-button.tsx b/packages/editor/src/components/preview-button.tsx
similarity index 92%
rename from apps/editor/components/preview-button.tsx
rename to packages/editor/src/components/preview-button.tsx
index 97af7158..59e1468e 100644
--- a/apps/editor/components/preview-button.tsx
+++ b/packages/editor/src/components/preview-button.tsx
@@ -1,7 +1,7 @@
 'use client'
 
 import { Eye } from 'lucide-react'
-import useEditor from '@/store/use-editor'
+import useEditor from '../store/use-editor'
 
 export function PreviewButton() {
   return (
diff --git a/apps/editor/components/systems/ceiling/ceiling-system.tsx b/packages/editor/src/components/systems/ceiling/ceiling-system.tsx
similarity index 98%
rename from apps/editor/components/systems/ceiling/ceiling-system.tsx
rename to packages/editor/src/components/systems/ceiling/ceiling-system.tsx
index fca2cc76..aa1acf53 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)
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 99%
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..6bba49cb 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 ────────────────────────────────────────────────────
 
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 100%
rename from apps/editor/components/tools/ceiling/ceiling-boundary-editor.tsx
rename to packages/editor/src/components/tools/ceiling/ceiling-boundary-editor.tsx
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 100%
rename from apps/editor/components/tools/ceiling/ceiling-hole-editor.tsx
rename to packages/editor/src/components/tools/ceiling/ceiling-hole-editor.tsx
diff --git a/apps/editor/components/tools/ceiling/ceiling-tool.tsx b/packages/editor/src/components/tools/ceiling/ceiling-tool.tsx
similarity index 99%
rename from apps/editor/components/tools/ceiling/ceiling-tool.tsx
rename to packages/editor/src/components/tools/ceiling/ceiling-tool.tsx
index cbfaa4d0..82ceeed1 100644
--- a/apps/editor/components/tools/ceiling/ceiling-tool.tsx
+++ b/packages/editor/src/components/tools/ceiling/ceiling-tool.tsx
@@ -3,8 +3,8 @@ 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 { 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
diff --git a/apps/editor/components/tools/door/door-math.ts b/packages/editor/src/components/tools/door/door-math.ts
similarity index 100%
rename from apps/editor/components/tools/door/door-math.ts
rename to packages/editor/src/components/tools/door/door-math.ts
diff --git a/apps/editor/components/tools/door/door-tool.tsx b/packages/editor/src/components/tools/door/door-tool.tsx
similarity index 99%
rename from apps/editor/components/tools/door/door-tool.tsx
rename to packages/editor/src/components/tools/door/door-tool.tsx
index c257edce..daf05aef 100644
--- a/apps/editor/components/tools/door/door-tool.tsx
+++ b/packages/editor/src/components/tools/door/door-tool.tsx
@@ -19,7 +19,7 @@ import {
   snapToHalf,
 } from '../item/placement-math'
 import { clampToWall, hasWallChildOverlap, wallLocalToWorld } from './door-math'
-import { EDITOR_LAYER } from '@/lib/constants'
+import { EDITOR_LAYER } from '../../../lib/constants'
 import { sfxEmitter } from '../../../lib/sfx-bus'
 
 const edgeMaterial = new LineBasicNodeMaterial({
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 98%
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..6a06b401 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,
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 96%
rename from apps/editor/components/tools/item/move-tool.tsx
rename to packages/editor/src/components/tools/item/move-tool.tsx
index 3c9cdf55..0315dceb 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'
diff --git a/apps/editor/components/tools/item/placement-math.ts b/packages/editor/src/components/tools/item/placement-math.ts
similarity index 100%
rename from apps/editor/components/tools/item/placement-math.ts
rename to packages/editor/src/components/tools/item/placement-math.ts
diff --git a/apps/editor/components/tools/item/placement-strategies.ts b/packages/editor/src/components/tools/item/placement-strategies.ts
similarity index 100%
rename from apps/editor/components/tools/item/placement-strategies.ts
rename to packages/editor/src/components/tools/item/placement-strategies.ts
diff --git a/apps/editor/components/tools/item/placement-types.ts b/packages/editor/src/components/tools/item/placement-types.ts
similarity index 100%
rename from apps/editor/components/tools/item/placement-types.ts
rename to packages/editor/src/components/tools/item/placement-types.ts
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 100%
rename from apps/editor/components/tools/item/use-draft-node.ts
rename to packages/editor/src/components/tools/item/use-draft-node.ts
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 99%
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..0f66d230 100644
--- a/apps/editor/components/tools/item/use-placement-coordinator.tsx
+++ b/packages/editor/src/components/tools/item/use-placement-coordinator.tsx
@@ -30,8 +30,8 @@ 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 { 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'
diff --git a/apps/editor/components/tools/roof/roof-tool.tsx b/packages/editor/src/components/tools/roof/roof-tool.tsx
similarity index 98%
rename from apps/editor/components/tools/roof/roof-tool.tsx
rename to packages/editor/src/components/tools/roof/roof-tool.tsx
index 6927fd5d..521ad993 100644
--- a/apps/editor/components/tools/roof/roof-tool.tsx
+++ b/packages/editor/src/components/tools/roof/roof-tool.tsx
@@ -9,9 +9,9 @@ import {
 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 { 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
diff --git a/apps/editor/components/tools/shared/cursor-sphere.tsx b/packages/editor/src/components/tools/shared/cursor-sphere.tsx
similarity index 92%
rename from apps/editor/components/tools/shared/cursor-sphere.tsx
rename to packages/editor/src/components/tools/shared/cursor-sphere.tsx
index b0f81324..555dee14 100644
--- a/apps/editor/components/tools/shared/cursor-sphere.tsx
+++ b/packages/editor/src/components/tools/shared/cursor-sphere.tsx
@@ -2,10 +2,10 @@ 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 { 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'
 
 interface CursorSphereProps extends Omit<ThreeElements['group'], 'ref'> {
   color?: string
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..20756939 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
 
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 100%
rename from apps/editor/components/tools/site/site-boundary-editor.tsx
rename to packages/editor/src/components/tools/site/site-boundary-editor.tsx
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 100%
rename from apps/editor/components/tools/slab/slab-boundary-editor.tsx
rename to packages/editor/src/components/tools/slab/slab-boundary-editor.tsx
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 100%
rename from apps/editor/components/tools/slab/slab-hole-editor.tsx
rename to packages/editor/src/components/tools/slab/slab-hole-editor.tsx
diff --git a/apps/editor/components/tools/slab/slab-tool.tsx b/packages/editor/src/components/tools/slab/slab-tool.tsx
similarity index 98%
rename from apps/editor/components/tools/slab/slab-tool.tsx
rename to packages/editor/src/components/tools/slab/slab-tool.tsx
index eb77d359..41c31bdc 100644
--- a/apps/editor/components/tools/slab/slab-tool.tsx
+++ b/packages/editor/src/components/tools/slab/slab-tool.tsx
@@ -2,8 +2,8 @@ import { emitter, type GridEvent, type LevelNode, SlabNode, useScene } from '@pa
 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 { EDITOR_LAYER } from '../../../lib/constants'
+import { sfxEmitter } from '../../../lib/sfx-bus'
 import { CursorSphere } from '../shared/cursor-sphere'
 
 const Y_OFFSET = 0.02
diff --git a/apps/editor/components/tools/tool-manager.tsx b/packages/editor/src/components/tools/tool-manager.tsx
similarity index 98%
rename from apps/editor/components/tools/tool-manager.tsx
rename to packages/editor/src/components/tools/tool-manager.tsx
index d5649386..bb4fa18b 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'
diff --git a/apps/editor/components/tools/wall/wall-tool.tsx b/packages/editor/src/components/tools/wall/wall-tool.tsx
similarity index 98%
rename from apps/editor/components/tools/wall/wall-tool.tsx
rename to packages/editor/src/components/tools/wall/wall-tool.tsx
index 6178e501..818fda12 100644
--- a/apps/editor/components/tools/wall/wall-tool.tsx
+++ b/packages/editor/src/components/tools/wall/wall-tool.tsx
@@ -2,8 +2,8 @@ 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 { EDITOR_LAYER } from '../../../lib/constants'
+import { sfxEmitter } from '../../../lib/sfx-bus'
 import { CursorSphere } from '../shared/cursor-sphere'
 
 const WALL_HEIGHT = 2.5
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 98%
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..79595b67 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,
diff --git a/apps/editor/components/tools/window/window-math.ts b/packages/editor/src/components/tools/window/window-math.ts
similarity index 100%
rename from apps/editor/components/tools/window/window-math.ts
rename to packages/editor/src/components/tools/window/window-math.ts
diff --git a/apps/editor/components/tools/window/window-tool.tsx b/packages/editor/src/components/tools/window/window-tool.tsx
similarity index 99%
rename from apps/editor/components/tools/window/window-tool.tsx
rename to packages/editor/src/components/tools/window/window-tool.tsx
index da7a45c4..c6c7cf1a 100644
--- a/apps/editor/components/tools/window/window-tool.tsx
+++ b/packages/editor/src/components/tools/window/window-tool.tsx
@@ -19,7 +19,7 @@ import {
   snapToHalf,
 } from '../item/placement-math'
 import { clampToWall, hasWallChildOverlap, wallLocalToWorld } from './window-math'
-import { EDITOR_LAYER } from '@/lib/constants'
+import { EDITOR_LAYER } from '../../../lib/constants'
 import { sfxEmitter } from '../../../lib/sfx-bus'
 
 // Shared edge material — reuse across renders, just toggle color
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 100%
rename from apps/editor/components/tools/zone/zone-boundary-editor.tsx
rename to packages/editor/src/components/tools/zone/zone-boundary-editor.tsx
diff --git a/apps/editor/components/tools/zone/zone-tool.tsx b/packages/editor/src/components/tools/zone/zone-tool.tsx
similarity index 98%
rename from apps/editor/components/tools/zone/zone-tool.tsx
rename to packages/editor/src/components/tools/zone/zone-tool.tsx
index 62ae22f1..02f7f135 100644
--- a/apps/editor/components/tools/zone/zone-tool.tsx
+++ b/packages/editor/src/components/tools/zone/zone-tool.tsx
@@ -2,10 +2,10 @@ import { emitter, type GridEvent, useScene, ZoneNode, type LevelNode } from "@pa
 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 { 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";
+import { PALETTE_COLORS } from "./../../../components/ui/primitives/color-dot";
 
 const Y_OFFSET = 0.02;
 
diff --git a/packages/editor/src/components/ui/action-menu/action-button.tsx b/packages/editor/src/components/ui/action-menu/action-button.tsx
new file mode 100644
index 00000000..67d33954
--- /dev/null
+++ b/packages/editor/src/components/ui/action-menu/action-button.tsx
@@ -0,0 +1,62 @@
+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";
+
+interface ActionButtonProps extends React.ComponentProps<typeof Button> {
+  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
+  ) => {
+    return (
+      <Tooltip>
+        <TooltipTrigger asChild>
+          <Button
+            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"
+              )}
+            >
+              {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">
+                  {shortcut}
+                </span>
+              </div>
+            )}
+          </Button>
+        </TooltipTrigger>
+        <TooltipContent side={tooltipSide}>
+          {tooltipContent || (
+            <p>
+              {label} {shortcut && `(${shortcut})`}
+            </p>
+          )}
+        </TooltipContent>
+      </Tooltip>
+    );
+  }
+);
+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 100%
rename from apps/editor/components/ui/action-menu/camera-actions.tsx
rename to packages/editor/src/components/ui/action-menu/camera-actions.tsx
diff --git a/apps/editor/components/ui/action-menu/control-modes.tsx b/packages/editor/src/components/ui/action-menu/control-modes.tsx
similarity index 96%
rename from apps/editor/components/ui/action-menu/control-modes.tsx
rename to packages/editor/src/components/ui/action-menu/control-modes.tsx
index 674985c4..2720b920 100644
--- a/apps/editor/components/ui/action-menu/control-modes.tsx
+++ b/packages/editor/src/components/ui/action-menu/control-modes.tsx
@@ -4,8 +4,8 @@ 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";
+import { cn } from "./../../../lib/utils";
+import useEditor, { Mode, Phase } from "./../../../store/use-editor";
 
 type ModeConfig = {
   id: Mode;
diff --git a/apps/editor/components/ui/action-menu/furnish-tools.tsx b/packages/editor/src/components/ui/action-menu/furnish-tools.tsx
similarity index 96%
rename from apps/editor/components/ui/action-menu/furnish-tools.tsx
rename to packages/editor/src/components/ui/action-menu/furnish-tools.tsx
index b6c7c774..f0b104ae 100644
--- a/apps/editor/components/ui/action-menu/furnish-tools.tsx
+++ b/packages/editor/src/components/ui/action-menu/furnish-tools.tsx
@@ -3,8 +3,8 @@
 import NextImage from "next/image";
 import { ActionButton } from "./action-button";
 
-import { cn } from "@/lib/utils";
-import useEditor, { CatalogCategory } from "@/store/use-editor";
+import { cn } from "./../../../lib/utils";
+import useEditor, { CatalogCategory } from "./../../../store/use-editor";
 
 export type FurnishToolConfig = {
   id: "item";
diff --git a/apps/editor/components/ui/action-menu/index.tsx b/packages/editor/src/components/ui/action-menu/index.tsx
similarity index 95%
rename from apps/editor/components/ui/action-menu/index.tsx
rename to packages/editor/src/components/ui/action-menu/index.tsx
index c5a14aff..5cb401e8 100644
--- a/apps/editor/components/ui/action-menu/index.tsx
+++ b/packages/editor/src/components/ui/action-menu/index.tsx
@@ -1,13 +1,13 @@
 "use client";
 
-import { TooltipProvider } from "@/components/ui/primitives/tooltip";
-import { cn } from "@/lib/utils";
+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 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";
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 95%
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..5d600c5d 100644
--- a/apps/editor/components/ui/action-menu/structure-tools.tsx
+++ b/packages/editor/src/components/ui/action-menu/structure-tools.tsx
@@ -3,9 +3,9 @@
 import NextImage from 'next/image'
 import { ActionButton } from "./action-button";
 
-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, { CatalogCategory, StructureTool, Tool } from '../../../store/use-editor'
+import { useContextualTools } from '../../../hooks/use-contextual-tools'
 
 export type ToolConfig = {
    id: StructureTool; iconSrc: string; label: string; catalogCategory?: CatalogCategory }
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 99%
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..b17785b2 100644
--- a/apps/editor/components/ui/action-menu/view-toggles.tsx
+++ b/packages/editor/src/components/ui/action-menu/view-toggles.tsx
@@ -3,7 +3,7 @@
 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'
 
 const levelModeLabels: Record<'stacked' | 'exploded' | 'solo', string> = {
   stacked: 'Stacked',
diff --git a/apps/editor/components/ui/command-palette/index.tsx b/packages/editor/src/components/ui/command-palette/index.tsx
similarity index 99%
rename from apps/editor/components/ui/command-palette/index.tsx
rename to packages/editor/src/components/ui/command-palette/index.tsx
index 2c27bf45..f17c665b 100644
--- a/apps/editor/components/ui/command-palette/index.tsx
+++ b/packages/editor/src/components/ui/command-palette/index.tsx
@@ -35,9 +35,9 @@ import {
   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 { 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";
diff --git a/apps/editor/components/ui/controls/action-button.tsx b/packages/editor/src/components/ui/controls/action-button.tsx
similarity index 95%
rename from apps/editor/components/ui/controls/action-button.tsx
rename to packages/editor/src/components/ui/controls/action-button.tsx
index e6ef6714..51a27185 100644
--- a/apps/editor/components/ui/controls/action-button.tsx
+++ b/packages/editor/src/components/ui/controls/action-button.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../../lib/utils'
 
 interface ActionButtonProps extends React.ButtonHTMLAttributes<HTMLButtonElement> {
   icon?: React.ReactNode
diff --git a/apps/editor/components/ui/controls/metric-control.tsx b/packages/editor/src/components/ui/controls/metric-control.tsx
similarity index 99%
rename from apps/editor/components/ui/controls/metric-control.tsx
rename to packages/editor/src/components/ui/controls/metric-control.tsx
index d0374beb..5e5278ec 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
diff --git a/apps/editor/components/ui/controls/panel-section.tsx b/packages/editor/src/components/ui/controls/panel-section.tsx
similarity index 95%
rename from apps/editor/components/ui/controls/panel-section.tsx
rename to packages/editor/src/components/ui/controls/panel-section.tsx
index 6e95a90d..1988032c 100644
--- a/apps/editor/components/ui/controls/panel-section.tsx
+++ b/packages/editor/src/components/ui/controls/panel-section.tsx
@@ -1,9 +1,9 @@
 'use client'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../../lib/utils'
 import { ChevronDown } from 'lucide-react'
 import { useState } from 'react'
-import { motion, AnimatePresence } from 'framer-motion'
+import { motion, AnimatePresence } from 'motion/react'
 
 interface PanelSectionProps {
   title: string
diff --git a/apps/editor/components/ui/controls/segmented-control.tsx b/packages/editor/src/components/ui/controls/segmented-control.tsx
similarity index 96%
rename from apps/editor/components/ui/controls/segmented-control.tsx
rename to packages/editor/src/components/ui/controls/segmented-control.tsx
index 729b5380..17625f13 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
diff --git a/apps/editor/components/ui/controls/slider-control.tsx b/packages/editor/src/components/ui/controls/slider-control.tsx
similarity index 99%
rename from apps/editor/components/ui/controls/slider-control.tsx
rename to packages/editor/src/components/ui/controls/slider-control.tsx
index 430d6e47..06e6a32d 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
diff --git a/apps/editor/components/ui/controls/toggle-control.tsx b/packages/editor/src/components/ui/controls/toggle-control.tsx
similarity index 96%
rename from apps/editor/components/ui/controls/toggle-control.tsx
rename to packages/editor/src/components/ui/controls/toggle-control.tsx
index 707fec07..07394b8b 100644
--- a/apps/editor/components/ui/controls/toggle-control.tsx
+++ b/packages/editor/src/components/ui/controls/toggle-control.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../../lib/utils'
 import { Check } from 'lucide-react'
 
 interface ToggleControlProps {
diff --git a/apps/editor/components/ui/helpers/ceiling-helper.tsx b/packages/editor/src/components/ui/helpers/ceiling-helper.tsx
similarity index 100%
rename from apps/editor/components/ui/helpers/ceiling-helper.tsx
rename to packages/editor/src/components/ui/helpers/ceiling-helper.tsx
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 100%
rename from apps/editor/components/ui/helpers/item-helper.tsx
rename to packages/editor/src/components/ui/helpers/item-helper.tsx
diff --git a/apps/editor/components/ui/helpers/roof-helper.tsx b/packages/editor/src/components/ui/helpers/roof-helper.tsx
similarity index 100%
rename from apps/editor/components/ui/helpers/roof-helper.tsx
rename to packages/editor/src/components/ui/helpers/roof-helper.tsx
diff --git a/apps/editor/components/ui/helpers/slab-helper.tsx b/packages/editor/src/components/ui/helpers/slab-helper.tsx
similarity index 100%
rename from apps/editor/components/ui/helpers/slab-helper.tsx
rename to packages/editor/src/components/ui/helpers/slab-helper.tsx
diff --git a/apps/editor/components/ui/helpers/wall-helper.tsx b/packages/editor/src/components/ui/helpers/wall-helper.tsx
similarity index 100%
rename from apps/editor/components/ui/helpers/wall-helper.tsx
rename to packages/editor/src/components/ui/helpers/wall-helper.tsx
diff --git a/apps/editor/components/ui/item-catalog/catalog-items.tsx b/packages/editor/src/components/ui/item-catalog/catalog-items.tsx
similarity index 100%
rename from apps/editor/components/ui/item-catalog/catalog-items.tsx
rename to packages/editor/src/components/ui/item-catalog/catalog-items.tsx
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 97%
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..f194fd62 100644
--- a/apps/editor/components/ui/item-catalog/item-catalog.tsx
+++ b/packages/editor/src/components/ui/item-catalog/item-catalog.tsx
@@ -8,9 +8,9 @@ import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/primitives/tooltip";
-import { cn } from "@/lib/utils";
-import useEditor, { CatalogCategory } from "@/store/use-editor";
+} from "./../../../components/ui/primitives/tooltip";
+import { cn } from "./../../../lib/utils";
+import useEditor, { CatalogCategory } from "./../../../store/use-editor";
 import { CATALOG_ITEMS } from "./catalog-items";
 
 const PLACEMENT_TAGS = new Set(["floor", "wall", "ceiling", "countertop"]);
diff --git a/apps/editor/components/ui/panels/ceiling-panel.tsx b/packages/editor/src/components/ui/panels/ceiling-panel.tsx
similarity index 99%
rename from apps/editor/components/ui/panels/ceiling-panel.tsx
rename to packages/editor/src/components/ui/panels/ceiling-panel.tsx
index 5a2d9a4c..046dbcfd 100644
--- a/apps/editor/components/ui/panels/ceiling-panel.tsx
+++ b/packages/editor/src/components/ui/panels/ceiling-panel.tsx
@@ -4,7 +4,7 @@ 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 useEditor from '../../../store/use-editor'
 
 import { PanelWrapper } from './panel-wrapper'
 import { PanelSection } from '../controls/panel-section'
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 97%
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..58c8da4d 100644
--- a/apps/editor/components/ui/panels/collections/collections-popover.tsx
+++ b/packages/editor/src/components/ui/panels/collections/collections-popover.tsx
@@ -4,10 +4,10 @@ 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 { 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 { 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'
 
 interface CollectionsPopoverProps {
   nodeId: AnyNodeId
diff --git a/apps/editor/components/ui/panels/door-panel.tsx b/packages/editor/src/components/ui/panels/door-panel.tsx
similarity index 99%
rename from apps/editor/components/ui/panels/door-panel.tsx
rename to packages/editor/src/components/ui/panels/door-panel.tsx
index 45ef66ce..5cac3802 100644
--- a/apps/editor/components/ui/panels/door-panel.tsx
+++ b/packages/editor/src/components/ui/panels/door-panel.tsx
@@ -4,8 +4,8 @@ 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 { sfxEmitter } from '../../../lib/sfx-bus'
+import useEditor from '../../../store/use-editor'
 
 import { PanelWrapper } from './panel-wrapper'
 import { PanelSection } from '../controls/panel-section'
diff --git a/apps/editor/components/ui/panels/item-panel.tsx b/packages/editor/src/components/ui/panels/item-panel.tsx
similarity index 98%
rename from apps/editor/components/ui/panels/item-panel.tsx
rename to packages/editor/src/components/ui/panels/item-panel.tsx
index 8bbf4d03..2902021f 100644
--- a/apps/editor/components/ui/panels/item-panel.tsx
+++ b/packages/editor/src/components/ui/panels/item-panel.tsx
@@ -4,9 +4,9 @@ import { getScaledDimensions, type AnyNode, ItemNode, useScene } from '@pascal-a
 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 useEditor from '../../../store/use-editor'
+import { sfxEmitter } from '../../../lib/sfx-bus'
+import { cn } from '../../../lib/utils'
 
 import { PanelWrapper } from './panel-wrapper'
 import { PanelSection } from '../controls/panel-section'
diff --git a/apps/editor/components/ui/panels/panel-manager.tsx b/packages/editor/src/components/ui/panels/panel-manager.tsx
similarity index 96%
rename from apps/editor/components/ui/panels/panel-manager.tsx
rename to packages/editor/src/components/ui/panels/panel-manager.tsx
index 08aa3862..2ef119d7 100644
--- a/apps/editor/components/ui/panels/panel-manager.tsx
+++ b/packages/editor/src/components/ui/panels/panel-manager.tsx
@@ -2,7 +2,7 @@
 
 import { 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 { ItemPanel } from './item-panel'
 import { ReferencePanel } from './reference-panel'
diff --git a/apps/editor/components/ui/panels/panel-wrapper.tsx b/packages/editor/src/components/ui/panels/panel-wrapper.tsx
similarity index 98%
rename from apps/editor/components/ui/panels/panel-wrapper.tsx
rename to packages/editor/src/components/ui/panels/panel-wrapper.tsx
index cee35cee..e517ec80 100644
--- a/apps/editor/components/ui/panels/panel-wrapper.tsx
+++ b/packages/editor/src/components/ui/panels/panel-wrapper.tsx
@@ -1,6 +1,6 @@
 'use client'
 
-import { cn } from '@/lib/utils'
+import { cn } from '../../../lib/utils'
 import { X, RotateCcw, Moon } from 'lucide-react'
 import Image from 'next/image'
 
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 97%
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..6f65ee53 100644
--- a/apps/editor/components/ui/panels/presets/presets-popover.tsx
+++ b/packages/editor/src/components/ui/panels/presets/presets-popover.tsx
@@ -3,10 +3,9 @@
 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 { DropdownMenu, DropdownMenuContent, DropdownMenuItem, DropdownMenuTrigger } from '../../primitives/dropdown-menu'
+import { Popover, PopoverContent, PopoverTrigger } from '../../primitives/popover'
+import { cn } from '../../../../lib/utils'
 
 export type PresetType = 'door' | 'window'
 
@@ -32,10 +31,10 @@ interface PresetsPopoverProps {
   /** Overwrite an existing preset's data with the current node state */
   onOverwrite: (id: string) => Promise<void>
   children: React.ReactNode
+  isAuthenticated?: boolean
 }
 
-export function PresetsPopover({ type, onApply, onSave, onOverwrite, children }: PresetsPopoverProps) {
-  const { isAuthenticated } = useAuth()
+export function PresetsPopover({ type, onApply, onSave, onOverwrite, children, isAuthenticated = false }: PresetsPopoverProps) {
   const [open, setOpen] = useState(false)
   const [tab, setTab] = useState<Tab>('community')
   const [presets, setPresets] = useState<PresetData[]>([])
diff --git a/apps/editor/components/ui/panels/reference-panel.tsx b/packages/editor/src/components/ui/panels/reference-panel.tsx
similarity index 98%
rename from apps/editor/components/ui/panels/reference-panel.tsx
rename to packages/editor/src/components/ui/panels/reference-panel.tsx
index 0ba76d12..b0bf34fc 100644
--- a/apps/editor/components/ui/panels/reference-panel.tsx
+++ b/packages/editor/src/components/ui/panels/reference-panel.tsx
@@ -3,7 +3,7 @@
 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 useEditor from '../../../store/use-editor'
 
 import { PanelWrapper } from './panel-wrapper'
 import { PanelSection } from '../controls/panel-section'
diff --git a/apps/editor/components/ui/panels/roof-panel.tsx b/packages/editor/src/components/ui/panels/roof-panel.tsx
similarity index 100%
rename from apps/editor/components/ui/panels/roof-panel.tsx
rename to packages/editor/src/components/ui/panels/roof-panel.tsx
diff --git a/apps/editor/components/ui/panels/slab-panel.tsx b/packages/editor/src/components/ui/panels/slab-panel.tsx
similarity index 99%
rename from apps/editor/components/ui/panels/slab-panel.tsx
rename to packages/editor/src/components/ui/panels/slab-panel.tsx
index 7845acb1..c5a180a4 100644
--- a/apps/editor/components/ui/panels/slab-panel.tsx
+++ b/packages/editor/src/components/ui/panels/slab-panel.tsx
@@ -4,7 +4,7 @@ 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 useEditor from '../../../store/use-editor'
 
 import { PanelWrapper } from './panel-wrapper'
 import { PanelSection } from '../controls/panel-section'
diff --git a/apps/editor/components/ui/panels/wall-panel.tsx b/packages/editor/src/components/ui/panels/wall-panel.tsx
similarity index 100%
rename from apps/editor/components/ui/panels/wall-panel.tsx
rename to packages/editor/src/components/ui/panels/wall-panel.tsx
diff --git a/apps/editor/components/ui/panels/window-panel.tsx b/packages/editor/src/components/ui/panels/window-panel.tsx
similarity index 99%
rename from apps/editor/components/ui/panels/window-panel.tsx
rename to packages/editor/src/components/ui/panels/window-panel.tsx
index ed1b55b1..d53b699e 100644
--- a/apps/editor/components/ui/panels/window-panel.tsx
+++ b/packages/editor/src/components/ui/panels/window-panel.tsx
@@ -4,8 +4,8 @@ import { type AnyNode, type AnyNodeId, WindowNode, emitter, useScene } from '@pa
 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 { sfxEmitter } from '../../../lib/sfx-bus'
+import useEditor from '../../../store/use-editor'
 
 import { PanelWrapper } from './panel-wrapper'
 import { PanelSection } from '../controls/panel-section'
diff --git a/packages/editor/src/components/ui/primitives/button.tsx b/packages/editor/src/components/ui/primitives/button.tsx
new file mode 100644
index 00000000..2b3d0564
--- /dev/null
+++ b/packages/editor/src/components/ui/primitives/button.tsx
@@ -0,0 +1,69 @@
+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'
+
+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",
+  {
+    variants: {
+      variant: {
+        default: 'bg-primary text-primary-foreground hover:bg-primary/90',
+        destructive:
+          'bg-destructive text-white hover:bg-destructive/90 focus-visible:ring-destructive/20 dark:bg-destructive/60 dark:focus-visible:ring-destructive/40',
+        outline:
+          'border bg-background shadow-xs hover:bg-accent hover:text-accent-foreground dark:border-input dark:bg-input/30 dark:hover:bg-input/50',
+        secondary: 'bg-secondary text-secondary-foreground hover:bg-secondary/80',
+        ghost: 'hover:bg-accent hover:text-accent-foreground dark:hover:bg-accent/50',
+        link: 'text-primary underline-offset-4 hover:underline',
+      },
+      size: {
+        default: 'h-9 px-4 py-2 has-[>svg]:px-3',
+        sm: 'h-8 gap-1.5 rounded-md px-3 has-[>svg]:px-2.5',
+        lg: 'h-10 rounded-md px-6 has-[>svg]:px-4',
+        icon: 'size-9',
+        'icon-sm': 'size-8',
+        'icon-lg': 'size-10',
+      },
+    },
+    defaultVariants: {
+      variant: 'default',
+      size: 'default',
+    },
+  },
+)
+
+function Button({
+  className,
+  variant,
+  size,
+  asChild = false,
+  ref,
+  ...props
+}: React.ComponentProps<'button'> &
+  VariantProps<typeof buttonVariants> & {
+    asChild?: boolean
+  }) {
+  if (asChild) {
+    return (
+      <Slot
+        className={cn(buttonVariants({ variant, size, className }))}
+        data-slot="button"
+        ref={ref as never}
+        {...props}
+      />
+    )
+  }
+
+  return (
+    <button
+      className={cn(buttonVariants({ variant, size, className }))}
+      data-slot="button"
+      ref={ref}
+      {...props}
+    />
+  )
+}
+
+export { Button, buttonVariants }
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 97%
rename from apps/editor/components/ui/primitives/color-dot.tsx
rename to packages/editor/src/components/ui/primitives/color-dot.tsx
index 8d21fd59..6541da75 100644
--- a/apps/editor/components/ui/primitives/color-dot.tsx
+++ b/packages/editor/src/components/ui/primitives/color-dot.tsx
@@ -2,7 +2,7 @@
 
 import { useState } from 'react'
 import { Popover, PopoverContent, PopoverTrigger } from './popover'
-import { cn } from '@/lib/utils'
+import { cn } from '../../../lib/utils'
 
 export const PALETTE_COLORS = [
   '#ef4444', // Red        0°
diff --git a/apps/editor/components/ui/primitives/context-menu.tsx b/packages/editor/src/components/ui/primitives/context-menu.tsx
similarity index 99%
rename from apps/editor/components/ui/primitives/context-menu.tsx
rename to packages/editor/src/components/ui/primitives/context-menu.tsx
index ca2c8082..32ecb518 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} />
diff --git a/packages/editor/src/components/ui/primitives/dialog.tsx b/packages/editor/src/components/ui/primitives/dialog.tsx
new file mode 100644
index 00000000..e88503f6
--- /dev/null
+++ b/packages/editor/src/components/ui/primitives/dialog.tsx
@@ -0,0 +1,129 @@
+'use client'
+
+import * as DialogPrimitive from '@radix-ui/react-dialog'
+import { XIcon } from 'lucide-react'
+import type * as React from 'react'
+
+import { cn } from '../../../lib/utils'
+
+function Dialog({ ...props }: React.ComponentProps<typeof DialogPrimitive.Root>) {
+  return <DialogPrimitive.Root data-slot="dialog" {...props} />
+}
+
+function DialogTrigger({ ...props }: React.ComponentProps<typeof DialogPrimitive.Trigger>) {
+  return <DialogPrimitive.Trigger data-slot="dialog-trigger" {...props} />
+}
+
+function DialogPortal({ ...props }: React.ComponentProps<typeof DialogPrimitive.Portal>) {
+  return <DialogPrimitive.Portal data-slot="dialog-portal" {...props} />
+}
+
+function DialogClose({ ...props }: React.ComponentProps<typeof DialogPrimitive.Close>) {
+  return <DialogPrimitive.Close data-slot="dialog-close" {...props} />
+}
+
+function DialogOverlay({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Overlay>) {
+  return (
+    <DialogPrimitive.Overlay
+      className={cn(
+        'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 fixed inset-0 z-50 bg-black/50 data-[state=closed]:animate-out data-[state=open]:animate-in',
+        className,
+      )}
+      data-slot="dialog-overlay"
+      {...props}
+    />
+  )
+}
+
+function DialogContent({
+  className,
+  children,
+  showCloseButton = true,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Content> & {
+  showCloseButton?: boolean
+}) {
+  return (
+    <DialogPortal data-slot="dialog-portal">
+      <DialogOverlay />
+      <DialogPrimitive.Content
+        className={cn(
+          'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-95 fixed top-[50%] left-[50%] z-50 grid w-full max-w-[calc(100%-2rem)] translate-x-[-50%] translate-y-[-50%] gap-4 rounded-lg border bg-background p-6 shadow-lg duration-200 data-[state=closed]:animate-out data-[state=open]:animate-in sm:max-w-lg',
+          className,
+        )}
+        data-slot="dialog-content"
+        {...props}
+      >
+        {children}
+        {showCloseButton && (
+          <DialogPrimitive.Close
+            className="absolute top-4 right-4 rounded-xs opacity-70 ring-offset-background transition-opacity hover:opacity-100 focus:outline-hidden focus:ring-2 focus:ring-ring focus:ring-offset-2 disabled:pointer-events-none data-[state=open]:bg-accent data-[state=open]:text-muted-foreground [&_svg:not([class*='size-'])]:size-4 [&_svg]:pointer-events-none [&_svg]:shrink-0"
+            data-slot="dialog-close"
+          >
+            <XIcon />
+            <span className="sr-only">Close</span>
+          </DialogPrimitive.Close>
+        )}
+      </DialogPrimitive.Content>
+    </DialogPortal>
+  )
+}
+
+function DialogHeader({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      className={cn('flex flex-col gap-2 text-center sm:text-left', className)}
+      data-slot="dialog-header"
+      {...props}
+    />
+  )
+}
+
+function DialogFooter({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      className={cn('flex flex-col-reverse gap-2 sm:flex-row sm:justify-end', className)}
+      data-slot="dialog-footer"
+      {...props}
+    />
+  )
+}
+
+function DialogTitle({ className, ...props }: React.ComponentProps<typeof DialogPrimitive.Title>) {
+  return (
+    <DialogPrimitive.Title
+      className={cn('font-semibold text-lg leading-none', className)}
+      data-slot="dialog-title"
+      {...props}
+    />
+  )
+}
+
+function DialogDescription({
+  className,
+  ...props
+}: React.ComponentProps<typeof DialogPrimitive.Description>) {
+  return (
+    <DialogPrimitive.Description
+      className={cn('text-muted-foreground text-sm', className)}
+      data-slot="dialog-description"
+      {...props}
+    />
+  )
+}
+
+export {
+  Dialog,
+  DialogClose,
+  DialogContent,
+  DialogDescription,
+  DialogFooter,
+  DialogHeader,
+  DialogOverlay,
+  DialogPortal,
+  DialogTitle,
+  DialogTrigger,
+}
diff --git a/packages/editor/src/components/ui/primitives/dropdown-menu.tsx b/packages/editor/src/components/ui/primitives/dropdown-menu.tsx
new file mode 100644
index 00000000..facfff2a
--- /dev/null
+++ b/packages/editor/src/components/ui/primitives/dropdown-menu.tsx
@@ -0,0 +1,228 @@
+'use client'
+
+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'
+
+function DropdownMenu({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Root>) {
+  return <DropdownMenuPrimitive.Root data-slot="dropdown-menu" {...props} />
+}
+
+function DropdownMenuPortal({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Portal>) {
+  return <DropdownMenuPrimitive.Portal data-slot="dropdown-menu-portal" {...props} />
+}
+
+function DropdownMenuTrigger({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Trigger>) {
+  return <DropdownMenuPrimitive.Trigger data-slot="dropdown-menu-trigger" {...props} />
+}
+
+function DropdownMenuContent({
+  className,
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Content>) {
+  return (
+    <DropdownMenuPrimitive.Portal>
+      <DropdownMenuPrimitive.Content
+        className={cn(
+          'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 max-h-(--radix-dropdown-menu-content-available-height) min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-y-auto overflow-x-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-md data-[state=closed]:animate-out data-[state=open]:animate-in',
+          className,
+        )}
+        data-slot="dropdown-menu-content"
+        sideOffset={sideOffset}
+        {...props}
+      />
+    </DropdownMenuPrimitive.Portal>
+  )
+}
+
+function DropdownMenuGroup({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Group>) {
+  return <DropdownMenuPrimitive.Group data-slot="dropdown-menu-group" {...props} />
+}
+
+function DropdownMenuItem({
+  className,
+  inset,
+  variant = 'default',
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Item> & {
+  inset?: boolean
+  variant?: 'default' | 'destructive'
+}) {
+  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!",
+        className,
+      )}
+      data-inset={inset}
+      data-slot="dropdown-menu-item"
+      data-variant={variant}
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuCheckboxItem({
+  className,
+  children,
+  checked,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.CheckboxItem>) {
+  return (
+    <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",
+        className,
+      )}
+      data-slot="dropdown-menu-checkbox-item"
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+        <DropdownMenuPrimitive.ItemIndicator>
+          <CheckIcon className="size-4" />
+        </DropdownMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </DropdownMenuPrimitive.CheckboxItem>
+  )
+}
+
+function DropdownMenuRadioGroup({
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioGroup>) {
+  return <DropdownMenuPrimitive.RadioGroup data-slot="dropdown-menu-radio-group" {...props} />
+}
+
+function DropdownMenuRadioItem({
+  className,
+  children,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.RadioItem>) {
+  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",
+        className,
+      )}
+      data-slot="dropdown-menu-radio-item"
+      {...props}
+    >
+      <span className="pointer-events-none absolute left-2 flex size-3.5 items-center justify-center">
+        <DropdownMenuPrimitive.ItemIndicator>
+          <CircleIcon className="size-2 fill-current" />
+        </DropdownMenuPrimitive.ItemIndicator>
+      </span>
+      {children}
+    </DropdownMenuPrimitive.RadioItem>
+  )
+}
+
+function DropdownMenuLabel({
+  className,
+  inset,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Label> & {
+  inset?: boolean
+}) {
+  return (
+    <DropdownMenuPrimitive.Label
+      className={cn('px-2 py-1.5 font-medium font-barlow text-sm data-inset:pl-8', className)}
+      data-inset={inset}
+      data-slot="dropdown-menu-label"
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuSeparator({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.Separator>) {
+  return (
+    <DropdownMenuPrimitive.Separator
+      className={cn('-mx-1 my-1 h-px bg-border', className)}
+      data-slot="dropdown-menu-separator"
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuShortcut({ className, ...props }: React.ComponentProps<'span'>) {
+  return (
+    <span
+      className={cn('ml-auto text-muted-foreground text-xs tracking-widest', className)}
+      data-slot="dropdown-menu-shortcut"
+      {...props}
+    />
+  )
+}
+
+function DropdownMenuSub({ ...props }: React.ComponentProps<typeof DropdownMenuPrimitive.Sub>) {
+  return <DropdownMenuPrimitive.Sub data-slot="dropdown-menu-sub" {...props} />
+}
+
+function DropdownMenuSubTrigger({
+  className,
+  inset,
+  children,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.SubTrigger> & {
+  inset?: boolean
+}) {
+  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",
+        className,
+      )}
+      data-inset={inset}
+      data-slot="dropdown-menu-sub-trigger"
+      {...props}
+    >
+      {children}
+      <ChevronRightIcon className="ml-auto size-4" />
+    </DropdownMenuPrimitive.SubTrigger>
+  )
+}
+
+function DropdownMenuSubContent({
+  className,
+  ...props
+}: React.ComponentProps<typeof DropdownMenuPrimitive.SubContent>) {
+  return (
+    <DropdownMenuPrimitive.SubContent
+      className={cn(
+        'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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 min-w-32 origin-(--radix-dropdown-menu-content-transform-origin) overflow-hidden rounded-md border bg-popover p-1 text-popover-foreground shadow-lg data-[state=closed]:animate-out data-[state=open]:animate-in',
+        className,
+      )}
+      data-slot="dropdown-menu-sub-content"
+      {...props}
+    />
+  )
+}
+
+export {
+  DropdownMenu,
+  DropdownMenuPortal,
+  DropdownMenuTrigger,
+  DropdownMenuContent,
+  DropdownMenuGroup,
+  DropdownMenuLabel,
+  DropdownMenuItem,
+  DropdownMenuCheckboxItem,
+  DropdownMenuRadioGroup,
+  DropdownMenuRadioItem,
+  DropdownMenuSeparator,
+  DropdownMenuShortcut,
+  DropdownMenuSub,
+  DropdownMenuSubTrigger,
+  DropdownMenuSubContent,
+}
diff --git a/packages/editor/src/components/ui/primitives/error-boundary.tsx b/packages/editor/src/components/ui/primitives/error-boundary.tsx
new file mode 100644
index 00000000..063d4a1b
--- /dev/null
+++ b/packages/editor/src/components/ui/primitives/error-boundary.tsx
@@ -0,0 +1,53 @@
+'use client'
+
+import React, { Component, ErrorInfo, ReactNode } from 'react'
+
+interface Props {
+  children?: ReactNode
+  fallback?: ReactNode
+}
+
+interface State {
+  hasError: boolean
+  error: Error | null
+}
+
+export class ErrorBoundary extends Component<Props, State> {
+  public state: State = {
+    hasError: false,
+    error: null,
+  }
+
+  public static getDerivedStateFromError(error: Error): State {
+    return { hasError: true, error }
+  }
+
+  public componentDidCatch(error: Error, errorInfo: ErrorInfo) {
+    console.error('Uncaught error:', error, errorInfo)
+  }
+
+  public render() {
+    if (this.state.hasError) {
+      if (this.props.fallback) {
+        return this.props.fallback
+      }
+      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">
+            {this.state.error?.message}
+          </pre>
+          <button
+            className="mt-4 rounded bg-blue-600 px-4 py-2 hover:bg-blue-700"
+            onClick={() => this.setState({ hasError: false, error: null })}
+          >
+            Try again
+          </button>
+        </div>
+      )
+    }
+
+    return this.props.children
+  }
+}
+
diff --git a/packages/editor/src/components/ui/primitives/input.tsx b/packages/editor/src/components/ui/primitives/input.tsx
new file mode 100644
index 00000000..e1be92da
--- /dev/null
+++ b/packages/editor/src/components/ui/primitives/input.tsx
@@ -0,0 +1,21 @@
+import type * as React from 'react'
+
+import { cn } from '../../../lib/utils'
+
+function Input({ className, type, ...props }: React.ComponentProps<'input'>) {
+  return (
+    <input
+      className={cn(
+        'h-9 w-full min-w-0 rounded-md border border-input bg-transparent px-3 py-1 text-base shadow-xs outline-none transition-[color,box-shadow] selection:bg-primary selection:text-primary-foreground file:inline-flex file:h-7 file:border-0 file:bg-transparent file:font-medium file:text-foreground file:text-sm placeholder:text-muted-foreground disabled:pointer-events-none disabled:cursor-not-allowed disabled:opacity-50 md:text-sm dark:bg-input/30',
+        'focus-visible:border-ring focus-visible:ring-[3px] focus-visible:ring-ring/50',
+        'aria-invalid:border-destructive aria-invalid:ring-destructive/20 dark:aria-invalid:ring-destructive/40',
+        className,
+      )}
+      data-slot="input"
+      type={type}
+      {...props}
+    />
+  )
+}
+
+export { Input }
diff --git a/apps/editor/components/ui/primitives/number-input.tsx b/packages/editor/src/components/ui/primitives/number-input.tsx
similarity index 100%
rename from apps/editor/components/ui/primitives/number-input.tsx
rename to packages/editor/src/components/ui/primitives/number-input.tsx
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/packages/editor/src/components/ui/primitives/popover.tsx b/packages/editor/src/components/ui/primitives/popover.tsx
new file mode 100644
index 00000000..3f5bb217
--- /dev/null
+++ b/packages/editor/src/components/ui/primitives/popover.tsx
@@ -0,0 +1,42 @@
+'use client'
+
+import * as PopoverPrimitive from '@radix-ui/react-popover'
+import type * as React from 'react'
+
+import { cn } from '../../../lib/utils'
+
+function Popover({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Root>) {
+  return <PopoverPrimitive.Root data-slot="popover" {...props} />
+}
+
+function PopoverTrigger({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Trigger>) {
+  return <PopoverPrimitive.Trigger data-slot="popover-trigger" {...props} />
+}
+
+function PopoverContent({
+  className,
+  align = 'center',
+  sideOffset = 4,
+  ...props
+}: React.ComponentProps<typeof PopoverPrimitive.Content>) {
+  return (
+    <PopoverPrimitive.Portal>
+      <PopoverPrimitive.Content
+        align={align}
+        className={cn(
+          'data-[state=closed]:fade-out-0 data-[state=open]:fade-in-0 data-[state=closed]:zoom-out-95 data-[state=open]:zoom-in-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-72 origin-(--radix-popover-content-transform-origin) rounded-md border bg-popover p-4 text-popover-foreground shadow-md outline-hidden data-[state=closed]:animate-out data-[state=open]:animate-in',
+          className,
+        )}
+        data-slot="popover-content"
+        sideOffset={sideOffset}
+        {...props}
+      />
+    </PopoverPrimitive.Portal>
+  )
+}
+
+function PopoverAnchor({ ...props }: React.ComponentProps<typeof PopoverPrimitive.Anchor>) {
+  return <PopoverPrimitive.Anchor data-slot="popover-anchor" {...props} />
+}
+
+export { Popover, PopoverTrigger, PopoverContent, PopoverAnchor }
diff --git a/packages/editor/src/components/ui/primitives/separator.tsx b/packages/editor/src/components/ui/primitives/separator.tsx
new file mode 100644
index 00000000..e7ac1c01
--- /dev/null
+++ b/packages/editor/src/components/ui/primitives/separator.tsx
@@ -0,0 +1,28 @@
+'use client'
+
+import * as SeparatorPrimitive from '@radix-ui/react-separator'
+import type * as React from 'react'
+
+import { cn } from '../../../lib/utils'
+
+function Separator({
+  className,
+  orientation = 'horizontal',
+  decorative = true,
+  ...props
+}: React.ComponentProps<typeof SeparatorPrimitive.Root>) {
+  return (
+    <SeparatorPrimitive.Root
+      className={cn(
+        'shrink-0 bg-border data-[orientation=horizontal]:h-px data-[orientation=vertical]:h-full data-[orientation=horizontal]:w-full data-[orientation=vertical]:w-px',
+        className,
+      )}
+      data-slot="separator"
+      decorative={decorative}
+      orientation={orientation}
+      {...props}
+    />
+  )
+}
+
+export { Separator }
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 98%
rename from apps/editor/components/ui/primitives/sidebar.tsx
rename to packages/editor/src/components/ui/primitives/sidebar.tsx
index fda56db9..26ee7c05 100644
--- a/apps/editor/components/ui/primitives/sidebar.tsx
+++ b/packages/editor/src/components/ui/primitives/sidebar.tsx
@@ -6,25 +6,25 @@ 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 { 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;
diff --git a/packages/editor/src/components/ui/primitives/skeleton.tsx b/packages/editor/src/components/ui/primitives/skeleton.tsx
new file mode 100644
index 00000000..bc05858f
--- /dev/null
+++ b/packages/editor/src/components/ui/primitives/skeleton.tsx
@@ -0,0 +1,13 @@
+import { cn } from '../../../lib/utils'
+
+function Skeleton({ className, ...props }: React.ComponentProps<'div'>) {
+  return (
+    <div
+      className={cn('animate-pulse rounded-md bg-accent', className)}
+      data-slot="skeleton"
+      {...props}
+    />
+  )
+}
+
+export { Skeleton }
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/packages/editor/src/components/ui/primitives/switch.tsx b/packages/editor/src/components/ui/primitives/switch.tsx
new file mode 100644
index 00000000..5e1d8e57
--- /dev/null
+++ b/packages/editor/src/components/ui/primitives/switch.tsx
@@ -0,0 +1,30 @@
+"use client"
+
+import * as React from "react"
+import * as SwitchPrimitives from "@radix-ui/react-switch"
+
+import { cn } from "./../../../lib/utils"
+
+const Switch = React.forwardRef<
+  React.ElementRef<typeof SwitchPrimitives.Root>,
+  React.ComponentPropsWithoutRef<typeof SwitchPrimitives.Root>
+>(({ 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
+    )}
+    {...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"
+      )}
+    />
+  </SwitchPrimitives.Root>
+))
+Switch.displayName = SwitchPrimitives.Root.displayName
+
+export { Switch }
+
diff --git a/packages/editor/src/components/ui/primitives/tooltip.tsx b/packages/editor/src/components/ui/primitives/tooltip.tsx
new file mode 100644
index 00000000..762affe3
--- /dev/null
+++ b/packages/editor/src/components/ui/primitives/tooltip.tsx
@@ -0,0 +1,57 @@
+'use client'
+
+import * as TooltipPrimitive from '@radix-ui/react-tooltip'
+import type * as React from 'react'
+
+import { cn } from '../../../lib/utils'
+
+function TooltipProvider({
+  delayDuration = 0,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Provider>) {
+  return (
+    <TooltipPrimitive.Provider
+      data-slot="tooltip-provider"
+      delayDuration={delayDuration}
+      {...props}
+    />
+  )
+}
+
+function Tooltip({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Root>) {
+  return (
+    <TooltipProvider>
+      <TooltipPrimitive.Root data-slot="tooltip" {...props} />
+    </TooltipProvider>
+  )
+}
+
+function TooltipTrigger({ ...props }: React.ComponentProps<typeof TooltipPrimitive.Trigger>) {
+  return <TooltipPrimitive.Trigger data-slot="tooltip-trigger" {...props} />
+}
+
+function TooltipContent({
+  className,
+  sideOffset = 0,
+  children,
+  ...props
+}: React.ComponentProps<typeof TooltipPrimitive.Content>) {
+  return (
+    <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',
+          className,
+        )}
+        data-slot="tooltip-content"
+        sideOffset={sideOffset}
+        {...props}
+      >
+        {children}
+        <TooltipPrimitive.Arrow className="z-50 size-2.5 translate-y-[calc(-50%_-_2px)] rotate-45 rounded-[2px] bg-foreground fill-foreground" />
+      </TooltipPrimitive.Content>
+    </TooltipPrimitive.Portal>
+  )
+}
+
+export { Tooltip, TooltipTrigger, TooltipContent, TooltipProvider }
diff --git a/apps/editor/components/ui/scene-loader.tsx b/packages/editor/src/components/ui/scene-loader.tsx
similarity index 96%
rename from apps/editor/components/ui/scene-loader.tsx
rename to packages/editor/src/components/ui/scene-loader.tsx
index 14530033..8a6fefe1 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',
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..e8f593c9
--- /dev/null
+++ b/packages/editor/src/components/ui/sidebar/app-sidebar.tsx
@@ -0,0 +1,73 @@
+"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}
+            onPanelChange={setActivePanel}
+            appMenuButton={appMenuButton}
+          />
+
+          {/* Panel Content */}
+          <div className="flex flex-1 flex-col overflow-hidden">
+            {sidebarTop && (
+              <SidebarHeader className="flex-col items-start justify-center px-3 py-3 gap-1 border-b border-border/50 relative">
+                {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..9a4c3ddc
--- /dev/null
+++ b/packages/editor/src/components/ui/sidebar/icon-rail.tsx
@@ -0,0 +1,112 @@
+"use client";
+
+import { Moon, Sun } from "lucide-react";
+import { type ReactNode, useEffect, useState } from "react";
+import { motion } from "framer-motion";
+import {
+  Tooltip,
+  TooltipContent,
+  TooltipTrigger,
+} from "./../../../components/ui/primitives/tooltip";
+import { cn } from "./../../../lib/utils";
+import { useViewer } from "@pascal-app/viewer";
+
+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="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>
+  );
+}
+
+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 91%
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..84eea6dd 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,8 +1,8 @@
 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()
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 87%
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..bf922d9a 100644
--- a/apps/editor/components/ui/sidebar/panels/settings-panel/index.tsx
+++ b/packages/editor/src/components/ui/sidebar/panels/settings-panel/index.tsx
@@ -10,19 +10,17 @@ import {
   useRef,
   useState,
 } from "react";
-import { Button } from "@/components/ui/primitives/button";
+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";
+} 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";
 
 type SceneNode = Record<string, unknown> & {
   id?: unknown;
@@ -157,7 +155,19 @@ const buildSceneGraphValue = (
   };
 };
 
-export function SettingsPanel() {
+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);
@@ -166,7 +176,6 @@ export function SettingsPanel() {
   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);
   const sceneGraphValue = useMemo(
     () => buildSceneGraphValue(nodes as Record<string, SceneNode>, rootNodeIds),
@@ -186,8 +195,7 @@ export function SettingsPanel() {
     [],
   );
 
-  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) {
@@ -248,21 +256,7 @@ export function SettingsPanel() {
     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 (
@@ -277,11 +271,11 @@ export function SettingsPanel() {
             <div>
               <div className="text-sm font-medium">Public</div>
               <div className="text-xs text-muted-foreground">
-                {activeProject?.is_private ? 'Only you' : 'Anyone'} can view
+                {projectVisibility?.isPrivate ? 'Only you' : 'Anyone'} can view
               </div>
             </div>
             <Switch
-              checked={!activeProject?.is_private}
+              checked={!(projectVisibility?.isPrivate ?? false)}
               onCheckedChange={(checked) => handleVisibilityChange('isPrivate', !checked)}
             />
           </div>
@@ -293,7 +287,7 @@ export function SettingsPanel() {
               </div>
             </div>
             <Switch
-              checked={activeProject?.show_scans_public ?? true}
+              checked={projectVisibility?.showScansPublic ?? true}
               onCheckedChange={(checked) => handleVisibilityChange('showScansPublic', checked)}
             />
           </div>
@@ -305,7 +299,7 @@ export function SettingsPanel() {
               </div>
             </div>
             <Switch
-              checked={activeProject?.show_guides_public ?? true}
+              checked={projectVisibility?.showGuidesPublic ?? true}
               onCheckedChange={(checked) => handleVisibilityChange('showGuidesPublic', checked)}
             />
           </div>
@@ -345,16 +339,6 @@ export function SettingsPanel() {
           <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>
-          )}
           <Button
             className="w-full justify-start gap-2"
             onClick={handleGenerateThumbnail}
diff --git a/apps/editor/components/ui/sidebar/panels/settings-panel/keyboard-shortcuts-dialog.tsx b/packages/editor/src/components/ui/sidebar/panels/settings-panel/keyboard-shortcuts-dialog.tsx
similarity index 97%
rename from apps/editor/components/ui/sidebar/panels/settings-panel/keyboard-shortcuts-dialog.tsx
rename to packages/editor/src/components/ui/sidebar/panels/settings-panel/keyboard-shortcuts-dialog.tsx
index 4cf9aa89..25b07258 100644
--- a/apps/editor/components/ui/sidebar/panels/settings-panel/keyboard-shortcuts-dialog.tsx
+++ b/packages/editor/src/components/ui/sidebar/panels/settings-panel/keyboard-shortcuts-dialog.tsx
@@ -1,6 +1,6 @@
 import { Keyboard } from "lucide-react";
 import { useEffect, useState } from "react";
-import { Button } from "@/components/ui/primitives/button";
+import { Button } from "./../../../../../components/ui/primitives/button";
 import {
   Dialog,
   DialogContent,
@@ -8,7 +8,7 @@ import {
   DialogHeader,
   DialogTitle,
   DialogTrigger,
-} from "@/components/ui/primitives/dialog";
+} from "./../../../../../components/ui/primitives/dialog";
 
 type Shortcut = {
   keys: string[];
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 97%
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..3160240e 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
@@ -8,7 +8,7 @@ import {
   Tooltip,
   TooltipContent,
   TooltipTrigger,
-} from "@/components/ui/primitives/tooltip";
+} from "./../../../../../components/ui/primitives/tooltip";
 
 interface BuildingTreeNodeProps {
   node: BuildingNode;
diff --git a/apps/editor/components/ui/sidebar/panels/site-panel/ceiling-tree-node.tsx b/packages/editor/src/components/ui/sidebar/panels/site-panel/ceiling-tree-node.tsx
similarity index 98%
rename from apps/editor/components/ui/sidebar/panels/site-panel/ceiling-tree-node.tsx
rename to packages/editor/src/components/ui/sidebar/panels/site-panel/ceiling-tree-node.tsx
index 70942b6c..0c1cfb46 100644
--- a/apps/editor/components/ui/sidebar/panels/site-panel/ceiling-tree-node.tsx
+++ b/packages/editor/src/components/ui/sidebar/panels/site-panel/ceiling-tree-node.tsx
@@ -2,7 +2,7 @@ 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 useEditor from "./../../../../../store/use-editor";
 import { InlineRenameInput } from "./inline-rename-input";
 import { TreeNode, TreeNodeWrapper, handleTreeSelection } from "./tree-node";
 import { TreeNodeActions } from "./tree-node-actions";
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 97%
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..fc9ae31e 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
@@ -4,7 +4,7 @@ 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 useEditor from "./../../../../../store/use-editor"
 import { InlineRenameInput } from "./inline-rename-input"
 import { TreeNodeWrapper, handleTreeSelection } from "./tree-node"
 import { TreeNodeActions } from "./tree-node-actions"
diff --git a/apps/editor/components/ui/sidebar/panels/site-panel/index.tsx b/packages/editor/src/components/ui/sidebar/panels/site-panel/index.tsx
similarity index 95%
rename from apps/editor/components/ui/sidebar/panels/site-panel/index.tsx
rename to packages/editor/src/components/ui/sidebar/panels/site-panel/index.tsx
index 55482c97..97bf7953 100644
--- a/apps/editor/components/ui/sidebar/panels/site-panel/index.tsx
+++ b/packages/editor/src/components/ui/sidebar/panels/site-panel/index.tsx
@@ -27,21 +27,18 @@ import {
   X,
 } from "lucide-react";
 import { useState, useEffect, useRef } from "react";
-import { cn } from "@/lib/utils";
-import useEditor from "@/store/use-editor";
+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 { useUploadStore } from '../../../../../store/use-upload';
 import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@/components/ui/primitives/popover";
+} from "./../../../../../components/ui/primitives/popover";
 import { motion, AnimatePresence, LayoutGroup } from "motion/react";
-import { ColorDot } from "@/components/ui/primitives/color-dot";
+import { ColorDot } from "./../../../../../components/ui/primitives/color-dot";
 
 // ============================================================================
 // PROPERTY LINE SECTION
@@ -355,11 +352,18 @@ function ReferenceItem({ refNode, isLastRow, setSelectedReferenceId, handleDelet
 
 const MAX_FILE_SIZE = 200 * 1024 * 1024; // 200MB
 
-function LevelReferences({ levelId, isLastLevel }: { levelId: string, isLastLevel?: boolean }) {
+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 activeProject = useProjectStore((s) => s.activeProject);
   const uploadState = useUploadStore((s) => s.uploads[levelId]);
   const clearUpload = useUploadStore((s) => s.clearUpload);
 
@@ -382,7 +386,6 @@ function LevelReferences({ levelId, isLastLevel }: { levelId: string, isLastLeve
     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.');
@@ -408,20 +411,19 @@ function LevelReferences({ levelId, isLastLevel }: { levelId: string, isLastLeve
     const type = isScan ? 'scan' : 'guide';
 
     clearUpload(levelId);
-    uploadAssetWithProgress(projectId, levelId, file, type);
+    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;
-    const projectId = activeProject?.id;
 
     if (
       projectId &&
       refNode?.url &&
       (refNode.url.startsWith('http://') || refNode.url.startsWith('https://'))
     ) {
-      deleteProjectAssetByUrl(projectId, refNode.url);
+      onDeleteAsset?.(projectId, refNode.url);
     }
     deleteNode(nodeId as AnyNodeId);
   };
@@ -489,6 +491,9 @@ function LevelItem({
   deleteNode,
   updateNode,
   isLast,
+  projectId,
+  onUploadAsset,
+  onDeleteAsset,
 }: {
   level: LevelNode;
   selectedLevelId: string | null;
@@ -496,6 +501,9 @@ function LevelItem({
   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);
@@ -676,7 +684,7 @@ function LevelItem({
             transition={{ type: "spring", bounce: 0, duration: 0.3 }}
             className="overflow-hidden"
           >
-            <LevelReferences levelId={level.id} isLastLevel={isLast} />
+            <LevelReferences levelId={level.id} isLastLevel={isLast} projectId={projectId} onUploadAsset={onUploadAsset} onDeleteAsset={onDeleteAsset} />
           </motion.div>
         )}
       </AnimatePresence>
@@ -684,7 +692,15 @@ function LevelItem({
   );
 }
 
-function LevelsSection() {
+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);
@@ -749,6 +765,9 @@ function LevelsSection() {
             deleteNode={deleteNode}
             updateNode={updateNode}
             isLast={index === levels.length - 1}
+            projectId={projectId}
+            onUploadAsset={onUploadAsset}
+            onDeleteAsset={onDeleteAsset}
           />
         ))}
       </div>
@@ -1137,11 +1156,17 @@ function BuildingItem({
   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);
@@ -1269,7 +1294,7 @@ function BuildingItem({
           >
             <div className="flex flex-col flex-1 min-h-0 w-full">
               <div className="shrink-0 flex flex-col">
-                <LevelsSection />
+                <LevelsSection projectId={projectId} onUploadAsset={onUploadAsset} onDeleteAsset={onDeleteAsset} />
                 <LayerToggle />
               </div>
               <div className="flex-1 overflow-y-auto overflow-x-hidden min-h-0 relative">
@@ -1284,7 +1309,13 @@ function BuildingItem({
   );
 }
 
-export function SitePanel() {
+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);
@@ -1369,6 +1400,9 @@ export function SitePanel() {
                     isBuildingActive={isBuildingActive}
                     buildingCameraOpen={buildingCameraOpen}
                     setBuildingCameraOpen={setBuildingCameraOpen}
+                    projectId={projectId}
+                    onUploadAsset={onUploadAsset}
+                    onDeleteAsset={onDeleteAsset}
                   />
                 );
               })}
diff --git a/apps/editor/components/ui/sidebar/panels/site-panel/inline-rename-input.tsx b/packages/editor/src/components/ui/sidebar/panels/site-panel/inline-rename-input.tsx
similarity index 98%
rename from apps/editor/components/ui/sidebar/panels/site-panel/inline-rename-input.tsx
rename to packages/editor/src/components/ui/sidebar/panels/site-panel/inline-rename-input.tsx
index 294916e8..38288972 100644
--- a/apps/editor/components/ui/sidebar/panels/site-panel/inline-rename-input.tsx
+++ b/packages/editor/src/components/ui/sidebar/panels/site-panel/inline-rename-input.tsx
@@ -1,7 +1,7 @@
 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";
+import { cn } from "./../../../../../lib/utils";
 
 interface InlineRenameInputProps {
   node: AnyNode;
diff --git a/apps/editor/components/ui/sidebar/panels/site-panel/item-tree-node.tsx b/packages/editor/src/components/ui/sidebar/panels/site-panel/item-tree-node.tsx
similarity index 98%
rename from apps/editor/components/ui/sidebar/panels/site-panel/item-tree-node.tsx
rename to packages/editor/src/components/ui/sidebar/panels/site-panel/item-tree-node.tsx
index 3204e3a3..a281b78f 100644
--- a/apps/editor/components/ui/sidebar/panels/site-panel/item-tree-node.tsx
+++ b/packages/editor/src/components/ui/sidebar/panels/site-panel/item-tree-node.tsx
@@ -2,7 +2,7 @@ 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 useEditor from "./../../../../../store/use-editor";
 import { InlineRenameInput } from "./inline-rename-input";
 import { TreeNode, TreeNodeWrapper, handleTreeSelection } from "./tree-node";
 import { TreeNodeActions } from "./tree-node-actions";
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 100%
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
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 97%
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..f2e2b43b 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
@@ -2,7 +2,7 @@ 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 useEditor from "./../../../../../store/use-editor";
 import { InlineRenameInput } from "./inline-rename-input";
 import { TreeNodeWrapper, handleTreeSelection } from "./tree-node";
 import { TreeNodeActions } from "./tree-node-actions";
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 97%
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..6d54ff0c 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
@@ -2,7 +2,7 @@ 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 useEditor from "./../../../../../store/use-editor";
 import { InlineRenameInput } from "./inline-rename-input";
 import { TreeNodeWrapper, handleTreeSelection } from "./tree-node";
 import { TreeNodeActions } from "./tree-node-actions";
diff --git a/apps/editor/components/ui/sidebar/panels/site-panel/tree-node-actions.tsx b/packages/editor/src/components/ui/sidebar/panels/site-panel/tree-node-actions.tsx
similarity index 98%
rename from apps/editor/components/ui/sidebar/panels/site-panel/tree-node-actions.tsx
rename to packages/editor/src/components/ui/sidebar/panels/site-panel/tree-node-actions.tsx
index f525f808..6d358af6 100644
--- a/apps/editor/components/ui/sidebar/panels/site-panel/tree-node-actions.tsx
+++ b/packages/editor/src/components/ui/sidebar/panels/site-panel/tree-node-actions.tsx
@@ -6,7 +6,7 @@ import {
   Popover,
   PopoverContent,
   PopoverTrigger,
-} from "@/components/ui/primitives/popover";
+} from "./../../../../../components/ui/primitives/popover";
 
 interface TreeNodeActionsProps {
   node: AnyNode;
diff --git a/apps/editor/components/ui/sidebar/panels/site-panel/tree-node.tsx b/packages/editor/src/components/ui/sidebar/panels/site-panel/tree-node.tsx
similarity index 99%
rename from apps/editor/components/ui/sidebar/panels/site-panel/tree-node.tsx
rename to packages/editor/src/components/ui/sidebar/panels/site-panel/tree-node.tsx
index 4fa80cf7..90136b58 100644
--- a/apps/editor/components/ui/sidebar/panels/site-panel/tree-node.tsx
+++ b/packages/editor/src/components/ui/sidebar/panels/site-panel/tree-node.tsx
@@ -1,7 +1,7 @@
 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 { cn } from "./../../../../../lib/utils";
 import { motion, AnimatePresence } from "motion/react";
 
 export function handleTreeSelection(
diff --git a/apps/editor/components/ui/sidebar/panels/site-panel/wall-tree-node.tsx b/packages/editor/src/components/ui/sidebar/panels/site-panel/wall-tree-node.tsx
similarity index 98%
rename from apps/editor/components/ui/sidebar/panels/site-panel/wall-tree-node.tsx
rename to packages/editor/src/components/ui/sidebar/panels/site-panel/wall-tree-node.tsx
index c386ae99..391dc4f9 100644
--- a/apps/editor/components/ui/sidebar/panels/site-panel/wall-tree-node.tsx
+++ b/packages/editor/src/components/ui/sidebar/panels/site-panel/wall-tree-node.tsx
@@ -2,7 +2,7 @@ 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 useEditor from "./../../../../../store/use-editor";
 import { InlineRenameInput } from "./inline-rename-input";
 import { TreeNode, TreeNodeWrapper, handleTreeSelection } from "./tree-node";
 import { TreeNodeActions } from "./tree-node-actions";
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 97%
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..10cbe44a 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
@@ -4,7 +4,7 @@ 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 useEditor from "./../../../../../store/use-editor"
 import { InlineRenameInput } from "./inline-rename-input"
 import { TreeNodeWrapper, handleTreeSelection } from "./tree-node"
 import { TreeNodeActions } from "./tree-node-actions"
diff --git a/apps/editor/components/ui/sidebar/panels/site-panel/zone-tree-node.tsx b/packages/editor/src/components/ui/sidebar/panels/site-panel/zone-tree-node.tsx
similarity index 96%
rename from apps/editor/components/ui/sidebar/panels/site-panel/zone-tree-node.tsx
rename to packages/editor/src/components/ui/sidebar/panels/site-panel/zone-tree-node.tsx
index b6cac139..5f12ecea 100644
--- a/apps/editor/components/ui/sidebar/panels/site-panel/zone-tree-node.tsx
+++ b/packages/editor/src/components/ui/sidebar/panels/site-panel/zone-tree-node.tsx
@@ -1,7 +1,7 @@
 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 { ColorDot } from "./../../../../../components/ui/primitives/color-dot";
 import { InlineRenameInput } from "./inline-rename-input";
 import { TreeNodeWrapper } from "./tree-node";
 import { TreeNodeActions } from "./tree-node-actions";
diff --git a/apps/editor/components/ui/sidebar/panels/zone-panel/index.tsx b/packages/editor/src/components/ui/sidebar/panels/zone-panel/index.tsx
similarity index 95%
rename from apps/editor/components/ui/sidebar/panels/zone-panel/index.tsx
rename to packages/editor/src/components/ui/sidebar/panels/zone-panel/index.tsx
index aa6ae9d5..e85b6aa9 100644
--- a/apps/editor/components/ui/sidebar/panels/zone-panel/index.tsx
+++ b/packages/editor/src/components/ui/sidebar/panels/zone-panel/index.tsx
@@ -2,10 +2,10 @@ 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";
+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);
diff --git a/apps/editor/components/ui/slider-demo.tsx b/packages/editor/src/components/ui/slider-demo.tsx
similarity index 94%
rename from apps/editor/components/ui/slider-demo.tsx
rename to packages/editor/src/components/ui/slider-demo.tsx
index ec0f827e..87890de8 100644
--- a/apps/editor/components/ui/slider-demo.tsx
+++ b/packages/editor/src/components/ui/slider-demo.tsx
@@ -1,7 +1,7 @@
 import { useState } from "react";
 import NumberFlow from "@number-flow/react";
 
-import { Slider } from "@/components/ui/slider";
+import { Slider } from "./../../components/ui/slider";
 
 export function SliderDemo() {
   const [value, setValue] = useState<number[]>([28.1]);
diff --git a/apps/editor/components/ui/slider.tsx b/packages/editor/src/components/ui/slider.tsx
similarity index 98%
rename from apps/editor/components/ui/slider.tsx
rename to packages/editor/src/components/ui/slider.tsx
index 3d521cb2..d58358f5 100644
--- a/apps/editor/components/ui/slider.tsx
+++ b/packages/editor/src/components/ui/slider.tsx
@@ -2,7 +2,7 @@ import * as React from "react";
 import * as SliderPrimitive from "@radix-ui/react-slider";
 import { cva, type VariantProps } from "class-variance-authority";
 
-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",
diff --git a/packages/editor/src/components/viewer-overlay.tsx b/packages/editor/src/components/viewer-overlay.tsx
new file mode 100644
index 00000000..ea98a1d7
--- /dev/null
+++ b/packages/editor/src/components/viewer-overlay.tsx
@@ -0,0 +1,441 @@
+'use client'
+
+import {
+  type AnyNode,
+  type AnyNodeId,
+  type BuildingNode,
+  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 Link from 'next/link'
+import { motion } from 'motion/react'
+import { cn } from '../lib/utils'
+import { ActionButton } from './ui/action-menu/action-button'
+import { TooltipProvider } from './ui/primitives/tooltip'
+import { emitter } from '@pascal-app/core'
+
+type ProjectOwner = {
+  id: string
+  name: string
+  username: string | null
+  image: string | null
+}
+
+const levelModeLabels: Record<'stacked' | 'exploded' | 'solo', string> = {
+  stacked: 'Stacked',
+  exploded: 'Exploded',
+  solo: 'Solo',
+}
+
+const wallModeConfig = {
+  up: {
+    icon: (props: any) => (
+      <img alt="Full Height" height={28} src="/icons/room.png" width={28} {...props} />
+    ),
+    label: 'Full Height',
+  },
+  cutaway: {
+    icon: (props: any) => (
+      <img alt="Cutaway" height={28} src="/icons/wallcut.png" width={28} {...props} />
+    ),
+    label: 'Cutaway',
+  },
+  down: {
+    icon: (props: any) => <img alt="Low" height={28} src="/icons/walllow.png" width={28} {...props} />,
+    label: 'Low',
+  },
+}
+
+const getNodeName = (node: AnyNode): string => {
+  if ('name' in node && node.name) return node.name
+  if (node.type === 'wall') return 'Wall'
+  if (node.type === 'item') return (node as { asset: { name: string } }).asset?.name || 'Item'
+  if (node.type === 'slab') return 'Slab'
+  if (node.type === 'ceiling') return 'Ceiling'
+  if (node.type === 'roof') return 'Roof'
+  return node.type
+}
+
+interface ViewerOverlayProps {
+  projectName?: string | null
+  owner?: ProjectOwner | null
+  canShowScans?: boolean
+  canShowGuides?: boolean
+  onBack?: () => void
+}
+
+export const ViewerOverlay = ({
+  projectName,
+  owner,
+  canShowScans = true,
+  canShowGuides = true,
+  onBack,
+}: ViewerOverlayProps) => {
+  const selection = useViewer((s) => s.selection)
+  const nodes = useScene((s) => s.nodes)
+  const showScans = useViewer((s) => s.showScans)
+  const showGuides = useViewer((s) => s.showGuides)
+  const cameraMode = useViewer((s) => s.cameraMode)
+  const levelMode = useViewer((s) => s.levelMode)
+  const wallMode = useViewer((s) => s.wallMode)
+  const theme = useViewer((s) => s.theme)
+
+  const building = selection.buildingId
+    ? (nodes[selection.buildingId] as BuildingNode | undefined)
+    : null
+  const level = selection.levelId ? (nodes[selection.levelId] as LevelNode | undefined) : null
+  const zone = selection.zoneId ? (nodes[selection.zoneId] as ZoneNode | undefined) : null
+
+  // Get the first selected item (if any)
+  const selectedNode =
+    selection.selectedIds.length > 0
+      ? (nodes[selection.selectedIds[0] as AnyNodeId] as AnyNode | undefined)
+      : null
+
+  // Get all levels for the selected building
+  const levels =
+    building?.children
+      .map((id) => nodes[id as AnyNodeId] as LevelNode | undefined)
+      .filter((n): n is LevelNode => n?.type === 'level')
+      .sort((a, b) => a.level - b.level) ?? []
+
+  const handleLevelClick = (levelId: LevelNode['id']) => {
+    // When switching levels, deselect zone and items
+    useViewer.getState().setSelection({ levelId })
+  }
+
+  const handleBreadcrumbClick = (depth: 'root' | 'building' | 'level' | 'zone') => {
+    switch (depth) {
+      case 'root':
+        useViewer.getState().resetSelection()
+        break
+      case 'building':
+        useViewer.getState().setSelection({ levelId: null })
+        break
+      case 'level':
+        useViewer.getState().setSelection({ zoneId: null })
+        break
+    }
+  }
+
+  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]">
+          {/* Project info + back */}
+          <div className="flex items-center gap-3 px-3 py-2.5">
+            {onBack ? (
+              <button
+                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
+                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">
+                {projectName || 'Untitled'}
+              </div>
+              {owner?.username && (
+                <Link
+                  href={`/u/${owner.username}`}
+                  className="text-xs text-muted-foreground hover:text-foreground transition-colors"
+                >
+                  @{owner.username}
+                </Link>
+              )}
+            </div>
+          </div>
+
+          {/* Breadcrumb — only shown when navigated into a building */}
+          {building && (
+            <div className="border-t border-border/40 px-3 py-2">
+              <div className="flex items-center gap-1.5 text-xs">
+                <button
+                  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" />
+                    <button
+                      onClick={() => handleBreadcrumbClick('building')}
+                      className={`transition-colors truncate ${level ? 'text-muted-foreground hover:text-foreground' : 'text-foreground font-medium'}`}
+                    >
+                      {building.name || 'Building'}
+                    </button>
+                  </>
+                )}
+
+                {level && (
+                  <>
+                    <ChevronRight className="w-3 h-3 text-muted-foreground/50" />
+                    <button
+                      onClick={() => handleBreadcrumbClick('level')}
+                      className={`transition-colors truncate ${zone ? 'text-muted-foreground hover:text-foreground' : 'text-foreground font-medium'}`}
+                    >
+                      {level.name || `Level ${level.level}`}
+                    </button>
+                  </>
+                )}
+
+                {zone && (
+                  <>
+                    <ChevronRight className="w-3 h-3 text-muted-foreground/50" />
+                    <span
+                      className={`transition-colors truncate ${selectedNode ? 'text-muted-foreground' : 'text-foreground font-medium'}`}
+                    >
+                      {zone.name}
+                    </span>
+                  </>
+                )}
+
+                {selectedNode && zone && (
+                  <>
+                    <ChevronRight className="w-3 h-3 text-muted-foreground/50" />
+                    <span className="text-foreground font-medium truncate">
+                      {getNodeName(selectedNode)}
+                    </span>
+                  </>
+                )}
+              </div>
+            </div>
+          )}
+        </div>
+
+        {/* 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="flex flex-col">
+              {levels.map((lvl) => {
+                const isSelected = lvl.id === selection.levelId;
+                return (
+                  <button
+                    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" />
+                      </span>
+                      <div className="flex-1 min-w-0 truncate text-left">
+                        {lvl.name || `Level ${lvl.level}`}
+                      </div>
+                    </div>
+                  </button>
+                );
+              })}
+            </div>
+          </div>
+        )}
+      </div>
+
+
+      {/* Controls Panel - Bottom Center */}
+      <div className="absolute bottom-6 left-1/2 -translate-x-1/2 z-20 dark 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">
+            {/* Theme Toggle */}
+            <button
+              className="shrink-0 flex items-center bg-accent/50 rounded-full p-1 border border-border/50 cursor-pointer h-[36px]"
+              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%",
+                  }}
+                  transition={{
+                    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"
+                  )}
+                >
+                  <Moon className="h-4 w-4" />
+                </div>
+
+                {/* 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"
+                  )}
+                >
+                  <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
+                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"
+                variant="ghost"
+              >
+                <img alt="Scans" className="h-[28px] w-[28px] object-contain" src="/icons/mesh.png" />
+              </ActionButton>
+            )}
+
+            {canShowGuides && (
+              <ActionButton
+                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"
+                variant="ghost"
+              >
+                <img alt="Guides" className="h-[28px] w-[28px] object-contain" src="/icons/floorplan.png" />
+              </ActionButton>
+            )}
+
+            {(canShowScans || canShowGuides) && <div className="mx-1 h-5 w-px bg-border/40" />}
+
+            {/* Camera Mode */}
+            <ActionButton
+              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')}
+              size="icon"
+              variant="ghost"
+            >
+              <Camera className="h-6 w-6" />
+            </ActionButton>
+
+            {/* Level Mode */}
+            <ActionButton
+              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']
+                const nextIndex = (modes.indexOf(levelMode as any) + 1) % modes.length
+                useViewer.getState().setLevelMode(modes[nextIndex] ?? 'stacked')
+              }}
+              size="icon"
+              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" />}
+            </ActionButton>
+
+            {/* Wall Mode */}
+            <ActionButton
+              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"
+              variant="ghost"
+            >
+              {(() => {
+                const Icon = wallModeConfig[wallMode as keyof typeof wallModeConfig].icon
+                return <Icon className="h-[28px] w-[28px]" />
+              })()}
+            </ActionButton>
+
+            <div className="mx-1 h-5 w-px bg-border/40" />
+
+            {/* Camera Actions */}
+            <ActionButton
+              label="Orbit Left"
+              tooltipSide="top"
+              className="group hover:bg-white/5 hidden sm:inline-flex"
+              onClick={() => emitter.emit('camera-controls:orbit-ccw')}
+              size="icon"
+              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" />
+            </ActionButton>
+
+            <ActionButton
+              label="Orbit Right"
+              tooltipSide="top"
+              className="group hover:bg-white/5 hidden sm:inline-flex"
+              onClick={() => emitter.emit('camera-controls:orbit-cw')}
+              size="icon"
+              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" />
+            </ActionButton>
+
+            <ActionButton
+              label="Top View"
+              tooltipSide="top"
+              className="group hover:bg-white/5"
+              onClick={() => emitter.emit('camera-controls:top-view')}
+              size="icon"
+              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" />
+            </ActionButton>
+          </div>
+        </TooltipProvider>
+      </div>
+    </>
+  )
+}
diff --git a/packages/editor/src/components/viewer-zone-system.tsx b/packages/editor/src/components/viewer-zone-system.tsx
new file mode 100644
index 00000000..7dd03ded
--- /dev/null
+++ b/packages/editor/src/components/viewer-zone-system.tsx
@@ -0,0 +1,37 @@
+'use client'
+
+import { sceneRegistry, useScene, type ZoneNode } from '@pascal-app/core'
+import { useViewer } from '@pascal-app/viewer'
+import { useFrame } from '@react-three/fiber'
+
+export const ViewerZoneSystem = () => {
+  useFrame(() => {
+    const { levelId, zoneId } = useViewer.getState().selection
+    const nodes = useScene.getState().nodes
+
+    sceneRegistry.byType.zone.forEach((id) => {
+      const obj = sceneRegistry.nodes.get(id)
+      if (!obj) return
+
+      const zone = nodes[id as ZoneNode['id']] as ZoneNode | undefined
+      if (!zone) return
+
+      // Hide zones if:
+      // 1. No level is selected
+      // 2. Zone is not on the selected level
+      // 3. A zone is already selected (hide all zones to show zone contents)
+      const isOnSelectedLevel = zone.parentId === levelId
+      const shouldShow = !!levelId && isOnSelectedLevel && !zoneId
+
+      obj.visible = shouldShow
+
+      const targetOpacity = shouldShow ? '1' : '0'
+      const labelEl = document.getElementById(`${id}-label`)
+      if (labelEl && labelEl.style.opacity !== targetOpacity) {
+        labelEl.style.opacity = targetOpacity
+      }
+    })
+  })
+
+  return null
+}
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..5c32f953
--- /dev/null
+++ b/packages/editor/src/hooks/use-auto-save.ts
@@ -0,0 +1,186 @@
+'use client'
+
+import { useScene } from '@pascal-app/core'
+import { type MutableRefObject, useCallback, useEffect, useRef, useState } from 'react'
+import { saveSceneToLocalStorage, type SceneGraph } from '../lib/scene'
+
+const AUTOSAVE_DEBOUNCE_MS = 1_000
+
+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 96%
rename from apps/editor/hooks/use-contextual-tools.ts
rename to packages/editor/src/hooks/use-contextual-tools.ts
index 0015f3b8..458eac79 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)
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 98%
rename from apps/editor/hooks/use-keyboard.ts
rename to packages/editor/src/hooks/use-keyboard.ts
index f81d94cb..c2086a5c 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(() => {
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..e7061145
--- /dev/null
+++ b/packages/editor/src/index.tsx
@@ -0,0 +1,11 @@
+export { default as Editor } from './components/editor'
+export type { EditorProps } from './components/editor'
+export { SceneLoader } from './components/ui/scene-loader'
+export type { SaveStatus } from './hooks/use-auto-save'
+export type { SceneGraph } from './lib/scene'
+export { applySceneGraphToEditor } from './lib/scene'
+export type { SettingsPanelProps, ProjectVisibility } from './components/ui/sidebar/panels/settings-panel'
+export type { SitePanelProps } from './components/ui/sidebar/panels/site-panel'
+export { useCommandPalette } from './components/ui/command-palette'
+export { useUploadStore } from './store/use-upload'
+export { default as useEditor } from './store/use-editor'
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..6e32ed20
--- /dev/null
+++ b/packages/editor/src/lib/scene.ts
@@ -0,0 +1,74 @@
+'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 100%
rename from apps/editor/lib/sfx/index.ts
rename to packages/editor/src/lib/sfx/index.ts
diff --git a/packages/editor/src/lib/utils.ts b/packages/editor/src/lib/utils.ts
new file mode 100644
index 00000000..44aa86a2
--- /dev/null
+++ b/packages/editor/src/lib/utils.ts
@@ -0,0 +1,44 @@
+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 100%
rename from apps/editor/store/use-audio.tsx
rename to packages/editor/src/store/use-audio.tsx
diff --git a/apps/editor/store/use-editor.tsx b/packages/editor/src/store/use-editor.tsx
similarity index 100%
rename from apps/editor/store/use-editor.tsx
rename to packages/editor/src/store/use-editor.tsx
diff --git a/apps/editor/store/use-upload.ts b/packages/editor/src/store/use-upload.ts
similarity index 100%
rename from apps/editor/store/use-upload.ts
rename to packages/editor/src/store/use-upload.ts
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..7c5319de
--- /dev/null
+++ b/packages/editor/tsconfig.json
@@ -0,0 +1,9 @@
+{
+  "extends": "@repo/typescript-config/react-library.json",
+  "compilerOptions": {
+    "rootDir": "src",
+    "noEmit": true
+  },
+  "include": ["src"],
+  "exclude": ["node_modules"]
+}