Editor: Adding a path to a filename creates ghost tabs

[mootari]

When entering a file name like "foo/bar/Component.svelte" in the playground editor, the tab bar will display additional tabs "foo/bar" and "foo" which can be dragged but not selected.

Reproduction

See this playground example.

[mootari]

Looks like ComponentSelector needs to ignore files entries where type !== "file".

svelte.dev/packages/editor/src/lib/Workspace.svelte.ts

Lines 517 to 521 in 286e422

	this.#files.push({
	type: 'directory',
	name: joined,
	basename: joined.split('/').pop()! // TODO get rid of this basename nonsense, it's infuriating
	});

svelte.dev/packages/repl/src/lib/Input/ComponentSelector.svelte

Line 81 in 286e422

{#each workspace.files as File[] as file, index (file.name)}

[mootari]

Directory entries also need to be filtered out inside download(), otherwise they break the "Download app" action because their data is undefined:

svelte.dev/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte

Lines 138 to 141 in 30648d0

	...components.map((component) => ({
	path: `src/routes/${component.name}`,
	data: (component as File).contents
	}))