diff --git a/apps/svelte.dev/package.json b/apps/svelte.dev/package.json
index 5efe141419..d78ba2ba66 100644
--- a/apps/svelte.dev/package.json
+++ b/apps/svelte.dev/package.json
@@ -38,7 +38,6 @@
 		"d3-geo": "^3.1.0",
 		"d3-geo-projection": "^4.0.0",
 		"do-not-zip": "^1.0.0",
-		"editor": "workspace:*",
 		"flexsearch": "^0.7.43",
 		"flru": "^1.0.2",
 		"port-authority": "^2.0.1",
diff --git a/apps/svelte.dev/src/lib/tutorial/adapters/rollup/index.svelte.ts b/apps/svelte.dev/src/lib/tutorial/adapters/rollup/index.svelte.ts
index 53e59cfd97..6346a241a8 100644
--- a/apps/svelte.dev/src/lib/tutorial/adapters/rollup/index.svelte.ts
+++ b/apps/svelte.dev/src/lib/tutorial/adapters/rollup/index.svelte.ts
@@ -2,44 +2,31 @@ import Bundler from '@sveltejs/repl/bundler';
 // @ts-ignore package exports don't have types
 import * as yootils from 'yootils';
 import type { Adapter } from '$lib/tutorial';
-import type { File, Item } from 'editor';
+import type { File, Item } from '@sveltejs/repl/workspace';
 
-/** Rollup bundler singleton */
-let bundler: Bundler;
+let done = false;
 
 export const state = new (class RollupState {
 	progress = $state.raw({ value: 0, text: 'initialising' });
-	bundle = $state.raw<any>(null);
-})();
-
-/**
- * @returns {Promise<import('$lib/tutorial').Adapter>}
- */
-export async function create(): Promise<Adapter> {
-	bundler?.destroy();
-
-	state.progress = { value: 0, text: 'loading files' };
-
-	let done = false;
-
 	bundler = new Bundler({
-		packages_url: 'https://unpkg.com',
 		svelte_version: 'latest',
-		onstatus(val) {
+		onstatus: (val) => {
 			if (!done && val === null) {
 				done = true;
-				state.progress = { value: 1, text: 'ready' };
+				this.progress = { value: 1, text: 'ready' };
 			}
 		}
 	});
+})();
 
