feat: show and auto-refresh Files panel for pyodide code executions

Author: Algorithm5838

src/lib/components/chat/ChatControls.svelte

@@ -20,7 +20,8 @@
 		settings,
 		showFileNavPath,
 		selectedTerminalId,
-		user
+		user,
+		pyodideWorker
 	} from '$lib/stores';
 
 	import { uploadFile } from '$lib/apis/files';
@@ -73,7 +74,8 @@
 	$: showControlsTab = $user?.role === 'admin' || ($user?.permissions?.chat?.controls ?? true);
 	$: showFilesTab =
 		!!$selectedTerminalId ||
-		(codeInterpreterEnabled && $config?.code?.interpreter_engine !== 'jupyter');
+		(codeInterpreterEnabled && $config?.code?.interpreter_engine !== 'jupyter') ||
+		!!$pyodideWorker;
 	$: showOverviewTab = hasMessages;
 
 	// Tab fallback: if active tab becomes hidden, switch to next available
@@ -361,7 +363,7 @@
 								/>
 							{:else if activeTab === 'files' && $selectedTerminalId}
 								<FileNav onAttach={handleTerminalAttach} />
-							{:else if activeTab === 'files' && codeInterpreterEnabled}
+							{:else if activeTab === 'files' && (codeInterpreterEnabled || !!$pyodideWorker)}
 								<PyodideFileNav />
 							{:else}
 								<Controls embed={true} {models} bind:chatFiles bind:params />
@@ -512,7 +514,7 @@
 									/>
 								{:else if activeTab === 'files' && $selectedTerminalId}
 									<FileNav onAttach={handleTerminalAttach} overlay={dragged} />
-								{:else if activeTab === 'files' && codeInterpreterEnabled}
+								{:else if activeTab === 'files' && (codeInterpreterEnabled || !!$pyodideWorker)}
 									<PyodideFileNav overlay={dragged} />
 								{:else}
 									<Controls embed={true} {models} bind:chatFiles bind:params />

src/lib/components/chat/PyodideFileNav.svelte

@@ -283,8 +283,17 @@
 	// ── Lifecycle ─────────────────────────────────────────────────────────
 
 	onMount(() => {
-		ensureWorker();
+		const worker = ensureWorker();
 		loadDir(currentPath);
+
+		// Auto-refresh the file listing when the worker signals the FS changed
+		const onWorkerMessage = (e: MessageEvent) => {
+			if (e.data?.type === 'fs:changed' && !selectedFile && !loading) {
+				loadDir(currentPath);
+			}
+		};
+		worker.addEventListener('message', onWorkerMessage);
+		return () => worker.removeEventListener('message', onWorkerMessage);
 	});
 </script>
 

src/lib/workers/pyodide.worker.ts

@@ -189,6 +189,13 @@ async function executeCode(
 		persistFS();
 	}
 
+	// Ensure working directory is /mnt/uploads so relative file writes appear in the panel
+	try {
+		self.pyodide.FS.chdir('/mnt/uploads');
+	} catch (e) {
+		console.warn('[pyodide] chdir to /mnt/uploads failed:', e);
+	}
+
 	try {
 		// check if matplotlib is imported in the code
 		if (code.includes('matplotlib')) {
@@ -233,6 +240,8 @@ matplotlib.pyplot.show = show`);
 	}
 
 	self.postMessage({ id, result: self.result, stdout: self.stdout, stderr: self.stderr });
+	// Notify listeners (e.g. PyodideFileNav) that the FS may have changed
+	self.postMessage({ type: 'fs:changed' });
 }
 
 // ---------------------------------------------------------------------------