feat: show files panel for in-browser code execution

Author: Algorithm5838

src/lib/components/chat/ChatControls.svelte

@@ -20,6 +20,7 @@
 		settings,
 		showFileNavPath,
 		selectedTerminalId,
+		pyodideActive,
 		user
 	} from '$lib/stores';
 
@@ -76,7 +77,8 @@
 			(($terminalServers ?? []).some((t) => t.id && t.id === $selectedTerminalId) ||
 				$user?.role === 'admin' ||
 				($user?.permissions?.features?.direct_tool_servers ?? true))) ||
-		(codeInterpreterEnabled && $config?.code?.interpreter_engine !== 'jupyter');
+		(codeInterpreterEnabled && $config?.code?.interpreter_engine !== 'jupyter') ||
+		$pyodideActive;
 	$: showOverviewTab = hasMessages;
 
 	// Tab fallback: if active tab becomes hidden, switch to next available
@@ -375,7 +377,7 @@
 								/>
 							{:else if activeTab === 'files' && $selectedTerminalId}
 								<FileNav onAttach={handleTerminalAttach} {chatId} />
-							{:else if activeTab === 'files' && codeInterpreterEnabled}
+							{:else if activeTab === 'files' && (codeInterpreterEnabled || $pyodideActive)}
 								<PyodideFileNav />
 							{:else}
 								<Controls embed={true} {models} bind:chatFiles bind:params />
@@ -526,7 +528,7 @@
 									/>
 								{:else if activeTab === 'files' && $selectedTerminalId}
 									<FileNav onAttach={handleTerminalAttach} overlay={dragged} {chatId} />
-								{:else if activeTab === 'files' && codeInterpreterEnabled}
+								{:else if activeTab === 'files' && (codeInterpreterEnabled || $pyodideActive)}
 									<PyodideFileNav overlay={dragged} />
 								{:else}
 									<Controls embed={true} {models} bind:chatFiles bind:params />

src/lib/stores/index.ts

@@ -78,6 +78,8 @@ export const terminalServers = writable([]);
 
 // Persistent Pyodide worker for code interpreter FS
 export const pyodideWorker: Writable<Worker | null> = writable(null);
+// Decouples the Files panel from the code-interpreter toggle.
+export const pyodideActive = writable(false);
 
 export const banners: Writable<Banner[]> = writable([]);
 

src/routes/+layout.svelte

@@ -37,6 +37,7 @@
 		showFileNavPath,
 		showFileNavDir,
 		pyodideWorker,
+		pyodideActive,
 		desktopEvent
 	} from '$lib/stores';
 	import { getFileContentById } from '$lib/apis/files';
@@ -266,6 +267,7 @@
 		].filter(Boolean);
 
 		const worker = getOrCreateWorker();
+		pyodideActive.set(true);
 
 		// Fetch file content from the server and prepare for the worker
 		let filePayloads = [];
@@ -353,6 +355,7 @@
 				);
 			}
 
+			window.dispatchEvent(new Event('pyodide:files')); // IDBFS may have changed — refresh the Files panel.
 			executing = false;
 		};