+export async function create(): Promise<Adapter> {
 	state.progress = { value: 0.5, text: 'loading svelte compiler' };
 
 	/** Paths and contents of the currently loaded file stubs */
 	let current_files: Item[] = [];
 
 	async function compile() {
-		state.bundle = await bundler.bundle(
+		state.bundler.bundle(
 			current_files
 				// TODO we can probably remove all the SvelteKit specific stuff from the tutorial content once this settles down
 				.filter((f): f is File => f.name.startsWith('/src/lib/') && f.type === 'file')
diff --git a/apps/svelte.dev/src/lib/tutorial/adapters/webcontainer/index.svelte.ts b/apps/svelte.dev/src/lib/tutorial/adapters/webcontainer/index.svelte.ts
index 6580c581f0..7682697847 100644
--- a/apps/svelte.dev/src/lib/tutorial/adapters/webcontainer/index.svelte.ts
+++ b/apps/svelte.dev/src/lib/tutorial/adapters/webcontainer/index.svelte.ts
@@ -7,7 +7,7 @@ import { get_depth } from '../../../utils/path.js';
 import { escape_html } from '../../../utils/escape.js';
 import { ready } from '../common/index.js';
 import type { Adapter } from '$lib/tutorial';
-import type { Item, File } from 'editor';
+import type { Item, File } from '@sveltejs/repl/workspace';
 
 const converter = new AnsiToHtml({
 	fg: 'var(--sk-fg-3)'
diff --git a/apps/svelte.dev/src/lib/tutorial/index.d.ts b/apps/svelte.dev/src/lib/tutorial/index.d.ts
index efc4f9a43c..487d7c9c2c 100644
--- a/apps/svelte.dev/src/lib/tutorial/index.d.ts
+++ b/apps/svelte.dev/src/lib/tutorial/index.d.ts
@@ -1,5 +1,5 @@
 import type { Writable } from 'svelte/store';
-import type { File, Directory, Item } from 'editor';
+import type { File, Directory, Item } from '@sveltejs/repl/workspace';
 
 export interface Adapter {
 	/** Returns `false` if the reset was in such a way that a reload of the iframe isn't needed */
diff --git a/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte b/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte
index 00579ed7a0..187436fd8f 100644
--- a/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte
+++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/+page.svelte
@@ -10,7 +10,7 @@
 	import AppControls from './AppControls.svelte';
 	import { compress_and_encode_text, decode_and_decompress_text } from './gzip.js';
 	import { page } from '$app/state';
-	import type { File } from 'editor';
+	import type { File } from '@sveltejs/repl/workspace';
 
 	let { data } = $props();
 
@@ -23,30 +23,11 @@
 
 	// svelte-ignore non_reactive_update
 	let version = page.url.searchParams.get('version') || 'latest';
-	let is_pr_or_commit_version = version.startsWith('pr-') || version.startsWith('commit-');
 
 	// Hashed URLs are less safe (we can't delete malicious REPLs), therefore
 	// don't allow links to escape the sandbox restrictions
 	const can_escape = browser && !page.url.hash;
 
-	if (version !== 'local' && !is_pr_or_commit_version) {
-		$effect(() => {
-			fetch(`https://unpkg.com/svelte@${version}/package.json`)
-				.then((r) => r.json())
-				.then((pkg) => {
-					if (pkg.version !== version) {
-						version = pkg.version;
-
-						let url = `/playground/${data.gist.id}?version=${version}`;
-						if (location.hash) {
-							url += location.hash;
-						}
-						replaceState(url, {});
-					}
-				});
-		});
-	}
-
 	afterNavigate(() => {
 		name = data.gist.name;
 		set_files();
@@ -244,6 +225,14 @@
 				{onchange}
 				{download}
 				previewTheme={theme.current}
+				onversion={(v) => {
+					if (version === (version = v)) return;
+
+					const url = new URL(location.href);
+					url.searchParams.set('version', v);
+
+					replaceState(url, {});
+				}}
 			/>
 		</div>
 	{/if}
diff --git a/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte b/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
index c5f494c381..918b34fb32 100644
--- a/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
+++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/AppControls.svelte
@@ -7,9 +7,8 @@
 	import type { Gist, User } from '$lib/db/types';
 	import { browser } from '$app/environment';
 	import ModalDropdown from '$lib/components/ModalDropdown.svelte';
-	import { untrack } from 'svelte';
 	import SecondaryNav from '$lib/components/SecondaryNav.svelte';
-	import type { File } from 'editor';
+	import type { File } from '@sveltejs/repl/workspace';
 	import type { Repl } from '@sveltejs/repl';
 
 	interface Props {
diff --git a/apps/svelte.dev/src/routes/(authed)/playground/[id]/embed/+page.svelte b/apps/svelte.dev/src/routes/(authed)/playground/[id]/embed/+page.svelte
index ab843d9ad3..0edfbedc7e 100644
--- a/apps/svelte.dev/src/routes/(authed)/playground/[id]/embed/+page.svelte
+++ b/apps/svelte.dev/src/routes/(authed)/playground/[id]/embed/+page.svelte
@@ -6,26 +6,13 @@
 	import { mapbox_setup } from '../../../../../config.js';
 	import { page } from '$app/state';
 	import { decode_and_decompress_text } from '../gzip.js';
-	import type { File } from 'editor';
+	import type { File } from '@sveltejs/repl/workspace';
 
 	let { data } = $props();
 
 	let repl = $state() as ReturnType<typeof Repl>;
 
 	let version = page.url.searchParams.get('version') || 'latest';
-	let is_pr_or_commit_version = version.startsWith('pr-') || version.startsWith('commit-');
-
-	if (version !== 'local' && !is_pr_or_commit_version) {
-		$effect(() => {
-			fetch(`https://unpkg.com/svelte@${version}/package.json`)
-				.then((r) => r.json())
-				.then((pkg) => {
-					if (pkg.version !== data.version) {
-						replaceState(`/playground/${data.gist.id}/embed?version=${pkg.version}`, {});
-					}
-				});
-		});
-	}
 
 	// TODO make this munging unnecessary
 	function munge(data: any): File {
@@ -85,6 +72,14 @@
 			injectedJS={mapbox_setup}
 			previewTheme={theme.current}
 			embedded={page.url.searchParams.has('output-only') ? 'output-only' : true}
+			onversion={(v) => {
+				if (version === v) return;
+
+				const url = new URL(location.href);
+				url.searchParams.set('version', v);
+
+				replaceState(url, {});
+			}}
 		/>
 	{/if}
 </div>
diff --git a/apps/svelte.dev/src/routes/tutorial/[...slug]/+page.svelte b/apps/svelte.dev/src/routes/tutorial/[...slug]/+page.svelte
index af809395a3..ff5bdb9a5c 100644
--- a/apps/svelte.dev/src/routes/tutorial/[...slug]/+page.svelte
+++ b/apps/svelte.dev/src/routes/tutorial/[...slug]/+page.svelte
@@ -2,7 +2,7 @@
 	import { afterNavigate, beforeNavigate } from '$app/navigation';
 	import { SplitPane } from '@rich_harris/svelte-split-pane';
 	import * as adapter from './adapter.svelte';
-	import { Editor, Workspace } from 'editor';
+	import { Workspace, type Item } from '@sveltejs/repl/workspace';
 	import ContextMenu from './filetree/ContextMenu.svelte';
 	import Filetree from './filetree/Filetree.svelte';
 	import ImageViewer from './ImageViewer.svelte';
@@ -14,7 +14,7 @@
 	import OutputRollup from './OutputRollup.svelte';
 	import { page } from '$app/state';
 	import Controls from './Controls.svelte';
-	import type { Item } from 'editor';
+	import Editor from '@sveltejs/repl/editor';
 	import type { Snapshot } from './$types.js';
 
 	interface Props {
diff --git a/apps/svelte.dev/src/routes/tutorial/[...slug]/Controls.svelte b/apps/svelte.dev/src/routes/tutorial/[...slug]/Controls.svelte
index 003db02d6e..a825b1d990 100644
--- a/apps/svelte.dev/src/routes/tutorial/[...slug]/Controls.svelte
+++ b/apps/svelte.dev/src/routes/tutorial/[...slug]/Controls.svelte
@@ -4,7 +4,7 @@
 	import ModalDropdown from '$lib/components/ModalDropdown.svelte';
 	import type { Exercise, PartStub } from '$lib/tutorial';
 	import { Checkbox, Icon, Toolbox } from '@sveltejs/site-kit/components';
-	import type { Workspace } from 'editor';
+	import type { Workspace } from '@sveltejs/repl/workspace';
 
 	interface Props {
 		index: PartStub[];
diff --git a/apps/svelte.dev/src/routes/tutorial/[...slug]/ImageViewer.svelte b/apps/svelte.dev/src/routes/tutorial/[...slug]/ImageViewer.svelte
index 8d69298a05..65c65c8a3f 100644
--- a/apps/svelte.dev/src/routes/tutorial/[...slug]/ImageViewer.svelte
+++ b/apps/svelte.dev/src/routes/tutorial/[...slug]/ImageViewer.svelte
@@ -1,5 +1,5 @@
 <script>
-	/** @type {import('editor').File | null} */
+	/** @type {import('@sveltejs/repl/workspace').File | null} */
 	export let selected;
 
 	const image_types = new Map([
diff --git a/apps/svelte.dev/src/routes/tutorial/[...slug]/Output.svelte b/apps/svelte.dev/src/routes/tutorial/[...slug]/Output.svelte
index f9fccd8e60..72a9bf8c2f 100644
--- a/apps/svelte.dev/src/routes/tutorial/[...slug]/Output.svelte
+++ b/apps/svelte.dev/src/routes/tutorial/[...slug]/Output.svelte
@@ -11,7 +11,7 @@
 	import Loading from './Loading.svelte';
 	import { adapter_state, subscribe, reset } from './adapter.svelte';
 	import type { Exercise } from '$lib/tutorial';
-	import type { Workspace } from 'editor';
+	import type { Workspace } from '@sveltejs/repl/workspace';
 
 	interface Props {
 		exercise: Exercise;
diff --git a/apps/svelte.dev/src/routes/tutorial/[...slug]/OutputRollup.svelte b/apps/svelte.dev/src/routes/tutorial/[...slug]/OutputRollup.svelte
index 71992c3d0a..5a3da4434f 100644
--- a/apps/svelte.dev/src/routes/tutorial/[...slug]/OutputRollup.svelte
+++ b/apps/svelte.dev/src/routes/tutorial/[...slug]/OutputRollup.svelte
@@ -1,16 +1,11 @@
 <script lang="ts">
 	import { browser } from '$app/environment';
-	// @ts-expect-error TODO types
 	import Viewer from '@sveltejs/repl/viewer';
-	// @ts-expect-error TODO types
 	import Console, { type Log } from '@sveltejs/repl/console';
 	import { theme } from '@sveltejs/site-kit/state';
 	import Chrome from './Chrome.svelte';
 	import Loading from './Loading.svelte';
 	import { adapter_state, update } from './adapter.svelte';
-	import { toStore } from 'svelte/store';
-
-	const bundle = toStore(() => adapter_state.bundle);
 
 	let terminal_visible = $state(false);
 	let logs = $state<Log[]>([]);
@@ -36,9 +31,11 @@
 			relaxed
 			can_escape
 			onLog={(l: Log[]) => (logs = l)}
-			{bundle}
+			bundler={adapter_state.bundler}
 			theme={theme.current}
 			injectedCSS="@import '/tutorial/shared.css';"
+			error={null}
+			status={null}
 		/>
 	{/if}
 
diff --git a/apps/svelte.dev/src/routes/tutorial/[...slug]/adapter.svelte.ts b/apps/svelte.dev/src/routes/tutorial/[...slug]/adapter.svelte.ts
index 350f8c039e..a959be1c52 100644
--- a/apps/svelte.dev/src/routes/tutorial/[...slug]/adapter.svelte.ts
+++ b/apps/svelte.dev/src/routes/tutorial/[...slug]/adapter.svelte.ts
@@ -3,7 +3,7 @@ import { page } from '$app/stores';
 import type { state as WCState } from '$lib/tutorial/adapters/webcontainer/index.svelte';
 import type { state as RollupState } from '$lib/tutorial/adapters/rollup/index.svelte';
 import type { Adapter } from '$lib/tutorial';
-import type { File, Item } from 'editor';
+import type { File, Item } from '@sveltejs/repl/workspace';
 import { needs_webcontainers } from './shared';
 
 let initial_load = true;
@@ -21,8 +21,8 @@ export const adapter_state = new (class {
 	/** Logs from the web container instance. Irrelevant for Rollup */
 	logs = $derived(wc_state.logs || []);
 
-	/** Result of a rollup compile. Irrelevant for web containers */
-	bundle = $derived(rollup_state.bundle);
+	/** Irrelevant for web containers */
+	bundler = $derived(rollup_state.bundler);
 
 	/** Startup progress */
 	progress = $derived(
diff --git a/apps/svelte.dev/src/routes/tutorial/[...slug]/filetree/File.svelte b/apps/svelte.dev/src/routes/tutorial/[...slug]/filetree/File.svelte
index 9bb3067204..5da9f62bc1 100644
--- a/apps/svelte.dev/src/routes/tutorial/[...slug]/filetree/File.svelte
+++ b/apps/svelte.dev/src/routes/tutorial/[...slug]/filetree/File.svelte
@@ -4,7 +4,7 @@
 	import file_icon from '$lib/icons/file.svg';
 	import { solution } from '../state.svelte';
 	import type { MenuItem } from '$lib/tutorial';
-	import type { File } from 'editor';
+	import type { File } from '@sveltejs/repl/workspace';
 
 	interface Props {
 		file: File;
diff --git a/apps/svelte.dev/src/routes/tutorial/[...slug]/filetree/Filetree.svelte b/apps/svelte.dev/src/routes/tutorial/[...slug]/filetree/Filetree.svelte
index a82ff49a99..d4cfe306e9 100644
--- a/apps/svelte.dev/src/routes/tutorial/[...slug]/filetree/Filetree.svelte
+++ b/apps/svelte.dev/src/routes/tutorial/[...slug]/filetree/Filetree.svelte
@@ -6,7 +6,7 @@
 	import { solution } from '../state.svelte';
 	import { afterNavigate } from '$app/navigation';
 	import type { Exercise } from '$lib/tutorial';
-	import type { Workspace, Item } from 'editor';
+	import type { Workspace, Item } from '@sveltejs/repl/workspace';
 
 	interface Props {
 		exercise: Exercise;
diff --git a/apps/svelte.dev/src/routes/tutorial/[...slug]/filetree/Folder.svelte b/apps/svelte.dev/src/routes/tutorial/[...slug]/filetree/Folder.svelte
index 9495998d21..c16bd233a5 100644
--- a/apps/svelte.dev/src/routes/tutorial/[...slug]/filetree/Folder.svelte
+++ b/apps/svelte.dev/src/routes/tutorial/[...slug]/filetree/Folder.svelte
@@ -8,7 +8,7 @@
 	import folder_open from '$lib/icons/folder-open.svg';
 	import { solution } from '../state.svelte';
 	import type { MenuItem } from '$lib/tutorial';
-	import type { Directory, File as IFile, Item as IItem } from 'editor';
+	import type { Directory, File as IFile, Item as IItem } from '@sveltejs/repl/workspace';
 
 	interface Props {
 		directory: Directory;
diff --git a/apps/svelte.dev/src/routes/tutorial/[...slug]/filetree/context.js b/apps/svelte.dev/src/routes/tutorial/[...slug]/filetree/context.js
index d4e7c578c3..2462c83a48 100644
--- a/apps/svelte.dev/src/routes/tutorial/[...slug]/filetree/context.js
+++ b/apps/svelte.dev/src/routes/tutorial/[...slug]/filetree/context.js
@@ -4,10 +4,10 @@ import { setContext, getContext } from 'svelte';
  * @typedef {{
  *   collapsed: import('svelte/store').Writable<Record<string, boolean>>;
  *   add: (name: string, type: 'file' | 'directory') => Promise<void>;
- *   rename: (stub: import('editor').Item, name: string) => Promise<void>;
- *   remove: (stub: import('editor').Item) => Promise<void>;
+ *   rename: (stub: import('@sveltejs/repl/workspace').Item, name: string) => Promise<void>;
+ *   remove: (stub: import('@sveltejs/repl/workspace').Item) => Promise<void>;
  *   select: (name: string) => void;
- *   workspace: import('editor').Workspace
+ *   workspace: import('@sveltejs/repl/workspace').Workspace
  * }} FileTreeContext
  */
 
diff --git a/apps/svelte.dev/src/routes/tutorial/[...slug]/state.svelte.ts b/apps/svelte.dev/src/routes/tutorial/[...slug]/state.svelte.ts
index cd0ae03614..c2eaf7f1b7 100644
--- a/apps/svelte.dev/src/routes/tutorial/[...slug]/state.svelte.ts
+++ b/apps/svelte.dev/src/routes/tutorial/[...slug]/state.svelte.ts
@@ -1,4 +1,4 @@
 import { writable } from 'svelte/store';
-import type { Item } from 'editor';
+import type { Item } from '@sveltejs/repl/workspace';
 
 export const solution = writable({} as Record<string, Item>);
diff --git a/packages/editor/.gitignore b/packages/editor/.gitignore
deleted file mode 100644
index 715b548f7b..0000000000
--- a/packages/editor/.gitignore
+++ /dev/null
@@ -1,22 +0,0 @@
-node_modules
-
-# Output
-.output
-.vercel
-/.svelte-kit
-/build
-/dist
-
-# OS
-.DS_Store
-Thumbs.db
-
-# Env
-.env
-.env.*
-!.env.example
-!.env.test
-
-# Vite
-vite.config.js.timestamp-*
-vite.config.ts.timestamp-*
diff --git a/packages/editor/.npmrc b/packages/editor/.npmrc
deleted file mode 100644
index b6f27f1359..0000000000
--- a/packages/editor/.npmrc
+++ /dev/null
@@ -1 +0,0 @@
-engine-strict=true
diff --git a/packages/editor/.prettierignore b/packages/editor/.prettierignore
deleted file mode 100644
index ab78a95ddd..0000000000
--- a/packages/editor/.prettierignore
+++ /dev/null
@@ -1,4 +0,0 @@
-# Package Managers
-package-lock.json
-pnpm-lock.yaml
-yarn.lock
diff --git a/packages/editor/.prettierrc b/packages/editor/.prettierrc
deleted file mode 100644
index 95730232b6..0000000000
--- a/packages/editor/.prettierrc
+++ /dev/null
@@ -1,8 +0,0 @@
-{
-	"useTabs": true,
-	"singleQuote": true,
-	"trailingComma": "none",
-	"printWidth": 100,
-	"plugins": ["prettier-plugin-svelte"],
-	"overrides": [{ "files": "*.svelte", "options": { "parser": "svelte" } }]
-}
diff --git a/packages/editor/README.md b/packages/editor/README.md
deleted file mode 100644
index 69f4875945..0000000000
--- a/packages/editor/README.md
+++ /dev/null
@@ -1,58 +0,0 @@
-# create-svelte
-
-Everything you need to build a Svelte library, powered by [`create-svelte`](https://github.com/sveltejs/kit/tree/main/packages/create-svelte).
-
-Read more about creating a library [in the docs](https://kit.svelte.dev/docs/packaging).
-
-## Creating a project
-
-If you're seeing this, you've probably already done this step. Congrats!
-
-```bash
-# create a new project in the current directory
-npm create svelte@latest
-
-# create a new project in my-app
-npm create svelte@latest my-app
-```
-
-## Developing
-
-Once you've created a project and installed dependencies with `npm install` (or `pnpm install` or `yarn`), start a development server:
-
-```bash
-npm run dev
-
-# or start the server and open the app in a new browser tab
-npm run dev -- --open
-```
-
-Everything inside `src/lib` is part of your library, everything inside `src/routes` can be used as a showcase or preview app.
-
-## Building
-
-To build your library:
-
-```bash
-npm run package
-```
-
-To create a production version of your showcase app:
-
-```bash
-npm run build
-```
-
-You can preview the production build with `npm run preview`.
-
-> To deploy your app, you may need to install an [adapter](https://kit.svelte.dev/docs/adapters) for your target environment.
-
-## Publishing
-
-Go into the `package.json` and give your package the desired name through the `"name"` option. Also consider adding a `"license"` field and point it to a `LICENSE` file which you can create from a template (one popular option is the [MIT license](https://opensource.org/license/mit/)).
-
-To publish your library to [npm](https://www.npmjs.com):
-
-```bash
-npm publish
-```
diff --git a/packages/editor/package.json b/packages/editor/package.json
deleted file mode 100644
index 17651a37c3..0000000000
--- a/packages/editor/package.json
+++ /dev/null
@@ -1,69 +0,0 @@
-{
-	"name": "editor",
-	"version": "0.0.1",
-	"private": true,
-	"scripts": {
-		"dev": "vite dev",
-		"build": "vite build && npm run package",
-		"preview": "vite preview",
-		"package": "svelte-kit sync && svelte-package && publint",
-		"prepublishOnly": "npm run package",
-		"check": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json",
-		"check:watch": "svelte-kit sync && svelte-check --tsconfig ./tsconfig.json --watch",
-		"lint": "prettier --check .",
-		"format": "prettier --write .",
-		"prepare": "svelte-kit sync"
-	},
-	"exports": {
-		".": {
-			"types": "./src/lib/index.ts",
-			"svelte": "./src/lib/index.ts"
-		}
-	},
-	"sideEffects": [
-		"**/*.css"
-	],
-	"files": [
-		"src",
-		"dist",
-		"!dist/**/*.test.*",
-		"!dist/**/*.spec.*"
-	],
-	"peerDependencies": {
-		"svelte": "^5.0.0"
-	},
-	"devDependencies": {
-		"@codemirror/autocomplete": "^6.9.0",
-		"@codemirror/commands": "^6.2.5",
-		"@codemirror/lang-css": "^6.2.1",
-		"@codemirror/lang-html": "^6.4.6",
-		"@codemirror/lang-javascript": "^6.2.1",
-		"@codemirror/language": "^6.10.3",
-		"@codemirror/lint": "^6.8.2",
-		"@codemirror/search": "^6.5.6",
-		"@codemirror/state": "^6.5.0",
-		"@codemirror/view": "^6.35.3",
-		"@replit/codemirror-lang-svelte": "^6.0.0",
-		"@replit/codemirror-vim": "^6.0.14",
-		"@sveltejs/adapter-auto": "^3.0.0",
-		"@sveltejs/kit": "^2.20.0",
-		"@sveltejs/package": "^2.0.0",
-		"@sveltejs/repl": "workspace:*",
-		"@sveltejs/site-kit": "workspace:*",
-		"@sveltejs/vite-plugin-svelte": "^4.0.0",
-		"codemirror": "^6.0.1",
-		"prettier": "^3.1.1",
-		"prettier-plugin-svelte": "^3.3.2",
-		"publint": "^0.2.12",
-		"svelte": "^5.23.0",
-		"svelte-check": "^4.1.1",
-		"typescript": "^5.0.0",
-		"vite": "^5.0.11"
-	},
-	"type": "module",
-	"dependencies": {
-		"@lezer/highlight": "^1.2.1",
-		"esm-env": "^1.0.0",
-		"tarparser": "^0.0.4"
-	}
-}
diff --git a/packages/editor/src/app.d.ts b/packages/editor/src/app.d.ts
deleted file mode 100644
index 743f07b2e5..0000000000
--- a/packages/editor/src/app.d.ts
+++ /dev/null
@@ -1,13 +0,0 @@
-// See https://kit.svelte.dev/docs/types#app
-// for information about these interfaces
-declare global {
-	namespace App {
-		// interface Error {}
-		// interface Locals {}
-		// interface PageData {}
-		// interface PageState {}
-		// interface Platform {}
-	}
-}
-
-export {};
diff --git a/packages/editor/src/app.html b/packages/editor/src/app.html
deleted file mode 100644
index f22aeaad5e..0000000000
--- a/packages/editor/src/app.html
+++ /dev/null
@@ -1,12 +0,0 @@
-<!doctype html>
-<html lang="en">
-	<head>
-		<meta charset="utf-8" />
-		<link rel="icon" href="%sveltekit.assets%/favicon.png" />
-		<meta name="viewport" content="width=device-width, initial-scale=1" />
-		%sveltekit.head%
-	</head>
-	<body data-sveltekit-preload-data="hover">
-		<div>%sveltekit.body%</div>
-	</body>
-</html>
diff --git a/packages/editor/src/lib/index.ts b/packages/editor/src/lib/index.ts
deleted file mode 100644
index 962edd774b..0000000000
--- a/packages/editor/src/lib/index.ts
+++ /dev/null
@@ -1,2 +0,0 @@
-export { default as Editor } from './Editor.svelte';
-export * from './Workspace.svelte';
diff --git a/packages/editor/src/routes/+page.svelte b/packages/editor/src/routes/+page.svelte
deleted file mode 100644
index 0a45b69f09..0000000000
--- a/packages/editor/src/routes/+page.svelte
+++ /dev/null
@@ -1,3 +0,0 @@
-<h1>Welcome to your library project</h1>
-<p>Create your package using @sveltejs/package and preview/showcase your work with SvelteKit</p>
-<p>Visit <a href="https://kit.svelte.dev">kit.svelte.dev</a> to read the documentation</p>
diff --git a/packages/editor/static/favicon.png b/packages/editor/static/favicon.png
deleted file mode 100644
index 825b9e65af..0000000000
Binary files a/packages/editor/static/favicon.png and /dev/null differ
diff --git a/packages/editor/svelte.config.js b/packages/editor/svelte.config.js
deleted file mode 100644
index 4a82086e24..0000000000
--- a/packages/editor/svelte.config.js
+++ /dev/null
@@ -1,18 +0,0 @@
-import adapter from '@sveltejs/adapter-auto';
-import { vitePreprocess } from '@sveltejs/vite-plugin-svelte';
-
-/** @type {import('@sveltejs/kit').Config} */
-const config = {
-	// Consult https://kit.svelte.dev/docs/integrations#preprocessors
-	// for more information about preprocessors
-	preprocess: vitePreprocess(),
-
-	kit: {
-		// adapter-auto only supports some environments, see https://kit.svelte.dev/docs/adapter-auto for a list.
-		// If your environment is not supported, or you settled on a specific environment, switch out the adapter.
-		// See https://kit.svelte.dev/docs/adapters for more information about adapters.
-		adapter: adapter()
-	}
-};
-
-export default config;
diff --git a/packages/editor/tsconfig.json b/packages/editor/tsconfig.json
deleted file mode 100644
index c4a014bac3..0000000000
--- a/packages/editor/tsconfig.json
+++ /dev/null
@@ -1,15 +0,0 @@
-{
-	"extends": "./.svelte-kit/tsconfig.json",
-	"compilerOptions": {
-		"allowJs": true,
-		"checkJs": true,
-		"esModuleInterop": true,
-		"forceConsistentCasingInFileNames": true,
-		"resolveJsonModule": true,
-		"skipLibCheck": true,
-		"sourceMap": true,
-		"strict": true,
-		"module": "preserve",
-		"moduleResolution": "bundler"
-	}
-}
diff --git a/packages/editor/vite.config.ts b/packages/editor/vite.config.ts
deleted file mode 100644
index bbf8c7da43..0000000000
--- a/packages/editor/vite.config.ts
+++ /dev/null
@@ -1,6 +0,0 @@
-import { sveltekit } from '@sveltejs/kit/vite';
-import { defineConfig } from 'vite';
-
-export default defineConfig({
-	plugins: [sveltekit()]
-});
diff --git a/packages/repl/package.json b/packages/repl/package.json
index 500b9c3758..6a40fe14de 100644
--- a/packages/repl/package.json
+++ b/packages/repl/package.json
@@ -24,16 +24,28 @@
 	"homepage": "https://github.com/sveltejs/svelte.dev/tree/main/packages/repl/#readme",
 	"exports": {
 		".": {
+			"types": "./src/lib/public.d.ts",
 			"svelte": "./src/lib/index.ts",
 			"default": "./src/lib/index.ts"
 		},
 		"./bundler": {
-			"default": "./src/lib/Bundler.ts"
+			"types": "./src/lib/Bundler.svelte.ts",
+			"default": "./src/lib/Bundler.svelte.ts"
+		},
+		"./editor": {
+			"types": "./src/lib/Editor/Editor.svelte",
+			"svelte": "./src/lib/Editor/Editor.svelte"
 		},
 		"./viewer": {
+			"types": "./src/lib/Output/Viewer.svelte",
 			"svelte": "./src/lib/Output/Viewer.svelte"
 		},
+		"./workspace": {
+			"types": "./src/lib/Workspace.svelte.ts",
+			"svelte": "./src/lib/Workspace.svelte.ts"
+		},
 		"./console": {
+			"types": "./src/lib/Output/console/Console.svelte",
 			"svelte": "./src/lib/Output/console/Console.svelte"
 		}
 	},
@@ -64,6 +76,7 @@
 		"@codemirror/autocomplete": "^6.16.0",
 		"@codemirror/commands": "^6.5.0",
 		"@codemirror/lang-css": "^6.2.1",
+		"@codemirror/lang-html": "^6.4.6",
 		"@codemirror/lang-javascript": "^6.2.2",
 		"@codemirror/lang-json": "^6.0.1",
 		"@codemirror/lang-markdown": "^6.2.5",
@@ -72,6 +85,7 @@
 		"@codemirror/state": "^6.5.0",
 		"@codemirror/view": "^6.35.3",
 		"@jridgewell/sourcemap-codec": "^1.4.15",
+		"@lezer/highlight": "^1.2.1",
 		"@replit/codemirror-lang-svelte": "^6.0.0",
 		"@replit/codemirror-vim": "^6.0.14",
 		"@rich_harris/svelte-split-pane": "^2.0.0",
@@ -79,7 +93,7 @@
 		"@sveltejs/site-kit": "workspace:*",
 		"@sveltejs/svelte-json-tree": "^2.2.1",
 		"acorn": "^8.11.3",
-		"editor": "workspace:*",
+		"codemirror": "^6.0.1",
 		"esm-env": "^1.0.0",
 		"esrap": "^1.2.2",
 		"locate-character": "^3.0.0",
diff --git a/packages/repl/src/lib/Bundler.svelte.ts b/packages/repl/src/lib/Bundler.svelte.ts
new file mode 100644
index 0000000000..4a36df3724
--- /dev/null
+++ b/packages/repl/src/lib/Bundler.svelte.ts
@@ -0,0 +1,59 @@
+import type { BundleResult } from './public';
+import type { File } from './Workspace.svelte';
+
+let uid = 1;
+
+export default class Bundler {
+	#worker: Worker;
+
+	result = $state.raw<BundleResult | null>(null);
+
+	constructor({
+		svelte_version,
+		onstatus,
+		onversion,
+		onerror
+	}: {
+		svelte_version: string;
+		onstatus: (val: string | null) => void;
+		onversion?: (version: string) => void;
+		onerror?: (message: string) => void;
+	}) {
+		this.#worker = new Worker(new URL('./workers/bundler/index', import.meta.url), {
+			type: 'module'
+		});
+
+		this.#worker.onmessage = (event) => {
+			if (event.data.type === 'status') {
+				onstatus(event.data.message);
+				return;
+			}
+
+			if (event.data.type === 'version') {
+				onversion?.(event.data.message);
+				return;
+			}
+
+			if (event.data.type === 'error') {
+				onerror?.(event.data.message);
+				return;
+			}
+
+			onstatus(null);
+			this.result = event.data;
+		};
+
+		this.#worker.postMessage({ type: 'init', svelte_version });
+	}
+
+	bundle(files: File[], options: { tailwind?: boolean }) {
+		this.#worker.postMessage({
+			uid,
+			type: 'bundle',
+			files,
+			options
+		});
+
+		uid += 1;
+	}
+}
diff --git a/packages/repl/src/lib/Bundler.ts b/packages/repl/src/lib/Bundler.ts
deleted file mode 100644
index a861c2a686..0000000000
--- a/packages/repl/src/lib/Bundler.ts
+++ /dev/null
@@ -1,80 +0,0 @@
-import type { BundleResult } from './workers/bundler';
-import type { BundleMessageData } from './workers/workers';
-import type { File } from 'editor';
-
-const workers = new Map();
-
-let uid = 1;
-
-export default class Bundler {
-	hash: string;
-	worker: Worker;
-	handlers: Map<number, (data: BundleMessageData) => void>;
-
-	constructor({
-		packages_url,
-		svelte_version,
-		onstatus,
-		onerror
-	}: {
-		packages_url: string;
-		svelte_version: string;
-		onstatus: (val: string | null) => void;
-		onerror?: (message: string) => void;
-	}) {
-		this.hash = `${packages_url}:${svelte_version}`;
-
-		if (!workers.has(this.hash)) {
-			const worker = new Worker(new URL('./workers/bundler/index', import.meta.url), {
-				type: 'module'
-			});
-
-			worker.postMessage({ type: 'init', packages_url, svelte_version });
-			workers.set(this.hash, worker);
-		}
-
-		this.worker = workers.get(this.hash);
-
-		this.handlers = new Map();
-
-		this.worker.addEventListener('message', (event: MessageEvent<BundleMessageData>) => {
-			const handler = this.handlers.get(event.data.uid);
-
-			if (handler) {
-				// if no handler, was meant for a different REPL
-				if (event.data.type === 'status') {
-					onstatus(event.data.message);
-					return;
-				}
-
-				if (event.data.type === 'error') {
-					onerror?.(event.data.message);
-					return;
-				}
-
-				onstatus(null);
-				handler(event.data);
-				this.handlers.delete(event.data.uid);
-			}
-		});
-	}
-
-	bundle(files: File[], options: { tailwind?: boolean }): Promise<BundleResult> {
-		return new Promise<any>((fulfil) => {
-			this.handlers.set(uid, fulfil);
-			this.worker.postMessage({
-				uid,
-				type: 'bundle',
-				files,
-				options
-			});
-
-			uid += 1;
-		});
-	}
-
-	destroy() {
-		this.worker.terminate();
-		workers.delete(this.hash);
-	}
-}
diff --git a/packages/editor/src/lib/compile-worker/index.ts b/packages/repl/src/lib/Compiler.ts
similarity index 90%
rename from packages/editor/src/lib/compile-worker/index.ts
rename to packages/repl/src/lib/Compiler.ts
index 65c6be59a0..471689d895 100644
--- a/packages/editor/src/lib/compile-worker/index.ts
+++ b/packages/repl/src/lib/Compiler.ts
@@ -1,5 +1,5 @@
 import { BROWSER } from 'esm-env';
-import type { Compiled, File } from '../Workspace.svelte';
+import type { Compiled, File } from './Workspace.svelte';
 
 const callbacks = new Map<string, Map<number, (compiled: Compiled) => void>>();
 
@@ -8,7 +8,7 @@ let worker: Worker;
 let uid = 1;
 
 if (BROWSER) {
-	worker = new Worker(new URL('./worker', import.meta.url), {
+	worker = new Worker(new URL('./workers/compiler/index', import.meta.url), {
 		type: 'module'
 	});
 
diff --git a/packages/editor/src/lib/Editor.svelte b/packages/repl/src/lib/Editor/Editor.svelte
similarity index 97%
rename from packages/editor/src/lib/Editor.svelte
rename to packages/repl/src/lib/Editor/Editor.svelte
index a017f9e8c5..fbf981f20d 100644
--- a/packages/editor/src/lib/Editor.svelte
+++ b/packages/repl/src/lib/Editor/Editor.svelte
@@ -2,7 +2,7 @@
 	import { BROWSER } from 'esm-env';
 	import { setDiagnostics } from '@codemirror/lint';
 	import { EditorView } from '@codemirror/view';
-	import { Workspace, type File } from './Workspace.svelte.js';
+	import { Workspace, type File } from '../Workspace.svelte';
 	import './codemirror.css';
 
 	interface Props {
diff --git a/packages/editor/src/lib/close-dark.svg b/packages/repl/src/lib/Editor/close-dark.svg
similarity index 100%
rename from packages/editor/src/lib/close-dark.svg
rename to packages/repl/src/lib/Editor/close-dark.svg
diff --git a/packages/editor/src/lib/close-light.svg b/packages/repl/src/lib/Editor/close-light.svg
similarity index 100%
rename from packages/editor/src/lib/close-light.svg
rename to packages/repl/src/lib/Editor/close-light.svg
diff --git a/packages/editor/src/lib/codemirror.css b/packages/repl/src/lib/Editor/codemirror.css
similarity index 100%
rename from packages/editor/src/lib/codemirror.css
rename to packages/repl/src/lib/Editor/codemirror.css
diff --git a/packages/repl/src/lib/Input/ComponentSelector.svelte b/packages/repl/src/lib/Input/ComponentSelector.svelte
index b7fb95b3fa..f6bb459244 100644
--- a/packages/repl/src/lib/Input/ComponentSelector.svelte
+++ b/packages/repl/src/lib/Input/ComponentSelector.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
 	import RunesInfo from './RunesInfo.svelte';
-	import type { Workspace, File } from 'editor';
+	import type { Workspace, File } from '../Workspace.svelte';
 	import { tick } from 'svelte';
 	import { Checkbox, Toolbox } from '@sveltejs/site-kit/components';
 
diff --git a/packages/repl/src/lib/Output/AstView.svelte b/packages/repl/src/lib/Output/AstView.svelte
index b14d998c6f..9d9f05e29e 100644
--- a/packages/repl/src/lib/Output/AstView.svelte
+++ b/packages/repl/src/lib/Output/AstView.svelte
@@ -3,7 +3,7 @@
 	import Message from '../Message.svelte';
 	import AstNode from './AstNode.svelte';
 	import type { CompileResult } from 'svelte/compiler';
-	import type { Workspace } from 'editor';
+	import type { Workspace } from '../Workspace.svelte';
 
 	type Ast = CompileResult['ast'];
 
diff --git a/packages/repl/src/lib/Output/CompilerOptions.svelte b/packages/repl/src/lib/Output/CompilerOptions.svelte
index b67f20f4dd..4dd49ab647 100644
--- a/packages/repl/src/lib/Output/CompilerOptions.svelte
+++ b/packages/repl/src/lib/Output/CompilerOptions.svelte
@@ -1,6 +1,6 @@
 <script lang="ts">
-	import type { Workspace } from 'editor';
 	import { Checkbox } from '@sveltejs/site-kit/components';
+	import type { Workspace } from '../Workspace.svelte';
 
 	let { workspace }: { workspace: Workspace } = $props();
 </script>
diff --git a/packages/repl/src/lib/Output/Output.svelte b/packages/repl/src/lib/Output/Output.svelte
index 008511c753..bccdfc064b 100644
--- a/packages/repl/src/lib/Output/Output.svelte
+++ b/packages/repl/src/lib/Output/Output.svelte
@@ -5,8 +5,9 @@
 	import CompilerOptions from './CompilerOptions.svelte';
 	import PaneWithPanel from './PaneWithPanel.svelte';
 	import Viewer from './Viewer.svelte';
-	import { Editor, Workspace, type File } from 'editor';
-	import { tick, untrack } from 'svelte';
+	import { Workspace, type File } from '../Workspace.svelte';
+	import Editor from '../Editor/Editor.svelte';
+	import { untrack } from 'svelte';
 	import { decode, type SourceMapSegment } from '@jridgewell/sourcemap-codec';
 
 	interface Props {
@@ -279,10 +280,6 @@
 		}
 	}
 
-	div[slot] {
-		height: 100%;
-	}
-
 	.tab-content {
 		position: absolute;
 		width: 100%;
diff --git a/packages/repl/src/lib/Output/PaneWithPanel.svelte b/packages/repl/src/lib/Output/PaneWithPanel.svelte
index 06820ac20c..d0750694ff 100644
--- a/packages/repl/src/lib/Output/PaneWithPanel.svelte
+++ b/packages/repl/src/lib/Output/PaneWithPanel.svelte
@@ -118,7 +118,6 @@
 		justify-content: space-between;
 		align-items: center;
 		padding: 0.5rem 0.5rem 0.5rem 1rem;
-		cursor: pointer;
 	}
 
 	.panel-body {
diff --git a/packages/repl/src/lib/Output/Viewer.svelte b/packages/repl/src/lib/Output/Viewer.svelte
index 9ab087e4a3..8f973970e6 100644
--- a/packages/repl/src/lib/Output/Viewer.svelte
+++ b/packages/repl/src/lib/Output/Viewer.svelte
@@ -1,7 +1,7 @@
 <script lang="ts">
 	import { get_repl_context } from '../context';
 	import { BROWSER } from 'esm-env';
-	import { onMount } from 'svelte';
+	import { onMount, untrack } from 'svelte';
 	import Message from '../Message.svelte';
 	import PaneWithPanel from './PaneWithPanel.svelte';
 	import ReplProxy from './ReplProxy.js';
@@ -11,47 +11,63 @@
 	import srcdoc_styles from './srcdoc/styles.css?raw';
 	import ErrorOverlay from './ErrorOverlay.svelte';
 	import type { CompileError } from 'svelte/compiler';
-	import type { Bundle } from '../types';
-	import type { Writable } from 'svelte/store';
-
-	export let error: Error | null;
-	/** status by Bundler class instance */
-	export let status: string | null;
-	/** sandbox allow-same-origin */
-	export let relaxed = false;
-	/** sandbox allow-popups-to-escape-sandbox (i.e. links within the REPL to other pages work) */
-	export let can_escape = false;
-	/** Any additional JS you may want to inject */
-	export let injectedJS = '';
-	/** Any additional CSS you may want to inject */
-	export let injectedCSS = '';
-	export let theme: 'light' | 'dark';
-	/** A store containing the current bundle result. Takes precedence over REPL context, if set */
-	export let bundle: Writable<Bundle | null> | undefined = undefined;
-	/** Called everytime a log is pushed. If this is set, the built-in console coming with the Viewer isn't shown */
-	export let onLog: ((logs: Log[]) => void) | undefined = undefined;
-
-	const context = get_repl_context();
-	bundle = bundle ?? context.bundle;
-
-	let logs: Log[] = [];
+	import type Bundler from '../Bundler.svelte';
+	import type { BundleResult } from '../public';
+
+	interface Props {
+		error: Error | null;
+		/** status by Bundler class instance */
+		status: string | null;
+		/** sandbox allow-same-origin */
+		relaxed?: boolean;
+		/** sandbox allow-popups-to-escape-sandbox (i.e. links within the REPL to other pages work) */
+		can_escape?: boolean;
+		/** Any additional JS you may want to inject */
+		injectedJS?: string;
+		/** Any additional CSS you may want to inject */
+		injectedCSS?: string;
+		theme: 'light' | 'dark';
+		/** The current bundler. Takes precedence over REPL context, if set */
+		bundler?: Bundler;
+		/** Called everytime a log is pushed. If this is set, the built-in console coming with the Viewer isn't shown */
+		onLog?: ((logs: Log[]) => void) | undefined;
+	}
+
+	let {
+		error = $bindable(),
+		status,
+		relaxed = false,
+		can_escape = false,
+		injectedJS = '',
+		injectedCSS = '',
+		theme,
+		bundler,
+		onLog = undefined
+	}: Props = $props();
+
+	let context = get_repl_context();
+	let bundle = $derived((bundler ?? context?.bundler)?.result);
+
+	let logs: Log[] = $state.raw([]); // we don't want to proxify the logged values
 	let log_group_stack: Log[][] = [];
+
+	// svelte-ignore state_referenced_locally
 	let current_log_group = logs;
 
-	let iframe: HTMLIFrameElement;
-	let pending_imports = 0;
+	let iframe = $state.raw<HTMLIFrameElement>();
+	let pending_imports = $state(0);
 	let pending = false;
 
-	let proxy: ReplProxy | null = null;
-	let ready = false;
-	let inited = false;
+	let proxy: ReplProxy | null = $state.raw(null);
+	let ready = $state(false);
+	let inited = $state(false);
 
 	let log_height = 90;
 	let prev_height: number;
 	let last_console_event: Log;
 
 	onMount(() => {
-		proxy = new ReplProxy(iframe, {
+		proxy = new ReplProxy(iframe!, {
 			on_fetch_progress: (progress) => {
 				pending_imports = progress;
 			},
@@ -89,7 +105,7 @@
 			}
 		});
 
-		iframe.addEventListener('load', () => {
+		iframe!.addEventListener('load', () => {
 			proxy?.handle_links();
 			ready = true;
 		});
@@ -99,15 +115,19 @@
 		};
 	});
 
-	$: if (ready) proxy?.iframe_command('set_theme', { theme });
+	$effect(() => {
+		if (ready) {
+			proxy?.iframe_command('set_theme', { theme });
+		}
+	});
 
-	async function apply_bundle($bundle: Bundle | null | undefined) {
-		if (!$bundle) return;
+	async function apply_bundle(bundle: BundleResult | null) {
+		if (!bundle) return;
 
 		try {
 			clear_logs();
 
-			if (!$bundle.error) {
+			if (!bundle.error) {
 				await proxy?.eval(
 					`
 					${injectedJS}
@@ -157,7 +177,7 @@
 						window._svelteTransitionManager = null;
 					}
 
-					const __repl_exports = ${$bundle.client?.code};
+					const __repl_exports = ${bundle.client?.code};
 					{
 						const { mount, unmount, App, untrack } = __repl_exports;
 
@@ -186,7 +206,7 @@
 					}
 					//# sourceURL=playground:output
 				`,
-					$bundle?.tailwind ?? srcdoc_styles
+					bundle?.tailwind ?? srcdoc_styles
 				);
 				error = null;
 			}
@@ -198,20 +218,31 @@
 		inited = true;
 	}
 
-	$: if (ready) apply_bundle($bundle);
+	$effect(() => {
+		if (ready) {
+			const b = bundle;
 
-	$: if (injectedCSS && proxy && ready) {
-		proxy.eval(
-			`{
-				const style = document.createElement('style');
-				style.textContent = ${JSON.stringify(injectedCSS)};
-				document.head.appendChild(style);
-			}`
-		);
-	}
+			// TODO tidy up
+			untrack(() => {
+				apply_bundle(b);
+			});
+		}
+	});
+
+	$effect(() => {
+		if (injectedCSS && proxy && ready) {
+			proxy.eval(
+				`{
+					const style = document.createElement('style');
+					style.textContent = ${JSON.stringify(injectedCSS)};
+					document.head.appendChild(style);
+				}`
+			);
+		}
+	});
 
 	function show_error(e: CompileError & { loc: { line: number; column: number } }) {
-		const map = $bundle?.client?.map;
+		const map = bundle?.client?.map;
 
 		// @ts-ignore INVESTIGATE
 		const loc = map && getLocationFromStack(e.stack, map);
@@ -226,7 +257,7 @@
 
 	function push_logs(log: Log) {
 		current_log_group.push((last_console_event = log));
-		logs = logs;
+		logs = [...logs, log];
 		onLog?.(logs);
 	}
 
@@ -236,7 +267,7 @@
 		// TODO: Investigate
 		log_group_stack.push(current_log_group);
 		current_log_group = log.logs;
-		logs = logs;
+		logs = [...logs];
 		onLog?.(logs);
 	}
 
@@ -251,7 +282,7 @@
 
 		if (last_log) {
 			last_log.count = (last_log.count || 1) + 1;
-			logs = logs;
+			logs = [...logs];
 			onLog?.(logs);
 		} else {
 			last_console_event.count = 1;
@@ -292,8 +323,8 @@
 		srcdoc={BROWSER ? srcdoc : ''}
 	></iframe>
 
-	{#if $bundle?.error}
-		<ErrorOverlay error={$bundle.error} />
+	{#if bundle?.error}
+		<ErrorOverlay error={bundle.error} />
 	{/if}
 {/snippet}
 
@@ -301,7 +332,14 @@
 	{#if !onLog}
 		<PaneWithPanel pos="100%" panel="Console" {main}>
 			{#snippet header()}
-				<button class="raised" disabled={logs.length === 0} on:click|stopPropagation={clear_logs}>
+				<button
+					class="raised"
+					disabled={logs.length === 0}
+					onclick={(e) => {
+						e.stopPropagation();
+						clear_logs();
+					}}
+				>
 					{#if logs.length > 0}
 						({logs.length})
 					{/if}
@@ -320,7 +358,7 @@
 	<div class="overlay">
 		{#if error}
 			<Message kind="error" details={error} />
-		{:else if status || !$bundle}
+		{:else if status || !bundle}
 			<Message kind="info" truncate>{status || 'loading Svelte compiler...'}</Message>
 		{/if}
 	</div>
diff --git a/packages/repl/src/lib/Repl.svelte b/packages/repl/src/lib/Repl.svelte
index 85bd3f520b..5843fedd65 100644
--- a/packages/repl/src/lib/Repl.svelte
+++ b/packages/repl/src/lib/Repl.svelte
@@ -3,15 +3,15 @@
 	import { ScreenToggle } from '@sveltejs/site-kit/components';
 	import { BROWSER } from 'esm-env';
 	import { writable } from 'svelte/store';
-	import Bundler from './Bundler.js';
+	import Bundler from './Bundler.svelte.js';
 	import ComponentSelector from './Input/ComponentSelector.svelte';
 	import Output from './Output/Output.svelte';
 	import { set_repl_context } from './context.js';
-	import { Workspace, Editor, type File } from 'editor';
-	import type { Bundle, ReplContext } from './types.js';
+	import { Workspace, type File } from './Workspace.svelte.js';
+	import Editor from './Editor/Editor.svelte';
+	import type { ReplContext } from './types.js';
 
 	interface Props {
-		packagesUrl?: string;
 		svelteVersion?: string;
 		embedded?: boolean | 'output-only';
 		orientation?: 'columns' | 'rows';
@@ -22,12 +22,12 @@
 		injectedJS?: string;
 		injectedCSS?: string;
 		previewTheme?: 'light' | 'dark';
+		onversion?: (version: string) => void;
 		onchange?: () => void;
 		download?: () => void;
 	}
 
 	let {
-		packagesUrl = 'https://unpkg.com',
 		svelteVersion = 'latest',
 		embedded = false,
 		orientation = 'columns',
@@ -38,6 +38,7 @@
 		injectedJS = '',
 		injectedCSS = '',
 		previewTheme = 'light',
+		onversion,
 		onchange = () => {},
 		download
 	}: Props = $props();
@@ -66,7 +67,7 @@
 	// TODO get rid
 	export function toJSON() {
 		return {
-			imports: $bundle?.imports ?? [],
+			imports: bundler!.result?.imports ?? [],
 			files: workspace.files,
 			tailwind: workspace.tailwind
 		};
@@ -82,24 +83,12 @@
 		workspace.mark_saved();
 	}
 
-	const bundle: ReplContext['bundle'] = writable(null);
 	const toggleable: ReplContext['toggleable'] = writable(false);
 
-	set_repl_context({
-		bundle,
-		toggleable,
-		workspace,
-		svelteVersion
-	});
-
-	let current_token: Symbol;
-
 	async function rebundle() {
-		const token = (current_token = Symbol());
-		const result = await bundler!.bundle(workspace.files as File[], {
+		bundler!.bundle(workspace.files as File[], {
 			tailwind: workspace.tailwind
 		});
-		if (token === current_token) $bundle = result as Bundle;
 	}
 
 	async function migrate() {
@@ -122,8 +111,8 @@
 
 	const bundler = BROWSER
 		? new Bundler({
-				packages_url: packagesUrl,
 				svelte_version: svelteVersion,
+				onversion,
 				onstatus: (message) => {
 					if (message) {
 						// show bundler status, but only after time has elapsed, to
@@ -146,6 +135,13 @@
 			})
 		: null;
 
+	set_repl_context({
+		bundler,
+		toggleable,
+		workspace,
+		svelteVersion
+	});
+
 	function before_unload(event: BeforeUnloadEvent) {
 		if (Object.keys(workspace.modified).length > 0) {
 			event.preventDefault();
diff --git a/packages/editor/src/lib/Workspace.svelte.ts b/packages/repl/src/lib/Workspace.svelte.ts
similarity index 99%
rename from packages/editor/src/lib/Workspace.svelte.ts
rename to packages/repl/src/lib/Workspace.svelte.ts
index a4ec178e02..f1af3a5837 100644
--- a/packages/editor/src/lib/Workspace.svelte.ts
+++ b/packages/repl/src/lib/Workspace.svelte.ts
@@ -1,6 +1,6 @@
 import type { CompileError, CompileResult } from 'svelte/compiler';
 import { Compartment, EditorState, StateEffect, StateField } from '@codemirror/state';
-import { compile_file } from './compile-worker';
+import { compile_file } from './Compiler';
 import { BROWSER } from 'esm-env';
 import { basicSetup, EditorView } from 'codemirror';
 import { javascript } from '@codemirror/lang-javascript';
@@ -489,7 +489,7 @@ export class Workspace {
 
 		localStorage.setItem('vim', String(value));
 
-		// @ts-expect-error jfc CodeMirror is a struggle
+		// @ts-ignore jfc CodeMirror is a struggle
 		let vim_extension_index = default_extensions.findIndex((ext) => ext.compartment === vim_mode);
 
 		let extension: any = [];
diff --git a/packages/repl/src/lib/index.ts b/packages/repl/src/lib/index.ts
index a730b23f10..e46b51da04 100644
--- a/packages/repl/src/lib/index.ts
+++ b/packages/repl/src/lib/index.ts
@@ -1,2 +1 @@
 export { default as Repl } from './Repl.svelte';
-export type { File } from './types';
diff --git a/packages/repl/src/lib/public.d.ts b/packages/repl/src/lib/public.d.ts
new file mode 100644
index 0000000000..cfed938d44
--- /dev/null
+++ b/packages/repl/src/lib/public.d.ts
@@ -0,0 +1,12 @@
+import type { OutputChunk, RollupError } from '@rollup/browser';
+
+export interface BundleResult {
+	uid: number;
+	error: (RollupError & CompileError) | null;
+	client: OutputChunk | null;
+	server: OutputChunk | null;
+	tailwind: string | null;
+	imports: string[];
+}
+
+export * from './index';
diff --git a/packages/editor/src/lib/theme.ts b/packages/repl/src/lib/theme.ts
similarity index 100%
rename from packages/editor/src/lib/theme.ts
rename to packages/repl/src/lib/theme.ts
diff --git a/packages/repl/src/lib/types.d.ts b/packages/repl/src/lib/types.d.ts
index a46e9f0766..d8f8ba70c0 100644
--- a/packages/repl/src/lib/types.d.ts
+++ b/packages/repl/src/lib/types.d.ts
@@ -2,7 +2,8 @@ import type { EditorState } from '@codemirror/state';
 import { OutputChunk, RollupError } from '@rollup/browser';
 import type { Readable, Writable } from 'svelte/store';
 import type { CompileError } from 'svelte/compiler';
-import type { Workspace } from 'editor';
+import type { Workspace } from './Workspace.svelte';
+import type { BundleResult } from './public';
 
 export type Lang = 'js' | 'svelte' | 'json' | 'md' | 'css' | (string & Record<never, never>);
 
@@ -21,16 +22,6 @@ export type MessageDetails = {
 
 export type Warning = MessageDetails;
 
-export type Bundle = {
-	uid: number;
-	client: OutputChunk | null;
-	error: (RollupError & CompileError) | null;
-	server: OutputChunk | null;
-	tailwind?: string;
-	imports: string[];
-	warnings: Warning[];
-};
-
 export type File = {
 	name: string;
 	source: string;
@@ -39,13 +30,13 @@ export type File = {
 };
 
 export type ReplState = {
-	bundle: Bundle | null;
-	bundler: import('./Bundler').default | null;
+	bundle: BundleResult | null;
+	bundler: import('./Bundler.svelte').default | null;
 	toggleable: boolean;
 };
 
 export type ReplContext = {
-	bundle: Writable<ReplState['bundle']>;
+	bundler: Bundler;
 	toggleable: Writable<ReplState['toggleable']>;
 	workspace: Workspace;
 	svelteVersion: string;
diff --git a/packages/repl/src/lib/workers/bundler/index.ts b/packages/repl/src/lib/workers/bundler/index.ts
index 44c0479ecb..ee0468dc64 100644
--- a/packages/repl/src/lib/workers/bundler/index.ts
+++ b/packages/repl/src/lib/workers/bundler/index.ts
@@ -1,10 +1,8 @@
 import '@sveltejs/site-kit/polyfills';
 import { walk } from 'zimmerframe';
 import '../patch_window';
-import { sleep } from '../../utils';
 import { rollup } from '@rollup/browser';
 import { DEV } from 'esm-env';
-import * as resolve from 'resolve.exports';
 import commonjs from './plugins/commonjs';
 import glsl from './plugins/glsl';
 import json from './plugins/json';
@@ -17,101 +15,68 @@ import type { Plugin, RollupCache, TransformResult } from '@rollup/browser';
 import type { BundleMessageData, BundleOptions } from '../workers';
 import type { Warning } from '../../types';
 import type { CompileError, CompileResult } from 'svelte/compiler';
-import type { File } from 'editor';
+import type { File } from '../../Workspace.svelte';
 import type { Node } from 'estree';
-import { parseTar, type FileDescription } from 'tarparser';
 import { max } from './semver';
+import { NPM, VIRTUAL } from '../constants';
+import {
+	add_suffix,
+	fetch_package,
+	load_svelte,
+	parse_npm_url,
+	resolve_local,
+	resolve_subpath,
+	resolve_version
+} from '../npm';
+import type { BundleResult } from '$lib/public';
 
 // hack for magic-string and rollup inline sourcemaps
 // do not put this into a separate module and import it, would be treeshaken in prod
 self.window = self;
 
-let packages_url: string;
-let svelte_url: string;
-let version: string;
-let current_id: number;
-
-let inited = Promise.withResolvers<typeof svelte>();
-
-let can_use_experimental_async = false;
-
-async function init(v: string, packages_url: string) {
-	const match = /^(pr|commit|branch)-(.+)/.exec(v);
-
-	let tarball: FileDescription[] | undefined;
-
-	if (match) {
-		const response = await fetch(`https://pkg.pr.new/svelte@${match[2]}`);
-
-		if (!response.ok) {
-			throw new Error(
-				`impossible to fetch the compiler from this ${match[1] === 'pr' ? 'PR' : 'commit'}`
-			);
-		}
-
-		tarball = await parseTar(await response.arrayBuffer());
-
-		const json = tarball.find((file) => file.name === 'package/package.json')!.text;
-		version = JSON.parse(json).version;
-
-		svelte_url = `svelte://svelte@${version}`;
-
-		for (const file of tarball) {
-			const url = `${svelte_url}/${file.name.slice('package/'.length)}`;
-			FETCH_CACHE.set(url, Promise.resolve({ url, body: file.text }));
-		}
-	} else if (v === 'local') {
-		version = v;
-		svelte_url = `/svelte`;
-	} else {
-		const response = await fetch(`${packages_url}/svelte@${v}/package.json`);
-		const pkg = await response.json();
-		version = pkg.version;
-		svelte_url = `${packages_url}/svelte@${version}`;
-	}
-
-	console.log(`Using Svelte compiler version ${version}`);
-
-	const entry = version.startsWith('3.')
-		? 'compiler.js'
-		: version.startsWith('4.')
-			? 'compiler.cjs'
-			: 'compiler/index.js';
-
-	const compiler = tarball
-		? tarball.find((file) => file.name === `package/${entry}`)!.text
-		: await fetch(`${svelte_url}/${entry}`).then((r) => r.text());
-
-	(0, eval)(compiler + `\n//# sourceURL=${entry}@` + version);
+const ENTRYPOINT = '__entry.js';
+const STYLES = '__styles.js';
+const ESM_ENV = '__esm-env.js';
 
-	try {
-		self.svelte.compileModule('', {
-			generate: 'client',
-			// @ts-expect-error
-			experimental: {
-				async: true
-			}
-		});
-
-		can_use_experimental_async = true;
-	} catch (e) {
-		// do nothing
-	}
+let current_id: number;
 
-	return svelte;
-}
+let ready: ReturnType<typeof load_svelte>;
 
 self.addEventListener('message', async (event: MessageEvent<BundleMessageData>) => {
 	switch (event.data.type) {
 		case 'init': {
-			packages_url = event.data.packages_url;
-			init(event.data.svelte_version, packages_url).then(inited.resolve, inited.reject);
+			ready = load_svelte(event.data.svelte_version, (version) => {
+				self.postMessage({
+					type: 'version',
+					message: version
+				});
+			});
+
 			break;
 		}
 
 		case 'bundle': {
 			try {
-				await inited.promise;
+				const { svelte, version: svelte_version, can_use_experimental_async } = await ready;
+				const { uid, files, options } = event.data;
+
+				current_id = uid;
+
+				setTimeout(async () => {
+					if (current_id !== uid) return;
+
+					const result = await bundle(
+						svelte,
+						svelte_version,
+						uid,
+						files,
+						options,
+						can_use_experimental_async
+					);
+
+					if (JSON.stringify(result.error) === JSON.stringify(ABORT)) return;
+					if (result && uid === current_id) postMessage(result);
+				});
 			} catch (e) {
 				self.postMessage({
 					type: 'error',
@@ -119,20 +84,6 @@ self.addEventListener('message', async (event: MessageEvent<BundleMessageData>)
 					message: `Error loading the compiler: ${(e as Error).message}`
 				});
 			}
-			const { uid, files, options } = event.data;
-
-			if (files.length === 0) return;
-
-			current_id = uid;
-
-			setTimeout(async () => {
-				if (current_id !== uid) return;
-
-				const result = await bundle({ uid, files, options });
-
-				if (JSON.stringify(result.error) === JSON.stringify(ABORT)) return;
-				if (result && uid === current_id) postMessage(result);
-			});
 
 			break;
 		}
@@ -141,111 +92,6 @@ self.addEventListener('message', async (event: MessageEvent<BundleMessageData>)
 
 const ABORT = { aborted: true };
 
-const FETCH_CACHE: Map<string, Promise<{ url: string; body: string }>> = new Map();
-
-async function fetch_if_uncached(url: string, uid: number) {
-	if (FETCH_CACHE.has(url)) {
-		return FETCH_CACHE.get(url);
-	}
-
-	// TODO: investigate whether this is necessary
-	await sleep(50);
-	if (uid !== current_id) throw ABORT;
-
-	const promise = fetch(url)
-		.then(async (r) => {
-			if (!r.ok) throw new Error(await r.text());
-
-			return {
-				url: r.url,
-				body: await r.text()
-			};
-		})
-		.catch((err) => {
-			FETCH_CACHE.delete(url);
-			throw err;
-		});
-
-	FETCH_CACHE.set(url, promise);
-	return promise;
-}
-
-async function follow_redirects(url: string, uid: number) {
-	const res = await fetch_if_uncached(url, uid);
-	return res?.url;
-}
-
-async function resolve_from_pkg(
-	pkg: Record<string, unknown>,
-	subpath: string,
-	uid: number,
-	pkg_url_base: string
-) {
-	// match legacy Rollup logic — pkg.svelte takes priority over pkg.exports
-	if (typeof pkg.svelte === 'string' && subpath === '.') {
-		return pkg.svelte;
-	}
-
-	// modern
-	if (pkg.exports) {
-		try {
-			const resolved = resolve.exports(pkg, subpath, {
-				browser: true,
-				conditions: ['svelte', 'module', 'browser', 'development']
-			});
-
-			return resolved?.[0];
-		} catch {
-			throw `no matched export path was found in "${pkg.name}/package.json"`;
-		}
-	}
-
-	// legacy
-	if (subpath === '.') {
-		let resolved_id = resolve.legacy(pkg, {
-			fields: ['browser', 'module', 'main']
-		});
-
-		if (typeof resolved_id === 'object' && !Array.isArray(resolved_id)) {
-			const subpath = resolved_id['.'];
-			if (subpath === false) return 'data:text/javascript,export {}';
-
-			resolved_id =
-				subpath ??
-				resolve.legacy(pkg, {
-					fields: ['module', 'main']
-				});
-		}
-
-		if (!resolved_id) {
-			// last ditch — try to match index.js/index.mjs
-			for (const index_file of ['index.mjs', 'index.js']) {
-				try {
-					const indexUrl = new URL(index_file, `${pkg_url_base}/`).href;
-					return (await follow_redirects(indexUrl, uid)) ?? '';
-				} catch {
-					// maybe the next option will be successful
-				}
-			}
-
-			throw `could not find entry point in "${pkg.name}/package.json"`;
-		}
-
-		return resolved_id;
-	}
-
-	if (typeof pkg.browser === 'object') {
-		// this will either return `pkg.browser[subpath]` or `subpath`
-		return resolve.legacy(pkg, {
-			browser: subpath
-		});
-	}
-
-	return subpath;
-}
-
-const versions = Object.create(null);
-
 let previous: {
 	key: string;
 	cache: RollupCache | undefined;
@@ -281,10 +127,13 @@ async function init_tailwind() {
 }
 
 async function get_bundle(
+	svelte: typeof import('svelte/compiler'),
+	svelte_version: string,
 	uid: number,
 	mode: 'client' | 'server',
-	local_files_lookup: Map<string, File>,
-	options: BundleOptions
+	virtual: Map<string, File>,
+	options: BundleOptions,
+	can_use_experimental_async: boolean
 ) {
 	let bundle;
 
@@ -321,144 +170,115 @@ async function get_bundle(
 		async resolveId(importee, importer) {
 			if (uid !== current_id) throw ABORT;
 
-			if (importee === 'esm-env') return importee;
-
-			if (importee === shared_file) return importee;
+			// entrypoint
+			if (!importer) return `${VIRTUAL}/${ENTRYPOINT}`;
 
-			// importing from another file in REPL
-			if (local_files_lookup.has(importee) && (!importer || local_files_lookup.has(importer)))
-				return importee;
-			if (local_files_lookup.has(importee + '.js')) return importee + '.js';
-			if (local_files_lookup.has(importee + '.json')) return importee + '.json';
-
-			// remove trailing slash
-			if (importee.endsWith('/')) importee = importee.slice(0, -1);
+			// special case
+			if (importee === 'esm-env') return `${VIRTUAL}/${ESM_ENV}`;
 
 			// importing from a URL
-			if (/^https?:/.test(importee)) return importee;
-
-			if (importee.startsWith('.')) {
-				if (importer && local_files_lookup.has(importer)) {
-					// relative import in a REPL file
-					// should've matched above otherwise importee doesn't exist
-					console.error(`Cannot find file "${importee}" imported by "${importer}" in the REPL`);
-					return;
-				} else {
-					// relative import in an external file
-					const url = new URL(importee, importer).href;
-					self.postMessage({ type: 'status', uid, message: `resolving ${url}` });
-					return await follow_redirects(url, uid);
-				}
-			} else {
-				// fetch from unpkg
-				self.postMessage({ type: 'status', uid, message: `resolving ${importee}` });
-
-				const match = /^((?:@[^/]+\/)?[^/@]+)(?:@([^/]+))?(\/.+)?$/.exec(importee);
-				if (!match) {
-					return console.error(`Invalid import "${importee}"`);
-				}
+			if (/^[a-z]+:/.test(importee)) return importee;
 
-				const pkg_name = match[1];
+			// importing a relative file
+			if (importee[0] === '.') {
+				if (importer.startsWith(VIRTUAL)) {
+					const url = new URL(importee, importer);
 
-				let default_version = 'latest';
+					for (const suffix of ['', '.js', '.json']) {
+						const with_suffix = `${url.pathname.slice(1)}${suffix}`;
+						const file = virtual.get(with_suffix);
 
-				if (importer?.startsWith(packages_url)) {
-					const path = importer.slice(packages_url.length + 1);
-					const parts = path.split('/').slice(0, 2);
-					if (!parts[0].startsWith('@')) parts.pop();
-
-					const importer_name_and_version = parts.join('/');
-					const importer_name = importer_name_and_version.slice(
-						0,
-						importer_name_and_version.indexOf('@', 1)
-					);
-
-					const default_versions = (versions[importer_name_and_version] ??= Object.create(null));
-
-					if (!default_versions[pkg_name]) {
-						const pkg_json_url = `${packages_url}/${importer_name_and_version}/package.json`;
-						const pkg_json = (await fetch_if_uncached(pkg_json_url, uid))?.body;
-						const pkg = JSON.parse(pkg_json ?? '""');
-
-						if (importer_name === pkg_name) {
-							default_versions[pkg_name] = pkg.version;
-						} else {
-							const version =
-								pkg.devDependencies?.[pkg_name] ??
-								pkg.peerDependencies?.[pkg_name] ??
-								pkg.dependencies?.[pkg_name];
-
-							default_versions[pkg_name] = max(version);
+						if (file) {
+							return url.href + suffix;
 						}
 					}
 
-					default_version = default_versions[pkg_name];
+					throw new Error(
+						`'${importee}' (imported by ${importer.replace(VIRTUAL + '/', '')}) does not exist`
+					);
 				}
 
-				const pkg_url =
-					pkg_name === 'svelte'
-						? `${svelte_url}/package.json`
-						: `${packages_url}/${pkg_name}@${match[2] ?? default_version}/package.json`;
-				const subpath = `.${match[3] ?? ''}`;
+				if (importer.startsWith(NPM)) {
+					const { name, version } = parse_npm_url(importer);
 
-				// if this was imported by one of our files, add it to the `imports` set
-				if (importer && local_files_lookup.has(importer)) {
-					imports.add(pkg_name);
+					const pkg = await fetch_package(name, name === 'svelte' ? svelte_version : version);
+					const path = new URL(importee, importer).pathname.replace(`/${name}@${version}/`, '');
+
+					return add_suffix(pkg, path);
 				}
 
-				const fetch_package_info = async (pkg_url: string) => {
-					try {
-						const redirected = await follow_redirects(pkg_url, uid);
+				return new URL(importee, importer).href;
+			}
 
-						if (!redirected) throw new Error();
+			// importing an external package -> `npm://$/<name>@<version>/<path>`
+			const match = /^((?:@[^/]+\/)?[^/@]+)(?:@([^/]+))?(\/.+)?$/.exec(importee);
+			if (!match) throw new Error(`Invalid import "${importee}"`);
 
-						const pkg_json = (await fetch_if_uncached(redirected, uid))?.body;
-						const pkg = JSON.parse(pkg_json ?? '""');
+			const pkg_name = match[1];
 
-						const pkg_url_base = redirected.replace(/\/package\.json$/, '');
+			if (pkg_name === 'svelte' && svelte_version === 'local') {
+				return await resolve_local(importee);
+			}
 
-						return {
-							pkg,
-							pkg_url_base
-						};
-					} catch (_e) {
-						throw new Error(`Error fetching "${pkg_name}" from unpkg. Does the package exist?`);
-					}
-				};
+			let default_version = 'latest';
 
-				const { pkg, pkg_url_base } = await fetch_package_info(pkg_url);
+			if (importer.startsWith(NPM)) {
+				// use the version specified in importer's package.json, not `latest`
+				const { name, version } = parse_npm_url(importer);
 
-				try {
-					const resolved_id = await resolve_from_pkg(pkg, subpath, uid, pkg_url_base);
-					return new URL(resolved_id + '', `${pkg_url_base}/`).href;
-				} catch (reason) {
-					throw new Error(`Cannot import "${importee}": ${reason}.`);
+				const { meta } = await fetch_package(name, name === 'svelte' ? svelte_version : version);
+
+				if (meta.name === pkg_name) {
+					default_version = meta.version;
+				} else {
+					default_version = max(
+						meta.devDependencies?.[pkg_name] ??
+							meta.peerDependencies?.[pkg_name] ??
+							meta.dependencies?.[pkg_name]
+					);
 				}
 			}
+
+			if (importer.startsWith(VIRTUAL)) {
+				// if this was imported by one of our files, add it to the `imports` set
+				imports.add(pkg_name);
+			}
+
+			const v = await resolve_version(match[1], match[2] ?? default_version);
+			const pkg = await fetch_package(pkg_name, pkg_name === 'svelte' ? svelte_version : v);
+			const subpath = resolve_subpath(pkg, '.' + (match[3] ?? ''));
+
+			return add_suffix(pkg, subpath.slice(2));
 		},
 		async load(resolved) {
 			if (uid !== current_id) throw ABORT;
 
-			if (resolved === 'esm-env') {
-				return `export const BROWSER = true; export const DEV = true`;
+			if (resolved.startsWith(VIRTUAL)) {
+				const file = virtual.get(resolved.slice(VIRTUAL.length + 1))!;
+				return file.contents;
 			}
 
-			const cached_file = local_files_lookup.get(resolved);
-			if (cached_file) {
-				return cached_file.contents;
-			}
+			if (resolved.startsWith(NPM)) {
+				let [, name, v, subpath] = /^npm:\/\/\$\/((?:@[^/]+\/)?[^/@]+)(?:@([^/]+))?\/(.+)$/.exec(
+					resolved
+				)!;
 
-			if (!FETCH_CACHE.has(resolved)) {
-				self.postMessage({ type: 'status', uid, message: `fetching ${resolved}` });
+				const pkg = await fetch_package(name, name === 'svelte' ? svelte_version : v);
+
+				const file = pkg.contents[subpath];
+				if (file) return file.text;
 			}
 
-			const res = await fetch_if_uncached(resolved, uid);
-			return res?.body;
+			const response = await fetch(resolved);
+			if (response.ok) return response.text();
+
+			throw new Error(`Could not load ${resolved}`);
 		},
 		transform(code, id) {
 			if (uid !== current_id) throw ABORT;
 
-			self.postMessage({ type: 'status', uid, message: `bundling ${id}` });
+			const message = `bundling ${id.replace(VIRTUAL + '/', '').replace(NPM + '/', '')}`;
+			self.postMessage({ type: 'status', message });
 
 			if (!/\.(svelte|js)$/.test(id)) return null;
 
@@ -498,13 +318,13 @@ async function get_bundle(
 				if (result.css?.code) {
 					// resolve local files by inlining them
 					result.css.code = result.css.code.replace(
-						/url\(['"]?(\..+?\.(svg|webp|png))['"]?\)/g,
+						/url\(['"]?\.\/(.+?\.(svg|webp|png))['"]?\)/g,
 						(match, $1, $2) => {
-							if (local_files_lookup.has($1)) {
+							if (virtual.has($1)) {
 								if ($2 === 'svg') {
-									return `url('data:image/svg+xml;base64,${btoa(local_files_lookup.get($1)!.contents)}')`;
+									return `url('data:image/svg+xml;base64,${btoa(virtual.get($1)!.contents)}')`;
 								} else {
-									return `url('data:image/${$2};base64,${local_files_lookup.get($1)!.contents}')`;
+									return `url('data:image/${$2};base64,${virtual.get($1)!.contents}')`;
 								}
 							} else {
 								return match;
@@ -515,7 +335,7 @@ async function get_bundle(
 					result.js.code +=
 						'\n\n' +
 						`
-					import { styles as $$_styles } from '${shared_file}';
+					import { styles as $$_styles } from '${VIRTUAL}/${STYLES}';
 					const $$__style = document.createElement('style');
 					$$__style.textContent = ${JSON.stringify(result.css.code)};
 					document.head.append($$__style);
@@ -561,76 +381,67 @@ async function get_bundle(
 		}
 	};
 
-	try {
-		const key = JSON.stringify(options);
-
-		bundle = await rollup({
-			input: './__entry.js',
-			cache: previous?.key === key && previous.cache,
-			plugins: [
-				repl_plugin,
-				commonjs,
-				json,
-				svg,
-				mp3,
-				image,
-				glsl,
-				loop_protect,
-				replace({
-					'process.env.NODE_ENV': JSON.stringify('production')
-				}),
-				options.tailwind && {
-					name: 'tailwind-extract',
-					transform(code, id) {
-						// TODO tidy this up
-						if (id.startsWith(svelte_url)) return;
-						if (id.endsWith('.svelte')) return;
-						if (id === './__entry.js') return;
-						if (id === 'esm-env') return;
-						if (id === shared_file) return;
-						if (id.startsWith('https://unpkg.com/clsx@')) return;
-
-						add_tailwind_candidates(this.parse(code));
-					}
+	const key = JSON.stringify(options);
+
+	bundle = await rollup({
+		input: './__entry.js',
+		cache: previous?.key === key && previous.cache,
+		plugins: [
+			repl_plugin,
+			commonjs,
+			json,
+			svg,
+			mp3,
+			image,
+			glsl,
+			loop_protect,
+			replace({
+				'process.env.NODE_ENV': JSON.stringify('production')
+			}),
+			options.tailwind && {
+				name: 'tailwind-extract',
+				transform(code, id) {
+					// TODO tidy this up
+					if (id.startsWith(`${NPM}/svelte@`)) return;
+					if (id.startsWith(`${NPM}/clsx@`)) return;
+					if (id === `${VIRTUAL}/${ENTRYPOINT}`) return;
+					if (id === `${VIRTUAL}/${STYLES}`) return;
+					if (id === `${VIRTUAL}/${ESM_ENV}`) return;
+					if (id.endsWith('.svelte')) return;
+
+					add_tailwind_candidates(this.parse(code));
 				}
-			],
-			onwarn(warning) {
-				all_warnings.push({
-					message: warning.message
-				});
 			}
-		});
-
-		previous = { key, cache: bundle.cache };
+		],
+		onwarn(warning) {
+			all_warnings.push({
+				message: warning.message
+			});
+		}
+	});
 
-		return {
-			bundle,
-			tailwind: options.tailwind
-				? (tailwind ?? (await init_tailwind())).build(tailwind_candidates)
-				: undefined,
-			imports: Array.from(imports),
-			error: null,
-			warnings,
-			all_warnings
-		};
-	} catch (error) {
-		return { error, imports: null, bundle: null, warnings, all_warnings };
-	}
+	previous = { key, cache: bundle.cache };
+
+	return {
+		bundle,
+		tailwind: options.tailwind
+			? (tailwind ?? (await init_tailwind())).build(tailwind_candidates)
+			: undefined,
+		imports: Array.from(imports),
+		error: null,
+		warnings,
+		all_warnings
+	};
 }
 
-export type BundleResult = ReturnType<typeof bundle>;
-
-const shared_file = '$$__shared__.js';
-
-async function bundle({
-	uid,
-	files,
-	options
-}: {
-	uid: number;
-	files: File[];
-	options: BundleOptions;
-}) {
+async function bundle(
+	svelte: typeof import('svelte/compiler'),
+	svelte_version: string,
+	uid: number,
+	files: File[],
+	options: BundleOptions,
+	can_use_experimental_async: boolean
+): Promise<BundleResult> {
 	if (!DEV) {
 		console.clear();
 		console.log(`running Svelte compiler version %c${svelte.VERSION}`, 'font-weight: bold');
@@ -638,15 +449,15 @@ async function bundle({
 
 	const lookup: Map<string, File> = new Map();
 
-	lookup.set('./__entry.js', {
+	lookup.set(ENTRYPOINT, {
 		type: 'file',
-		name: '__entry.js',
-		basename: '__entry.js',
+		name: ENTRYPOINT,
+		basename: ENTRYPOINT,
 		contents:
-			version.split('.')[0] >= '5'
+			svelte.VERSION.split('.')[0] >= '5'
 				? `
 			import { unmount as u } from 'svelte';
-			import { styles } from '${shared_file}';
+			import { styles } from '${VIRTUAL}/${STYLES}';
 			export { mount, untrack } from 'svelte';
 			export {default as App} from './App.svelte';
 			export function unmount(component) {
@@ -655,7 +466,7 @@ async function bundle({
 			}
 		`
 				: `
-			import { styles } from '${shared_file}';
+			import { styles } from '${VIRTUAL}/${STYLES}';
 			export {default as App} from './App.svelte';
 			export function mount(component, options) {
 				return new component(options);
@@ -671,32 +482,41 @@ async function bundle({
 		text: true
 	});
 
-	lookup.set(shared_file, {
+	lookup.set(STYLES, {
 		type: 'file',
-		name: shared_file,
-		basename: shared_file,
+		name: STYLES,
+		basename: STYLES,
 		contents: `
 			export let styles = [];
 		`,
 		text: true
 	});
 
-	files.forEach((file) => {
-		const path = `./${file.name}`;
-		lookup.set(path, file);
+	lookup.set(ESM_ENV, {
+		type: 'file',
+		name: STYLES,
+		basename: STYLES,
+		contents: `
+			export const BROWSER = true;
+			export const DEV = true;
+		`,
+		text: true
 	});
 
-	let client: Awaited<ReturnType<typeof get_bundle>> = await get_bundle(
-		uid,
-		'client',
-		lookup,
-		options
-	);
+	files.forEach((file) => {
+		lookup.set(file.name, file);
+	});
 
 	try {
-		if (client.error) {
-			throw client.error;
-		}
+		let client: Awaited<ReturnType<typeof get_bundle>> = await get_bundle(
+			svelte,
+			svelte_version,
+			uid,
+			'client',
+			lookup,
+			options,
+			can_use_experimental_async
+		);
 
 		const client_result = (
 			await client.bundle?.generate({
@@ -708,13 +528,17 @@ async function bundle({
 		)?.output[0];
 
 		const server = false // TODO how can we do SSR?
-			? await get_bundle(uid, 'server', lookup, options)
+			? await get_bundle(
+					svelte,
+					svelte_version,
+					uid,
+					'server',
+					lookup,
+					options,
+					can_use_experimental_async
+				)
 			: null;
 
-		if (server?.error) {
-			throw server.error;
-		}
-
 		const server_result = server
 			? (
 					await server.bundle?.generate({
@@ -728,26 +552,24 @@ async function bundle({
 
 		return {
 			uid,
+			error: null,
 			client: client_result,
 			server: server_result,
 			tailwind: client.tailwind,
-			imports: client.imports,
-			// Svelte 5 returns warnings as error objects with a toJSON method, prior versions return a POJO
-			warnings: client.warnings.map((w: any) => w.toJSON?.() ?? w),
-			error: null
+			imports: client.imports
 		};
 	} catch (err) {
 		console.error(err);
 
-		const e = err as CompileError;
+		const e = err as CompileError; // TODO could be a non-Svelte error?
 
 		return {
 			uid,
+			error: { ...e, message: e.message }, // not all Svelte versions return an enumerable message property
 			client: null,
 			server: null,
-			imports: null,
-			warnings: client.warnings,
-			error: { ...e, message: e.message } // not all Svelte versions return an enumerable message property
+			tailwind: null,
+			imports: null
 		};
 	}
 }
diff --git a/packages/editor/src/lib/compile-worker/worker.ts b/packages/repl/src/lib/workers/compiler/index.ts
similarity index 52%
rename from packages/editor/src/lib/compile-worker/worker.ts
rename to packages/repl/src/lib/workers/compiler/index.ts
index d5fd227096..e0cdc4e9b6 100644
--- a/packages/editor/src/lib/compile-worker/worker.ts
+++ b/packages/repl/src/lib/workers/compiler/index.ts
@@ -1,8 +1,7 @@
 import '@sveltejs/site-kit/polyfills';
-import { parseTar } from 'tarparser';
 import type { CompileResult } from 'svelte/compiler';
-import type { ExposedCompilerOptions, File } from '../Workspace.svelte';
-import type { FileDescription } from 'tarparser';
+import type { ExposedCompilerOptions, File } from '../../Workspace.svelte';
+import { load_svelte } from '../npm';
 
 // hack for magic-string and Svelte 4 compiler
 // do not put this into a separate module and import it, would be treeshaken in prod
@@ -10,75 +9,18 @@ self.window = self;
 
 declare var self: Window & typeof globalThis & { svelte: typeof import('svelte/compiler') };
 
-let inited: PromiseWithResolvers<typeof self.svelte>;
-
-let can_use_experimental_async = false;
-
-async function init(v: string) {
-	const svelte_url = v === 'local' ? '/svelte' : `https://unpkg.com/svelte@${v}`;
-	const match = /^(?:pr|commit|branch)-(.+)/.exec(v);
-
-	let tarball: FileDescription[] | undefined;
-	let version: string;
-
-	if (match) {
-		const response = await fetch(`https://pkg.pr.new/svelte@${match[1]}`);
-
-		if (!response.ok) {
-			throw new Error('Could not fetch tarball');
-		}
-
-		tarball = await parseTar(await response.arrayBuffer());
-
-		const json = tarball.find((file) => file.name === 'package/package.json')!.text;
-		version = JSON.parse(json).version;
-	} else {
-		version = (await fetch(`${svelte_url}/package.json`).then((r) => r.json())).version;
-	}
-
-	const entry = version.startsWith('3.')
-		? 'compiler.js'
-		: version.startsWith('4.')
-			? 'compiler.cjs'
-			: 'compiler/index.js';
-
-	const compiler = tarball
-		? tarball.find((file) => file.name === `package/${entry}`)!.text
-		: await fetch(`${svelte_url}/${entry}`).then((r) => r.text());
-
-	(0, eval)(compiler + `\n//# sourceURL=${entry}@` + version);
-
-	try {
-		self.svelte.compileModule('', {
-			generate: 'client',
-			// @ts-expect-error
-			experimental: {
-				async: true
-			}
-		});
-
-		can_use_experimental_async = true;
-	} catch (e) {
-		// do nothing
-	}
-
-	return self.svelte;
-}
+const cache: Record<string, any> = {};
 
 addEventListener('message', async (event) => {
-	if (!inited) {
-		inited = Promise.withResolvers();
-		init(event.data.version).then(inited.resolve, inited.reject);
-	}
-
-	const svelte = await inited.promise;
-
-	const { id, file, options } = event.data as {
+	const { id, file, version, options } = event.data as {
 		id: number;
 		file: File;
+		version: string;
 		options: ExposedCompilerOptions;
 	};
 
+	const { can_use_experimental_async, svelte } = (cache[version] ??= await load_svelte(version));
+
 	if (!file.name.endsWith('.svelte') && !svelte.compileModule) {
 		// .svelte.js file compiled with Svelte 3/4 compiler
 		postMessage({
@@ -147,13 +89,10 @@ addEventListener('message', async (event) => {
 			payload: {
 				error: null,
 				result: {
-					// @ts-expect-error Svelte 3/4 doesn't contain this field
 					metadata: { runes: false },
 					...result,
 					warnings: result.warnings.map((w) => {
-						// @ts-expect-error This exists on Svelte 3/4 and is required to be deleted, otherwise postMessage won't work
 						delete w.toString;
-						// @ts-expect-error https://github.com/sveltejs/svelte/issues/13628 (fixed in 5.0, but was like that for most of the preview phase)
 						return { message: w.message, ...w };
 					})
 				},
@@ -165,7 +104,6 @@ addEventListener('message', async (event) => {
 			id,
 			filename: file.name,
 			payload: {
-				// @ts-expect-error
 				error: { message: e.message, ...e },
 				result: null,
 				migration: null
diff --git a/packages/repl/src/lib/workers/constants.ts b/packages/repl/src/lib/workers/constants.ts
new file mode 100644
index 0000000000..dd2fad619f
--- /dev/null
+++ b/packages/repl/src/lib/workers/constants.ts
@@ -0,0 +1,2 @@
+export const VIRTUAL = 'virtual://$';
+export const NPM = 'npm://$';
diff --git a/packages/repl/src/lib/workers/npm.ts b/packages/repl/src/lib/workers/npm.ts
new file mode 100644
index 0000000000..93967f471a
--- /dev/null
+++ b/packages/repl/src/lib/workers/npm.ts
@@ -0,0 +1,221 @@
+import * as resolve from 'resolve.exports';
+import { parseTar, type FileDescription } from 'tarparser';
+import { NPM } from './constants';
+
+interface Package {
+	meta: any; // package.json contents
+	contents: Record<string, FileDescription>;
+}
+
+/** map of `pkg-name@1` -> `1.2.3` */
+const versions = new Map<string, Promise<string>>();
+const packages = new Map<string, Promise<Package>>();
+
+const pkg_pr_new_regex = /^(pr|commit|branch)-(.+)/;
+
+export async function load_svelte(version: string, onresolve?: (resolved: string) => void) {
+	if (version === 'local') {
+		await import(/* @vite-ignore */ `${location.origin}/svelte/compiler/index.js`);
+	} else {
+		if (!pkg_pr_new_regex.test(version)) {
+			version = await resolve_version('svelte', version);
+			onresolve?.(version);
+		}
+
+		const pkg = await fetch_package('svelte', version);
+
+		const entry = version.startsWith('3.')
+			? 'compiler.js'
+			: version.startsWith('4.')
+				? 'compiler.cjs'
+				: 'compiler/index.js';
+
+		const compiler = pkg.contents[entry].text;
+
+		(0, eval)(compiler + `\n//# sourceURL=${entry}@` + version);
+	}
+
+	console.log(`Using Svelte compiler version ${version}`);
+
+	let can_use_experimental_async = false;
+
+	try {
+		svelte.compileModule('', {
+			generate: 'client',
+			// @ts-expect-error
+			experimental: {
+				async: true
+			}
+		});
+
+		can_use_experimental_async = true;
+	} catch (e) {
+		// do nothing
+	}
+
+	return {
+		svelte,
+		version,
+		can_use_experimental_async
+	};
+}
+
+export async function resolve_version(name: string, version: string): Promise<string> {
+	if (pkg_pr_new_regex.test(version)) {
+		return version;
+	}
+
+	const key = `${name}@${version}`;
+
+	if (!versions.has(key)) {
+		const promise = fetch(
+			`https://data.jsdelivr.com/v1/packages/npm/${name}/resolved?specifier=${version}`
+		).then(async (r) => {
+			if (!r.ok) {
+				versions.delete(key);
+				throw new Error(`Failed to import ${key}. Are you sure the package exists?`);
+			}
+
+			return (await r.json()).version;
+		});
+
+		versions.set(key, promise);
+	}
+
+	return await versions.get(key)!;
+}
+
+export async function fetch_package(name: string, version: string): Promise<Package> {
+	const key = `${name}@${version}`;
+
+	if (!packages.has(key)) {
+		const match = pkg_pr_new_regex.exec(version);
+
+		const url = match
+			? `https://pkg.pr.new/svelte@${match[2]}`
+			: `https://registry.npmjs.org/${name}/-/${name.split('/').pop()}-${version}.tgz`;
+
+		const promise = fetch(url).then(async (r) => {
+			if (!r.ok) {
+				packages.delete(url);
+				throw new Error(`Failed to fetch ${url}`);
+			}
+
+			const contents: Record<string, FileDescription> = {};
+
+			for (const file of await parseTar(await r.arrayBuffer())) {
+				if (file.type === 'file') {
+					contents[file.name.slice(8)] = file; // remove `package/` prefix
+				}
+			}
+
+			const meta = JSON.parse(contents['package.json'].text);
+
+			return { meta, contents };
+		});
+
+		packages.set(key, promise);
+	}
+
+	return packages.get(key)!;
+}
+
+export function resolve_subpath(pkg: Package, subpath: string): string {
+	// match legacy Rollup logic — pkg.svelte takes priority over pkg.exports
+	if (typeof pkg.meta.svelte === 'string' && subpath === '.') {
+		return `./${pkg.meta.svelte.replace('./', '')}`;
+	}
+
+	// modern
+	if (pkg.meta.exports) {
+		try {
+			const resolved = resolve.exports(pkg.meta, subpath, {
+				browser: true,
+				conditions: ['svelte', 'module', 'browser', 'development']
+			});
+
+			return resolved?.[0] as string;
+		} catch {
+			throw new Error(
+				`No matched export path was found for "${subpath}" in "${pkg.meta.name}/package.json"`
+			);
+		}
+	}
+
+	// legacy
+	if (subpath === '.') {
+		let resolved_id = resolve.legacy(pkg.meta, {
+			fields: ['browser', 'module', 'main']
+		});
+
+		if (typeof resolved_id === 'object' && !Array.isArray(resolved_id)) {
+			const subpath = resolved_id['.'];
+			if (subpath === false) return 'data:text/javascript,export {}';
+
+			resolved_id =
+				subpath ??
+				resolve.legacy(pkg.meta, {
+					fields: ['module', 'main']
+				});
+		}
+
+		if (!resolved_id) {
+			// last ditch — try to match index.js/index.mjs
+			if (pkg.contents['index.mjs']) return './index.mjs';
+			if (pkg.contents['index.js']) return './index.js';
+
+			throw new Error(`Could not find entry point in "${pkg.meta.name}/package.json"`);
+		}
+
+		return resolved_id as string;
+	}
+
+	if (typeof pkg.meta.browser === 'object') {
+		// this will either return `pkg.browser[subpath]` or `subpath`
+		return resolve.legacy(pkg, {
+			browser: subpath
+		}) as string;
+	}
+
+	return subpath;
+}
+
+export function add_suffix(pkg: Package, path: string) {
+	for (const suffix of ['', '.js', '.mjs', '.cjs', '/index.js', '/index.mjs', '/index.cjs']) {
+		const with_suffix = path + suffix;
+		const file = pkg.contents[with_suffix];
+
+		if (file && file.type === 'file') {
+			return `${NPM}/${pkg.meta.name}@${pkg.meta.version}/${with_suffix}`;
+		}
+	}
+
+	throw new Error(`Could not find ${path} in ${pkg.meta.name}@${pkg.meta.version}`);
+}
+
+const LOCAL_PKG_URL = `${location.origin}/svelte/package.json`;
+let local_svelte_pkg: Promise<any>;
+
+export async function resolve_local(specifier: string) {
+	const pkg = await (local_svelte_pkg ??= fetch(LOCAL_PKG_URL).then((r) => r.json()));
+
+	const subpath = resolve.exports(pkg, specifier.replace('svelte', '.'), {
+		browser: true
+	})![0] as string;
+
+	return new URL(subpath, LOCAL_PKG_URL).href;
+}
+
+export function parse_npm_url(href: string) {
+	const match = /^npm:\/\/\$\/((?:@[^/]+\/)?[^/@]+)(?:@([^/]+))?(\/.+)?$/.exec(href);
+
+	if (!match) {
+		throw new Error(`${href} is not a valid npm URL`);
+	}
+
+	return {
+		name: match[1],
+		version: match[2],
+		subpath: match[3]
+	};
+}
diff --git a/packages/repl/src/lib/workers/workers.d.ts b/packages/repl/src/lib/workers/workers.d.ts
index 59710fa266..169a328bc1 100644
--- a/packages/repl/src/lib/workers/workers.d.ts
+++ b/packages/repl/src/lib/workers/workers.d.ts
@@ -1,5 +1,6 @@
 import type { CompileError, CompileOptions, CompileResult, Warning } from 'svelte/compiler';
-import type { File } from 'editor';
+import type { File } from '../Workspace.svelte';
+import type { MessageDetails } from '$lib/types';
 
 export type CompilerCommand =
 	| {
@@ -54,9 +55,8 @@ export interface BundleOptions {
 
 export type BundleMessageData = {
 	uid: number;
-	type: 'init' | 'bundle' | 'status' | 'error';
+	type: 'init' | 'bundle' | 'status' | 'error' | 'version';
 	message: string;
-	packages_url: string;
 	svelte_version: string;
 	files: File[];
 	options: BundleOptions;
diff --git a/pnpm-lock.yaml b/pnpm-lock.yaml
index 954338e930..cdf82b235f 100644
--- a/pnpm-lock.yaml
+++ b/pnpm-lock.yaml
@@ -80,9 +80,6 @@ importers:
       do-not-zip:
         specifier: ^1.0.0
         version: 1.0.0
-      editor:
-        specifier: workspace:*
-        version: link:../../packages/editor
       flexsearch:
         specifier: ^0.7.43
         version: 0.7.43
@@ -208,97 +205,6 @@ importers:
         specifier: ^7.0.4
         version: 7.0.4(rollup@4.21.2)
 
-  packages/editor:
-    dependencies:
-      '@lezer/highlight':
-        specifier: ^1.2.1
-        version: 1.2.1
-      esm-env:
-        specifier: ^1.0.0
-        version: 1.2.1
-      tarparser:
-        specifier: ^0.0.4
-        version: 0.0.4
-    devDependencies:
-      '@codemirror/autocomplete':
-        specifier: ^6.9.0
-        version: 6.16.0(@codemirror/language@6.10.3)(@codemirror/state@6.5.0)(@codemirror/view@6.35.3)(@lezer/common@1.2.2)
-      '@codemirror/commands':
-        specifier: ^6.2.5
-        version: 6.5.0
-      '@codemirror/lang-css':
-        specifier: ^6.2.1
-        version: 6.2.1(@codemirror/view@6.35.3)
-      '@codemirror/lang-html':
-        specifier: ^6.4.6
-        version: 6.4.9
-      '@codemirror/lang-javascript':
-        specifier: ^6.2.1
-        version: 6.2.2
-      '@codemirror/language':
-        specifier: ^6.10.3
-        version: 6.10.3
-      '@codemirror/lint':
-        specifier: ^6.8.2
-        version: 6.8.2
-      '@codemirror/search':
-        specifier: ^6.5.6
-        version: 6.5.6
-      '@codemirror/state':
-        specifier: ^6.5.0
-        version: 6.5.0
-      '@codemirror/view':
-        specifier: ^6.35.3
-        version: 6.35.3
-      '@replit/codemirror-lang-svelte':
-        specifier: ^6.0.0
-        version: 6.0.0(@codemirror/autocomplete@6.16.0(@codemirror/language@6.10.3)(@codemirror/state@6.5.0)(@codemirror/view@6.35.3)(@lezer/common@1.2.2))(@codemirror/lang-css@6.2.1(@codemirror/view@6.35.3))(@codemirror/lang-html@6.4.9)(@codemirror/lang-javascript@6.2.2)(@codemirror/language@6.10.3)(@codemirror/state@6.5.0)(@codemirror/view@6.35.3)(@lezer/common@1.2.2)(@lezer/highlight@1.2.1)(@lezer/javascript@1.4.17)(@lezer/lr@1.4.1)
-      '@replit/codemirror-vim':
-        specifier: ^6.0.14
-        version: 6.2.1(@codemirror/commands@6.5.0)(@codemirror/language@6.10.3)(@codemirror/search@6.5.6)(@codemirror/state@6.5.0)(@codemirror/view@6.35.3)
-      '@sveltejs/adapter-auto':
-        specifier: ^3.0.0
-        version: 3.2.0(@sveltejs/kit@2.20.0(@sveltejs/vite-plugin-svelte@4.0.3(svelte@5.23.0)(vite@5.4.11(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.23.0)(vite@5.4.11(@types/node@20.14.2)(lightningcss@1.25.1)))
-      '@sveltejs/kit':
-        specifier: ^2.20.0
-        version: 2.20.0(@sveltejs/vite-plugin-svelte@4.0.3(svelte@5.23.0)(vite@5.4.11(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.23.0)(vite@5.4.11(@types/node@20.14.2)(lightningcss@1.25.1))
-      '@sveltejs/package':
-        specifier: ^2.0.0
-        version: 2.3.1(svelte@5.23.0)(typescript@5.5.4)
-      '@sveltejs/repl':
-        specifier: workspace:*
-        version: link:../repl
-      '@sveltejs/site-kit':
-        specifier: workspace:*
-        version: link:../site-kit
-      '@sveltejs/vite-plugin-svelte':
-        specifier: ^4.0.0
-        version: 4.0.3(svelte@5.23.0)(vite@5.4.11(@types/node@20.14.2)(lightningcss@1.25.1))
-      codemirror:
-        specifier: ^6.0.1
-        version: 6.0.1(@lezer/common@1.2.2)
-      prettier:
-        specifier: ^3.1.1
-        version: 3.3.2
-      prettier-plugin-svelte:
-        specifier: ^3.3.2
-        version: 3.3.2(prettier@3.3.2)(svelte@5.23.0)
-      publint:
-        specifier: ^0.2.12
-        version: 0.2.12
-      svelte:
-        specifier: ^5.23.0
-        version: 5.23.0
-      svelte-check:
-        specifier: ^4.1.1
-        version: 4.1.1(picomatch@4.0.2)(svelte@5.23.0)(typescript@5.5.4)
-      typescript:
-        specifier: ^5.0.0
-        version: 5.5.4
-      vite:
-        specifier: ^5.0.11
-        version: 5.4.11(@types/node@20.14.2)(lightningcss@1.25.1)
-
   packages/repl:
     dependencies:
       '@codemirror/autocomplete':
@@ -310,6 +216,9 @@ importers:
       '@codemirror/lang-css':
         specifier: ^6.2.1
         version: 6.2.1(@codemirror/view@6.35.3)
+      '@codemirror/lang-html':
+        specifier: ^6.4.6
+        version: 6.4.9
       '@codemirror/lang-javascript':
         specifier: ^6.2.2
         version: 6.2.2
@@ -334,6 +243,9 @@ importers:
       '@jridgewell/sourcemap-codec':
         specifier: ^1.4.15
         version: 1.5.0
+      '@lezer/highlight':
+        specifier: ^1.2.1
+        version: 1.2.1
       '@replit/codemirror-lang-svelte':
         specifier: ^6.0.0
         version: 6.0.0(@codemirror/autocomplete@6.16.0(@codemirror/language@6.10.3)(@codemirror/state@6.5.0)(@codemirror/view@6.35.3)(@lezer/common@1.2.2))(@codemirror/lang-css@6.2.1(@codemirror/view@6.35.3))(@codemirror/lang-html@6.4.9)(@codemirror/lang-javascript@6.2.2)(@codemirror/language@6.10.3)(@codemirror/state@6.5.0)(@codemirror/view@6.35.3)(@lezer/common@1.2.2)(@lezer/highlight@1.2.1)(@lezer/javascript@1.4.17)(@lezer/lr@1.4.1)
@@ -355,9 +267,9 @@ importers:
       acorn:
         specifier: ^8.11.3
         version: 8.14.0
-      editor:
-        specifier: workspace:*
-        version: link:../editor
+      codemirror:
+        specifier: ^6.0.1
+        version: 6.0.1(@lezer/common@1.2.2)
       esm-env:
         specifier: ^1.0.0
         version: 1.2.1
@@ -4569,11 +4481,6 @@ snapshots:
       '@sveltejs/kit': 2.20.0(@sveltejs/vite-plugin-svelte@4.0.0(svelte@5.23.0)(vite@5.4.11(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.23.0)(vite@5.4.11(@types/node@20.14.2)(lightningcss@1.25.1))
       import-meta-resolve: 4.1.0
 
-  '@sveltejs/adapter-auto@3.2.0(@sveltejs/kit@2.20.0(@sveltejs/vite-plugin-svelte@4.0.3(svelte@5.23.0)(vite@5.4.11(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.23.0)(vite@5.4.11(@types/node@20.14.2)(lightningcss@1.25.1)))':
-    dependencies:
-      '@sveltejs/kit': 2.20.0(@sveltejs/vite-plugin-svelte@4.0.3(svelte@5.23.0)(vite@5.4.11(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.23.0)(vite@5.4.11(@types/node@20.14.2)(lightningcss@1.25.1))
-      import-meta-resolve: 4.1.0
-
   '@sveltejs/adapter-vercel@5.5.2(@sveltejs/kit@2.20.0(@sveltejs/vite-plugin-svelte@4.0.3(svelte@5.23.0)(vite@5.4.11(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.23.0)(vite@5.4.11(@types/node@20.14.2)(lightningcss@1.25.1)))(rollup@4.21.2)':
     dependencies:
       '@sveltejs/kit': 2.20.0(@sveltejs/vite-plugin-svelte@4.0.3(svelte@5.23.0)(vite@5.4.11(@types/node@20.14.2)(lightningcss@1.25.1)))(svelte@5.23.0)(vite@5.4.11(@types/node@20.14.2)(lightningcss@1.25.1))