Add editor robot navigation and task workflows

.gitignore

@@ -48,3 +48,6 @@ og-test
 
 # Worktrees
 .worktrees
+
+# Local agent/runtime logs
+.codex/logs/

apps/editor/app/page.tsx

@@ -1,6 +1,12 @@
 'use client'
 
-import { Editor, ItemsPanel } from '@pascal-app/editor'
+import { Editor, ItemsPanel, type SceneGraph } from '@pascal-app/editor'
+import {
+  NavigationToolbarButton,
+  NavigationViewerFrame,
+  prepareNavigationSceneGraph,
+} from '@pascal-app/robot/editor'
+import { shouldPauseNavigationAutoSave, useNavigation } from '@pascal-app/robot'
 import { Layers, Package, Settings } from 'lucide-react'
 import Link from 'next/link'
 import {
@@ -33,8 +39,21 @@ const SIDEBAR_TABS = [
 ]
 
 const PROJECT_ID = 'local-editor'
+const LOCAL_STORAGE_SCENE_KEY = 'pascal-editor-scene'
+
+async function loadNavigationSceneFromLocalStorage(): Promise<SceneGraph | null> {
+  try {
+    const raw = window.localStorage.getItem(LOCAL_STORAGE_SCENE_KEY)
+    const scene = raw ? (JSON.parse(raw) as SceneGraph) : null
+    return prepareNavigationSceneGraph(scene) ?? scene
+  } catch {
+    return null
+  }
+}
 
 export default function Home() {
+  const robotMode = useNavigation((state) => state.robotMode)
+
   return (
     <div className="relative h-screen w-screen">
       {PROJECT_ID === 'local-editor' && (
@@ -54,11 +73,17 @@ export default function Home() {
         </div>
       )}
       <Editor
+        editorInteractionsDisabled={robotMode !== null}
         layoutVersion="v2"
+        onLoad={loadNavigationSceneFromLocalStorage}
         projectId={PROJECT_ID}
+        renderViewer={(children, props) => (
+          <NavigationViewerFrame {...props}>{children}</NavigationViewerFrame>
+        )}
+        shouldPauseAutoSave={shouldPauseNavigationAutoSave}
         sidebarTabs={SIDEBAR_TABS}
         viewerToolbarLeft={<CommunityViewerToolbarLeft />}
-        viewerToolbarRight={<CommunityViewerToolbarRight />}
+        viewerToolbarRight={<CommunityViewerToolbarRight before={<NavigationToolbarButton />} />}
       />
     </div>
   )

apps/editor/components/scene-loader.tsx

@@ -6,6 +6,13 @@ import {
   type SceneGraph,
   type SidebarTab,
 } from '@pascal-app/editor'
+import {
+  NavigationPanel,
+  NavigationToolbarButton,
+  NavigationViewerFrame,
+  prepareNavigationSceneGraph,
+} from '@pascal-app/robot/editor'
+import { shouldPauseNavigationAutoSave, useNavigation } from '@pascal-app/robot'
 import Link from 'next/link'
 import { useRouter } from 'next/navigation'
 import { useCallback, useEffect, useRef, useState } from 'react'
@@ -30,6 +37,11 @@ const SIDEBAR_TABS: (SidebarTab & { component: React.ComponentType })[] = [
     label: 'Scene',
     component: () => null, // Built-in SitePanel handles this
   },
+  {
+    id: 'robot',
+    label: 'Robot',
+    component: NavigationPanel,
+  },
 ]
 
 interface SceneLoaderProps {
@@ -60,13 +72,17 @@ function sceneGraphSignature(graph: SceneGraphWithCollections): string {
 
 export function SceneLoader({ initialScene, meta }: SceneLoaderProps) {
   const router = useRouter()
+  const robotMode = useNavigation((state) => state.robotMode)
   const versionRef = useRef(meta.version)
   const lastRemoteGraphJsonRef = useRef<string | null>(null)
   const suppressRemoteSaveUntilRef = useRef(0)
   const [conflict, setConflict] = useState(false)
   const [saveError, setSaveError] = useState<string | null>(null)
 
-  const handleLoad = useCallback(async () => initialScene, [initialScene])
+  const handleLoad = useCallback(
+    async () => prepareNavigationSceneGraph(initialScene) ?? initialScene,
+    [initialScene],
+  )
 
   const handleSave = useCallback(
     async (graph: SceneGraph) => {
@@ -123,9 +139,10 @@ export function SceneLoader({ initialScene, meta }: SceneLoaderProps) {
       if (payload.version <= versionRef.current) return
 
       versionRef.current = payload.version
-      lastRemoteGraphJsonRef.current = sceneGraphSignature(payload.graph)
+      const graph = prepareNavigationSceneGraph(payload.graph) ?? payload.graph
+      lastRemoteGraphJsonRef.current = sceneGraphSignature(graph)
       suppressRemoteSaveUntilRef.current = Date.now() + 2500
-      applySceneGraphToEditor(payload.graph)
+      applySceneGraphToEditor(graph)
       setConflict(false)
       setSaveError(null)
     })
@@ -184,7 +201,7 @@ export function SceneLoader({ initialScene, meta }: SceneLoaderProps) {
           <p className="font-medium text-destructive text-xs">{saveError}</p>
         </div>
       )}
-      <div className="pointer-events-none absolute top-4 right-4 z-40 flex items-center gap-2">
+      <div className="pointer-events-none absolute top-16 right-4 z-40 flex items-center gap-2">
         <Link
           className="pointer-events-auto rounded-md border border-border bg-background/90 px-3 py-1.5 font-medium text-xs shadow-sm backdrop-blur hover:bg-accent/40"
           href="/scenes"
@@ -193,14 +210,19 @@ export function SceneLoader({ initialScene, meta }: SceneLoaderProps) {
         </Link>
       </div>
       <Editor
+        editorInteractionsDisabled={robotMode !== null}
         layoutVersion="v2"
         onLoad={handleLoad}
         onSave={handleSave}
         onThumbnailCapture={handleThumb}
         projectId={meta.projectId ?? 'default'}
+        renderViewer={(children, props) => (
+          <NavigationViewerFrame {...props}>{children}</NavigationViewerFrame>
+        )}
+        shouldPauseAutoSave={shouldPauseNavigationAutoSave}
         sidebarTabs={SIDEBAR_TABS}
         viewerToolbarLeft={<CommunityViewerToolbarLeft />}
-        viewerToolbarRight={<CommunityViewerToolbarRight />}
+        viewerToolbarRight={<CommunityViewerToolbarRight before={<NavigationToolbarButton />} />}
       />
     </div>
   )

apps/editor/components/viewer-toolbar.tsx

@@ -344,9 +344,11 @@ export function CommunityViewerToolbarLeft() {
   )
 }
 
-export function CommunityViewerToolbarRight() {
+export function CommunityViewerToolbarRight({ before }: { before?: ReactNode } = {}) {
   return (
     <div className={TOOLBAR_CONTAINER}>
+      {before}
+      {before ? <div className="my-1.5 w-px bg-border/50" /> : null}
       <LevelModeToggle />
       <WallModeToggle />
       <GridVisibilityToggle />

apps/editor/next.config.ts

@@ -1,4 +1,5 @@
 import type { NextConfig } from 'next'
+import path from 'node:path'
 
 const nextConfig: NextConfig = {
   logging: {
@@ -13,6 +14,7 @@ const nextConfig: NextConfig = {
     '@pascal-app/core',
     '@pascal-app/editor',
     '@pascal-app/mcp',
+    '@pascal-app/robot',
   ],
   turbopack: {
     resolveAlias: {
@@ -22,6 +24,18 @@ const nextConfig: NextConfig = {
       '@react-three/drei': './node_modules/@react-three/drei',
     },
   },
+  webpack: (config) => {
+    config.resolve ??= {}
+    config.resolve.alias = {
+      ...(config.resolve.alias ?? {}),
+      'three/tsl': path.resolve(__dirname, './node_modules/three/build/three.tsl.js'),
+      'three/webgpu': path.resolve(__dirname, './node_modules/three/build/three.webgpu.js'),
+      'three$': path.resolve(__dirname, './node_modules/three/build/three.module.js'),
+      '@react-three/fiber': path.resolve(__dirname, './node_modules/@react-three/fiber'),
+      '@react-three/drei': path.resolve(__dirname, './node_modules/@react-three/drei'),
+    }
+    return config
+  },
   experimental: {
     serverActions: {
       bodySizeLimit: '100mb',

apps/editor/package.json

@@ -16,6 +16,7 @@
     "@pascal-app/core": "*",
     "@pascal-app/editor": "*",
     "@pascal-app/mcp": "*",
+    "@pascal-app/robot": "*",
     "@pascal-app/viewer": "*",
     "@radix-ui/react-tooltip": "^1.2.8",
     "@react-three/drei": "^10.7.7",