fix

components/dashboard/Dashboard.tsx

@@ -77,7 +77,7 @@ export default function Dashboard() {
                 body: JSON.stringify({ action: "prewarm", id: latest.id })
             }).catch(console.error);
         }
-    }, [fetchProjects]);
+    }, [fetchProjects, projects]);
 
 
     const checkContainerStatuses = async () => {
@@ -226,10 +226,6 @@ export default function Dashboard() {
 
             {/* Body */}
             <div className="flex-1 overflow-hidden dashboard-grid">
-                {/* Dashboard Vitals (Strategic Integration) */}
-                <div className="col-span-full px-8 pt-6">
-                    <DashboardVitals />
-                </div>
 
                 {/* Left Panel */}
                 <div className="border-r border-(--border-subtle) flex flex-col overflow-y-auto p-6 gap-6">
@@ -281,6 +277,14 @@ export default function Dashboard() {
 
                 {/* Right Panel */}
                 <div className="flex flex-col overflow-hidden">
+
+                    {/* Project List */}
+                    <div className="flex-1 overflow-y-auto p-2">
+                    {/* Dashboard Vitals (Strategic Integration) */}
+                    <div className="col-span-full px-8 pt-6">
+                        <DashboardVitals />
+                    </div>
+
                     {/* Search + Filter */}
                     <div className="p-4 border-b border-(--border-subtle) flex items-center gap-3">
                         <div className="relative flex-1 px-2 input">
@@ -326,9 +330,6 @@ export default function Dashboard() {
                             </DropdownMenu.Portal>
                         </DropdownMenu.Root>
                     </div>
-
-                    {/* Project List */}
-                    <div className="flex-1 overflow-y-auto p-2">
                         {loading ? (
                             <div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-3 xl:grid-cols-4 gap-4 p-2">
                                 {[...Array(8)].map((_, i) => (

lib/docker/manager.ts

@@ -182,11 +182,16 @@ async function performProvisioning(config: WorkspaceConfig): Promise<WorkspaceOp
         provisioningBus.emit(`log:${config.id}`, msg);
     };
 
-    log(`Provisioning hermetic environment for '${config.projectName}'...`);
-    
-    // 0. HF PERSISTENCE: Restore profile from Dataset if available
-    await HFStorage.syncFromDataset((msg) => log(msg));
-    HFStorage.startAutoSave(300000); // 5m auto-save
+    try {
+        log(`Provisioning hermetic environment for '${config.projectName}'...`);
+        
+        // 0. HF PERSISTENCE: Restore profile from Dataset if available
+        try {
+            await HFStorage.syncFromDataset((msg) => log(msg));
+        } catch (e) {
+            log(`[WARN] Persistent profile restoration failed: ${e instanceof Error ? e.message : String(e)}. Proceeding with clean environment.`);
+        }
+        HFStorage.startAutoSave(300000); // 5m auto-save
     
     // 1. Prepare Workspace Directory
     const workspaceRoot = process.env.WORKSPACE_ROOT || path.join(/*turbopackIgnore: true*/ '/home/node/w');
@@ -215,93 +220,100 @@ async function performProvisioning(config: WorkspaceConfig): Promise<WorkspaceOp
         fs.writeFileSync(flagPath, new Date().toISOString());
     }
 
-    // 4. Identify Target Port
-    const port = findAvailablePort();
+        // 4. Identify Target Port
+        const port = findAvailablePort();
 
-    // 5. Spawn code-server
-    const shellCommand = process.platform === 'win32' ? 'npx' : 'code-server';
-    const args = process.platform === 'win32' ? ['code-server'] : [];
-    
-    const baseArgs = [
-        '--auth', 'none',
-        '--bind-addr', `127.0.0.1:${port}`,
-        '--user-data-dir', userDataPath,
-        '--disable-telemetry',
-        '--disable-update-check',
-        workspacePath
-    ];
-
-    const spawnEnv: NodeJS.ProcessEnv = { ...process.env, HOME: workspacePath };
-    delete spawnEnv.PORT;
-    delete spawnEnv.SERVER_PORT;
-
-    const child = spawn(shellCommand, [...args, ...baseArgs], {
-        env: spawnEnv,
-        cwd: workspacePath,
-        shell: process.platform === 'win32'
-    });
-
-    log(`Spawning VS Code Orchestrator (PID: ${child.pid})...`);
-
-    child.on('error', (err) => log(`[FATAL] IDE binary failure: ${err.message}`));
-    child.stdout.on('data', (data) => {
-        const out = data.toString().trim();
-        if (out.includes('listening on')) log(`[IDX:UP] ${out}`);
-        else if (out.length > 0) log(`[IDE:CORE] ${out}`);
-    });
-
-    child.stderr.on('data', (data) => {
-        const err = data.toString().trim();
-        if (err.length > 0) log(`[IDE:ERR] ${err}`);
-    });
-
-    child.on('close', (code, signal) => {
-        log(`[IDE:EXIT] IDE process died with code ${code} (Signal: ${signal})`);
-    });
-
-    // 6. Register in active pool
-    nativeProcesses.set(config.id, { pid: child.pid!, port, process: child });
-
-    // 7. Handshake Loop
-    let attempts = 0;
-    while (attempts < 60) {
-        try {
-            const res = await fetch(`http://127.0.0.1:${port}`);
-            if (res.ok) {
-                log(`Handshake verified. Studio Engine Online.`);
+        // 5. Spawn code-server
+        const shellCommand = process.platform === 'win32' ? 'npx' : 'code-server';
+        const args = process.platform === 'win32' ? ['code-server'] : [];
+        
+        const baseArgs = [
+            '--auth', 'none',
+            '--bind-addr', `127.0.0.1:${port}`,
+            '--user-data-dir', userDataPath,
+            '--disable-telemetry',
+            '--disable-update-check',
+            workspacePath
+        ];
+
+        const spawnEnv: NodeJS.ProcessEnv = { ...process.env, HOME: workspacePath };
+        delete spawnEnv.PORT;
+        delete spawnEnv.SERVER_PORT;
+
+        const child = spawn(shellCommand, [...args, ...baseArgs], {
+            env: spawnEnv,
+            cwd: workspacePath,
+            shell: process.platform === 'win32'
+        });
 
-                if (idxConfig.onStart) {
-                    log(`Executing background onStart lifecycle hooks...`);
-                    IdxEngine.runHook(workspacePath, 'onStart', idxConfig.onStart, (msg) => log(msg), true);
-                }
+        log(`Spawning VS Code Orchestrator (PID: ${child.pid})...`);
+
+        child.on('error', (err) => log(`[FATAL] IDE binary failure: ${err.message}`));
+        child.stdout.on('data', (data) => {
+            const out = data.toString().trim();
+            if (out.includes('listening on')) log(`[IDX:UP] ${out}`);
+            else if (out.length > 0) log(`[IDE:CORE] ${out}`);
+        });
 
-                const finalResult = {
-                    success: true,
-                    containerId: `native-${config.id}`,
-                    androidPort: config.withAndroidEmulator ? 6080 : undefined,
-                    port: port
-                };
-                provisioningBus.emit(`ready:${config.id}`, finalResult);
-                return finalResult;
+        child.stderr.on('data', (data) => {
+            const err = data.toString().trim();
+            if (err.length > 0) log(`[IDE:ERR] ${err}`);
+        });
+
+        child.on('close', (code, signal) => {
+            log(`[IDE:EXIT] IDE process died with code ${code} (Signal: ${signal})`);
+        });
+
+        // 6. Register in active pool
+        nativeProcesses.set(config.id, { pid: child.pid!, port, process: child });
+
+        // 7. Handshake Loop
+        let attempts = 0;
+        while (attempts < 60) {
+            try {
+                const res = await fetch(`http://127.0.0.1:${port}`);
+                if (res.ok) {
+                    log(`Handshake verified. Studio Engine Online.`);
+
+                    if (idxConfig.onStart) {
+                        log(`Executing background onStart lifecycle hooks...`);
+                        IdxEngine.runHook(workspacePath, 'onStart', idxConfig.onStart, (msg) => log(msg), true);
+                    }
+
+                    const finalResult: WorkspaceOperationResult = {
+                        success: true,
+                        containerId: `native-${config.id}`,
+                        androidPort: config.withAndroidEmulator ? 6080 : undefined,
+                        port: port
+                    };
+                    provisioningBus.emit(`ready:${config.id}`, finalResult);
+                    return finalResult;
+                }
+            } catch {
+                if (attempts % 5 === 0) log(`[INFO] Scanning for IDE heartbeat... (Attempt ${attempts}/60)`);
+                if (attempts === 15) log(`[INFO] Nix evaluation in progress. Cold boot detected.`);
+                if (attempts === 45) log(`[WARN] Handshake threshold approaching. IDE core high load.`);
+                await delay(1000);
+                attempts++;
             }
-        } catch {
-            if (attempts % 5 === 0) log(`[INFO] Scanning for IDE heartbeat... (Attempt ${attempts}/60)`);
-            if (attempts === 15) log(`[INFO] Nix evaluation in progress. Cold boot detected.`);
-            if (attempts === 45) log(`[WARN] Handshake threshold approaching. IDE core high load.`);
-            await delay(1000);
-            attempts++;
         }
-    }
 
-    log(`[FATAL] Handshake timeout on 127.0.0.1:${port}.`);
-    const entry = nativeProcesses.get(config.id);
-    if (entry) {
-        entry.process.kill();
-        nativeProcesses.delete(config.id);
+        log(`[FATAL] Handshake timeout on 127.0.0.1:${port}.`);
+        const entry = nativeProcesses.get(config.id);
+        if (entry) {
+            entry.process.kill();
+            nativeProcesses.delete(config.id);
+        }
+        const errResult = { success: false, error: "IDE_HANDSHAKE_TIMEOUT" };
+        provisioningBus.emit(`error:${config.id}`, errResult);
+        return errResult;
+    } catch (e) {
+        const error = e instanceof Error ? e.message : String(e);
+        log(`[FATAL] Provisioning pipeline collapsed: ${error}`);
+        const errResult = { success: false, error: "PROVISIONING_FAILED" };
+        provisioningBus.emit(`error:${config.id}`, errResult);
+        return errResult;
     }
-    const errResult = { success: false, error: "IDE_HANDSHAKE_TIMEOUT" };
-    provisioningBus.emit(`error:${config.id}`, errResult);
-    return errResult;
 }
 
 /**

server.ts

@@ -163,6 +163,7 @@ app.prepare()
         const id = workspaceHostMatch ? workspaceHostMatch[1] : (pathname?.startsWith("/workspace/") ? pathname.split("/")[2] : null);
 
         if (id) {
+            console.log("nativeProcessesId", id);
             const isReady = isNativeWorkspaceRunning(id);
             if (isReady) {
                 const port = getNativeWorkspacePort(id) || 8080;
@@ -189,7 +190,7 @@ app.prepare()
                             <style>
                                 body { background: #09090b; color: #71717a; font-family: sans-serif; display: flex; align-items: center; justify-content: center; height: 100vh; margin: 0; overflow: hidden; }
                                 .container { text-align: center; border: 1px solid #27272a; padding: 2rem; rounded: 1rem; background: #111113; box-shadow: 0 25px 50px -12px rgba(0, 0, 0, 0.5); }
-                                .spinner { width: 40px; height: 40px; border: 3px solid #3f3f46; border-top-color: #3b82f6; border-radius: 50%; animate: spin 1s linear infinite; margin: 0 auto 1.5rem; }
+                                .spinner { width: 40px; height: 40px; border: 3px solid #3f3f46; border-top-color: #3b82f6; border-radius: 50%; animation: spin 1s linear infinite; margin: 0 auto 1.5rem; }
                                 h1 { color: #f4f4f5; font-size: 1.25rem; margin: 0 0 0.5rem; }
                                 p { font-size: 0.875rem; }
                                 .id-info { font-family: monospace; color: #3b82f6; margin-top: 1rem; font-size: 0.75rem; opacity: 0.5; }