From cc061f262dd9c676f7e66ecb55817ed3c94e634d Mon Sep 17 00:00:00 2001
From: mz <145723871+moaaz-ae@users.noreply.github.com>
Date: Wed, 18 Mar 2026 15:26:37 +0200
Subject: [PATCH] fix: prevent directory nodes from appearing as ghost tabs
 (#1182)

---
 packages/repl/src/lib/Input/ComponentSelector.svelte | 2 +-
 packages/repl/src/lib/Repl.svelte                    | 2 +-
 packages/repl/src/lib/Workspace.svelte.ts            | 4 ++++
 3 files changed, 6 insertions(+), 2 deletions(-)

diff --git a/packages/repl/src/lib/Input/ComponentSelector.svelte b/packages/repl/src/lib/Input/ComponentSelector.svelte
index 07cd147179..41cfe45641 100644
--- a/packages/repl/src/lib/Input/ComponentSelector.svelte
+++ b/packages/repl/src/lib/Input/ComponentSelector.svelte
@@ -80,7 +80,7 @@
 <div class="component-selector">
 	<!-- svelte-ignore a11y_no_static_element_interactions -->
 	<div class="file-tabs">
-		{#each workspace.files as File[] as file, index (file.name)}
+		{#each workspace.file_nodes as file, index (file.name)}
 			<div
 				class="button"
 				class:editable={file.name !== 'App.svelte'}
diff --git a/packages/repl/src/lib/Repl.svelte b/packages/repl/src/lib/Repl.svelte
index 9191d81551..c2f743924e 100644
--- a/packages/repl/src/lib/Repl.svelte
+++ b/packages/repl/src/lib/Repl.svelte
@@ -77,7 +77,7 @@
 	export function toJSON() {
 		return {
 			imports: bundler!.result?.imports ?? [],
-			files: workspace.files,
+			files: workspace.file_nodes,
 			tailwind: workspace.tailwind,
 			aliases: workspace.aliases
 		};
diff --git a/packages/repl/src/lib/Workspace.svelte.ts b/packages/repl/src/lib/Workspace.svelte.ts
index 04a7936ef1..8d4c98008d 100644
--- a/packages/repl/src/lib/Workspace.svelte.ts
+++ b/packages/repl/src/lib/Workspace.svelte.ts
@@ -220,6 +220,10 @@ export class Workspace {
 		return this.#files;
 	}
 
+	get file_nodes(): File[] {
+		return this.#files.filter(is_file);
+	}
+
 	get compiler_options() {
 		return this.#compiler_options;
 	}